bits-ui 0.0.24 → 0.0.26

package/dist/bits/dropdown-menu/components/DropdownMenuItem.svelte

@@ -10,8 +10,9 @@ const item = ctx.get().elements.item;
 {#if asChild}
 	<slot builder={$item} />
 {:else}
+	{@const builder = $item}
 	<div
-		{...$item} use:$item.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-click
 		on:m-focusin
@@ -22,6 +23,6 @@ const item = ctx.get().elements.item;
 		on:m-pointermove
 		{...disabledAttrs(disabled)}
 	>
-		<slot builder={$item} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/dropdown-menu/components/DropdownMenuItem.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { ItemEvents } from "../types.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
@@ -73,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;
@@ -214,26 +215,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                role: string;
-                tabindex: number;
-                'data-orientation': string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: ItemEvents;
 };
 export type DropdownMenuItemProps = typeof __propDef.props;
 export type DropdownMenuItemEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuLabel.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/dropdown-menu/components/DropdownMenuLabel.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,13 +216,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;
         };
     };
 };

package/dist/bits/dropdown-menu/components/DropdownMenuRadioGroup.svelte

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

package/dist/bits/dropdown-menu/components/DropdownMenuRadioGroup.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;
@@ -218,13 +218,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                role: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/dropdown-menu/components/DropdownMenuRadioItem.svelte

@@ -6,8 +6,6 @@ export let asChild = false;
 const {
   elements: { radioItem }
 } = ctx.setRadioItem(value);
-$:
-  __MELTUI_BUILDER_0__ = $radioItem({ value, disabled });
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
@@ -15,8 +13,9 @@ $:
 {#if asChild}
 	<slot builder={$radioItem} />
 {:else}
+	{@const builder = $radioItem({ value, disabled })}
 	<div
-		{...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-click
 		on:m-focusin
@@ -26,6 +25,6 @@ $:
 		on:m-pointerleave
 		on:m-pointermove
 	>
-		<slot builder={$radioItem} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/dropdown-menu/components/DropdownMenuRadioItem.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;
@@ -215,33 +215,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => ((itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
-                disabled: boolean;
-                role: string;
-                'data-state': string;
-                'aria-checked': boolean;
-                'data-disabled': string | undefined;
-                'data-value': string;
-                'data-orientation': string;
-                tabindex: number;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">;
-            }) & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: import("../types.js").ItemEvents;
 };
 export type DropdownMenuRadioItemProps = typeof __propDef.props;
 export type DropdownMenuRadioItemEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuSeparator.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/dropdown-menu/components/DropdownMenuSubContent.svelte

@@ -12,22 +12,23 @@ const {
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
 
 {#if $subOpen}
+	{@const builder = $subMenu}
 	{#if asChild}
-		<slot builder={$subMenu} />
+		<slot {builder} />
 	{:else if transition}
 		<div
-			{...$subMenu} use:$subMenu.action
+			{...builder} use:builder.action
 			{...$$restProps}
 			on:m-focusout
 			on:m-keydown
 			on:m-pointermove
 			transition:transition={transitionConfig}
 		>
-			<slot builder={$subMenu} />
+			<slot {builder} />
 		</div>
 	{:else}
-		<div {...$subMenu} use:$subMenu.action {...$$restProps} on:m-focusout on:m-keydown on:m-pointermove>
-			<slot builder={$subMenu} />
+		<div {...builder} use:builder.action {...$$restProps} on:m-focusout on:m-keydown on:m-pointermove>
+			<slot {builder} />
 		</div>
 	{/if}
 {/if}

package/dist/bits/dropdown-menu/components/DropdownMenuSubContent.svelte.d.ts

@@ -76,7 +76,7 @@ declare class __sveltets_Render<T extends Transition> {
         '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,25 +216,13 @@ declare class __sveltets_Render<T extends Transition> {
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
     };
     events(): {
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
         "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
+        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
         "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
     };
     slots(): {
         default: {
-            builder: {
-                readonly role: "menu";
-                readonly hidden: true | undefined;
-                readonly style: string;
-                readonly id: string;
-                readonly 'aria-labelledby': string;
-                readonly 'data-state': "open" | "closed";
-                readonly tabindex: -1;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">;
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/dropdown-menu/components/DropdownMenuSubTrigger.svelte

@@ -10,8 +10,9 @@ const subTrigger = ctx.getSubTrigger().elements.subTrigger;
 {#if asChild}
 	<slot builder={$subTrigger} />
 {:else}
+	{@const builder = $subTrigger}
 	<div
-		{...$subTrigger} use:$subTrigger.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-click
 		on:m-focusin
@@ -21,6 +22,6 @@ const subTrigger = ctx.getSubTrigger().elements.subTrigger;
 		on:m-pointermove
 		{...disabledAttrs(disabled)}
 	>
-		<slot builder={$subTrigger} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/dropdown-menu/components/DropdownMenuSubTrigger.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;
@@ -214,30 +214,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly role: "menuitem";
-                readonly id: string;
-                readonly tabindex: -1;
-                readonly 'aria-controls': string;
-                readonly 'aria-expanded': boolean;
-                readonly 'data-state': "open" | "closed";
-                readonly 'data-disabled': "" | undefined;
-                readonly 'aria-haspopop': "menu";
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: import("../types.js").ItemEvents;
 };
 export type DropdownMenuSubTriggerProps = typeof __propDef.props;
 export type DropdownMenuSubTriggerEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuTrigger.svelte

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

package/dist/bits/dropdown-menu/components/DropdownMenuTrigger.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,23 +224,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly 'aria-controls': string;
-                readonly 'aria-expanded': boolean;
-                readonly 'data-state': "open" | "closed";
-                readonly id: string;
-                readonly tabindex: 0;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "pointerdown">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type DropdownMenuTriggerProps = typeof __propDef.props;
 export type DropdownMenuTriggerEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/ctx.d.ts

@@ -15,6 +15,7 @@ export declare const ctx: {
     getRadioIndicator: typeof getRadioIndicator;
     setGroup: typeof setGroup;
     getGroupLabel: typeof getGroupLabel;
+    setArrow: typeof setArrow;
 };
 declare function get(): DropdownMenuReturn;
 declare function set(props: CreateDropdownMenuProps): {
@@ -37,7 +38,7 @@ declare function set(props: CreateDropdownMenuProps): {
             readonly 'data-portal': "" | undefined;
             readonly tabindex: -1;
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, () => {
+        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
             role: string;
             tabindex: number;
             'data-orientation': string;
@@ -74,7 +75,7 @@ declare function set(props: CreateDropdownMenuProps): {
                     update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
                     set: (this: void, value: boolean | "indeterminate") => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
                     readonly 'data-orientation': "vertical";
@@ -96,7 +97,7 @@ declare function set(props: CreateDropdownMenuProps): {
         };
         createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
             elements: {
-                subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+                subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
@@ -106,7 +107,7 @@ declare function set(props: CreateDropdownMenuProps): {
                     readonly 'data-disabled': "" | undefined;
                     readonly 'aria-haspopop': "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
@@ -148,7 +149,7 @@ declare function set(props: CreateDropdownMenuProps): {
                     update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
                     set: (this: void, value: string | null) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
-                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
                     'data-state': string;
@@ -191,7 +192,7 @@ declare function set(props: CreateDropdownMenuProps): {
 declare function setSub(props: DropdownSubmenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
-        subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+        subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
             readonly role: "menuitem";
             readonly id: string;
             readonly tabindex: -1;
@@ -201,7 +202,7 @@ declare function setSub(props: DropdownSubmenuProps): {
             readonly 'data-disabled': "" | undefined;
             readonly 'aria-haspopop': "menu";
         }, string>;
-        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
@@ -243,7 +244,7 @@ declare function setRadioGroup(props: DropdownRadioGroupProps): {
             update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
             set: (this: void, value: string | null) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
-        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
             disabled: boolean;
             role: string;
             'data-state': string;
@@ -280,7 +281,7 @@ declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
             set: (this: void, value: boolean | "indeterminate") => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
             readonly role: "menuitemcheckbox";
             readonly tabindex: -1;
             readonly 'data-orientation': "vertical";
@@ -318,4 +319,5 @@ declare function getGroupLabel(): {
     }, string>;
     id: string;
 };
+declare function setArrow(size?: number): DropdownMenuReturn;
 export {};

package/dist/bits/dropdown-menu/ctx.js

@@ -20,7 +20,8 @@ export const ctx = {
     getCheckboxIndicator,
     getRadioIndicator,
     setGroup,
-    getGroupLabel
+    getGroupLabel,
+    setArrow
 };
 function get() {
     return getContext(NAME);
@@ -93,3 +94,8 @@ function getGroupLabel() {
     const { elements: { groupLabel } } = get();
     return { groupLabel, id };
 }
+function setArrow(size = 8) {
+    const menu = get();
+    menu.options.arrowSize.set(size);
+    return menu;
+}

package/dist/bits/dropdown-menu/types.d.ts

@@ -1,4 +1,5 @@
 import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
+import type { ButtonEventHandler, DivEventHandler } from "../../index.js";
 import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps, DropdownMenuComponentEvents } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
@@ -8,39 +9,48 @@ type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
 type CheckboxItemProps = Expand<OmitChecked<CreateDropdownMenuCheckboxItemProps> & {
     checked?: CreateDropdownMenuCheckboxItemProps["defaultChecked"] & {};
     onCheckedChange?: OnChangeFn<CreateDropdownMenuCheckboxItemProps["defaultChecked"]>;
-}> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type RadioGroupProps = Expand<OmitValue<CreateDropdownMenuRadioGroupProps> & {
     value?: CreateDropdownMenuRadioGroupProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateDropdownMenuRadioGroupProps["defaultValue"]>;
-}> & AsChild & HTMLDivAttributes;
-type RadioItemProps = DropdownMenuRadioItemProps & AsChild & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition> = {
+} & AsChild> & HTMLDivAttributes;
+type RadioItemProps = Expand<DropdownMenuRadioItemProps & AsChild> & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition> = Expand<{
     sideOffset?: number;
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;
-type ItemProps = {
+type ItemProps = Expand<{
     disabled?: boolean;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type CheckboxItemIndicatorProps = HTMLDivAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;
 type SeparatorProps = AsChild & HTMLDivAttributes;
 type SubProps = Expand<CreateDropdownSubmenuProps>;
-type SubContentProps<T extends Transition = Transition> = {
+type SubContentProps<T extends Transition = Transition> = Expand<{
     sideOffset?: number;
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
-type SubTriggerProps = {
+} & AsChild> & HTMLDivAttributes;
+type SubTriggerProps = Expand<{
     disabled?: boolean;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
-type TriggerEvents = DropdownMenuComponentEvents["trigger"];
-type CheckboxItemEvents = DropdownMenuComponentEvents["checkboxItem"];
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
+type ItemEvents = {
+    "m-click": DivEventHandler<MouseEvent>;
+    "m-keydown": DivEventHandler<KeyboardEvent>;
+};
+type CheckboxItemEvents = ItemEvents;
+type RadioItemEvents = ItemEvents;
+type SubTriggerEvents = ItemEvents;
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 type ContentEvents = DropdownMenuComponentEvents["menu"];
-type RadioItemEvents = DropdownMenuComponentEvents["radioItem"];
 type SubContentEvents = DropdownMenuComponentEvents["submenu"];
-type SubTriggerEvents = DropdownMenuComponentEvents["subTrigger"];
-type ItemEvents = DropdownMenuComponentEvents["item"];
-export type { Props, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as DropdownMenuProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemProps as DropdownMenuItemProps, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, LabelProps as DropdownMenuLabelProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubProps as DropdownMenuSubProps, SubContentProps as DropdownMenuSubContentProps, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerProps as DropdownMenuTriggerProps, TriggerEvents, CheckboxItemEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, ItemEvents, TriggerEvents as DropdownMenuTriggerEvents, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, ContentEvents as DropdownMenuContentEvents, RadioItemEvents as DropdownMenuRadioItemEvents, SubContentEvents as DropdownMenuSubContentEvents, SubTriggerEvents as DropdownMenuSubTriggerEvents, ItemEvents as DropdownMenuItemEvents };
+export type { Props, ArrowProps, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as DropdownMenuProps, ArrowProps as DropdownMenuArrowProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemProps as DropdownMenuItemProps, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, LabelProps as DropdownMenuLabelProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubProps as DropdownMenuSubProps, SubContentProps as DropdownMenuSubContentProps, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerProps as DropdownMenuTriggerProps, TriggerEvents, CheckboxItemEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, ItemEvents, TriggerEvents as DropdownMenuTriggerEvents, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, ContentEvents as DropdownMenuContentEvents, RadioItemEvents as DropdownMenuRadioItemEvents, SubContentEvents as DropdownMenuSubContentEvents, SubTriggerEvents as DropdownMenuSubTriggerEvents, ItemEvents as DropdownMenuItemEvents };

package/dist/bits/label/components/Label.svelte

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