bits-ui 0.0.24 → 0.0.26

package/dist/bits/select/components/SelectTrigger.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { TriggerEvents } from "../types.js";
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined;
@@ -10,7 +11,7 @@ declare const __propDef: {
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
         name?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         value?: string | number | string[] | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -82,7 +83,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -223,30 +224,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly role: "combobox";
-                readonly 'aria-autocomplete': "none";
-                readonly 'aria-haspopup': "listbox";
-                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 id: string;
-                readonly tabindex: 0;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type SelectTriggerProps = typeof __propDef.props;
 export type SelectTriggerEvents = typeof __propDef.events;

package/dist/bits/select/components/SelectValue.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

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

@@ -7,6 +7,7 @@ export declare const ctx: {
     setItem: typeof setItem;
     getItemIndicator: typeof getItemIndicator;
     getGroupLabel: typeof getGroupLabel;
+    setArrow: typeof setArrow;
 };
 declare function get(): SelectReturn;
 declare function set(props: CreateSelectProps): {
@@ -24,7 +25,7 @@ declare function set(props: CreateSelectProps): {
             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<"click" | "keydown">, ([$open, $disabled, $required]: [boolean, boolean, boolean]) => {
+        }, 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 'aria-autocomplete': "none";
             readonly 'aria-haspopup': "listbox";
@@ -42,7 +43,7 @@ declare function set(props: CreateSelectProps): {
             update: (updater: import("svelte/store").Updater<any>, sideEffect?: ((newValue: any) => void) | undefined) => void;
             set: (this: void, value: any) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<any>, invalidate?: import("svelte/store").Invalidator<any> | undefined): import("svelte/store").Unsubscriber;
-        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ($value: any) => (props: import("@melt-ui/svelte").SelectOptionProps<any>) => {
+        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ($value: any) => (props: import("@melt-ui/svelte").SelectOptionProps<any>) => {
             readonly role: "option";
             readonly 'aria-selected': boolean;
             readonly 'data-selected': "" | undefined;
@@ -141,4 +142,5 @@ declare function getItemIndicator(): {
     value: unknown;
     isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
 };
+declare function setArrow(size?: number): SelectReturn;
 export {};

package/dist/bits/select/ctx.js

@@ -10,7 +10,8 @@ export const ctx = {
     setGroup,
     setItem,
     getItemIndicator,
-    getGroupLabel
+    getGroupLabel,
+    setArrow
 };
 function get() {
     return getContext(NAME);
@@ -49,3 +50,8 @@ function getItemIndicator() {
         isSelected
     };
 }
+function setArrow(size = 8) {
+    const select = get();
+    select.options.arrowSize.set(size);
+    return select;
+}

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

@@ -1,4 +1,5 @@
 import Root from "./components/Select.svelte";
+import Arrow from "./components/SelectArrow.svelte";
 import Content from "./components/SelectContent.svelte";
 import Group from "./components/SelectGroup.svelte";
 import Input from "./components/SelectInput.svelte";
@@ -8,5 +9,5 @@ import Label from "./components/SelectLabel.svelte";
 import Separator from "./components/SelectSeparator.svelte";
 import Trigger from "./components/SelectTrigger.svelte";
 import Value from "./components/SelectValue.svelte";
-export { Root, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, Root as Select, 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 };
+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 };
 export * from "./types.js";

package/dist/bits/select/index.js

@@ -1,4 +1,5 @@
 import Root from "./components/Select.svelte";
+import Arrow from "./components/SelectArrow.svelte";
 import Content from "./components/SelectContent.svelte";
 import Group from "./components/SelectGroup.svelte";
 import Input from "./components/SelectInput.svelte";
@@ -8,7 +9,7 @@ import Label from "./components/SelectLabel.svelte";
 import Separator from "./components/SelectSeparator.svelte";
 import Trigger from "./components/SelectTrigger.svelte";
 import Value from "./components/SelectValue.svelte";
-export { Root, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, 
+export { Root, Arrow, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, 
 //
-Root as Select, 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 };
+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 };
 export * from "./types.js";

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

@@ -1,6 +1,7 @@
 import type { CreateSelectProps, SelectComponentEvents, SelectOptionProps } from "@melt-ui/svelte";
 import type { AsChild, Expand, HTMLDivAttributes, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
 import type { HTMLAttributes, HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
+import type { ButtonEventHandler, DivEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<OmitValue<Omit<CreateSelectProps, "defaultValueLabel" | "forceVisible">>> & {
     value?: CreateSelectProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateSelectProps["defaultValue"]>;
@@ -8,21 +9,30 @@ type Props = Expand<OmitOpen<OmitValue<Omit<CreateSelectProps, "defaultValueLabe
     onOpenChange?: OnChangeFn<CreateSelectProps["defaultOpen"]>;
     label?: CreateSelectProps["defaultValueLabel"] & {};
 }>;
-type ContentProps<T extends Transition = Transition> = {
+type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;
 type InputProps = AsChild & HTMLInputAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;
-type ItemProps = Expand<SelectOptionProps> & AsChild & HTMLDivAttributes;
+type ItemProps = Expand<SelectOptionProps & AsChild> & HTMLDivAttributes;
 type SeparatorProps = AsChild & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
-type ValueProps = {
+type ValueProps = Expand<{
     placeholder?: string;
-} & AsChild & HTMLAttributes<HTMLSpanElement>;
-type ItemEvents = SelectComponentEvents["option"];
-type ContentEvents = SelectComponentEvents["menu"];
-type TriggerEvents = SelectComponentEvents["trigger"];
+} & AsChild> & HTMLAttributes<HTMLSpanElement>;
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
+type ItemEvents = {
+    "m-click": DivEventHandler<MouseEvent>;
+    "m-keydown": DivEventHandler<KeyboardEvent>;
+};
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 type LabelEvents = SelectComponentEvents["label"];
-export type { Props, ContentProps, GroupProps, InputProps, LabelProps, ItemProps, SeparatorProps, TriggerProps, ValueProps, Props as SelectProps, 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 };
+type ContentEvents = SelectComponentEvents["menu"];
+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/separator/components/Separator.svelte.d.ts

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

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

@@ -1,4 +1,4 @@
 import type { AsChild, Expand, HTMLDivAttributes } from "../../internal/index.js";
 import type { CreateSeparatorProps } from "@melt-ui/svelte";
-type Props = Expand<CreateSeparatorProps> & AsChild & HTMLDivAttributes;
+type Props = Expand<CreateSeparatorProps & AsChild> & HTMLDivAttributes;
 export type { Props, Props as SeparatorProps };

package/dist/bits/slider/components/Slider.svelte

@@ -42,7 +42,8 @@ $:
 {#if asChild}
 	<slot builder={$root} />
 {:else}
-	<span {...$root} use:$root.action {...$$restProps}>
-		<slot builder={$root} />
+	{@const builder = $root}
+	<span {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</span>
 {/if}

package/dist/bits/slider/components/Slider.svelte.d.ts

@@ -79,7 +79,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -223,16 +223,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                disabled: boolean;
-                'data-orientation': "horizontal" | "vertical";
-                style: string | undefined;
-                'data-melt-id': string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/slider/components/SliderInput.svelte.d.ts

@@ -5,11 +5,11 @@ declare const __propDef: {
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
         multiple?: boolean | null | undefined;
         disabled?: boolean | null | undefined;
-        contextmenu?: string | null | undefined;
         form?: string | null | undefined;
         list?: string | null | undefined;
         radiogroup?: string | null | undefined;
         step?: string | number | null | undefined;
+        contextmenu?: string | null | undefined;
         role?: import("svelte/elements.js").AriaRole | null | undefined;
         src?: string | null | undefined;
         alt?: string | null | undefined;
@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

package/dist/bits/slider/components/SliderRange.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

package/dist/bits/slider/components/SliderThumb.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

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

@@ -4,7 +4,7 @@ import type { HTMLInputAttributes } from "svelte/elements";
 type Props = Expand<OmitValue<CreateSliderProps> & {
     value?: CreateSliderProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateSliderProps["defaultValue"]>;
-}> & AsChild & HTMLSpanAttributes;
+} & AsChild> & HTMLSpanAttributes;
 type RangeProps = AsChild & HTMLSpanAttributes;
 type ThumbProps = AsChild & HTMLSpanAttributes;
 type ThumbEvents = SliderComponentEvents["thumb"];

package/dist/bits/switch/components/Switch.svelte

@@ -34,7 +34,8 @@ $:
 {#if asChild}
 	<slot builder={$root} />
 {:else}
-	<button {...$root} use:$root.action {...$$restProps} on:m-click on:m-keydown>
-		<slot builder={$root} />
+	{@const builder = $root}
+	<button {...builder} use:builder.action {...$$restProps} on:m-click on:m-keydown>
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/switch/components/Switch.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { Events } from "../types.js";
 declare const __propDef: {
     props: {
         value?: string | (string & string[]) | undefined;
@@ -14,7 +15,7 @@ declare const __propDef: {
         formmethod?: string | null | undefined;
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -85,7 +86,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -226,25 +227,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly 'data-disabled': boolean;
-                readonly disabled: boolean;
-                readonly 'data-state': "checked" | "unchecked";
-                readonly type: "button";
-                readonly role: "switch";
-                readonly 'aria-checked': boolean;
-                readonly 'aria-required': boolean;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: <Node_1 extends unknown>(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-    };
+    events: Events;
 };
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;

package/dist/bits/switch/components/SwitchInput.svelte.d.ts

@@ -107,7 +107,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

package/dist/bits/switch/components/SwitchThumb.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

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

@@ -11,7 +11,7 @@ declare function set(props: CreateSwitchProps): {
             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_1 extends unknown>(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$checked, $disabled, $required]: [boolean, boolean, boolean]) => {
+        }, 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-state': "checked" | "unchecked";

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

@@ -1,11 +1,15 @@
-import type { CreateSwitchProps, SwitchComponentEvents } from "@melt-ui/svelte";
+import type { CreateSwitchProps } from "@melt-ui/svelte";
 import type { AsChild, Expand, HTMLSpanAttributes, OmitChecked, OnChangeFn } from "../../internal/index.js";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
+import type { ButtonEventHandler } from "../../index.js";
 type Props = Expand<OmitChecked<CreateSwitchProps> & {
     checked?: CreateSwitchProps["defaultChecked"] & {};
     onCheckedChange?: OnChangeFn<CreateSwitchProps["defaultChecked"]>;
-}> & AsChild & HTMLButtonAttributes;
+} & AsChild> & HTMLButtonAttributes;
 type ThumbProps = AsChild & HTMLSpanAttributes;
 type InputProps = HTMLInputAttributes;
-type Events = SwitchComponentEvents["root"];
+type Events = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 export type { Props, ThumbProps, InputProps, Props as SwitchProps, ThumbProps as SwitchThumbProps, InputProps as SwitchInputProps, Events, Events as SwitchEvents };

package/dist/bits/tabs/components/Tabs.svelte

@@ -38,7 +38,8 @@ $:
 {#if asChild}
 	<slot builder={$root} />
 {:else}
-	<div {...$root} use:$root.action {...$$restProps}>
-		<slot builder={$root} />
+	{@const builder = $root}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/tabs/components/Tabs.svelte.d.ts

@@ -78,7 +78,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -222,13 +222,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/tabs/components/TabsContent.svelte

@@ -3,14 +3,13 @@ import { ctx } from "../ctx.js";
 export let value;
 export let asChild = false;
 const content = ctx.get().elements.content;
-$:
-  __MELTUI_BUILDER_0__ = $content(value);
 </script>
 
 {#if asChild}
 	<slot builder={$content(value)} />
 {:else}
-	<div {...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action {...$$restProps}>
-		<slot builder={$content(value)} />
+	{@const builder = $content(value)}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/tabs/components/TabsContent.svelte.d.ts

@@ -73,7 +73,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -217,16 +217,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((tabValue: string) => {
-                role: string;
-                'aria-labelledby': string;
-                hidden: boolean | undefined;
-                tabindex: number;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/tabs/components/TabsList.svelte

@@ -7,7 +7,8 @@ const list = ctx.get().elements.list;
 {#if asChild}
 	<slot builder={$list} />
 {:else}
-	<div {...$list} use:$list.action {...$$restProps}>
-		<slot builder={$list} />
+	{@const builder = $list}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/tabs/components/TabsList.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -216,15 +216,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                role: string;
-                'aria-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-                'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/tabs/components/TabsTrigger.svelte

@@ -4,20 +4,13 @@ export let value;
 export let disabled = void 0;
 export let asChild = false;
 const trigger = ctx.get().elements.trigger;
-$:
-  __MELTUI_BUILDER_0__ = $trigger({ value, disabled });
 </script>
 
 {#if asChild}
-	<slot builder={$trigger} />
+	<slot builder={$trigger({ value, disabled })} />
 {:else}
-	<button
-		{...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action
-		{...$$restProps}
-		on:m-click
-		on:m-focus
-		on:m-keydown
-	>
-		<slot builder={$trigger} />
+	{@const builder = $trigger({ value, disabled })}
+	<button {...builder} use:builder.action {...$$restProps} on:m-click on:m-focus on:m-keydown>
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/tabs/components/TabsTrigger.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { TriggerEvents } from "../types.js";
 declare const __propDef: {
     props: {
         value: string;
@@ -74,7 +75,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -215,29 +216,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").TabsTriggerProps) => ((props: import("@melt-ui/svelte/index.js").TabsTriggerProps) => {
-                type: string;
-                role: string;
-                'data-state': string;
-                tabindex: number;
-                'data-value': string;
-                'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-                'data-disabled': boolean | undefined;
-                disabled: boolean | undefined;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focus" | "keydown">;
-            }) & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focus" | "keydown">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focus"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type TabsTriggerProps = typeof __propDef.props;
 export type TabsTriggerEvents = typeof __propDef.events;