Last round of prettier: npx prettier --write src/

2026-03-24 13:27:40 -04:00
parent 23d25bf65a
commit a8f3c29b9f
146 changed files with 13201 additions and 9277 deletions
--- a/src/lib/components/ui/button/button.svelte
+++ b/src/lib/components/ui/button/button.svelte
@@ -1,57 +1,62 @@
 <script lang="ts" module>
-    import type { WithElementRef } from 'bits-ui';
-    import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-    import { type VariantProps, tv } from 'tailwind-variants';
+import type { WithElementRef } from 'bits-ui';
+import type {
+    HTMLAnchorAttributes,
+    HTMLButtonAttributes
+} from 'svelte/elements';
+import { type VariantProps, tv } from 'tailwind-variants';

-    export const buttonVariants = tv({
-        base: 'ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-        variants: {
-            variant: {
-                default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-                destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-                outline:
-                    'border-input bg-background hover:bg-accent hover:text-accent-foreground border',
-                secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-                ghost: 'hover:bg-accent hover:text-accent-foreground',
-                link: 'text-primary underline-offset-4 hover:underline'
-            },
-            size: {
-                default: 'h-10 px-4 py-2',
-                sm: 'h-9 rounded-md px-3',
-                lg: 'h-11 rounded-md px-8',
-                icon: 'h-10 w-10'
-            }
+export const buttonVariants = tv({
+    base: 'ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive:
+                'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            outline:
+                'border-input bg-background hover:bg-accent hover:text-accent-foreground border',
+            secondary:
+                'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline'
        },
-        defaultVariants: {
-            variant: 'default',
-            size: 'default'
+        size: {
+            default: 'h-10 px-4 py-2',
+            sm: 'h-9 rounded-md px-3',
+            lg: 'h-11 rounded-md px-8',
+            icon: 'h-10 w-10'
        }
-    });
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});

-    export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-    export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+export type ButtonSize = VariantProps<typeof buttonVariants>['size'];

-    export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-        WithElementRef<HTMLAnchorAttributes> & {
-            variant?: ButtonVariant;
-            size?: ButtonSize;
-            class?: any;
-        };
+export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
+    WithElementRef<HTMLAnchorAttributes> & {
+        variant?: ButtonVariant;
+        size?: ButtonSize;
+        class?: any;
+    };
 </script>

 <script lang="ts">
-    import { cn } from '$lib/utils/utils.js';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        class: className,
-        variant = 'default',
-        size = 'default',
-        ref = $bindable(null),
-        href = undefined,
-        type = 'button',
-        children,
-        ...restProps
-    }: ButtonProps = $props();
+let {
+    class: className,
+    variant = 'default',
+    size = 'default',
+    ref = $bindable(null),
+    href = undefined,
+    type = 'button',
+    children,
+    ...restProps
+}: ButtonProps = $props();
 </script>

 {#if href}
@@ -59,8 +64,7 @@
        bind:this={ref}
        class={cn(buttonVariants({ variant, size, className }))}
        {href}
-        {...restProps}
-    >
+        {...restProps}>
        {@render children?.()}
    </a>
 {:else}
@@ -68,8 +72,7 @@
        bind:this={ref}
        class={cn(buttonVariants({ variant, size, className }))}
        {type}
-        {...restProps}
-    >
+        {...restProps}>
        {@render children?.()}
    </button>
 {/if}
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -1,20 +1,23 @@
 <script lang="ts">
-    import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-    import Check from 'lucide-svelte/icons/check';
-    import Minus from 'lucide-svelte/icons/minus';
-    import { cn } from '$lib/utils/utils.js';
-    import type { Snippet } from 'svelte';
+import {
+    DropdownMenu as DropdownMenuPrimitive,
+    type WithoutChildrenOrChild
+} from 'bits-ui';
+import Check from 'lucide-svelte/icons/check';
+import Minus from 'lucide-svelte/icons/minus';
+import { cn } from '$lib/utils/utils.js';
+import type { Snippet } from 'svelte';

-    let {
-        ref = $bindable(null),
-        checked = $bindable(false),
-        indeterminate = $bindable(false),
-        class: className,
-        children: childrenProp,
-        ...restProps
-    }: WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
-        children?: Snippet;
-    } = $props();
+let {
+    ref = $bindable(null),
+    checked = $bindable(false),
+    indeterminate = $bindable(false),
+    class: className,
+    children: childrenProp,
+    ...restProps
+}: WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
+    children?: Snippet;
+} = $props();
 </script>

 <DropdownMenuPrimitive.CheckboxItem
@@ -22,11 +25,10 @@
    bind:checked
    bind:indeterminate
    class={cn(
-        'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50',
+        'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50',
        className
    )}
-    {...restProps}
->
+    {...restProps}>
    {#snippet children({ checked, indeterminate })}
        <span class="absolute left-2 flex size-3.5 items-center justify-center">
            {#if indeterminate}
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-    import { cn } from '$lib/utils/utils.js';
-    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';

-    let {
-        ref = $bindable(null),
-        sideOffset = 4,
-        portalProps,
-        class: className,
-        ...restProps
-    }: DropdownMenuPrimitive.ContentProps & {
-        portalProps?: DropdownMenuPrimitive.PortalProps;
-    } = $props();
+let {
+    ref = $bindable(null),
+    sideOffset = 4,
+    portalProps,
+    class: className,
+    ...restProps
+}: DropdownMenuPrimitive.ContentProps & {
+    portalProps?: DropdownMenuPrimitive.PortalProps;
+} = $props();
 </script>

 <DropdownMenuPrimitive.Portal {...portalProps}>
@@ -21,6 +21,5 @@
            'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md outline-hidden',
            className
        )}
-        {...restProps}
-    />
+        {...restProps} />
 </DropdownMenuPrimitive.Portal>
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
@@ -1,19 +1,18 @@
 <script lang="ts">
-    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        inset,
-        ...restProps
-    }: DropdownMenuPrimitive.GroupHeadingProps & {
-        inset?: boolean;
-    } = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    inset,
+    ...restProps
+}: DropdownMenuPrimitive.GroupHeadingProps & {
+    inset?: boolean;
+} = $props();
 </script>

 <DropdownMenuPrimitive.GroupHeading
    bind:ref
    class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
-    {...restProps}
-/>
+    {...restProps} />
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -1,23 +1,22 @@
 <script lang="ts">
-    import { cn } from '$lib/utils/utils.js';
-    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';

-    let {
-        ref = $bindable(null),
-        class: className,
-        inset,
-        ...restProps
-    }: DropdownMenuPrimitive.ItemProps & {
-        inset?: boolean;
-    } = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    inset,
+    ...restProps
+}: DropdownMenuPrimitive.ItemProps & {
+    inset?: boolean;
+} = $props();
 </script>

 <DropdownMenuPrimitive.Item
    bind:ref
    class={cn(
-        'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+        'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
        inset && 'pl-8',
        className
    )}
-    {...restProps}
-/>
+    {...restProps} />
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -1,23 +1,22 @@
 <script lang="ts">
-    import { cn } from '$lib/utils/utils.js';
-    import { type WithElementRef } from 'bits-ui';
-    import type { HTMLAttributes } from 'svelte/elements';
+import { cn } from '$lib/utils/utils.js';
+import { type WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';

-    let {
-        ref = $bindable(null),
-        class: className,
-        inset,
-        children,
-        ...restProps
-    }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-        inset?: boolean;
-    } = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    inset,
+    children,
+    ...restProps
+}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    inset?: boolean;
+} = $props();
 </script>

 <div
    bind:this={ref}
    class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
-    {...restProps}
->
+    {...restProps}>
    {@render children?.()}
 </div>
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -1,24 +1,26 @@
 <script lang="ts">
-    import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from 'bits-ui';
-    import Circle from 'lucide-svelte/icons/circle';
-    import { cn } from '$lib/utils/utils.js';
+import {
+    DropdownMenu as DropdownMenuPrimitive,
+    type WithoutChild
+} from 'bits-ui';
+import Circle from 'lucide-svelte/icons/circle';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        children: childrenProp,
-        ...restProps
-    }: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    children: childrenProp,
+    ...restProps
+}: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
 </script>

 <DropdownMenuPrimitive.RadioItem
    bind:ref
    class={cn(
-        'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50',
+        'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50',
        className
    )}
-    {...restProps}
->
+    {...restProps}>
    {#snippet children({ checked })}
        <span class="absolute left-2 flex size-3.5 items-center justify-center">
            {#if checked}
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -1,16 +1,15 @@
 <script lang="ts">
-    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        ...restProps
-    }: DropdownMenuPrimitive.SeparatorProps = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+}: DropdownMenuPrimitive.SeparatorProps = $props();
 </script>

 <DropdownMenuPrimitive.Separator
    bind:ref
    class={cn('bg-muted -mx-1 my-1 h-px', className)}
-    {...restProps}
-/>
+    {...restProps} />
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -1,20 +1,19 @@
 <script lang="ts">
-    import type { HTMLAttributes } from 'svelte/elements';
-    import { type WithElementRef } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        children,
-        ...restProps
-    }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
 </script>

 <span
    bind:this={ref}
    class={cn('ml-auto text-xs tracking-widest opacity-60', className)}
-    {...restProps}
->
+    {...restProps}>
    {@render children?.()}
 </span>
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        ...restProps
-    }: DropdownMenuPrimitive.SubContentProps = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+}: DropdownMenuPrimitive.SubContentProps = $props();
 </script>

 <DropdownMenuPrimitive.SubContent
@@ -15,5 +15,4 @@
        'bg-popover text-popover-foreground z-50 min-w-32 rounded-md border p-1 shadow-lg focus:outline-hidden',
        className
    )}
-    {...restProps}
-/>
+    {...restProps} />
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -1,28 +1,27 @@
 <script lang="ts">
-    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-    import ChevronRight from 'lucide-svelte/icons/chevron-right';
-    import { cn } from '$lib/utils/utils.js';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import ChevronRight from 'lucide-svelte/icons/chevron-right';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        inset,
-        children,
-        ...restProps
-    }: DropdownMenuPrimitive.SubTriggerProps & {
-        inset?: boolean;
-    } = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    inset,
+    children,
+    ...restProps
+}: DropdownMenuPrimitive.SubTriggerProps & {
+    inset?: boolean;
+} = $props();
 </script>

 <DropdownMenuPrimitive.SubTrigger
    bind:ref
    class={cn(
-        'data-[highlighted]:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+        'data-[highlighted]:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
        inset && 'pl-8',
        className
    )}
-    {...restProps}
->
+    {...restProps}>
    {@render children?.()}
    <ChevronRight class="ml-auto" />
 </DropdownMenuPrimitive.SubTrigger>
--- a/src/lib/components/ui/input/input.svelte
+++ b/src/lib/components/ui/input/input.svelte
@@ -1,22 +1,21 @@
 <script lang="ts">
-    import type { HTMLInputAttributes } from 'svelte/elements';
-    import type { WithElementRef } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import type { HTMLInputAttributes } from 'svelte/elements';
+import type { WithElementRef } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        value = $bindable(),
-        class: className,
-        ...restProps
-    }: WithElementRef<HTMLInputAttributes> = $props();
+let {
+    ref = $bindable(null),
+    value = $bindable(),
+    class: className,
+    ...restProps
+}: WithElementRef<HTMLInputAttributes> = $props();
 </script>

 <input
    bind:this={ref}
    class={cn(
-        'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
        className
    )}
    bind:value
-    {...restProps}
-/>
+    {...restProps} />
--- a/src/lib/components/ui/popover/popover-content.svelte
+++ b/src/lib/components/ui/popover/popover-content.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-    import { cn } from '$lib/utils/utils.js';
-    import { Popover as PopoverPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';
+import { Popover as PopoverPrimitive } from 'bits-ui';

-    let {
-        ref = $bindable(null),
-        class: className,
-        sideOffset = 4,
-        align = 'center',
-        portalProps,
-        ...restProps
-    }: PopoverPrimitive.ContentProps & {
-        portalProps?: PopoverPrimitive.PortalProps;
-    } = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    align = 'center',
+    portalProps,
+    ...restProps
+}: PopoverPrimitive.ContentProps & {
+    portalProps?: PopoverPrimitive.PortalProps;
+} = $props();
 </script>

 <PopoverPrimitive.Portal {...portalProps}>
@@ -23,6 +23,5 @@
            'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden',
            className
        )}
-        {...restProps}
-    />
+        {...restProps} />
 </PopoverPrimitive.Portal>
--- a/src/lib/components/ui/separator/separator.svelte
+++ b/src/lib/components/ui/separator/separator.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-    import { Separator as SeparatorPrimitive } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import { Separator as SeparatorPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        orientation = 'horizontal',
-        ...restProps
-    }: SeparatorPrimitive.RootProps = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'horizontal',
+    ...restProps
+}: SeparatorPrimitive.RootProps = $props();
 </script>

 <SeparatorPrimitive.Root
@@ -18,5 +18,4 @@
        className
    )}
    {orientation}
-    {...restProps}
-/>
+    {...restProps} />
--- a/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-    import { Tooltip as TooltipPrimitive } from 'bits-ui';
-    import { cn } from '$lib/utils/utils.js';
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import { cn } from '$lib/utils/utils.js';

-    let {
-        ref = $bindable(null),
-        class: className,
-        sideOffset = 4,
-        ...restProps
-    }: TooltipPrimitive.ContentProps = $props();
+let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    ...restProps
+}: TooltipPrimitive.ContentProps = $props();
 </script>

 <TooltipPrimitive.Content
@@ -17,5 +17,4 @@
        'bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md',
        className
    )}
-    {...restProps}
-/>
+    {...restProps} />