bits-ui 1.0.0-next.8 → 1.0.0-next.81

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,20 +1,5 @@
-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> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandLabel: $$__sveltets_2_IsomorphicComponent<WithChildren<WithElementRef<PrimitiveLabelAttributes>>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandLabel = InstanceType<typeof CommandLabel>;
+declare const CommandLabel: import("svelte").Component<WithChildren<WithElementRef<BitsPrimitiveLabelAttributes>>, {}, "ref">;
+type CommandLabel = ReturnType<typeof CommandLabel>;
 export default 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,19 +1,4 @@
-import type { EmptyProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandEmpty: $$__sveltets_2_IsomorphicComponent<EmptyProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandEmpty = InstanceType<typeof CommandEmpty>;
+import type { CommandEmptyProps } from "../types.js";
+declare const CommandEmpty: import("svelte").Component<CommandEmptyProps, {}, "ref">;
+type CommandEmpty = ReturnType<typeof CommandEmpty>;
 export default 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,19 +1,4 @@
-import type { GroupHeadingProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandGroupHeading: $$__sveltets_2_IsomorphicComponent<GroupHeadingProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandGroupHeading = InstanceType<typeof CommandGroupHeading>;
+import type { CommandGroupHeadingProps } from "../types.js";
+declare const CommandGroupHeading: import("svelte").Component<CommandGroupHeadingProps, {}, "ref">;
+type CommandGroupHeading = ReturnType<typeof CommandGroupHeading>;
 export default 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,19 +1,4 @@
-import type { GroupItemsProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandGroupItems: $$__sveltets_2_IsomorphicComponent<GroupItemsProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandGroupItems = InstanceType<typeof CommandGroupItems>;
+import type { CommandGroupItemsProps } from "../types.js";
+declare const CommandGroupItems: import("svelte").Component<CommandGroupItemsProps, {}, "ref">;
+type CommandGroupItems = ReturnType<typeof CommandGroupItems>;
 export default 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-group.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { CommandGroupProps } 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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandGroup: $$__sveltets_2_IsomorphicComponent<CommandGroupProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandGroup = InstanceType<typeof CommandGroup>;
+declare const CommandGroup: import("svelte").Component<CommandGroupProps, {}, "ref">;
+type CommandGroup = ReturnType<typeof CommandGroup>;
 export default CommandGroup;

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,19 +1,4 @@
-import type { InputProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "ref">;
-type CommandInput = InstanceType<typeof CommandInput>;
+import type { CommandInputProps } from "../types.js";
+declare const CommandInput: import("svelte").Component<CommandInputProps, {}, "value" | "ref">;
+type CommandInput = ReturnType<typeof CommandInput>;
 export default 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 { 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 { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandItemProps } from "../types.js";
+	import { CommandGroupContainerContext, useCommandItem } from "../command.svelte.js";
+	import { noop } from "../../../internal/noop.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -17,9 +16,9 @@
 		forceMount = false,
 		keywords = [],
 		...restProps
-	}: ItemProps = $props();
+	}: CommandItemProps = $props();
 
-	const group = getCommandGroupContainerContext(null);
+	const group = CommandGroupContainerContext.getOr(null);
 
 	const itemState = useCommandItem({
 		id: box.with(() => id),

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

@@ -1,19 +1,4 @@
-import type { ItemProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandItem: $$__sveltets_2_IsomorphicComponent<ItemProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandItem = InstanceType<typeof CommandItem>;
+import type { CommandItemProps } from "../types.js";
+declare const CommandItem: import("svelte").Component<CommandItemProps, {}, "ref">;
+type CommandItem = ReturnType<typeof CommandItem>;
 export default 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 { 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 { box, mergeProps } from "svelte-toolbelt";
+	import type { CommandLinkItemProps } from "../types.js";
+	import { CommandGroupContainerContext, useCommandItem } from "../command.svelte.js";
+	import { noop } from "../../../internal/noop.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -17,9 +16,9 @@
 		forceMount = false,
 		keywords = [],
 		...restProps
-	}: LinkItemProps = $props();
+	}: CommandLinkItemProps = $props();
 
-	const group = getCommandGroupContainerContext(null);
+	const group = CommandGroupContainerContext.getOr(null);
 
 	const itemState = useCommandItem({
 		id: box.with(() => id),

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

@@ -1,19 +1,4 @@
-import type { LinkItemProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandLinkItem: $$__sveltets_2_IsomorphicComponent<LinkItemProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandLinkItem = InstanceType<typeof CommandLinkItem>;
+import type { CommandLinkItemProps } from "../types.js";
+declare const CommandLinkItem: import("svelte").Component<CommandLinkItemProps, {}, "ref">;
+type CommandLinkItem = ReturnType<typeof CommandLinkItem>;
 export default 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,19 +1,4 @@
-import type { ListProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandList: $$__sveltets_2_IsomorphicComponent<ListProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandList = InstanceType<typeof CommandList>;
+import type { CommandListProps } from "../types.js";
+declare const CommandList: import("svelte").Component<CommandListProps, {}, "ref">;
+type CommandList = ReturnType<typeof CommandList>;
 export default 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,19 +1,4 @@
-import type { LoadingProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandLoading: $$__sveltets_2_IsomorphicComponent<LoadingProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandLoading = InstanceType<typeof CommandLoading>;
+import type { CommandLoadingProps } from "../types.js";
+declare const CommandLoading: import("svelte").Component<CommandLoadingProps, {}, "ref">;
+type CommandLoading = ReturnType<typeof CommandLoading>;
 export default 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,19 +1,4 @@
-import type { SeparatorProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandSeparator: $$__sveltets_2_IsomorphicComponent<SeparatorProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandSeparator = InstanceType<typeof CommandSeparator>;
+import type { CommandSeparatorProps } from "../types.js";
+declare const CommandSeparator: import("svelte").Component<CommandSeparatorProps, {}, "ref">;
+type CommandSeparator = ReturnType<typeof CommandSeparator>;
 export default CommandSeparator;

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

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

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

@@ -1,19 +1,4 @@
-import type { ViewportProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CommandViewport: $$__sveltets_2_IsomorphicComponent<ViewportProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CommandViewport = InstanceType<typeof CommandViewport>;
+import type { CommandViewportProps } from "../types.js";
+declare const CommandViewport: import("svelte").Component<CommandViewportProps, {}, "ref">;
+type CommandViewport = ReturnType<typeof CommandViewport>;
 export default CommandViewport;

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

@@ -1,28 +1,27 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { defaultFilter, useCommandRoot } from "../command.svelte.js";
-	import type { RootProps } from "../index.js";
+	import type { CommandRootProps } from "../types.js";
 	import CommandLabel from "./_command-label.svelte";
-	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(),
 		ref = $bindable(null),
 		value = $bindable(""),
 		onValueChange = noop,
+		onStateChange = noop,
 		loop = false,
 		shouldFilter = true,
 		filter = defaultFilter,
 		label = "",
 		vimBindings = true,
 		disablePointerSelection = false,
-		controlledValue = false,
 		children,
 		child,
 		...restProps
-	}: RootProps = $props();
+	}: CommandRootProps = $props();
 
 	const rootState = useCommandRoot({
 		id: box.with(() => id),
@@ -36,16 +35,13 @@
 		value: box.with(
 			() => value,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v);
-				} else {
-					value = v;
-					onValueChange(v);
-				}
+				value = v;
+				onValueChange(v);
 			}
 		),
 		vimBindings: box.with(() => vimBindings),
 		disablePointerSelection: box.with(() => disablePointerSelection),
+		onStateChange: box.with(() => onStateChange),
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, rootState.props));

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

@@ -1,19 +1,4 @@
-import type { RootProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Command: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "ref">;
-type Command = InstanceType<typeof Command>;
+import type { CommandRootProps } from "../types.js";
+declare const Command: import("svelte").Component<CommandRootProps, {}, "value" | "ref">;
+type Command = ReturnType<typeof Command>;
 export default Command;