@nasa-jpl/stellar-svelte 2.0.0-alpha.26 → 2.0.0-alpha.29

package/dist/components/ui/carousel/carousel-next.svelte

@@ -0,0 +1,31 @@
+<script>import ArrowRight from "lucide-svelte/icons/arrow-right";
+import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+import {
+  Button
+} from "../button/index.js";
+let className = void 0;
+export { className as class };
+export let variant = "outline";
+export let size = "icon";
+const { orientation, canScrollNext, scrollNext, handleKeyDown } = getEmblaContext("<Carousel.Next/>");
+</script>
+
+<Button
+	{variant}
+	{size}
+	class={cn(
+		"absolute h-8 w-8 touch-manipulation rounded-full",
+		$orientation === "horizontal"
+			? "-right-12 top-1/2 -translate-y-1/2"
+			: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+		className
+	)}
+	disabled={!$canScrollNext}
+	on:click={scrollNext}
+	on:keydown={handleKeyDown}
+	{...$$restProps}
+>
+	<ArrowRight class="h-4 w-4" />
+	<span class="sr-only">Next slide</span>
+</Button>

package/dist/components/ui/carousel/carousel-next.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type Props } from "../button/index.js";
+declare const __propDef: {
+    props: Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CarouselNextProps = typeof __propDef.props;
+export type CarouselNextEvents = typeof __propDef.events;
+export type CarouselNextSlots = typeof __propDef.slots;
+export default class CarouselNext extends SvelteComponent<CarouselNextProps, CarouselNextEvents, CarouselNextSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel-previous.svelte

@@ -0,0 +1,31 @@
+<script>import ArrowLeft from "lucide-svelte/icons/arrow-left";
+import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+import {
+  Button
+} from "../button/index.js";
+let className = void 0;
+export { className as class };
+export let variant = "outline";
+export let size = "icon";
+const { orientation, canScrollPrev, scrollPrev, handleKeyDown } = getEmblaContext("<Carousel.Previous/>");
+</script>
+
+<Button
+	{variant}
+	{size}
+	class={cn(
+		"absolute h-8 w-8 touch-manipulation rounded-full",
+		$orientation === "horizontal"
+			? "-left-12 top-1/2 -translate-y-1/2"
+			: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+		className
+	)}
+	disabled={!$canScrollPrev}
+	on:click={scrollPrev}
+	on:keydown={handleKeyDown}
+	{...$$restProps}
+>
+	<ArrowLeft class="h-4 w-4" />
+	<span class="sr-only">Previous slide</span>
+</Button>

package/dist/components/ui/carousel/carousel-previous.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type Props } from "../button/index.js";
+declare const __propDef: {
+    props: Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CarouselPreviousProps = typeof __propDef.props;
+export type CarouselPreviousEvents = typeof __propDef.events;
+export type CarouselPreviousSlots = typeof __propDef.slots;
+export default class CarouselPrevious extends SvelteComponent<CarouselPreviousProps, CarouselPreviousEvents, CarouselPreviousSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel.svelte

@@ -0,0 +1,85 @@
+<script>import { writable } from "svelte/store";
+import { onDestroy } from "svelte";
+import { setEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+export let opts = {};
+export let plugins = [];
+export let api = void 0;
+export let orientation = "horizontal";
+let className = void 0;
+export { className as class };
+const apiStore = writable(void 0);
+const orientationStore = writable(orientation);
+const canScrollPrev = writable(false);
+const canScrollNext = writable(false);
+const optionsStore = writable(opts);
+const pluginStore = writable(plugins);
+const scrollSnapsStore = writable([]);
+const selectedIndexStore = writable(0);
+$: orientationStore.set(orientation);
+$: pluginStore.set(plugins);
+$: optionsStore.set(opts);
+function scrollPrev() {
+  api?.scrollPrev();
+}
+function scrollNext() {
+  api?.scrollNext();
+}
+function scrollTo(index, jump) {
+  api?.scrollTo(index, jump);
+}
+function onSelect(api2) {
+  if (!api2) return;
+  canScrollPrev.set(api2.canScrollPrev());
+  canScrollNext.set(api2.canScrollNext());
+  selectedIndexStore.set(api2.selectedScrollSnap());
+}
+$: if (api) {
+  onSelect(api);
+  api.on("select", onSelect);
+  api.on("reInit", onSelect);
+}
+function handleKeyDown(e) {
+  if (e.key === "ArrowLeft") {
+    e.preventDefault();
+    scrollPrev();
+  } else if (e.key === "ArrowRight") {
+    e.preventDefault();
+    scrollNext();
+  }
+}
+setEmblaContext({
+  api: apiStore,
+  scrollPrev,
+  scrollNext,
+  orientation: orientationStore,
+  canScrollNext,
+  canScrollPrev,
+  handleKeyDown,
+  options: optionsStore,
+  plugins: pluginStore,
+  onInit,
+  scrollSnaps: scrollSnapsStore,
+  selectedIndex: selectedIndexStore,
+  scrollTo
+});
+function onInit(event) {
+  api = event.detail;
+  apiStore.set(api);
+  scrollSnapsStore.set(api.scrollSnapList());
+}
+onDestroy(() => {
+  api?.off("select", onSelect);
+});
+</script>
+
+<div
+	class={cn("relative", className)}
+	on:mouseenter
+	on:mouseleave
+	role="region"
+	aria-roledescription="carousel"
+	{...$$restProps}
+>
+	<slot />
+</div>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import { type CarouselProps } from "./context.js";
+declare const __propDef: {
+    props: CarouselProps;
+    events: {
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+type CarouselProps_ = typeof __propDef.props;
+export { CarouselProps_ as CarouselProps };
+export type CarouselEvents = typeof __propDef.events;
+export type CarouselSlots = typeof __propDef.slots;
+export default class Carousel extends SvelteComponent<CarouselProps_, CarouselEvents, CarouselSlots> {
+}

package/dist/components/ui/carousel/context.d.ts

@@ -0,0 +1,32 @@
+import type { EmblaCarouselSvelteType } from "embla-carousel-svelte";
+import type emblaCarouselSvelte from "embla-carousel-svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import type { Readable, Writable } from "svelte/store";
+export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType["$$_attributes"]>["on:emblaInit"]> extends (evt: CustomEvent<infer CarouselAPI>) => void ? CarouselAPI : never;
+type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
+export type CarouselOptions = EmblaCarouselConfig["options"];
+export type CarouselPlugins = EmblaCarouselConfig["plugins"];
+export type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugins;
+    api?: CarouselAPI;
+    orientation?: "horizontal" | "vertical";
+} & HTMLAttributes<HTMLDivElement>;
+type EmblaContext = {
+    api: Writable<CarouselAPI | undefined>;
+    orientation: Writable<"horizontal" | "vertical">;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    canScrollNext: Readable<boolean>;
+    canScrollPrev: Readable<boolean>;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    options: Writable<CarouselOptions>;
+    plugins: Writable<CarouselPlugins>;
+    onInit: (e: CustomEvent<CarouselAPI>) => void;
+    scrollTo: (index: number, jump?: boolean) => void;
+    scrollSnaps: Readable<number[]>;
+    selectedIndex: Readable<number>;
+};
+export declare function setEmblaContext(config: EmblaContext): EmblaContext;
+export declare function getEmblaContext(name?: string): EmblaContext;
+export {};

package/dist/components/ui/carousel/context.js

@@ -0,0 +1,12 @@
+import { getContext, hasContext, setContext } from "svelte";
+const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
+export function setEmblaContext(config) {
+    setContext(EMBLA_CAROUSEL_CONTEXT, config);
+    return config;
+}
+export function getEmblaContext(name = "This component") {
+    if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
+        throw new Error(`${name} must be used within a <Carousel.Root> component`);
+    }
+    return getContext(EMBLA_CAROUSEL_CONTEXT);
+}

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

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

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

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

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

@@ -0,0 +1,30 @@
+<script>import { Checkbox as CheckboxPrimitive } from "bits-ui";
+import Check from "lucide-svelte/icons/check";
+import Minus from "lucide-svelte/icons/minus";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let checked = false;
+export { className as class };
+</script>
+
+<CheckboxPrimitive.Root
+	class={cn(
+		"border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content h-4 w-4 shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+		className
+	)}
+	bind:checked
+	{...$$restProps}
+	on:click
+>
+	<CheckboxPrimitive.Indicator
+		class={cn("flex h-4 w-4 items-center justify-center text-current")}
+		let:isChecked
+		let:isIndeterminate
+	>
+		{#if isChecked}
+			<Check class="h-3.5 w-3.5" />
+		{:else if isIndeterminate}
+			<Minus class="h-3.5 w-3.5" />
+		{/if}
+	</CheckboxPrimitive.Indicator>
+</CheckboxPrimitive.Root>

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

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { Checkbox as CheckboxPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CheckboxPrimitive.Props;
+    slots: {};
+    events: CheckboxPrimitive.Events;
+};
+export type CheckboxProps = typeof __propDef.props;
+export type CheckboxEvents = typeof __propDef.events;
+export type CheckboxSlots = typeof __propDef.slots;
+export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
+}
+export {};

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

@@ -0,0 +1,2 @@
+import Root from "./checkbox.svelte";
+export { Root, Root as Checkbox, };

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

@@ -0,0 +1,4 @@
+import Root from "./checkbox.svelte";
+export { Root, 
+//
+Root as Checkbox, };

package/dist/components/ui/collapsible/collapsible-content.svelte

@@ -0,0 +1,11 @@
+<script>import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+import { slide } from "svelte/transition";
+export let transition = slide;
+export let transitionConfig = {
+  duration: 150
+};
+</script>
+
+<CollapsiblePrimitive.Content {transition} {transitionConfig} {...$$restProps}>
+	<slot />
+</CollapsiblePrimitive.Content>

package/dist/components/ui/collapsible/collapsible-content.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CollapsiblePrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CollapsibleContentProps = typeof __propDef.props;
+export type CollapsibleContentEvents = typeof __propDef.events;
+export type CollapsibleContentSlots = typeof __propDef.slots;
+export default class CollapsibleContent extends SvelteComponent<CollapsibleContentProps, CollapsibleContentEvents, CollapsibleContentSlots> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+import Content from "./collapsible-content.svelte";
+declare const Root: typeof CollapsiblePrimitive.Root;
+declare const Trigger: typeof CollapsiblePrimitive.Trigger;
+export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger, };

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

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

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

@@ -0,0 +1,17 @@
+<script>import Command from "./command.svelte";
+import * as Dialog from "../dialog/index.js";
+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]]:text-muted-foreground [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[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-dialog.svelte.d.ts

@@ -0,0 +1,40 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        preventScroll?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+        closeOnOutsideClick?: boolean | undefined;
+        onOutsideClick?: ((event: PointerEvent | MouseEvent | TouchEvent) => void) | undefined;
+        portal?: (HTMLElement | string | null) | undefined;
+        open?: (import("@melt-ui/svelte").CreateDialogProps["defaultOpen"] & {}) | undefined;
+        onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
+        openFocus?: import("bits-ui").FocusProp | undefined;
+        closeFocus?: import("bits-ui").FocusProp | undefined;
+    } & {
+        state?: import("svelte/store").Writable<import("cmdk-sv").State> | undefined;
+        label?: string | undefined;
+        shouldFilter?: boolean | undefined;
+        filter?: ((value: string, search: string) => number) | undefined;
+        value?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        loop?: boolean | undefined;
+        ids?: Partial<import("cmdk-sv").CommandIds> | undefined;
+    } & import("cmdk-sv/dist/internal").HTMLDivAttributes & {
+        onKeydown?: (e: KeyboardEvent) => void;
+        asChild?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandDialogProps = typeof __propDef.props;
+export type CommandDialogEvents = typeof __propDef.events;
+export type CommandDialogSlots = typeof __propDef.slots;
+export default class CommandDialog extends SvelteComponent<CommandDialogProps, CommandDialogEvents, CommandDialogSlots> {
+}
+export {};

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

@@ -0,0 +1,9 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils.js";
+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,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.EmptyProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+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.js";
+let className = void 0;
+export { className as class };
+</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}
+>
+	<slot />
+</CommandPrimitive.Group>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.GroupProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+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,19 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import Search from "lucide-svelte/icons/search";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+export let value = "";
+</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(
+			"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",
+			className
+		)}
+		{...$$restProps}
+		bind:value
+	/>
+</div>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.InputProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+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,19 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils.js";
+export let asChild = false;
+let className = void 0;
+export { className as class };
+</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",
+		className
+	)}
+	{...$$restProps}
+	let:action
+	let:attrs
+>
+	<slot {action} {attrs} />
+</CommandPrimitive.Item>

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

@@ -0,0 +1,33 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.ItemProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            action: (node: HTMLElement) => {
+                destroy(): void;
+            };
+            attrs: {
+                'aria-disabled': boolean | undefined;
+                'aria-selected': boolean | undefined;
+                'data-disabled': boolean | undefined;
+                'data-selected': boolean | undefined;
+                'data-cmdk-item': string;
+                'data-value': string;
+                role: string;
+                id: string;
+            };
+        };
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+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.js";
+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,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.ListProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+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,7 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Separator class={cn("bg-border -mx-1 h-px", className)} {...$$restProps} />

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.SeparatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+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 {};