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

package/dist/bits/select/components/select-icon.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { IconProps } from "../index.js";
-	import { useSelectIcon } from "../select.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
-
-	let {
-		children,
-		child,
-		id = useId(),
-		ref = $bindable(null),
-		...restProps
-	}: IconProps = $props();
-
-	const iconState = useSelectIcon({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, iconState.props));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<span {...mergedProps}>
-		{#if children}
-			{@render children()}
-		{:else}
-			▼
-		{/if}
-	</span>
-{/if}

package/dist/bits/select/components/select-icon.svelte.d.ts

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

package/dist/bits/select/components/select-item-text.svelte

@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ItemTextProps } from "../index.js";
-	import { useSelectItemText } from "../select.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import Portal from "../../utilities/portal/portal.svelte";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		children,
-		child,
-		...restProps
-	}: ItemTextProps = $props();
-
-	const itemTextState = useSelectItemText({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, itemTextState.props));
-</script>
-
-{#if itemTextState.item.isSelected && itemTextState.item.root.valueId.current && !itemTextState.item.root.valueNodeHasChildren.current && itemTextState.item.root.valueNode}
-	<Portal to={`#${itemTextState.item.root.valueId.current}`}>
-		{@render children?.()}
-	</Portal>
-{/if}
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<span {...mergedProps}>
-		{@render children?.()}
-	</span>
-{/if}

package/dist/bits/select/components/select-item-text.svelte.d.ts

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

package/dist/bits/select/components/select-native.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLSelectAttributes } from "svelte/elements";
-	import { VisuallyHidden } from "../../utilities/visually-hidden/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-
-	type Props = {
-		autofocus?: boolean;
-		disabled?: boolean;
-		form?: string;
-		multiple?: boolean;
-		name?: string;
-		required?: boolean;
-		size?: number;
-		value?: any;
-		children?: Snippet;
-	} & HTMLSelectAttributes;
-
-	let { value = $bindable(""), children, ...restProps }: Props = $props();
-
-	/**
-	 * A native `select` supports autofill, validation, and other browser features.
-	 *
-	 * We use `VisuallyHidden` rather than `display: "none"` because Safari won't autofill
-	 * if the input isn't visible.
-	 */
-</script>
-
-<VisuallyHidden>
-	{#snippet child({ props })}
-		{@const mergedProps = mergeProps(props, restProps, { "aria-hidden": "true" })}
-		<select bind:value {...mergedProps} data-value={value}>
-			{@render children?.()}
-		</select>
-	{/snippet}
-</VisuallyHidden>

package/dist/bits/select/components/select-native.svelte.d.ts

@@ -1,30 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLSelectAttributes } from "svelte/elements";
-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 SelectNative: $$__sveltets_2_IsomorphicComponent<{
-    autofocus?: boolean;
-    disabled?: boolean;
-    form?: string;
-    multiple?: boolean;
-    name?: string;
-    required?: boolean;
-    size?: number;
-    value?: any;
-    children?: Snippet;
-} & HTMLSelectAttributes, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value">;
-type SelectNative = InstanceType<typeof SelectNative>;
-export default SelectNative;

package/dist/bits/select/components/select-provider.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { type Snippet } from "svelte";
-	import { type SelectRootState, setSelectRootContext } from "../select.svelte.js";
-
-	let { rootContext, children }: { rootContext: SelectRootState; children: Snippet } = $props();
-
-	setSelectRootContext(rootContext);
-</script>
-
-{@render children?.()}

package/dist/bits/select/components/select-scroll-down-button-mounted.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { untrack } from "svelte";
-	import type { WritableBox } from "svelte-toolbelt";
-	import type { ScrollDownButtonProps } from "../index.js";
-
-	let {
-		children,
-		child,
-		mounted,
-		...restProps
-	}: ScrollDownButtonProps & {
-		mounted: WritableBox<boolean>;
-		style: string;
-	} = $props();
-
-	$effect(() => {
-		untrack(() => {
-			mounted.current = true;
-		});
-
-		return () => {
-			mounted.current = false;
-		};
-	});
-</script>
-
-{#if child}
-	{@render child({ props: restProps })}
-{:else}
-	<div {...restProps}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/bits/select/components/select-scroll-down-button-mounted.svelte.d.ts

@@ -1,29 +0,0 @@
-import type { WritableBox } from "svelte-toolbelt";
-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 SelectScrollDownButtonMounted: $$__sveltets_2_IsomorphicComponent<Omit<{}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("../../../index.js").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("../../../index.js").Without<import("../../../index.js").PrimitiveDivAttributes, import("../types.js").SelectScrollUpButtonPropsWithoutHTML> & {
-    mounted: WritableBox<boolean>;
-    style: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type SelectScrollDownButtonMounted = InstanceType<typeof SelectScrollDownButtonMounted>;
-export default SelectScrollDownButtonMounted;

package/dist/bits/select/components/select-scroll-up-button-mounted.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { untrack } from "svelte";
-	import type { WritableBox } from "svelte-toolbelt";
-	import type { ScrollUpButtonProps } from "../index.js";
-
-	let {
-		children,
-		child,
-		mounted,
-		...restProps
-	}: ScrollUpButtonProps & {
-		mounted: WritableBox<boolean>;
-		style: string;
-	} = $props();
-
-	$effect(() => {
-		untrack(() => {
-			mounted.current = true;
-		});
-
-		return () => {
-			mounted.current = false;
-		};
-	});
-</script>
-
-{#if child}
-	{@render child({ props: restProps })}
-{:else}
-	<div {...restProps}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/bits/select/components/select-scroll-up-button-mounted.svelte.d.ts

@@ -1,29 +0,0 @@
-import type { WritableBox } from "svelte-toolbelt";
-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 SelectScrollUpButtonMounted: $$__sveltets_2_IsomorphicComponent<Omit<{}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("../../../index.js").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("../../../index.js").Without<import("../../../index.js").PrimitiveDivAttributes, import("../types.js").SelectScrollUpButtonPropsWithoutHTML> & {
-    mounted: WritableBox<boolean>;
-    style: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type SelectScrollUpButtonMounted = InstanceType<typeof SelectScrollUpButtonMounted>;
-export default SelectScrollUpButtonMounted;

package/dist/bits/select/components/select-separator.svelte

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

package/dist/bits/select/components/select-separator.svelte.d.ts

@@ -1,19 +0,0 @@
-import type { SeparatorProps } from "../index.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const SelectSeparator: $$__sveltets_2_IsomorphicComponent<SeparatorProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type SelectSeparator = InstanceType<typeof SelectSeparator>;
-export default SelectSeparator;

package/dist/bits/select/components/select-value.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import type { ValueProps } from "../index.js";
-	import { useSelectValue } from "../select.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-
-	let {
-		placeholder = "",
-		children,
-		child,
-		ref = $bindable(),
-		...restProps
-	}: ValueProps = $props();
-
-	const valueState = useSelectValue();
-
-	if (children) {
-		valueState.root.valueNodeHasChildren.current = true;
-	}
-
-	const mergedProps = $derived(
-		mergeProps(restProps, valueState.props, { style: { pointerEvents: "none" } })
-	);
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<span {...mergedProps}>
-		{#if valueState.showPlaceholder}
-			{placeholder}
-		{:else}
-			{@render children?.()}
-		{/if}
-	</span>
-{/if}

package/dist/bits/select/components/select-value.svelte.d.ts

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

package/dist/internal/afterSleep.d.ts

@@ -1,4 +0,0 @@
-/**
- * A utility function that executes a callback after a specified number of milliseconds.
- */
-export declare function afterSleep(ms: number, cb: () => void): void;

package/dist/internal/afterSleep.js

@@ -1,6 +0,0 @@
-/**
- * A utility function that executes a callback after a specified number of milliseconds.
- */
-export function afterSleep(ms, cb) {
-    setTimeout(cb, ms);
-}

package/dist/internal/afterTick.d.ts

@@ -1,5 +0,0 @@
-import type { AnyFn } from "./types.js";
-/**
- * A utility function that executes a callback after the current tick.
- */
-export declare function afterTick(cb: AnyFn): void;

package/dist/internal/afterTick.js

@@ -1,7 +0,0 @@
-import { tick } from "svelte";
-/**
- * A utility function that executes a callback after the current tick.
- */
-export function afterTick(cb) {
-    tick().then(cb);
-}

package/dist/internal/callbacks.d.ts

@@ -1,11 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export declare function executeCallbacks<T extends unknown[]>(...callbacks: T): (...args: unknown[]) => void;
-/**
- * A utility function that does nothing.
- */
-export declare function noop(): void;

package/dist/internal/callbacks.js

@@ -1,21 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export function executeCallbacks(...callbacks) {
-    return (...args) => {
-        for (const callback of callbacks) {
-            if (typeof callback === "function") {
-                callback(...args);
-            }
-        }
-    };
-}
-/**
- * A utility function that does nothing.
- */
-export function noop() {
-    //
-}

package/dist/internal/composeHandlers.d.ts

@@ -1,8 +0,0 @@
-import type { ReadableBox } from "svelte-toolbelt";
-import type { EventCallback } from "./events.js";
-/**
- * Composes event handlers into a single function that can be called with an event.
- * If the previous handler cancels the event using `event.preventDefault()`, the handlers
- * that follow will not be called.
- */
-export declare function composeHandlers<E extends Event = Event, T extends Element = Element>(...handlers: Array<EventCallback<E> | ReadableBox<EventCallback<E>> | undefined>): (e: E) => void;

package/dist/internal/composeHandlers.js

@@ -1,21 +0,0 @@
-/**
- * Composes event handlers into a single function that can be called with an event.
- * If the previous handler cancels the event using `event.preventDefault()`, the handlers
- * that follow will not be called.
- */
-export function composeHandlers(...handlers) {
-    return function (e) {
-        for (const handler of handlers) {
-            if (!handler)
-                continue;
-            if (e.defaultPrevented)
-                return;
-            if (typeof handler === "function") {
-                handler.call(this, e);
-            }
-            else {
-                handler.current?.call(this, e);
-            }
-        }
-    };
-}

package/dist/internal/cssToStyleObj.d.ts

@@ -1,2 +0,0 @@
-import type { StyleProperties } from "../shared/index.js";
-export declare function cssToStyleObj(css: string | null | undefined): StyleProperties;

package/dist/internal/cssToStyleObj.js

@@ -1,23 +0,0 @@
-import parse from "style-to-object";
-import { camelCase, pascalCase } from "./strings.js";
-export function cssToStyleObj(css) {
-    if (!css)
-        return {};
-    const styleObj = {};
-    function iterator(name, value) {
-        if (name.startsWith("-moz-") ||
-            name.startsWith("-webkit-") ||
-            name.startsWith("-ms-") ||
-            name.startsWith("-o-")) {
-            styleObj[pascalCase(name)] = value;
-            return;
-        }
-        if (name.startsWith("--")) {
-            styleObj[name] = value;
-            return;
-        }
-        styleObj[camelCase(name)] = value;
-    }
-    parse(css, iterator);
-    return styleObj;
-}

package/dist/internal/executeCallbacks.d.ts

@@ -1,7 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export declare function executeCallbacks<T extends unknown[]>(...callbacks: T): (...args: unknown[]) => void;

package/dist/internal/executeCallbacks.js

@@ -1,15 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export function executeCallbacks(...callbacks) {
-    return (...args) => {
-        for (const callback of callbacks) {
-            if (typeof callback === "function") {
-                callback(...args);
-            }
-        }
-    };
-}

package/dist/internal/mergeProps.d.ts

@@ -1,22 +0,0 @@
-type Props = Record<string, unknown>;
-type PropsArg = Props | null | undefined;
-type TupleTypes<T> = {
-    [P in keyof T]: T[P];
-} extends {
-    [key: number]: infer V;
-} ? NullToObject<V> : never;
-type NullToObject<T> = T extends null | undefined ? {} : T;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-/**
- * Given a list of prop objects, merges them into a single object.
- * - Automatically composes event handlers (e.g. `onclick`, `oninput`, etc.)
- * - Chains regular functions with the same name so they are called in order
- * - Merges class strings with `clsx`
- * - Merges style objects and converts them to strings
- * - Handles a bug with Svelte where setting the `hidden` attribute to `false` doesn't remove it
- * - Overrides other values with the last one
- */
-export declare function mergeProps<T extends PropsArg[]>(...args: T): UnionToIntersection<TupleTypes<T>> & {
-    style?: string;
-};
-export {};