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

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/{useStateMachine.svelte.js → use-state-machine.svelte.js}

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { box } from "svelte-toolbelt";
 /**
  * The `useStateMachine` function is a TypeScript function that creates a state machine and returns the

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/css.d.ts

@@ -1,9 +1,10 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type * as CSS from "csstype";
 
 declare module "csstype" {
 	interface Properties {
 		// Allow any CSS Custom Properties
-		// eslint-disable-next-line ts/no-explicit-any
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		[index: `--${string}`]: any;
 	}
 }

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,10 @@ 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";
+export * from "./types.js";

package/dist/shared/index.js

@@ -1,3 +1,5 @@
-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";
+export * from "./types.js";

package/dist/shared/types.d.ts

@@ -0,0 +1,13 @@
+export type FloatingContentSnippetProps = {
+    /**
+     * Whether the content is open or closed. Used alongside the `forceMount` prop to
+     * conditionally render the content using Svelte transitions.
+     */
+    open: boolean;
+    /**
+     * Attributes to spread onto a wrapper element around the content.
+     * Do not style the wrapper element, its styles are computed by Floating UI.
+     */
+    wrapperProps: Record<string, unknown>;
+};
+export type StaticContentSnippetProps = Omit<FloatingContentSnippetProps, "wrapperProps">;

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.8",
+  "version": "1.0.0-next.81",
   "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/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",
+    "@sveltejs/kit": "^2.16.1",
+    "@sveltejs/package": "^2.3.9",
+    "@sveltejs/vite-plugin-svelte": "4.0.0",
+    "@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.19.4",
+    "svelte-check": "^4.1.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.8"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -48,20 +40,19 @@
   "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",
-    "runed": "^0.15.2",
-    "style-to-object": "^1.0.6",
-    "svelte-toolbelt": "^0.3.1"
+    "@internationalized/date": "^3.5.6",
+    "esm-env": "^1.1.2",
+    "runed": "^0.23.2",
+    "svelte-toolbelt": "^0.7.0"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0-next.1"
+    "svelte": "^5.11.0"
   },
   "engines": {
     "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-label.svelte.d.ts

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

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}

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

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

package/dist/bits/listbox/components/listbox-hidden-input.svelte.d.ts

@@ -1,20 +0,0 @@
-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 ListboxHiddenInput: $$__sveltets_2_IsomorphicComponent<{
-    value?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ListboxHiddenInput = InstanceType<typeof ListboxHiddenInput>;
-export default ListboxHiddenInput;