@nasa-jpl/stellar-svelte 2.0.0-alpha.67 → 2.1.9

package/dist/components/ui/alert/alert-description.svelte

@@ -1,8 +1,10 @@
 <script>import { cn } from "../../../utils.js";
+import { alertSizeVariants } from "./index.js";
 let className = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
-<div class={cn('text-sm [&_p]:leading-relaxed', className)} {...$$restProps}>
+<div class={cn('text-sm [&_p]:leading-relaxed', alertSizeVariants.size[size].description, className)} {...$$restProps}>
   <slot />
 </div>

package/dist/components/ui/alert/alert-description.svelte.d.ts

@@ -1,7 +1,10 @@
 import { SvelteComponent } from "svelte";
 import type { HTMLAttributes } from 'svelte/elements';
+import { type AlertSize } from './index.js';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
+    props: HTMLAttributes<HTMLDivElement> & {
+        size?: AlertSize;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/ui/alert/alert-title.svelte

@@ -1,13 +1,15 @@
 <script>import { cn } from "../../../utils.js";
+import { alertSizeVariants } from "./index.js";
 let className = void 0;
 export let level = "h5";
+export let size = "default";
 export { className as class };
 </script>
 
 <svelte:element
-	this={level}
-	class={cn("mb-1 font-medium leading-none tracking-tight", className)}
-	{...$$restProps}
+  this={level}
+  class={cn('mb-1 font-medium leading-none tracking-tight', alertSizeVariants.size[size].title, className)}
+  {...$$restProps}
 >
-	<slot />
+  <slot />
 </svelte:element>

package/dist/components/ui/alert/alert-title.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponent } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import type { HeadingLevel } from "./index.js";
+import type { HTMLAttributes } from 'svelte/elements';
+import { type AlertSize, type HeadingLevel } from './index.js';
 declare const __propDef: {
     props: HTMLAttributes<HTMLHeadingElement> & {
         level?: HeadingLevel;
+        size?: AlertSize;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ui/alert/alert.svelte

@@ -1,10 +1,19 @@
 <script>import { cn } from "../../../utils.js";
-import { alertVariants } from "./index.js";
+import { alertSizeVariants, alertVariants } from "./index.js";
 let className = void 0;
 export let variant = "default";
+export let size = "default";
 export { className as class };
+$: console.log(
+  "cn(alertVariants({ variant }), alertVariants.variants.size[size].alert, className) :>> ",
+  cn(alertVariants({ variant }), alertVariants.variants.size[size].alert, className)
+);
 </script>
 
-<div class={cn(alertVariants({ variant }), className)} {...$$restProps} role="alert">
+<div
+  class={cn(alertVariants({ variant, size }), alertSizeVariants.size[size].alert, className)}
+  {...$$restProps}
+  role="alert"
+>
   <slot />
 </div>

package/dist/components/ui/alert/alert.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponent } from "svelte";
 import type { HTMLAttributes } from 'svelte/elements';
-import { type Variant } from './index.js';
+import { type AlertSize, type Variant } from './index.js';
 declare const __propDef: {
     props: HTMLAttributes<HTMLDivElement> & {
         variant?: Variant;
+        size?: AlertSize;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,42 +2,141 @@ import type { VariantProps } from '../../../types/tailwind.js';
 import Description from './alert-description.svelte';
 import Title from './alert-title.svelte';
 import Root from './alert.svelte';
+declare const alertSizeVariants: {
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
+};
 export declare const alertVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
-}, undefined, "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
 }, {
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
 }>, {
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
-}, undefined, "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
 }, {
+    size: {
+        default: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            alert: string;
+            title: string;
+            description: string;
+        };
+    };
     variant: {
         default: string;
         destructive: string;
     };
 }>, unknown, unknown, undefined>>;
+export type AlertSize = 'default' | 'lg';
 export type Variant = VariantProps<typeof alertVariants>['variant'];
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export { Root as Alert, Description as AlertDescription, Title as AlertTitle, Description, Root, Title, };
+export { Root as Alert, Description as AlertDescription, alertSizeVariants, Title as AlertTitle, Description, Root, Title, };

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

@@ -2,6 +2,20 @@ import { tv } from 'tailwind-variants';
 import Description from './alert-description.svelte';
 import Title from './alert-title.svelte';
 import Root from './alert.svelte';
+const alertSizeVariants = {
+    size: {
+        default: {
+            alert: 'p-2.5 [&:has(svg)]:pl-10 [&>svg]:left-3 [&>svg]:top-3',
+            title: 'text-sm mb-0',
+            description: 'text-xs leading-5',
+        },
+        lg: {
+            alert: '',
+            title: '',
+            description: '',
+        },
+    },
+};
 export const alertVariants = tv({
     base: 'relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',
     variants: {
@@ -9,11 +23,13 @@ export const alertVariants = tv({
             default: 'bg-background text-foreground',
             destructive: 'border-destructive/50 text-destructive text-destructive dark:border-destructive [&>svg]:text-destructive',
         },
+        ...alertSizeVariants,
     },
     defaultVariants: {
         variant: 'default',
+        size: 'default',
     },
 });
 export { 
 //
-Root as Alert, Description as AlertDescription, Title as AlertTitle, Description, Root, Title, };
+Root as Alert, Description as AlertDescription, alertSizeVariants, Title as AlertTitle, Description, Root, Title, };

package/dist/components/ui/alert-dialog/alert-dialog-action.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events").DialogEvents["close"]>;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events.js").DialogEvents["close"]>;
             };
         };
     };

package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events").DialogEvents["close"]>;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events.js").DialogEvents["close"]>;
             };
         };
     };

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

@@ -7,7 +7,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         destructive: string;
         outline: string;
     };
-}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
         default: string;
         secondary: string;
@@ -35,7 +35,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         destructive: string;
         outline: string;
     };
-}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
         default: string;
         secondary: string;

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

@@ -22,7 +22,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         'icon-lg': string;
         'icon-xl': string;
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
         default: string;
         destructive: string;
@@ -106,7 +106,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         'icon-lg': string;
         'icon-xl': string;
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
         default: string;
         destructive: string;

package/dist/components/ui/calendar/calendar-day.svelte.d.ts

@@ -24,7 +24,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["cell"]>;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events.js").CalendarEvents["cell"]>;
             };
         };
     };

package/dist/components/ui/calendar/calendar-next-button.svelte.d.ts

@@ -14,7 +14,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["nextButton"]>;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events.js").CalendarEvents["nextButton"]>;
             };
         };
     };

package/dist/components/ui/calendar/calendar-prev-button.svelte.d.ts

@@ -14,7 +14,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["prevButton"]>;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events.js").CalendarEvents["prevButton"]>;
             };
         };
     };

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

@@ -1,9 +1,11 @@
 <script>import { Command as CommandPrimitive } from "cmdk-sv";
 import { cn } from "../../../utils.js";
+import { commandSizeVariants, getCommandCtx } from "./index.js";
 let className = void 0;
 export { className as class };
+const { size } = getCommandCtx();
 </script>
 
-<CommandPrimitive.Empty class={cn("py-6 text-center text-sm", className)} {...$$restProps}>
+<CommandPrimitive.Empty class={cn("text-center", commandSizeVariants.empty[size], className)} {...$$restProps}>
 	<slot />
 </CommandPrimitive.Empty>

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

@@ -1,15 +1,18 @@
-<script>import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { Command as CommandPrimitive } from "cmdk-sv";
+import { commandSizeVariants, getCommandCtx } from "./index.js";
 let className = void 0;
 export { className as class };
+const { size } = getCommandCtx();
 </script>
 
 <CommandPrimitive.Group
-	class={cn(
-		"text-foreground [&_[data-cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[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",
-		className
-	)}
-	{...$$restProps}
+  class={cn(
+    'text-foreground [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:text-muted-foreground overflow-hidden [&_[data-cmdk-group-heading]]:font-medium',
+    commandSizeVariants.group[size],
+    className,
+  )}
+  {...$$restProps}
 >
-	<slot />
+  <slot />
 </CommandPrimitive.Group>

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { Command as CommandPrimitive } from "cmdk-sv";
+import { Command as CommandPrimitive } from 'cmdk-sv';
 declare const __propDef: {
     props: CommandPrimitive.GroupProps;
     events: {

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

@@ -1,16 +1,20 @@
 <script>import { Command as CommandPrimitive } from "cmdk-sv";
 import Search from "lucide-svelte/icons/search";
 import { cn } from "../../../utils.js";
+import { commandSizeVariants, getCommandCtx } from "./index.js";
 let className = void 0;
 export { className as class };
 export let value = "";
+const { size } = getCommandCtx();
 </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" />
+<div class={cn("flex items-center border-b", commandSizeVariants.inputWrapper[size])} data-cmdk-input-wrapper="">
+	<Search class={cn("shrink-0 opacity-50", commandSizeVariants.inputIcon[size])} />
 	<CommandPrimitive.Input
 		class={cn(
-			"placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+			"placeholder:text-muted-foreground flex w-full rounded-md bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50",
+			commandSizeVariants.input[size],
+			commandSizeVariants.text[size],
 			className
 		)}
 		{...$$restProps}

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

@@ -1,14 +1,18 @@
 <script>import { Command as CommandPrimitive } from "cmdk-sv";
 import { cn } from "../../../utils.js";
+import { commandSizeVariants, getCommandCtx } from "./index.js";
 export let asChild = false;
 let className = void 0;
 export { className as class };
+const { size } = getCommandCtx();
 </script>
 
 <CommandPrimitive.Item
 	{asChild}
 	class={cn(
-		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		commandSizeVariants.item[size],
+		commandSizeVariants.text[size],
 		className
 	)}
 	{...$$restProps}

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

@@ -1,10 +1,12 @@
 <script>import { cn } from "../../../utils.js";
+import { commandSizeVariants, getCommandCtx } from "./index.js";
 let className = void 0;
 export { className as class };
+const { size } = getCommandCtx();
 </script>
 
 <span
-	class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
+	class={cn("text-muted-foreground ml-auto tracking-widest", commandSizeVariants.shortcut[size], className)}
 	{...$$restProps}
 >
 	<slot />

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

@@ -1,8 +1,11 @@
 <script>import { Command as CommandPrimitive } from "cmdk-sv";
 import { cn } from "../../../utils.js";
+import { setCommandCtx } from "./index.js";
 export let value = void 0;
+export let size = "default";
 let className = void 0;
 export { className as class };
+setCommandCtx(size);
 </script>
 
 <CommandPrimitive.Root

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

@@ -1,12 +1,59 @@
-import { Command as CommandPrimitive } from "cmdk-sv";
-import Root from "./command.svelte";
-import Dialog from "./command-dialog.svelte";
-import Empty from "./command-empty.svelte";
-import Group from "./command-group.svelte";
-import Item from "./command-item.svelte";
-import Input from "./command-input.svelte";
-import List from "./command-list.svelte";
-import Separator from "./command-separator.svelte";
-import Shortcut from "./command-shortcut.svelte";
+import { Command as CommandPrimitive } from 'cmdk-sv';
+import Dialog from './command-dialog.svelte';
+import Empty from './command-empty.svelte';
+import Group from './command-group.svelte';
+import Input from './command-input.svelte';
+import Item from './command-item.svelte';
+import List from './command-list.svelte';
+import Separator from './command-separator.svelte';
+import Shortcut from './command-shortcut.svelte';
+import Root from './command.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, };
+export type CommandSize = 'default' | 'sm' | 'xs';
+export declare const commandSizeVariants: {
+    input: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    inputWrapper: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    inputIcon: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    item: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    group: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    shortcut: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    empty: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    text: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+};
+export declare function setCommandCtx(size: CommandSize): void;
+export declare function getCommandCtx(): {
+    size: CommandSize;
+};
+export { Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Input as CommandInput, Item as CommandItem, List as CommandList, Loading as CommandLoading, Separator as CommandSeparator, Shortcut as CommandShortcut, Dialog, Empty, Group, Input, Item, List, Loading, Root, Separator, Shortcut, };

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

@@ -1,14 +1,63 @@
-import { Command as CommandPrimitive } from "cmdk-sv";
-import Root from "./command.svelte";
-import Dialog from "./command-dialog.svelte";
-import Empty from "./command-empty.svelte";
-import Group from "./command-group.svelte";
-import Item from "./command-item.svelte";
-import Input from "./command-input.svelte";
-import List from "./command-list.svelte";
-import Separator from "./command-separator.svelte";
-import Shortcut from "./command-shortcut.svelte";
+import { Command as CommandPrimitive } from 'cmdk-sv';
+import { getContext, setContext } from 'svelte';
+import Dialog from './command-dialog.svelte';
+import Empty from './command-empty.svelte';
+import Group from './command-group.svelte';
+import Input from './command-input.svelte';
+import Item from './command-item.svelte';
+import List from './command-list.svelte';
+import Separator from './command-separator.svelte';
+import Shortcut from './command-shortcut.svelte';
+import Root from './command.svelte';
 const Loading = CommandPrimitive.Loading;
-export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, 
+export const commandSizeVariants = {
+    input: {
+        default: 'h-11 py-3',
+        sm: 'h-9 py-2',
+        xs: 'h-7 py-1.5',
+    },
+    inputWrapper: {
+        default: 'px-2',
+        sm: 'px-2',
+        xs: 'px-1.5',
+    },
+    inputIcon: {
+        default: 'h-4 w-4 mr-2',
+        sm: 'h-4 w-4 mr-2',
+        xs: 'h-3 w-3 mr-1.5',
+    },
+    item: {
+        default: 'px-2 py-1.5',
+        sm: 'px-2 py-1',
+        xs: 'px-1.5 py-1',
+    },
+    group: {
+        default: 'p-1 [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1.5',
+        sm: 'p-1 [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1',
+        xs: 'p-0.5 [&_[data-cmdk-group-heading]]:px-1.5 [&_[data-cmdk-group-heading]]:py-1.5',
+    },
+    shortcut: {
+        default: 'text-xs',
+        sm: 'text-xs',
+        xs: 'text-[10px]',
+    },
+    empty: {
+        default: 'py-6 text-sm',
+        sm: 'py-4 text-sm',
+        xs: 'py-3 text-xs',
+    },
+    text: {
+        default: 'text-sm',
+        sm: 'text-sm',
+        xs: 'text-xs',
+    },
+};
+export function setCommandCtx(size) {
+    setContext('command', { size });
+}
+export function getCommandCtx() {
+    return getContext('command') ?? { size: 'default' };
+}
+export { 
 //
-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, };
+Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Input as CommandInput, Item as CommandItem, List as CommandList, Loading as CommandLoading, Separator as CommandSeparator, Shortcut as CommandShortcut, Dialog, Empty, Group, Input, Item, List, Loading, Root, Separator, Shortcut, };

package/dist/components/ui/form/form-field-errors.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         id?: string;
         asChild?: boolean;
         el?: HTMLDivElement;
-    } & import("svelte/elements.js").HTMLAttributes<HTMLDivElement> & {
+    } & import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
         errorClasses?: string | undefined | null;
         size?: LabelSize;
     };