diff --git a/src/lib/components/ui/accordion/accordion-content.svelte b/src/lib/components/ui/accordion/accordion-content.svelte
index 39f6b6c..f677a5b 100644
--- a/src/lib/components/ui/accordion/accordion-content.svelte
+++ b/src/lib/components/ui/accordion/accordion-content.svelte
@@ -1,23 +1,24 @@
 <script lang="ts">
-  import { Accordion as AccordionPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { slide } from 'svelte/transition';
+  import { Accordion as AccordionPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { slide } from 'svelte/transition'
 
-  type $$Props = AccordionPrimitive.ContentProps;
+  type $$Props = AccordionPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = slide;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = slide
   export let transitionConfig: $$Props['transitionConfig'] = {
     duration: 200
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <AccordionPrimitive.Content
   class={cn('overflow-hidden text-sm transition-all', className)}
   {transition}
   {transitionConfig}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <div class="pb-4 pt-0">
     <slot />
   </div>
diff --git a/src/lib/components/ui/accordion/accordion-item.svelte b/src/lib/components/ui/accordion/accordion-item.svelte
index a07d798..475c713 100644
--- a/src/lib/components/ui/accordion/accordion-item.svelte
+++ b/src/lib/components/ui/accordion/accordion-item.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Accordion as AccordionPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Accordion as AccordionPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AccordionPrimitive.ItemProps;
+  type $$Props = AccordionPrimitive.ItemProps
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export { className as class }
 </script>
 
 <AccordionPrimitive.Item
   {value}
   class={cn('border-b', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AccordionPrimitive.Item>
diff --git a/src/lib/components/ui/accordion/accordion-trigger.svelte b/src/lib/components/ui/accordion/accordion-trigger.svelte
index 53dee65..e7eee94 100644
--- a/src/lib/components/ui/accordion/accordion-trigger.svelte
+++ b/src/lib/components/ui/accordion/accordion-trigger.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Accordion as AccordionPrimitive } from 'bits-ui';
-  import { ChevronDown } from 'lucide-svelte';
-  import { cn } from '$lib/utils';
+  import { Accordion as AccordionPrimitive } from 'bits-ui'
+  import { ChevronDown } from 'lucide-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AccordionPrimitive.TriggerProps;
-  type $$Events = AccordionPrimitive.TriggerEvents;
+  type $$Props = AccordionPrimitive.TriggerProps
+  type $$Events = AccordionPrimitive.TriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export let level: AccordionPrimitive.HeaderProps['level'] = 3;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let level: AccordionPrimitive.HeaderProps['level'] = 3
+  export { className as class }
 </script>
 
 <AccordionPrimitive.Header {level} class="flex">
@@ -18,7 +18,8 @@
       className
     )}
     {...$$restProps}
-    on:click>
+    on:click
+  >
     <slot />
     <ChevronDown class="h-4 w-4 transition-transform duration-200" />
   </AccordionPrimitive.Trigger>
diff --git a/src/lib/components/ui/accordion/index.ts b/src/lib/components/ui/accordion/index.ts
index b3d6721..6f10be0 100644
--- a/src/lib/components/ui/accordion/index.ts
+++ b/src/lib/components/ui/accordion/index.ts
@@ -1,8 +1,8 @@
-import { Accordion as AccordionPrimitive } from 'bits-ui';
-import Content from './accordion-content.svelte';
-import Item from './accordion-item.svelte';
-import Trigger from './accordion-trigger.svelte';
-const Root = AccordionPrimitive.Root;
+import { Accordion as AccordionPrimitive } from 'bits-ui'
+import Content from './accordion-content.svelte'
+import Item from './accordion-item.svelte'
+import Trigger from './accordion-trigger.svelte'
+const Root = AccordionPrimitive.Root
 
 export {
   Root,
@@ -14,4 +14,4 @@ export {
   Content as AccordionContent,
   Item as AccordionItem,
   Trigger as AccordionTrigger
-};
+}
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
index bbea5e0..6a247d2 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.ActionProps;
-  type $$Events = AlertDialogPrimitive.ActionEvents;
+  type $$Props = AlertDialogPrimitive.ActionProps
+  type $$Events = AlertDialogPrimitive.ActionEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Action
@@ -15,6 +15,7 @@
   {...$$restProps}
   on:click
   on:keydown
-  let:builder>
+  let:builder
+>
   <slot {builder} />
 </AlertDialogPrimitive.Action>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
index f162f66..1fd50b5 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.CancelProps;
-  type $$Events = AlertDialogPrimitive.CancelEvents;
+  type $$Props = AlertDialogPrimitive.CancelProps
+  type $$Events = AlertDialogPrimitive.CancelEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Cancel
@@ -15,6 +15,7 @@
   {...$$restProps}
   on:click
   on:keydown
-  let:builder>
+  let:builder
+>
   <slot {builder} />
 </AlertDialogPrimitive.Cancel>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
index f1e1456..749630d 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import * as AlertDialog from '.';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import * as AlertDialog from '.'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.ContentProps;
+  type $$Props = AlertDialogPrimitive.ContentProps
 
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <AlertDialog.Portal>
@@ -21,7 +21,8 @@
       'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg sm:rounded-lg md:w-full',
       className
     )}
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
   </AlertDialogPrimitive.Content>
 </AlertDialog.Portal>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
index 077ffbe..fd1aa85 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.DescriptionProps;
+  type $$Props = AlertDialogPrimitive.DescriptionProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Description
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AlertDialogPrimitive.Description>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
index 3db2b3f..b44fc58 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
@@ -13,6 +13,7 @@
     'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
index 90fbb0a..6efaf0a 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
   class={cn('flex flex-col space-y-2 text-center sm:text-left', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
index f66a1e5..2aaf2a5 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { fade } from 'svelte/transition';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { fade } from 'svelte/transition'
 
-  type $$Props = AlertDialogPrimitive.OverlayProps;
+  type $$Props = AlertDialogPrimitive.OverlayProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = fade;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = fade
   export let transitionConfig: $$Props['transitionConfig'] = {
     duration: 150
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Overlay
   {transition}
   {transitionConfig}
   class={cn('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte
index 8e0b86d..b2a329f 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
 
-  type $$Props = AlertDialogPrimitive.PortalProps;
+  type $$Props = AlertDialogPrimitive.PortalProps
 </script>
 
 <AlertDialogPrimitive.Portal {...$$restProps}>
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
index 3c03407..a57c3f0 100644
--- a/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.TitleProps;
+  type $$Props = AlertDialogPrimitive.TitleProps
 
-  let className: $$Props['class'] = undefined;
-  export let level: $$Props['level'] = 'h3';
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let level: $$Props['level'] = 'h3'
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Title
   class={cn('text-lg font-semibold', className)}
   {level}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AlertDialogPrimitive.Title>
diff --git a/src/lib/components/ui/alert-dialog/index.ts b/src/lib/components/ui/alert-dialog/index.ts
index dcc2909..fbab5a1 100644
--- a/src/lib/components/ui/alert-dialog/index.ts
+++ b/src/lib/components/ui/alert-dialog/index.ts
@@ -1,17 +1,17 @@
-import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
 
-const Root = AlertDialogPrimitive.Root;
-const Trigger = AlertDialogPrimitive.Trigger;
+const Root = AlertDialogPrimitive.Root
+const Trigger = AlertDialogPrimitive.Trigger
 
-import Title from './alert-dialog-title.svelte';
-import Action from './alert-dialog-action.svelte';
-import Cancel from './alert-dialog-cancel.svelte';
-import Portal from './alert-dialog-portal.svelte';
-import Footer from './alert-dialog-footer.svelte';
-import Header from './alert-dialog-header.svelte';
-import Overlay from './alert-dialog-overlay.svelte';
-import Content from './alert-dialog-content.svelte';
-import Description from './alert-dialog-description.svelte';
+import Title from './alert-dialog-title.svelte'
+import Action from './alert-dialog-action.svelte'
+import Cancel from './alert-dialog-cancel.svelte'
+import Portal from './alert-dialog-portal.svelte'
+import Footer from './alert-dialog-footer.svelte'
+import Header from './alert-dialog-header.svelte'
+import Overlay from './alert-dialog-overlay.svelte'
+import Content from './alert-dialog-content.svelte'
+import Description from './alert-dialog-description.svelte'
 
 export {
   Root,
@@ -37,4 +37,4 @@ export {
   Overlay as AlertDialogOverlay,
   Content as AlertDialogContent,
   Description as AlertDialogDescription
-};
+}
diff --git a/src/lib/components/ui/alert/alert-description.svelte b/src/lib/components/ui/alert/alert-description.svelte
index 41825ec..d43244d 100644
--- a/src/lib/components/ui/alert/alert-description.svelte
+++ b/src/lib/components/ui/alert/alert-description.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div class={cn('text-sm [&_p]:leading-relaxed', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/alert/alert-title.svelte b/src/lib/components/ui/alert/alert-title.svelte
index 1412d79..b6056f3 100644
--- a/src/lib/components/ui/alert/alert-title.svelte
+++ b/src/lib/components/ui/alert/alert-title.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import type { HeadingLevel } from '.';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
+  import type { HeadingLevel } from '.'
 
   type $$Props = HTMLAttributes<HTMLHeadingElement> & {
-    level?: HeadingLevel;
-  };
+    level?: HeadingLevel
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let level: $$Props['level'] = 'h5';
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let level: $$Props['level'] = 'h5'
+  export { className as class }
 </script>
 
 <svelte:element
   this={level}
   class={cn('mb-1 font-medium leading-none tracking-tight', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </svelte:element>
diff --git a/src/lib/components/ui/alert/alert.svelte b/src/lib/components/ui/alert/alert.svelte
index 1cd8200..5b4ebbf 100644
--- a/src/lib/components/ui/alert/alert.svelte
+++ b/src/lib/components/ui/alert/alert.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { alertVariants, type Variant } from '.';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { alertVariants, type Variant } from '.'
 
   type $$Props = HTMLAttributes<HTMLDivElement> & {
-    variant?: Variant;
-  };
+    variant?: Variant
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let variant: $$Props['variant'] = 'default';
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let variant: $$Props['variant'] = 'default'
+  export { className as class }
 </script>
 
 <div
   class={cn(alertVariants({ variant }), className)}
   {...$$restProps}
-  role="alert">
+  role="alert"
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/alert/index.ts b/src/lib/components/ui/alert/index.ts
index 8d95885..1c2ad3e 100644
--- a/src/lib/components/ui/alert/index.ts
+++ b/src/lib/components/ui/alert/index.ts
@@ -1,8 +1,8 @@
-import { tv, type VariantProps } from 'tailwind-variants';
+import { tv, type VariantProps } from 'tailwind-variants'
 
-import Root from './alert.svelte';
-import Description from './alert-description.svelte';
-import Title from './alert-title.svelte';
+import Root from './alert.svelte'
+import Description from './alert-description.svelte'
+import Title from './alert-title.svelte'
 
 export const alertVariants = tv({
   base: 'relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11',
@@ -17,10 +17,10 @@ export const alertVariants = tv({
   defaultVariants: {
     variant: 'default'
   }
-});
+})
 
-export type Variant = VariantProps<typeof alertVariants>['variant'];
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type Variant = VariantProps<typeof alertVariants>['variant']
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
 
 export {
   Root,
@@ -30,4 +30,4 @@ export {
   Root as Alert,
   Description as AlertDescription,
   Title as AlertTitle
-};
+}
diff --git a/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte b/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
index ba246b1..237ade9 100644
--- a/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
+++ b/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { AspectRatio as AspectRatioPrimitive } from 'bits-ui';
+  import { AspectRatio as AspectRatioPrimitive } from 'bits-ui'
 
-  type $$Props = AspectRatioPrimitive.Props;
+  type $$Props = AspectRatioPrimitive.Props
 
-  export let ratio: $$Props['ratio'] = 4 / 3;
+  export let ratio: $$Props['ratio'] = 4 / 3
 </script>
 
 <AspectRatioPrimitive.Root {ratio} {...$$restProps}>
diff --git a/src/lib/components/ui/aspect-ratio/index.ts b/src/lib/components/ui/aspect-ratio/index.ts
index 1d9517e..db69eff 100644
--- a/src/lib/components/ui/aspect-ratio/index.ts
+++ b/src/lib/components/ui/aspect-ratio/index.ts
@@ -1,3 +1,3 @@
-import Root from './aspect-ratio.svelte';
+import Root from './aspect-ratio.svelte'
 
-export { Root, Root as AspectRatio };
+export { Root, Root as AspectRatio }
diff --git a/src/lib/components/ui/avatar/avatar-fallback.svelte b/src/lib/components/ui/avatar/avatar-fallback.svelte
index 8838ece..61608bc 100644
--- a/src/lib/components/ui/avatar/avatar-fallback.svelte
+++ b/src/lib/components/ui/avatar/avatar-fallback.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Avatar as AvatarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AvatarPrimitive.FallbackProps;
+  type $$Props = AvatarPrimitive.FallbackProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <AvatarPrimitive.Fallback
@@ -13,6 +13,7 @@
     'flex h-full w-full items-center justify-center rounded-full bg-muted',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AvatarPrimitive.Fallback>
diff --git a/src/lib/components/ui/avatar/avatar-image.svelte b/src/lib/components/ui/avatar/avatar-image.svelte
index a4d30d4..d98e6d2 100644
--- a/src/lib/components/ui/avatar/avatar-image.svelte
+++ b/src/lib/components/ui/avatar/avatar-image.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Avatar as AvatarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AvatarPrimitive.ImageProps;
+  type $$Props = AvatarPrimitive.ImageProps
 
-  let className: $$Props['class'] = undefined;
-  export let src: $$Props['src'] = undefined;
-  export let alt: $$Props['alt'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let src: $$Props['src'] = undefined
+  export let alt: $$Props['alt'] = undefined
+  export { className as class }
 </script>
 
 <AvatarPrimitive.Image
   {src}
   {alt}
   class={cn('aspect-square h-full w-full', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/avatar/avatar.svelte b/src/lib/components/ui/avatar/avatar.svelte
index 52b88e8..7fbc672 100644
--- a/src/lib/components/ui/avatar/avatar.svelte
+++ b/src/lib/components/ui/avatar/avatar.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Avatar as AvatarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = AvatarPrimitive.Props;
+  type $$Props = AvatarPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export let delayMs: $$Props['delayMs'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let delayMs: $$Props['delayMs'] = undefined
+  export { className as class }
 </script>
 
 <AvatarPrimitive.Root
@@ -15,6 +15,7 @@
     'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AvatarPrimitive.Root>
diff --git a/src/lib/components/ui/avatar/index.ts b/src/lib/components/ui/avatar/index.ts
index 9cf5cc1..6a1699f 100644
--- a/src/lib/components/ui/avatar/index.ts
+++ b/src/lib/components/ui/avatar/index.ts
@@ -1,6 +1,6 @@
-import Root from './avatar.svelte';
-import Image from './avatar-image.svelte';
-import Fallback from './avatar-fallback.svelte';
+import Root from './avatar.svelte'
+import Image from './avatar-image.svelte'
+import Fallback from './avatar-fallback.svelte'
 
 export {
   Root,
@@ -10,4 +10,4 @@ export {
   Root as Avatar,
   Image as AvatarImage,
   Fallback as AvatarFallback
-};
+}
diff --git a/src/lib/components/ui/badge/badge.svelte b/src/lib/components/ui/badge/badge.svelte
index 1e27937..76f6cf2 100644
--- a/src/lib/components/ui/badge/badge.svelte
+++ b/src/lib/components/ui/badge/badge.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import { badgeVariants, type Variant } from '.';
+  import { cn } from '$lib/utils'
+  import { badgeVariants, type Variant } from '.'
 
-  let className: string | undefined | null = undefined;
-  export let href: string | undefined = undefined;
-  export let variant: Variant = 'default';
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export let href: string | undefined = undefined
+  export let variant: Variant = 'default'
+  export { className as class }
 </script>
 
 <svelte:element
   this={href ? 'a' : 'span'}
   {href}
   class={cn(badgeVariants({ variant, className }))}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </svelte:element>
diff --git a/src/lib/components/ui/badge/index.ts b/src/lib/components/ui/badge/index.ts
index f478837..fda7935 100644
--- a/src/lib/components/ui/badge/index.ts
+++ b/src/lib/components/ui/badge/index.ts
@@ -1,5 +1,5 @@
-import { tv, type VariantProps } from 'tailwind-variants';
-export { default as Badge } from './badge.svelte';
+import { tv, type VariantProps } from 'tailwind-variants'
+export { default as Badge } from './badge.svelte'
 
 export const badgeVariants = tv({
   base: 'inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none select-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
@@ -17,6 +17,6 @@ export const badgeVariants = tv({
   defaultVariants: {
     variant: 'default'
   }
-});
+})
 
-export type Variant = VariantProps<typeof badgeVariants>['variant'];
+export type Variant = VariantProps<typeof badgeVariants>['variant']
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
index be79fba..9465723 100644
--- a/src/lib/components/ui/button/button.svelte
+++ b/src/lib/components/ui/button/button.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { Button as ButtonPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { buttonVariants, type Props, type Events } from '.';
+  import { Button as ButtonPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { buttonVariants, type Props, type Events } from '.'
 
-  type $$Props = Props;
-  type $$Events = Events;
+  type $$Props = Props
+  type $$Events = Events
 
-  let className: $$Props['class'] = undefined;
-  export let variant: $$Props['variant'] = 'default';
-  export let size: $$Props['size'] = 'default';
-  export let builders: $$Props['builders'] = [];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let variant: $$Props['variant'] = 'default'
+  export let size: $$Props['size'] = 'default'
+  export let builders: $$Props['builders'] = []
+  export { className as class }
 </script>
 
 <ButtonPrimitive.Root
@@ -19,6 +19,7 @@
   type="button"
   {...$$restProps}
   on:click
-  on:keydown>
+  on:keydown
+>
   <slot />
 </ButtonPrimitive.Root>
diff --git a/src/lib/components/ui/button/index.ts b/src/lib/components/ui/button/index.ts
index 8fa2c66..4406eaf 100644
--- a/src/lib/components/ui/button/index.ts
+++ b/src/lib/components/ui/button/index.ts
@@ -1,6 +1,6 @@
-import Root from './button.svelte';
-import { tv, type VariantProps } from 'tailwind-variants';
-import type { Button as ButtonPrimitive } from 'bits-ui';
+import Root from './button.svelte'
+import { tv, type VariantProps } from 'tailwind-variants'
+import type { Button as ButtonPrimitive } from 'bits-ui'
 
 const buttonVariants = tv({
   base: 'inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap 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',
@@ -26,17 +26,17 @@ const buttonVariants = tv({
     variant: 'default',
     size: 'default'
   }
-});
+})
 
-type Variant = VariantProps<typeof buttonVariants>['variant'];
-type Size = VariantProps<typeof buttonVariants>['size'];
+type Variant = VariantProps<typeof buttonVariants>['variant']
+type Size = VariantProps<typeof buttonVariants>['size']
 
 type Props = ButtonPrimitive.Props & {
-  variant?: Variant;
-  size?: Size;
-};
+  variant?: Variant
+  size?: Size
+}
 
-type Events = ButtonPrimitive.Events;
+type Events = ButtonPrimitive.Events
 
 export {
   Root,
@@ -47,4 +47,4 @@ export {
   type Props as ButtonProps,
   type Events as ButtonEvents,
   buttonVariants
-};
+}
diff --git a/src/lib/components/ui/calendar/calendar-cell.svelte b/src/lib/components/ui/calendar/calendar-cell.svelte
index 34fa40d..7c5fff3 100644
--- a/src/lib/components/ui/calendar/calendar-cell.svelte
+++ b/src/lib/components/ui/calendar/calendar-cell.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.CellProps;
+  type $$Props = CalendarPrimitive.CellProps
 
-  export let date: $$Props['date'];
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let date: $$Props['date']
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Cell
@@ -15,6 +15,7 @@
     'relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-month])]:bg-accent/50',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CalendarPrimitive.Cell>
diff --git a/src/lib/components/ui/calendar/calendar-day.svelte b/src/lib/components/ui/calendar/calendar-day.svelte
index 48d3d2b..09e7311 100644
--- a/src/lib/components/ui/calendar/calendar-day.svelte
+++ b/src/lib/components/ui/calendar/calendar-day.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.DayProps;
-  type $$Events = CalendarPrimitive.DayEvents;
+  type $$Props = CalendarPrimitive.DayProps
+  type $$Events = CalendarPrimitive.DayEvents
 
-  export let date: $$Props['date'];
-  export let month: $$Props['month'];
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let date: $$Props['date']
+  export let month: $$Props['month']
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Day
@@ -34,7 +34,8 @@
   let:selected
   let:disabled
   let:unavailable
-  let:builder>
+  let:builder
+>
   <slot {selected} {disabled} {unavailable} {builder}>
     {date.day}
   </slot>
diff --git a/src/lib/components/ui/calendar/calendar-grid-body.svelte b/src/lib/components/ui/calendar/calendar-grid-body.svelte
index 0bbafa5..2c1b04b 100644
--- a/src/lib/components/ui/calendar/calendar-grid-body.svelte
+++ b/src/lib/components/ui/calendar/calendar-grid-body.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridBodyProps;
+  type $$Props = CalendarPrimitive.GridBodyProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.GridBody class={cn(className)} {...$$restProps}>
diff --git a/src/lib/components/ui/calendar/calendar-grid-head.svelte b/src/lib/components/ui/calendar/calendar-grid-head.svelte
index 480d296..d486c53 100644
--- a/src/lib/components/ui/calendar/calendar-grid-head.svelte
+++ b/src/lib/components/ui/calendar/calendar-grid-head.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridHeadProps;
+  type $$Props = CalendarPrimitive.GridHeadProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.GridHead class={cn(className)} {...$$restProps}>
diff --git a/src/lib/components/ui/calendar/calendar-grid-row.svelte b/src/lib/components/ui/calendar/calendar-grid-row.svelte
index 5b27e67..27eb5f1 100644
--- a/src/lib/components/ui/calendar/calendar-grid-row.svelte
+++ b/src/lib/components/ui/calendar/calendar-grid-row.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridRowProps;
+  type $$Props = CalendarPrimitive.GridRowProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.GridRow class={cn('flex', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/calendar/calendar-grid.svelte b/src/lib/components/ui/calendar/calendar-grid.svelte
index 1a16744..5a780e1 100644
--- a/src/lib/components/ui/calendar/calendar-grid.svelte
+++ b/src/lib/components/ui/calendar/calendar-grid.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridProps;
+  type $$Props = CalendarPrimitive.GridProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Grid
   class={cn('w-full border-collapse space-y-1', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CalendarPrimitive.Grid>
diff --git a/src/lib/components/ui/calendar/calendar-head-cell.svelte b/src/lib/components/ui/calendar/calendar-head-cell.svelte
index e433402..008de65 100644
--- a/src/lib/components/ui/calendar/calendar-head-cell.svelte
+++ b/src/lib/components/ui/calendar/calendar-head-cell.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.HeadCellProps;
+  type $$Props = CalendarPrimitive.HeadCellProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.HeadCell
@@ -13,6 +13,7 @@
     'w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CalendarPrimitive.HeadCell>
diff --git a/src/lib/components/ui/calendar/calendar-header.svelte b/src/lib/components/ui/calendar/calendar-header.svelte
index 01d84b9..7224f99 100644
--- a/src/lib/components/ui/calendar/calendar-header.svelte
+++ b/src/lib/components/ui/calendar/calendar-header.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.HeaderProps;
+  type $$Props = CalendarPrimitive.HeaderProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Header
@@ -13,6 +13,7 @@
     'relative flex w-full items-center justify-between pt-1',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CalendarPrimitive.Header>
diff --git a/src/lib/components/ui/calendar/calendar-heading.svelte b/src/lib/components/ui/calendar/calendar-heading.svelte
index 66561c2..468db2f 100644
--- a/src/lib/components/ui/calendar/calendar-heading.svelte
+++ b/src/lib/components/ui/calendar/calendar-heading.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.HeadingProps;
+  type $$Props = CalendarPrimitive.HeadingProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Heading
   let:headingValue
   class={cn('text-sm font-medium', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot {headingValue}>
     {headingValue}
   </slot>
diff --git a/src/lib/components/ui/calendar/calendar-months.svelte b/src/lib/components/ui/calendar/calendar-months.svelte
index b7447be..6882184 100644
--- a/src/lib/components/ui/calendar/calendar-months.svelte
+++ b/src/lib/components/ui/calendar/calendar-months.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
@@ -13,6 +13,7 @@
     'mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/calendar/calendar-next-button.svelte b/src/lib/components/ui/calendar/calendar-next-button.svelte
index a008731..a5eeabd 100644
--- a/src/lib/components/ui/calendar/calendar-next-button.svelte
+++ b/src/lib/components/ui/calendar/calendar-next-button.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { ChevronRight } from 'lucide-svelte';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { ChevronRight } from 'lucide-svelte'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.NextButtonProps;
-  type $$Events = CalendarPrimitive.NextButtonEvents;
+  type $$Props = CalendarPrimitive.NextButtonProps
+  type $$Events = CalendarPrimitive.NextButtonEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.NextButton
@@ -19,7 +19,8 @@
     className
   )}
   {...$$restProps}
-  let:builder>
+  let:builder
+>
   <slot {builder}>
     <ChevronRight class="h-4 w-4" />
   </slot>
diff --git a/src/lib/components/ui/calendar/calendar-prev-button.svelte b/src/lib/components/ui/calendar/calendar-prev-button.svelte
index 0a20a5d..a774cee 100644
--- a/src/lib/components/ui/calendar/calendar-prev-button.svelte
+++ b/src/lib/components/ui/calendar/calendar-prev-button.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import { ChevronLeft } from 'lucide-svelte';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import { ChevronLeft } from 'lucide-svelte'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.PrevButtonProps;
-  type $$Events = CalendarPrimitive.PrevButtonEvents;
+  type $$Props = CalendarPrimitive.PrevButtonProps
+  type $$Events = CalendarPrimitive.PrevButtonEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.PrevButton
@@ -19,7 +19,8 @@
     className
   )}
   {...$$restProps}
-  let:builder>
+  let:builder
+>
   <slot {builder}>
     <ChevronLeft class="h-4 w-4" />
   </slot>
diff --git a/src/lib/components/ui/calendar/calendar.svelte b/src/lib/components/ui/calendar/calendar.svelte
index 18148b0..047d882 100644
--- a/src/lib/components/ui/calendar/calendar.svelte
+++ b/src/lib/components/ui/calendar/calendar.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
-  import * as Calendar from '.';
-  import { cn } from '$lib/utils';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
+  import * as Calendar from '.'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.Props;
+  type $$Props = CalendarPrimitive.Props
 
-  type $$Events = CalendarPrimitive.Events;
+  type $$Events = CalendarPrimitive.Events
 
-  export let value: $$Props['value'] = undefined;
-  export let placeholder: $$Props['placeholder'] = undefined;
-  export let weekdayFormat: $$Props['weekdayFormat'] = 'short';
+  export let value: $$Props['value'] = undefined
+  export let placeholder: $$Props['placeholder'] = undefined
+  export let weekdayFormat: $$Props['weekdayFormat'] = 'short'
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Root
@@ -23,7 +23,8 @@
   {...$$restProps}
   on:keydown
   let:months
-  let:weekdays>
+  let:weekdays
+>
   <Calendar.Header>
     <Calendar.PrevButton />
     <Calendar.Heading />
diff --git a/src/lib/components/ui/calendar/index.ts b/src/lib/components/ui/calendar/index.ts
index 89b04b8..b1ba4b6 100644
--- a/src/lib/components/ui/calendar/index.ts
+++ b/src/lib/components/ui/calendar/index.ts
@@ -1,16 +1,16 @@
-import Root from './calendar.svelte';
-import Cell from './calendar-cell.svelte';
-import Day from './calendar-day.svelte';
-import Grid from './calendar-grid.svelte';
-import Header from './calendar-header.svelte';
-import Months from './calendar-months.svelte';
-import GridRow from './calendar-grid-row.svelte';
-import Heading from './calendar-heading.svelte';
-import GridBody from './calendar-grid-body.svelte';
-import GridHead from './calendar-grid-head.svelte';
-import HeadCell from './calendar-head-cell.svelte';
-import NextButton from './calendar-next-button.svelte';
-import PrevButton from './calendar-prev-button.svelte';
+import Root from './calendar.svelte'
+import Cell from './calendar-cell.svelte'
+import Day from './calendar-day.svelte'
+import Grid from './calendar-grid.svelte'
+import Header from './calendar-header.svelte'
+import Months from './calendar-months.svelte'
+import GridRow from './calendar-grid-row.svelte'
+import Heading from './calendar-heading.svelte'
+import GridBody from './calendar-grid-body.svelte'
+import GridHead from './calendar-grid-head.svelte'
+import HeadCell from './calendar-head-cell.svelte'
+import NextButton from './calendar-next-button.svelte'
+import PrevButton from './calendar-prev-button.svelte'
 
 export {
   Day,
@@ -27,4 +27,4 @@ export {
   PrevButton,
   //
   Root as Calendar
-};
+}
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
index 07079c8..f51d43c 100644
--- a/src/lib/components/ui/card/card-content.svelte
+++ b/src/lib/components/ui/card/card-content.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div class={cn('p-6 pt-0', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
index be3cf9f..a8096f3 100644
--- a/src/lib/components/ui/card/card-description.svelte
+++ b/src/lib/components/ui/card/card-description.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLParagraphElement>;
+  type $$Props = HTMLAttributes<HTMLParagraphElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <p class={cn('text-sm text-muted-foreground', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
index a2d71b0..2e0e540 100644
--- a/src/lib/components/ui/card/card-footer.svelte
+++ b/src/lib/components/ui/card/card-footer.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div class={cn('flex items-center p-6 pt-0', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
index 041b008..24ed6f3 100644
--- a/src/lib/components/ui/card/card-header.svelte
+++ b/src/lib/components/ui/card/card-header.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div class={cn('flex flex-col space-y-1.5 p-6', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
index bc161fa..5cdc7d8 100644
--- a/src/lib/components/ui/card/card-title.svelte
+++ b/src/lib/components/ui/card/card-title.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
-  import type { HeadingLevel } from '.';
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
+  import type { HeadingLevel } from '.'
 
   type $$Props = HTMLAttributes<HTMLHeadingElement> & {
-    tag?: HeadingLevel;
-  };
+    tag?: HeadingLevel
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let tag: $$Props['tag'] = 'h3';
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let tag: $$Props['tag'] = 'h3'
+  export { className as class }
 </script>
 
 <svelte:element
   this={tag}
   class={cn('text-lg font-semibold leading-none tracking-tight', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </svelte:element>
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
index 994cc69..b58010b 100644
--- a/src/lib/components/ui/card/card.svelte
+++ b/src/lib/components/ui/card/card.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
@@ -13,6 +13,7 @@
     'rounded-lg border bg-card text-card-foreground shadow-sm',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
index 691e6d1..6102bb2 100644
--- a/src/lib/components/ui/card/index.ts
+++ b/src/lib/components/ui/card/index.ts
@@ -1,9 +1,9 @@
-import Root from './card.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
+import Root from './card.svelte'
+import Content from './card-content.svelte'
+import Description from './card-description.svelte'
+import Footer from './card-footer.svelte'
+import Header from './card-header.svelte'
+import Title from './card-title.svelte'
 
 export {
   Root,
@@ -19,6 +19,6 @@ export {
   Footer as CardFooter,
   Header as CardHeader,
   Title as CardTitle
-};
+}
 
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
diff --git a/src/lib/components/ui/carousel/carousel-content.svelte b/src/lib/components/ui/carousel/carousel-content.svelte
index 085eadc..9e67fb9 100644
--- a/src/lib/components/ui/carousel/carousel-content.svelte
+++ b/src/lib/components/ui/carousel/carousel-content.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { cn } from '$lib/utils.js';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { getEmblaContext } from './context.js';
+  import { cn } from '$lib/utils.js'
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export { className as class }
 
-  const { orientation } = getEmblaContext('<Carousel.Content/>');
+  const { orientation } = getEmblaContext('<Carousel.Content/>')
 </script>
 
 <div class="overflow-hidden">
@@ -19,7 +19,8 @@
       className
     )}
     data-embla-container=""
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
   </div>
 </div>
diff --git a/src/lib/components/ui/carousel/carousel-item.svelte b/src/lib/components/ui/carousel/carousel-item.svelte
index 53c7474..921dfdf 100644
--- a/src/lib/components/ui/carousel/carousel-item.svelte
+++ b/src/lib/components/ui/carousel/carousel-item.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { getEmblaContext } from './context.js';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = HTMLAttributes<HTMLDivElement>
+  let className: string | undefined | null = undefined
+  export { className as class }
 
-  const { orientation } = getEmblaContext('<Carousel.Item/>');
+  const { orientation } = getEmblaContext('<Carousel.Item/>')
 </script>
 
 <div
@@ -19,6 +19,7 @@
     className
   )}
   data-embla-slide=""
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/carousel/carousel-next.svelte b/src/lib/components/ui/carousel/carousel-next.svelte
index dc03733..22d6a46 100644
--- a/src/lib/components/ui/carousel/carousel-next.svelte
+++ b/src/lib/components/ui/carousel/carousel-next.svelte
@@ -3,21 +3,20 @@
     Button,
     type Props,
     buttonVariants
-  } from '$lib/components/ui/button/index.js';
-  import { cn } from '$lib/utils';
-  import { ArrowRight } from 'lucide-svelte';
-  import type { VariantProps } from 'tailwind-variants';
-  import { getEmblaContext } from './context.js';
+  } from '$lib/components/ui/button/index.js'
+  import { cn } from '$lib/utils'
+  import { ArrowRight } from 'lucide-svelte'
+  import type { VariantProps } from 'tailwind-variants'
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = Props;
+  type $$Props = Props
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
-  export let variant: VariantProps<typeof buttonVariants>['variant'] =
-    'outline';
-  export let size: VariantProps<typeof buttonVariants>['size'] = 'icon';
+  let className: $$Props['class'] = undefined
+  export { className as class }
+  export let variant: VariantProps<typeof buttonVariants>['variant'] = 'outline'
+  export let size: VariantProps<typeof buttonVariants>['size'] = 'icon'
   const { orientation, canScrollNext, scrollNext, handleKeyDown } =
-    getEmblaContext('<Carousel.Next/>');
+    getEmblaContext('<Carousel.Next/>')
 </script>
 
 <Button
@@ -33,7 +32,8 @@
   disabled={!$canScrollNext}
   on:click={scrollNext}
   on:keydown={handleKeyDown}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <ArrowRight class="h-4 w-4" />
   <span class="sr-only">Next slide</span>
 </Button>
diff --git a/src/lib/components/ui/carousel/carousel-previous.svelte b/src/lib/components/ui/carousel/carousel-previous.svelte
index 3a70bf9..83ab46e 100644
--- a/src/lib/components/ui/carousel/carousel-previous.svelte
+++ b/src/lib/components/ui/carousel/carousel-previous.svelte
@@ -3,22 +3,21 @@
     Button,
     type Props,
     buttonVariants
-  } from '$lib/components/ui/button/index.js';
-  import { cn } from '$lib/utils.js';
-  import { ArrowLeft } from 'lucide-svelte';
-  import type { VariantProps } from 'tailwind-variants';
-  import { getEmblaContext } from './context.js';
+  } from '$lib/components/ui/button/index.js'
+  import { cn } from '$lib/utils.js'
+  import { ArrowLeft } from 'lucide-svelte'
+  import type { VariantProps } from 'tailwind-variants'
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = Props;
+  type $$Props = Props
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
-  export let variant: VariantProps<typeof buttonVariants>['variant'] =
-    'outline';
-  export let size: VariantProps<typeof buttonVariants>['size'] = 'icon';
+  let className: $$Props['class'] = undefined
+  export { className as class }
+  export let variant: VariantProps<typeof buttonVariants>['variant'] = 'outline'
+  export let size: VariantProps<typeof buttonVariants>['size'] = 'icon'
 
   const { orientation, canScrollPrev, scrollPrev, handleKeyDown } =
-    getEmblaContext('<Carousel.Previous/>');
+    getEmblaContext('<Carousel.Previous/>')
 </script>
 
 <Button
@@ -34,7 +33,8 @@
   disabled={!$canScrollPrev}
   on:click={scrollPrev}
   on:keydown={handleKeyDown}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <ArrowLeft class="h-4 w-4" />
   <span class="sr-only">Previous slide</span>
 </Button>
diff --git a/src/lib/components/ui/carousel/carousel.svelte b/src/lib/components/ui/carousel/carousel.svelte
index 290dd7c..cd9438f 100644
--- a/src/lib/components/ui/carousel/carousel.svelte
+++ b/src/lib/components/ui/carousel/carousel.svelte
@@ -1,57 +1,57 @@
 <script lang="ts">
-  import emblaCarouselSvelte from 'embla-carousel-svelte';
+  import emblaCarouselSvelte from 'embla-carousel-svelte'
   import {
     setEmblaContex,
     type CarouselProps,
     type CarouselAPI
-  } from './context.js';
-  import { cn } from '$lib/utils.js';
-  import { writable } from 'svelte/store';
-  import { onDestroy } from 'svelte';
+  } from './context.js'
+  import { cn } from '$lib/utils.js'
+  import { writable } from 'svelte/store'
+  import { onDestroy } from 'svelte'
 
-  type $$Props = CarouselProps;
+  type $$Props = CarouselProps
 
-  export let opts = {};
-  export let plugins: NonNullable<$$Props['plugins']> = [];
-  export let api: $$Props['api'] = undefined;
-  export let orientation: NonNullable<$$Props['orientation']> = 'horizontal';
+  export let opts = {}
+  export let plugins: NonNullable<$$Props['plugins']> = []
+  export let api: $$Props['api'] = undefined
+  export let orientation: NonNullable<$$Props['orientation']> = 'horizontal'
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 
-  const apiStore = writable<CarouselAPI | undefined>(undefined);
-  const orientationStore = writable(orientation);
-  const canScrollPrev = writable(false);
-  const canScrollNext = writable(false);
+  const apiStore = writable<CarouselAPI | undefined>(undefined)
+  const orientationStore = writable(orientation)
+  const canScrollPrev = writable(false)
+  const canScrollNext = writable(false)
 
-  $: orientationStore.set(orientation);
+  $: orientationStore.set(orientation)
 
   function scrollPrev() {
-    api?.scrollPrev();
+    api?.scrollPrev()
   }
   function scrollNext() {
-    api?.scrollNext();
+    api?.scrollNext()
   }
 
   function onSelect(api: CarouselAPI) {
-    if (!api) return;
-    canScrollPrev.set(api.canScrollPrev());
-    canScrollNext.set(api.canScrollNext());
+    if (!api) return
+    canScrollPrev.set(api.canScrollPrev())
+    canScrollNext.set(api.canScrollNext())
   }
 
   $: if (api) {
-    onSelect(api);
-    api.on('select', onSelect);
-    api.on('reInit', onSelect);
+    onSelect(api)
+    api.on('select', onSelect)
+    api.on('reInit', onSelect)
   }
 
   function handleKeyDown(e: KeyboardEvent) {
     if (e.key === 'ArrowLeft') {
-      e.preventDefault();
-      scrollPrev();
+      e.preventDefault()
+      scrollPrev()
     } else if (e.key === 'ArrowRight') {
-      e.preventDefault();
-      scrollNext();
+      e.preventDefault()
+      scrollNext()
     }
   }
 
@@ -63,17 +63,17 @@
     canScrollNext,
     canScrollPrev,
     handleKeyDown
-  });
+  })
 
   function onInit(event: CustomEvent<CarouselAPI>) {
-    api = event.detail;
-    console.log(api.slideNodes());
-    apiStore.set(api);
+    api = event.detail
+    console.log(api.slideNodes())
+    apiStore.set(api)
   }
 
   onDestroy(() => {
-    api?.off('select', onSelect);
-  });
+    api?.off('select', onSelect)
+  })
 </script>
 
 <div
@@ -92,6 +92,7 @@
   on:mouseleave
   role="region"
   aria-roledescription="carousel"
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/carousel/context.ts b/src/lib/components/ui/carousel/context.ts
index 6cf5766..0ebbeee 100644
--- a/src/lib/components/ui/carousel/context.ts
+++ b/src/lib/components/ui/carousel/context.ts
@@ -1,52 +1,52 @@
-import type { EmblaCarouselSvelteType } from 'embla-carousel-svelte';
-import type emblaCarouselSvelte from 'embla-carousel-svelte';
-import { getContext, hasContext, setContext } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { Writable, Readable } from 'svelte/store';
+import type { EmblaCarouselSvelteType } from 'embla-carousel-svelte'
+import type emblaCarouselSvelte from 'embla-carousel-svelte'
+import { getContext, hasContext, setContext } from 'svelte'
+import type { HTMLAttributes } from 'svelte/elements'
+import type { Writable, Readable } from 'svelte/store'
 
 export type CarouselAPI =
   NonNullable<
     NonNullable<EmblaCarouselSvelteType['$$_attributes']>['on:emblaInit']
   > extends (evt: CustomEvent<infer CarouselAPI>) => void
     ? CarouselAPI
-    : never;
+    : never
 
 type EmblaCarouselConfig = NonNullable<
   Parameters<typeof emblaCarouselSvelte>[1]
->;
+>
 
-export type CarouselOptions = EmblaCarouselConfig['options'];
-export type CarouselPlugins = EmblaCarouselConfig['plugins'];
+export type CarouselOptions = EmblaCarouselConfig['options']
+export type CarouselPlugins = EmblaCarouselConfig['plugins']
 
 ////
 
 export type CarouselProps = {
-  opts?: CarouselOptions;
-  plugins?: CarouselPlugins;
-  api?: CarouselAPI;
-  orientation?: 'horizontal' | 'vertical';
-} & HTMLAttributes<HTMLDivElement>;
+  opts?: CarouselOptions
+  plugins?: CarouselPlugins
+  api?: CarouselAPI
+  orientation?: 'horizontal' | 'vertical'
+} & HTMLAttributes<HTMLDivElement>
 
-const EMBLA_CAROUSEL_CONTEXT = Symbol('EMBLA_CAROUSEL_CONTEXT');
+const EMBLA_CAROUSEL_CONTEXT = Symbol('EMBLA_CAROUSEL_CONTEXT')
 
 type EmblaContext = {
-  api: Writable<CarouselAPI | undefined>;
-  orientation: Writable<'horizontal' | 'vertical'>;
-  scrollNext: () => void;
-  scrollPrev: () => void;
-  canScrollNext: Readable<boolean>;
-  canScrollPrev: Readable<boolean>;
-  handleKeyDown: (e: KeyboardEvent) => void;
-};
+  api: Writable<CarouselAPI | undefined>
+  orientation: Writable<'horizontal' | 'vertical'>
+  scrollNext: () => void
+  scrollPrev: () => void
+  canScrollNext: Readable<boolean>
+  canScrollPrev: Readable<boolean>
+  handleKeyDown: (e: KeyboardEvent) => void
+}
 
 export function setEmblaContex(config: EmblaContext): EmblaContext {
-  setContext(EMBLA_CAROUSEL_CONTEXT, config);
-  return config;
+  setContext(EMBLA_CAROUSEL_CONTEXT, config)
+  return config
 }
 
 export function getEmblaContext(name = 'This component') {
   if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
-    throw new Error(`${name} must be used within a <Carousel.Root> component`);
+    throw new Error(`${name} must be used within a <Carousel.Root> component`)
   }
-  return getContext<ReturnType<typeof setEmblaContex>>(EMBLA_CAROUSEL_CONTEXT);
+  return getContext<ReturnType<typeof setEmblaContex>>(EMBLA_CAROUSEL_CONTEXT)
 }
diff --git a/src/lib/components/ui/carousel/index.ts b/src/lib/components/ui/carousel/index.ts
index 0ae50aa..9d901f8 100644
--- a/src/lib/components/ui/carousel/index.ts
+++ b/src/lib/components/ui/carousel/index.ts
@@ -1,5 +1,5 @@
-export { default as Root } from './carousel.svelte';
-export { default as Content } from './carousel-content.svelte';
-export { default as Item } from './carousel-item.svelte';
-export { default as Previous } from './carousel-previous.svelte';
-export { default as Next } from './carousel-next.svelte';
+export { default as Root } from './carousel.svelte'
+export { default as Content } from './carousel-content.svelte'
+export { default as Item } from './carousel-item.svelte'
+export { default as Previous } from './carousel-previous.svelte'
+export { default as Next } from './carousel-next.svelte'
diff --git a/src/lib/components/ui/checkbox/checkbox.svelte b/src/lib/components/ui/checkbox/checkbox.svelte
index 7cf35c2..6ac4fa5 100644
--- a/src/lib/components/ui/checkbox/checkbox.svelte
+++ b/src/lib/components/ui/checkbox/checkbox.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Checkbox as CheckboxPrimitive } from 'bits-ui';
-  import { Check, Minus } from 'lucide-svelte';
-  import { cn } from '$lib/utils';
+  import { Checkbox as CheckboxPrimitive } from 'bits-ui'
+  import { Check, Minus } from 'lucide-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CheckboxPrimitive.Props;
-  type $$Events = CheckboxPrimitive.Events;
+  type $$Props = CheckboxPrimitive.Props
+  type $$Events = CheckboxPrimitive.Events
 
-  let className: $$Props['class'] = undefined;
-  export let checked: $$Props['checked'] = false;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let checked: $$Props['checked'] = false
+  export { className as class }
 </script>
 
 <CheckboxPrimitive.Root
@@ -18,11 +18,13 @@
   )}
   bind:checked
   {...$$restProps}
-  on:click>
+  on:click
+>
   <CheckboxPrimitive.Indicator
     class={cn('flex h-4 w-4 items-center justify-center text-current')}
     let:isChecked
-    let:isIndeterminate>
+    let:isIndeterminate
+  >
     {#if isChecked}
       <Check class="h-3.5 w-3.5" />
     {:else if isIndeterminate}
diff --git a/src/lib/components/ui/checkbox/index.ts b/src/lib/components/ui/checkbox/index.ts
index 0543c5a..9ca5431 100644
--- a/src/lib/components/ui/checkbox/index.ts
+++ b/src/lib/components/ui/checkbox/index.ts
@@ -1,6 +1,6 @@
-import Root from './checkbox.svelte';
+import Root from './checkbox.svelte'
 export {
   Root,
   //
   Root as Checkbox
-};
+}
diff --git a/src/lib/components/ui/collapsible/collapsible-content.svelte b/src/lib/components/ui/collapsible/collapsible-content.svelte
index 2bac90e..d3c5230 100644
--- a/src/lib/components/ui/collapsible/collapsible-content.svelte
+++ b/src/lib/components/ui/collapsible/collapsible-content.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
-  import { slide } from 'svelte/transition';
+  import { Collapsible as CollapsiblePrimitive } from 'bits-ui'
+  import { slide } from 'svelte/transition'
 
-  type $$Props = CollapsiblePrimitive.ContentProps;
+  type $$Props = CollapsiblePrimitive.ContentProps
 
-  export let transition: $$Props['transition'] = slide;
+  export let transition: $$Props['transition'] = slide
   export let transitionConfig: $$Props['transitionConfig'] = {
     duration: 150
-  };
+  }
 </script>
 
 <CollapsiblePrimitive.Content {transition} {transitionConfig} {...$$restProps}>
diff --git a/src/lib/components/ui/collapsible/index.ts b/src/lib/components/ui/collapsible/index.ts
index 2efbc37..67e1e9b 100644
--- a/src/lib/components/ui/collapsible/index.ts
+++ b/src/lib/components/ui/collapsible/index.ts
@@ -1,8 +1,8 @@
-import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
-import Content from './collapsible-content.svelte';
+import { Collapsible as CollapsiblePrimitive } from 'bits-ui'
+import Content from './collapsible-content.svelte'
 
-const Root = CollapsiblePrimitive.Root;
-const Trigger = CollapsiblePrimitive.Trigger;
+const Root = CollapsiblePrimitive.Root
+const Trigger = CollapsiblePrimitive.Trigger
 
 export {
   Root,
@@ -12,4 +12,4 @@ export {
   Root as Collapsible,
   Content as CollapsibleContent,
   Trigger as CollapsibleTrigger
-};
+}
diff --git a/src/lib/components/ui/command/command-dialog.svelte b/src/lib/components/ui/command/command-dialog.svelte
index 97d8dc9..d55a0cc 100644
--- a/src/lib/components/ui/command/command-dialog.svelte
+++ b/src/lib/components/ui/command/command-dialog.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import Command from './command.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-  import type { Dialog as DialogPrimitive } from 'bits-ui';
-  import type { Command as CommandPrimitive } from 'cmdk-sv';
+  import Command from './command.svelte'
+  import * as Dialog from '$lib/components/ui/dialog'
+  import type { Dialog as DialogPrimitive } from 'bits-ui'
+  import type { Command as CommandPrimitive } from 'cmdk-sv'
 
-  type $$Props = DialogPrimitive.Props & CommandPrimitive.CommandProps;
+  type $$Props = DialogPrimitive.Props & CommandPrimitive.CommandProps
 
-  export let open: $$Props['open'] = false;
-  export let value: $$Props['value'] = undefined;
+  export let open: $$Props['open'] = false
+  export let value: $$Props['value'] = undefined
 </script>
 
 <Dialog.Root bind:open {...$$restProps}>
@@ -15,7 +15,8 @@
     <Command
       class="[&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group-heading]]:text-muted-foreground [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 [&_[data-cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-cmdk-input]]:h-12 [&_[data-cmdk-item]]:px-2 [&_[data-cmdk-item]]:py-3 [&_[data-cmdk-item]_svg]:h-5 [&_[data-cmdk-item]_svg]:w-5"
       {...$$restProps}
-      bind:value>
+      bind:value
+    >
       <slot />
     </Command>
   </Dialog.Content>
diff --git a/src/lib/components/ui/command/command-empty.svelte b/src/lib/components/ui/command/command-empty.svelte
index f4cb4de..ed5cc1f 100644
--- a/src/lib/components/ui/command/command-empty.svelte
+++ b/src/lib/components/ui/command/command-empty.svelte
@@ -1,14 +1,15 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { cn } from '$lib/utils';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.EmptyProps;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = CommandPrimitive.EmptyProps
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <CommandPrimitive.Empty
   class={cn('py-6 text-center text-sm', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.Empty>
diff --git a/src/lib/components/ui/command/command-group.svelte b/src/lib/components/ui/command/command-group.svelte
index 53b0cba..4f29e58 100644
--- a/src/lib/components/ui/command/command-group.svelte
+++ b/src/lib/components/ui/command/command-group.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { cn } from '$lib/utils';
-  type $$Props = CommandPrimitive.GroupProps;
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { cn } from '$lib/utils'
+  type $$Props = CommandPrimitive.GroupProps
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <CommandPrimitive.Group
@@ -12,6 +12,7 @@
     'overflow-hidden p-1 text-foreground [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1.5 [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group-heading]]:text-muted-foreground',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.Group>
diff --git a/src/lib/components/ui/command/command-input.svelte b/src/lib/components/ui/command/command-input.svelte
index a3bf4da..ec479eb 100644
--- a/src/lib/components/ui/command/command-input.svelte
+++ b/src/lib/components/ui/command/command-input.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { Search } from 'lucide-svelte';
-  import { cn } from '$lib/utils';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { Search } from 'lucide-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.InputProps;
+  type $$Props = CommandPrimitive.InputProps
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let value: string = '';
+  let className: string | undefined | null = undefined
+  export { className as class }
+  export let value: string = ''
 </script>
 
 <div class="flex items-center border-b px-2" data-cmdk-input-wrapper="">
@@ -18,5 +18,6 @@
       className
     )}
     {...$$restProps}
-    bind:value />
+    bind:value
+  />
 </div>
diff --git a/src/lib/components/ui/command/command-item.svelte b/src/lib/components/ui/command/command-item.svelte
index c9e5a2c..8b9bddc 100644
--- a/src/lib/components/ui/command/command-item.svelte
+++ b/src/lib/components/ui/command/command-item.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { cn } from '$lib/utils';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.ItemProps;
+  type $$Props = CommandPrimitive.ItemProps
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <CommandPrimitive.Item
@@ -13,6 +13,7 @@
     'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.Item>
diff --git a/src/lib/components/ui/command/command-list.svelte b/src/lib/components/ui/command/command-list.svelte
index 9b32fa7..17851ef 100644
--- a/src/lib/components/ui/command/command-list.svelte
+++ b/src/lib/components/ui/command/command-list.svelte
@@ -1,14 +1,15 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { cn } from '$lib/utils';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.ListProps;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = CommandPrimitive.ListProps
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <CommandPrimitive.List
   class={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.List>
diff --git a/src/lib/components/ui/command/command-separator.svelte b/src/lib/components/ui/command/command-separator.svelte
index 67fa077..d62303a 100644
--- a/src/lib/components/ui/command/command-separator.svelte
+++ b/src/lib/components/ui/command/command-separator.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { cn } from '$lib/utils';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.SeparatorProps;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = CommandPrimitive.SeparatorProps
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <CommandPrimitive.Separator
   class={cn('-mx-1 h-px bg-border', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/command/command-shortcut.svelte b/src/lib/components/ui/command/command-shortcut.svelte
index 7840cf8..7fa8d2b 100644
--- a/src/lib/components/ui/command/command-shortcut.svelte
+++ b/src/lib/components/ui/command/command-shortcut.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <span
   class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </span>
diff --git a/src/lib/components/ui/command/command.svelte b/src/lib/components/ui/command/command.svelte
index d787b6e..19a5562 100644
--- a/src/lib/components/ui/command/command.svelte
+++ b/src/lib/components/ui/command/command.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
-  import { cn } from '$lib/utils';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.CommandProps;
+  type $$Props = CommandPrimitive.CommandProps
 
-  export let value: $$Props['value'] = undefined;
+  export let value: $$Props['value'] = undefined
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <CommandPrimitive.Root
@@ -16,6 +16,7 @@
     className
   )}
   bind:value
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.Root>
diff --git a/src/lib/components/ui/command/index.ts b/src/lib/components/ui/command/index.ts
index 21c637b..cfb009e 100644
--- a/src/lib/components/ui/command/index.ts
+++ b/src/lib/components/ui/command/index.ts
@@ -1,16 +1,16 @@
-import { Command as CommandPrimitive } from 'cmdk-sv';
+import { Command as CommandPrimitive } from 'cmdk-sv'
 
-import Root from './command.svelte';
-import Dialog from './command-dialog.svelte';
-import Empty from './command-empty.svelte';
-import Group from './command-group.svelte';
-import Item from './command-item.svelte';
-import Input from './command-input.svelte';
-import List from './command-list.svelte';
-import Separator from './command-separator.svelte';
-import Shortcut from './command-shortcut.svelte';
+import Root from './command.svelte'
+import Dialog from './command-dialog.svelte'
+import Empty from './command-empty.svelte'
+import Group from './command-group.svelte'
+import Item from './command-item.svelte'
+import Input from './command-input.svelte'
+import List from './command-list.svelte'
+import Separator from './command-separator.svelte'
+import Shortcut from './command-shortcut.svelte'
 
-const Loading = CommandPrimitive.Loading;
+const Loading = CommandPrimitive.Loading
 
 export {
   Root,
@@ -34,4 +34,4 @@ export {
   Separator as CommandSeparator,
   Shortcut as CommandShortcut,
   Loading as CommandLoading
-};
+}
diff --git a/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte b/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
index 49e8480..a1c288b 100644
--- a/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { Check } from 'lucide-svelte';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { Check } from 'lucide-svelte'
 
-  type $$Props = ContextMenuPrimitive.CheckboxItemProps;
-  type $$Events = ContextMenuPrimitive.CheckboxItemEvents;
+  type $$Props = ContextMenuPrimitive.CheckboxItemProps
+  type $$Events = ContextMenuPrimitive.CheckboxItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let checked: $$Props['checked'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let checked: $$Props['checked'] = undefined
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.CheckboxItem
@@ -24,7 +24,8 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <ContextMenuPrimitive.CheckboxIndicator>
       <Check class="h-4 w-4" />
diff --git a/src/lib/components/ui/context-menu/context-menu-content.svelte b/src/lib/components/ui/context-menu/context-menu-content.svelte
index c0e391a..72c51e2 100644
--- a/src/lib/components/ui/context-menu/context-menu-content.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-content.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = ContextMenuPrimitive.ContentProps;
+  type $$Props = ContextMenuPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Content
@@ -18,6 +18,7 @@
     className
   )}
   {...$$restProps}
-  on:keydown>
+  on:keydown
+>
   <slot />
 </ContextMenuPrimitive.Content>
diff --git a/src/lib/components/ui/context-menu/context-menu-item.svelte b/src/lib/components/ui/context-menu/context-menu-item.svelte
index 33b0237..28f02b6 100644
--- a/src/lib/components/ui/context-menu/context-menu-item.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-item.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
   type $$Props = ContextMenuPrimitive.ItemProps & {
-    inset?: boolean;
-  };
-  type $$Events = ContextMenuPrimitive.ItemEvents;
+    inset?: boolean
+  }
+  type $$Events = ContextMenuPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Item
@@ -25,6 +25,7 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
 </ContextMenuPrimitive.Item>
diff --git a/src/lib/components/ui/context-menu/context-menu-label.svelte b/src/lib/components/ui/context-menu/context-menu-label.svelte
index d3d2be7..ab53301 100644
--- a/src/lib/components/ui/context-menu/context-menu-label.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-label.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
   type $$Props = ContextMenuPrimitive.LabelProps & {
-    inset?: boolean;
-  };
+    inset?: boolean
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Label
@@ -17,6 +17,7 @@
     inset && 'pl-8',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </ContextMenuPrimitive.Label>
diff --git a/src/lib/components/ui/context-menu/context-menu-radio-group.svelte b/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
index caa9154..49b0563 100644
--- a/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
 
-  type $$Props = ContextMenuPrimitive.RadioGroupProps;
+  type $$Props = ContextMenuPrimitive.RadioGroupProps
 
-  export let value: $$Props['value'] = undefined;
+  export let value: $$Props['value'] = undefined
 </script>
 
 <ContextMenuPrimitive.RadioGroup {...$$restProps} bind:value>
diff --git a/src/lib/components/ui/context-menu/context-menu-radio-item.svelte b/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
index de43277..7a0d1a8 100644
--- a/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { Circle } from 'lucide-svelte';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { Circle } from 'lucide-svelte'
 
-  type $$Props = ContextMenuPrimitive.RadioItemProps;
-  type $$Events = ContextMenuPrimitive.RadioItemEvents;
+  type $$Props = ContextMenuPrimitive.RadioItemProps
+  type $$Events = ContextMenuPrimitive.RadioItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: ContextMenuPrimitive.RadioItemProps['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: ContextMenuPrimitive.RadioItemProps['value']
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.RadioItem
@@ -24,7 +24,8 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <ContextMenuPrimitive.RadioIndicator>
       <Circle class="h-2 w-2 fill-current" />
diff --git a/src/lib/components/ui/context-menu/context-menu-separator.svelte b/src/lib/components/ui/context-menu/context-menu-separator.svelte
index ade757f..f450408 100644
--- a/src/lib/components/ui/context-menu/context-menu-separator.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-separator.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = ContextMenuPrimitive.SeparatorProps;
+  type $$Props = ContextMenuPrimitive.SeparatorProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Separator
   class={cn('-mx-1 my-1 h-px bg-border', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/context-menu/context-menu-shortcut.svelte b/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
index 3e391a0..80f1db8 100644
--- a/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <span
   class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </span>
diff --git a/src/lib/components/ui/context-menu/context-menu-sub-content.svelte b/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
index 288da94..db7a209 100644
--- a/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = ContextMenuPrimitive.SubContentProps;
+  type $$Props = ContextMenuPrimitive.SubContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
   export let transitionConfig: $$Props['transitionConfig'] = {
     x: -10,
     y: 0
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.SubContent
@@ -23,6 +23,7 @@
   {...$$restProps}
   on:keydown
   on:focusout
-  on:pointermove>
+  on:pointermove
+>
   <slot />
 </ContextMenuPrimitive.SubContent>
diff --git a/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte b/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
index 6f40cd4..7dedc8a 100644
--- a/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
+++ b/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { ChevronRight } from 'lucide-svelte';
+  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { ChevronRight } from 'lucide-svelte'
 
   type $$Props = ContextMenuPrimitive.SubTriggerProps & {
-    inset?: boolean;
-  };
-  type $$Events = ContextMenuPrimitive.SubTriggerEvents;
+    inset?: boolean
+  }
+  type $$Events = ContextMenuPrimitive.SubTriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.SubTrigger
@@ -25,7 +25,8 @@
   on:focusin
   on:focusout
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
   <ChevronRight class="ml-auto h-4 w-4" />
 </ContextMenuPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/context-menu/index.ts b/src/lib/components/ui/context-menu/index.ts
index d123903..f9d2812 100644
--- a/src/lib/components/ui/context-menu/index.ts
+++ b/src/lib/components/ui/context-menu/index.ts
@@ -1,20 +1,20 @@
-import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
 
-import Item from './context-menu-item.svelte';
-import Label from './context-menu-label.svelte';
-import Content from './context-menu-content.svelte';
-import Shortcut from './context-menu-shortcut.svelte';
-import RadioItem from './context-menu-radio-item.svelte';
-import Separator from './context-menu-separator.svelte';
-import RadioGroup from './context-menu-radio-group.svelte';
-import SubContent from './context-menu-sub-content.svelte';
-import SubTrigger from './context-menu-sub-trigger.svelte';
-import CheckboxItem from './context-menu-checkbox-item.svelte';
+import Item from './context-menu-item.svelte'
+import Label from './context-menu-label.svelte'
+import Content from './context-menu-content.svelte'
+import Shortcut from './context-menu-shortcut.svelte'
+import RadioItem from './context-menu-radio-item.svelte'
+import Separator from './context-menu-separator.svelte'
+import RadioGroup from './context-menu-radio-group.svelte'
+import SubContent from './context-menu-sub-content.svelte'
+import SubTrigger from './context-menu-sub-trigger.svelte'
+import CheckboxItem from './context-menu-checkbox-item.svelte'
 
-const Sub = ContextMenuPrimitive.Sub;
-const Root = ContextMenuPrimitive.Root;
-const Trigger = ContextMenuPrimitive.Trigger;
-const Group = ContextMenuPrimitive.Group;
+const Sub = ContextMenuPrimitive.Sub
+const Root = ContextMenuPrimitive.Root
+const Trigger = ContextMenuPrimitive.Trigger
+const Group = ContextMenuPrimitive.Group
 
 export {
   Sub,
@@ -46,4 +46,4 @@ export {
   SubContent as ContextMenuSubContent,
   SubTrigger as ContextMenuSubTrigger,
   CheckboxItem as ContextMenuCheckboxItem
-};
+}
diff --git a/src/lib/components/ui/dialog/dialog-content.svelte b/src/lib/components/ui/dialog/dialog-content.svelte
index ef8c952..6418db3 100644
--- a/src/lib/components/ui/dialog/dialog-content.svelte
+++ b/src/lib/components/ui/dialog/dialog-content.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import * as Dialog from '.';
-  import { cn, flyAndScale } from '$lib/utils';
-  import { X } from 'lucide-svelte';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
+  import * as Dialog from '.'
+  import { cn, flyAndScale } from '$lib/utils'
+  import { X } from 'lucide-svelte'
 
-  type $$Props = DialogPrimitive.ContentProps;
+  type $$Props = DialogPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
   export let transitionConfig: $$Props['transitionConfig'] = {
     duration: 200
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <Dialog.Portal>
@@ -23,10 +23,12 @@
       'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg sm:rounded-lg md:w-full',
       className
     )}
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
     <DialogPrimitive.Close
-      class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+      class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
+    >
       <X class="h-4 w-4" />
       <span class="sr-only">Close</span>
     </DialogPrimitive.Close>
diff --git a/src/lib/components/ui/dialog/dialog-description.svelte b/src/lib/components/ui/dialog/dialog-description.svelte
index c150c87..00fa95c 100644
--- a/src/lib/components/ui/dialog/dialog-description.svelte
+++ b/src/lib/components/ui/dialog/dialog-description.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DialogPrimitive.DescriptionProps;
+  type $$Props = DialogPrimitive.DescriptionProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DialogPrimitive.Description
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DialogPrimitive.Description>
diff --git a/src/lib/components/ui/dialog/dialog-footer.svelte b/src/lib/components/ui/dialog/dialog-footer.svelte
index 3db2b3f..b44fc58 100644
--- a/src/lib/components/ui/dialog/dialog-footer.svelte
+++ b/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
@@ -13,6 +13,7 @@
     'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/dialog/dialog-header.svelte b/src/lib/components/ui/dialog/dialog-header.svelte
index 9a37905..e433177 100644
--- a/src/lib/components/ui/dialog/dialog-header.svelte
+++ b/src/lib/components/ui/dialog/dialog-header.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
   class={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/lib/components/ui/dialog/dialog-overlay.svelte
index bed149b..4d56257 100644
--- a/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ b/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { fade } from 'svelte/transition';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { fade } from 'svelte/transition'
 
-  type $$Props = DialogPrimitive.OverlayProps;
+  type $$Props = DialogPrimitive.OverlayProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = fade;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = fade
   export let transitionConfig: $$Props['transitionConfig'] = {
     duration: 150
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <DialogPrimitive.Overlay
   {transition}
   {transitionConfig}
   class={cn('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/dialog/dialog-portal.svelte b/src/lib/components/ui/dialog/dialog-portal.svelte
index 45112b7..892002a 100644
--- a/src/lib/components/ui/dialog/dialog-portal.svelte
+++ b/src/lib/components/ui/dialog/dialog-portal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  type $$Props = DialogPrimitive.PortalProps;
+  import { Dialog as DialogPrimitive } from 'bits-ui'
+  type $$Props = DialogPrimitive.PortalProps
 </script>
 
 <DialogPrimitive.Portal {...$$restProps}>
diff --git a/src/lib/components/ui/dialog/dialog-title.svelte b/src/lib/components/ui/dialog/dialog-title.svelte
index 6e6e52b..8fafe80 100644
--- a/src/lib/components/ui/dialog/dialog-title.svelte
+++ b/src/lib/components/ui/dialog/dialog-title.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DialogPrimitive.TitleProps;
+  type $$Props = DialogPrimitive.TitleProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DialogPrimitive.Title
   class={cn('text-lg font-semibold leading-none tracking-tight', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DialogPrimitive.Title>
diff --git a/src/lib/components/ui/dialog/index.ts b/src/lib/components/ui/dialog/index.ts
index 676a771..405ad3f 100644
--- a/src/lib/components/ui/dialog/index.ts
+++ b/src/lib/components/ui/dialog/index.ts
@@ -1,15 +1,15 @@
-import { Dialog as DialogPrimitive } from 'bits-ui';
+import { Dialog as DialogPrimitive } from 'bits-ui'
 
-const Root = DialogPrimitive.Root;
-const Trigger = DialogPrimitive.Trigger;
+const Root = DialogPrimitive.Root
+const Trigger = DialogPrimitive.Trigger
 
-import Title from './dialog-title.svelte';
-import Portal from './dialog-portal.svelte';
-import Footer from './dialog-footer.svelte';
-import Header from './dialog-header.svelte';
-import Overlay from './dialog-overlay.svelte';
-import Content from './dialog-content.svelte';
-import Description from './dialog-description.svelte';
+import Title from './dialog-title.svelte'
+import Portal from './dialog-portal.svelte'
+import Footer from './dialog-footer.svelte'
+import Header from './dialog-header.svelte'
+import Overlay from './dialog-overlay.svelte'
+import Content from './dialog-content.svelte'
+import Description from './dialog-description.svelte'
 
 export {
   Root,
@@ -31,4 +31,4 @@ export {
   Overlay as DialogOverlay,
   Content as DialogContent,
   Description as DialogDescription
-};
+}
diff --git a/src/lib/components/ui/drawer/drawer-content.svelte b/src/lib/components/ui/drawer/drawer-content.svelte
index 239ff9d..894fbca 100644
--- a/src/lib/components/ui/drawer/drawer-content.svelte
+++ b/src/lib/components/ui/drawer/drawer-content.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import DrawerOverlay from './drawer-overlay.svelte';
-  import { cn } from '$lib/utils';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
+  import DrawerOverlay from './drawer-overlay.svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.ContentProps;
+  type $$Props = DrawerPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DrawerPrimitive.Portal>
@@ -16,7 +16,8 @@
       'fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',
       className
     )}
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <div class="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
     <slot />
   </DrawerPrimitive.Content>
diff --git a/src/lib/components/ui/drawer/drawer-description.svelte b/src/lib/components/ui/drawer/drawer-description.svelte
index 8121ce5..c265c89 100644
--- a/src/lib/components/ui/drawer/drawer-description.svelte
+++ b/src/lib/components/ui/drawer/drawer-description.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import { cn } from '$lib/utils';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.DescriptionProps;
+  type $$Props = DrawerPrimitive.DescriptionProps
 
-  export let el: $$Props['el'] = undefined;
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let el: $$Props['el'] = undefined
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DrawerPrimitive.Description
   bind:el
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DrawerPrimitive.Description>
diff --git a/src/lib/components/ui/drawer/drawer-footer.svelte b/src/lib/components/ui/drawer/drawer-footer.svelte
index b9cb109..350611d 100644
--- a/src/lib/components/ui/drawer/drawer-footer.svelte
+++ b/src/lib/components/ui/drawer/drawer-footer.svelte
@@ -1,19 +1,20 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
   type $$Props = HTMLAttributes<HTMLDivElement> & {
-    el?: HTMLDivElement;
-  };
+    el?: HTMLDivElement
+  }
 
-  export let el: $$Props['el'] = undefined;
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let el: $$Props['el'] = undefined
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
   bind:this={el}
   class={cn('mt-auto flex flex-col gap-2 p-4', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/drawer/drawer-header.svelte b/src/lib/components/ui/drawer/drawer-header.svelte
index 2521a27..b354666 100644
--- a/src/lib/components/ui/drawer/drawer-header.svelte
+++ b/src/lib/components/ui/drawer/drawer-header.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
   type $$Props = HTMLAttributes<HTMLDivElement> & {
-    el?: HTMLDivElement;
-  };
-  export let el: $$Props['el'] = undefined;
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+    el?: HTMLDivElement
+  }
+  export let el: $$Props['el'] = undefined
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
   bind:this={el}
   class={cn('grid gap-1.5 p-4 text-center sm:text-left', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/drawer/drawer-overlay.svelte b/src/lib/components/ui/drawer/drawer-overlay.svelte
index 4ceef04..59b1314 100644
--- a/src/lib/components/ui/drawer/drawer-overlay.svelte
+++ b/src/lib/components/ui/drawer/drawer-overlay.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import { cn } from '$lib/utils';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.OverlayProps;
+  type $$Props = DrawerPrimitive.OverlayProps
 
-  export let el: $$Props['el'] = undefined;
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let el: $$Props['el'] = undefined
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DrawerPrimitive.Overlay
   bind:el
   class={cn('fixed inset-0 z-50 bg-black/80', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DrawerPrimitive.Overlay>
diff --git a/src/lib/components/ui/drawer/drawer-title.svelte b/src/lib/components/ui/drawer/drawer-title.svelte
index ffa98d1..18fbb09 100644
--- a/src/lib/components/ui/drawer/drawer-title.svelte
+++ b/src/lib/components/ui/drawer/drawer-title.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import { cn } from '$lib/utils';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.TitleProps;
+  type $$Props = DrawerPrimitive.TitleProps
 
-  export let el: $$Props['el'] = undefined;
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let el: $$Props['el'] = undefined
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DrawerPrimitive.Title
   bind:el
   class={cn('text-lg font-semibold leading-none tracking-tight', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DrawerPrimitive.Title>
diff --git a/src/lib/components/ui/drawer/drawer.svelte b/src/lib/components/ui/drawer/drawer.svelte
index 3853112..19bf87c 100644
--- a/src/lib/components/ui/drawer/drawer.svelte
+++ b/src/lib/components/ui/drawer/drawer.svelte
@@ -1,16 +1,17 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
 
-  type $$Props = DrawerPrimitive.Props;
-  export let shouldScaleBackground: $$Props['shouldScaleBackground'] = true;
-  export let open: $$Props['open'] = false;
-  export let activeSnapPoint: $$Props['activeSnapPoint'] = undefined;
+  type $$Props = DrawerPrimitive.Props
+  export let shouldScaleBackground: $$Props['shouldScaleBackground'] = true
+  export let open: $$Props['open'] = false
+  export let activeSnapPoint: $$Props['activeSnapPoint'] = undefined
 </script>
 
 <DrawerPrimitive.Root
   {shouldScaleBackground}
   bind:open
   bind:activeSnapPoint
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DrawerPrimitive.Root>
diff --git a/src/lib/components/ui/drawer/index.ts b/src/lib/components/ui/drawer/index.ts
index ba72393..b78dc04 100644
--- a/src/lib/components/ui/drawer/index.ts
+++ b/src/lib/components/ui/drawer/index.ts
@@ -1,16 +1,16 @@
-import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+import { Drawer as DrawerPrimitive } from 'vaul-svelte'
 
-import Root from './drawer.svelte';
-import Content from './drawer-content.svelte';
-import Description from './drawer-description.svelte';
-import Overlay from './drawer-overlay.svelte';
-import Footer from './drawer-footer.svelte';
-import Header from './drawer-header.svelte';
-import Title from './drawer-title.svelte';
+import Root from './drawer.svelte'
+import Content from './drawer-content.svelte'
+import Description from './drawer-description.svelte'
+import Overlay from './drawer-overlay.svelte'
+import Footer from './drawer-footer.svelte'
+import Header from './drawer-header.svelte'
+import Title from './drawer-title.svelte'
 
-const Trigger = DrawerPrimitive.Trigger;
-const Portal = DrawerPrimitive.Portal;
-const Close = DrawerPrimitive.Close;
+const Trigger = DrawerPrimitive.Trigger
+const Portal = DrawerPrimitive.Portal
+const Close = DrawerPrimitive.Close
 
 export {
   Root,
@@ -34,4 +34,4 @@ export {
   Trigger as DrawerTrigger,
   Portal as DrawerPortal,
   Close as DrawerClose
-};
+}
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index f7f7ed9..d985cc5 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { Check } from 'lucide-svelte';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { Check } from 'lucide-svelte'
 
-  type $$Props = DropdownMenuPrimitive.CheckboxItemProps;
-  type $$Events = DropdownMenuPrimitive.CheckboxItemEvents;
+  type $$Props = DropdownMenuPrimitive.CheckboxItemProps
+  type $$Events = DropdownMenuPrimitive.CheckboxItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let checked: $$Props['checked'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let checked: $$Props['checked'] = undefined
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.CheckboxItem
@@ -24,7 +24,8 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <DropdownMenuPrimitive.CheckboxIndicator>
       <Check class="h-4 w-4" />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
index 2da8f7b..17956b3 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = DropdownMenuPrimitive.ContentProps;
-  type $$Events = DropdownMenuPrimitive.ContentEvents;
+  type $$Props = DropdownMenuPrimitive.ContentProps
+  type $$Events = DropdownMenuPrimitive.ContentEvents
 
-  let className: $$Props['class'] = undefined;
-  export let sideOffset: $$Props['sideOffset'] = 4;
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let sideOffset: $$Props['sideOffset'] = 4
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.Content
@@ -21,6 +21,7 @@
     className
   )}
   {...$$restProps}
-  on:keydown>
+  on:keydown
+>
   <slot />
 </DropdownMenuPrimitive.Content>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
index f70a6af..8b3dc5b 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
   type $$Props = DropdownMenuPrimitive.ItemProps & {
-    inset?: boolean;
-  };
-  type $$Events = DropdownMenuPrimitive.ItemEvents;
+    inset?: boolean
+  }
+  type $$Events = DropdownMenuPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.Item
@@ -25,6 +25,7 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
 </DropdownMenuPrimitive.Item>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
index e8fa19f..3a36990 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
   type $$Props = DropdownMenuPrimitive.LabelProps & {
-    inset?: boolean;
-  };
+    inset?: boolean
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.Label
   class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DropdownMenuPrimitive.Label>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
index 06a8337..049125f 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
 
-  type $$Props = DropdownMenuPrimitive.RadioGroupProps;
+  type $$Props = DropdownMenuPrimitive.RadioGroupProps
 
-  export let value: $$Props['value'] = undefined;
+  export let value: $$Props['value'] = undefined
 </script>
 
 <DropdownMenuPrimitive.RadioGroup {...$$restProps} bind:value>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index dd5fd04..f34bdb8 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { Circle } from 'lucide-svelte';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { Circle } from 'lucide-svelte'
 
-  type $$Props = DropdownMenuPrimitive.RadioItemProps;
-  type $$Events = DropdownMenuPrimitive.RadioItemEvents;
+  type $$Props = DropdownMenuPrimitive.RadioItemProps
+  type $$Events = DropdownMenuPrimitive.RadioItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.RadioItem
@@ -24,7 +24,8 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <DropdownMenuPrimitive.RadioIndicator>
       <Circle class="h-2 w-2 fill-current" />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
index c6719e7..dc74f5d 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = DropdownMenuPrimitive.SeparatorProps;
+  type $$Props = DropdownMenuPrimitive.SeparatorProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.Separator
   class={cn('-mx-1 my-1 h-px bg-muted', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
index 91cda17..ad38b7d 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <span
   class={cn('ml-auto text-xs tracking-widest opacity-60', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </span>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
index 4dc3622..d2745dd 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = DropdownMenuPrimitive.SubContentProps;
-  type $$Events = DropdownMenuPrimitive.SubContentEvents;
+  type $$Props = DropdownMenuPrimitive.SubContentProps
+  type $$Events = DropdownMenuPrimitive.SubContentEvents
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
   export let transitionConfig: $$Props['transitionConfig'] = {
     x: -10,
     y: 0
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.SubContent
@@ -24,6 +24,7 @@
   {...$$restProps}
   on:keydown
   on:focusout
-  on:pointermove>
+  on:pointermove
+>
   <slot />
 </DropdownMenuPrimitive.SubContent>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index 13c6c87..127dda6 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { ChevronRight } from 'lucide-svelte';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { ChevronRight } from 'lucide-svelte'
 
   type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
-    inset?: boolean;
-  };
-  type $$Events = DropdownMenuPrimitive.SubTriggerEvents;
+    inset?: boolean
+  }
+  type $$Events = DropdownMenuPrimitive.SubTriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.SubTrigger
@@ -25,7 +25,8 @@
   on:focusin
   on:focusout
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
   <ChevronRight class="ml-auto h-4 w-4" />
 </DropdownMenuPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/dropdown-menu/index.ts b/src/lib/components/ui/dropdown-menu/index.ts
index 8455a57..5a3a86a 100644
--- a/src/lib/components/ui/dropdown-menu/index.ts
+++ b/src/lib/components/ui/dropdown-menu/index.ts
@@ -1,19 +1,19 @@
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import Item from './dropdown-menu-item.svelte';
-import Label from './dropdown-menu-label.svelte';
-import Content from './dropdown-menu-content.svelte';
-import Shortcut from './dropdown-menu-shortcut.svelte';
-import RadioItem from './dropdown-menu-radio-item.svelte';
-import Separator from './dropdown-menu-separator.svelte';
-import RadioGroup from './dropdown-menu-radio-group.svelte';
-import SubContent from './dropdown-menu-sub-content.svelte';
-import SubTrigger from './dropdown-menu-sub-trigger.svelte';
-import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+import Item from './dropdown-menu-item.svelte'
+import Label from './dropdown-menu-label.svelte'
+import Content from './dropdown-menu-content.svelte'
+import Shortcut from './dropdown-menu-shortcut.svelte'
+import RadioItem from './dropdown-menu-radio-item.svelte'
+import Separator from './dropdown-menu-separator.svelte'
+import RadioGroup from './dropdown-menu-radio-group.svelte'
+import SubContent from './dropdown-menu-sub-content.svelte'
+import SubTrigger from './dropdown-menu-sub-trigger.svelte'
+import CheckboxItem from './dropdown-menu-checkbox-item.svelte'
 
-const Sub = DropdownMenuPrimitive.Sub;
-const Root = DropdownMenuPrimitive.Root;
-const Trigger = DropdownMenuPrimitive.Trigger;
-const Group = DropdownMenuPrimitive.Group;
+const Sub = DropdownMenuPrimitive.Sub
+const Root = DropdownMenuPrimitive.Root
+const Trigger = DropdownMenuPrimitive.Trigger
+const Group = DropdownMenuPrimitive.Group
 
 export {
   Sub,
@@ -45,4 +45,4 @@ export {
   SubContent as DropdownMenuSubContent,
   SubTrigger as DropdownMenuSubTrigger,
   CheckboxItem as DropdownMenuCheckboxItem
-};
+}
diff --git a/src/lib/components/ui/form/form-button.svelte b/src/lib/components/ui/form/form-button.svelte
index ff3faff..11a9d26 100644
--- a/src/lib/components/ui/form/form-button.svelte
+++ b/src/lib/components/ui/form/form-button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import * as Button from '$lib/components/ui/button';
-  type $$Props = Button.Props;
-  type $$Events = Button.Events;
+  import * as Button from '$lib/components/ui/button'
+  type $$Props = Button.Props
+  type $$Events = Button.Events
 </script>
 
 <Button.Root type="submit" {...$$restProps} on:click on:keydown>
diff --git a/src/lib/components/ui/form/form-checkbox.svelte b/src/lib/components/ui/form/form-checkbox.svelte
index d6ed0a4..e2545ad 100644
--- a/src/lib/components/ui/form/form-checkbox.svelte
+++ b/src/lib/components/ui/form/form-checkbox.svelte
@@ -1,25 +1,26 @@
 <script lang="ts">
-  import { getFormField } from 'formsnap';
-  import type { Checkbox as CheckboxPrimitive } from 'bits-ui';
-  import { Checkbox } from '$lib/components/ui/checkbox';
-  type $$Props = CheckboxPrimitive.Props;
-  type $$Events = CheckboxPrimitive.Events;
+  import { getFormField } from 'formsnap'
+  import type { Checkbox as CheckboxPrimitive } from 'bits-ui'
+  import { Checkbox } from '$lib/components/ui/checkbox'
+  type $$Props = CheckboxPrimitive.Props
+  type $$Events = CheckboxPrimitive.Events
 
-  export let onCheckedChange: $$Props['onCheckedChange'] = undefined;
+  export let onCheckedChange: $$Props['onCheckedChange'] = undefined
 
-  const { name, setValue, attrStore, value } = getFormField();
+  const { name, setValue, attrStore, value } = getFormField()
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { name: nameAttr, value: valueAttr, ...rest } = $attrStore;
+  const { name: nameAttr, value: valueAttr, ...rest } = $attrStore
 </script>
 
 <Checkbox
   {...rest}
   checked={typeof $value === 'boolean' ? $value : false}
   onCheckedChange={v => {
-    onCheckedChange?.(v);
-    setValue(v);
+    onCheckedChange?.(v)
+    setValue(v)
   }}
   {...$$restProps}
   on:click
-  on:keydown />
+  on:keydown
+/>
 <input hidden {name} value={$value} />
diff --git a/src/lib/components/ui/form/form-description.svelte b/src/lib/components/ui/form/form-description.svelte
index ec38925..9d13f1f 100644
--- a/src/lib/components/ui/form/form-description.svelte
+++ b/src/lib/components/ui/form/form-description.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Form as FormPrimitive } from 'formsnap';
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { Form as FormPrimitive } from 'formsnap'
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = HTMLAttributes<HTMLSpanElement>
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <FormPrimitive.Description
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </FormPrimitive.Description>
diff --git a/src/lib/components/ui/form/form-input.svelte b/src/lib/components/ui/form/form-input.svelte
index 6738527..7afaee4 100644
--- a/src/lib/components/ui/form/form-input.svelte
+++ b/src/lib/components/ui/form/form-input.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { getFormField } from 'formsnap';
-  import type { HTMLInputAttributes } from 'svelte/elements';
-  import { Input, type InputEvents } from '$lib/components/ui/input';
+  import { getFormField } from 'formsnap'
+  import type { HTMLInputAttributes } from 'svelte/elements'
+  import { Input, type InputEvents } from '$lib/components/ui/input'
 
-  type $$Props = HTMLInputAttributes;
-  type $$Events = InputEvents;
+  type $$Props = HTMLInputAttributes
+  type $$Events = InputEvents
 
-  const { attrStore, value } = getFormField();
+  const { attrStore, value } = getFormField()
 </script>
 
 <Input
@@ -24,4 +24,5 @@
   on:mouseenter
   on:mouseleave
   on:paste
-  on:input />
+  on:input
+/>
diff --git a/src/lib/components/ui/form/form-item.svelte b/src/lib/components/ui/form/form-item.svelte
index 5fa2a7d..309cc01 100644
--- a/src/lib/components/ui/form/form-item.svelte
+++ b/src/lib/components/ui/form/form-item.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = HTMLAttributes<HTMLDivElement>
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <div class={cn('space-y-2', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/form/form-label.svelte b/src/lib/components/ui/form/form-label.svelte
index 42b4277..9523dca 100644
--- a/src/lib/components/ui/form/form-label.svelte
+++ b/src/lib/components/ui/form/form-label.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import type { Label as LabelPrimitive } from 'bits-ui';
-  import { getFormField } from 'formsnap';
-  import { cn } from '$lib/utils';
-  import { Label } from '$lib/components/ui/label';
+  import type { Label as LabelPrimitive } from 'bits-ui'
+  import { getFormField } from 'formsnap'
+  import { cn } from '$lib/utils'
+  import { Label } from '$lib/components/ui/label'
 
-  type $$Props = LabelPrimitive.Props;
+  type $$Props = LabelPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 
-  const { errors, ids } = getFormField();
+  const { errors, ids } = getFormField()
 </script>
 
 <Label
   for={$ids.input}
   class={cn($errors && 'text-destructive', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </Label>
diff --git a/src/lib/components/ui/form/form-native-select.svelte b/src/lib/components/ui/form/form-native-select.svelte
index e533b30..64ad176 100644
--- a/src/lib/components/ui/form/form-native-select.svelte
+++ b/src/lib/components/ui/form/form-native-select.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Form as FormPrimitive } from 'formsnap';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
-  import { ChevronDown } from 'lucide-svelte';
-  import type { HTMLSelectAttributes } from 'svelte/elements';
+  import { Form as FormPrimitive } from 'formsnap'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
+  import { ChevronDown } from 'lucide-svelte'
+  import type { HTMLSelectAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLSelectAttributes;
+  type $$Props = HTMLSelectAttributes
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <div class="relative">
@@ -18,7 +18,8 @@
       'appearance-none bg-transparent font-normal',
       className
     )}
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
   </FormPrimitive.Select>
   <ChevronDown class="absolute right-3 top-2.5 h-4 w-4 opacity-50" />
diff --git a/src/lib/components/ui/form/form-radio-group.svelte b/src/lib/components/ui/form/form-radio-group.svelte
index b8ebd62..fcd5c90 100644
--- a/src/lib/components/ui/form/form-radio-group.svelte
+++ b/src/lib/components/ui/form/form-radio-group.svelte
@@ -1,21 +1,22 @@
 <script lang="ts">
-  import { getFormField } from 'formsnap';
-  import type { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
-  import * as RadioGroup from '$lib/components/ui/radio-group';
+  import { getFormField } from 'formsnap'
+  import type { RadioGroup as RadioGroupPrimitive } from 'bits-ui'
+  import * as RadioGroup from '$lib/components/ui/radio-group'
 
-  type $$Props = RadioGroupPrimitive.Props;
-  const { attrStore, setValue, name, value } = getFormField();
+  type $$Props = RadioGroupPrimitive.Props
+  const { attrStore, setValue, name, value } = getFormField()
 
-  export let onValueChange: $$Props['onValueChange'] = undefined;
+  export let onValueChange: $$Props['onValueChange'] = undefined
 </script>
 
 <RadioGroup.Root
   {...$attrStore}
   onValueChange={v => {
-    onValueChange?.(v);
-    setValue(v);
+    onValueChange?.(v)
+    setValue(v)
   }}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
   <input hidden {name} value={$value} />
 </RadioGroup.Root>
diff --git a/src/lib/components/ui/form/form-select-trigger.svelte b/src/lib/components/ui/form/form-select-trigger.svelte
index 98028f6..6b5bed4 100644
--- a/src/lib/components/ui/form/form-select-trigger.svelte
+++ b/src/lib/components/ui/form/form-select-trigger.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import * as Select from '$lib/components/ui/select';
-  import type { Select as SelectPrimitive } from 'bits-ui';
-  import { getFormField } from 'formsnap';
+  import * as Select from '$lib/components/ui/select'
+  import type { Select as SelectPrimitive } from 'bits-ui'
+  import { getFormField } from 'formsnap'
 
   type $$Props = SelectPrimitive.TriggerProps & {
-    placeholder?: string;
-  };
-  type $$Events = SelectPrimitive.TriggerEvents;
-  const { attrStore, value } = getFormField();
-  export let placeholder = '';
+    placeholder?: string
+  }
+  type $$Events = SelectPrimitive.TriggerEvents
+  const { attrStore, value } = getFormField()
+  export let placeholder = ''
 </script>
 
 <Select.Trigger
@@ -16,7 +16,8 @@
   {...$attrStore}
   on:click
   on:keydown
-  type="button">
+  type="button"
+>
   <slot value={$value}>
     <Select.Value {placeholder} />
   </slot>
diff --git a/src/lib/components/ui/form/form-select.svelte b/src/lib/components/ui/form/form-select.svelte
index 3aa1f17..f9385f8 100644
--- a/src/lib/components/ui/form/form-select.svelte
+++ b/src/lib/components/ui/form/form-select.svelte
@@ -1,19 +1,20 @@
 <script lang="ts">
-  import * as Select from '$lib/components/ui/select';
-  import { getFormField } from 'formsnap';
-  import type { Select as SelectPrimitive } from 'bits-ui';
+  import * as Select from '$lib/components/ui/select'
+  import { getFormField } from 'formsnap'
+  import type { Select as SelectPrimitive } from 'bits-ui'
 
-  type $$Props = SelectPrimitive.Props<unknown>;
-  const { setValue, name, value } = getFormField();
-  export let onSelectedChange: $$Props['onSelectedChange'] = undefined;
+  type $$Props = SelectPrimitive.Props<unknown>
+  const { setValue, name, value } = getFormField()
+  export let onSelectedChange: $$Props['onSelectedChange'] = undefined
 </script>
 
 <Select.Root
   onSelectedChange={v => {
-    onSelectedChange?.(v);
-    setValue(v ? v.value : undefined);
+    onSelectedChange?.(v)
+    setValue(v ? v.value : undefined)
   }}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
   <input hidden {name} value={$value} />
 </Select.Root>
diff --git a/src/lib/components/ui/form/form-switch.svelte b/src/lib/components/ui/form/form-switch.svelte
index 9703226..2998449 100644
--- a/src/lib/components/ui/form/form-switch.svelte
+++ b/src/lib/components/ui/form/form-switch.svelte
@@ -1,23 +1,24 @@
 <script lang="ts">
-  import { getFormField } from 'formsnap';
-  import type { Switch as SwitchPrimitive } from 'bits-ui';
-  import { Switch } from '$lib/components/ui/switch';
-  type $$Props = SwitchPrimitive.Props;
-  type $$Events = SwitchPrimitive.Events;
+  import { getFormField } from 'formsnap'
+  import type { Switch as SwitchPrimitive } from 'bits-ui'
+  import { Switch } from '$lib/components/ui/switch'
+  type $$Props = SwitchPrimitive.Props
+  type $$Events = SwitchPrimitive.Events
 
-  export let onCheckedChange: $$Props['onCheckedChange'] = undefined;
+  export let onCheckedChange: $$Props['onCheckedChange'] = undefined
 
-  const { name, setValue, attrStore, value } = getFormField();
+  const { name, setValue, attrStore, value } = getFormField()
 </script>
 
 <Switch
   {...$attrStore}
   checked={typeof $value === 'boolean' ? $value : false}
   onCheckedChange={v => {
-    onCheckedChange?.(v);
-    setValue(v);
+    onCheckedChange?.(v)
+    setValue(v)
   }}
   {...$$restProps}
   on:click
-  on:keydown />
+  on:keydown
+/>
 <input hidden {name} value={$value} />
diff --git a/src/lib/components/ui/form/form-textarea.svelte b/src/lib/components/ui/form/form-textarea.svelte
index 1372781..4de0a0a 100644
--- a/src/lib/components/ui/form/form-textarea.svelte
+++ b/src/lib/components/ui/form/form-textarea.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { getFormField } from 'formsnap';
-  import type { HTMLTextareaAttributes } from 'svelte/elements';
-  import type { TextareaGetFormField } from '.';
-  import { Textarea, type TextareaEvents } from '$lib/components/ui/textarea';
+  import { getFormField } from 'formsnap'
+  import type { HTMLTextareaAttributes } from 'svelte/elements'
+  import type { TextareaGetFormField } from '.'
+  import { Textarea, type TextareaEvents } from '$lib/components/ui/textarea'
 
-  type $$Props = HTMLTextareaAttributes;
-  type $$Events = TextareaEvents;
+  type $$Props = HTMLTextareaAttributes
+  type $$Events = TextareaEvents
 
-  const { attrStore, value } = getFormField() as TextareaGetFormField;
+  const { attrStore, value } = getFormField() as TextareaGetFormField
 </script>
 
 <Textarea
@@ -25,4 +25,5 @@
   on:mouseenter
   on:mouseleave
   on:paste
-  on:input />
+  on:input
+/>
diff --git a/src/lib/components/ui/form/form-validation.svelte b/src/lib/components/ui/form/form-validation.svelte
index 20c2458..fd7ff9f 100644
--- a/src/lib/components/ui/form/form-validation.svelte
+++ b/src/lib/components/ui/form/form-validation.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { Form as FormPrimitive } from 'formsnap';
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { Form as FormPrimitive } from 'formsnap'
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLParagraphElement>;
-  let className: string | undefined | null = undefined;
-  export { className as class };
+  type $$Props = HTMLAttributes<HTMLParagraphElement>
+  let className: string | undefined | null = undefined
+  export { className as class }
 </script>
 
 <FormPrimitive.Validation
   class={cn('text-sm font-medium text-destructive', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/form/index.ts b/src/lib/components/ui/form/index.ts
index 9134b3b..ad3548f 100644
--- a/src/lib/components/ui/form/index.ts
+++ b/src/lib/components/ui/form/index.ts
@@ -1,38 +1,38 @@
-import { Form as FormPrimitive, getFormField } from 'formsnap';
-import * as RadioGroupComp from '$lib/components/ui/radio-group';
-import * as SelectComp from '$lib/components/ui/select';
-import type { Writable } from 'svelte/store';
-import Item from './form-item.svelte';
-import Input from './form-input.svelte';
-import Textarea from './form-textarea.svelte';
-import Description from './form-description.svelte';
-import Label from './form-label.svelte';
-import Validation from './form-validation.svelte';
-import Checkbox from './form-checkbox.svelte';
-import Switch from './form-switch.svelte';
-import NativeSelect from './form-native-select.svelte';
-import RadioGroup from './form-radio-group.svelte';
-import Select from './form-select.svelte';
-import SelectTrigger from './form-select-trigger.svelte';
-import Button from './form-button.svelte';
+import { Form as FormPrimitive, getFormField } from 'formsnap'
+import * as RadioGroupComp from '$lib/components/ui/radio-group'
+import * as SelectComp from '$lib/components/ui/select'
+import type { Writable } from 'svelte/store'
+import Item from './form-item.svelte'
+import Input from './form-input.svelte'
+import Textarea from './form-textarea.svelte'
+import Description from './form-description.svelte'
+import Label from './form-label.svelte'
+import Validation from './form-validation.svelte'
+import Checkbox from './form-checkbox.svelte'
+import Switch from './form-switch.svelte'
+import NativeSelect from './form-native-select.svelte'
+import RadioGroup from './form-radio-group.svelte'
+import Select from './form-select.svelte'
+import SelectTrigger from './form-select-trigger.svelte'
+import Button from './form-button.svelte'
 
-const Root = FormPrimitive.Root;
-const Field = FormPrimitive.Field;
-const Control = FormPrimitive.Control;
-const RadioItem = RadioGroupComp.Item;
-const NativeRadio = FormPrimitive.Radio;
-const SelectContent = SelectComp.Content;
-const SelectLabel = SelectComp.Label;
-const SelectGroup = SelectComp.Group;
-const SelectItem = SelectComp.Item;
-const SelectSeparator = SelectComp.Separator;
+const Root = FormPrimitive.Root
+const Field = FormPrimitive.Field
+const Control = FormPrimitive.Control
+const RadioItem = RadioGroupComp.Item
+const NativeRadio = FormPrimitive.Radio
+const SelectContent = SelectComp.Content
+const SelectLabel = SelectComp.Label
+const SelectGroup = SelectComp.Group
+const SelectItem = SelectComp.Item
+const SelectSeparator = SelectComp.Separator
 
 export type TextareaGetFormField = Omit<
   ReturnType<typeof getFormField>,
   'value'
 > & {
-  value: Writable<string>;
-};
+  value: Writable<string>
+}
 
 export {
   Root,
@@ -82,4 +82,4 @@ export {
   SelectSeparator as FormSelectSeparator,
   SelectTrigger as FormSelectTrigger,
   Button as FormButton
-};
+}
diff --git a/src/lib/components/ui/hover-card/hover-card-content.svelte b/src/lib/components/ui/hover-card/hover-card-content.svelte
index 664a595..dac4631 100644
--- a/src/lib/components/ui/hover-card/hover-card-content.svelte
+++ b/src/lib/components/ui/hover-card/hover-card-content.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { LinkPreview as HoverCardPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { LinkPreview as HoverCardPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = HoverCardPrimitive.ContentProps;
+  type $$Props = HoverCardPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
-  export let align: $$Props['align'] = 'center';
-  export let sideOffset: $$Props['sideOffset'] = 4;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
+  export let align: $$Props['align'] = 'center'
+  export let sideOffset: $$Props['sideOffset'] = 4
+  export { className as class }
 </script>
 
 <HoverCardPrimitive.Content
@@ -21,6 +21,7 @@
     'z-50 mt-3 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </HoverCardPrimitive.Content>
diff --git a/src/lib/components/ui/hover-card/index.ts b/src/lib/components/ui/hover-card/index.ts
index 31318c2..089f62d 100644
--- a/src/lib/components/ui/hover-card/index.ts
+++ b/src/lib/components/ui/hover-card/index.ts
@@ -1,8 +1,8 @@
-import { LinkPreview as HoverCardPrimitive } from 'bits-ui';
+import { LinkPreview as HoverCardPrimitive } from 'bits-ui'
 
-import Content from './hover-card-content.svelte';
-const Root = HoverCardPrimitive.Root;
-const Trigger = HoverCardPrimitive.Trigger;
+import Content from './hover-card-content.svelte'
+const Root = HoverCardPrimitive.Root
+const Trigger = HoverCardPrimitive.Trigger
 
 export {
   Root,
@@ -11,4 +11,4 @@ export {
   Root as HoverCard,
   Content as HoverCardContent,
   Trigger as HoverCardTrigger
-};
+}
diff --git a/src/lib/components/ui/input/index.ts b/src/lib/components/ui/input/index.ts
index c65e1ed..8d7e773 100644
--- a/src/lib/components/ui/input/index.ts
+++ b/src/lib/components/ui/input/index.ts
@@ -1,27 +1,27 @@
-import Root from './input.svelte';
+import Root from './input.svelte'
 
 type FormInputEvent<T extends Event = Event> = T & {
-  currentTarget: EventTarget & HTMLInputElement;
-};
+  currentTarget: EventTarget & HTMLInputElement
+}
 export type InputEvents = {
-  blur: FormInputEvent<FocusEvent>;
-  change: FormInputEvent<Event>;
-  click: FormInputEvent<MouseEvent>;
-  focus: FormInputEvent<FocusEvent>;
-  focusin: FormInputEvent<FocusEvent>;
-  focusout: FormInputEvent<FocusEvent>;
-  keydown: FormInputEvent<KeyboardEvent>;
-  keypress: FormInputEvent<KeyboardEvent>;
-  keyup: FormInputEvent<KeyboardEvent>;
-  mouseover: FormInputEvent<MouseEvent>;
-  mouseenter: FormInputEvent<MouseEvent>;
-  mouseleave: FormInputEvent<MouseEvent>;
-  paste: FormInputEvent<ClipboardEvent>;
-  input: FormInputEvent<InputEvent>;
-};
+  blur: FormInputEvent<FocusEvent>
+  change: FormInputEvent<Event>
+  click: FormInputEvent<MouseEvent>
+  focus: FormInputEvent<FocusEvent>
+  focusin: FormInputEvent<FocusEvent>
+  focusout: FormInputEvent<FocusEvent>
+  keydown: FormInputEvent<KeyboardEvent>
+  keypress: FormInputEvent<KeyboardEvent>
+  keyup: FormInputEvent<KeyboardEvent>
+  mouseover: FormInputEvent<MouseEvent>
+  mouseenter: FormInputEvent<MouseEvent>
+  mouseleave: FormInputEvent<MouseEvent>
+  paste: FormInputEvent<ClipboardEvent>
+  input: FormInputEvent<InputEvent>
+}
 
 export {
   Root,
   //
   Root as Input
-};
+}
diff --git a/src/lib/components/ui/input/input.svelte b/src/lib/components/ui/input/input.svelte
index e558f02..5a8eda8 100644
--- a/src/lib/components/ui/input/input.svelte
+++ b/src/lib/components/ui/input/input.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import type { HTMLInputAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
-  import type { InputEvents } from '.';
+  import type { HTMLInputAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
+  import type { InputEvents } from '.'
 
-  type $$Props = HTMLInputAttributes;
-  type $$Events = InputEvents;
+  type $$Props = HTMLInputAttributes
+  type $$Events = InputEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value'] = undefined
+  export { className as class }
 </script>
 
 <input
@@ -31,4 +31,5 @@
   on:mouseleave
   on:paste
   on:input
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/label/index.ts b/src/lib/components/ui/label/index.ts
index d190775..3bd10c4 100644
--- a/src/lib/components/ui/label/index.ts
+++ b/src/lib/components/ui/label/index.ts
@@ -1,7 +1,7 @@
-import Root from './label.svelte';
+import Root from './label.svelte'
 
 export {
   Root,
   //
   Root as Label
-};
+}
diff --git a/src/lib/components/ui/label/label.svelte b/src/lib/components/ui/label/label.svelte
index 0d395e2..f2aa813 100644
--- a/src/lib/components/ui/label/label.svelte
+++ b/src/lib/components/ui/label/label.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Label as LabelPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Label as LabelPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = LabelPrimitive.Props;
-  type $$Events = LabelPrimitive.Events;
+  type $$Props = LabelPrimitive.Props
+  type $$Events = LabelPrimitive.Events
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <LabelPrimitive.Root
@@ -15,6 +15,7 @@
     className
   )}
   {...$$restProps}
-  on:mousedown>
+  on:mousedown
+>
   <slot />
 </LabelPrimitive.Root>
diff --git a/src/lib/components/ui/menubar/index.ts b/src/lib/components/ui/menubar/index.ts
index afa4416..9b2bdc0 100644
--- a/src/lib/components/ui/menubar/index.ts
+++ b/src/lib/components/ui/menubar/index.ts
@@ -1,21 +1,21 @@
-import { Menubar as MenubarPrimitive } from 'bits-ui';
+import { Menubar as MenubarPrimitive } from 'bits-ui'
 
-import Root from './menubar.svelte';
-import CheckboxItem from './menubar-checkbox-item.svelte';
-import Content from './menubar-content.svelte';
-import Item from './menubar-item.svelte';
-import Label from './menubar-label.svelte';
-import RadioItem from './menubar-radio-item.svelte';
-import Separator from './menubar-separator.svelte';
-import Shortcut from './menubar-shortcut.svelte';
-import SubContent from './menubar-sub-content.svelte';
-import SubTrigger from './menubar-sub-trigger.svelte';
-import Trigger from './menubar-trigger.svelte';
+import Root from './menubar.svelte'
+import CheckboxItem from './menubar-checkbox-item.svelte'
+import Content from './menubar-content.svelte'
+import Item from './menubar-item.svelte'
+import Label from './menubar-label.svelte'
+import RadioItem from './menubar-radio-item.svelte'
+import Separator from './menubar-separator.svelte'
+import Shortcut from './menubar-shortcut.svelte'
+import SubContent from './menubar-sub-content.svelte'
+import SubTrigger from './menubar-sub-trigger.svelte'
+import Trigger from './menubar-trigger.svelte'
 
-const Menu = MenubarPrimitive.Menu;
-const Group = MenubarPrimitive.Group;
-const Sub = MenubarPrimitive.Sub;
-const RadioGroup = MenubarPrimitive.RadioGroup;
+const Menu = MenubarPrimitive.Menu
+const Group = MenubarPrimitive.Group
+const Sub = MenubarPrimitive.Sub
+const RadioGroup = MenubarPrimitive.RadioGroup
 
 export {
   Root,
@@ -49,4 +49,4 @@ export {
   Group as MenubarGroup,
   Sub as MenubarSub,
   RadioGroup as MenubarRadioGroup
-};
+}
diff --git a/src/lib/components/ui/menubar/menubar-checkbox-item.svelte b/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
index fb437dc..76bc041 100644
--- a/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
+++ b/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { Check } from 'lucide-svelte';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { Check } from 'lucide-svelte'
 
-  type $$Props = MenubarPrimitive.CheckboxItemProps;
-  type $$Events = MenubarPrimitive.CheckboxItemEvents;
+  type $$Props = MenubarPrimitive.CheckboxItemProps
+  type $$Events = MenubarPrimitive.CheckboxItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let checked: $$Props['checked'] = false;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let checked: $$Props['checked'] = false
+  export { className as class }
 </script>
 
 <MenubarPrimitive.CheckboxItem
@@ -24,7 +24,8 @@
   on:pointerleave
   on:pointermove
   on:pointerdown
-  {...$$restProps}>
+  {...$$restProps}
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <MenubarPrimitive.CheckboxIndicator>
       <Check class="h-4 w-4" />
diff --git a/src/lib/components/ui/menubar/menubar-content.svelte b/src/lib/components/ui/menubar/menubar-content.svelte
index dae9baf..9df00f8 100644
--- a/src/lib/components/ui/menubar/menubar-content.svelte
+++ b/src/lib/components/ui/menubar/menubar-content.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = MenubarPrimitive.ContentProps;
-  type $$Events = MenubarPrimitive.ContentEvents;
+  type $$Props = MenubarPrimitive.ContentProps
+  type $$Events = MenubarPrimitive.ContentEvents
 
-  let className: $$Props['class'] = undefined;
-  export let sideOffset: $$Props['sideOffset'] = 8;
-  export let alignOffset: $$Props['alignOffset'] = -4;
-  export let align: $$Props['align'] = 'start';
-  export let side: $$Props['side'] = 'bottom';
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let sideOffset: $$Props['sideOffset'] = 8
+  export let alignOffset: $$Props['alignOffset'] = -4
+  export let align: $$Props['align'] = 'start'
+  export let side: $$Props['side'] = 'bottom'
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.Content
@@ -27,6 +27,7 @@
     className
   )}
   {...$$restProps}
-  on:keydown>
+  on:keydown
+>
   <slot />
 </MenubarPrimitive.Content>
diff --git a/src/lib/components/ui/menubar/menubar-item.svelte b/src/lib/components/ui/menubar/menubar-item.svelte
index 80c73fe..402e3a4 100644
--- a/src/lib/components/ui/menubar/menubar-item.svelte
+++ b/src/lib/components/ui/menubar/menubar-item.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
   type $$Props = MenubarPrimitive.ItemProps & {
-    inset?: boolean;
-  };
-  type $$Events = MenubarPrimitive.ItemEvents;
+    inset?: boolean
+  }
+  type $$Events = MenubarPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.Item
@@ -25,6 +25,7 @@
   on:focusout
   on:pointerleave
   on:pointermove
-  on:pointerdown>
+  on:pointerdown
+>
   <slot />
 </MenubarPrimitive.Item>
diff --git a/src/lib/components/ui/menubar/menubar-label.svelte b/src/lib/components/ui/menubar/menubar-label.svelte
index b75c288..b96c2ea 100644
--- a/src/lib/components/ui/menubar/menubar-label.svelte
+++ b/src/lib/components/ui/menubar/menubar-label.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
   type $$Props = MenubarPrimitive.LabelProps & {
-    inset?: boolean;
-  };
+    inset?: boolean
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.Label
   class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </MenubarPrimitive.Label>
diff --git a/src/lib/components/ui/menubar/menubar-radio-item.svelte b/src/lib/components/ui/menubar/menubar-radio-item.svelte
index 7af21de..3269e08 100644
--- a/src/lib/components/ui/menubar/menubar-radio-item.svelte
+++ b/src/lib/components/ui/menubar/menubar-radio-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { Circle } from 'lucide-svelte';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { Circle } from 'lucide-svelte'
 
-  type $$Props = MenubarPrimitive.RadioItemProps;
-  type $$Events = MenubarPrimitive.RadioItemEvents;
+  type $$Props = MenubarPrimitive.RadioItemProps
+  type $$Events = MenubarPrimitive.RadioItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export { className as class }
 </script>
 
 <MenubarPrimitive.RadioItem
@@ -24,7 +24,8 @@
   on:focusout
   on:pointerleave
   on:pointermove
-  on:pointerdown>
+  on:pointerdown
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <MenubarPrimitive.RadioIndicator>
       <Circle class="h-2 w-2 fill-current" />
diff --git a/src/lib/components/ui/menubar/menubar-separator.svelte b/src/lib/components/ui/menubar/menubar-separator.svelte
index e3621d1..6bc0fec 100644
--- a/src/lib/components/ui/menubar/menubar-separator.svelte
+++ b/src/lib/components/ui/menubar/menubar-separator.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = MenubarPrimitive.SeparatorProps;
+  type $$Props = MenubarPrimitive.SeparatorProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.Separator
   class={cn('-mx-1 my-1 h-px bg-muted', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/menubar/menubar-shortcut.svelte b/src/lib/components/ui/menubar/menubar-shortcut.svelte
index 3e391a0..80f1db8 100644
--- a/src/lib/components/ui/menubar/menubar-shortcut.svelte
+++ b/src/lib/components/ui/menubar/menubar-shortcut.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <span
   class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </span>
diff --git a/src/lib/components/ui/menubar/menubar-sub-content.svelte b/src/lib/components/ui/menubar/menubar-sub-content.svelte
index 58d9601..4edcfd5 100644
--- a/src/lib/components/ui/menubar/menubar-sub-content.svelte
+++ b/src/lib/components/ui/menubar/menubar-sub-content.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = MenubarPrimitive.SubContentProps;
-  type $$Events = MenubarPrimitive.SubContentEvents;
+  type $$Props = MenubarPrimitive.SubContentProps
+  type $$Events = MenubarPrimitive.SubContentEvents
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = { x: -10, y: 0 };
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = { x: -10, y: 0 }
+  export { className as class }
 </script>
 
 <MenubarPrimitive.SubContent
@@ -21,6 +21,7 @@
   {...$$restProps}
   on:focusout
   on:pointermove
-  on:keydown>
+  on:keydown
+>
   <slot />
 </MenubarPrimitive.SubContent>
diff --git a/src/lib/components/ui/menubar/menubar-sub-trigger.svelte b/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
index 181c8f0..883c132 100644
--- a/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
+++ b/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { ChevronRight } from 'lucide-svelte';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { ChevronRight } from 'lucide-svelte'
 
   type $$Props = MenubarPrimitive.SubTriggerProps & {
-    inset?: boolean;
-  };
-  type $$Events = MenubarPrimitive.SubTriggerEvents;
+    inset?: boolean
+  }
+  type $$Events = MenubarPrimitive.SubTriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export let inset: $$Props['inset'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let inset: $$Props['inset'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.SubTrigger
@@ -25,7 +25,8 @@
   on:focusin
   on:focusout
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
   <ChevronRight class="ml-auto h-4 w-4" />
 </MenubarPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/menubar/menubar-trigger.svelte b/src/lib/components/ui/menubar/menubar-trigger.svelte
index 23bea10..3b7f9fb 100644
--- a/src/lib/components/ui/menubar/menubar-trigger.svelte
+++ b/src/lib/components/ui/menubar/menubar-trigger.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = MenubarPrimitive.TriggerProps;
-  type $$Events = MenubarPrimitive.TriggerEvents;
+  type $$Props = MenubarPrimitive.TriggerProps
+  type $$Events = MenubarPrimitive.TriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.Trigger
@@ -17,6 +17,7 @@
   on:click
   on:keydown
   on:pointerenter
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </MenubarPrimitive.Trigger>
diff --git a/src/lib/components/ui/menubar/menubar.svelte b/src/lib/components/ui/menubar/menubar.svelte
index 3c71842..5afbb08 100644
--- a/src/lib/components/ui/menubar/menubar.svelte
+++ b/src/lib/components/ui/menubar/menubar.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Menubar as MenubarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Menubar as MenubarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = MenubarPrimitive.Props;
+  type $$Props = MenubarPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <MenubarPrimitive.Root
@@ -13,6 +13,7 @@
     'flex h-10 items-center space-x-1 rounded-md border bg-background p-1',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </MenubarPrimitive.Root>
diff --git a/src/lib/components/ui/pagination/index.ts b/src/lib/components/ui/pagination/index.ts
index 41a4d64..a272a99 100644
--- a/src/lib/components/ui/pagination/index.ts
+++ b/src/lib/components/ui/pagination/index.ts
@@ -1,10 +1,10 @@
-import Root from './pagination.svelte';
-import Content from './pagination-content.svelte';
-import Item from './pagination-item.svelte';
-import Link from './pagination-link.svelte';
-import PrevButton from './pagination-prev-button.svelte';
-import NextButton from './pagination-next-button.svelte';
-import Ellipsis from './pagination-ellipsis.svelte';
+import Root from './pagination.svelte'
+import Content from './pagination-content.svelte'
+import Item from './pagination-item.svelte'
+import Link from './pagination-link.svelte'
+import PrevButton from './pagination-prev-button.svelte'
+import NextButton from './pagination-next-button.svelte'
+import Ellipsis from './pagination-ellipsis.svelte'
 export {
   Root,
   Content,
@@ -21,4 +21,4 @@ export {
   PrevButton as PaginationPrevButton,
   NextButton as PaginationNextButton,
   Ellipsis as PaginationEllipsis
-};
+}
diff --git a/src/lib/components/ui/pagination/pagination-content.svelte b/src/lib/components/ui/pagination/pagination-content.svelte
index 3cd6198..e7db729 100644
--- a/src/lib/components/ui/pagination/pagination-content.svelte
+++ b/src/lib/components/ui/pagination/pagination-content.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLUListElement>;
+  type $$Props = HTMLAttributes<HTMLUListElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <ul class={cn('flex flex-row items-center gap-1', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
index 8044942..dc200ff 100644
--- a/src/lib/components/ui/pagination/pagination-ellipsis.svelte
+++ b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import { MoreHorizontal } from 'lucide-svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import { MoreHorizontal } from 'lucide-svelte'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <span
   aria-hidden
   class={cn('flex h-9 w-9 items-center justify-center', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <MoreHorizontal class="h-4 w-4" />
   <span class="sr-only">More pages</span>
 </span>
diff --git a/src/lib/components/ui/pagination/pagination-item.svelte b/src/lib/components/ui/pagination/pagination-item.svelte
index 73d5ff5..470a7f8 100644
--- a/src/lib/components/ui/pagination/pagination-item.svelte
+++ b/src/lib/components/ui/pagination/pagination-item.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLLIElement>;
-  let className: $$Props['class'] = undefined;
+  type $$Props = HTMLAttributes<HTMLLIElement>
+  let className: $$Props['class'] = undefined
 
-  export { className as class };
+  export { className as class }
 </script>
 
 <li class={cn('', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/pagination/pagination-link.svelte b/src/lib/components/ui/pagination/pagination-link.svelte
index a67bd50..1a71de3 100644
--- a/src/lib/components/ui/pagination/pagination-link.svelte
+++ b/src/lib/components/ui/pagination/pagination-link.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-  import { Pagination as PaginationPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { buttonVariants, type Props } from '$lib/components/ui/button';
+  import { Pagination as PaginationPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { buttonVariants, type Props } from '$lib/components/ui/button'
 
   type $$Props = PaginationPrimitive.PageProps &
     Props & {
-      isActive: boolean;
-    };
+      isActive: boolean
+    }
 
-  type $$Events = PaginationPrimitive.PageEvents;
+  type $$Events = PaginationPrimitive.PageEvents
 
-  let className: $$Props['class'] = undefined;
-  export let page: $$Props['page'];
-  export let size: $$Props['size'] = 'icon';
-  export let isActive: $$Props['isActive'] = false;
+  let className: $$Props['class'] = undefined
+  export let page: $$Props['page']
+  export let size: $$Props['size'] = 'icon'
+  export let isActive: $$Props['isActive'] = false
 
-  export { className as class };
+  export { className as class }
 </script>
 
 <PaginationPrimitive.Page
@@ -28,6 +28,7 @@
     className
   )}
   {...$$restProps}
-  on:click>
+  on:click
+>
   <slot>{page.value}</slot>
 </PaginationPrimitive.Page>
diff --git a/src/lib/components/ui/pagination/pagination-next-button.svelte b/src/lib/components/ui/pagination/pagination-next-button.svelte
index 0251707..dc358f7 100644
--- a/src/lib/components/ui/pagination/pagination-next-button.svelte
+++ b/src/lib/components/ui/pagination/pagination-next-button.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Pagination as PaginationPrimitive } from 'bits-ui';
-  import { Button } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
-  import { ChevronRight } from 'lucide-svelte';
+  import { Pagination as PaginationPrimitive } from 'bits-ui'
+  import { Button } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
+  import { ChevronRight } from 'lucide-svelte'
 
-  type $$Props = PaginationPrimitive.NextButtonProps;
-  type $$Events = PaginationPrimitive.NextButtonEvents;
+  type $$Props = PaginationPrimitive.NextButtonProps
+  type $$Events = PaginationPrimitive.NextButtonEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <PaginationPrimitive.NextButton asChild let:builder>
@@ -17,7 +17,8 @@
     class={cn('gap-1 pr-2.5', className)}
     builders={[builder]}
     on:click
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot>
       <span>Next</span>
       <ChevronRight class="h-4 w-4" />
diff --git a/src/lib/components/ui/pagination/pagination-prev-button.svelte b/src/lib/components/ui/pagination/pagination-prev-button.svelte
index 05fabc3..65a92e3 100644
--- a/src/lib/components/ui/pagination/pagination-prev-button.svelte
+++ b/src/lib/components/ui/pagination/pagination-prev-button.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Pagination as PaginationPrimitive } from 'bits-ui';
-  import { Button } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
-  import { ChevronLeft } from 'lucide-svelte';
+  import { Pagination as PaginationPrimitive } from 'bits-ui'
+  import { Button } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
+  import { ChevronLeft } from 'lucide-svelte'
 
-  type $$Props = PaginationPrimitive.PrevButtonProps;
-  type $$Events = PaginationPrimitive.PrevButtonEvents;
+  type $$Props = PaginationPrimitive.PrevButtonProps
+  type $$Events = PaginationPrimitive.PrevButtonEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <PaginationPrimitive.PrevButton asChild let:builder>
@@ -17,7 +17,8 @@
     class={cn('gap-1 pl-2.5', className)}
     builders={[builder]}
     on:click
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot>
       <ChevronLeft class="h-4 w-4" />
       <span>Previous</span>
diff --git a/src/lib/components/ui/pagination/pagination.svelte b/src/lib/components/ui/pagination/pagination.svelte
index db889db..3a7ba83 100644
--- a/src/lib/components/ui/pagination/pagination.svelte
+++ b/src/lib/components/ui/pagination/pagination.svelte
@@ -1,20 +1,20 @@
 <script lang="ts">
-  import { Pagination as PaginationPrimitive } from 'bits-ui';
+  import { Pagination as PaginationPrimitive } from 'bits-ui'
 
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = PaginationPrimitive.Props;
-  type $$Events = PaginationPrimitive.Events;
+  type $$Props = PaginationPrimitive.Props
+  type $$Events = PaginationPrimitive.Events
 
-  let className: $$Props['class'] = undefined;
-  export let count: $$Props['count'] = 0;
-  export let perPage: $$Props['perPage'] = 10;
-  export let page: $$Props['page'] = 1;
-  export let siblingCount: $$Props['siblingCount'] = 1;
+  let className: $$Props['class'] = undefined
+  export let count: $$Props['count'] = 0
+  export let perPage: $$Props['perPage'] = 10
+  export let page: $$Props['page'] = 1
+  export let siblingCount: $$Props['siblingCount'] = 1
 
-  export { className as class };
+  export { className as class }
 
-  $: currentPage = page;
+  $: currentPage = page
 </script>
 
 <PaginationPrimitive.Root
@@ -26,10 +26,12 @@
   let:pages
   let:range
   asChild
-  {...$$restProps}>
+  {...$$restProps}
+>
   <nav
     {...builder}
-    class={cn('mx-auto flex w-full flex-col items-center', className)}>
+    class={cn('mx-auto flex w-full flex-col items-center', className)}
+  >
     <slot {pages} {range} {currentPage} />
   </nav>
 </PaginationPrimitive.Root>
diff --git a/src/lib/components/ui/popover/index.ts b/src/lib/components/ui/popover/index.ts
index b4d3e19..fcd5d18 100644
--- a/src/lib/components/ui/popover/index.ts
+++ b/src/lib/components/ui/popover/index.ts
@@ -1,7 +1,7 @@
-import { Popover as PopoverPrimitive } from 'bits-ui';
-import Content from './popover-content.svelte';
-const Root = PopoverPrimitive.Root;
-const Trigger = PopoverPrimitive.Trigger;
+import { Popover as PopoverPrimitive } from 'bits-ui'
+import Content from './popover-content.svelte'
+const Root = PopoverPrimitive.Root
+const Trigger = PopoverPrimitive.Trigger
 
 export {
   Root,
@@ -11,4 +11,4 @@ export {
   Root as Popover,
   Content as PopoverContent,
   Trigger as PopoverTrigger
-};
+}
diff --git a/src/lib/components/ui/popover/popover-content.svelte b/src/lib/components/ui/popover/popover-content.svelte
index c445128..927b59a 100644
--- a/src/lib/components/ui/popover/popover-content.svelte
+++ b/src/lib/components/ui/popover/popover-content.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Popover as PopoverPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { Popover as PopoverPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = PopoverPrimitive.ContentProps;
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = flyAndScale;
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
-  export { className as class };
+  type $$Props = PopoverPrimitive.ContentProps
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = flyAndScale
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
+  export { className as class }
 </script>
 
 <PopoverPrimitive.Content
@@ -16,6 +16,7 @@
     'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </PopoverPrimitive.Content>
diff --git a/src/lib/components/ui/progress/index.ts b/src/lib/components/ui/progress/index.ts
index 8685886..a75622c 100644
--- a/src/lib/components/ui/progress/index.ts
+++ b/src/lib/components/ui/progress/index.ts
@@ -1,7 +1,7 @@
-import Root from './progress.svelte';
+import Root from './progress.svelte'
 
 export {
   Root,
   //
   Root as Progress
-};
+}
diff --git a/src/lib/components/ui/progress/progress.svelte b/src/lib/components/ui/progress/progress.svelte
index fe59621..f4d23b6 100644
--- a/src/lib/components/ui/progress/progress.svelte
+++ b/src/lib/components/ui/progress/progress.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Progress as ProgressPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Progress as ProgressPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = ProgressPrimitive.Props;
+  type $$Props = ProgressPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export let max: $$Props['max'] = 100;
-  export let value: $$Props['value'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let max: $$Props['max'] = 100
+  export let value: $$Props['value'] = undefined
+  export { className as class }
 </script>
 
 <ProgressPrimitive.Root
@@ -15,8 +15,10 @@
     'relative h-4 w-full overflow-hidden rounded-full bg-secondary',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <div
     class="h-full w-full flex-1 bg-primary transition-all"
-    style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`} />
+    style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
+  />
 </ProgressPrimitive.Root>
diff --git a/src/lib/components/ui/radio-group/index.ts b/src/lib/components/ui/radio-group/index.ts
index f9da1ae..54291cc 100644
--- a/src/lib/components/ui/radio-group/index.ts
+++ b/src/lib/components/ui/radio-group/index.ts
@@ -1,8 +1,8 @@
-import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
+import { RadioGroup as RadioGroupPrimitive } from 'bits-ui'
 
-import Root from './radio-group.svelte';
-import Item from './radio-group-item.svelte';
-const Input = RadioGroupPrimitive.Input;
+import Root from './radio-group.svelte'
+import Item from './radio-group-item.svelte'
+const Input = RadioGroupPrimitive.Input
 
 export {
   Root,
@@ -12,4 +12,4 @@ export {
   Root as RadioGroup,
   Input as RadioGroupInput,
   Item as RadioGroupItem
-};
+}
diff --git a/src/lib/components/ui/radio-group/radio-group-item.svelte b/src/lib/components/ui/radio-group/radio-group-item.svelte
index 3cd99d2..0812793 100644
--- a/src/lib/components/ui/radio-group/radio-group-item.svelte
+++ b/src/lib/components/ui/radio-group/radio-group-item.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
-  import { Circle } from 'lucide-svelte';
-  import { cn } from '$lib/utils';
+  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui'
+  import { Circle } from 'lucide-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RadioGroupPrimitive.ItemProps;
-  type $$Events = RadioGroupPrimitive.ItemEvents;
+  type $$Props = RadioGroupPrimitive.ItemProps
+  type $$Events = RadioGroupPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export { className as class }
 </script>
 
 <RadioGroupPrimitive.Item
@@ -18,7 +18,8 @@
     className
   )}
   {...$$restProps}
-  on:click>
+  on:click
+>
   <div class="flex items-center justify-center">
     <RadioGroupPrimitive.ItemIndicator>
       <Circle class="h-2.5 w-2.5 fill-current text-current" />
diff --git a/src/lib/components/ui/radio-group/radio-group.svelte b/src/lib/components/ui/radio-group/radio-group.svelte
index 08d65c7..aff85e0 100644
--- a/src/lib/components/ui/radio-group/radio-group.svelte
+++ b/src/lib/components/ui/radio-group/radio-group.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RadioGroupPrimitive.Props;
+  type $$Props = RadioGroupPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value'] = undefined
+  export { className as class }
 </script>
 
 <RadioGroupPrimitive.Root
   bind:value
   class={cn('grid gap-2', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </RadioGroupPrimitive.Root>
diff --git a/src/lib/components/ui/range-calendar/index.ts b/src/lib/components/ui/range-calendar/index.ts
index a41ef7c..a5337a0 100644
--- a/src/lib/components/ui/range-calendar/index.ts
+++ b/src/lib/components/ui/range-calendar/index.ts
@@ -1,16 +1,16 @@
-import Root from './range-calendar.svelte';
-import Cell from './range-calendar-cell.svelte';
-import Day from './range-calendar-day.svelte';
-import Grid from './range-calendar-grid.svelte';
-import Header from './range-calendar-header.svelte';
-import Months from './range-calendar-months.svelte';
-import GridRow from './range-calendar-grid-row.svelte';
-import Heading from './range-calendar-heading.svelte';
-import GridBody from './range-calendar-grid-body.svelte';
-import GridHead from './range-calendar-grid-head.svelte';
-import HeadCell from './range-calendar-head-cell.svelte';
-import NextButton from './range-calendar-next-button.svelte';
-import PrevButton from './range-calendar-prev-button.svelte';
+import Root from './range-calendar.svelte'
+import Cell from './range-calendar-cell.svelte'
+import Day from './range-calendar-day.svelte'
+import Grid from './range-calendar-grid.svelte'
+import Header from './range-calendar-header.svelte'
+import Months from './range-calendar-months.svelte'
+import GridRow from './range-calendar-grid-row.svelte'
+import Heading from './range-calendar-heading.svelte'
+import GridBody from './range-calendar-grid-body.svelte'
+import GridHead from './range-calendar-grid-head.svelte'
+import HeadCell from './range-calendar-head-cell.svelte'
+import NextButton from './range-calendar-next-button.svelte'
+import PrevButton from './range-calendar-prev-button.svelte'
 
 export {
   Day,
@@ -27,4 +27,4 @@ export {
   PrevButton,
   //
   Root as RangeCalendar
-};
+}
diff --git a/src/lib/components/ui/range-calendar/range-calendar-cell.svelte b/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
index 25226b1..5dbbfd8 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.CellProps;
+  type $$Props = RangeCalendarPrimitive.CellProps
 
-  export let date: $$Props['date'];
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let date: $$Props['date']
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.Cell
@@ -15,6 +15,7 @@
     'relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </RangeCalendarPrimitive.Cell>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-day.svelte b/src/lib/components/ui/range-calendar/range-calendar-day.svelte
index 681973d..96bc003 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-day.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-day.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.DayProps;
-  type $$Events = RangeCalendarPrimitive.DayEvents;
+  type $$Props = RangeCalendarPrimitive.DayProps
+  type $$Events = RangeCalendarPrimitive.DayEvents
 
-  export let date: $$Props['date'];
-  export let month: $$Props['month'];
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  export let date: $$Props['date']
+  export let month: $$Props['month']
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.Day
@@ -35,7 +35,8 @@
   {...$$restProps}
   let:disabled
   let:unavailable
-  let:builder>
+  let:builder
+>
   <slot {disabled} {unavailable} {builder}>
     {date.day}
   </slot>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
index a0bb966..f703342 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.GridBodyProps;
+  type $$Props = RangeCalendarPrimitive.GridBodyProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.GridBody class={cn(className)} {...$$restProps}>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
index 016daa5..03043f7 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.GridHeadProps;
+  type $$Props = RangeCalendarPrimitive.GridHeadProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.GridHead class={cn(className)} {...$$restProps}>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
index 9659bfd..ec27b02 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.GridRowProps;
+  type $$Props = RangeCalendarPrimitive.GridRowProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.GridRow class={cn('flex', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-grid.svelte b/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
index 3a7a3b7..5b50055 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.GridProps;
+  type $$Props = RangeCalendarPrimitive.GridProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.Grid
   class={cn('w-full border-collapse space-y-1', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </RangeCalendarPrimitive.Grid>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte b/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
index fea6f86..c68a331 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.HeadCellProps;
+  type $$Props = RangeCalendarPrimitive.HeadCellProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.HeadCell
@@ -13,6 +13,7 @@
     'w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </RangeCalendarPrimitive.HeadCell>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-header.svelte b/src/lib/components/ui/range-calendar/range-calendar-header.svelte
index a9c35e8..3c79ed7 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-header.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-header.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.HeaderProps;
+  type $$Props = RangeCalendarPrimitive.HeaderProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.Header
@@ -13,6 +13,7 @@
     'relative flex w-full items-center justify-between pt-1',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </RangeCalendarPrimitive.Header>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-heading.svelte b/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
index dea6565..0954383 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.HeadingProps;
+  type $$Props = RangeCalendarPrimitive.HeadingProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.Heading
   let:headingValue
   class={cn('text-sm font-medium', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot {headingValue}>
     {headingValue}
   </slot>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-months.svelte b/src/lib/components/ui/range-calendar/range-calendar-months.svelte
index b7447be..6882184 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-months.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-months.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
@@ -13,6 +13,7 @@
     'mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte b/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
index aca2c2c..0b503c1 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { ChevronRight } from 'lucide-svelte';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { ChevronRight } from 'lucide-svelte'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.NextButtonProps;
-  type $$Events = RangeCalendarPrimitive.NextButtonEvents;
+  type $$Props = RangeCalendarPrimitive.NextButtonProps
+  type $$Events = RangeCalendarPrimitive.NextButtonEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.NextButton
@@ -19,7 +19,8 @@
     className
   )}
   {...$$restProps}
-  let:builder>
+  let:builder
+>
   <slot {builder}>
     <ChevronRight class="h-4 w-4" />
   </slot>
diff --git a/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte b/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
index b5331ca..e20e787 100644
--- a/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import { ChevronLeft } from 'lucide-svelte';
-  import { buttonVariants } from '$lib/components/ui/button';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import { ChevronLeft } from 'lucide-svelte'
+  import { buttonVariants } from '$lib/components/ui/button'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.PrevButtonProps;
-  type $$Events = RangeCalendarPrimitive.PrevButtonEvents;
+  type $$Props = RangeCalendarPrimitive.PrevButtonProps
+  type $$Events = RangeCalendarPrimitive.PrevButtonEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.PrevButton
@@ -19,7 +19,8 @@
     className
   )}
   {...$$restProps}
-  let:builder>
+  let:builder
+>
   <slot {builder}>
     <ChevronLeft class="h-4 w-4" />
   </slot>
diff --git a/src/lib/components/ui/range-calendar/range-calendar.svelte b/src/lib/components/ui/range-calendar/range-calendar.svelte
index f2ec462..e877c61 100644
--- a/src/lib/components/ui/range-calendar/range-calendar.svelte
+++ b/src/lib/components/ui/range-calendar/range-calendar.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-  import * as RangeCalendar from '.';
-  import { cn } from '$lib/utils';
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui'
+  import * as RangeCalendar from '.'
+  import { cn } from '$lib/utils'
 
-  type $$Props = RangeCalendarPrimitive.Props;
-  type $$Events = RangeCalendarPrimitive.Events;
+  type $$Props = RangeCalendarPrimitive.Props
+  type $$Events = RangeCalendarPrimitive.Events
 
-  export let value: $$Props['value'] = undefined;
-  export let placeholder: $$Props['placeholder'] = undefined;
-  export let weekdayFormat: $$Props['weekdayFormat'] = 'short';
-  export let startValue: $$Props['startValue'] = undefined;
+  export let value: $$Props['value'] = undefined
+  export let placeholder: $$Props['placeholder'] = undefined
+  export let weekdayFormat: $$Props['weekdayFormat'] = 'short'
+  export let startValue: $$Props['startValue'] = undefined
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <RangeCalendarPrimitive.Root
@@ -24,7 +24,8 @@
   class={cn('p-3', className)}
   {...$$restProps}
   let:months
-  let:weekdays>
+  let:weekdays
+>
   <RangeCalendar.Header>
     <RangeCalendar.PrevButton />
     <RangeCalendar.Heading />
diff --git a/src/lib/components/ui/select/index.ts b/src/lib/components/ui/select/index.ts
index bf82908..d06431b 100644
--- a/src/lib/components/ui/select/index.ts
+++ b/src/lib/components/ui/select/index.ts
@@ -1,15 +1,15 @@
-import { Select as SelectPrimitive } from 'bits-ui';
+import { Select as SelectPrimitive } from 'bits-ui'
 
-import Label from './select-label.svelte';
-import Item from './select-item.svelte';
-import Content from './select-content.svelte';
-import Trigger from './select-trigger.svelte';
-import Separator from './select-separator.svelte';
+import Label from './select-label.svelte'
+import Item from './select-item.svelte'
+import Content from './select-content.svelte'
+import Trigger from './select-trigger.svelte'
+import Separator from './select-separator.svelte'
 
-const Root = SelectPrimitive.Root;
-const Group = SelectPrimitive.Group;
-const Input = SelectPrimitive.Input;
-const Value = SelectPrimitive.Value;
+const Root = SelectPrimitive.Root
+const Group = SelectPrimitive.Group
+const Input = SelectPrimitive.Input
+const Value = SelectPrimitive.Value
 
 export {
   Root,
@@ -31,4 +31,4 @@ export {
   Content as SelectContent,
   Trigger as SelectTrigger,
   Separator as SelectSeparator
-};
+}
diff --git a/src/lib/components/ui/select/select-content.svelte b/src/lib/components/ui/select/select-content.svelte
index cce434d..c0e5373 100644
--- a/src/lib/components/ui/select/select-content.svelte
+++ b/src/lib/components/ui/select/select-content.svelte
@@ -1,23 +1,23 @@
 <script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
-  import { scale } from 'svelte/transition';
+  import { Select as SelectPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
+  import { scale } from 'svelte/transition'
 
-  type $$Props = SelectPrimitive.ContentProps;
-  type $$Events = SelectPrimitive.ContentEvents;
+  type $$Props = SelectPrimitive.ContentProps
+  type $$Events = SelectPrimitive.ContentEvents
 
-  export let sideOffset: $$Props['sideOffset'] = 4;
-  export let inTransition: $$Props['inTransition'] = flyAndScale;
-  export let inTransitionConfig: $$Props['inTransitionConfig'] = undefined;
-  export let outTransition: $$Props['outTransition'] = scale;
+  export let sideOffset: $$Props['sideOffset'] = 4
+  export let inTransition: $$Props['inTransition'] = flyAndScale
+  export let inTransitionConfig: $$Props['inTransitionConfig'] = undefined
+  export let outTransition: $$Props['outTransition'] = scale
   export let outTransitionConfig: $$Props['outTransitionConfig'] = {
     start: 0.95,
     opacity: 0,
     duration: 50
-  };
+  }
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SelectPrimitive.Content
@@ -31,7 +31,8 @@
     className
   )}
   {...$$restProps}
-  on:keydown>
+  on:keydown
+>
   <div class="w-full p-1">
     <slot />
   </div>
diff --git a/src/lib/components/ui/select/select-item.svelte b/src/lib/components/ui/select/select-item.svelte
index 4fdffb7..1e64146 100644
--- a/src/lib/components/ui/select/select-item.svelte
+++ b/src/lib/components/ui/select/select-item.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { Check } from 'lucide-svelte';
+  import { cn } from '$lib/utils'
+  import { Select as SelectPrimitive } from 'bits-ui'
+  import { Check } from 'lucide-svelte'
 
-  type $$Props = SelectPrimitive.ItemProps;
-  type $$Events = SelectPrimitive.ItemEvents;
+  type $$Props = SelectPrimitive.ItemProps
+  type $$Events = SelectPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export let label: $$Props['label'] = undefined;
-  export let disabled: $$Props['disabled'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export let label: $$Props['label'] = undefined
+  export let disabled: $$Props['disabled'] = undefined
+  export { className as class }
 </script>
 
 <SelectPrimitive.Item
@@ -27,7 +27,8 @@
   on:focusin
   on:focusout
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
     <SelectPrimitive.ItemIndicator>
       <Check class="h-4 w-4" />
diff --git a/src/lib/components/ui/select/select-label.svelte b/src/lib/components/ui/select/select-label.svelte
index 46f9aa3..e37bec4 100644
--- a/src/lib/components/ui/select/select-label.svelte
+++ b/src/lib/components/ui/select/select-label.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Select as SelectPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SelectPrimitive.LabelProps;
+  type $$Props = SelectPrimitive.LabelProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SelectPrimitive.Label
   class={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </SelectPrimitive.Label>
diff --git a/src/lib/components/ui/select/select-separator.svelte b/src/lib/components/ui/select/select-separator.svelte
index 21b69aa..f9385c7 100644
--- a/src/lib/components/ui/select/select-separator.svelte
+++ b/src/lib/components/ui/select/select-separator.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Select as SelectPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SelectPrimitive.SeparatorProps;
+  type $$Props = SelectPrimitive.SeparatorProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SelectPrimitive.Separator
   class={cn('-mx-1 my-1 h-px bg-muted', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/select/select-trigger.svelte b/src/lib/components/ui/select/select-trigger.svelte
index 861997f..9e6ed90 100644
--- a/src/lib/components/ui/select/select-trigger.svelte
+++ b/src/lib/components/ui/select/select-trigger.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { ChevronDown } from 'lucide-svelte';
-  import { cn } from '$lib/utils';
+  import { Select as SelectPrimitive } from 'bits-ui'
+  import { ChevronDown } from 'lucide-svelte'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SelectPrimitive.TriggerProps;
-  type $$Events = SelectPrimitive.TriggerEvents;
+  type $$Props = SelectPrimitive.TriggerProps
+  type $$Events = SelectPrimitive.TriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SelectPrimitive.Trigger
@@ -18,7 +18,8 @@
   {...$$restProps}
   let:builder
   on:click
-  on:keydown>
+  on:keydown
+>
   <slot {builder} />
   <div>
     <ChevronDown class="h-4 w-4 opacity-50" />
diff --git a/src/lib/components/ui/separator/index.ts b/src/lib/components/ui/separator/index.ts
index 2402e13..28f2ff2 100644
--- a/src/lib/components/ui/separator/index.ts
+++ b/src/lib/components/ui/separator/index.ts
@@ -1,7 +1,7 @@
-import Root from './separator.svelte';
+import Root from './separator.svelte'
 
 export {
   Root,
   //
   Root as Separator
-};
+}
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
index 43e704c..aaa7803 100644
--- a/src/lib/components/ui/separator/separator.svelte
+++ b/src/lib/components/ui/separator/separator.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Separator as SeparatorPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Separator as SeparatorPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SeparatorPrimitive.Props;
+  type $$Props = SeparatorPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export let orientation: $$Props['orientation'] = 'horizontal';
-  export let decorative: $$Props['decorative'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let orientation: $$Props['orientation'] = 'horizontal'
+  export let decorative: $$Props['decorative'] = undefined
+  export { className as class }
 </script>
 
 <SeparatorPrimitive.Root
@@ -18,4 +18,5 @@
   )}
   {orientation}
   {decorative}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/sheet/index.ts b/src/lib/components/ui/sheet/index.ts
index 4e0d032..186ff5d 100644
--- a/src/lib/components/ui/sheet/index.ts
+++ b/src/lib/components/ui/sheet/index.ts
@@ -1,17 +1,17 @@
-import { Dialog as SheetPrimitive } from 'bits-ui';
-import { tv, type VariantProps } from 'tailwind-variants';
+import { Dialog as SheetPrimitive } from 'bits-ui'
+import { tv, type VariantProps } from 'tailwind-variants'
 
-import Portal from './sheet-portal.svelte';
-import Overlay from './sheet-overlay.svelte';
-import Content from './sheet-content.svelte';
-import Header from './sheet-header.svelte';
-import Footer from './sheet-footer.svelte';
-import Title from './sheet-title.svelte';
-import Description from './sheet-description.svelte';
+import Portal from './sheet-portal.svelte'
+import Overlay from './sheet-overlay.svelte'
+import Content from './sheet-content.svelte'
+import Header from './sheet-header.svelte'
+import Footer from './sheet-footer.svelte'
+import Title from './sheet-title.svelte'
+import Description from './sheet-description.svelte'
 
-const Root = SheetPrimitive.Root;
-const Close = SheetPrimitive.Close;
-const Trigger = SheetPrimitive.Trigger;
+const Root = SheetPrimitive.Root
+const Close = SheetPrimitive.Close
+const Trigger = SheetPrimitive.Trigger
 
 export {
   Root,
@@ -35,7 +35,7 @@ export {
   Footer as SheetFooter,
   Title as SheetTitle,
   Description as SheetDescription
-};
+}
 
 export const sheetVariants = tv({
   base: 'fixed z-50 gap-4 bg-background p-6 shadow-lg',
@@ -50,7 +50,7 @@ export const sheetVariants = tv({
   defaultVariants: {
     side: 'right'
   }
-});
+})
 
 export const sheetTransitions = {
   top: {
@@ -101,6 +101,6 @@ export const sheetTransitions = {
       opacity: 1
     }
   }
-};
+}
 
-export type Side = VariantProps<typeof sheetVariants>['side'];
+export type Side = VariantProps<typeof sheetVariants>['side']
diff --git a/src/lib/components/ui/sheet/sheet-content.svelte b/src/lib/components/ui/sheet/sheet-content.svelte
index 8dff982..614a8a0 100644
--- a/src/lib/components/ui/sheet/sheet-content.svelte
+++ b/src/lib/components/ui/sheet/sheet-content.svelte
@@ -1,29 +1,29 @@
 <script lang="ts">
-  import { Dialog as SheetPrimitive } from 'bits-ui';
+  import { Dialog as SheetPrimitive } from 'bits-ui'
   import {
     SheetOverlay,
     SheetPortal,
     sheetTransitions,
     sheetVariants,
     type Side
-  } from '.';
-  import { X } from 'lucide-svelte';
-  import { cn } from '$lib/utils';
-  import { fly } from 'svelte/transition';
+  } from '.'
+  import { X } from 'lucide-svelte'
+  import { cn } from '$lib/utils'
+  import { fly } from 'svelte/transition'
 
   type $$Props = SheetPrimitive.ContentProps & {
-    side?: Side;
-  };
+    side?: Side
+  }
 
-  let className: $$Props['class'] = undefined;
-  export let side: $$Props['side'] = 'right';
-  export { className as class };
-  export let inTransition: $$Props['inTransition'] = fly;
+  let className: $$Props['class'] = undefined
+  export let side: $$Props['side'] = 'right'
+  export { className as class }
+  export let inTransition: $$Props['inTransition'] = fly
   export let inTransitionConfig: $$Props['inTransitionConfig'] =
-    sheetTransitions[side ? side : 'right']['in'];
-  export let outTransition: $$Props['outTransition'] = fly;
+    sheetTransitions[side ? side : 'right']['in']
+  export let outTransition: $$Props['outTransition'] = fly
   export let outTransitionConfig: $$Props['outTransitionConfig'] =
-    sheetTransitions[side ? side : 'right']['out'];
+    sheetTransitions[side ? side : 'right']['out']
 </script>
 
 <SheetPortal>
@@ -34,10 +34,12 @@
     {outTransition}
     {outTransitionConfig}
     class={cn(sheetVariants({ side }), className)}
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
     <SheetPrimitive.Close
-      class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+      class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary"
+    >
       <X class="h-4 w-4" />
       <span class="sr-only">Close</span>
     </SheetPrimitive.Close>
diff --git a/src/lib/components/ui/sheet/sheet-description.svelte b/src/lib/components/ui/sheet/sheet-description.svelte
index b7b815c..b5dc1ea 100644
--- a/src/lib/components/ui/sheet/sheet-description.svelte
+++ b/src/lib/components/ui/sheet/sheet-description.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Dialog as SheetPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Dialog as SheetPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SheetPrimitive.DescriptionProps;
+  type $$Props = SheetPrimitive.DescriptionProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SheetPrimitive.Description
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </SheetPrimitive.Description>
diff --git a/src/lib/components/ui/sheet/sheet-footer.svelte b/src/lib/components/ui/sheet/sheet-footer.svelte
index 3db2b3f..b44fc58 100644
--- a/src/lib/components/ui/sheet/sheet-footer.svelte
+++ b/src/lib/components/ui/sheet/sheet-footer.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
@@ -13,6 +13,7 @@
     'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/sheet/sheet-header.svelte b/src/lib/components/ui/sheet/sheet-header.svelte
index 90fbb0a..6efaf0a 100644
--- a/src/lib/components/ui/sheet/sheet-header.svelte
+++ b/src/lib/components/ui/sheet/sheet-header.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
   class={cn('flex flex-col space-y-2 text-center sm:text-left', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>
diff --git a/src/lib/components/ui/sheet/sheet-overlay.svelte b/src/lib/components/ui/sheet/sheet-overlay.svelte
index 0576ecc..43a3289 100644
--- a/src/lib/components/ui/sheet/sheet-overlay.svelte
+++ b/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { Dialog as SheetPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { fade } from 'svelte/transition';
+  import { Dialog as SheetPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { fade } from 'svelte/transition'
 
-  type $$Props = SheetPrimitive.OverlayProps;
+  type $$Props = SheetPrimitive.OverlayProps
 
-  let className: $$Props['class'] = undefined;
-  export let transition: $$Props['transition'] = fade;
+  let className: $$Props['class'] = undefined
+  export let transition: $$Props['transition'] = fade
   export let transitionConfig: $$Props['transitionConfig'] = {
     duration: 150
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <SheetPrimitive.Overlay
   {transition}
   {transitionConfig}
   class={cn('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/sheet/sheet-portal.svelte b/src/lib/components/ui/sheet/sheet-portal.svelte
index 2d6b3c7..31391c7 100644
--- a/src/lib/components/ui/sheet/sheet-portal.svelte
+++ b/src/lib/components/ui/sheet/sheet-portal.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Dialog as SheetPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Dialog as SheetPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SheetPrimitive.PortalProps;
+  type $$Props = SheetPrimitive.PortalProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SheetPrimitive.Portal class={cn(className)} {...$$restProps}>
diff --git a/src/lib/components/ui/sheet/sheet-title.svelte b/src/lib/components/ui/sheet/sheet-title.svelte
index fa031d5..c1f57e4 100644
--- a/src/lib/components/ui/sheet/sheet-title.svelte
+++ b/src/lib/components/ui/sheet/sheet-title.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Dialog as SheetPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Dialog as SheetPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SheetPrimitive.TitleProps;
+  type $$Props = SheetPrimitive.TitleProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <SheetPrimitive.Title
   class={cn('text-lg font-semibold text-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </SheetPrimitive.Title>
diff --git a/src/lib/components/ui/skeleton/index.ts b/src/lib/components/ui/skeleton/index.ts
index df169ce..dda988b 100644
--- a/src/lib/components/ui/skeleton/index.ts
+++ b/src/lib/components/ui/skeleton/index.ts
@@ -1,7 +1,7 @@
-import Root from './skeleton.svelte';
+import Root from './skeleton.svelte'
 
 export {
   Root,
   //
   Root as Skeleton
-};
+}
diff --git a/src/lib/components/ui/skeleton/skeleton.svelte b/src/lib/components/ui/skeleton/skeleton.svelte
index 952c3ff..46a4904 100644
--- a/src/lib/components/ui/skeleton/skeleton.svelte
+++ b/src/lib/components/ui/skeleton/skeleton.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div
   class={cn('animate-pulse rounded-md bg-muted', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/slider/index.ts b/src/lib/components/ui/slider/index.ts
index dd6283d..d4d1525 100644
--- a/src/lib/components/ui/slider/index.ts
+++ b/src/lib/components/ui/slider/index.ts
@@ -1,7 +1,7 @@
-import Root from './slider.svelte';
+import Root from './slider.svelte'
 
 export {
   Root,
   //
   Root as Slider
-};
+}
diff --git a/src/lib/components/ui/slider/slider.svelte b/src/lib/components/ui/slider/slider.svelte
index aa44ece..a992d1d 100644
--- a/src/lib/components/ui/slider/slider.svelte
+++ b/src/lib/components/ui/slider/slider.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Slider as SliderPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Slider as SliderPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SliderPrimitive.Props;
+  type $$Props = SliderPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'] = [0];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value'] = [0]
+  export { className as class }
 </script>
 
 <SliderPrimitive.Root
@@ -15,11 +15,14 @@
     'relative flex w-full touch-none select-none items-center',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <span
-    class="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
+    class="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"
+  >
     <SliderPrimitive.Range class="absolute h-full bg-primary" />
   </span>
   <SliderPrimitive.Thumb
-    class="block h-5 w-5 rounded-full border-2 border-primary bg-background 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" />
+    class="block h-5 w-5 rounded-full border-2 border-primary bg-background 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"
+  />
 </SliderPrimitive.Root>
diff --git a/src/lib/components/ui/sonner/index.ts b/src/lib/components/ui/sonner/index.ts
index fcaf06b..ad71c91 100644
--- a/src/lib/components/ui/sonner/index.ts
+++ b/src/lib/components/ui/sonner/index.ts
@@ -1 +1 @@
-export { default as Toaster } from './sonner.svelte';
+export { default as Toaster } from './sonner.svelte'
diff --git a/src/lib/components/ui/sonner/sonner.svelte b/src/lib/components/ui/sonner/sonner.svelte
index 62c7228..82e9a28 100644
--- a/src/lib/components/ui/sonner/sonner.svelte
+++ b/src/lib/components/ui/sonner/sonner.svelte
@@ -2,10 +2,10 @@
   import {
     Toaster as Sonner,
     type ToasterProps as SonnerProps
-  } from 'svelte-sonner';
-  import { mode } from 'mode-watcher';
+  } from 'svelte-sonner'
+  import { mode } from 'mode-watcher'
 
-  type $$Props = SonnerProps;
+  type $$Props = SonnerProps
 </script>
 
 <Sonner
@@ -22,4 +22,5 @@
         'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground'
     }
   }}
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/switch/index.ts b/src/lib/components/ui/switch/index.ts
index 7fdb93a..d715c1e 100644
--- a/src/lib/components/ui/switch/index.ts
+++ b/src/lib/components/ui/switch/index.ts
@@ -1,7 +1,7 @@
-import Root from './switch.svelte';
+import Root from './switch.svelte'
 
 export {
   Root,
   //
   Root as Switch
-};
+}
diff --git a/src/lib/components/ui/switch/switch.svelte b/src/lib/components/ui/switch/switch.svelte
index 38aa912..d7ea6f7 100644
--- a/src/lib/components/ui/switch/switch.svelte
+++ b/src/lib/components/ui/switch/switch.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Switch as SwitchPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Switch as SwitchPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = SwitchPrimitive.Props;
+  type $$Props = SwitchPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
-  export let checked: $$Props['checked'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let checked: $$Props['checked'] = undefined
+  export { className as class }
 </script>
 
 <SwitchPrimitive.Root
@@ -15,9 +15,11 @@
     'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <SwitchPrimitive.Thumb
     class={cn(
       'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
-    )} />
+    )}
+  />
 </SwitchPrimitive.Root>
diff --git a/src/lib/components/ui/table/index.ts b/src/lib/components/ui/table/index.ts
index 3852847..41fdc55 100644
--- a/src/lib/components/ui/table/index.ts
+++ b/src/lib/components/ui/table/index.ts
@@ -1,11 +1,11 @@
-import Root from './table.svelte';
-import Body from './table-body.svelte';
-import Caption from './table-caption.svelte';
-import Cell from './table-cell.svelte';
-import Footer from './table-footer.svelte';
-import Head from './table-head.svelte';
-import Header from './table-header.svelte';
-import Row from './table-row.svelte';
+import Root from './table.svelte'
+import Body from './table-body.svelte'
+import Caption from './table-caption.svelte'
+import Cell from './table-cell.svelte'
+import Footer from './table-footer.svelte'
+import Head from './table-head.svelte'
+import Header from './table-header.svelte'
+import Row from './table-row.svelte'
 
 export {
   Root,
@@ -25,4 +25,4 @@ export {
   Head as TableHead,
   Header as TableHeader,
   Row as TableRow
-};
+}
diff --git a/src/lib/components/ui/table/table-body.svelte b/src/lib/components/ui/table/table-body.svelte
index 07dddb4..514af31 100644
--- a/src/lib/components/ui/table/table-body.svelte
+++ b/src/lib/components/ui/table/table-body.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLTableSectionElement>;
+  type $$Props = HTMLAttributes<HTMLTableSectionElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <tbody class={cn('[&_tr:last-child]:border-0', className)} {...$$restProps}>
diff --git a/src/lib/components/ui/table/table-caption.svelte b/src/lib/components/ui/table/table-caption.svelte
index 25b821d..b370f29 100644
--- a/src/lib/components/ui/table/table-caption.svelte
+++ b/src/lib/components/ui/table/table-caption.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLTableCaptionElement>;
+  type $$Props = HTMLAttributes<HTMLTableCaptionElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <caption
   class={cn('mt-4 text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </caption>
diff --git a/src/lib/components/ui/table/table-cell.svelte b/src/lib/components/ui/table/table-cell.svelte
index a4ce7cf..a555700 100644
--- a/src/lib/components/ui/table/table-cell.svelte
+++ b/src/lib/components/ui/table/table-cell.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLTdAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLTdAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLTdAttributes;
+  type $$Props = HTMLTdAttributes
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <td
   class={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}
   {...$$restProps}
   on:click
-  on:keydown>
+  on:keydown
+>
   <slot />
 </td>
diff --git a/src/lib/components/ui/table/table-footer.svelte b/src/lib/components/ui/table/table-footer.svelte
index c307541..ea3fa63 100644
--- a/src/lib/components/ui/table/table-footer.svelte
+++ b/src/lib/components/ui/table/table-footer.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLTableSectionElement>;
+  type $$Props = HTMLAttributes<HTMLTableSectionElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <tfoot
   class={cn('bg-primary font-medium text-primary-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </tfoot>
diff --git a/src/lib/components/ui/table/table-head.svelte b/src/lib/components/ui/table/table-head.svelte
index 99f64a0..89885e6 100644
--- a/src/lib/components/ui/table/table-head.svelte
+++ b/src/lib/components/ui/table/table-head.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLThAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLThAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLThAttributes;
+  type $$Props = HTMLThAttributes
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <th
@@ -13,6 +13,7 @@
     'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </th>
diff --git a/src/lib/components/ui/table/table-header.svelte b/src/lib/components/ui/table/table-header.svelte
index 2a2cbad..0dd2c3a 100644
--- a/src/lib/components/ui/table/table-header.svelte
+++ b/src/lib/components/ui/table/table-header.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLTableSectionElement>;
+  type $$Props = HTMLAttributes<HTMLTableSectionElement>
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
@@ -13,6 +13,7 @@
   class={cn('[&_tr]:border-b', className)}
   {...$$restProps}
   on:click
-  on:keydown>
+  on:keydown
+>
   <slot />
 </thead>
diff --git a/src/lib/components/ui/table/table-row.svelte b/src/lib/components/ui/table/table-row.svelte
index 34d2d76..e349c71 100644
--- a/src/lib/components/ui/table/table-row.svelte
+++ b/src/lib/components/ui/table/table-row.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLAttributes } from 'svelte/elements'
 
   type $$Props = HTMLAttributes<HTMLTableRowElement> & {
-    'data-state'?: unknown;
-  };
+    'data-state'?: unknown
+  }
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <tr
@@ -17,6 +17,7 @@
   )}
   {...$$restProps}
   on:click
-  on:keydown>
+  on:keydown
+>
   <slot />
 </tr>
diff --git a/src/lib/components/ui/table/table.svelte b/src/lib/components/ui/table/table.svelte
index 4bf21e8..8903284 100644
--- a/src/lib/components/ui/table/table.svelte
+++ b/src/lib/components/ui/table/table.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
-  import type { HTMLTableAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils'
+  import type { HTMLTableAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLTableAttributes;
+  type $$Props = HTMLTableAttributes
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <div class="w-full overflow-auto">
   <table
     class={cn('w-full caption-bottom text-sm', className)}
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
   </table>
 </div>
diff --git a/src/lib/components/ui/tabs/index.ts b/src/lib/components/ui/tabs/index.ts
index dfafad2..08c5954 100644
--- a/src/lib/components/ui/tabs/index.ts
+++ b/src/lib/components/ui/tabs/index.ts
@@ -1,9 +1,9 @@
-import { Tabs as TabsPrimitive } from 'bits-ui';
-import Content from './tabs-content.svelte';
-import List from './tabs-list.svelte';
-import Trigger from './tabs-trigger.svelte';
+import { Tabs as TabsPrimitive } from 'bits-ui'
+import Content from './tabs-content.svelte'
+import List from './tabs-list.svelte'
+import Trigger from './tabs-trigger.svelte'
 
-const Root = TabsPrimitive.Root;
+const Root = TabsPrimitive.Root
 
 export {
   Root,
@@ -15,4 +15,4 @@ export {
   Content as TabsContent,
   List as TabsList,
   Trigger as TabsTrigger
-};
+}
diff --git a/src/lib/components/ui/tabs/tabs-content.svelte b/src/lib/components/ui/tabs/tabs-content.svelte
index c4a94d8..68d2679 100644
--- a/src/lib/components/ui/tabs/tabs-content.svelte
+++ b/src/lib/components/ui/tabs/tabs-content.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Tabs as TabsPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = TabsPrimitive.ContentProps;
+  type $$Props = TabsPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export { className as class }
 </script>
 
 <TabsPrimitive.Content
@@ -15,6 +15,7 @@
     className
   )}
   {value}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </TabsPrimitive.Content>
diff --git a/src/lib/components/ui/tabs/tabs-list.svelte b/src/lib/components/ui/tabs/tabs-list.svelte
index cc5ff07..3e03ebb 100644
--- a/src/lib/components/ui/tabs/tabs-list.svelte
+++ b/src/lib/components/ui/tabs/tabs-list.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Tabs as TabsPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = TabsPrimitive.ListProps;
+  type $$Props = TabsPrimitive.ListProps
 
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export { className as class }
 </script>
 
 <TabsPrimitive.List
@@ -13,6 +13,7 @@
     'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </TabsPrimitive.List>
diff --git a/src/lib/components/ui/tabs/tabs-trigger.svelte b/src/lib/components/ui/tabs/tabs-trigger.svelte
index f11338c..ad17d0e 100644
--- a/src/lib/components/ui/tabs/tabs-trigger.svelte
+++ b/src/lib/components/ui/tabs/tabs-trigger.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
+  import { Tabs as TabsPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
 
-  type $$Props = TabsPrimitive.TriggerProps;
-  type $$Events = TabsPrimitive.TriggerEvents;
+  type $$Props = TabsPrimitive.TriggerProps
+  type $$Events = TabsPrimitive.TriggerEvents
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'];
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value']
+  export { className as class }
 </script>
 
 <TabsPrimitive.Trigger
@@ -17,6 +17,7 @@
   )}
   {value}
   {...$$restProps}
-  on:click>
+  on:click
+>
   <slot />
 </TabsPrimitive.Trigger>
diff --git a/src/lib/components/ui/textarea/index.ts b/src/lib/components/ui/textarea/index.ts
index 96a081d..99dfe06 100644
--- a/src/lib/components/ui/textarea/index.ts
+++ b/src/lib/components/ui/textarea/index.ts
@@ -1,23 +1,23 @@
-import Root from './textarea.svelte';
+import Root from './textarea.svelte'
 
 type FormTextareaEvent<T extends Event = Event> = T & {
-  currentTarget: EventTarget & HTMLTextAreaElement;
-};
+  currentTarget: EventTarget & HTMLTextAreaElement
+}
 
 type TextareaEvents = {
-  blur: FormTextareaEvent<FocusEvent>;
-  change: FormTextareaEvent<Event>;
-  click: FormTextareaEvent<MouseEvent>;
-  focus: FormTextareaEvent<FocusEvent>;
-  keydown: FormTextareaEvent<KeyboardEvent>;
-  keypress: FormTextareaEvent<KeyboardEvent>;
-  keyup: FormTextareaEvent<KeyboardEvent>;
-  mouseover: FormTextareaEvent<MouseEvent>;
-  mouseenter: FormTextareaEvent<MouseEvent>;
-  mouseleave: FormTextareaEvent<MouseEvent>;
-  paste: FormTextareaEvent<ClipboardEvent>;
-  input: FormTextareaEvent<InputEvent>;
-};
+  blur: FormTextareaEvent<FocusEvent>
+  change: FormTextareaEvent<Event>
+  click: FormTextareaEvent<MouseEvent>
+  focus: FormTextareaEvent<FocusEvent>
+  keydown: FormTextareaEvent<KeyboardEvent>
+  keypress: FormTextareaEvent<KeyboardEvent>
+  keyup: FormTextareaEvent<KeyboardEvent>
+  mouseover: FormTextareaEvent<MouseEvent>
+  mouseenter: FormTextareaEvent<MouseEvent>
+  mouseleave: FormTextareaEvent<MouseEvent>
+  paste: FormTextareaEvent<ClipboardEvent>
+  input: FormTextareaEvent<InputEvent>
+}
 
 export {
   Root,
@@ -25,4 +25,4 @@ export {
   Root as Textarea,
   type TextareaEvents,
   type FormTextareaEvent
-};
+}
diff --git a/src/lib/components/ui/textarea/textarea.svelte b/src/lib/components/ui/textarea/textarea.svelte
index 6e232af..0234b92 100644
--- a/src/lib/components/ui/textarea/textarea.svelte
+++ b/src/lib/components/ui/textarea/textarea.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import type { HTMLTextareaAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
+  import type { HTMLTextareaAttributes } from 'svelte/elements'
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLTextareaAttributes;
+  type $$Props = HTMLTextareaAttributes
 
-  let className: $$Props['class'] = undefined;
-  export let value: $$Props['value'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let value: $$Props['value'] = undefined
+  export { className as class }
 </script>
 
 <textarea
@@ -27,4 +27,5 @@
   on:mouseleave
   on:paste
   on:input
-  {...$$restProps} />
+  {...$$restProps}
+/>
diff --git a/src/lib/components/ui/toggle-group/index.ts b/src/lib/components/ui/toggle-group/index.ts
index 71e6849..3297d7b 100644
--- a/src/lib/components/ui/toggle-group/index.ts
+++ b/src/lib/components/ui/toggle-group/index.ts
@@ -1,17 +1,17 @@
-import type { VariantProps } from 'tailwind-variants';
-import type { toggleVariants } from '$lib/components/ui/toggle';
-import { getContext, setContext } from 'svelte';
-import Root from './toggle-group.svelte';
-import Item from './toggle-group-item.svelte';
+import type { VariantProps } from 'tailwind-variants'
+import type { toggleVariants } from '$lib/components/ui/toggle'
+import { getContext, setContext } from 'svelte'
+import Root from './toggle-group.svelte'
+import Item from './toggle-group-item.svelte'
 
-export type ToggleVariants = VariantProps<typeof toggleVariants>;
+export type ToggleVariants = VariantProps<typeof toggleVariants>
 
 export function setToggleGroupCtx(props: ToggleVariants) {
-  setContext('toggleGroup', props);
+  setContext('toggleGroup', props)
 }
 
 export function getToggleGroupCtx() {
-  return getContext<ToggleVariants>('toggleGroup');
+  return getContext<ToggleVariants>('toggleGroup')
 }
 
 export {
@@ -20,4 +20,4 @@ export {
   //
   Root as ToggleGroup,
   Item as ToggleGroupItem
-};
+}
diff --git a/src/lib/components/ui/toggle-group/toggle-group-item.svelte b/src/lib/components/ui/toggle-group/toggle-group-item.svelte
index cff3276..f00bd25 100644
--- a/src/lib/components/ui/toggle-group/toggle-group-item.svelte
+++ b/src/lib/components/ui/toggle-group/toggle-group-item.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-  import { ToggleGroup as ToggleGroupPrimitive } from 'bits-ui';
-  import { cn } from '$lib/utils';
-  import { getToggleGroupCtx, type ToggleVariants } from '.';
-  import { toggleVariants } from '$lib/components/ui/toggle';
+  import { ToggleGroup as ToggleGroupPrimitive } from 'bits-ui'
+  import { cn } from '$lib/utils'
+  import { getToggleGroupCtx, type ToggleVariants } from '.'
+  import { toggleVariants } from '$lib/components/ui/toggle'
 
-  type $$Props = ToggleGroupPrimitive.ItemProps & ToggleVariants;
+  type $$Props = ToggleGroupPrimitive.ItemProps & ToggleVariants
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
 
-  export { className as class };
-  export let variant: $$Props['variant'] = 'default';
-  export let size: $$Props['size'] = 'default';
-  export let value: $$Props['value'];
+  export { className as class }
+  export let variant: $$Props['variant'] = 'default'
+  export let size: $$Props['size'] = 'default'
+  export let value: $$Props['value']
 
-  const ctx = getToggleGroupCtx();
+  const ctx = getToggleGroupCtx()
 </script>
 
 <ToggleGroupPrimitive.Item
@@ -25,6 +25,7 @@
     className
   )}
   {value}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </ToggleGroupPrimitive.Item>
diff --git a/src/lib/components/ui/toggle-group/toggle-group.svelte b/src/lib/components/ui/toggle-group/toggle-group.svelte
index 1200333..d675549 100644
--- a/src/lib/components/ui/toggle-group/toggle-group.svelte
+++ b/src/lib/components/ui/toggle-group/toggle-group.svelte
@@ -1,30 +1,31 @@
 <script lang="ts">
-  import type { VariantProps } from 'tailwind-variants';
-  import { ToggleGroup as ToggleGroupPrimitive } from 'bits-ui';
-  import type { toggleVariants } from '$lib/components/ui/toggle';
-  import { setToggleGroupCtx } from '.';
-  import { cn } from '$lib/utils';
+  import type { VariantProps } from 'tailwind-variants'
+  import { ToggleGroup as ToggleGroupPrimitive } from 'bits-ui'
+  import type { toggleVariants } from '$lib/components/ui/toggle'
+  import { setToggleGroupCtx } from '.'
+  import { cn } from '$lib/utils'
 
-  type T = $$Generic<'single' | 'multiple'>;
+  type T = $$Generic<'single' | 'multiple'>
   type $$Props = ToggleGroupPrimitive.Props<T> &
-    VariantProps<typeof toggleVariants>;
+    VariantProps<typeof toggleVariants>
 
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let variant: $$Props['variant'] = 'default';
-  export let size: $$Props['size'] = 'default';
-  export let value: $$Props['value'] = undefined;
+  let className: string | undefined | null = undefined
+  export { className as class }
+  export let variant: $$Props['variant'] = 'default'
+  export let size: $$Props['size'] = 'default'
+  export let value: $$Props['value'] = undefined
 
   setToggleGroupCtx({
     variant,
     size
-  });
+  })
 </script>
 
 <ToggleGroupPrimitive.Root
   class={cn('flex items-center justify-center gap-1', className)}
   bind:value
   {...$$restProps}
-  let:builder>
+  let:builder
+>
   <slot {builder} />
 </ToggleGroupPrimitive.Root>
diff --git a/src/lib/components/ui/toggle/index.ts b/src/lib/components/ui/toggle/index.ts
index 9a8f5ac..5b12935 100644
--- a/src/lib/components/ui/toggle/index.ts
+++ b/src/lib/components/ui/toggle/index.ts
@@ -1,5 +1,5 @@
-import Root from './toggle.svelte';
-import { tv, type VariantProps } from 'tailwind-variants';
+import Root from './toggle.svelte'
+import { tv, type VariantProps } from 'tailwind-variants'
 
 export const toggleVariants = tv({
   base: 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground',
@@ -19,13 +19,13 @@ export const toggleVariants = tv({
     variant: 'default',
     size: 'default'
   }
-});
+})
 
-export type Variant = VariantProps<typeof toggleVariants>['variant'];
-export type Size = VariantProps<typeof toggleVariants>['size'];
+export type Variant = VariantProps<typeof toggleVariants>['variant']
+export type Size = VariantProps<typeof toggleVariants>['size']
 
 export {
   Root,
   //
   Root as Toggle
-};
+}
diff --git a/src/lib/components/ui/toggle/toggle.svelte b/src/lib/components/ui/toggle/toggle.svelte
index 62284d3..9fdb9ed 100644
--- a/src/lib/components/ui/toggle/toggle.svelte
+++ b/src/lib/components/ui/toggle/toggle.svelte
@@ -1,25 +1,26 @@
 <script lang="ts">
-  import { Toggle as TogglePrimitive } from 'bits-ui';
-  import { toggleVariants, type Variant, type Size } from '.';
-  import { cn } from '$lib/utils';
+  import { Toggle as TogglePrimitive } from 'bits-ui'
+  import { toggleVariants, type Variant, type Size } from '.'
+  import { cn } from '$lib/utils'
 
   type $$Props = TogglePrimitive.Props & {
-    variant?: Variant;
-    size?: Size;
-  };
-  type $$Events = TogglePrimitive.Events;
+    variant?: Variant
+    size?: Size
+  }
+  type $$Events = TogglePrimitive.Events
 
-  let className: $$Props['class'] = undefined;
-  export let variant: $$Props['variant'] = 'default';
-  export let size: $$Props['size'] = 'default';
-  export let pressed: $$Props['pressed'] = undefined;
-  export { className as class };
+  let className: $$Props['class'] = undefined
+  export let variant: $$Props['variant'] = 'default'
+  export let size: $$Props['size'] = 'default'
+  export let pressed: $$Props['pressed'] = undefined
+  export { className as class }
 </script>
 
 <TogglePrimitive.Root
   bind:pressed
   class={cn(toggleVariants({ variant, size, className }))}
   {...$$restProps}
-  on:click>
+  on:click
+>
   <slot />
 </TogglePrimitive.Root>
diff --git a/src/lib/components/ui/tooltip/index.ts b/src/lib/components/ui/tooltip/index.ts
index 30adbb7..f3a8186 100644
--- a/src/lib/components/ui/tooltip/index.ts
+++ b/src/lib/components/ui/tooltip/index.ts
@@ -1,8 +1,8 @@
-import { Tooltip as TooltipPrimitive } from 'bits-ui';
-import Content from './tooltip-content.svelte';
+import { Tooltip as TooltipPrimitive } from 'bits-ui'
+import Content from './tooltip-content.svelte'
 
-const Root = TooltipPrimitive.Root;
-const Trigger = TooltipPrimitive.Trigger;
+const Root = TooltipPrimitive.Root
+const Trigger = TooltipPrimitive.Trigger
 
 export {
   Root,
@@ -12,4 +12,4 @@ export {
   Root as Tooltip,
   Content as TooltipContent,
   Trigger as TooltipTrigger
-};
+}
diff --git a/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/lib/components/ui/tooltip/tooltip-content.svelte
index 456e92b..8184fad 100644
--- a/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { Tooltip as TooltipPrimitive } from 'bits-ui';
-  import { cn, flyAndScale } from '$lib/utils';
+  import { Tooltip as TooltipPrimitive } from 'bits-ui'
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = TooltipPrimitive.ContentProps;
+  type $$Props = TooltipPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
-  export let sideOffset: $$Props['sideOffset'] = 4;
-  export let transition: $$Props['transition'] = flyAndScale;
+  let className: $$Props['class'] = undefined
+  export let sideOffset: $$Props['sideOffset'] = 4
+  export let transition: $$Props['transition'] = flyAndScale
   export let transitionConfig: $$Props['transitionConfig'] = {
     y: 8,
     duration: 150
-  };
-  export { className as class };
+  }
+  export { className as class }
 </script>
 
 <TooltipPrimitive.Content
@@ -22,6 +22,7 @@
     'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </TooltipPrimitive.Content>