bits-ui 1.0.0-next.6 → 1.0.0-next.61

package/dist/bits/command/command.svelte.d.ts

@@ -49,13 +49,6 @@ declare class CommandRootState {
         readonly tabindex: -1;
         readonly onkeydown: (e: KeyboardEvent) => void;
     };
-    createEmpty(props: CommandEmptyStateProps): CommandEmptyState;
-    createGroupContainer(props: CommandGroupContainerStateProps): CommandGroupContainerState;
-    createInput(props: CommandInputStateProps): CommandInputState;
-    createItem(props: CommandItemStateProps): CommandItemState;
-    createSeparator(props: CommandSeparatorStateProps): CommandSeparatorState;
-    createList(props: CommandListStateProps): CommandListState;
-    createLabel(props: CommandLabelStateProps): CommandLabelState;
 }
 type CommandEmptyStateProps = WithRefProps & ReadableBoxedValues<{
     forceMount: boolean;
@@ -129,7 +122,7 @@ declare class CommandInputState {
         readonly spellcheck: false;
         readonly "aria-autocomplete": "list";
         readonly role: "combobox";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "aria-labelledby": string | undefined;
         readonly "aria-activedescendant": string | undefined;
@@ -154,14 +147,14 @@ declare class CommandItemState {
     constructor(props: CommandItemStateProps, root: CommandRootState);
     props: {
         readonly id: string;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-selected": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-selected": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-selected": "" | undefined;
         readonly "data-command-item": "";
         readonly role: "option";
-        readonly onclick: () => void;
         readonly onpointermove: () => void;
+        readonly onclick: () => void;
     };
 }
 type CommandLoadingStateProps = WithRefProps<ReadableBoxedValues<{
@@ -207,7 +200,6 @@ declare class CommandListState {
         readonly "aria-label": string;
         readonly "data-command-list": "";
     };
-    createViewport(props: CommandViewportStateProps): CommandViewportState;
 }
 type CommandLabelStateProps = WithRefProps<ReadableBoxedValues<{
     for?: string;
@@ -219,7 +211,7 @@ declare class CommandLabelState {
         readonly id: string;
         readonly "data-command-input-label": "";
         readonly for: string | undefined;
-        readonly style: import("../../index.js").StyleProperties;
+        readonly style: import("svelte-toolbelt").StyleProperties;
     };
 }
 type CommandViewportStateProps = WithRefProps;

package/dist/bits/command/command.svelte.js

@@ -1,14 +1,11 @@
 import { untrack } from "svelte";
+import { afterSleep, afterTick, srOnlyStyles, useRefById } from "svelte-toolbelt";
 import { findNextSibling, findPreviousSibling } from "./utils.js";
 import { commandScore } from "./command-score.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { createContext } from "../../internal/createContext.js";
-import { afterSleep } from "../../internal/afterSleep.js";
+import { createContext } from "../../internal/create-context.js";
 import { kbd } from "../../internal/kbd.js";
 import { getAriaDisabled, getAriaExpanded, getAriaSelected, getDataDisabled, getDataSelected, } from "../../internal/attrs.js";
 import { getFirstNonCommentChild } from "../../internal/dom.js";
-import { srOnlyStyles } from "../../internal/style.js";
-import { afterTick } from "../../internal/afterTick.js";
 const ROOT_ATTR = "data-command-root";
 const LIST_ATTR = "data-command-list";
 const INPUT_ATTR = "data-command-input";
@@ -90,7 +87,7 @@ class CommandRootState {
         const defaultState = {
             /** Value of the search query */
             search: "",
-            /** Currnetly selected item value */
+            /** Currently selected item value */
             value: this.valueProp.current ?? "",
             filtered: {
                 /** The count of all visible items. */
@@ -239,7 +236,7 @@ class CommandRootState {
             if (!grandparent)
                 return;
             const firstChildOfParent = getFirstNonCommentChild(grandparent);
-            if (firstChildOfParent && firstChildOfParent.dataset.value === item.dataset.value) {
+            if (firstChildOfParent && firstChildOfParent.dataset?.value === item.dataset?.value) {
                 item
                     ?.closest(GROUP_SELECTOR)
                     ?.querySelector(GROUP_HEADING_SELECTOR)
@@ -432,27 +429,6 @@ class CommandRootState {
         tabindex: -1,
         onkeydown: this.#onkeydown,
     }));
-    createEmpty(props) {
-        return new CommandEmptyState(props, this);
-    }
-    createGroupContainer(props) {
-        return new CommandGroupContainerState(props, this);
-    }
-    createInput(props) {
-        return new CommandInputState(props, this);
-    }
-    createItem(props) {
-        return new CommandItemState(props, this);
-    }
-    createSeparator(props) {
-        return new CommandSeparatorState(props, this);
-    }
-    createList(props) {
-        return new CommandListState(props, this);
-    }
-    createLabel(props) {
-        return new CommandLabelState(props, this);
-    }
 }
 class CommandEmptyState {
     #ref;
@@ -473,7 +449,7 @@ class CommandEmptyState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.shouldRender,
+            deps: () => this.shouldRender,
         });
     }
     props = $derived.by(() => ({
@@ -509,7 +485,7 @@ class CommandGroupContainerState {
         useRefById({
             id: this.id,
             ref: this.#ref,
-            condition: () => this.shouldRender,
+            deps: () => this.shouldRender,
         });
         $effect(() => {
             return this.#root.registerGroup(this.id.current);
@@ -679,13 +655,13 @@ class CommandItemState {
         useRefById({
             id: this.id,
             ref: this.#ref,
-            condition: () => Boolean(this.root.commandState.search),
+            deps: () => Boolean(this.root.commandState.search),
         });
         $effect(() => {
             this.id.current;
             this.#group?.id.current;
             if (!this.#forceMount.current) {
-                untrack(() => {
+                return untrack(() => {
                     return this.root.registerItem(this.id.current, this.#group?.id.current);
                 });
             }
@@ -733,8 +709,8 @@ class CommandItemState {
         "data-selected": getDataSelected(this.isSelected),
         [ITEM_ATTR]: "",
         role: "option",
-        onclick: this.#onclick,
         onpointermove: this.#onpointermove,
+        onclick: this.#onclick,
     }));
 }
 class CommandLoadingState {
@@ -774,7 +750,7 @@ class CommandSeparatorState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.shouldRender,
+            deps: () => this.shouldRender,
         });
     }
     props = $derived.by(() => ({
@@ -804,9 +780,6 @@ class CommandListState {
         "aria-label": this.#ariaLabel.current,
         [LIST_ATTR]: "",
     }));
-    createViewport(props) {
-        return new CommandViewportState(props, this);
-    }
 }
 class CommandLabelState {
     #ref;
@@ -876,35 +849,45 @@ export function useCommandRoot(props) {
     return setCommandRootContext(new CommandRootState(props));
 }
 export function useCommandEmpty(props) {
-    return getCommandRootContext().createEmpty(props);
+    const root = getCommandRootContext();
+    return new CommandEmptyState(props, root);
 }
 export function useCommandItem(props) {
-    return getCommandRootContext().createItem(props);
+    const root = getCommandRootContext();
+    return new CommandItemState(props, root);
 }
 export function useCommandGroupContainer(props) {
-    return setCommandGroupContainerContext(getCommandRootContext().createGroupContainer(props));
+    const root = getCommandRootContext();
+    return setCommandGroupContainerContext(new CommandGroupContainerState(props, root));
 }
 export function useCommandGroupHeading(props) {
-    return getCommandGroupContainerContext().createGroupHeading(props);
+    const groupContainer = getCommandGroupContainerContext();
+    return new CommandGroupHeadingState(props, groupContainer);
 }
 export function useCommandGroupItems(props) {
-    return getCommandGroupContainerContext().createGroupItems(props);
+    const groupContainer = getCommandGroupContainerContext();
+    return new CommandGroupItemsState(props, groupContainer);
 }
 export function useCommandInput(props) {
-    return getCommandRootContext().createInput(props);
+    const root = getCommandRootContext();
+    return new CommandInputState(props, root);
 }
 export function useCommandLoading(props) {
     return new CommandLoadingState(props);
 }
 export function useCommandSeparator(props) {
-    return getCommandRootContext().createSeparator(props);
+    const root = getCommandRootContext();
+    return new CommandSeparatorState(props, root);
 }
 export function useCommandList(props) {
-    return setCommandListContext(getCommandRootContext().createList(props));
+    const root = getCommandRootContext();
+    return setCommandListContext(new CommandListState(props, root));
 }
 export function useCommandViewport(props) {
-    return getCommandListContext().createViewport(props);
+    const list = getCommandListContext();
+    return new CommandViewportState(props, list);
 }
 export function useCommandLabel(props) {
-    return getCommandRootContext().createLabel(props);
+    const root = getCommandRootContext();
+    return new CommandLabelState(props, root);
 }

package/dist/bits/command/components/_command-label.svelte

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import { useCommandLabel } from "../command.svelte.js";
 	import {
-		type PrimitiveLabelAttributes,
+		type BitsPrimitiveLabelAttributes,
 		type WithElementRef,
 		mergeProps,
 		useId,
@@ -14,7 +14,7 @@
 		ref = $bindable(null),
 		children,
 		...restProps
-	}: WithChildren<WithElementRef<PrimitiveLabelAttributes>> = $props();
+	}: WithChildren<WithElementRef<BitsPrimitiveLabelAttributes>> = $props();
 
 	const labelState = useCommandLabel({
 		id: box.with(() => id),

package/dist/bits/command/components/_command-label.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type PrimitiveLabelAttributes, type WithElementRef } from "../../../shared/index.js";
+import { type BitsPrimitiveLabelAttributes, type WithElementRef } from "../../../shared/index.js";
 import type { WithChildren } from "../../../internal/types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -13,7 +13,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandLabel: $$__sveltets_2_IsomorphicComponent<WithChildren<WithElementRef<PrimitiveLabelAttributes>>, {
+declare const CommandLabel: $$__sveltets_2_IsomorphicComponent<WithChildren<WithElementRef<BitsPrimitiveLabelAttributes>>, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandLabel = InstanceType<typeof CommandLabel>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { EmptyProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandEmptyProps } from "../types.js";
 	import { useCommandEmpty } from "../command.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -12,7 +11,7 @@
 		child,
 		forceMount = false,
 		...restProps
-	}: EmptyProps = $props();
+	}: CommandEmptyProps = $props();
 
 	const emptyState = useCommandEmpty({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { EmptyProps } from "../index.js";
+import type { CommandEmptyProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandEmpty: $$__sveltets_2_IsomorphicComponent<EmptyProps, {
+declare const CommandEmpty: $$__sveltets_2_IsomorphicComponent<CommandEmptyProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandEmpty = InstanceType<typeof CommandEmpty>;

package/dist/bits/command/components/command-group-heading.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCommandGroupHeading } from "../command.svelte.js";
-	import type { GroupHeadingProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { CommandGroupHeadingProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +10,7 @@
 		children,
 		child,
 		...restProps
-	}: GroupHeadingProps = $props();
+	}: CommandGroupHeadingProps = $props();
 
 	const headingState = useCommandGroupHeading({
 		id: box.with(() => id),

package/dist/bits/command/components/command-group-heading.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { GroupHeadingProps } from "../index.js";
+import type { CommandGroupHeadingProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandGroupHeading: $$__sveltets_2_IsomorphicComponent<GroupHeadingProps, {
+declare const CommandGroupHeading: $$__sveltets_2_IsomorphicComponent<CommandGroupHeadingProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandGroupHeading = InstanceType<typeof CommandGroupHeading>;

package/dist/bits/command/components/command-group-items.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { GroupItemsProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandGroupItemsProps } from "../types.js";
 	import { useCommandGroupItems } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +10,7 @@
 		children,
 		child,
 		...restProps
-	}: GroupItemsProps = $props();
+	}: CommandGroupItemsProps = $props();
 
 	const groupItemsState = useCommandGroupItems({
 		id: box.with(() => id),

package/dist/bits/command/components/command-group-items.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { GroupItemsProps } from "../index.js";
+import type { CommandGroupItemsProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandGroupItems: $$__sveltets_2_IsomorphicComponent<GroupItemsProps, {
+declare const CommandGroupItems: $$__sveltets_2_IsomorphicComponent<CommandGroupItemsProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandGroupItems = InstanceType<typeof CommandGroupItems>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CommandGroupProps } from "../types.js";
 	import { useCommandGroupContainer } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { InputProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandInputProps } from "../types.js";
 	import { useCommandInput } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		value = $bindable(""),
@@ -12,7 +11,7 @@
 		ref = $bindable(null),
 		child,
 		...restProps
-	}: InputProps = $props();
+	}: CommandInputProps = $props();
 
 	const inputState = useCommandInput({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { InputProps } from "../index.js";
+import type { CommandInputProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
+declare const CommandInput: $$__sveltets_2_IsomorphicComponent<CommandInputProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "ref">;
 type CommandInput = InstanceType<typeof CommandInput>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ItemProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandItemProps } from "../types.js";
 	import { getCommandGroupContainerContext, useCommandItem } from "../command.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { noop } from "../../../internal/noop.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -17,7 +16,7 @@
 		forceMount = false,
 		keywords = [],
 		...restProps
-	}: ItemProps = $props();
+	}: CommandItemProps = $props();
 
 	const group = getCommandGroupContainerContext(null);
 

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

@@ -1,4 +1,4 @@
-import type { ItemProps } from "../index.js";
+import type { CommandItemProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandItem: $$__sveltets_2_IsomorphicComponent<ItemProps, {
+declare const CommandItem: $$__sveltets_2_IsomorphicComponent<CommandItemProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandItem = InstanceType<typeof CommandItem>;

package/dist/bits/command/components/command-link-item.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { LinkItemProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandLinkItemProps } from "../types.js";
 	import { getCommandGroupContainerContext, useCommandItem } from "../command.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { noop } from "../../../internal/noop.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -17,7 +16,7 @@
 		forceMount = false,
 		keywords = [],
 		...restProps
-	}: LinkItemProps = $props();
+	}: CommandLinkItemProps = $props();
 
 	const group = getCommandGroupContainerContext(null);
 

package/dist/bits/command/components/command-link-item.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { LinkItemProps } from "../index.js";
+import type { CommandLinkItemProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandLinkItem: $$__sveltets_2_IsomorphicComponent<LinkItemProps, {
+declare const CommandLinkItem: $$__sveltets_2_IsomorphicComponent<CommandLinkItemProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandLinkItem = InstanceType<typeof CommandLinkItem>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ListProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandListProps } from "../types.js";
 	import { useCommandList } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -12,7 +11,7 @@
 		children,
 		"aria-label": ariaLabel,
 		...restProps
-	}: ListProps = $props();
+	}: CommandListProps = $props();
 
 	const listState = useCommandList({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ListProps } from "../index.js";
+import type { CommandListProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandList: $$__sveltets_2_IsomorphicComponent<ListProps, {
+declare const CommandList: $$__sveltets_2_IsomorphicComponent<CommandListProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandList = InstanceType<typeof CommandList>;

package/dist/bits/command/components/command-loading.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { LoadingProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandLoadingProps } from "../types.js";
 	import { useCommandLoading } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		progress = 0,
@@ -12,7 +11,7 @@
 		children,
 		child,
 		...restProps
-	}: LoadingProps = $props();
+	}: CommandLoadingProps = $props();
 
 	const loadingState = useCommandLoading({
 		id: box.with(() => id),

package/dist/bits/command/components/command-loading.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { LoadingProps } from "../index.js";
+import type { CommandLoadingProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandLoading: $$__sveltets_2_IsomorphicComponent<LoadingProps, {
+declare const CommandLoading: $$__sveltets_2_IsomorphicComponent<CommandLoadingProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandLoading = InstanceType<typeof CommandLoading>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { SeparatorProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandSeparatorProps } from "../types.js";
 	import { useCommandSeparator } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -12,7 +11,7 @@
 		children,
 		child,
 		...restProps
-	}: SeparatorProps = $props();
+	}: CommandSeparatorProps = $props();
 
 	const separatorState = useCommandSeparator({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { SeparatorProps } from "../index.js";
+import type { CommandSeparatorProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandSeparator: $$__sveltets_2_IsomorphicComponent<SeparatorProps, {
+declare const CommandSeparator: $$__sveltets_2_IsomorphicComponent<CommandSeparatorProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandSeparator = InstanceType<typeof CommandSeparator>;