bits-ui 0.0.24 → 0.0.25

package/dist/bits/radio-group/components/RadioGroupItem.svelte.d.ts

@@ -223,23 +223,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").RadioGroupItemProps) => ((props: import("@melt-ui/svelte/index.js").RadioGroupItemProps) => {
-                readonly disabled: boolean;
-                readonly 'data-value': string;
-                readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-                readonly 'data-disabled': true | undefined;
-                readonly 'data-state': "checked" | "unchecked";
-                readonly 'aria-checked': boolean;
-                readonly type: "button";
-                readonly role: "radio";
-                readonly tabindex: 0 | -1;
-            }) & {
-                [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: {

package/dist/bits/radio-group/types.d.ts

@@ -4,8 +4,8 @@ import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements"
 type Props = Expand<OmitValue<CreateRadioGroupProps> & {
     value?: CreateRadioGroupProps["defaultValue"];
     onValueChange?: OnChangeFn<CreateRadioGroupProps["defaultValue"]>;
-}> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type InputProps = AsChild & HTMLInputAttributes;
-type ItemProps = Expand<ObjectVariation<RadioGroupItemProps>> & AsChild & HTMLButtonAttributes;
+type ItemProps = Expand<ObjectVariation<RadioGroupItemProps> & AsChild> & HTMLButtonAttributes;
 type ItemEvents = RadioGroupComponentEvents["item"];
 export type { Props, InputProps, ItemProps, Props as RadioGroupProps, InputProps as RadioGroupInputProps, ItemProps as RadioGroupItemProps, ItemEvents, ItemEvents as RadioGroupItemEvents };

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

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

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

@@ -0,0 +1,236 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        size?: number | undefined;
+        asChild?: boolean | undefined;
+        accesskey?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        class?: string | null | undefined;
+        contenteditable?: import("svelte/elements.js").Booleanish | "inherit" | null | undefined;
+        contextmenu?: string | null | undefined;
+        dir?: string | null | undefined;
+        draggable?: import("svelte/elements.js").Booleanish | null | undefined;
+        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
+        hidden?: boolean | null | undefined;
+        id?: string | null | undefined;
+        lang?: string | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        slot?: string | null | undefined;
+        spellcheck?: import("svelte/elements.js").Booleanish | null | undefined;
+        style?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        title?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
+        inert?: boolean | null | undefined;
+        radiogroup?: string | null | undefined;
+        role?: import("svelte/elements.js").AriaRole | null | undefined;
+        about?: string | null | undefined;
+        datatype?: string | null | undefined;
+        inlist?: any;
+        prefix?: string | null | undefined;
+        property?: string | null | undefined;
+        resource?: string | null | undefined;
+        typeof?: string | null | undefined;
+        vocab?: string | null | undefined;
+        autocapitalize?: string | null | undefined;
+        autocorrect?: string | null | undefined;
+        autosave?: string | null | undefined;
+        color?: string | null | undefined;
+        itemprop?: string | null | undefined;
+        itemscope?: boolean | null | undefined;
+        itemtype?: string | null | undefined;
+        itemid?: string | null | undefined;
+        itemref?: string | null | undefined;
+        results?: number | null | undefined;
+        security?: string | null | undefined;
+        unselectable?: "on" | "off" | null | undefined;
+        inputmode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
+        is?: string | null | undefined;
+        'bind:innerHTML'?: string | null | undefined;
+        'bind:textContent'?: string | null | undefined;
+        'bind:innerText'?: string | null | undefined;
+        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
+        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-colcount'?: number | null | undefined;
+        'aria-colindex'?: number | null | undefined;
+        'aria-colspan'?: number | null | undefined;
+        'aria-controls'?: string | null | undefined;
+        '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-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
+        'aria-keyshortcuts'?: string | null | undefined;
+        'aria-label'?: string | null | undefined;
+        'aria-labelledby'?: string | null | undefined;
+        'aria-level'?: number | null | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
+        'aria-modal'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-multiline'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-multiselectable'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-setsize'?: number | null | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
+        'aria-valuemax'?: number | null | undefined;
+        'aria-valuemin'?: number | null | undefined;
+        'aria-valuenow'?: number | null | undefined;
+        'aria-valuetext'?: string | null | undefined;
+        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLDivElement> | null | undefined;
+        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLDivElement> | null | undefined;
+        'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
+        'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
+        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
+        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                'data-arrow': boolean;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
+};
+export type SelectArrowProps = typeof __propDef.props;
+export type SelectArrowEvents = typeof __propDef.events;
+export type SelectArrowSlots = typeof __propDef.slots;
+export default class SelectArrow extends SvelteComponent<SelectArrowProps, SelectArrowEvents, SelectArrowSlots> {
+}
+export {};

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

@@ -12,15 +12,16 @@ const {
 <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
 
 {#if $open}
+	{@const builder = $menu}
 	{#if asChild}
-		<slot builder={$menu} />
+		<slot {builder} />
 	{:else if transition}
-		<div {...$menu} use:$menu.action {...$$restProps} on:m-keydown transition:transition={transitionConfig}>
-			<slot builder={$menu} />
+		<div {...builder} use:builder.action {...$$restProps} on:m-keydown transition:transition={transitionConfig}>
+			<slot {builder} />
 		</div>
 	{:else}
-		<div {...$menu} use:$menu.action {...$$restProps} on:m-keydown>
-			<slot builder={$menu} />
+		<div {...builder} use:builder.action {...$$restProps} on:m-keydown>
+			<slot {builder} />
 		</div>
 	{/if}
 {/if}

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

@@ -219,18 +219,7 @@ declare class __sveltets_Render<T extends Transition> {
     };
     slots(): {
         default: {
-            builder: {
-                hidden: boolean | undefined;
-                style: string;
-                id: string;
-                'aria-labelledby': string;
-                role: string;
-                'data-portal': string | undefined;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
-            };
+            builder: any;
         };
     };
 }

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

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

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

@@ -216,14 +216,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((groupId: string) => {
-                role: string;
-                'aria-labelledby': string;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

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

@@ -5,17 +5,16 @@ export let disabled = void 0;
 export let label = void 0;
 export let asChild = false;
 const option = ctx.setItem(value).elements.option;
-$:
-  __MELTUI_BUILDER_0__ = $option({ value, disabled, label });
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
 
 {#if asChild}
-	<slot builder={$option} />
+	<slot builder={$option({ value, disabled, label })} />
 {:else}
+	{@const builder = $option({ value, disabled, label })}
 	<div
-		{...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-click
 		on:m-focusin
@@ -24,7 +23,7 @@ $:
 		on:m-pointerleave
 		on:m-pointermove
 	>
-		<slot builder={$option}>
+		<slot {builder}>
 			{label ? label : value}
 		</slot>
 	</div>

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

@@ -216,21 +216,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").SelectOptionProps<unknown>) => ((props: import("@melt-ui/svelte/index.js").SelectOptionProps<unknown>) => {
-                readonly role: "option";
-                readonly 'aria-selected': boolean;
-                readonly 'data-selected': "" | undefined;
-                readonly 'data-value': string;
-                readonly 'data-label': string | undefined;
-                readonly 'data-disabled': "" | undefined;
-                readonly tabindex: -1;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">;
-            }) & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">;
-            };
+            builder: any;
         };
     };
     events: {

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

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

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

@@ -213,13 +213,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((groupId: string) => {
-                id: string;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
     events: {

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

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

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

@@ -223,24 +223,7 @@ 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: {

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): {
@@ -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

@@ -8,21 +8,24 @@ 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>;
+} & AsChild> & HTMLAttributes<HTMLSpanElement>;
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
 type ItemEvents = SelectComponentEvents["option"];
 type ContentEvents = SelectComponentEvents["menu"];
 type TriggerEvents = SelectComponentEvents["trigger"];
 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 };
+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/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}