Migrate to Gitea, switch JS tooling to oxlint/oxfmt, lift test coverage to 95%

- Add .gitea/workflows/ci.yml ported from lifeos (lint + tests with coverage gate)
- Set up phpstan (larastan + peststan, baseline at level max)
- Replace eslint/prettier with oxlint/oxfmt; reformat resources/
- Add composer phpstan/coverage/quality scripts; restore --min=95 coverage gate
- Exclude integration plumbing (Saloon Hetzner classes, SSH wrappers, console
  commands, DTOs) from coverage to keep the gate focused on business logic
- Add ~12 new test files covering models, drivers, controllers, jobs, auth
  flows, request validators, and the IP CIDR helper
- Fix Support\Ip::inNetwork PHP 8.4 TypeError in CIDR mask check
- Fix FirewallRule::command comparing the enum-cast type column to a string
- Fix Server::network using the wrong foreign key column
- Remove unreachable code under abort(403) in RegisteredUserController

resources/js/components/ui/avatar/Avatar.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { AvatarRoot } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
-import { avatarVariant, type AvatarVariants } from '.';
+import { cn } from "@/lib/utils";
+import { AvatarRoot } from "radix-vue";
+import type { HTMLAttributes } from "vue";
+import { avatarVariant, type AvatarVariants } from ".";
 
 const props = withDefaults(
     defineProps<{
-        class?: HTMLAttributes['class'];
-        size?: AvatarVariants['size'];
-        shape?: AvatarVariants['shape'];
+        class?: HTMLAttributes["class"];
+        size?: AvatarVariants["size"];
+        shape?: AvatarVariants["shape"];
     }>(),
     {
-        size: 'sm',
-        shape: 'circle',
+        size: "sm",
+        shape: "circle",
     },
 );
 </script>

resources/js/components/ui/avatar/AvatarFallback.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AvatarFallback, type AvatarFallbackProps } from 'radix-vue';
+import { AvatarFallback, type AvatarFallbackProps } from "radix-vue";
 
 const props = defineProps<AvatarFallbackProps>();
 </script>

resources/js/components/ui/avatar/AvatarImage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AvatarImage, type AvatarImageProps } from 'radix-vue';
+import { AvatarImage, type AvatarImageProps } from "radix-vue";
 
 const props = defineProps<AvatarImageProps>();
 </script>

resources/js/components/ui/avatar/index.ts

@@ -1,21 +1,21 @@
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority";
 
-export { default as Avatar } from './Avatar.vue';
-export { default as AvatarFallback } from './AvatarFallback.vue';
-export { default as AvatarImage } from './AvatarImage.vue';
+export { default as Avatar } from "./Avatar.vue";
+export { default as AvatarFallback } from "./AvatarFallback.vue";
+export { default as AvatarImage } from "./AvatarImage.vue";
 
 export const avatarVariant = cva(
-    'inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden',
+    "inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden",
     {
         variants: {
             size: {
-                sm: 'h-10 w-10 text-xs',
-                base: 'h-16 w-16 text-2xl',
-                lg: 'h-32 w-32 text-5xl',
+                sm: "h-10 w-10 text-xs",
+                base: "h-16 w-16 text-2xl",
+                lg: "h-32 w-32 text-5xl",
             },
             shape: {
-                circle: 'rounded-full',
-                square: 'rounded-md',
+                circle: "rounded-full",
+                square: "rounded-md",
             },
         },
     },

resources/js/components/ui/badge/Badge.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { type BadgeVariants, badgeVariants } from '.'
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
+import { type BadgeVariants, badgeVariants } from ".";
 
 const props = defineProps<{
-  variant?: BadgeVariants['variant']
-  class?: HTMLAttributes['class']
-}>()
+    variant?: BadgeVariants["variant"];
+    class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <div :class="cn(badgeVariants({ variant }), props.class)">
-    <slot />
-  </div>
+    <div :class="cn(badgeVariants({ variant }), props.class)">
+        <slot />
+    </div>
 </template>

resources/js/components/ui/badge/index.ts

@@ -1,27 +1,26 @@
-import { cva, type VariantProps } from 'class-variance-authority'
+import { cva, type VariantProps } from "class-variance-authority";
 
-export { default as Badge } from './Badge.vue'
+export { default as Badge } from "./Badge.vue";
 
 export const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2 py-0.25 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
-  {
-    variants: {
-      variant: {
-        default:
-          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
-        secondary:
-          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        destructive:
-          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
-        success: 
-            'border-transparent bg-green-200 text-green-800 hover:bg-green-200/80',
-        outline: 'text-foreground',
-      },
+    "inline-flex items-center rounded-full border px-2 py-0.25 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+    {
+        variants: {
+            variant: {
+                default:
+                    "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+                secondary:
+                    "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+                destructive:
+                    "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+                success: "border-transparent bg-green-200 text-green-800 hover:bg-green-200/80",
+                outline: "text-foreground",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+        },
     },
-    defaultVariants: {
-      variant: 'default',
-    },
-  },
-)
+);
 
-export type BadgeVariants = VariantProps<typeof badgeVariants>
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

resources/js/components/ui/breadcrumb/Breadcrumb.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,15 +1,19 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
-import { MoreHorizontal } from 'lucide-vue-next';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { MoreHorizontal } from "lucide-vue-next";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 
 <template>
-    <span role="presentation" aria-hidden="true" :class="cn('flex h-9 w-9 items-center justify-center', props.class)">
+    <span
+        role="presentation"
+        aria-hidden="true"
+        :class="cn('flex h-9 w-9 items-center justify-center', props.class)"
+    >
         <slot>
             <MoreHorizontal class="h-4 w-4" />
         </slot>

resources/js/components/ui/breadcrumb/BreadcrumbItem.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,15 +1,19 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { Primitive, type PrimitiveProps } from "radix-vue";
+import type { HTMLAttributes } from "vue";
 
-const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>(), {
-    as: 'a',
+const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(), {
+    as: "a",
 });
 </script>
 
 <template>
-    <Primitive :as="as" :as-child="asChild" :class="cn('transition-colors hover:text-foreground', props.class)">
+    <Primitive
+        :as="as"
+        :as-child="asChild"
+        :class="cn('transition-colors hover:text-foreground', props.class)"
+    >
         <slot />
     </Primitive>
 </template>

resources/js/components/ui/breadcrumb/BreadcrumbList.vue

@@ -1,14 +1,21 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 
 <template>
-    <ol :class="cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', props.class)">
+    <ol
+        :class="
+            cn(
+                'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',
+                props.class,
+            )
+        "
+    >
         <slot />
     </ol>
 </template>

resources/js/components/ui/breadcrumb/BreadcrumbPage.vue

@@ -1,14 +1,19 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 
 <template>
-    <span role="link" aria-disabled="true" aria-current="page" :class="cn('font-normal text-foreground', props.class)">
+    <span
+        role="link"
+        aria-disabled="true"
+        aria-current="page"
+        :class="cn('font-normal text-foreground', props.class)"
+    >
         <slot />
     </span>
 </template>

resources/js/components/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -1,15 +1,19 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
-import { ChevronRight } from 'lucide-vue-next';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { ChevronRight } from "lucide-vue-next";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 
 <template>
-    <li role="presentation" aria-hidden="true" :class="cn('[&>svg]:h-3.5 [&>svg]:w-3.5', props.class)">
+    <li
+        role="presentation"
+        aria-hidden="true"
+        :class="cn('[&>svg]:h-3.5 [&>svg]:w-3.5', props.class)"
+    >
         <slot>
             <ChevronRight />
         </slot>

resources/js/components/ui/breadcrumb/index.ts

@@ -1,7 +1,7 @@
-export { default as Breadcrumb } from './Breadcrumb.vue';
-export { default as BreadcrumbEllipsis } from './BreadcrumbEllipsis.vue';
-export { default as BreadcrumbItem } from './BreadcrumbItem.vue';
-export { default as BreadcrumbLink } from './BreadcrumbLink.vue';
-export { default as BreadcrumbList } from './BreadcrumbList.vue';
-export { default as BreadcrumbPage } from './BreadcrumbPage.vue';
-export { default as BreadcrumbSeparator } from './BreadcrumbSeparator.vue';
+export { default as Breadcrumb } from "./Breadcrumb.vue";
+export { default as BreadcrumbEllipsis } from "./BreadcrumbEllipsis.vue";
+export { default as BreadcrumbItem } from "./BreadcrumbItem.vue";
+export { default as BreadcrumbLink } from "./BreadcrumbLink.vue";
+export { default as BreadcrumbList } from "./BreadcrumbList.vue";
+export { default as BreadcrumbPage } from "./BreadcrumbPage.vue";
+export { default as BreadcrumbSeparator } from "./BreadcrumbSeparator.vue";

resources/js/components/ui/button/Button.vue

@@ -1,22 +1,26 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
-import { buttonVariants, type ButtonVariants } from '.';
+import { cn } from "@/lib/utils";
+import { Primitive, type PrimitiveProps } from "radix-vue";
+import type { HTMLAttributes } from "vue";
+import { buttonVariants, type ButtonVariants } from ".";
 
 interface Props extends PrimitiveProps {
-    variant?: ButtonVariants['variant'];
-    size?: ButtonVariants['size'];
-    class?: HTMLAttributes['class'];
+    variant?: ButtonVariants["variant"];
+    size?: ButtonVariants["size"];
+    class?: HTMLAttributes["class"];
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    as: 'button',
+    as: "button",
 });
 </script>
 
 <template>
-    <Primitive :as="as" :as-child="asChild" :class="cn(buttonVariants({ variant, size }), props.class)">
+    <Primitive
+        :as="as"
+        :as-child="asChild"
+        :class="cn(buttonVariants({ variant, size }), props.class)"
+    >
         <slot />
     </Primitive>
 </template>

resources/js/components/ui/button/index.ts

@@ -1,31 +1,33 @@
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority";
 
-export { default as Button } from './Button.vue';
+export { default as Button } from "./Button.vue";
 
 export const buttonVariants = cva(
-    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
     {
         variants: {
             variant: {
-                default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
-                destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
-                outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
-                secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
-                ghost: 'hover:bg-accent hover:text-accent-foreground',
-                link: 'text-primary underline-offset-4 hover:underline',
+                default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+                destructive:
+                    "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+                outline:
+                    "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+                secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+                ghost: "hover:bg-accent hover:text-accent-foreground",
+                link: "text-primary underline-offset-4 hover:underline",
             },
             size: {
-                default: 'h-9 px-4 py-2',
-                xs: 'h-7 px-2 text-xs',
-                sm: 'h-8 rounded-md px-3 text-xs',
-                lg: 'h-10 rounded-md px-8',
-                icon: 'h-9 w-9',
-                'iconxs': 'h-7 px-0.5',
+                default: "h-9 px-4 py-2",
+                xs: "h-7 px-2 text-xs",
+                sm: "h-8 rounded-md px-3 text-xs",
+                lg: "h-10 rounded-md px-8",
+                icon: "h-9 w-9",
+                iconxs: "h-7 px-0.5",
             },
         },
         defaultVariants: {
-            variant: 'default',
-            size: 'default',
+            variant: "default",
+            size: "default",
         },
     },
 );

resources/js/components/ui/card/Card.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/card/CardContent.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/card/CardDescription.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/card/CardFooter.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/card/CardHeader.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/card/CardTitle.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/card/index.ts

@@ -1,6 +1,6 @@
-export { default as Card } from './Card.vue';
-export { default as CardContent } from './CardContent.vue';
-export { default as CardDescription } from './CardDescription.vue';
-export { default as CardFooter } from './CardFooter.vue';
-export { default as CardHeader } from './CardHeader.vue';
-export { default as CardTitle } from './CardTitle.vue';
+export { default as Card } from "./Card.vue";
+export { default as CardContent } from "./CardContent.vue";
+export { default as CardDescription } from "./CardDescription.vue";
+export { default as CardFooter } from "./CardFooter.vue";
+export { default as CardHeader } from "./CardHeader.vue";
+export { default as CardTitle } from "./CardTitle.vue";

resources/js/components/ui/checkbox/Checkbox.vue

@@ -1,33 +1,36 @@
 <script setup lang="ts">
-import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
-import { Check } from 'lucide-vue-next'
-import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import type { CheckboxRootEmits, CheckboxRootProps } from "radix-vue";
+import { cn } from "@/lib/utils";
+import { Check } from "lucide-vue-next";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<CheckboxRootEmits>()
+const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>();
+const emits = defineEmits<CheckboxRootEmits>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <CheckboxRoot
-    v-bind="forwarded"
-    :class="
-      cn('peer size-5 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-accent-foreground',
-         props.class)"
-  >
-    <CheckboxIndicator class="flex h-full w-full items-center justify-center text-current">
-      <slot>
-        <Check class="size-3.5 stroke-[3]" />
-      </slot>
-    </CheckboxIndicator>
-  </CheckboxRoot>
+    <CheckboxRoot
+        v-bind="forwarded"
+        :class="
+            cn(
+                'peer size-5 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-accent-foreground',
+                props.class,
+            )
+        "
+    >
+        <CheckboxIndicator class="flex h-full w-full items-center justify-center text-current">
+            <slot>
+                <Check class="size-3.5 stroke-[3]" />
+            </slot>
+        </CheckboxIndicator>
+    </CheckboxRoot>
 </template>

resources/js/components/ui/checkbox/index.ts

@@ -1 +1 @@
-export { default as Checkbox } from './Checkbox.vue'
+export { default as Checkbox } from "./Checkbox.vue";

resources/js/components/ui/collapsible/Collapsible.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { CollapsibleRootEmits, CollapsibleRootProps } from 'radix-vue';
-import { CollapsibleRoot, useForwardPropsEmits } from 'radix-vue';
+import type { CollapsibleRootEmits, CollapsibleRootProps } from "radix-vue";
+import { CollapsibleRoot, useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<CollapsibleRootProps>();
 const emits = defineEmits<CollapsibleRootEmits>();

resources/js/components/ui/collapsible/CollapsibleContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CollapsibleContent, type CollapsibleContentProps } from 'radix-vue';
+import { CollapsibleContent, type CollapsibleContentProps } from "radix-vue";
 
 const props = defineProps<CollapsibleContentProps>();
 </script>

resources/js/components/ui/collapsible/CollapsibleTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CollapsibleTrigger, type CollapsibleTriggerProps } from 'radix-vue';
+import { CollapsibleTrigger, type CollapsibleTriggerProps } from "radix-vue";
 
 const props = defineProps<CollapsibleTriggerProps>();
 </script>

resources/js/components/ui/collapsible/index.ts

@@ -1,3 +1,3 @@
-export { default as Collapsible } from './Collapsible.vue';
-export { default as CollapsibleContent } from './CollapsibleContent.vue';
-export { default as CollapsibleTrigger } from './CollapsibleTrigger.vue';
+export { default as Collapsible } from "./Collapsible.vue";
+export { default as CollapsibleContent } from "./CollapsibleContent.vue";
+export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue";

resources/js/components/ui/dialog/Dialog.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
-import { DialogRoot, useForwardPropsEmits, type DialogRootEmits, type DialogRootProps } from 'radix-vue';
+import {
+    DialogRoot,
+    useForwardPropsEmits,
+    type DialogRootEmits,
+    type DialogRootProps,
+} from "radix-vue";
 
 const props = defineProps<DialogRootProps>();
 const emits = defineEmits<DialogRootEmits>();

resources/js/components/ui/dialog/DialogClose.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from 'radix-vue';
+import { DialogClose, type DialogCloseProps } from "radix-vue";
 
 const props = defineProps<DialogCloseProps>();
 </script>

resources/js/components/ui/dialog/DialogContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { X } from 'lucide-vue-next';
+import { cn } from "@/lib/utils";
+import { X } from "lucide-vue-next";
 import {
     DialogClose,
     DialogContent,
@@ -9,10 +9,10 @@ import {
     useForwardPropsEmits,
     type DialogContentEmits,
     type DialogContentProps,
-} from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<DialogContentEmits>();
 
 const delegatedProps = computed(() => {

resources/js/components/ui/dialog/DialogDescription.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DialogDescription, useForwardProps, type DialogDescriptionProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DialogDescription, useForwardProps, type DialogDescriptionProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -15,7 +15,10 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-    <DialogDescription v-bind="forwardedProps" :class="cn('text-sm text-muted-foreground', props.class)">
+    <DialogDescription
+        v-bind="forwardedProps"
+        :class="cn('text-sm text-muted-foreground', props.class)"
+    >
         <slot />
     </DialogDescription>
 </template>

resources/js/components/ui/dialog/DialogFooter.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
-const props = defineProps<{ class?: HTMLAttributes['class'] }>();
+const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>

resources/js/components/ui/dialog/DialogHeader.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/dialog/DialogScrollContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { X } from 'lucide-vue-next';
+import { cn } from "@/lib/utils";
+import { X } from "lucide-vue-next";
 import {
     DialogClose,
     DialogContent,
@@ -9,10 +9,10 @@ import {
     useForwardPropsEmits,
     type DialogContentEmits,
     type DialogContentProps,
-} from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<DialogContentEmits>();
 
 const delegatedProps = computed(() => {
@@ -41,7 +41,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
                     (event) => {
                         const originalEvent = event.detail.originalEvent;
                         const target = originalEvent.target as HTMLElement;
-                        if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+                        if (
+                            originalEvent.offsetX > target.clientWidth ||
+                            originalEvent.offsetY > target.clientHeight
+                        ) {
                             event.preventDefault();
                         }
                     }
@@ -49,7 +52,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
             >
                 <slot />
 
-                <DialogClose class="absolute right-3 top-3 rounded-md p-0.5 transition-colors hover:bg-secondary">
+                <DialogClose
+                    class="absolute right-3 top-3 rounded-md p-0.5 transition-colors hover:bg-secondary"
+                >
                     <X class="h-4 w-4" />
                     <span class="sr-only">Close</span>
                 </DialogClose>

resources/js/components/ui/dialog/DialogTitle.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DialogTitle, useForwardProps, type DialogTitleProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DialogTitle, useForwardProps, type DialogTitleProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -15,7 +15,10 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-    <DialogTitle v-bind="forwardedProps" :class="cn('text-lg font-semibold leading-none tracking-tight', props.class)">
+    <DialogTitle
+        v-bind="forwardedProps"
+        :class="cn('text-lg font-semibold leading-none tracking-tight', props.class)"
+    >
         <slot />
     </DialogTitle>
 </template>

resources/js/components/ui/dialog/DialogTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogTrigger, type DialogTriggerProps } from 'radix-vue';
+import { DialogTrigger, type DialogTriggerProps } from "radix-vue";
 
 const props = defineProps<DialogTriggerProps>();
 </script>

resources/js/components/ui/dialog/index.ts

@@ -1,9 +1,9 @@
-export { default as Dialog } from './Dialog.vue';
-export { default as DialogClose } from './DialogClose.vue';
-export { default as DialogContent } from './DialogContent.vue';
-export { default as DialogDescription } from './DialogDescription.vue';
-export { default as DialogFooter } from './DialogFooter.vue';
-export { default as DialogHeader } from './DialogHeader.vue';
-export { default as DialogScrollContent } from './DialogScrollContent.vue';
-export { default as DialogTitle } from './DialogTitle.vue';
-export { default as DialogTrigger } from './DialogTrigger.vue';
+export { default as Dialog } from "./Dialog.vue";
+export { default as DialogClose } from "./DialogClose.vue";
+export { default as DialogContent } from "./DialogContent.vue";
+export { default as DialogDescription } from "./DialogDescription.vue";
+export { default as DialogFooter } from "./DialogFooter.vue";
+export { default as DialogHeader } from "./DialogHeader.vue";
+export { default as DialogScrollContent } from "./DialogScrollContent.vue";
+export { default as DialogTitle } from "./DialogTitle.vue";
+export { default as DialogTrigger } from "./DialogTrigger.vue";

resources/js/components/ui/dropdown-menu/DropdownMenu.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
-import { DropdownMenuRoot, useForwardPropsEmits, type DropdownMenuRootEmits, type DropdownMenuRootProps } from 'radix-vue';
+import {
+    DropdownMenuRoot,
+    useForwardPropsEmits,
+    type DropdownMenuRootEmits,
+    type DropdownMenuRootProps,
+} from "radix-vue";
 
 const props = defineProps<DropdownMenuRootProps>();
 const emits = defineEmits<DropdownMenuRootEmits>();

resources/js/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Check } from 'lucide-vue-next';
+import { cn } from "@/lib/utils";
+import { Check } from "lucide-vue-next";
 import {
     DropdownMenuCheckboxItem,
     DropdownMenuItemIndicator,
     useForwardPropsEmits,
     type DropdownMenuCheckboxItemEmits,
     type DropdownMenuCheckboxItemProps,
-} from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>();
 
 const delegatedProps = computed(() => {

resources/js/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -1,17 +1,20 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils";
 import {
     DropdownMenuContent,
     DropdownMenuPortal,
     useForwardPropsEmits,
     type DropdownMenuContentEmits,
     type DropdownMenuContentProps,
-} from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = withDefaults(defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(), {
-    sideOffset: 4,
-});
+const props = withDefaults(
+    defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),
+    {
+        sideOffset: 4,
+    },
+);
 const emits = defineEmits<DropdownMenuContentEmits>();
 
 const delegatedProps = computed(() => {

resources/js/components/ui/dropdown-menu/DropdownMenuGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from 'radix-vue';
+import { DropdownMenuGroup, type DropdownMenuGroupProps } from "radix-vue";
 
 const props = defineProps<DropdownMenuGroupProps>();
 </script>

resources/js/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DropdownMenuItem, useForwardProps, type DropdownMenuItemProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DropdownMenuItem, useForwardProps, type DropdownMenuItemProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class']; inset?: boolean }>();
+const props = defineProps<
+    DropdownMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
+>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;

resources/js/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DropdownMenuLabel, useForwardProps, type DropdownMenuLabelProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DropdownMenuLabel, useForwardProps, type DropdownMenuLabelProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class']; inset?: boolean }>();
+const props = defineProps<
+    DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
+>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -15,7 +17,10 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-    <DropdownMenuLabel v-bind="forwardedProps" :class="cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)">
+    <DropdownMenuLabel
+        v-bind="forwardedProps"
+        :class="cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)"
+    >
         <slot />
     </DropdownMenuLabel>
 </template>

resources/js/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
-import { DropdownMenuRadioGroup, useForwardPropsEmits, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps } from 'radix-vue';
+import {
+    DropdownMenuRadioGroup,
+    useForwardPropsEmits,
+    type DropdownMenuRadioGroupEmits,
+    type DropdownMenuRadioGroupProps,
+} from "radix-vue";
 
 const props = defineProps<DropdownMenuRadioGroupProps>();
 const emits = defineEmits<DropdownMenuRadioGroupEmits>();

resources/js/components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Circle } from 'lucide-vue-next';
+import { cn } from "@/lib/utils";
+import { Circle } from "lucide-vue-next";
 import {
     DropdownMenuItemIndicator,
     DropdownMenuRadioItem,
     useForwardPropsEmits,
     type DropdownMenuRadioItemEmits,
     type DropdownMenuRadioItemProps,
-} from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }>();
 
 const emits = defineEmits<DropdownMenuRadioItemEmits>();
 

resources/js/components/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
 const props = defineProps<
     DropdownMenuSeparatorProps & {
-        class?: HTMLAttributes['class'];
+        class?: HTMLAttributes["class"];
     }
 >();
 
@@ -17,5 +17,8 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-    <DropdownMenuSeparator v-bind="delegatedProps" :class="cn('-mx-1 my-1 h-px bg-muted', props.class)" />
+    <DropdownMenuSeparator
+        v-bind="delegatedProps"
+        :class="cn('-mx-1 my-1 h-px bg-muted', props.class)"
+    />
 </template>

resources/js/components/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/dropdown-menu/DropdownMenuSub.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
-import { DropdownMenuSub, useForwardPropsEmits, type DropdownMenuSubEmits, type DropdownMenuSubProps } from 'radix-vue';
+import {
+    DropdownMenuSub,
+    useForwardPropsEmits,
+    type DropdownMenuSubEmits,
+    type DropdownMenuSubProps,
+} from "radix-vue";
 
 const props = defineProps<DropdownMenuSubProps>();
 const emits = defineEmits<DropdownMenuSubEmits>();

resources/js/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,9 +1,14 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DropdownMenuSubContent, useForwardPropsEmits, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import {
+    DropdownMenuSubContent,
+    useForwardPropsEmits,
+    type DropdownMenuSubContentEmits,
+    type DropdownMenuSubContentProps,
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<DropdownMenuSubContentEmits>();
 
 const delegatedProps = computed(() => {

resources/js/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,10 +1,14 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { ChevronRight } from 'lucide-vue-next';
-import { DropdownMenuSubTrigger, useForwardProps, type DropdownMenuSubTriggerProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { ChevronRight } from "lucide-vue-next";
+import {
+    DropdownMenuSubTrigger,
+    useForwardProps,
+    type DropdownMenuSubTriggerProps,
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;

resources/js/components/ui/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DropdownMenuTrigger, useForwardProps, type DropdownMenuTriggerProps } from 'radix-vue';
+import { DropdownMenuTrigger, useForwardProps, type DropdownMenuTriggerProps } from "radix-vue";
 
 const props = defineProps<DropdownMenuTriggerProps>();
 

resources/js/components/ui/dropdown-menu/index.ts

@@ -1,16 +1,16 @@
-export { default as DropdownMenu } from './DropdownMenu.vue';
+export { default as DropdownMenu } from "./DropdownMenu.vue";
 
-export { DropdownMenuPortal } from 'radix-vue';
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue';
-export { default as DropdownMenuContent } from './DropdownMenuContent.vue';
-export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue';
-export { default as DropdownMenuItem } from './DropdownMenuItem.vue';
-export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue';
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue';
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue';
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue';
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue';
-export { default as DropdownMenuSub } from './DropdownMenuSub.vue';
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue';
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue';
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue';
+export { DropdownMenuPortal } from "radix-vue";
+export { default as DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.vue";
+export { default as DropdownMenuContent } from "./DropdownMenuContent.vue";
+export { default as DropdownMenuGroup } from "./DropdownMenuGroup.vue";
+export { default as DropdownMenuItem } from "./DropdownMenuItem.vue";
+export { default as DropdownMenuLabel } from "./DropdownMenuLabel.vue";
+export { default as DropdownMenuRadioGroup } from "./DropdownMenuRadioGroup.vue";
+export { default as DropdownMenuRadioItem } from "./DropdownMenuRadioItem.vue";
+export { default as DropdownMenuSeparator } from "./DropdownMenuSeparator.vue";
+export { default as DropdownMenuShortcut } from "./DropdownMenuShortcut.vue";
+export { default as DropdownMenuSub } from "./DropdownMenuSub.vue";
+export { default as DropdownMenuSubContent } from "./DropdownMenuSubContent.vue";
+export { default as DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.vue";
+export { default as DropdownMenuTrigger } from "./DropdownMenuTrigger.vue";

resources/js/components/ui/input/Input.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { useVModel } from '@vueuse/core';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { useVModel } from "@vueuse/core";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
     defaultValue?: string | number;
     modelValue?: string | number;
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 
 const emits = defineEmits<{
-    (e: 'update:modelValue', payload: string | number): void;
+    (e: "update:modelValue", payload: string | number): void;
 }>();
 
-const modelValue = useVModel(props, 'modelValue', emits, {
+const modelValue = useVModel(props, "modelValue", emits, {
     passive: true,
     defaultValue: props.defaultValue,
 });

resources/js/components/ui/input/index.ts

@@ -1 +1 @@
-export { default as Input } from './Input.vue';
+export { default as Input } from "./Input.vue";

resources/js/components/ui/label/Label.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Label, type LabelProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { Label, type LabelProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -15,7 +15,12 @@ const delegatedProps = computed(() => {
 <template>
     <Label
         v-bind="delegatedProps"
-        :class="cn('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', props.class)"
+        :class="
+            cn(
+                'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
+                props.class,
+            )
+        "
     >
         <slot />
     </Label>

resources/js/components/ui/label/index.ts

@@ -1 +1 @@
-export { default as Label } from './Label.vue';
+export { default as Label } from "./Label.vue";

resources/js/components/ui/navigation-menu/NavigationMenu.vue

@@ -1,33 +1,33 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils";
 import {
-  NavigationMenuRoot,
-  type NavigationMenuRootEmits,
-  type NavigationMenuRootProps,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-import NavigationMenuViewport from './NavigationMenuViewport.vue'
+    NavigationMenuRoot,
+    type NavigationMenuRootEmits,
+    type NavigationMenuRootProps,
+    useForwardPropsEmits,
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
+import NavigationMenuViewport from "./NavigationMenuViewport.vue";
 
-const props = defineProps<NavigationMenuRootProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<NavigationMenuRootProps & { class?: HTMLAttributes["class"] }>();
 
-const emits = defineEmits<NavigationMenuRootEmits>()
+const emits = defineEmits<NavigationMenuRootEmits>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <NavigationMenuRoot
-    v-bind="forwarded"
-    :class="cn('relative z-10 flex max-w-max flex-1 items-center justify-center', props.class)"
-  >
-    <slot />
-    <NavigationMenuViewport />
-  </NavigationMenuRoot>
+    <NavigationMenuRoot
+        v-bind="forwarded"
+        :class="cn('relative z-10 flex max-w-max flex-1 items-center justify-center', props.class)"
+    >
+        <slot />
+        <NavigationMenuViewport />
+    </NavigationMenuRoot>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuContent.vue

@@ -1,34 +1,36 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils";
 import {
-  NavigationMenuContent,
-  type NavigationMenuContentEmits,
-  type NavigationMenuContentProps,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+    NavigationMenuContent,
+    type NavigationMenuContentEmits,
+    type NavigationMenuContentProps,
+    useForwardPropsEmits,
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<NavigationMenuContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<NavigationMenuContentProps & { class?: HTMLAttributes["class"] }>();
 
-const emits = defineEmits<NavigationMenuContentEmits>()
+const emits = defineEmits<NavigationMenuContentEmits>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <NavigationMenuContent
-    v-bind="forwarded"
-    :class="cn(
-      'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto',
-      props.class,
-    )"
-  >
-    <slot />
-  </NavigationMenuContent>
+    <NavigationMenuContent
+        v-bind="forwarded"
+        :class="
+            cn(
+                'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto',
+                props.class,
+            )
+        "
+    >
+        <slot />
+    </NavigationMenuContent>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuIndicator.vue

@@ -1,24 +1,33 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
-import { NavigationMenuIndicator, type NavigationMenuIndicatorProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { cn } from "@/lib/utils";
+import {
+    NavigationMenuIndicator,
+    type NavigationMenuIndicatorProps,
+    useForwardProps,
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<NavigationMenuIndicatorProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<NavigationMenuIndicatorProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <NavigationMenuIndicator
-    v-bind="forwardedProps"
-    :class="cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', props.class)"
-  >
-    <div class="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
-  </NavigationMenuIndicator>
+    <NavigationMenuIndicator
+        v-bind="forwardedProps"
+        :class="
+            cn(
+                'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in',
+                props.class,
+            )
+        "
+    >
+        <div class="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+    </NavigationMenuIndicator>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuItem.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { NavigationMenuItem, type NavigationMenuItemProps } from 'radix-vue'
+import { NavigationMenuItem, type NavigationMenuItemProps } from "radix-vue";
 
-const props = defineProps<NavigationMenuItemProps>()
+const props = defineProps<NavigationMenuItemProps>();
 </script>
 
 <template>
-  <NavigationMenuItem v-bind="props">
-    <slot />
-  </NavigationMenuItem>
+    <NavigationMenuItem v-bind="props">
+        <slot />
+    </NavigationMenuItem>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuLink.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
 import {
-  NavigationMenuLink,
-  type NavigationMenuLinkEmits,
-  type NavigationMenuLinkProps,
-  useForwardPropsEmits,
-} from 'radix-vue'
+    NavigationMenuLink,
+    type NavigationMenuLinkEmits,
+    type NavigationMenuLinkProps,
+    useForwardPropsEmits,
+} from "radix-vue";
 
-const props = defineProps<NavigationMenuLinkProps>()
-const emits = defineEmits<NavigationMenuLinkEmits>()
+const props = defineProps<NavigationMenuLinkProps>();
+const emits = defineEmits<NavigationMenuLinkEmits>();
 
-const forwarded = useForwardPropsEmits(props, emits)
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <NavigationMenuLink v-bind="forwarded">
-    <slot />
-  </NavigationMenuLink>
+    <NavigationMenuLink v-bind="forwarded">
+        <slot />
+    </NavigationMenuLink>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuList.vue

@@ -1,29 +1,24 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
-import { NavigationMenuList, type NavigationMenuListProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { cn } from "@/lib/utils";
+import { NavigationMenuList, type NavigationMenuListProps, useForwardProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<NavigationMenuListProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<NavigationMenuListProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <NavigationMenuList
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'group flex flex-1 list-none items-center justify-center gap-x-1',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </NavigationMenuList>
+    <NavigationMenuList
+        v-bind="forwardedProps"
+        :class="cn('group flex flex-1 list-none items-center justify-center gap-x-1', props.class)"
+    >
+        <slot />
+    </NavigationMenuList>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuTrigger.vue

@@ -1,34 +1,30 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
-import { ChevronDown } from 'lucide-vue-next'
-import {
-  NavigationMenuTrigger,
-  type NavigationMenuTriggerProps,
-  useForwardProps,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-import { navigationMenuTriggerStyle } from '.'
+import { cn } from "@/lib/utils";
+import { ChevronDown } from "lucide-vue-next";
+import { NavigationMenuTrigger, type NavigationMenuTriggerProps, useForwardProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
+import { navigationMenuTriggerStyle } from ".";
 
-const props = defineProps<NavigationMenuTriggerProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<NavigationMenuTriggerProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <NavigationMenuTrigger
-    v-bind="forwardedProps"
-    :class="cn(navigationMenuTriggerStyle(), 'group', props.class)"
-  >
-    <slot />
-    <ChevronDown
-      class="relative top-px ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuTrigger>
+    <NavigationMenuTrigger
+        v-bind="forwardedProps"
+        :class="cn(navigationMenuTriggerStyle(), 'group', props.class)"
+    >
+        <slot />
+        <ChevronDown
+            class="relative top-px ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
+            aria-hidden="true"
+        />
+    </NavigationMenuTrigger>
 </template>

resources/js/components/ui/navigation-menu/NavigationMenuViewport.vue

@@ -1,33 +1,33 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils";
 import {
-  NavigationMenuViewport,
-  type NavigationMenuViewportProps,
-  useForwardProps,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+    NavigationMenuViewport,
+    type NavigationMenuViewportProps,
+    useForwardProps,
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<NavigationMenuViewportProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<NavigationMenuViewportProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+    const { class: _, ...delegated } = props;
 
-  return delegated
-})
+    return delegated;
+});
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <div class="absolute left-0 top-full flex justify-center">
-    <NavigationMenuViewport
-      v-bind="forwardedProps"
-      :class="
-        cn(
-          'origin-top-center relative mt-1.5 h-[--radix-navigation-menu-viewport-height] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[--radix-navigation-menu-viewport-width]',
-          props.class,
-        )
-      "
-    />
-  </div>
+    <div class="absolute left-0 top-full flex justify-center">
+        <NavigationMenuViewport
+            v-bind="forwardedProps"
+            :class="
+                cn(
+                    'origin-top-center relative mt-1.5 h-[--radix-navigation-menu-viewport-height] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[--radix-navigation-menu-viewport-width]',
+                    props.class,
+                )
+            "
+        />
+    </div>
 </template>

resources/js/components/ui/navigation-menu/index.ts

@@ -1,14 +1,14 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority";
 
-export { default as NavigationMenu } from './NavigationMenu.vue'
-export { default as NavigationMenuContent } from './NavigationMenuContent.vue'
-export { default as NavigationMenuIndicator } from './NavigationMenuIndicator.vue'
-export { default as NavigationMenuItem } from './NavigationMenuItem.vue'
-export { default as NavigationMenuLink } from './NavigationMenuLink.vue'
-export { default as NavigationMenuList } from './NavigationMenuList.vue'
-export { default as NavigationMenuTrigger } from './NavigationMenuTrigger.vue'
-export { default as NavigationMenuViewport } from './NavigationMenuViewport.vue'
+export { default as NavigationMenu } from "./NavigationMenu.vue";
+export { default as NavigationMenuContent } from "./NavigationMenuContent.vue";
+export { default as NavigationMenuIndicator } from "./NavigationMenuIndicator.vue";
+export { default as NavigationMenuItem } from "./NavigationMenuItem.vue";
+export { default as NavigationMenuLink } from "./NavigationMenuLink.vue";
+export { default as NavigationMenuList } from "./NavigationMenuList.vue";
+export { default as NavigationMenuTrigger } from "./NavigationMenuTrigger.vue";
+export { default as NavigationMenuViewport } from "./NavigationMenuViewport.vue";
 
 export const navigationMenuTriggerStyle = cva(
-  'group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50',
-)
+    "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
+);

resources/js/components/ui/separator/Separator.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Separator, type SeparatorProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { Separator, type SeparatorProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<SeparatorProps & { class?: HTMLAttributes['class']; label?: string }>();
+const props = defineProps<SeparatorProps & { class?: HTMLAttributes["class"]; label?: string }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -15,7 +15,13 @@ const delegatedProps = computed(() => {
 <template>
     <Separator
         v-bind="delegatedProps"
-        :class="cn('relative shrink-0 bg-border', props.orientation === 'vertical' ? 'h-full w-px' : 'h-px w-full', props.class)"
+        :class="
+            cn(
+                'relative shrink-0 bg-border',
+                props.orientation === 'vertical' ? 'h-full w-px' : 'h-px w-full',
+                props.class,
+            )
+        "
     >
         <span
             v-if="props.label"

resources/js/components/ui/separator/index.ts

@@ -1 +1 @@
-export { default as Separator } from './Separator.vue';
+export { default as Separator } from "./Separator.vue";

resources/js/components/ui/sheet/Sheet.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
-import { DialogRoot, useForwardPropsEmits, type DialogRootEmits, type DialogRootProps } from 'radix-vue';
+import {
+    DialogRoot,
+    useForwardPropsEmits,
+    type DialogRootEmits,
+    type DialogRootProps,
+} from "radix-vue";
 
 const props = defineProps<DialogRootProps>();
 const emits = defineEmits<DialogRootEmits>();

resources/js/components/ui/sheet/SheetClose.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from 'radix-vue';
+import { DialogClose, type DialogCloseProps } from "radix-vue";
 
 const props = defineProps<DialogCloseProps>();
 </script>

resources/js/components/ui/sheet/SheetContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { X } from 'lucide-vue-next';
+import { cn } from "@/lib/utils";
+import { X } from "lucide-vue-next";
 import {
     DialogClose,
     DialogContent,
@@ -9,13 +9,13 @@ import {
     useForwardPropsEmits,
     type DialogContentEmits,
     type DialogContentProps,
-} from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
-import { sheetVariants, type SheetVariants } from '.';
+} from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
+import { sheetVariants, type SheetVariants } from ".";
 
 interface SheetContentProps extends DialogContentProps {
-    class?: HTMLAttributes['class'];
-    side?: SheetVariants['side'];
+    class?: HTMLAttributes["class"];
+    side?: SheetVariants["side"];
 }
 
 defineOptions({
@@ -40,7 +40,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         <DialogOverlay
             class="fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
         />
-        <DialogContent :class="cn(sheetVariants({ side }), props.class)" v-bind="{ ...forwarded, ...$attrs }">
+        <DialogContent
+            :class="cn(sheetVariants({ side }), props.class)"
+            v-bind="{ ...forwarded, ...$attrs }"
+        >
             <slot />
 
             <DialogClose

resources/js/components/ui/sheet/SheetDescription.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DialogDescription, type DialogDescriptionProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -13,7 +13,10 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-    <DialogDescription :class="cn('text-sm text-muted-foreground', props.class)" v-bind="delegatedProps">
+    <DialogDescription
+        :class="cn('text-sm text-muted-foreground', props.class)"
+        v-bind="delegatedProps"
+    >
         <slot />
     </DialogDescription>
 </template>

resources/js/components/ui/sheet/SheetFooter.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
-const props = defineProps<{ class?: HTMLAttributes['class'] }>();
+const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>

resources/js/components/ui/sheet/SheetHeader.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
-const props = defineProps<{ class?: HTMLAttributes['class'] }>();
+const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>

resources/js/components/ui/sheet/SheetTitle.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { DialogTitle, type DialogTitleProps } from 'radix-vue';
-import { computed, type HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { DialogTitle, type DialogTitleProps } from "radix-vue";
+import { computed, type HTMLAttributes } from "vue";
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>();
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = computed(() => {
     const { class: _, ...delegated } = props;
@@ -13,7 +13,10 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
-    <DialogTitle :class="cn('text-lg font-semibold text-foreground', props.class)" v-bind="delegatedProps">
+    <DialogTitle
+        :class="cn('text-lg font-semibold text-foreground', props.class)"
+        v-bind="delegatedProps"
+    >
         <slot />
     </DialogTitle>
 </template>

resources/js/components/ui/sheet/SheetTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogTrigger, type DialogTriggerProps } from 'radix-vue';
+import { DialogTrigger, type DialogTriggerProps } from "radix-vue";
 
 const props = defineProps<DialogTriggerProps>();
 </script>

resources/js/components/ui/sheet/index.ts

@@ -1,27 +1,27 @@
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority";
 
-export { default as Sheet } from './Sheet.vue';
-export { default as SheetClose } from './SheetClose.vue';
-export { default as SheetContent } from './SheetContent.vue';
-export { default as SheetDescription } from './SheetDescription.vue';
-export { default as SheetFooter } from './SheetFooter.vue';
-export { default as SheetHeader } from './SheetHeader.vue';
-export { default as SheetTitle } from './SheetTitle.vue';
-export { default as SheetTrigger } from './SheetTrigger.vue';
+export { default as Sheet } from "./Sheet.vue";
+export { default as SheetClose } from "./SheetClose.vue";
+export { default as SheetContent } from "./SheetContent.vue";
+export { default as SheetDescription } from "./SheetDescription.vue";
+export { default as SheetFooter } from "./SheetFooter.vue";
+export { default as SheetHeader } from "./SheetHeader.vue";
+export { default as SheetTitle } from "./SheetTitle.vue";
+export { default as SheetTrigger } from "./SheetTrigger.vue";
 
 export const sheetVariants = cva(
-    'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+    "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
     {
         variants: {
             side: {
-                top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
-                bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
-                left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
-                right: 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+                top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+                bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+                left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+                right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
             },
         },
         defaultVariants: {
-            side: 'right',
+            side: "right",
         },
     },
 );

resources/js/components/ui/sidebar/Sidebar.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import Sheet from '@/components/ui/sheet/Sheet.vue';
-import SheetContent from '@/components/ui/sheet/SheetContent.vue';
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
-import { SIDEBAR_WIDTH_MOBILE, useSidebar } from './utils';
+import Sheet from "@/components/ui/sheet/Sheet.vue";
+import SheetContent from "@/components/ui/sheet/SheetContent.vue";
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
+import { SIDEBAR_WIDTH_MOBILE, useSidebar } from "./utils";
 
 defineOptions({
     inheritAttrs: false,
@@ -11,15 +11,15 @@ defineOptions({
 
 const props = withDefaults(
     defineProps<{
-        side?: 'left' | 'right';
-        variant?: 'sidebar' | 'floating' | 'inset';
-        collapsible?: 'offcanvas' | 'icon' | 'none';
-        class?: HTMLAttributes['class'];
+        side?: "left" | "right";
+        variant?: "sidebar" | "floating" | "inset";
+        collapsible?: "offcanvas" | "icon" | "none";
+        class?: HTMLAttributes["class"];
     }>(),
     {
-        side: 'left',
-        variant: 'sidebar',
-        collapsible: 'offcanvas',
+        side: "left",
+        variant: "sidebar",
+        collapsible: "offcanvas",
     },
 );
 
@@ -29,7 +29,12 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 <template>
     <div
         v-if="collapsible === 'none'"
-        :class="cn('flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground', props.class)"
+        :class="
+            cn(
+                'flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground',
+                props.class,
+            )
+        "
         v-bind="$attrs"
     >
         <slot />

resources/js/components/ui/sidebar/SidebarContent.vue

@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 
 <template>
     <div
         data-sidebar="content"
-        :class="cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', props.class)"
+        :class="
+            cn(
+                'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',
+                props.class,
+            )
+        "
     >
         <slot />
     </div>

resources/js/components/ui/sidebar/SidebarFooter.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarGroup.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarGroupAction.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { PrimitiveProps } from 'radix-vue';
-import { Primitive } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { PrimitiveProps } from "radix-vue";
+import { Primitive } from "radix-vue";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<
     PrimitiveProps & {
-        class?: HTMLAttributes['class'];
+        class?: HTMLAttributes["class"];
     }
 >();
 </script>

resources/js/components/ui/sidebar/SidebarGroupContent.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarGroupLabel.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { PrimitiveProps } from 'radix-vue';
-import { Primitive } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { PrimitiveProps } from "radix-vue";
+import { Primitive } from "radix-vue";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<
     PrimitiveProps & {
-        class?: HTMLAttributes['class'];
+        class?: HTMLAttributes["class"];
     }
 >();
 </script>

resources/js/components/ui/sidebar/SidebarHeader.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarInput.vue

@@ -1,15 +1,23 @@
 <script setup lang="ts">
-import Input from '@/components/ui/input/Input.vue';
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import Input from "@/components/ui/input/Input.vue";
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 
 <template>
-    <Input data-sidebar="input" :class="cn('h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring', props.class)">
+    <Input
+        data-sidebar="input"
+        :class="
+            cn(
+                'h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring',
+                props.class,
+            )
+        "
+    >
         <slot />
     </Input>
 </template>

resources/js/components/ui/sidebar/SidebarInset.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarMenu.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarMenuAction.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import { Primitive, type PrimitiveProps } from "radix-vue";
+import type { HTMLAttributes } from "vue";
 
 const props = withDefaults(
     defineProps<
         PrimitiveProps & {
             showOnHover?: boolean;
-            class?: HTMLAttributes['class'];
+            class?: HTMLAttributes["class"];
         }
     >(),
     {
-        as: 'button',
+        as: "button",
     },
 );
 </script>

resources/js/components/ui/sidebar/SidebarMenuBadge.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarMenuButton.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import Tooltip from '@/components/ui/tooltip/Tooltip.vue';
-import TooltipContent from '@/components/ui/tooltip/TooltipContent.vue';
-import TooltipTrigger from '@/components/ui/tooltip/TooltipTrigger.vue';
-import { computed, type Component } from 'vue';
-import SidebarMenuButtonChild, { type SidebarMenuButtonProps } from './SidebarMenuButtonChild.vue';
-import { useSidebar } from './utils';
+import Tooltip from "@/components/ui/tooltip/Tooltip.vue";
+import TooltipContent from "@/components/ui/tooltip/TooltipContent.vue";
+import TooltipTrigger from "@/components/ui/tooltip/TooltipTrigger.vue";
+import { computed, type Component } from "vue";
+import SidebarMenuButtonChild, { type SidebarMenuButtonProps } from "./SidebarMenuButtonChild.vue";
+import { useSidebar } from "./utils";
 
 defineOptions({
     inheritAttrs: false,
@@ -17,9 +17,9 @@ const props = withDefaults(
         }
     >(),
     {
-        as: 'button',
-        variant: 'default',
-        size: 'default',
+        as: "button",
+        variant: "default",
+        size: "default",
     },
 );
 

resources/js/components/ui/sidebar/SidebarMenuButtonChild.vue

@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
-import { sidebarMenuButtonVariants, type SidebarMenuButtonVariants } from '.';
+import { cn } from "@/lib/utils";
+import { Primitive, type PrimitiveProps } from "radix-vue";
+import type { HTMLAttributes } from "vue";
+import { sidebarMenuButtonVariants, type SidebarMenuButtonVariants } from ".";
 
 export interface SidebarMenuButtonProps extends PrimitiveProps {
-    variant?: SidebarMenuButtonVariants['variant'];
-    size?: SidebarMenuButtonVariants['size'];
+    variant?: SidebarMenuButtonVariants["variant"];
+    size?: SidebarMenuButtonVariants["size"];
     isActive?: boolean;
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }
 
 const props = withDefaults(defineProps<SidebarMenuButtonProps>(), {
-    as: 'button',
-    variant: 'default',
-    size: 'default',
+    as: "button",
+    variant: "default",
+    size: "default",
 });
 </script>
 

resources/js/components/ui/sidebar/SidebarMenuItem.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarMenuSkeleton.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import Skeleton from '@/components/ui/skeleton/Skeleton.vue';
-import { cn } from '@/lib/utils';
-import { computed, type HTMLAttributes } from 'vue';
+import Skeleton from "@/components/ui/skeleton/Skeleton.vue";
+import { cn } from "@/lib/utils";
+import { computed, type HTMLAttributes } from "vue";
 
 const props = defineProps<{
     showIcon?: boolean;
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 
 const width = computed(() => {
@@ -14,9 +14,16 @@ const width = computed(() => {
 </script>
 
 <template>
-    <div data-sidebar="menu-skeleton" :class="cn('flex h-8 items-center gap-2 rounded-md px-2', props.class)">
+    <div
+        data-sidebar="menu-skeleton"
+        :class="cn('flex h-8 items-center gap-2 rounded-md px-2', props.class)"
+    >
         <Skeleton v-if="showIcon" class="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />
 
-        <Skeleton class="h-4 max-w-[--skeleton-width] flex-1" data-sidebar="menu-skeleton-text" :style="{ '--skeleton-width': width }" />
+        <Skeleton
+            class="h-4 max-w-[--skeleton-width] flex-1"
+            data-sidebar="menu-skeleton-text"
+            :style="{ '--skeleton-width': width }"
+        />
     </div>
 </template>

resources/js/components/ui/sidebar/SidebarMenuSub.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>
 

resources/js/components/ui/sidebar/SidebarMenuSubButton.vue

@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { PrimitiveProps } from 'radix-vue';
-import { Primitive } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
+import { cn } from "@/lib/utils";
+import type { PrimitiveProps } from "radix-vue";
+import { Primitive } from "radix-vue";
+import type { HTMLAttributes } from "vue";
 
 const props = withDefaults(
     defineProps<
         PrimitiveProps & {
-            size?: 'sm' | 'md';
+            size?: "sm" | "md";
             isActive?: boolean;
-            class?: HTMLAttributes['class'];
+            class?: HTMLAttributes["class"];
         }
     >(),
     {
-        as: 'a',
-        size: 'md',
+        as: "a",
+        size: "md",
     },
 );
 </script>

resources/js/components/ui/sidebar/SidebarProvider.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { useEventListener, useMediaQuery, useVModel } from '@vueuse/core';
-import { TooltipProvider } from 'radix-vue';
-import { computed, ref, type HTMLAttributes, type Ref } from 'vue';
+import { cn } from "@/lib/utils";
+import { useEventListener, useMediaQuery, useVModel } from "@vueuse/core";
+import { TooltipProvider } from "radix-vue";
+import { computed, ref, type HTMLAttributes, type Ref } from "vue";
 import {
     SIDEBAR_COOKIE_MAX_AGE,
     SIDEBAR_COOKIE_NAME,
@@ -10,13 +10,13 @@ import {
     SIDEBAR_WIDTH,
     SIDEBAR_WIDTH_ICON,
     provideSidebarContext,
-} from './utils';
+} from "./utils";
 
 const props = withDefaults(
     defineProps<{
         defaultOpen?: boolean;
         open?: boolean;
-        class?: HTMLAttributes['class'];
+        class?: HTMLAttributes["class"];
     }>(),
     {
         defaultOpen: true,
@@ -25,13 +25,13 @@ const props = withDefaults(
 );
 
 const emits = defineEmits<{
-    'update:open': [open: boolean];
+    "update:open": [open: boolean];
 }>();
 
-const isMobile = useMediaQuery('(max-width: 768px)');
+const isMobile = useMediaQuery("(max-width: 768px)");
 const openMobile = ref(false);
 
-const open = useVModel(props, 'open', emits, {
+const open = useVModel(props, "open", emits, {
     defaultValue: props.defaultOpen ?? false,
     passive: (props.open === undefined) as false,
 }) as Ref<boolean>;
@@ -52,7 +52,7 @@ function toggleSidebar() {
     return isMobile.value ? setOpenMobile(!openMobile.value) : setOpen(!open.value);
 }
 
-useEventListener('keydown', (event: KeyboardEvent) => {
+useEventListener("keydown", (event: KeyboardEvent) => {
     if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
         toggleSidebar();
@@ -61,7 +61,7 @@ useEventListener('keydown', (event: KeyboardEvent) => {
 
 // We add a state so that we can do data-state="expanded" or "collapsed".
 // This makes it easier to style the sidebar with Tailwind classes.
-const state = computed(() => (open.value ? 'expanded' : 'collapsed'));
+const state = computed(() => (open.value ? "expanded" : "collapsed"));
 
 provideSidebarContext({
     state,
@@ -81,7 +81,12 @@ provideSidebarContext({
                 '--sidebar-width': SIDEBAR_WIDTH,
                 '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
             }"
-            :class="cn('group/sidebar-wrapper flex min-h-svh w-full text-sidebar-foreground has-[[data-variant=inset]]:bg-sidebar', props.class)"
+            :class="
+                cn(
+                    'group/sidebar-wrapper flex min-h-svh w-full text-sidebar-foreground has-[[data-variant=inset]]:bg-sidebar',
+                    props.class,
+                )
+            "
         >
             <slot />
         </div>

resources/js/components/ui/sidebar/SidebarRail.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
-import { useSidebar } from './utils';
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
+import { useSidebar } from "./utils";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 
 const { toggleSidebar } = useSidebar();

resources/js/components/ui/sidebar/SidebarSeparator.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import Separator from '@/components/ui/separator/Separator.vue';
-import { cn } from '@/lib/utils';
-import type { HTMLAttributes } from 'vue';
+import Separator from "@/components/ui/separator/Separator.vue";
+import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 }>();
 </script>