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

package/dist/internal/use-dom-typeahead.svelte.d.ts

@@ -0,0 +1,11 @@
+export type DOMTypeahead = ReturnType<typeof useDOMTypeahead>;
+type UseDOMTypeaheadOpts = {
+    onMatch?: (item: HTMLElement) => void;
+    getCurrentItem?: () => HTMLElement | null;
+};
+export declare function useDOMTypeahead(opts?: UseDOMTypeaheadOpts): {
+    search: import("svelte-toolbelt").WritableBox<string>;
+    handleTypeaheadSearch: (key: string, candidates: HTMLElement[]) => HTMLElement | undefined;
+    resetTypeahead: () => void;
+};
+export {};

package/dist/internal/use-dom-typeahead.svelte.js

@@ -0,0 +1,30 @@
+import { getNextMatch } from "./arrays.js";
+import { boxAutoReset } from "./box-auto-reset.svelte.js";
+export function useDOMTypeahead(opts) {
+    // Reset `search` 1 second after it was last updated
+    const search = boxAutoReset("", 1000);
+    const onMatch = opts?.onMatch ?? ((node) => node.focus());
+    const getCurrentItem = opts?.getCurrentItem ?? (() => document.activeElement);
+    function handleTypeaheadSearch(key, candidates) {
+        if (!candidates.length)
+            return;
+        search.current = search.current + key;
+        const currentItem = getCurrentItem();
+        const currentMatch = candidates.find((item) => item === currentItem)?.textContent?.trim() ?? "";
+        const values = candidates.map((item) => item.textContent?.trim() ?? "");
+        const nextMatch = getNextMatch(values, search.current, currentMatch);
+        const newItem = candidates.find((item) => item.textContent?.trim() === nextMatch);
+        if (newItem) {
+            onMatch(newItem);
+        }
+        return newItem;
+    }
+    function resetTypeahead() {
+        search.current = "";
+    }
+    return {
+        search,
+        handleTypeaheadSearch,
+        resetTypeahead,
+    };
+}

package/dist/internal/use-grace-area.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type Getter } from "svelte-toolbelt";
+export declare function useGraceArea(getTriggerNode: Getter<HTMLElement | null>, getContentNode: Getter<HTMLElement | null>): {
+    isPointerInTransit: import("svelte-toolbelt").WritableBox<boolean>;
+    onPointerExit: import("./create-event-hook.svelte.js").EventHookOn<void>;
+};

package/dist/internal/{useGraceArea.svelte.js → use-grace-area.svelte.js}

@@ -1,10 +1,12 @@
-import { boxAutoReset } from "./boxAutoReset.svelte.js";
-import { createEventHook } from "./createEventHook.svelte.js";
+import { executeCallbacks } from "svelte-toolbelt";
+import { boxAutoReset } from "./box-auto-reset.svelte.js";
+import { createEventHook } from "./create-event-hook.svelte.js";
 import { isElement, isHTMLElement } from "./is.js";
-import { executeCallbacks } from "./callbacks.js";
 import { addEventListener } from "./events.js";
-export function useGraceArea(triggerNode, contentNode) {
+export function useGraceArea(getTriggerNode, getContentNode) {
     const isPointerInTransit = boxAutoReset(false, 300);
+    const triggerNode = $derived(getTriggerNode());
+    const contentNode = $derived(getContentNode());
     let pointerGraceArea = $state(null);
     const pointerExit = createEventHook();
     function handleRemoveGraceArea() {
@@ -24,17 +26,15 @@ export function useGraceArea(triggerNode, contentNode) {
         isPointerInTransit.current = true;
     }
     $effect(() => {
-        const trigger = triggerNode();
-        const content = contentNode();
-        if (!trigger || !content)
+        if (!triggerNode || !contentNode)
             return;
         const handleTriggerLeave = (e) => {
-            handleCreateGraceArea(e, content);
+            handleCreateGraceArea(e, contentNode);
         };
         const handleContentLeave = (e) => {
-            handleCreateGraceArea(e, trigger);
+            handleCreateGraceArea(e, triggerNode);
         };
-        const unsub = executeCallbacks(addEventListener(trigger, "pointerleave", handleTriggerLeave), addEventListener(content, "pointerleave", handleContentLeave));
+        const unsub = executeCallbacks(addEventListener(triggerNode, "pointerleave", handleTriggerLeave), addEventListener(contentNode, "pointerleave", handleContentLeave));
         return unsub;
     });
     $effect(() => {
@@ -46,10 +46,8 @@ export function useGraceArea(triggerNode, contentNode) {
             const target = e.target;
             if (!isElement(target))
                 return;
-            const trigger = triggerNode();
-            const content = contentNode();
             const pointerPosition = { x: e.clientX, y: e.clientY };
-            const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
+            const hasEnteredTarget = triggerNode?.contains(target) || contentNode?.contains(target);
             const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea);
             if (hasEnteredTarget) {
                 handleRemoveGraceArea();

package/dist/internal/{useRovingFocus.svelte.d.ts → use-roving-focus.svelte.d.ts}

@@ -35,7 +35,7 @@ export type UseRovingFocusReturn = ReturnType<typeof useRovingFocus>;
 export declare function useRovingFocus(props: UseRovingFocusProps): {
     setCurrentTabStopId(id: string): void;
     getTabIndex: (node: HTMLElement | null | undefined) => 0 | -1;
-    handleKeydown: (node: HTMLElement | null | undefined, e: KeyboardEvent) => HTMLElement | undefined;
+    handleKeydown: (node: HTMLElement | null | undefined, e: KeyboardEvent, both?: boolean) => HTMLElement | undefined;
     focusFirstCandidate: () => void;
     currentTabStopId: WritableBox<string | null>;
 };

package/dist/internal/{useRovingFocus.svelte.js → use-roving-focus.svelte.js}

@@ -1,6 +1,6 @@
 import { box } from "svelte-toolbelt";
 import { getElemDirection } from "./locale.js";
-import { getDirectionalKeys } from "./getDirectionalKeys.js";
+import { getDirectionalKeys } from "./get-directional-keys.js";
 import { kbd } from "./kbd.js";
 import { isBrowser } from "./is.js";
 export function useRovingFocus(props) {
@@ -28,7 +28,7 @@ export function useRovingFocus(props) {
             return;
         items[0]?.focus();
     }
-    function handleKeydown(node, e) {
+    function handleKeydown(node, e, both = false) {
         const rootNode = document.getElementById(props.rootNodeId.current);
         if (!rootNode || !node)
             return;
@@ -45,6 +45,12 @@ export function useRovingFocus(props) {
             [kbd.HOME]: 0,
             [kbd.END]: items.length - 1,
         };
+        if (both) {
+            const altNextKey = nextKey === kbd.ARROW_DOWN ? kbd.ARROW_RIGHT : kbd.ARROW_DOWN;
+            const altPrevKey = prevKey === kbd.ARROW_UP ? kbd.ARROW_LEFT : kbd.ARROW_UP;
+            keyToIndex[altNextKey] = currentIndex + 1;
+            keyToIndex[altPrevKey] = currentIndex - 1;
+        }
         let itemIndex = keyToIndex[e.key];
         if (itemIndex === undefined)
             return;

package/dist/internal/{useSize.svelte.d.ts → use-size.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { WritableBox } from "svelte-toolbelt";
+import { type WritableBox } from "svelte-toolbelt";
 export declare function useSize(node: WritableBox<HTMLElement | null>): {
     readonly value: {
         width: number;

package/dist/internal/{useSize.svelte.js → use-size.svelte.js}

@@ -1,6 +1,6 @@
 /// <reference types="resize-observer-browser" />
 import { untrack } from "svelte";
-import { afterTick } from "./afterTick.js";
+import { afterTick } from "svelte-toolbelt";
 export function useSize(node) {
     let size = $state(undefined);
     $effect(() => {

package/dist/internal/{useTimeoutFn.svelte.js → use-timeout-fn.svelte.js}

@@ -1,6 +1,5 @@
-import { box } from "svelte-toolbelt";
+import { box, onDestroyEffect } from "svelte-toolbelt";
 import { isBrowser } from "./is.js";
-import { onDestroyEffect } from "./onDestroyEffect.svelte.js";
 export function useTimeoutFn(cb, interval, options = {}) {
     const { immediate = true } = options;
     const isPending = box(false);

package/dist/shared/attributes.d.ts

@@ -1,38 +1,38 @@
 import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes, SVGAttributes } from "svelte/elements";
-export type HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;
-export type HTMLSpanAttributes = HTMLAttributes<HTMLSpanElement>;
-export type HTMLHeadingAttributes = HTMLAttributes<HTMLHeadingElement>;
-export type HTMLUListAttributes = HTMLAttributes<HTMLUListElement>;
-export type HTMLElementAttributes = HTMLAttributes<HTMLElement>;
-export type HTMLTableSectionAttributes = HTMLAttributes<HTMLTableSectionElement>;
-export type HTMLTableRowAttributes = HTMLAttributes<HTMLTableRowElement>;
-export type SVGElementAttributes = SVGAttributes<SVGElement>;
+export type BitsDivAttributes = HTMLAttributes<HTMLDivElement>;
+export type BitsSpanAttributes = HTMLAttributes<HTMLSpanElement>;
+export type BitsHeadingAttributes = HTMLAttributes<HTMLHeadingElement>;
+export type BitsUListAttributes = HTMLAttributes<HTMLUListElement>;
+export type BitsElementAttributes = HTMLAttributes<HTMLElement>;
+export type BitsTableSectionAttributes = HTMLAttributes<HTMLTableSectionElement>;
+export type BitsTableRowAttributes = HTMLAttributes<HTMLTableRowElement>;
+export type BitsSVGElementAttributes = SVGAttributes<SVGElement>;
 /**
  * We override the `id` prop type to not allow it to be `null`. We rely on the
  * `id` heavily in the internals of Bits UI for node references. We also override
  * children to allow for custom children snippet props. We extend `style` to allow
  * for either a `StyleProperties` object or a string of CSS properties.
  */
-type Primitive<T> = Omit<T, "style" | "id" | "children"> & {
+type BitsPrimitive<T> = Omit<T, "style" | "id" | "children"> & {
     id?: string;
 };
-export type PrimitiveButtonAttributes = Primitive<HTMLButtonAttributes>;
-export type PrimitiveDivAttributes = Primitive<HTMLDivAttributes>;
-export type PrimitiveInputAttributes = Primitive<HTMLInputAttributes>;
-export type PrimitiveSpanAttributes = Primitive<HTMLSpanAttributes>;
-export type PrimitiveImgAttributes = Primitive<HTMLImgAttributes>;
-export type PrimitiveHeadingAttributes = Primitive<HTMLHeadingAttributes>;
-export type PrimitiveLabelAttributes = Primitive<HTMLLabelAttributes>;
-export type PrimitiveSVGAttributes = Primitive<SVGElementAttributes>;
-export type PrimitiveAnchorAttributes = Primitive<HTMLAnchorAttributes>;
-export type PrimitiveLiAttributes = Primitive<HTMLLiAttributes>;
-export type PrimitiveElementAttributes = Primitive<HTMLElementAttributes>;
-export type PrimitiveUListAttributes = Primitive<HTMLUListAttributes>;
-export type PrimitiveTdAttributes = Primitive<HTMLTdAttributes>;
-export type PrimitiveThAttributes = Primitive<HTMLThAttributes>;
-export type PrimitiveTableAttributes = Primitive<HTMLTableAttributes>;
-export type PrimitiveTbodyAttributes = Primitive<HTMLTableSectionAttributes>;
-export type PrimitiveTrAttributes = Primitive<HTMLTableRowAttributes>;
-export type PrimitiveTheadAttrbutes = Primitive<HTMLTableSectionAttributes>;
-export type PrimitiveHeaderAttributes = Primitive<HTMLElementAttributes>;
+export type BitsPrimitiveButtonAttributes = BitsPrimitive<HTMLButtonAttributes>;
+export type BitsPrimitiveDivAttributes = BitsPrimitive<BitsDivAttributes>;
+export type BitsPrimitiveInputAttributes = BitsPrimitive<HTMLInputAttributes>;
+export type BitsPrimitiveSpanAttributes = BitsPrimitive<BitsSpanAttributes>;
+export type BitsPrimitiveImgAttributes = BitsPrimitive<HTMLImgAttributes>;
+export type BitsPrimitiveHeadingAttributes = BitsPrimitive<BitsHeadingAttributes>;
+export type BitsPrimitiveLabelAttributes = BitsPrimitive<HTMLLabelAttributes>;
+export type BitsPrimitiveSVGAttributes = BitsPrimitive<BitsSVGElementAttributes>;
+export type BitsPrimitiveAnchorAttributes = BitsPrimitive<HTMLAnchorAttributes>;
+export type BitsPrimitiveLiAttributes = BitsPrimitive<HTMLLiAttributes>;
+export type BitsPrimitiveElementAttributes = BitsPrimitive<BitsElementAttributes>;
+export type BitsPrimitiveUListAttributes = BitsPrimitive<BitsUListAttributes>;
+export type BitsPrimitiveTdAttributes = BitsPrimitive<HTMLTdAttributes>;
+export type BitsPrimitiveThAttributes = BitsPrimitive<HTMLThAttributes>;
+export type BitsPrimitiveTableAttributes = BitsPrimitive<HTMLTableAttributes>;
+export type BitsPrimitiveTbodyAttributes = BitsPrimitive<BitsTableSectionAttributes>;
+export type BitsPrimitiveTrAttributes = BitsPrimitive<BitsTableRowAttributes>;
+export type BitsPrimitiveTheadAttributes = BitsPrimitive<BitsTableSectionAttributes>;
+export type BitsPrimitiveHeaderAttributes = BitsPrimitive<BitsElementAttributes>;
 export {};

package/dist/shared/date/types.d.ts

@@ -1,4 +1,5 @@
 import type { DateValue } from "@internationalized/date";
+import type { DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS } from "../../internal/date-time/field/parts.js";
 export type Granularity = "day" | "hour" | "minute" | "second";
 export type HourCycle = 12 | 24;
 export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -50,3 +51,27 @@ export type Month<T> = {
      */
     dates: T[];
 };
+export type DateSegmentPart = (typeof DATE_SEGMENT_PARTS)[number];
+export type TimeSegmentPart = (typeof TIME_SEGMENT_PARTS)[number];
+export type EditableSegmentPart = (typeof EDITABLE_SEGMENT_PARTS)[number];
+export type NonEditableSegmentPart = (typeof NON_EDITABLE_SEGMENT_PARTS)[number];
+export type SegmentPart = EditableSegmentPart | NonEditableSegmentPart;
+export type AnyExceptLiteral = Exclude<SegmentPart, "literal">;
+export type DayPeriod = "AM" | "PM" | null;
+export type DateSegmentObj = {
+    [K in DateSegmentPart]: string | null;
+};
+export type TimeSegmentObj = {
+    [K in TimeSegmentPart]: K extends "dayPeriod" ? DayPeriod : string | null;
+};
+export type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
+export type SegmentValueObj = DateSegmentObj | DateAndTimeSegmentObj;
+export type SegmentContentObj = Record<EditableSegmentPart, string>;
+export type SegmentState = {
+    lastKeyZero: boolean;
+    hasLeftFocus: boolean;
+    updating: string | null;
+};
+export type SegmentStateMap = {
+    [K in EditableSegmentPart]: SegmentState;
+};

package/dist/shared/index.d.ts

@@ -1,13 +1,9 @@
-import type { DateValue } from "@internationalized/date";
 import type * as CSS from "csstype";
+export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "../bits/pin-input/pin-input.svelte.js";
 export type Selected<Value> = {
     value: Value;
     label?: string;
 };
-export type DateRange = {
-    start: DateValue | undefined;
-    end: DateValue | undefined;
-};
 export type SegmentPart = "month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod" | "timeZoneName" | "literal";
 export type FocusTarget = string | HTMLElement | SVGElement | null;
 export type FocusProp = FocusTarget | ((defaultEl?: HTMLElement | null) => FocusTarget);
@@ -26,9 +22,9 @@ export type WithoutChild<T> = T extends {
 export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
     ref?: U | null;
 };
-export type { EditableSegmentPart } from "./date/field/types.js";
-export type { Month, DateMatcher, DateOnInvalid, DateRangeValidator, DateValidator, } from "./date/types.js";
+export type { EditableSegmentPart } from "./date/types.js";
+export type { Month, DateMatcher, DateOnInvalid, DateRangeValidator, DateValidator, DateRange, } from "./date/types.js";
 export type { WithChild, Without, WithChildren } from "../internal/types.js";
-export { mergeProps } from "../internal/mergeProps.js";
-export { useId } from "../internal/useId.js";
+export { mergeProps } from "svelte-toolbelt";
+export { useId } from "../internal/use-id.js";
 export * from "./attributes.js";

package/dist/shared/index.js

@@ -1,3 +1,4 @@
-export { mergeProps } from "../internal/mergeProps.js";
-export { useId } from "../internal/useId.js";
+export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "../bits/pin-input/pin-input.svelte.js";
+export { mergeProps } from "svelte-toolbelt";
+export { useId } from "../internal/use-id.js";
 export * from "./attributes.js";

package/dist/types.d.ts

@@ -17,7 +17,7 @@ export type * from "./bits/dialog/types.js";
 export type * from "./bits/dropdown-menu/types.js";
 export type * from "./bits/label/types.js";
 export type * from "./bits/link-preview/types.js";
-export type * from "./bits/listbox/types.js";
+export type * from "./bits/select/types.js";
 export type * from "./bits/menubar/types.js";
 export type * from "./bits/navigation-menu/types.js";
 export type * from "./bits/pagination/types.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "1.0.0-next.6",
+  "version": "1.0.0-next.61",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",
@@ -18,29 +18,21 @@
     "!dist/**/*.spec.*"
   ],
   "devDependencies": {
-    "@sveltejs/kit": "^2.5.28",
-    "@sveltejs/package": "^2.3.5",
+    "@sveltejs/kit": "^2.8.1",
+    "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "4.0.0-next.7",
-    "@testing-library/dom": "^10.3.1",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/svelte": "^5.2.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest-axe": "^3.5.9",
-    "@types/node": "^20.14.10",
+    "@types/node": "^20.17.6",
     "@types/resize-observer-browser": "^0.1.11",
-    "@types/testing-library__jest-dom": "^5.14.9",
-    "@vitest/ui": "^2.1.1",
     "csstype": "^3.1.3",
     "jest-axe": "^9.0.0",
-    "jsdom": "^24.1.0",
-    "publint": "^0.2.11",
-    "resize-observer-polyfill": "^1.5.1",
-    "svelte": "5.0.0-next.260",
-    "svelte-check": "4.0.3",
-    "tslib": "^2.7.0",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.6",
-    "vitest": "^2.1.1"
+    "jsdom": "^24.1.3",
+    "publint": "^0.2.12",
+    "svelte": "^5.1.16",
+    "svelte-check": "^4.0.7",
+    "tslib": "^2.8.1",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.5"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -48,12 +40,10 @@
   "dependencies": {
     "@floating-ui/core": "^1.6.4",
     "@floating-ui/dom": "^1.6.7",
-    "@internationalized/date": "^3.5.4",
-    "clsx": "^2.1.1",
-    "esm-env": "^1.0.0",
+    "@internationalized/date": "^3.5.6",
+    "esm-env": "^1.1.2",
     "runed": "^0.15.2",
-    "style-to-object": "^1.0.6",
-    "svelte-toolbelt": "^0.3.1"
+    "svelte-toolbelt": "^0.4.4"
   },
   "peerDependencies": {
     "svelte": "^5.0.0-next.1"
@@ -62,6 +52,7 @@
     "pnpm": ">=8.7.0",
     "node": ">=18"
   },
+  "sideEffects": false,
   "scripts": {
     "build": "pnpm package",
     "dev": "pnpm watch",

package/dist/bits/listbox/components/listbox-content-static.svelte

@@ -1,69 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentStaticProps } from "../index.js";
-	import { useListboxContent } from "../listbox.svelte.js";
-	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { noop } from "../../../internal/callbacks.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		forceMount = false,
-		onInteractOutside = noop,
-		onEscapeKeydown = noop,
-		children,
-		child,
-		...restProps
-	}: ContentStaticProps = $props();
-
-	const contentState = useListboxContent({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, contentState.props));
-</script>
-
-<PopperLayer
-	isStatic={true}
-	{...mergedProps}
-	present={contentState.root.open.current || forceMount}
-	{id}
-	onInteractOutside={(e) => {
-		contentState.handleInteractOutside(e);
-		if (e.defaultPrevented) return;
-		onInteractOutside(e);
-		if (e.defaultPrevented) return;
-		contentState.root.closeMenu();
-	}}
-	onEscapeKeydown={(e) => {
-		onEscapeKeydown(e);
-		if (e.defaultPrevented) return;
-		contentState.root.closeMenu();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
-	onPlaced={() => (contentState.isPositioned = true)}
-	{forceMount}
->
-	{#snippet popper({ props })}
-		{@const finalProps = mergeProps(props, {
-			style: contentState.props.style,
-		})}
-		{#if child}
-			{@render child({ props: finalProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>

package/dist/bits/listbox/components/listbox-content-static.svelte.d.ts

@@ -1,19 +0,0 @@
-import type { ContentStaticProps } 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 ListboxContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type ListboxContentStatic = InstanceType<typeof ListboxContentStatic>;
-export default ListboxContentStatic;

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

@@ -1,77 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
-	import { useListboxContent } from "../listbox.svelte.js";
-	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { noop } from "../../../internal/callbacks.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		forceMount = false,
-		side = "bottom",
-		onInteractOutside = noop,
-		onEscapeKeydown = noop,
-		children,
-		child,
-		...restProps
-	}: ContentProps = $props();
-
-	const contentState = useListboxContent({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, contentState.props));
-</script>
-
-<PopperLayer
-	{...mergedProps}
-	{side}
-	present={contentState.root.open.current || forceMount}
-	{id}
-	onInteractOutside={(e) => {
-		contentState.handleInteractOutside(e);
-		if (e.defaultPrevented) return;
-		onInteractOutside(e);
-		if (e.defaultPrevented) return;
-		contentState.root.closeMenu();
-	}}
-	onEscapeKeydown={(e) => {
-		onEscapeKeydown(e);
-		if (e.defaultPrevented) return;
-		contentState.root.closeMenu();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
-	onPlaced={() => (contentState.isPositioned = true)}
-	{forceMount}
->
-	{#snippet popper({ props })}
-		{@const finalProps = mergeProps(props, {
-			style: {
-				"--bits-listbox-content-transform-origin": "var(--bits-floating-transform-origin)",
-				"--bits-listbox-content-available-width": "var(--bits-floating-available-width)",
-				"--bits-listbox-content-available-height": "var(--bits-floating-available-height)",
-				"--bits-listbox-anchor-width": "var(--bits-floating-anchor-width)",
-				"--bits-listbox-anchor-height": "var(--bits-floating-anchor-height)",
-				...contentState.props.style,
-			},
-		})}
-		{#if child}
-			{@render child({ props: finalProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>

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

@@ -1,19 +0,0 @@
-import type { ContentProps } 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 ListboxContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type ListboxContent = InstanceType<typeof ListboxContent>;
-export default ListboxContent;

package/dist/bits/listbox/components/listbox-group-label.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { GroupHeadingProps } from "../index.js";
-	import { useListboxGroupHeading } from "../listbox.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		child,
-		children,
-		...restProps
-	}: GroupHeadingProps = $props();
-
-	const groupHeadingState = useListboxGroupHeading({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, groupHeadingState.props));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<div {...mergedProps}>
-		{@render children?.()}
-	</div>
-{/if}

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

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import { useListboxGroup } from "../listbox.svelte.js";
-	import type { GroupProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		children,
-		child,
-		...restProps
-	}: GroupProps = $props();
-
-	const groupState = useListboxGroup({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, groupState.props));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<div {...mergedProps}>
-		{@render children?.()}
-	</div>
-{/if}