bits-ui 0.5.6 → 0.6.0

package/dist/bits/select/ctx.d.ts

@@ -9,101 +9,100 @@ export declare const ctx: {
     getGroupLabel: typeof getGroupLabel;
     setArrow: typeof setArrow;
 };
-declare function get(): SelectReturn;
+type GetReturn = SelectReturn;
+declare function get(): GetReturn;
 declare function set(props: CreateSelectProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
-        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal]: [boolean, string | HTMLElement | null | undefined]) => {
-            style: string;
-            id: string;
-            'aria-labelledby': string;
+        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
             role: string;
-            'data-portal': string | undefined;
+            'aria-labelledby': string;
+        }, string>;
+        groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            id: string;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $disabled, $required]: [boolean, boolean, boolean]) => {
-            readonly role: "combobox";
-            readonly type: "button";
-            readonly 'aria-autocomplete': "none";
-            readonly 'aria-haspopup': "listbox";
+        }, import("svelte/store").Writable<HTMLElement | null>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "input">, ([$open, $highlightedItem, $disabled]: [boolean, HTMLElement | null, boolean]) => {
+            readonly 'aria-activedescendant': string | undefined;
+            readonly 'aria-autocomplete': "list";
             readonly 'aria-controls': string;
             readonly 'aria-expanded': boolean;
-            readonly 'aria-required': boolean;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-disabled': true | undefined;
             readonly 'aria-labelledby': string;
-            readonly disabled: boolean;
+            readonly 'data-melt-id': string;
             readonly id: string;
-            readonly tabindex: 0;
+            readonly role: "combobox";
+            readonly disabled: true | undefined;
         }, string>;
-        option: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").SelectOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").SelectOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").SelectOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ($selected: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => (props: import("@melt-ui/svelte").SelectOptionProps<unknown>) => {
-            readonly role: "option";
-            readonly 'aria-selected': boolean;
-            readonly 'data-selected': "" | undefined;
+        option: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "pointermove">, ([$selected]: [import("@melt-ui/svelte").ComboboxOption<unknown> | undefined]) => (props: import("@melt-ui/svelte").ComboboxOptionProps<unknown>) => {
             readonly 'data-value': string;
             readonly 'data-label': string | undefined;
-            readonly 'data-disabled': "" | undefined;
-            readonly tabindex: -1;
+            readonly 'data-disabled': true | undefined;
+            readonly 'aria-disabled': true | undefined;
+            readonly 'aria-selected': boolean;
+            readonly 'data-selected': "" | undefined;
+            readonly id: string;
+            readonly role: "option";
+            readonly style: string;
         }, string>;
-        input: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").SelectOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").SelectOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").SelectOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string | undefined>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $required, $disabled, $nameStore]: [import("@melt-ui/svelte").SelectOption<unknown> | undefined, boolean, boolean, string | undefined]) => {
-            type: string;
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">, ([$isVisible]: [boolean]) => {
+            readonly hidden: true | undefined;
+            readonly id: string;
+            readonly role: "listbox";
+            readonly style: string;
+        }, string>;
+        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">, () => {
+            id: string;
+            for: string;
+        }, string>;
+        hiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string | undefined>], import("svelte/action").Action<any, any, Record<never, any>>, ([$selected, $required, $name]: [import("@melt-ui/svelte").ComboboxOption<unknown> | undefined, boolean, string | undefined]) => {
+            required: boolean | undefined;
+            value: unknown;
             name: string | undefined;
-            value: import("@melt-ui/svelte").SelectOption<unknown> | undefined;
+            type: string;
             'aria-hidden': boolean;
             hidden: boolean;
             tabIndex: number;
-            required: boolean;
-            disabled: boolean;
             style: string;
         }, string>;
-        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
-            role: string;
-            'aria-labelledby': string;
-        }, string>;
-        groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
-            id: string;
-        }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
-        separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
-            role: string;
-            'aria-orientation': "vertical" | undefined;
-            'aria-hidden': boolean;
-            'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-        }, "separator">;
-        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, <Node_1 extends unknown>(node: Node_1) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, () => {
-            id: string;
-            for: string;
-        }, string>;
     };
     states: {
+        selectedLabel: import("svelte/store").Readable<string>;
         open: {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         };
         selected: {
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").SelectOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").SelectOption<unknown> | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").SelectOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").SelectOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
         };
-        selectedLabel: import("svelte/store").Readable<string>;
+        highlighted: import("svelte/store").Readable<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>;
+    };
+    ids: {
+        trigger: string;
+        menu: string;
+        label: string;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
+        isHighlighted: import("svelte/store").Readable<(item: unknown) => boolean>;
+        closeMenu: () => void;
     };
     options: {
         multiple: import("svelte/store").Writable<false>;
@@ -111,16 +110,22 @@ declare function set(props: CreateSelectProps): {
         forceVisible: import("svelte/store").Writable<boolean>;
         name: import("svelte/store").Writable<string | undefined>;
         required: import("svelte/store").Writable<boolean>;
+        onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
         preventScroll: import("svelte/store").Writable<boolean>;
         portal: import("svelte/store").Writable<string | HTMLElement | null | undefined>;
         positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
             sameWidth: true;
         }>;
+        arrowSize?: import("svelte/store").Writable<number | undefined> | undefined;
+        scrollAlignment: import("svelte/store").Writable<"center" | "nearest">;
         loop: import("svelte/store").Writable<boolean>;
+        defaultSelected?: import("svelte/store").Writable<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined;
+        selected?: import("svelte/store").Writable<import("svelte/store").Writable<import("@melt-ui/svelte").ComboboxOption<unknown>> | undefined> | undefined;
+        onSelectedChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined> | undefined;
         closeOnOutsideClick: import("svelte/store").Writable<boolean>;
         closeOnEscape: import("svelte/store").Writable<boolean>;
-        arrowSize: import("svelte/store").Writable<number>;
+        typeahead: import("svelte/store").Writable<boolean>;
     };
 };
 declare function setGroup(): {
@@ -130,7 +135,7 @@ declare function setGroup(): {
     }, string>;
     id: string;
 };
-declare function setItem(value: unknown): SelectReturn;
+declare function setItem(value: unknown): GetReturn;
 declare function getGroupLabel(): {
     groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
         id: string;
@@ -141,5 +146,5 @@ declare function getItemIndicator(): {
     value: unknown;
     isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
 };
-declare function setArrow(size?: number): SelectReturn;
+declare function setArrow(size?: number): GetReturn;
 export {};

package/dist/bits/select/ctx.js

@@ -50,6 +50,6 @@ function getItemIndicator() {
 }
 function setArrow(size = 8) {
     const select = get();
-    select.options.arrowSize.set(size);
+    select.options.arrowSize?.set(size);
     return select;
 }

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

@@ -6,7 +6,7 @@ import Input from "./components/SelectInput.svelte";
 import Item from "./components/SelectItem.svelte";
 import ItemIndicator from "./components/SelectItemIndicator.svelte";
 import Label from "./components/SelectLabel.svelte";
-import Separator from "./components/SelectSeparator.svelte";
+import Separator from "../separator/components/Separator.svelte";
 import Trigger from "./components/SelectTrigger.svelte";
 import Value from "./components/SelectValue.svelte";
 export { Root, Arrow, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, Root as Select, Arrow as SelectArrow, Content as SelectContent, Group as SelectGroup, Input as SelectInput, Item as SelectItem, ItemIndicator as SelectItemIndicator, Label as SelectLabel, Separator as SelectSeparator, Trigger as SelectTrigger, Value as SelectValue };

package/dist/bits/select/index.js

@@ -6,7 +6,7 @@ import Input from "./components/SelectInput.svelte";
 import Item from "./components/SelectItem.svelte";
 import ItemIndicator from "./components/SelectItemIndicator.svelte";
 import Label from "./components/SelectLabel.svelte";
-import Separator from "./components/SelectSeparator.svelte";
+import Separator from "../separator/components/Separator.svelte";
 import Trigger from "./components/SelectTrigger.svelte";
 import Value from "./components/SelectValue.svelte";
 export { Root, Arrow, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, 

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

@@ -23,11 +23,7 @@ type ArrowProps = Expand<{
 } & AsChild> & HTMLDivAttributes;
 type ItemEvents<T extends Element = HTMLDivElement> = {
     click: CustomEventHandler<MouseEvent, T>;
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-    focusin: CustomEventHandler<FocusEvent, T>;
-    focusout: CustomEventHandler<FocusEvent, T>;
-    pointerleave: CustomEventHandler<MouseEvent, T>;
-    pointermove: CustomEventHandler<MouseEvent, T>;
+    pointermove: CustomEventHandler<PointerEvent, T>;
 };
 type TriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
@@ -37,6 +33,6 @@ type LabelEvents<T extends Element = HTMLSpanElement> = {
     click: CustomEventHandler<MouseEvent, T>;
 };
 type ContentEvents<T extends Element = HTMLDivElement> = {
-    keydown: CustomEventHandler<KeyboardEvent, T>;
+    pointerleave: CustomEventHandler<PointerEvent, T>;
 };
 export type { Props, ArrowProps, ContentProps, GroupProps, InputProps, LabelProps, ItemProps, SeparatorProps, TriggerProps, ValueProps, Props as SelectProps, ArrowProps as SelectArrowProps, ContentProps as SelectContentProps, GroupProps as SelectGroupProps, InputProps as SelectInputProps, LabelProps as SelectLabelProps, ItemProps as SelectItemProps, SeparatorProps as SelectSeparatorProps, TriggerProps as SelectTriggerProps, ValueProps as SelectValueProps, ItemEvents, ContentEvents, TriggerEvents, LabelEvents, ItemEvents as SelectItemEvents, ContentEvents as SelectContentEvents, TriggerEvents as SelectTriggerEvents, LabelEvents as SelectLabelEvents };

package/dist/bits/slider/ctx.d.ts

@@ -6,9 +6,13 @@ export declare const ctx: {
 };
 declare function set(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    ids: {
+        root: string;
+    };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<"horizontal" | "vertical">], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation]: [boolean, "horizontal" | "vertical"]) => {
-            disabled: boolean;
+            disabled: boolean | undefined;
+            'aria-disabled': string | undefined;
             'data-orientation': "horizontal" | "vertical";
             style: string | undefined;
             'data-melt-id': string;
@@ -33,6 +37,14 @@ declare function set(props: CreateSliderProps): {
         }, import("svelte/store").Writable<"horizontal" | "vertical">, import("svelte/store").Readable<(val: number) => number>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $orientation, $position]: [number[], "horizontal" | "vertical", (val: number) => number]) => {
             style: string;
         }, string>;
+        tick: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<number>, {
+            update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
+            set: (this: void, value: number[]) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<"horizontal" | "vertical">], import("svelte/action").Action<any, any, Record<never, any>>, ([$ticks, $value, $min, $max, $step, $orientation]: [number, number[], number, number, number, "horizontal" | "vertical"]) => () => {
+            'data-bounded': boolean | undefined;
+            style: string;
+        }, string>;
     };
     states: {
         value: {
@@ -40,6 +52,7 @@ declare function set(props: CreateSliderProps): {
             set: (this: void, value: number[]) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
         };
+        ticks: import("svelte/store").Readable<number>;
     };
     options: {
         disabled: import("svelte/store").Writable<boolean>;

package/dist/bits/switch/ctx.d.ts

@@ -12,8 +12,8 @@ declare function set(props: CreateSwitchProps): {
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean, boolean, boolean]) => {
-            readonly 'data-disabled': boolean;
-            readonly disabled: boolean;
+            readonly 'data-disabled': true | undefined;
+            readonly disabled: true | undefined;
             readonly 'data-state': "checked" | "unchecked";
             readonly type: "button";
             readonly role: "switch";
@@ -33,7 +33,7 @@ declare function set(props: CreateSwitchProps): {
             readonly value: string;
             readonly checked: boolean;
             readonly required: boolean;
-            readonly disabled: boolean;
+            readonly disabled: true | undefined;
             readonly style: string;
         }, string>;
     };

package/dist/bits/toggle/ctx.d.ts

@@ -13,7 +13,7 @@ declare function set(props: CreateToggleProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$pressed, $disabled]: [boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
-            readonly disabled: boolean;
+            readonly disabled: true | undefined;
             readonly 'data-state': "on" | "off";
             readonly 'aria-pressed': boolean;
             readonly type: "button";

package/dist/bits/tooltip/components/Tooltip.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         forceVisible?: boolean | undefined;
+        group?: string | boolean | undefined;
         closeOnEscape?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
@@ -9,6 +10,7 @@ declare const __propDef: {
         openDelay?: number | undefined;
         closeDelay?: number | undefined;
         closeOnPointerDown?: boolean | undefined;
+        disableHoverableContent?: boolean | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
     };

package/dist/bits/tooltip/ctx.d.ts

@@ -7,9 +7,14 @@ export declare const ctx: {
 };
 declare function set(props: CreateTooltipProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    ids: {
+        readonly content: string;
+        readonly trigger: string;
+    };
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "blur" | "focus" | "pointerdown" | "pointerenter" | "pointerleave">, () => {
             'aria-describedby': string;
+            id: string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">, ([$isVisible, $portal]: [boolean, string | HTMLElement | null]) => {
             role: string;
@@ -39,11 +44,13 @@ declare function set(props: CreateTooltipProps): {
         positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
         }>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
         arrowSize: import("svelte/store").Writable<number>;
+        closeOnEscape: import("svelte/store").Writable<boolean>;
+        group: import("svelte/store").Writable<string | boolean | undefined>;
         openDelay: import("svelte/store").Writable<number>;
         closeDelay: import("svelte/store").Writable<number>;
         closeOnPointerDown: import("svelte/store").Writable<boolean>;
+        disableHoverableContent: import("svelte/store").Writable<boolean>;
     };
 };
 declare function get(sideOffset?: number): TooltipReturn;

package/package.json

@@ -1,93 +1,94 @@
 {
-  "name": "bits-ui",
-  "version": "0.5.6",
-  "license": "MIT",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "devDependencies": {
-    "@changesets/cli": "^2.26.2",
-    "@huntabyte/mdsvex": "0.16.5",
-    "@melt-ui/pp": "^0.1.2",
-    "@playwright/test": "^1.28.1",
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/adapter-vercel": "^3.0.3",
-    "@sveltejs/kit": "^1.20.4",
-    "@sveltejs/package": "^2.0.0",
-    "@tailwindcss/typography": "^0.5.9",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "autoprefixer": "^10.4.14",
-    "clsx": "^2.0.0",
-    "concurrently": "^8.2.0",
-    "contentlayer": "^0.3.4",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte": "^2.30.0",
-    "esm-env": "^1.0.0",
-    "hast-util-to-html": "^9.0.0",
-    "lucide-svelte": "^0.268.0",
-    "postcss": "^8.4.24",
-    "postcss-load-config": "^4.0.1",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.1",
-    "publint": "^0.1.9",
-    "radix-icons-svelte": "^1.2.1",
-    "rehype-pretty-code": "^0.10.0",
-    "remark-gfm": "^3.0.1",
-    "shiki": "^0.14.3",
-    "shikiji": "^0.4.0",
-    "svelte": "^4.0.5",
-    "svelte-check": "^3.4.3",
-    "svelte-sequential-preprocessor": "^2.0.1",
-    "svelte-wrap-balancer": "^0.0.4",
-    "tailwind-merge": "^1.14.0",
-    "tailwind-variants": "^0.1.13",
-    "tailwindcss": "^3.3.2",
-    "tailwindcss-animate": "^1.0.6",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "unist-builder": "^4.0.0",
-    "unist-util-visit": "^5.0.0",
-    "vite": "^4.4.2",
-    "vitest": "^0.32.2"
-  },
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
-  "dependencies": {
-    "@melt-ui/svelte": "0.41.2",
-    "nanoid": "^4.0.2"
-  },
-  "peerDependencies": {
-    "svelte": "^4.0.0"
-  },
-  "packageManager": "pnpm@8.6.3",
-  "scripts": {
-    "dev": "concurrently \"pnpm:dev:content\" \"pnpm:dev:svelte\"",
-    "dev:content": "contentlayer dev",
-    "dev:svelte": "vite dev",
-    "build": "contentlayer build &&  vite build && pnpm run package",
-    "build:content": "contentlayer build",
-    "build:content-cachebust": "contentlayer build --clearCache",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "test": "pnpm run test:integration && pnpm run test:unit",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
-    "test:integration": "playwright test",
-    "test:unit": "vitest",
-    "release": "changeset publish",
-    "changeset": "changeset"
-  }
-}
+	"name": "bits-ui",
+	"version": "0.6.0",
+	"license": "MIT",
+	"scripts": {
+		"dev": "concurrently \"pnpm:dev:content\" \"pnpm:dev:svelte\"",
+		"dev:content": "contentlayer dev",
+		"dev:svelte": "vite dev",
+		"build": "contentlayer build &&  vite build && pnpm run package",
+		"build:content": "contentlayer build",
+		"build:content-cachebust": "contentlayer build --clearCache",
+		"preview": "vite preview",
+		"package": "svelte-kit sync && svelte-package && publint",
+		"prepublishOnly": "pnpm run package",
+		"test": "pnpm run test:integration && pnpm run test:unit",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"format": "prettier --plugin-search-dir . --write .",
+		"test:integration": "playwright test",
+		"test:unit": "vitest",
+		"release": "changeset publish",
+		"changeset": "changeset"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"devDependencies": {
+		"@changesets/cli": "^2.26.2",
+		"@huntabyte/mdsvex": "0.16.5",
+		"@melt-ui/pp": "^0.1.2",
+		"@playwright/test": "^1.28.1",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-vercel": "^3.0.3",
+		"@sveltejs/kit": "^1.20.4",
+		"@sveltejs/package": "^2.0.0",
+		"@tailwindcss/typography": "^0.5.9",
+		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"@typescript-eslint/parser": "^5.45.0",
+		"autoprefixer": "^10.4.14",
+		"clsx": "^2.0.0",
+		"concurrently": "^8.2.0",
+		"contentlayer": "^0.3.4",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte": "^2.30.0",
+		"esm-env": "^1.0.0",
+		"hast-util-to-html": "^9.0.0",
+		"lucide-svelte": "^0.268.0",
+		"postcss": "^8.4.24",
+		"postcss-load-config": "^4.0.1",
+		"prettier": "^2.8.8",
+		"prettier-plugin-svelte": "^2.10.1",
+		"publint": "^0.1.9",
+		"radix-icons-svelte": "^1.2.1",
+		"rehype-pretty-code": "^0.10.0",
+		"remark-gfm": "^3.0.1",
+		"shiki": "^0.14.3",
+		"shikiji": "^0.4.0",
+		"svelte": "^4.0.5",
+		"svelte-check": "^3.4.3",
+		"svelte-sequential-preprocessor": "^2.0.1",
+		"svelte-wrap-balancer": "^0.0.4",
+		"tailwind-merge": "^1.14.0",
+		"tailwind-variants": "^0.1.13",
+		"tailwindcss": "^3.3.2",
+		"tailwindcss-animate": "^1.0.6",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"unist-builder": "^4.0.0",
+		"unist-util-visit": "^5.0.0",
+		"vite": "^4.4.2",
+		"vitest": "^0.32.2"
+	},
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"dependencies": {
+		"@melt-ui/svelte": "0.55.2",
+		"nanoid": "^4.0.2"
+	},
+	"peerDependencies": {
+		"svelte": "^4.0.0"
+	},
+	"packageManager": "pnpm@8.6.3"
+}

package/dist/bits/select/components/SelectSeparator.svelte

@@ -1,11 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
-export let asChild = false;
-const separator = ctx.get().elements.separator;
-</script>
-
-{#if asChild}
-	<slot builder={$separator} />
-{:else}
-	<div {...$separator} use:$separator.action {...$$restProps} />
-{/if}