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

package/dist/bits/collapsible/collapsible.svelte.js

@@ -1,7 +1,7 @@
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { afterTick } from "../../internal/afterTick.js";
+import { afterTick, useRefById } from "svelte-toolbelt";
+import { Context, watch } from "runed";
 import { getAriaExpanded, getDataDisabled, getDataOpenClosed } from "../../internal/attrs.js";
-import { createContext } from "../../internal/createContext.js";
+import { kbd } from "../../internal/kbd.js";
 const COLLAPSIBLE_ROOT_ATTR = "data-collapsible-root";
 const COLLAPSIBLE_CONTENT_ATTR = "data-collapsible-content";
 const COLLAPSIBLE_TRIGGER_ATTR = "data-collapsible-trigger";
@@ -11,12 +11,12 @@ class CollapsibleRootState {
     open;
     disabled;
     contentNode = $state(null);
-    contentId = $state(undefined);
     constructor(props) {
         this.open = props.open;
         this.disabled = props.disabled;
         this.#id = props.id;
         this.#ref = props.ref;
+        this.toggleOpen = this.toggleOpen.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
@@ -25,12 +25,6 @@ class CollapsibleRootState {
     toggleOpen() {
         this.open.current = !this.open.current;
     }
-    createContent(props) {
-        return new CollapsibleContentState(props, this);
-    }
-    createTrigger(props) {
-        return new CollapsibleTriggerState(props, this);
-    }
     props = $derived.by(() => ({
         id: this.#id.current,
         "data-state": getDataOpenClosed(this.open.current),
@@ -57,10 +51,9 @@ class CollapsibleContentState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.present,
+            deps: () => this.present,
             onRefChange: (node) => {
                 this.root.contentNode = node;
-                this.root.contentId = node?.id;
             },
         });
         $effect.pre(() => {
@@ -71,9 +64,7 @@ class CollapsibleContentState {
                 cancelAnimationFrame(rAF);
             };
         });
-        $effect(() => {
-            this.present;
-            const node = this.#ref.current;
+        watch([() => this.#ref.current, () => this.present], ([node]) => {
             if (!node)
                 return;
             afterTick(() => {
@@ -128,34 +119,49 @@ class CollapsibleTriggerState {
         this.#id = props.id;
         this.#ref = props.ref;
         this.#disabled = props.disabled;
+        this.onclick = this.onclick.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
         });
     }
-    #onclick = () => {
+    onclick(e) {
+        if (this.#isDisabled)
+            return;
+        if (e.button !== 0)
+            return e.preventDefault();
         this.#root.toggleOpen();
-    };
+    }
+    onkeydown(e) {
+        if (this.#isDisabled)
+            return;
+        if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
+            e.preventDefault();
+            this.#root.toggleOpen();
+        }
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         type: "button",
         disabled: this.#isDisabled,
-        "aria-controls": this.#root.contentId,
+        "aria-controls": this.#root.contentNode?.id,
         "aria-expanded": getAriaExpanded(this.#root.open.current),
         "data-state": getDataOpenClosed(this.#root.open.current),
         "data-disabled": getDataDisabled(this.#isDisabled),
         [COLLAPSIBLE_TRIGGER_ATTR]: "",
         //
-        onclick: this.#onclick,
+        onclick: this.onclick,
+        onkeydown: this.onkeydown,
     }));
 }
-const [setCollapsibleRootContext, getCollapsibleRootContext] = createContext("Collapsible.Root");
+const CollapsibleRootContext = new Context("Collapsible.Root");
 export function useCollapsibleRoot(props) {
-    return setCollapsibleRootContext(new CollapsibleRootState(props));
+    return CollapsibleRootContext.set(new CollapsibleRootState(props));
 }
 export function useCollapsibleTrigger(props) {
-    return getCollapsibleRootContext().createTrigger(props);
+    return new CollapsibleTriggerState(props, CollapsibleRootContext.get());
 }
 export function useCollapsibleContent(props) {
-    return getCollapsibleRootContext().createContent(props);
+    return new CollapsibleContentState(props, CollapsibleRootContext.get());
 }

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCollapsibleContent } from "../collapsible.svelte.js";
 	import type { CollapsibleContentProps } from "../types.js";
 	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		child,
@@ -37,7 +36,7 @@
 			})}
 		{:else}
 			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

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

@@ -1,29 +1,7 @@
-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 CollapsibleContent: $$__sveltets_2_IsomorphicComponent<Omit<{
+import type { CollapsibleContentProps } from "../types.js";
+type $$ComponentProps = CollapsibleContentProps & {
     forceMount?: boolean;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[import("../types.js").CollapsibleContentSnippetProps & {
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[import("../types.js").CollapsibleContentSnippetProps]> | undefined;
-    style?: import("../../../index.js").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("../../../index.js").Without<import("../../../index.js").PrimitiveDivAttributes, import("../types.js").CollapsibleContentPropsWithoutHTML> & {
-    forceMount?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CollapsibleContent = InstanceType<typeof CollapsibleContent>;
+};
+declare const CollapsibleContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type CollapsibleContent = ReturnType<typeof CollapsibleContent>;
 export default CollapsibleContent;

package/dist/bits/collapsible/components/collapsible-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CollapsibleTriggerProps } from "../types.js";
 	import { useCollapsibleTrigger } from "../collapsible.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -12,7 +11,7 @@
 		id = useId(),
 		disabled = false,
 		...restProps
-	}: TriggerProps = $props();
+	}: CollapsibleTriggerProps = $props();
 
 	const triggerState = useCollapsibleTrigger({
 		id: box.with(() => id),

package/dist/bits/collapsible/components/collapsible-trigger.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { TriggerProps } 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 CollapsibleTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CollapsibleTrigger = InstanceType<typeof CollapsibleTrigger>;
+import type { CollapsibleTriggerProps } from "../types.js";
+declare const CollapsibleTrigger: import("svelte").Component<CollapsibleTriggerProps, {}, "ref">;
+type CollapsibleTrigger = ReturnType<typeof CollapsibleTrigger>;
 export default CollapsibleTrigger;

package/dist/bits/collapsible/components/collapsible.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CollapsibleRootProps } from "../types.js";
 	import { useCollapsibleRoot } from "../collapsible.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		children,
@@ -13,21 +12,16 @@
 		ref = $bindable(null),
 		open = $bindable(false),
 		disabled = false,
-		controlledOpen = false,
 		onOpenChange = noop,
 		...restProps
-	}: RootProps = $props();
+	}: CollapsibleRootProps = $props();
 
 	const rootState = useCollapsibleRoot({
 		open: box.with(
 			() => open,
 			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange(v);
-				}
+				open = v;
+				onOpenChange(v);
 			}
 		),
 		disabled: box.with(() => disabled),

package/dist/bits/collapsible/components/collapsible.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 Collapsible: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open" | "ref">;
-type Collapsible = InstanceType<typeof Collapsible>;
+import type { CollapsibleRootProps } from "../types.js";
+declare const Collapsible: import("svelte").Component<CollapsibleRootProps, {}, "ref" | "open">;
+type Collapsible = ReturnType<typeof Collapsible>;
 export default Collapsible;

package/dist/bits/collapsible/exports.d.ts

@@ -0,0 +1,4 @@
+export { default as Root } from "./components/collapsible.svelte";
+export { default as Content } from "./components/collapsible-content.svelte";
+export { default as Trigger } from "./components/collapsible-trigger.svelte";
+export type { CollapsibleRootProps as RootProps, CollapsibleContentProps as ContentProps, CollapsibleTriggerProps as TriggerProps, } from "./types.js";

package/dist/bits/collapsible/exports.js

@@ -0,0 +1,3 @@
+export { default as Root } from "./components/collapsible.svelte";
+export { default as Content } from "./components/collapsible-content.svelte";
+export { default as Trigger } from "./components/collapsible-trigger.svelte";

package/dist/bits/collapsible/index.d.ts

@@ -1,4 +1 @@
-export { default as Root } from "./components/collapsible.svelte";
-export { default as Content } from "./components/collapsible-content.svelte";
-export { default as Trigger } from "./components/collapsible-trigger.svelte";
-export type { CollapsibleRootProps as RootProps, CollapsibleContentProps as ContentProps, CollapsibleTriggerProps as TriggerProps, } from "./types.js";
+export * as Collapsible from "./exports.js";

package/dist/bits/collapsible/index.js

@@ -1,3 +1 @@
-export { default as Root } from "./components/collapsible.svelte";
-export { default as Content } from "./components/collapsible-content.svelte";
-export { default as Trigger } from "./components/collapsible-trigger.svelte";
+export * as Collapsible from "./exports.js";

package/dist/bits/collapsible/types.d.ts

@@ -1,5 +1,5 @@
-import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type CollapsibleRootPropsWithoutHTML = WithChild<{
     /**
      * Whether the collapsible is disabled.
@@ -17,20 +17,12 @@ export type CollapsibleRootPropsWithoutHTML = WithChild<{
      * A callback function called when the open state changes.
      */
     onOpenChange?: OnChangeFn<boolean>;
-    /**
-     * Whether or not the collapsible is controlled or not. If `true`, the collapsible will not
-     * update the open state internally, instead it will call `onOpenChange` when it would have
-     * otherwise, and it is up to you to update the `value` prop that is passed to the component.
-     *
-     * @defaultValue false
-     */
-    controlledOpen?: boolean;
 }>;
-export type CollapsibleRootProps = CollapsibleRootPropsWithoutHTML & Without<PrimitiveDivAttributes, CollapsibleRootPropsWithoutHTML>;
+export type CollapsibleRootProps = CollapsibleRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CollapsibleRootPropsWithoutHTML>;
 export type CollapsibleContentSnippetProps = {
     open: boolean;
 };
-export type CollapsibleContentPropsWithoutHTML = WithChild<{
+export type CollapsibleContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<{
     /**
      * Whether to force mount the content to the DOM.
      *
@@ -38,6 +30,6 @@ export type CollapsibleContentPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }, CollapsibleContentSnippetProps>;
-export type CollapsibleContentProps = CollapsibleContentPropsWithoutHTML & Without<PrimitiveDivAttributes, CollapsibleContentPropsWithoutHTML>;
+export type CollapsibleContentProps = CollapsibleContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CollapsibleContentPropsWithoutHTML>;
 export type CollapsibleTriggerPropsWithoutHTML = WithChild;
-export type CollapsibleTriggerProps = CollapsibleTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, CollapsibleTriggerPropsWithoutHTML>;
+export type CollapsibleTriggerProps = CollapsibleTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, CollapsibleTriggerPropsWithoutHTML>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { InputProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { ComboboxInputProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { useListboxInput } from "../../listbox/listbox.svelte.js";
+	import { useSelectInput } from "../../select/select.svelte.js";
 
 	let {
 		id = useId(),
@@ -12,9 +11,9 @@
 		child,
 		defaultValue,
 		...restProps
-	}: InputProps = $props();
+	}: ComboboxInputProps = $props();
 
-	const inputState = useListboxInput({
+	const inputState = useSelectInput({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/combobox/components/combobox-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 ComboboxInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type ComboboxInput = InstanceType<typeof ComboboxInput>;
+import type { ComboboxInputProps } from "../types.js";
+declare const ComboboxInput: import("svelte").Component<ComboboxInputProps, {}, "ref">;
+type ComboboxInput = ReturnType<typeof ComboboxInput>;
 export default ComboboxInput;

package/dist/bits/combobox/components/combobox-trigger.svelte

@@ -1,19 +1,19 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useListboxComboTrigger } from "../../listbox/listbox.svelte.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { ComboboxTriggerProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { useSelectComboTrigger } from "../../select/select.svelte.js";
 
 	let {
 		id = useId(),
 		ref = $bindable(null),
 		child,
 		children,
+		type = "button",
 		...restProps
-	}: TriggerProps = $props();
+	}: ComboboxTriggerProps = $props();
 
-	const triggerState = useListboxComboTrigger({
+	const triggerState = useSelectComboTrigger({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,
@@ -21,7 +21,7 @@
 		),
 	});
 
-	const mergedProps = $derived(mergeProps(restProps, triggerState.props));
+	const mergedProps = $derived(mergeProps(restProps, triggerState.props, { type }));
 </script>
 
 {#if child}

package/dist/bits/combobox/components/combobox-trigger.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { TriggerProps } 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 ComboboxTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type ComboboxTrigger = InstanceType<typeof ComboboxTrigger>;
+import type { ComboboxTriggerProps } from "../types.js";
+declare const ComboboxTrigger: import("svelte").Component<ComboboxTriggerProps, {}, "ref">;
+type ComboboxTrigger = ReturnType<typeof ComboboxTrigger>;
 export default ComboboxTrigger;

package/dist/bits/combobox/components/combobox.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { type WritableBox, box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { useListboxRoot } from "../../listbox/listbox.svelte.js";
-	import ListboxHiddenInput from "../../listbox/components/listbox-hidden-input.svelte";
+	import type { ComboboxRootProps } from "../types.js";
+	import { noop } from "../../../internal/noop.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
+	import { useSelectRoot } from "../../select/select.svelte.js";
+	import ListboxHiddenInput from "../../select/components/select-hidden-input.svelte";
 
 	let {
 		value = $bindable(),
@@ -17,31 +17,24 @@
 		loop = false,
 		scrollAlignment = "nearest",
 		required = false,
-		controlledOpen = false,
-		controlledValue = false,
+		items = [],
+		allowDeselect = true,
 		children,
-	}: RootProps = $props();
+	}: ComboboxRootProps = $props();
 
 	if (value === undefined) {
 		const defaultValue = type === "single" ? "" : [];
-		if (controlledValue) {
-			onValueChange(defaultValue as any);
-		} else {
-			value = defaultValue;
-		}
+		value = defaultValue;
 	}
 
-	useListboxRoot({
+	const rootState = useSelectRoot({
 		type,
 		value: box.with(
 			() => value!,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v as any);
-				} else {
-					value = v;
-					onValueChange(v as any);
-				}
+				value = v;
+				// @ts-expect-error - we know
+				onValueChange(v);
 			}
 		) as WritableBox<string> | WritableBox<string[]>,
 		disabled: box.with(() => disabled),
@@ -49,33 +42,29 @@
 		open: box.with(
 			() => open,
 			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange(v);
-				}
+				open = v;
+				onOpenChange(v);
 			}
 		),
 		loop: box.with(() => loop),
 		scrollAlignment: box.with(() => scrollAlignment),
 		name: box.with(() => name),
 		isCombobox: true,
+		items: box.with(() => items),
+		allowDeselect: box.with(() => allowDeselect),
 	});
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{@render children?.()}
-</FloatingLayer.Root>
+</FloatingLayer>
 
-{#if Array.isArray(value)}
-	{#if value.length === 0}
-		<ListboxHiddenInput value="" />
-	{:else}
-		{#each value as item}
+{#if Array.isArray(rootState.value.current)}
+	{#if rootState.value.current.length}
+		{#each rootState.value.current as item}
 			<ListboxHiddenInput value={item} />
 		{/each}
 	{/if}
 {:else}
-	<ListboxHiddenInput {value} />
+	<ListboxHiddenInput bind:value={rootState.value.current as string} />
 {/if}

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

@@ -1,18 +1,3 @@
-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 Combobox: $$__sveltets_2_IsomorphicComponent<import("../types.js").ComboboxRootPropsWithoutHTML, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open" | "value">;
-type Combobox = InstanceType<typeof Combobox>;
+declare const Combobox: import("svelte").Component<import("../types.js").ComboboxRootPropsWithoutHTML, {}, "value" | "open">;
+type Combobox = ReturnType<typeof Combobox>;
 export default Combobox;

package/dist/bits/combobox/exports.d.ts

@@ -0,0 +1,15 @@
+export { default as Root } from "./components/combobox.svelte";
+export { default as Input } from "./components/combobox-input.svelte";
+export { default as Separator } from "../separator/components/separator.svelte";
+export { default as Arrow } from "../utilities/arrow/arrow.svelte";
+export { default as Trigger } from "./components/combobox-trigger.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as Content } from "../select/components/select-content.svelte";
+export { default as ContentStatic } from "../select/components/select-content-static.svelte";
+export { default as Item } from "../select/components/select-item.svelte";
+export { default as Group } from "../select/components/select-group.svelte";
+export { default as GroupHeading } from "../select/components/select-group-heading.svelte";
+export { default as Viewport } from "../select/components/select-viewport.svelte";
+export { default as ScrollDownButton } from "../select/components/select-scroll-down-button.svelte";
+export { default as ScrollUpButton } from "../select/components/select-scroll-up-button.svelte";
+export type { ComboboxRootProps as RootProps, ComboboxContentProps as ContentProps, ComboboxContentStaticProps as ContentStaticProps, ComboboxInputProps as InputProps, ComboboxItemProps as ItemProps, ComboboxGroupProps as GroupProps, ComboboxGroupHeadingProps as GroupHeadingProps, ComboboxPortalProps as PortalProps, ComboboxArrowProps as ArrowProps, ComboboxTriggerProps as TriggerProps, ComboboxScrollDownButtonProps as ScrollDownButtonProps, ComboboxScrollUpButtonProps as ScrollUpButtonProps, ComboboxViewportProps as ViewportProps, } from "./types.js";

package/dist/bits/combobox/exports.js

@@ -0,0 +1,14 @@
+export { default as Root } from "./components/combobox.svelte";
+export { default as Input } from "./components/combobox-input.svelte";
+export { default as Separator } from "../separator/components/separator.svelte";
+export { default as Arrow } from "../utilities/arrow/arrow.svelte";
+export { default as Trigger } from "./components/combobox-trigger.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as Content } from "../select/components/select-content.svelte";
+export { default as ContentStatic } from "../select/components/select-content-static.svelte";
+export { default as Item } from "../select/components/select-item.svelte";
+export { default as Group } from "../select/components/select-group.svelte";
+export { default as GroupHeading } from "../select/components/select-group-heading.svelte";
+export { default as Viewport } from "../select/components/select-viewport.svelte";
+export { default as ScrollDownButton } from "../select/components/select-scroll-down-button.svelte";
+export { default as ScrollUpButton } from "../select/components/select-scroll-up-button.svelte";

package/dist/bits/combobox/index.d.ts

@@ -1,8 +1 @@
-export { default as Root } from "./components/combobox.svelte";
-export { default as Input } from "./components/combobox-input.svelte";
-export { default as Separator } from "../separator/components/separator.svelte";
-export { default as Arrow } from "../utilities/arrow/arrow.svelte";
-export { default as Trigger } from "./components/combobox-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { Content, ContentStatic, Item, Group, GroupHeading, Viewport, ScrollDownButton, ScrollUpButton, } from "../listbox/index.js";
-export type { ComboboxRootProps as RootProps, ComboboxContentProps as ContentProps, ComboboxContentStaticProps as ContentStaticProps, ComboboxInputProps as InputProps, ComboboxItemProps as ItemProps, ComboboxGroupProps as GroupProps, ComboboxGroupHeadingProps as GroupHeadingProps, ComboboxPortalProps as PortalProps, ComboboxArrowProps as ArrowProps, ComboboxTriggerProps as TriggerProps, ComboboxScrollDownButtonProps as ScrollDownButtonProps, ComboboxScrollUpButtonProps as ScrollUpButtonProps, ComboboxViewportProps as ViewportProps, } from "./types.js";
+export * as Combobox from "./exports.js";

package/dist/bits/combobox/index.js

@@ -1,7 +1 @@
-export { default as Root } from "./components/combobox.svelte";
-export { default as Input } from "./components/combobox-input.svelte";
-export { default as Separator } from "../separator/components/separator.svelte";
-export { default as Arrow } from "../utilities/arrow/arrow.svelte";
-export { default as Trigger } from "./components/combobox-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { Content, ContentStatic, Item, Group, GroupHeading, Viewport, ScrollDownButton, ScrollUpButton, } from "../listbox/index.js";
+export * as Combobox from "./exports.js";