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

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

@@ -1,7 +1,8 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes } from "../../shared/attributes.js";
 export type CheckboxRootSnippetProps = {
-    checked: boolean | "indeterminate";
+    checked: boolean;
+    indeterminate: boolean;
 };
 export type CheckboxRootPropsWithoutHTML = WithChild<{
     /**
@@ -33,15 +34,14 @@ export type CheckboxRootPropsWithoutHTML = WithChild<{
      * The checked state of the checkbox. It can be one of:
      * - `true` for checked
      * - `false` for unchecked
-     * - `"indeterminate"` for indeterminate
      *
      * @defaultValue false
      */
-    checked?: boolean | "indeterminate" | undefined;
+    checked?: boolean;
     /**
      * A callback function called when the checked state changes.
      */
-    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
+    onCheckedChange?: OnChangeFn<boolean>;
     /**
      * Whether or not the checkbox is controlled or not. If `true`, the checkbox will not update
      * the checked state internally, instead it will call `onCheckedChange` when it would have
@@ -51,5 +51,24 @@ export type CheckboxRootPropsWithoutHTML = WithChild<{
      * @defaultValue false
      */
     controlledChecked?: boolean;
+    /**
+     * Whether the checkbox is in an indeterminate state or not.
+     *
+     * @defaultValue false
+     */
+    indeterminate?: boolean;
+    /**
+     * A callback function called when the indeterminate state changes.
+     */
+    onIndeterminateChange?: OnChangeFn<boolean>;
+    /**
+     * Whether the indeterminate state is controlled or not. If `true`, the checkbox will
+     * not update the indeterminate state internally, instead it will call
+     * `onIndeterminateChange` when it would have otherwise, and it is up to you to update
+     * the `indeterminate` prop that is passed to the component.
+     *
+     * @defaultValue false
+     */
+    controlledIndeterminate?: boolean;
 }, CheckboxRootSnippetProps>;
-export type CheckboxRootProps = CheckboxRootPropsWithoutHTML & Without<PrimitiveButtonAttributes, CheckboxRootPropsWithoutHTML>;
+export type CheckboxRootProps = CheckboxRootPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, CheckboxRootPropsWithoutHTML>;

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

@@ -14,8 +14,6 @@ declare class CollapsibleRootState {
     contentId: string | undefined;
     constructor(props: CollapsibleRootStateProps);
     toggleOpen(): void;
-    createContent(props: CollapsibleContentStateProps): CollapsibleContentState;
-    createTrigger(props: CollapsibleTriggerStateProps): CollapsibleTriggerState;
     props: {
         readonly id: string;
         readonly "data-state": "open" | "closed";
@@ -62,11 +60,13 @@ declare class CollapsibleTriggerState {
         readonly type: "button";
         readonly disabled: boolean;
         readonly "aria-controls": string | undefined;
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "data-state": "open" | "closed";
         readonly "data-disabled": "" | undefined;
         readonly "data-collapsible-trigger": "";
-        readonly onclick: () => void;
+        readonly onpointerdown: (e: PointerEvent) => void;
+        readonly onpointerup: (e: PointerEvent) => void;
+        readonly onkeydown: (e: KeyboardEvent) => void;
     };
 }
 export declare function useCollapsibleRoot(props: CollapsibleRootStateProps): CollapsibleRootState;

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 { getAriaExpanded, getDataDisabled, getDataOpenClosed } from "../../internal/attrs.js";
-import { createContext } from "../../internal/createContext.js";
+import { createContext } from "../../internal/create-context.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";
@@ -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,7 +51,7 @@ 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;
@@ -133,9 +127,28 @@ class CollapsibleTriggerState {
             ref: this.#ref,
         });
     }
-    #onclick = () => {
+    #onpointerdown = (e) => {
+        if (this.#isDisabled)
+            return;
+        if (e.pointerType === "touch" || e.button !== 0)
+            return e.preventDefault();
         this.#root.toggleOpen();
     };
+    #onpointerup = (e) => {
+        if (this.#isDisabled)
+            return;
+        if (e.pointerType === "touch") {
+            e.preventDefault();
+            this.#root.toggleOpen();
+        }
+    };
+    #onkeydown = (e) => {
+        if (this.#isDisabled)
+            return;
+        if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
+            this.#root.toggleOpen();
+        }
+    };
     props = $derived.by(() => ({
         id: this.#id.current,
         type: "button",
@@ -146,7 +159,9 @@ class CollapsibleTriggerState {
         "data-disabled": getDataDisabled(this.#isDisabled),
         [COLLAPSIBLE_TRIGGER_ATTR]: "",
         //
-        onclick: this.#onclick,
+        onpointerdown: this.#onpointerdown,
+        onpointerup: this.#onpointerup,
+        onkeydown: this.#onkeydown,
     }));
 }
 const [setCollapsibleRootContext, getCollapsibleRootContext] = createContext("Collapsible.Root");
@@ -154,8 +169,10 @@ export function useCollapsibleRoot(props) {
     return setCollapsibleRootContext(new CollapsibleRootState(props));
 }
 export function useCollapsibleTrigger(props) {
-    return getCollapsibleRootContext().createTrigger(props);
+    const root = getCollapsibleRootContext();
+    return new CollapsibleTriggerState(props, root);
 }
 export function useCollapsibleContent(props) {
-    return getCollapsibleRootContext().createContent(props);
+    const root = getCollapsibleRootContext();
+    return new CollapsibleContentState(props, root);
 }

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

@@ -13,14 +13,14 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const CollapsibleContent: $$__sveltets_2_IsomorphicComponent<Omit<{
     forceMount?: boolean;
-}, "child" | "children"> & {
+}, "children" | "child"> & {
     child?: import("svelte").Snippet<[import("../types.js").CollapsibleContentSnippetProps & {
         props: Record<string, unknown>;
     }]> | undefined;
-    children?: import("svelte").Snippet<[import("../types.js").CollapsibleContentSnippetProps]> | undefined;
+    children?: import("svelte").Snippet;
     style?: import("../../../index.js").StyleProperties | string | null | undefined;
     ref?: HTMLElement | null | undefined;
-} & import("../../../index.js").Without<import("../../../index.js").PrimitiveDivAttributes, import("../types.js").CollapsibleContentPropsWithoutHTML> & {
+} & import("../../../index.js").Without<import("../../../index.js").BitsPrimitiveDivAttributes, import("../types.js").CollapsibleContentPropsWithoutHTML> & {
     forceMount?: boolean;
 }, {
     [evt: string]: CustomEvent<any>;

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,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { CollapsibleTriggerProps } 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 CollapsibleTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const CollapsibleTrigger: $$__sveltets_2_IsomorphicComponent<CollapsibleTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CollapsibleTrigger = InstanceType<typeof 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,
@@ -16,7 +15,7 @@
 		controlledOpen = false,
 		onOpenChange = noop,
 		...restProps
-	}: RootProps = $props();
+	}: CollapsibleRootProps = $props();
 
 	const rootState = useCollapsibleRoot({
 		open: box.with(

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { CollapsibleRootProps } 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,8 +12,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Collapsible: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Collapsible: $$__sveltets_2_IsomorphicComponent<CollapsibleRootProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "open" | "ref">;
+}, {}, {}, "ref" | "open">;
 type Collapsible = InstanceType<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.
@@ -26,11 +26,11 @@ export type CollapsibleRootPropsWithoutHTML = WithChild<{
      */
     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 +38,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,4 +1,4 @@
-import type { InputProps } from "../index.js";
+import type { ComboboxInputProps } 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 ComboboxInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
+declare const ComboboxInput: $$__sveltets_2_IsomorphicComponent<ComboboxInputProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type ComboboxInput = InstanceType<typeof 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,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { ComboboxTriggerProps } 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 ComboboxTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const ComboboxTrigger: $$__sveltets_2_IsomorphicComponent<ComboboxTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type ComboboxTrigger = InstanceType<typeof 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(),
@@ -19,8 +19,10 @@
 		required = false,
 		controlledOpen = false,
 		controlledValue = false,
+		items = [],
+		allowDeselect = true,
 		children,
-	}: RootProps = $props();
+	}: ComboboxRootProps = $props();
 
 	if (value === undefined) {
 		const defaultValue = type === "single" ? "" : [];
@@ -31,7 +33,7 @@
 		}
 	}
 
-	useListboxRoot({
+	const rootState = useSelectRoot({
 		type,
 		value: box.with(
 			() => value!,
@@ -61,21 +63,23 @@
 		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}
+{#if Array.isArray(rootState.value.current)}
+	{#if rootState.value.current.length === 0}
 		<ListboxHiddenInput value="" />
 	{:else}
-		{#each value as item}
+		{#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

@@ -13,6 +13,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const Combobox: $$__sveltets_2_IsomorphicComponent<import("../types.js").ComboboxRootPropsWithoutHTML, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "open" | "value">;
+}, {}, {}, "value" | "open">;
 type Combobox = InstanceType<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";

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

@@ -1,6 +1,6 @@
-import type { PrimitiveInputAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveInputAttributes } from "../../shared/attributes.js";
 import type { WithChild, Without } from "../../internal/types.js";
-export type { ListboxBaseRootPropsWithoutHTML as ComboboxBaseRootPropsWithoutHTML, ListboxContentProps as ComboboxContentProps, ListboxContentPropsWithoutHTML as ComboboxContentPropsWithoutHTML, ListboxContentStaticProps as ComboboxContentStaticProps, ListboxContentStaticPropsWithoutHTML as ComboboxContentStaticPropsWithoutHTML, ListboxItemProps as ComboboxItemProps, ListboxItemPropsWithoutHTML as ComboboxItemPropsWithoutHTML, ListboxItemSnippetProps as ComboboxItemSnippetProps, ListboxMultipleRootProps as ComboboxMultipleRootProps, ListboxMultipleRootPropsWithoutHTML as ComboboxMultipleRootPropsWithoutHTML, ListboxRootProps as ComboboxRootProps, ListboxRootPropsWithoutHTML as ComboboxRootPropsWithoutHTML, ListboxSingleRootProps as ComboboxSingleRootProps, ListboxSingleRootPropsWithoutHTML as ComboboxSingleRootPropsWithoutHTML, ListboxTriggerProps as ComboboxTriggerProps, ListboxTriggerPropsWithoutHTML as ComboboxTriggerPropsWithoutHTML, ListboxGroupPropsWithoutHTML as ComboboxGroupPropsWithoutHTML, ListboxGroupProps as ComboboxGroupProps, ListboxGroupHeadingPropsWithoutHTML as ComboboxGroupHeadingPropsWithoutHTML, ListboxGroupHeadingProps as ComboboxGroupHeadingProps, ListboxViewportPropsWithoutHTML as ComboboxViewportPropsWithoutHTML, ListboxViewportProps as ComboboxViewportProps, ListboxScrollDownButtonProps as ComboboxScrollDownButtonProps, ListboxScrollDownButtonPropsWithoutHTML as ComboboxScrollDownButtonPropsWithoutHTML, ListboxScrollUpButtonProps as ComboboxScrollUpButtonProps, ListboxScrollUpButtonPropsWithoutHTML as ComboboxScrollUpButtonPropsWithoutHTML, ListboxArrowProps as ComboboxArrowProps, ListboxArrowPropsWithoutHTML as ComboboxArrowPropsWithoutHTML, ListboxPortalProps as ComboboxPortalProps, ListboxPortalPropsWithoutHTML as ComboboxPortalPropsWithoutHTML, } from "../listbox/types.js";
+export type { SelectBaseRootPropsWithoutHTML as ComboboxBaseRootPropsWithoutHTML, SelectContentProps as ComboboxContentProps, SelectContentPropsWithoutHTML as ComboboxContentPropsWithoutHTML, SelectContentStaticProps as ComboboxContentStaticProps, SelectContentStaticPropsWithoutHTML as ComboboxContentStaticPropsWithoutHTML, SelectItemProps as ComboboxItemProps, SelectItemPropsWithoutHTML as ComboboxItemPropsWithoutHTML, SelectItemSnippetProps as ComboboxItemSnippetProps, SelectMultipleRootProps as ComboboxMultipleRootProps, SelectMultipleRootPropsWithoutHTML as ComboboxMultipleRootPropsWithoutHTML, SelectRootProps as ComboboxRootProps, SelectRootPropsWithoutHTML as ComboboxRootPropsWithoutHTML, SelectSingleRootProps as ComboboxSingleRootProps, SelectSingleRootPropsWithoutHTML as ComboboxSingleRootPropsWithoutHTML, SelectTriggerProps as ComboboxTriggerProps, SelectTriggerPropsWithoutHTML as ComboboxTriggerPropsWithoutHTML, SelectGroupPropsWithoutHTML as ComboboxGroupPropsWithoutHTML, SelectGroupProps as ComboboxGroupProps, SelectGroupHeadingPropsWithoutHTML as ComboboxGroupHeadingPropsWithoutHTML, SelectGroupHeadingProps as ComboboxGroupHeadingProps, SelectViewportPropsWithoutHTML as ComboboxViewportPropsWithoutHTML, SelectViewportProps as ComboboxViewportProps, SelectScrollDownButtonProps as ComboboxScrollDownButtonProps, SelectScrollDownButtonPropsWithoutHTML as ComboboxScrollDownButtonPropsWithoutHTML, SelectScrollUpButtonProps as ComboboxScrollUpButtonProps, SelectScrollUpButtonPropsWithoutHTML as ComboboxScrollUpButtonPropsWithoutHTML, SelectArrowProps as ComboboxArrowProps, SelectArrowPropsWithoutHTML as ComboboxArrowPropsWithoutHTML, SelectPortalProps as ComboboxPortalProps, SelectPortalPropsWithoutHTML as ComboboxPortalPropsWithoutHTML, } from "../select/types.js";
 export type ComboboxInputPropsWithoutHTML = WithChild<{
     /**
      * The default value of the input. This is not a reactive prop and is only used to populate
@@ -8,4 +8,4 @@ export type ComboboxInputPropsWithoutHTML = WithChild<{
      */
     defaultValue?: string;
 }>;
-export type ComboboxInputProps = ComboboxInputPropsWithoutHTML & Without<Omit<PrimitiveInputAttributes, "value">, ComboboxInputPropsWithoutHTML>;
+export type ComboboxInputProps = ComboboxInputPropsWithoutHTML & Without<Omit<BitsPrimitiveInputAttributes, "value">, ComboboxInputPropsWithoutHTML>;