style: Apply Prettier formatting with 4-space indentation

Applied consistent code formatting across the project using Prettier, now configured to use 4-space indentation instead of tabs.

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

@@ -1,68 +1,74 @@
 <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'
-			}
-		},
-		defaultVariants: {
-			variant: 'default',
-			size: 'default'
-		}
-	});
+    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'
+            }
+        },
+        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;
-		};
+    export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
+        WithElementRef<HTMLAnchorAttributes> & {
+            variant?: ButtonVariant;
+            size?: ButtonSize;
+        };
 </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}
-	<a bind:this={ref} class={cn(buttonVariants({ variant, size, className }))} {href} {...restProps}>
-		{@render children?.()}
-	</a>
+    <a
+        bind:this={ref}
+        class={cn(buttonVariants({ variant, size, className }))}
+        {href}
+        {...restProps}
+    >
+        {@render children?.()}
+    </a>
 {:else}
-	<button
-		bind:this={ref}
-		class={cn(buttonVariants({ variant, size, className }))}
-		{type}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
+    <button
+        bind:this={ref}
+        class={cn(buttonVariants({ variant, size, className }))}
+        {type}
+        {...restProps}
+    >
+        {@render children?.()}
+    </button>
 {/if}

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

@@ -1,9 +1,9 @@
 import Root, { buttonVariants } from './button.svelte';
 
 export {
-	Root,
+    Root,
 
-	//
-	Root as Button,
-	buttonVariants
+    //
+    Root as Button,
+    buttonVariants
 };

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

@@ -1,17 +1,17 @@
 import Root, {
-	type ButtonProps,
-	type ButtonSize,
-	type ButtonVariant,
-	buttonVariants
+    type ButtonProps,
+    type ButtonSize,
+    type ButtonVariant,
+    buttonVariants
 } from './button.svelte';
 
 export {
-	Root,
-	type ButtonProps as Props,
-	//
-	Root as Button,
-	buttonVariants,
-	type ButtonProps,
-	type ButtonSize,
-	type ButtonVariant
+    Root,
+    type ButtonProps as Props,
+    //
+    Root as Button,
+    buttonVariants,
+    type ButtonProps,
+    type ButtonSize,
+    type ButtonVariant
 };

src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,40 +1,40 @@
 <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
-	bind:ref
-	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',
-		className
-	)}
-	{...restProps}
+    bind:ref
+    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',
+        className
+    )}
+    {...restProps}
 >
-	{#snippet children({ checked, indeterminate })}
-		<span class="absolute left-2 flex size-3.5 items-center justify-center">
-			{#if indeterminate}
-				<Minus class="size-4" />
-			{:else}
-				<Check class={cn('size-4', !checked && 'text-transparent')} />
-			{/if}
-		</span>
-		{@render childrenProp?.()}
-	{/snippet}
+    {#snippet children({ checked, indeterminate })}
+        <span class="absolute left-2 flex size-3.5 items-center justify-center">
+            {#if indeterminate}
+                <Minus class="size-4" />
+            {:else}
+                <Check class={cn('size-4', !checked && 'text-transparent')} />
+            {/if}
+        </span>
+        {@render childrenProp?.()}
+    {/snippet}
 </DropdownMenuPrimitive.CheckboxItem>

src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -1,26 +1,26 @@
 <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}>
-	<DropdownMenuPrimitive.Content
-		bind:ref
-		{sideOffset}
-		class={cn(
-			'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}
-	/>
+    <DropdownMenuPrimitive.Content
+        bind:ref
+        {sideOffset}
+        class={cn(
+            '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}
+    />
 </DropdownMenuPrimitive.Portal>

src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte

@@ -1,19 +1,19 @@
 <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}
+    bind:ref
+    class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
+    {...restProps}
 />

src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -1,23 +1,23 @@
 <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',
-		inset && 'pl-8',
-		className
-	)}
-	{...restProps}
+    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',
+        inset && 'pl-8',
+        className
+    )}
+    {...restProps}
 />

src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte

@@ -1,23 +1,23 @@
 <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}
+    bind:this={ref}
+    class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
+    {...restProps}
 >
-	{@render children?.()}
+    {@render children?.()}
 </div>

src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,30 +1,30 @@
 <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',
-		className
-	)}
-	{...restProps}
+    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',
+        className
+    )}
+    {...restProps}
 >
-	{#snippet children({ checked })}
-		<span class="absolute left-2 flex size-3.5 items-center justify-center">
-			{#if checked}
-				<Circle class="size-2 fill-current" />
-			{/if}
-		</span>
-		{@render childrenProp?.({ checked })}
-	{/snippet}
+    {#snippet children({ checked })}
+        <span class="absolute left-2 flex size-3.5 items-center justify-center">
+            {#if checked}
+                <Circle class="size-2 fill-current" />
+            {/if}
+        </span>
+        {@render childrenProp?.({ checked })}
+    {/snippet}
 </DropdownMenuPrimitive.RadioItem>

src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,16 +1,16 @@
 <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}
+    bind:ref
+    class={cn('bg-muted -mx-1 my-1 h-px', className)}
+    {...restProps}
 />

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

@@ -1,20 +1,20 @@
 <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}
+    bind:this={ref}
+    class={cn('ml-auto text-xs tracking-widest opacity-60', className)}
+    {...restProps}
 >
-	{@render children?.()}
+    {@render children?.()}
 </span>

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -1,19 +1,19 @@
 <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
-	bind:ref
-	class={cn(
-		'bg-popover text-popover-foreground z-50 min-w-32 rounded-md border p-1 shadow-lg focus:outline-hidden',
-		className
-	)}
-	{...restProps}
+    bind:ref
+    class={cn(
+        'bg-popover text-popover-foreground z-50 min-w-32 rounded-md border p-1 shadow-lg focus:outline-hidden',
+        className
+    )}
+    {...restProps}
 />

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,28 +1,28 @@
 <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',
-		inset && 'pl-8',
-		className
-	)}
-	{...restProps}
+    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',
+        inset && 'pl-8',
+        className
+    )}
+    {...restProps}
 >
-	{@render children?.()}
-	<ChevronRight class="ml-auto" />
+    {@render children?.()}
+    <ChevronRight class="ml-auto" />
 </DropdownMenuPrimitive.SubTrigger>

src/lib/components/ui/dropdown-menu/index.js

@@ -17,34 +17,34 @@ const Group = DropdownMenuPrimitive.Group;
 const RadioGroup = DropdownMenuPrimitive.RadioGroup;
 
 export {
-	CheckboxItem,
-	Content,
-	Root as DropdownMenu,
-	CheckboxItem as DropdownMenuCheckboxItem,
-	Content as DropdownMenuContent,
-	Group as DropdownMenuGroup,
-	GroupHeading as DropdownMenuGroupHeading,
-	Item as DropdownMenuItem,
-	Label as DropdownMenuLabel,
-	RadioGroup as DropdownMenuRadioGroup,
-	RadioItem as DropdownMenuRadioItem,
-	Separator as DropdownMenuSeparator,
-	Shortcut as DropdownMenuShortcut,
-	Sub as DropdownMenuSub,
-	SubContent as DropdownMenuSubContent,
-	SubTrigger as DropdownMenuSubTrigger,
-	Trigger as DropdownMenuTrigger,
-	Group,
-	GroupHeading,
-	Item,
-	Label,
-	RadioGroup,
-	RadioItem,
-	Root,
-	Separator,
-	Shortcut,
-	Sub,
-	SubContent,
-	SubTrigger,
-	Trigger
+    CheckboxItem,
+    Content,
+    Root as DropdownMenu,
+    CheckboxItem as DropdownMenuCheckboxItem,
+    Content as DropdownMenuContent,
+    Group as DropdownMenuGroup,
+    GroupHeading as DropdownMenuGroupHeading,
+    Item as DropdownMenuItem,
+    Label as DropdownMenuLabel,
+    RadioGroup as DropdownMenuRadioGroup,
+    RadioItem as DropdownMenuRadioItem,
+    Separator as DropdownMenuSeparator,
+    Shortcut as DropdownMenuShortcut,
+    Sub as DropdownMenuSub,
+    SubContent as DropdownMenuSubContent,
+    SubTrigger as DropdownMenuSubTrigger,
+    Trigger as DropdownMenuTrigger,
+    Group,
+    GroupHeading,
+    Item,
+    Label,
+    RadioGroup,
+    RadioItem,
+    Root,
+    Separator,
+    Shortcut,
+    Sub,
+    SubContent,
+    SubTrigger,
+    Trigger
 };

src/lib/components/ui/dropdown-menu/index.ts

@@ -17,34 +17,34 @@ const Group = DropdownMenuPrimitive.Group;
 const RadioGroup = DropdownMenuPrimitive.RadioGroup;
 
 export {
-	CheckboxItem,
-	Content,
-	Root as DropdownMenu,
-	CheckboxItem as DropdownMenuCheckboxItem,
-	Content as DropdownMenuContent,
-	Group as DropdownMenuGroup,
-	GroupHeading as DropdownMenuGroupHeading,
-	Item as DropdownMenuItem,
-	Label as DropdownMenuLabel,
-	RadioGroup as DropdownMenuRadioGroup,
-	RadioItem as DropdownMenuRadioItem,
-	Separator as DropdownMenuSeparator,
-	Shortcut as DropdownMenuShortcut,
-	Sub as DropdownMenuSub,
-	SubContent as DropdownMenuSubContent,
-	SubTrigger as DropdownMenuSubTrigger,
-	Trigger as DropdownMenuTrigger,
-	Group,
-	GroupHeading,
-	Item,
-	Label,
-	RadioGroup,
-	RadioItem,
-	Root,
-	Separator,
-	Shortcut,
-	Sub,
-	SubContent,
-	SubTrigger,
-	Trigger
+    CheckboxItem,
+    Content,
+    Root as DropdownMenu,
+    CheckboxItem as DropdownMenuCheckboxItem,
+    Content as DropdownMenuContent,
+    Group as DropdownMenuGroup,
+    GroupHeading as DropdownMenuGroupHeading,
+    Item as DropdownMenuItem,
+    Label as DropdownMenuLabel,
+    RadioGroup as DropdownMenuRadioGroup,
+    RadioItem as DropdownMenuRadioItem,
+    Separator as DropdownMenuSeparator,
+    Shortcut as DropdownMenuShortcut,
+    Sub as DropdownMenuSub,
+    SubContent as DropdownMenuSubContent,
+    SubTrigger as DropdownMenuSubTrigger,
+    Trigger as DropdownMenuTrigger,
+    Group,
+    GroupHeading,
+    Item,
+    Label,
+    RadioGroup,
+    RadioItem,
+    Root,
+    Separator,
+    Shortcut,
+    Sub,
+    SubContent,
+    SubTrigger,
+    Trigger
 };

src/lib/components/ui/input/index.js

@@ -1,7 +1,7 @@
 import Root from './input.svelte';
 
 export {
-	Root,
-	//
-	Root as Input
+    Root,
+    //
+    Root as Input
 };

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

@@ -1,7 +1,7 @@
 import Root from './input.svelte';
 
 export {
-	Root,
-	//
-	Root as Input
+    Root,
+    //
+    Root as Input
 };

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

@@ -1,22 +1,22 @@
 <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',
-		className
-	)}
-	bind:value
-	{...restProps}
+    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',
+        className
+    )}
+    bind:value
+    {...restProps}
 />

src/lib/components/ui/popover/index.js

@@ -5,13 +5,13 @@ const Trigger = PopoverPrimitive.Trigger;
 const Close = PopoverPrimitive.Close;
 
 export {
-	Root,
-	Content,
-	Trigger,
-	Close,
-	//
-	Root as Popover,
-	Content as PopoverContent,
-	Trigger as PopoverTrigger,
-	Close as PopoverClose
+    Root,
+    Content,
+    Trigger,
+    Close,
+    //
+    Root as Popover,
+    Content as PopoverContent,
+    Trigger as PopoverTrigger,
+    Close as PopoverClose
 };

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

@@ -5,13 +5,13 @@ const Trigger = PopoverPrimitive.Trigger;
 const Close = PopoverPrimitive.Close;
 
 export {
-	Root,
-	Content,
-	Trigger,
-	Close,
-	//
-	Root as Popover,
-	Content as PopoverContent,
-	Trigger as PopoverTrigger,
-	Close as PopoverClose
+    Root,
+    Content,
+    Trigger,
+    Close,
+    //
+    Root as Popover,
+    Content as PopoverContent,
+    Trigger as PopoverTrigger,
+    Close as PopoverClose
 };

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

@@ -1,28 +1,28 @@
 <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}>
-	<PopoverPrimitive.Content
-		bind:ref
-		{sideOffset}
-		{align}
-		class={cn(
-			'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}
-	/>
+    <PopoverPrimitive.Content
+        bind:ref
+        {sideOffset}
+        {align}
+        class={cn(
+            '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}
+    />
 </PopoverPrimitive.Portal>

src/lib/components/ui/separator/index.js

@@ -1,7 +1,7 @@
 import Root from './separator.svelte';
 
 export {
-	Root,
-	//
-	Root as Separator
+    Root,
+    //
+    Root as Separator
 };

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

@@ -1,7 +1,7 @@
 import Root from './separator.svelte';
 
 export {
-	Root,
-	//
-	Root as Separator
+    Root,
+    //
+    Root as Separator
 };

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

@@ -1,22 +1,22 @@
 <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
-	bind:ref
-	class={cn(
-		'bg-border shrink-0',
-		orientation === 'horizontal' ? 'h-px w-full' : 'min-h-full w-px',
-		className
-	)}
-	{orientation}
-	{...restProps}
+    bind:ref
+    class={cn(
+        'bg-border shrink-0',
+        orientation === 'horizontal' ? 'h-px w-full' : 'min-h-full w-px',
+        className
+    )}
+    {orientation}
+    {...restProps}
 />

src/lib/components/ui/tooltip/index.js

@@ -6,13 +6,13 @@ const Trigger = TooltipPrimitive.Trigger;
 const Provider = TooltipPrimitive.Provider;
 
 export {
-	Root,
-	Trigger,
-	Content,
-	Provider,
-	//
-	Root as Tooltip,
-	Content as TooltipContent,
-	Trigger as TooltipTrigger,
-	Provider as TooltipProvider
+    Root,
+    Trigger,
+    Content,
+    Provider,
+    //
+    Root as Tooltip,
+    Content as TooltipContent,
+    Trigger as TooltipTrigger,
+    Provider as TooltipProvider
 };

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

@@ -6,13 +6,13 @@ const Trigger = TooltipPrimitive.Trigger;
 const Provider = TooltipPrimitive.Provider;
 
 export {
-	Root,
-	Trigger,
-	Content,
-	Provider,
-	//
-	Root as Tooltip,
-	Content as TooltipContent,
-	Trigger as TooltipTrigger,
-	Provider as TooltipProvider
+    Root,
+    Trigger,
+    Content,
+    Provider,
+    //
+    Root as Tooltip,
+    Content as TooltipContent,
+    Trigger as TooltipTrigger,
+    Provider as TooltipProvider
 };

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

@@ -1,21 +1,21 @@
 <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
-	bind:ref
-	{sideOffset}
-	class={cn(
-		'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}
+    bind:ref
+    {sideOffset}
+    class={cn(
+        '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}
 />