@kayord/ui 0.0.18 → 0.0.20

package/dist/components/custom/theme-switch/ThemeSwitch.svelte

@@ -1,8 +1,11 @@
 <script>import { toggleMode, mode } from "mode-watcher";
 import { Moon, Sun } from "lucide-svelte";
+import { cn } from "../../..";
+let className = void 0;
+export { className as class };
 </script>
 
-<button on:click={toggleMode} class="text-primary">
+<button on:click={toggleMode} class={cn("text-primary", className)}>
 	{#if $mode == "dark"}
 		<Moon />
 	{:else}

package/dist/components/custom/theme-switch/ThemeSwitch.svelte.d.ts

@@ -1,6 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: {
+        class?: string | undefined | null;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/ui/button/button.svelte

@@ -11,6 +11,7 @@ export { className as class };
 <ButtonPrimitive.Root
 	{builders}
 	class={cn(buttonVariants({ variant, size, className }))}
+	type="button"
 	{...$$restProps}
 	on:click
 	on:keydown

package/dist/components/ui/button/index.d.ts

@@ -114,4 +114,4 @@ type Props = ButtonPrimitive.Props & {
     size?: Size;
 };
 type Events = ButtonPrimitive.Events;
-export { Root, type Props, type Events, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants, };
+export { Root, type Props, type Events, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants };

package/dist/components/ui/button/index.js

@@ -9,20 +9,20 @@ const buttonVariants = tv({
             outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
             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",
+            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",
-        },
+            icon: "h-10 w-10"
+        }
     },
     defaultVariants: {
         variant: "default",
-        size: "default",
-    },
+        size: "default"
+    }
 });
 export { Root, 
 //
-Root as Button, buttonVariants, };
+Root as Button, buttonVariants };

package/dist/components/ui/checkbox/checkbox.svelte

@@ -8,7 +8,7 @@ export { className as class };
 
 <CheckboxPrimitive.Root
 	class={cn(
-		"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+		"box-content peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 		className
 	)}
 	bind:checked
@@ -21,9 +21,9 @@ export { className as class };
 		let:isIndeterminate
 	>
 		{#if isChecked}
-			<Check class="h-4 w-4" />
+			<Check class="h-3.5 w-3.5" />
 		{:else if isIndeterminate}
-			<Minus class="h-4 w-4" />
+			<Minus class="h-3.5 w-3.5" />
 		{/if}
 	</CheckboxPrimitive.Indicator>
 </CheckboxPrimitive.Root>

package/dist/components/ui/command/command-dialog.svelte

@@ -0,0 +1,17 @@
+<script>import Command from "./command.svelte";
+import * as Dialog from "../dialog";
+export let open = false;
+export let value = void 0;
+</script>
+
+<Dialog.Root bind:open {...$$restProps}>
+	<Dialog.Content class="overflow-hidden p-0 shadow-lg">
+		<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
+		>
+			<slot />
+		</Command>
+	</Dialog.Content>
+</Dialog.Root>

package/dist/components/ui/command/command-empty.svelte

@@ -0,0 +1,12 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Empty
+	class={cn("py-6 text-center text-sm", className)}
+	{...$$restProps}
+>
+	<slot />
+</CommandPrimitive.Empty>

package/dist/components/ui/command/command-empty.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.EmptyProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CommandEmptyProps = typeof __propDef.props;
+export type CommandEmptyEvents = typeof __propDef.events;
+export type CommandEmptySlots = typeof __propDef.slots;
+export default class CommandEmpty extends SvelteComponent<CommandEmptyProps, CommandEmptyEvents, CommandEmptySlots> {
+}
+export {};

package/dist/components/ui/command/command-group.svelte

@@ -0,0 +1,15 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Group
+	class={cn(
+		"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}
+>
+	<slot />
+</CommandPrimitive.Group>

package/dist/components/ui/command/command-group.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.GroupProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CommandGroupProps = typeof __propDef.props;
+export type CommandGroupEvents = typeof __propDef.events;
+export type CommandGroupSlots = typeof __propDef.slots;
+export default class CommandGroup extends SvelteComponent<CommandGroupProps, CommandGroupEvents, CommandGroupSlots> {
+}
+export {};

package/dist/components/ui/command/command-input.svelte

@@ -0,0 +1,17 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { Search } from "lucide-svelte";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class="flex items-center border-b px-2" data-cmdk-input-wrapper="">
+	<Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
+	<CommandPrimitive.Input
+		class={cn(
+			"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+			className
+		)}
+		{...$$restProps}
+	/>
+</div>

package/dist/components/ui/command/command-input.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.InputProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CommandInputProps = typeof __propDef.props;
+export type CommandInputEvents = typeof __propDef.events;
+export type CommandInputSlots = typeof __propDef.slots;
+export default class CommandInput extends SvelteComponent<CommandInputProps, CommandInputEvents, CommandInputSlots> {
+}
+export {};

package/dist/components/ui/command/command-item.svelte

@@ -0,0 +1,15 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Item
+	class={cn(
+		"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}
+>
+	<slot />
+</CommandPrimitive.Item>

package/dist/components/ui/command/command-item.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.ItemProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CommandItemProps = typeof __propDef.props;
+export type CommandItemEvents = typeof __propDef.events;
+export type CommandItemSlots = typeof __propDef.slots;
+export default class CommandItem extends SvelteComponent<CommandItemProps, CommandItemEvents, CommandItemSlots> {
+}
+export {};

package/dist/components/ui/command/command-list.svelte

@@ -0,0 +1,12 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.List
+	class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+	{...$$restProps}
+>
+	<slot />
+</CommandPrimitive.List>

package/dist/components/ui/command/command-list.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.ListProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CommandListProps = typeof __propDef.props;
+export type CommandListEvents = typeof __propDef.events;
+export type CommandListSlots = typeof __propDef.slots;
+export default class CommandList extends SvelteComponent<CommandListProps, CommandListEvents, CommandListSlots> {
+}
+export {};

package/dist/components/ui/command/command-separator.svelte

@@ -0,0 +1,10 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Separator
+	class={cn("-mx-1 h-px bg-border", className)}
+	{...$$restProps}
+/>

package/dist/components/ui/command/command-separator.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.SeparatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CommandSeparatorProps = typeof __propDef.props;
+export type CommandSeparatorEvents = typeof __propDef.events;
+export type CommandSeparatorSlots = typeof __propDef.slots;
+export default class CommandSeparator extends SvelteComponent<CommandSeparatorProps, CommandSeparatorEvents, CommandSeparatorSlots> {
+}
+export {};

package/dist/components/ui/command/command-shortcut.svelte

@@ -0,0 +1,14 @@
+<script>import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<span
+	class={cn(
+		"ml-auto text-xs tracking-widest text-muted-foreground",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</span>

package/dist/components/ui/command/command-shortcut.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLSpanElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CommandShortcutProps = typeof __propDef.props;
+export type CommandShortcutEvents = typeof __propDef.events;
+export type CommandShortcutSlots = typeof __propDef.slots;
+export default class CommandShortcut extends SvelteComponent<CommandShortcutProps, CommandShortcutEvents, CommandShortcutSlots> {
+}
+export {};

package/dist/components/ui/command/command.svelte

@@ -0,0 +1,17 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils";
+export let value = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Root
+	class={cn(
+		"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+		className
+	)}
+	bind:value
+	{...$$restProps}
+>
+	<slot />
+</CommandPrimitive.Root>

package/dist/components/ui/command/index.d.ts

@@ -0,0 +1,12 @@
+import { Command as CommandPrimitive } from "cmdk-sv";
+import Root from "./command.svelte";
+import Dialog from "./command-dialog.svelte";
+import Empty from "./command-empty.svelte";
+import Group from "./command-group.svelte";
+import Item from "./command-item.svelte";
+import Input from "./command-input.svelte";
+import List from "./command-list.svelte";
+import Separator from "./command-separator.svelte";
+import Shortcut from "./command-shortcut.svelte";
+declare const Loading: typeof CommandPrimitive.Loading;
+export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading };

package/dist/components/ui/command/index.js

@@ -0,0 +1,14 @@
+import { Command as CommandPrimitive } from "cmdk-sv";
+import Root from "./command.svelte";
+import Dialog from "./command-dialog.svelte";
+import Empty from "./command-empty.svelte";
+import Group from "./command-group.svelte";
+import Item from "./command-item.svelte";
+import Input from "./command-input.svelte";
+import List from "./command-list.svelte";
+import Separator from "./command-separator.svelte";
+import Shortcut from "./command-shortcut.svelte";
+const Loading = CommandPrimitive.Loading;
+export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, 
+//
+Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading };

package/dist/components/ui/form/form-label.svelte

@@ -7,7 +7,7 @@ const { errors, ids } = getFormField();
 </script>
 
 <Label
-	for={ids.input}
+	for={$ids.input}
 	class={cn($errors && "text-destructive", className)}
 	{...$$restProps}
 >

package/dist/components/ui/form/form-select.svelte

@@ -1,7 +1,7 @@
 <script>import * as Select from "../select";
 import { getFormField } from "formsnap";
 const { setValue, name, value } = getFormField();
-export let onSelectedChange;
+export let onSelectedChange = void 0;
 </script>
 
 <Select.Root

package/dist/components/ui/form/index.d.ts

@@ -18,6 +18,7 @@ import SelectTrigger from "./form-select-trigger.svelte";
 import Button from "./form-button.svelte";
 declare const Root: typeof FormPrimitive.Root;
 declare const Field: typeof FormPrimitive.Field;
+declare const Control: typeof FormPrimitive.Control;
 declare const RadioItem: typeof RadioGroupComp.Item;
 declare const NativeRadio: typeof FormPrimitive.Radio;
 declare const SelectContent: typeof SelectComp.Content;
@@ -28,4 +29,4 @@ declare const SelectSeparator: typeof SelectComp.Separator;
 export type TextareaGetFormField = Omit<ReturnType<typeof getFormField>, "value"> & {
     value: Writable<string>;
 };
-export { Root, Field, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, Root as Form, Field as FormField, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton };
+export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton };

package/dist/components/ui/form/index.js

@@ -16,6 +16,7 @@ import SelectTrigger from "./form-select-trigger.svelte";
 import Button from "./form-button.svelte";
 const Root = FormPrimitive.Root;
 const Field = FormPrimitive.Field;
+const Control = FormPrimitive.Control;
 const RadioItem = RadioGroupComp.Item;
 const NativeRadio = FormPrimitive.Radio;
 const SelectContent = SelectComp.Content;
@@ -23,6 +24,6 @@ const SelectLabel = SelectComp.Label;
 const SelectGroup = SelectComp.Group;
 const SelectItem = SelectComp.Item;
 const SelectSeparator = SelectComp.Separator;
-export { Root, Field, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, 
+export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, 
 //
-Root as Form, Field as FormField, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton };
+Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton };

package/dist/components/ui/input/input.svelte

@@ -6,7 +6,7 @@ export { className as class };
 
 <input
 	class={cn(
-		"flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		"flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0  file:bg-transparent file:text-foreground file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	bind:value

package/dist/components/ui/select/select-item.svelte

@@ -1,6 +1,6 @@
-<script>import { Select as SelectPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils";
+import { Select as SelectPrimitive } from "bits-ui";
 import { Check } from "lucide-svelte";
-import { cn } from "../../../utils";
 let className = void 0;
 export let value;
 export let label = void 0;
@@ -13,7 +13,7 @@ export { className as class };
 	{disabled}
 	{label}
 	class={cn(
-		"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...$$restProps}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.0.18",
+  "version": "0.0.20",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,34 +21,35 @@
     "svelte": "^4.0.0"
   },
   "dependencies": {
-    "bits-ui": "^0.9.0",
+    "bits-ui": "^0.9.7",
     "clsx": "^2.0.0",
-    "formsnap": "^0.2.1",
-    "lucide-svelte": "^0.290.0",
-    "mode-watcher": "^0.0.5",
-    "sveltekit-superforms": "^1.8.0",
+    "cmdk-sv": "^0.0.6",
+    "formsnap": "^0.4.1",
+    "lucide-svelte": "^0.292.0",
+    "mode-watcher": "^0.0.7",
+    "sveltekit-superforms": "^1.10.2",
     "tailwind-merge": "^2.0.0",
     "tailwind-variants": "^0.1.18",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@playwright/test": "^1.39.0",
-    "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.27.2",
+    "@sveltejs/adapter-auto": "^2.1.1",
+    "@sveltejs/kit": "^1.27.6",
     "@sveltejs/package": "^2.2.2",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.52.0",
+    "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-svelte": "^2.34.0",
+    "eslint-plugin-svelte": "^2.35.0",
     "postcss": "^8.4.31",
     "postcss-load-config": "^4.0.1",
-    "prettier": "^3.0.3",
-    "prettier-plugin-svelte": "^3.0.3",
+    "prettier": "^3.1.0",
+    "prettier-plugin-svelte": "^3.1.0",
     "publint": "^0.2.5",
-    "svelte": "^4.2.2",
-    "svelte-check": "^3.5.2",
+    "svelte": "^4.2.3",
+    "svelte-check": "^3.6.0",
     "tailwindcss": "^3.3.5",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2",