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

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

@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import { useListboxItem } from "../listbox.svelte.js";
-	import type { ItemProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { noop } from "../../../internal/callbacks.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		value,
-		label = value,
-		disabled = false,
-		children,
-		child,
-		onHighlight = noop,
-		onUnhighlight = noop,
-		...restProps
-	}: ItemProps = $props();
-
-	const itemState = useListboxItem({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-		value: box.with(() => value),
-		disabled: box.with(() => disabled),
-		label: box.with(() => label),
-		onHighlight: box.with(() => onHighlight),
-		onUnhighlight: box.with(() => onUnhighlight),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, itemState.props));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps, ...itemState.snippetProps })}
-{:else}
-	<div {...mergedProps}>
-		{@render children?.(itemState.snippetProps)}
-	</div>
-{/if}

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

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

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

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

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

@@ -1,18 +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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ListboxLabel: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ListboxLabel = InstanceType<typeof ListboxLabel>;
-export default ListboxLabel;

package/dist/bits/listbox/components/listbox-scroll-down-button.svelte

@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ScrollDownButtonProps } from "../index.js";
-	import { useListboxScrollDownButton } from "../listbox.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { Mounted } from "../../utilities/index.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		child,
-		children,
-		...restProps
-	}: ScrollDownButtonProps = $props();
-
-	let mounted = $state(false);
-
-	const scrollDownButtonState = useListboxScrollDownButton({
-		id: box.with(() => id),
-		mounted: box.with(() => mounted),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, scrollDownButtonState.props));
-</script>
-
-{#if scrollDownButtonState.canScrollDown}
-	<Mounted onMountedChange={(m) => (mounted = m)} />
-	{#if child}
-		{@render child({ props: restProps })}
-	{:else}
-		<div {...mergedProps}>
-			{@render children?.()}
-		</div>
-	{/if}
-{/if}

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

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

package/dist/bits/listbox/components/listbox-scroll-up-button.svelte

@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ScrollUpButtonProps } from "../index.js";
-	import { useListboxScrollUpButton } from "../listbox.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { Mounted } from "../../utilities/index.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		child,
-		children,
-		...restProps
-	}: ScrollUpButtonProps = $props();
-
-	let mounted = $state(false);
-
-	const scrollDownButtonState = useListboxScrollUpButton({
-		id: box.with(() => id),
-		mounted: box.with(() => mounted),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, scrollDownButtonState.props));
-</script>
-
-{#if scrollDownButtonState.canScrollUp}
-	<Mounted onMountedChange={(m) => (mounted = m)} />
-	{#if child}
-		{@render child({ props: restProps })}
-	{:else}
-		<div {...mergedProps}>
-			{@render children?.()}
-		</div>
-	{/if}
-{/if}

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

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

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

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import { useListboxTrigger } from "../listbox.svelte.js";
-	import type { TriggerProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		child,
-		children,
-		...restProps
-	}: TriggerProps = $props();
-
-	const triggerState = useListboxTrigger({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, triggerState.props));
-</script>
-
-<FloatingLayer.Anchor {id}>
-	{#if child}
-		{@render child({ props: mergedProps })}
-	{:else}
-		<button {...mergedProps}>
-			{@render children?.()}
-		</button>
-	{/if}
-</FloatingLayer.Anchor>

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

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

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

@@ -1,55 +0,0 @@
-<script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ViewportProps } from "../index.js";
-	import { useListboxViewport } from "../listbox.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-
-	let {
-		id = useId(),
-		ref = $bindable(null),
-		children,
-		child,
-		...restProps
-	}: ViewportProps = $props();
-
-	const viewportState = useListboxViewport({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, viewportState.props));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<div {...mergedProps}>
-		{@render children?.()}
-	</div>
-{/if}
-
-<style>
-	/* Hide scrollbars cross browser and enable momentum scroll for touch devices */
-	:global([data-listbox-viewport]) {
-		scrollbar-width: none !important;
-		-ms-overflow-style: none !important;
-		-webkit-overflow-scrolling: touch !important;
-	}
-
-	:global([data-combobox-viewport]) {
-		scrollbar-width: none !important;
-		-ms-overflow-style: none !important;
-		-webkit-overflow-scrolling: touch !important;
-	}
-
-	:global([data-combobox-viewport])::-webkit-scrollbar {
-		display: none !important;
-	}
-	:global([data-listbox-viewport])::-webkit-scrollbar {
-		display: none !important;
-	}
-</style>

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

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

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

@@ -1,81 +0,0 @@
-<script lang="ts">
-	import { type WritableBox, box } from "svelte-toolbelt";
-	import { useListboxRoot } from "../listbox.svelte.js";
-	import type { RootProps } from "../index.js";
-	import ListboxHiddenInput from "./listbox-hidden-input.svelte";
-	import { noop } from "../../../internal/callbacks.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-
-	let {
-		value = $bindable(),
-		onValueChange = noop,
-		name = "",
-		disabled = false,
-		type,
-		open = $bindable(false),
-		onOpenChange = noop,
-		loop = false,
-		scrollAlignment = "nearest",
-		required = false,
-		controlledOpen = false,
-		controlledValue = false,
-		children,
-	}: RootProps = $props();
-
-	if (value === undefined) {
-		const defaultValue = type === "single" ? "" : [];
-		if (controlledValue) {
-			onValueChange(defaultValue as any);
-		} else {
-			value = defaultValue;
-		}
-	}
-
-	useListboxRoot({
-		type,
-		value: box.with(
-			() => value!,
-			(v) => {
-				if (controlledValue) {
-					onValueChange(v as any);
-				} else {
-					value = v;
-					onValueChange(v as any);
-				}
-			}
-		) as WritableBox<string> | WritableBox<string[]>,
-		disabled: box.with(() => disabled),
-		required: box.with(() => required),
-		open: box.with(
-			() => open,
-			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange(v);
-				}
-			}
-		),
-		loop: box.with(() => loop),
-		scrollAlignment: box.with(() => scrollAlignment),
-		name: box.with(() => name),
-		isCombobox: false,
-	});
-</script>
-
-<FloatingLayer.Root>
-	{@render children?.()}
-</FloatingLayer.Root>
-
-{#if Array.isArray(value)}
-	{#if value.length === 0}
-		<ListboxHiddenInput value="" />
-	{:else}
-		{#each value as item}
-			<ListboxHiddenInput value={item} />
-		{/each}
-	{/if}
-{:else}
-	<ListboxHiddenInput {value} />
-{/if}

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

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

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

@@ -1,13 +0,0 @@
-export { default as Root } from "./components/listbox.svelte";
-export { default as Content } from "./components/listbox-content.svelte";
-export { default as ContentStatic } from "./components/listbox-content-static.svelte";
-export { default as Item } from "./components/listbox-item.svelte";
-export { default as Group } from "./components/listbox-group.svelte";
-export { default as GroupHeading } from "./components/listbox-group-label.svelte";
-export { default as Label } from "./components/listbox-label.svelte";
-export { default as Trigger } from "./components/listbox-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as Viewport } from "./components/listbox-viewport.svelte";
-export { default as ScrollUpButton } from "./components/listbox-scroll-up-button.svelte";
-export { default as ScrollDownButton } from "./components/listbox-scroll-down-button.svelte";
-export type { ListboxRootProps as RootProps, ListboxContentProps as ContentProps, ListboxContentStaticProps as ContentStaticProps, ListboxItemProps as ItemProps, ListboxGroupProps as GroupProps, ListboxGroupHeadingProps as GroupHeadingProps, ListboxTriggerProps as TriggerProps, ListboxViewportProps as ViewportProps, ListboxScrollUpButtonProps as ScrollUpButtonProps, ListboxScrollDownButtonProps as ScrollDownButtonProps, ListboxPortalProps as PortalProps, } from "./types.js";

package/dist/bits/listbox/index.js

@@ -1,12 +0,0 @@
-export { default as Root } from "./components/listbox.svelte";
-export { default as Content } from "./components/listbox-content.svelte";
-export { default as ContentStatic } from "./components/listbox-content-static.svelte";
-export { default as Item } from "./components/listbox-item.svelte";
-export { default as Group } from "./components/listbox-group.svelte";
-export { default as GroupHeading } from "./components/listbox-group-label.svelte";
-export { default as Label } from "./components/listbox-label.svelte";
-export { default as Trigger } from "./components/listbox-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as Viewport } from "./components/listbox-viewport.svelte";
-export { default as ScrollUpButton } from "./components/listbox-scroll-up-button.svelte";
-export { default as ScrollDownButton } from "./components/listbox-scroll-down-button.svelte";