format

src/lib/components/ui/accordion/accordion-content.svelte

@@ -1,23 +1,24 @@
 <script lang="ts">
-  import { Accordion as AccordionPrimitive } from 'bits-ui';
+  import { Accordion as AccordionPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { slide } from 'svelte/transition';
+  import { slide } from 'svelte/transition'
 
-  type $$Props = AccordionPrimitive.ContentProps;
+  type $$Props = AccordionPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let transition: $$Props['transition'] = slide;
+  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>

src/lib/components/ui/accordion/accordion-item.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Accordion as AccordionPrimitive } from 'bits-ui';
+  import { Accordion as AccordionPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AccordionPrimitive.ItemProps;
+  type $$Props = AccordionPrimitive.ItemProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let value: $$Props['value'];
+  export let value: $$Props['value']
-  export { className as class };
+  export { className as class }
 </script>
 
 <AccordionPrimitive.Item
   {value}
   class={cn('border-b', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AccordionPrimitive.Item>

src/lib/components/ui/accordion/accordion-trigger.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Accordion as AccordionPrimitive } from 'bits-ui';
+  import { Accordion as AccordionPrimitive } from 'bits-ui'
-  import { ChevronDown } from 'lucide-svelte';
+  import { ChevronDown } from 'lucide-svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AccordionPrimitive.TriggerProps;
+  type $$Props = AccordionPrimitive.TriggerProps
-  type $$Events = AccordionPrimitive.TriggerEvents;
+  type $$Events = AccordionPrimitive.TriggerEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let level: AccordionPrimitive.HeaderProps['level'] = 3;
+  export let level: AccordionPrimitive.HeaderProps['level'] = 3
-  export { className as class };
+  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>

src/lib/components/ui/accordion/index.ts

@@ -1,8 +1,8 @@
-import { Accordion as AccordionPrimitive } from 'bits-ui';
+import { Accordion as AccordionPrimitive } from 'bits-ui'
-import Content from './accordion-content.svelte';
+import Content from './accordion-content.svelte'
-import Item from './accordion-item.svelte';
+import Item from './accordion-item.svelte'
-import Trigger from './accordion-trigger.svelte';
+import Trigger from './accordion-trigger.svelte'
-const Root = AccordionPrimitive.Root;
+const Root = AccordionPrimitive.Root
 
 export {
   Root,
@@ -14,4 +14,4 @@ export {
   Content as AccordionContent,
   Item as AccordionItem,
   Trigger as AccordionTrigger
-};
+}

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 { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
-  import { buttonVariants } from '$lib/components/ui/button';
+  import { buttonVariants } from '$lib/components/ui/button'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.ActionProps;
+  type $$Props = AlertDialogPrimitive.ActionProps
-  type $$Events = AlertDialogPrimitive.ActionEvents;
+  type $$Events = AlertDialogPrimitive.ActionEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Action
@@ -15,6 +15,7 @@
   {...$$restProps}
   on:click
   on:keydown
-  let:builder>
+  let:builder
+>
   <slot {builder} />
 </AlertDialogPrimitive.Action>

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 { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
-  import { buttonVariants } from '$lib/components/ui/button';
+  import { buttonVariants } from '$lib/components/ui/button'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.CancelProps;
+  type $$Props = AlertDialogPrimitive.CancelProps
-  type $$Events = AlertDialogPrimitive.CancelEvents;
+  type $$Events = AlertDialogPrimitive.CancelEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Cancel
@@ -15,6 +15,7 @@
   {...$$restProps}
   on:click
   on:keydown
-  let:builder>
+  let:builder
+>
   <slot {builder} />
 </AlertDialogPrimitive.Cancel>

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 { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
-  import * as AlertDialog from '.';
+  import * as AlertDialog from '.'
-  import { cn, flyAndScale } from '$lib/utils';
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.ContentProps;
+  type $$Props = AlertDialogPrimitive.ContentProps
 
-  export let transition: $$Props['transition'] = flyAndScale;
+  export let transition: $$Props['transition'] = flyAndScale
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

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 { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.DescriptionProps;
+  type $$Props = AlertDialogPrimitive.DescriptionProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Description
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AlertDialogPrimitive.Description>

src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/alert-dialog/alert-dialog-header.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <div
   class={cn('flex flex-col space-y-2 text-center sm:text-left', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </div>

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 { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { fade } from 'svelte/transition';
+  import { fade } from 'svelte/transition'
 
-  type $$Props = AlertDialogPrimitive.OverlayProps;
+  type $$Props = AlertDialogPrimitive.OverlayProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let transition: $$Props['transition'] = fade;
+  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}
+/>

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}>

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 { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AlertDialogPrimitive.TitleProps;
+  type $$Props = AlertDialogPrimitive.TitleProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let level: $$Props['level'] = 'h3';
+  export let level: $$Props['level'] = 'h3'
-  export { className as class };
+  export { className as class }
 </script>
 
 <AlertDialogPrimitive.Title
   class={cn('text-lg font-semibold', className)}
   {level}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </AlertDialogPrimitive.Title>

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 Root = AlertDialogPrimitive.Root
-const Trigger = AlertDialogPrimitive.Trigger;
+const Trigger = AlertDialogPrimitive.Trigger
 
-import Title from './alert-dialog-title.svelte';
+import Title from './alert-dialog-title.svelte'
-import Action from './alert-dialog-action.svelte';
+import Action from './alert-dialog-action.svelte'
-import Cancel from './alert-dialog-cancel.svelte';
+import Cancel from './alert-dialog-cancel.svelte'
-import Portal from './alert-dialog-portal.svelte';
+import Portal from './alert-dialog-portal.svelte'
-import Footer from './alert-dialog-footer.svelte';
+import Footer from './alert-dialog-footer.svelte'
-import Header from './alert-dialog-header.svelte';
+import Header from './alert-dialog-header.svelte'
-import Overlay from './alert-dialog-overlay.svelte';
+import Overlay from './alert-dialog-overlay.svelte'
-import Content from './alert-dialog-content.svelte';
+import Content from './alert-dialog-content.svelte'
-import Description from './alert-dialog-description.svelte';
+import Description from './alert-dialog-description.svelte'
 
 export {
   Root,
@@ -37,4 +37,4 @@ export {
   Overlay as AlertDialogOverlay,
   Content as AlertDialogContent,
   Description as AlertDialogDescription
-};
+}

src/lib/components/ui/alert/alert-description.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <div class={cn('text-sm [&_p]:leading-relaxed', className)} {...$$restProps}>

src/lib/components/ui/alert/alert-title.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import type { HeadingLevel } from '.';
+  import type { HeadingLevel } from '.'
 
   type $$Props = HTMLAttributes<HTMLHeadingElement> & {
-    level?: HeadingLevel;
+    level?: HeadingLevel
-  };
+  }
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let level: $$Props['level'] = 'h5';
+  export let level: $$Props['level'] = 'h5'
-  export { className as class };
+  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>

src/lib/components/ui/alert/alert.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { alertVariants, type Variant } from '.';
+  import { alertVariants, type Variant } from '.'
 
   type $$Props = HTMLAttributes<HTMLDivElement> & {
-    variant?: Variant;
+    variant?: Variant
-  };
+  }
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let variant: $$Props['variant'] = 'default';
+  export let variant: $$Props['variant'] = 'default'
-  export { className as class };
+  export { className as class }
 </script>
 
 <div
   class={cn(alertVariants({ variant }), className)}
   {...$$restProps}
-  role="alert">
+  role="alert"
+>
   <slot />
 </div>

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 Root from './alert.svelte'
-import Description from './alert-description.svelte';
+import Description from './alert-description.svelte'
-import Title from './alert-title.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 Variant = VariantProps<typeof alertVariants>['variant']
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+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
-};
+}

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}>

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 }

src/lib/components/ui/avatar/avatar-fallback.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
+  import { Avatar as AvatarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AvatarPrimitive.FallbackProps;
+  type $$Props = AvatarPrimitive.FallbackProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/avatar/avatar-image.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
+  import { Avatar as AvatarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AvatarPrimitive.ImageProps;
+  type $$Props = AvatarPrimitive.ImageProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let src: $$Props['src'] = undefined;
+  export let src: $$Props['src'] = undefined
-  export let alt: $$Props['alt'] = undefined;
+  export let alt: $$Props['alt'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <AvatarPrimitive.Image
   {src}
   {alt}
   class={cn('aspect-square h-full w-full', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>

src/lib/components/ui/avatar/avatar.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
+  import { Avatar as AvatarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = AvatarPrimitive.Props;
+  type $$Props = AvatarPrimitive.Props
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let delayMs: $$Props['delayMs'] = undefined;
+  export let delayMs: $$Props['delayMs'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/avatar/index.ts

@@ -1,6 +1,6 @@
-import Root from './avatar.svelte';
+import Root from './avatar.svelte'
-import Image from './avatar-image.svelte';
+import Image from './avatar-image.svelte'
-import Fallback from './avatar-fallback.svelte';
+import Fallback from './avatar-fallback.svelte'
 
 export {
   Root,
@@ -10,4 +10,4 @@ export {
   Root as Avatar,
   Image as AvatarImage,
   Fallback as AvatarFallback
-};
+}

src/lib/components/ui/badge/badge.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { badgeVariants, type Variant } from '.';
+  import { badgeVariants, type Variant } from '.'
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export let href: string | undefined = undefined;
+  export let href: string | undefined = undefined
-  export let variant: Variant = 'default';
+  export let variant: Variant = 'default'
-  export { className as class };
+  export { className as class }
 </script>
 
 <svelte:element
   this={href ? 'a' : 'span'}
   {href}
   class={cn(badgeVariants({ variant, className }))}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </svelte:element>

src/lib/components/ui/badge/index.ts

@@ -1,5 +1,5 @@
-import { tv, type VariantProps } from 'tailwind-variants';
+import { tv, type VariantProps } from 'tailwind-variants'
-export { default as Badge } from './badge.svelte';
+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']

src/lib/components/ui/button/button.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { Button as ButtonPrimitive } from 'bits-ui';
+  import { Button as ButtonPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { buttonVariants, type Props, type Events } from '.';
+  import { buttonVariants, type Props, type Events } from '.'
 
-  type $$Props = Props;
+  type $$Props = Props
-  type $$Events = Events;
+  type $$Events = Events
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let variant: $$Props['variant'] = 'default';
+  export let variant: $$Props['variant'] = 'default'
-  export let size: $$Props['size'] = 'default';
+  export let size: $$Props['size'] = 'default'
-  export let builders: $$Props['builders'] = [];
+  export let builders: $$Props['builders'] = []
-  export { className as class };
+  export { className as class }
 </script>
 
 <ButtonPrimitive.Root
@@ -19,6 +19,7 @@
   type="button"
   {...$$restProps}
   on:click
-  on:keydown>
+  on:keydown
+>
   <slot />
 </ButtonPrimitive.Root>

src/lib/components/ui/button/index.ts

@@ -1,6 +1,6 @@
-import Root from './button.svelte';
+import Root from './button.svelte'
-import { tv, type VariantProps } from 'tailwind-variants';
+import { tv, type VariantProps } from 'tailwind-variants'
-import type { Button as ButtonPrimitive } from 'bits-ui';
+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 Variant = VariantProps<typeof buttonVariants>['variant']
-type Size = VariantProps<typeof buttonVariants>['size'];
+type Size = VariantProps<typeof buttonVariants>['size']
 
 type Props = ButtonPrimitive.Props & {
-  variant?: Variant;
+  variant?: Variant
-  size?: Size;
+  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
-};
+}

src/lib/components/ui/calendar/calendar-cell.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.CellProps;
+  type $$Props = CalendarPrimitive.CellProps
 
-  export let date: $$Props['date'];
+  export let date: $$Props['date']
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar-day.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { buttonVariants } from '$lib/components/ui/button';
+  import { buttonVariants } from '$lib/components/ui/button'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.DayProps;
+  type $$Props = CalendarPrimitive.DayProps
-  type $$Events = CalendarPrimitive.DayEvents;
+  type $$Events = CalendarPrimitive.DayEvents
 
-  export let date: $$Props['date'];
+  export let date: $$Props['date']
-  export let month: $$Props['month'];
+  export let month: $$Props['month']
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar-grid-body.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridBodyProps;
+  type $$Props = CalendarPrimitive.GridBodyProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CalendarPrimitive.GridBody class={cn(className)} {...$$restProps}>

src/lib/components/ui/calendar/calendar-grid-head.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridHeadProps;
+  type $$Props = CalendarPrimitive.GridHeadProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CalendarPrimitive.GridHead class={cn(className)} {...$$restProps}>

src/lib/components/ui/calendar/calendar-grid-row.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridRowProps;
+  type $$Props = CalendarPrimitive.GridRowProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CalendarPrimitive.GridRow class={cn('flex', className)} {...$$restProps}>

src/lib/components/ui/calendar/calendar-grid.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.GridProps;
+  type $$Props = CalendarPrimitive.GridProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Grid
   class={cn('w-full border-collapse space-y-1', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CalendarPrimitive.Grid>

src/lib/components/ui/calendar/calendar-head-cell.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.HeadCellProps;
+  type $$Props = CalendarPrimitive.HeadCellProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar-header.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.HeaderProps;
+  type $$Props = CalendarPrimitive.HeaderProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar-heading.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.HeadingProps;
+  type $$Props = CalendarPrimitive.HeadingProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CalendarPrimitive.Heading
   let:headingValue
   class={cn('text-sm font-medium', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot {headingValue}>
     {headingValue}
   </slot>

src/lib/components/ui/calendar/calendar-months.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar-next-button.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { ChevronRight } from 'lucide-svelte';
+  import { ChevronRight } from 'lucide-svelte'
-  import { buttonVariants } from '$lib/components/ui/button';
+  import { buttonVariants } from '$lib/components/ui/button'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.NextButtonProps;
+  type $$Props = CalendarPrimitive.NextButtonProps
-  type $$Events = CalendarPrimitive.NextButtonEvents;
+  type $$Events = CalendarPrimitive.NextButtonEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar-prev-button.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import { ChevronLeft } from 'lucide-svelte';
+  import { ChevronLeft } from 'lucide-svelte'
-  import { buttonVariants } from '$lib/components/ui/button';
+  import { buttonVariants } from '$lib/components/ui/button'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CalendarPrimitive.PrevButtonProps;
+  type $$Props = CalendarPrimitive.PrevButtonProps
-  type $$Events = CalendarPrimitive.PrevButtonEvents;
+  type $$Events = CalendarPrimitive.PrevButtonEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/calendar/calendar.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { Calendar as CalendarPrimitive } from 'bits-ui';
+  import { Calendar as CalendarPrimitive } from 'bits-ui'
-  import * as Calendar from '.';
+  import * as Calendar from '.'
-  import { cn } from '$lib/utils';
+  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 value: $$Props['value'] = undefined
-  export let placeholder: $$Props['placeholder'] = undefined;
+  export let placeholder: $$Props['placeholder'] = undefined
-  export let weekdayFormat: $$Props['weekdayFormat'] = 'short';
+  export let weekdayFormat: $$Props['weekdayFormat'] = 'short'
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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 />

src/lib/components/ui/calendar/index.ts

@@ -1,16 +1,16 @@
-import Root from './calendar.svelte';
+import Root from './calendar.svelte'
-import Cell from './calendar-cell.svelte';
+import Cell from './calendar-cell.svelte'
-import Day from './calendar-day.svelte';
+import Day from './calendar-day.svelte'
-import Grid from './calendar-grid.svelte';
+import Grid from './calendar-grid.svelte'
-import Header from './calendar-header.svelte';
+import Header from './calendar-header.svelte'
-import Months from './calendar-months.svelte';
+import Months from './calendar-months.svelte'
-import GridRow from './calendar-grid-row.svelte';
+import GridRow from './calendar-grid-row.svelte'
-import Heading from './calendar-heading.svelte';
+import Heading from './calendar-heading.svelte'
-import GridBody from './calendar-grid-body.svelte';
+import GridBody from './calendar-grid-body.svelte'
-import GridHead from './calendar-grid-head.svelte';
+import GridHead from './calendar-grid-head.svelte'
-import HeadCell from './calendar-head-cell.svelte';
+import HeadCell from './calendar-head-cell.svelte'
-import NextButton from './calendar-next-button.svelte';
+import NextButton from './calendar-next-button.svelte'
-import PrevButton from './calendar-prev-button.svelte';
+import PrevButton from './calendar-prev-button.svelte'
 
 export {
   Day,
@@ -27,4 +27,4 @@ export {
   PrevButton,
   //
   Root as Calendar
-};
+}

src/lib/components/ui/card/card-content.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <div class={cn('p-6 pt-0', className)} {...$$restProps}>

src/lib/components/ui/card/card-description.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLParagraphElement>;
+  type $$Props = HTMLAttributes<HTMLParagraphElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <p class={cn('text-sm text-muted-foreground', className)} {...$$restProps}>

src/lib/components/ui/card/card-footer.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <div class={cn('flex items-center p-6 pt-0', className)} {...$$restProps}>

src/lib/components/ui/card/card-header.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <div class={cn('flex flex-col space-y-1.5 p-6', className)} {...$$restProps}>

src/lib/components/ui/card/card-title.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HeadingLevel } from '.';
+  import type { HeadingLevel } from '.'
 
   type $$Props = HTMLAttributes<HTMLHeadingElement> & {
-    tag?: HeadingLevel;
+    tag?: HeadingLevel
-  };
+  }
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let tag: $$Props['tag'] = 'h3';
+  export let tag: $$Props['tag'] = 'h3'
-  export { className as class };
+  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>

src/lib/components/ui/card/card.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/card/index.ts

@@ -1,9 +1,9 @@
-import Root from './card.svelte';
+import Root from './card.svelte'
-import Content from './card-content.svelte';
+import Content from './card-content.svelte'
-import Description from './card-description.svelte';
+import Description from './card-description.svelte'
-import Footer from './card-footer.svelte';
+import Footer from './card-footer.svelte'
-import Header from './card-header.svelte';
+import Header from './card-header.svelte'
-import Title from './card-title.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'

src/lib/components/ui/carousel/carousel-content.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { cn } from '$lib/utils.js';
+  import { cn } from '$lib/utils.js'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { getEmblaContext } from './context.js';
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  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>

src/lib/components/ui/carousel/carousel-item.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
-  import { getEmblaContext } from './context.js';
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  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>

src/lib/components/ui/carousel/carousel-next.svelte

@@ -3,21 +3,20 @@
     Button,
     type Props,
     buttonVariants
-  } from '$lib/components/ui/button/index.js';
+  } from '$lib/components/ui/button/index.js'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { ArrowRight } from 'lucide-svelte';
+  import { ArrowRight } from 'lucide-svelte'
-  import type { VariantProps } from 'tailwind-variants';
+  import type { VariantProps } from 'tailwind-variants'
-  import { getEmblaContext } from './context.js';
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = Props;
+  type $$Props = Props
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
-  export let variant: VariantProps<typeof buttonVariants>['variant'] =
+  export let variant: VariantProps<typeof buttonVariants>['variant'] = 'outline'
-    'outline';
+  export let size: VariantProps<typeof buttonVariants>['size'] = 'icon'
-  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>

src/lib/components/ui/carousel/carousel-previous.svelte

@@ -3,22 +3,21 @@
     Button,
     type Props,
     buttonVariants
-  } from '$lib/components/ui/button/index.js';
+  } from '$lib/components/ui/button/index.js'
-  import { cn } from '$lib/utils.js';
+  import { cn } from '$lib/utils.js'
-  import { ArrowLeft } from 'lucide-svelte';
+  import { ArrowLeft } from 'lucide-svelte'
-  import type { VariantProps } from 'tailwind-variants';
+  import type { VariantProps } from 'tailwind-variants'
-  import { getEmblaContext } from './context.js';
+  import { getEmblaContext } from './context.js'
 
-  type $$Props = Props;
+  type $$Props = Props
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
-  export let variant: VariantProps<typeof buttonVariants>['variant'] =
+  export let variant: VariantProps<typeof buttonVariants>['variant'] = 'outline'
-    'outline';
+  export let size: VariantProps<typeof buttonVariants>['size'] = 'icon'
-  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>

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';
+  } from './context.js'
-  import { cn } from '$lib/utils.js';
+  import { cn } from '$lib/utils.js'
-  import { writable } from 'svelte/store';
+  import { writable } from 'svelte/store'
-  import { onDestroy } from 'svelte';
+  import { onDestroy } from 'svelte'
 
-  type $$Props = CarouselProps;
+  type $$Props = CarouselProps
 
-  export let opts = {};
+  export let opts = {}
-  export let plugins: NonNullable<$$Props['plugins']> = [];
+  export let plugins: NonNullable<$$Props['plugins']> = []
-  export let api: $$Props['api'] = undefined;
+  export let api: $$Props['api'] = undefined
-  export let orientation: NonNullable<$$Props['orientation']> = 'horizontal';
+  export let orientation: NonNullable<$$Props['orientation']> = 'horizontal'
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 
-  const apiStore = writable<CarouselAPI | undefined>(undefined);
+  const apiStore = writable<CarouselAPI | undefined>(undefined)
-  const orientationStore = writable(orientation);
+  const orientationStore = writable(orientation)
-  const canScrollPrev = writable(false);
+  const canScrollPrev = writable(false)
-  const canScrollNext = 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;
+    if (!api) return
-    canScrollPrev.set(api.canScrollPrev());
+    canScrollPrev.set(api.canScrollPrev())
-    canScrollNext.set(api.canScrollNext());
+    canScrollNext.set(api.canScrollNext())
   }
 
   $: if (api) {
-    onSelect(api);
+    onSelect(api)
-    api.on('select', onSelect);
+    api.on('select', onSelect)
-    api.on('reInit', onSelect);
+    api.on('reInit', onSelect)
   }
 
   function handleKeyDown(e: KeyboardEvent) {
     if (e.key === 'ArrowLeft') {
-      e.preventDefault();
+      e.preventDefault()
-      scrollPrev();
+      scrollPrev()
     } else if (e.key === 'ArrowRight') {
-      e.preventDefault();
+      e.preventDefault()
-      scrollNext();
+      scrollNext()
     }
   }
 
@@ -63,17 +63,17 @@
     canScrollNext,
     canScrollPrev,
     handleKeyDown
-  });
+  })
 
   function onInit(event: CustomEvent<CarouselAPI>) {
-    api = event.detail;
+    api = event.detail
-    console.log(api.slideNodes());
+    console.log(api.slideNodes())
-    apiStore.set(api);
+    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>

src/lib/components/ui/carousel/context.ts

@@ -1,52 +1,52 @@
-import type { EmblaCarouselSvelteType } from 'embla-carousel-svelte';
+import type { EmblaCarouselSvelteType } from 'embla-carousel-svelte'
-import type emblaCarouselSvelte from 'embla-carousel-svelte';
+import type emblaCarouselSvelte from 'embla-carousel-svelte'
-import { getContext, hasContext, setContext } from 'svelte';
+import { getContext, hasContext, setContext } from 'svelte'
-import type { HTMLAttributes } from 'svelte/elements';
+import type { HTMLAttributes } from 'svelte/elements'
-import type { Writable, Readable } from 'svelte/store';
+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 CarouselOptions = EmblaCarouselConfig['options']
-export type CarouselPlugins = EmblaCarouselConfig['plugins'];
+export type CarouselPlugins = EmblaCarouselConfig['plugins']
 
 ////
 
 export type CarouselProps = {
-  opts?: CarouselOptions;
+  opts?: CarouselOptions
-  plugins?: CarouselPlugins;
+  plugins?: CarouselPlugins
-  api?: CarouselAPI;
+  api?: CarouselAPI
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical'
-} & HTMLAttributes<HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement>
 
-const EMBLA_CAROUSEL_CONTEXT = Symbol('EMBLA_CAROUSEL_CONTEXT');
+const EMBLA_CAROUSEL_CONTEXT = Symbol('EMBLA_CAROUSEL_CONTEXT')
 
 type EmblaContext = {
-  api: Writable<CarouselAPI | undefined>;
+  api: Writable<CarouselAPI | undefined>
-  orientation: Writable<'horizontal' | 'vertical'>;
+  orientation: Writable<'horizontal' | 'vertical'>
-  scrollNext: () => void;
+  scrollNext: () => void
-  scrollPrev: () => void;
+  scrollPrev: () => void
-  canScrollNext: Readable<boolean>;
+  canScrollNext: Readable<boolean>
-  canScrollPrev: Readable<boolean>;
+  canScrollPrev: Readable<boolean>
-  handleKeyDown: (e: KeyboardEvent) => void;
+  handleKeyDown: (e: KeyboardEvent) => void
-};
+}
 
 export function setEmblaContex(config: EmblaContext): EmblaContext {
-  setContext(EMBLA_CAROUSEL_CONTEXT, config);
+  setContext(EMBLA_CAROUSEL_CONTEXT, config)
-  return 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)
 }

src/lib/components/ui/carousel/index.ts

@@ -1,5 +1,5 @@
-export { default as Root } from './carousel.svelte';
+export { default as Root } from './carousel.svelte'
-export { default as Content } from './carousel-content.svelte';
+export { default as Content } from './carousel-content.svelte'
-export { default as Item } from './carousel-item.svelte';
+export { default as Item } from './carousel-item.svelte'
-export { default as Previous } from './carousel-previous.svelte';
+export { default as Previous } from './carousel-previous.svelte'
-export { default as Next } from './carousel-next.svelte';
+export { default as Next } from './carousel-next.svelte'

src/lib/components/ui/checkbox/checkbox.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { Checkbox as CheckboxPrimitive } from 'bits-ui';
+  import { Checkbox as CheckboxPrimitive } from 'bits-ui'
-  import { Check, Minus } from 'lucide-svelte';
+  import { Check, Minus } from 'lucide-svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CheckboxPrimitive.Props;
+  type $$Props = CheckboxPrimitive.Props
-  type $$Events = CheckboxPrimitive.Events;
+  type $$Events = CheckboxPrimitive.Events
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let checked: $$Props['checked'] = false;
+  export let checked: $$Props['checked'] = false
-  export { className as class };
+  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}

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
-};
+}

src/lib/components/ui/collapsible/collapsible-content.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
+  import { Collapsible as CollapsiblePrimitive } from 'bits-ui'
-  import { slide } from 'svelte/transition';
+  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}>

src/lib/components/ui/collapsible/index.ts

@@ -1,8 +1,8 @@
-import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
+import { Collapsible as CollapsiblePrimitive } from 'bits-ui'
-import Content from './collapsible-content.svelte';
+import Content from './collapsible-content.svelte'
 
-const Root = CollapsiblePrimitive.Root;
+const Root = CollapsiblePrimitive.Root
-const Trigger = CollapsiblePrimitive.Trigger;
+const Trigger = CollapsiblePrimitive.Trigger
 
 export {
   Root,
@@ -12,4 +12,4 @@ export {
   Root as Collapsible,
   Content as CollapsibleContent,
   Trigger as CollapsibleTrigger
-};
+}

src/lib/components/ui/command/command-dialog.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import Command from './command.svelte';
+  import Command from './command.svelte'
-  import * as Dialog from '$lib/components/ui/dialog';
+  import * as Dialog from '$lib/components/ui/dialog'
-  import type { Dialog as DialogPrimitive } from 'bits-ui';
+  import type { Dialog as DialogPrimitive } from 'bits-ui'
-  import type { Command as CommandPrimitive } from 'cmdk-sv';
+  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 open: $$Props['open'] = false
-  export let value: $$Props['value'] = undefined;
+  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>

src/lib/components/ui/command/command-empty.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.EmptyProps;
+  type $$Props = CommandPrimitive.EmptyProps
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CommandPrimitive.Empty
   class={cn('py-6 text-center text-sm', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.Empty>

src/lib/components/ui/command/command-group.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  type $$Props = CommandPrimitive.GroupProps;
+  type $$Props = CommandPrimitive.GroupProps
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  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>

src/lib/components/ui/command/command-input.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { Search } from 'lucide-svelte';
+  import { Search } from 'lucide-svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.InputProps;
+  type $$Props = CommandPrimitive.InputProps
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  export { className as class }
-  export let value: string = '';
+  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>

src/lib/components/ui/command/command-item.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.ItemProps;
+  type $$Props = CommandPrimitive.ItemProps
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  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>

src/lib/components/ui/command/command-list.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.ListProps;
+  type $$Props = CommandPrimitive.ListProps
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CommandPrimitive.List
   class={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.List>

src/lib/components/ui/command/command-separator.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = CommandPrimitive.SeparatorProps;
+  type $$Props = CommandPrimitive.SeparatorProps
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CommandPrimitive.Separator
   class={cn('-mx-1 h-px bg-border', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>

src/lib/components/ui/command/command-shortcut.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: string | undefined | null = undefined;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <span
   class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </span>

src/lib/components/ui/command/command.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { Command as CommandPrimitive } from 'cmdk-sv';
+  import { Command as CommandPrimitive } from 'cmdk-sv'
-  import { cn } from '$lib/utils';
+  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;
+  let className: string | undefined | null = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <CommandPrimitive.Root
@@ -16,6 +16,7 @@
     className
   )}
   bind:value
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </CommandPrimitive.Root>

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 Root from './command.svelte'
-import Dialog from './command-dialog.svelte';
+import Dialog from './command-dialog.svelte'
-import Empty from './command-empty.svelte';
+import Empty from './command-empty.svelte'
-import Group from './command-group.svelte';
+import Group from './command-group.svelte'
-import Item from './command-item.svelte';
+import Item from './command-item.svelte'
-import Input from './command-input.svelte';
+import Input from './command-input.svelte'
-import List from './command-list.svelte';
+import List from './command-list.svelte'
-import Separator from './command-separator.svelte';
+import Separator from './command-separator.svelte'
-import Shortcut from './command-shortcut.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
-};
+}

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { Check } from 'lucide-svelte';
+  import { Check } from 'lucide-svelte'
 
-  type $$Props = ContextMenuPrimitive.CheckboxItemProps;
+  type $$Props = ContextMenuPrimitive.CheckboxItemProps
-  type $$Events = ContextMenuPrimitive.CheckboxItemEvents;
+  type $$Events = ContextMenuPrimitive.CheckboxItemEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let checked: $$Props['checked'] = undefined;
+  export let checked: $$Props['checked'] = undefined
-  export { className as class };
+  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" />

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn, flyAndScale } from '$lib/utils';
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = ContextMenuPrimitive.ContentProps;
+  type $$Props = ContextMenuPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let transition: $$Props['transition'] = flyAndScale;
+  export let transition: $$Props['transition'] = flyAndScale
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Content
@@ -18,6 +18,7 @@
     className
   )}
   {...$$restProps}
-  on:keydown>
+  on:keydown
+>
   <slot />
 </ContextMenuPrimitive.Content>

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
   type $$Props = ContextMenuPrimitive.ItemProps & {
-    inset?: boolean;
+    inset?: boolean
-  };
+  }
-  type $$Events = ContextMenuPrimitive.ItemEvents;
+  type $$Events = ContextMenuPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let inset: $$Props['inset'] = undefined;
+  export let inset: $$Props['inset'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Item
@@ -25,6 +25,7 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
 </ContextMenuPrimitive.Item>

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
   type $$Props = ContextMenuPrimitive.LabelProps & {
-    inset?: boolean;
+    inset?: boolean
-  };
+  }
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let inset: $$Props['inset'] = undefined;
+  export let inset: $$Props['inset'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Label
@@ -17,6 +17,7 @@
     inset && 'pl-8',
     className
   )}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </ContextMenuPrimitive.Label>

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>

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { Circle } from 'lucide-svelte';
+  import { Circle } from 'lucide-svelte'
 
-  type $$Props = ContextMenuPrimitive.RadioItemProps;
+  type $$Props = ContextMenuPrimitive.RadioItemProps
-  type $$Events = ContextMenuPrimitive.RadioItemEvents;
+  type $$Events = ContextMenuPrimitive.RadioItemEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let value: ContextMenuPrimitive.RadioItemProps['value'];
+  export let value: ContextMenuPrimitive.RadioItemProps['value']
-  export { className as class };
+  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" />

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = ContextMenuPrimitive.SeparatorProps;
+  type $$Props = ContextMenuPrimitive.SeparatorProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <ContextMenuPrimitive.Separator
   class={cn('-mx-1 my-1 h-px bg-border', className)}
-  {...$$restProps} />
+  {...$$restProps}
+/>

src/lib/components/ui/context-menu/context-menu-shortcut.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLSpanElement>;
+  type $$Props = HTMLAttributes<HTMLSpanElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <span
   class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </span>

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn, flyAndScale } from '$lib/utils';
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = ContextMenuPrimitive.SubContentProps;
+  type $$Props = ContextMenuPrimitive.SubContentProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let transition: $$Props['transition'] = flyAndScale;
+  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>

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 { ContextMenu as ContextMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { ChevronRight } from 'lucide-svelte';
+  import { ChevronRight } from 'lucide-svelte'
 
   type $$Props = ContextMenuPrimitive.SubTriggerProps & {
-    inset?: boolean;
+    inset?: boolean
-  };
+  }
-  type $$Events = ContextMenuPrimitive.SubTriggerEvents;
+  type $$Events = ContextMenuPrimitive.SubTriggerEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let inset: $$Props['inset'] = undefined;
+  export let inset: $$Props['inset'] = undefined
-  export { className as class };
+  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>

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 Item from './context-menu-item.svelte'
-import Label from './context-menu-label.svelte';
+import Label from './context-menu-label.svelte'
-import Content from './context-menu-content.svelte';
+import Content from './context-menu-content.svelte'
-import Shortcut from './context-menu-shortcut.svelte';
+import Shortcut from './context-menu-shortcut.svelte'
-import RadioItem from './context-menu-radio-item.svelte';
+import RadioItem from './context-menu-radio-item.svelte'
-import Separator from './context-menu-separator.svelte';
+import Separator from './context-menu-separator.svelte'
-import RadioGroup from './context-menu-radio-group.svelte';
+import RadioGroup from './context-menu-radio-group.svelte'
-import SubContent from './context-menu-sub-content.svelte';
+import SubContent from './context-menu-sub-content.svelte'
-import SubTrigger from './context-menu-sub-trigger.svelte';
+import SubTrigger from './context-menu-sub-trigger.svelte'
-import CheckboxItem from './context-menu-checkbox-item.svelte';
+import CheckboxItem from './context-menu-checkbox-item.svelte'
 
-const Sub = ContextMenuPrimitive.Sub;
+const Sub = ContextMenuPrimitive.Sub
-const Root = ContextMenuPrimitive.Root;
+const Root = ContextMenuPrimitive.Root
-const Trigger = ContextMenuPrimitive.Trigger;
+const Trigger = ContextMenuPrimitive.Trigger
-const Group = ContextMenuPrimitive.Group;
+const Group = ContextMenuPrimitive.Group
 
 export {
   Sub,
@@ -46,4 +46,4 @@ export {
   SubContent as ContextMenuSubContent,
   SubTrigger as ContextMenuSubTrigger,
   CheckboxItem as ContextMenuCheckboxItem
-};
+}

src/lib/components/ui/dialog/dialog-content.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
-  import * as Dialog from '.';
+  import * as Dialog from '.'
-  import { cn, flyAndScale } from '$lib/utils';
+  import { cn, flyAndScale } from '$lib/utils'
-  import { X } from 'lucide-svelte';
+  import { X } from 'lucide-svelte'
 
-  type $$Props = DialogPrimitive.ContentProps;
+  type $$Props = DialogPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let transition: $$Props['transition'] = flyAndScale;
+  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>

src/lib/components/ui/dialog/dialog-description.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = DialogPrimitive.DescriptionProps;
+  type $$Props = DialogPrimitive.DescriptionProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <DialogPrimitive.Description
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DialogPrimitive.Description>

src/lib/components/ui/dialog/dialog-footer.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/dialog/dialog-header.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
-  type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement>
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/dialog/dialog-overlay.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { fade } from 'svelte/transition';
+  import { fade } from 'svelte/transition'
 
-  type $$Props = DialogPrimitive.OverlayProps;
+  type $$Props = DialogPrimitive.OverlayProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let transition: $$Props['transition'] = fade;
+  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}
+/>

src/lib/components/ui/dialog/dialog-portal.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
-  type $$Props = DialogPrimitive.PortalProps;
+  type $$Props = DialogPrimitive.PortalProps
 </script>
 
 <DialogPrimitive.Portal {...$$restProps}>

src/lib/components/ui/dialog/dialog-title.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { Dialog as DialogPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = DialogPrimitive.TitleProps;
+  type $$Props = DialogPrimitive.TitleProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <DialogPrimitive.Title
   class={cn('text-lg font-semibold leading-none tracking-tight', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DialogPrimitive.Title>

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 Root = DialogPrimitive.Root
-const Trigger = DialogPrimitive.Trigger;
+const Trigger = DialogPrimitive.Trigger
 
-import Title from './dialog-title.svelte';
+import Title from './dialog-title.svelte'
-import Portal from './dialog-portal.svelte';
+import Portal from './dialog-portal.svelte'
-import Footer from './dialog-footer.svelte';
+import Footer from './dialog-footer.svelte'
-import Header from './dialog-header.svelte';
+import Header from './dialog-header.svelte'
-import Overlay from './dialog-overlay.svelte';
+import Overlay from './dialog-overlay.svelte'
-import Content from './dialog-content.svelte';
+import Content from './dialog-content.svelte'
-import Description from './dialog-description.svelte';
+import Description from './dialog-description.svelte'
 
 export {
   Root,
@@ -31,4 +31,4 @@ export {
   Overlay as DialogOverlay,
   Content as DialogContent,
   Description as DialogDescription
-};
+}

src/lib/components/ui/drawer/drawer-content.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
-  import DrawerOverlay from './drawer-overlay.svelte';
+  import DrawerOverlay from './drawer-overlay.svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.ContentProps;
+  type $$Props = DrawerPrimitive.ContentProps
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/drawer/drawer-description.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.DescriptionProps;
+  type $$Props = DrawerPrimitive.DescriptionProps
 
-  export let el: $$Props['el'] = undefined;
+  export let el: $$Props['el'] = undefined
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <DrawerPrimitive.Description
   bind:el
   class={cn('text-sm text-muted-foreground', className)}
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DrawerPrimitive.Description>

src/lib/components/ui/drawer/drawer-footer.svelte

@@ -1,19 +1,20 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
   type $$Props = HTMLAttributes<HTMLDivElement> & {
-    el?: HTMLDivElement;
+    el?: HTMLDivElement
-  };
+  }
 
-  export let el: $$Props['el'] = undefined;
+  export let el: $$Props['el'] = undefined
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/drawer/drawer-header.svelte

@@ -1,18 +1,19 @@
 <script lang="ts">
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements'
 
   type $$Props = HTMLAttributes<HTMLDivElement> & {
-    el?: HTMLDivElement;
+    el?: HTMLDivElement
-  };
+  }
-  export let el: $$Props['el'] = undefined;
+  export let el: $$Props['el'] = undefined
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/drawer/drawer-overlay.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.OverlayProps;
+  type $$Props = DrawerPrimitive.OverlayProps
 
-  export let el: $$Props['el'] = undefined;
+  export let el: $$Props['el'] = undefined
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

src/lib/components/ui/drawer/drawer-title.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
-  type $$Props = DrawerPrimitive.TitleProps;
+  type $$Props = DrawerPrimitive.TitleProps
 
-  export let el: $$Props['el'] = undefined;
+  export let el: $$Props['el'] = undefined
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export { className as class };
+  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>

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;
+  type $$Props = DrawerPrimitive.Props
-  export let shouldScaleBackground: $$Props['shouldScaleBackground'] = true;
+  export let shouldScaleBackground: $$Props['shouldScaleBackground'] = true
-  export let open: $$Props['open'] = false;
+  export let open: $$Props['open'] = false
-  export let activeSnapPoint: $$Props['activeSnapPoint'] = undefined;
+  export let activeSnapPoint: $$Props['activeSnapPoint'] = undefined
 </script>
 
 <DrawerPrimitive.Root
   {shouldScaleBackground}
   bind:open
   bind:activeSnapPoint
-  {...$$restProps}>
+  {...$$restProps}
+>
   <slot />
 </DrawerPrimitive.Root>

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 Root from './drawer.svelte'
-import Content from './drawer-content.svelte';
+import Content from './drawer-content.svelte'
-import Description from './drawer-description.svelte';
+import Description from './drawer-description.svelte'
-import Overlay from './drawer-overlay.svelte';
+import Overlay from './drawer-overlay.svelte'
-import Footer from './drawer-footer.svelte';
+import Footer from './drawer-footer.svelte'
-import Header from './drawer-header.svelte';
+import Header from './drawer-header.svelte'
-import Title from './drawer-title.svelte';
+import Title from './drawer-title.svelte'
 
-const Trigger = DrawerPrimitive.Trigger;
+const Trigger = DrawerPrimitive.Trigger
-const Portal = DrawerPrimitive.Portal;
+const Portal = DrawerPrimitive.Portal
-const Close = DrawerPrimitive.Close;
+const Close = DrawerPrimitive.Close
 
 export {
   Root,
@@ -34,4 +34,4 @@ export {
   Trigger as DrawerTrigger,
   Portal as DrawerPortal,
   Close as DrawerClose
-};
+}

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 { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
-  import { Check } from 'lucide-svelte';
+  import { Check } from 'lucide-svelte'
 
-  type $$Props = DropdownMenuPrimitive.CheckboxItemProps;
+  type $$Props = DropdownMenuPrimitive.CheckboxItemProps
-  type $$Events = DropdownMenuPrimitive.CheckboxItemEvents;
+  type $$Events = DropdownMenuPrimitive.CheckboxItemEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let checked: $$Props['checked'] = undefined;
+  export let checked: $$Props['checked'] = undefined
-  export { className as class };
+  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" />

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 { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
-  import { cn, flyAndScale } from '$lib/utils';
+  import { cn, flyAndScale } from '$lib/utils'
 
-  type $$Props = DropdownMenuPrimitive.ContentProps;
+  type $$Props = DropdownMenuPrimitive.ContentProps
-  type $$Events = DropdownMenuPrimitive.ContentEvents;
+  type $$Events = DropdownMenuPrimitive.ContentEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let sideOffset: $$Props['sideOffset'] = 4;
+  export let sideOffset: $$Props['sideOffset'] = 4
-  export let transition: $$Props['transition'] = flyAndScale;
+  export let transition: $$Props['transition'] = flyAndScale
-  export let transitionConfig: $$Props['transitionConfig'] = undefined;
+  export let transitionConfig: $$Props['transitionConfig'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.Content
@@ -21,6 +21,7 @@
     className
   )}
   {...$$restProps}
-  on:keydown>
+  on:keydown
+>
   <slot />
 </DropdownMenuPrimitive.Content>

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 { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
-  import { cn } from '$lib/utils';
+  import { cn } from '$lib/utils'
 
   type $$Props = DropdownMenuPrimitive.ItemProps & {
-    inset?: boolean;
+    inset?: boolean
-  };
+  }
-  type $$Events = DropdownMenuPrimitive.ItemEvents;
+  type $$Events = DropdownMenuPrimitive.ItemEvents
 
-  let className: $$Props['class'] = undefined;
+  let className: $$Props['class'] = undefined
-  export let inset: $$Props['inset'] = undefined;
+  export let inset: $$Props['inset'] = undefined
-  export { className as class };
+  export { className as class }
 </script>
 
 <DropdownMenuPrimitive.Item
@@ -25,6 +25,7 @@
   on:focusout
   on:pointerdown
   on:pointerleave
-  on:pointermove>
+  on:pointermove
+>
   <slot />
 </DropdownMenuPrimitive.Item>