bits-ui 0.0.24 → 0.0.26

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

package/dist/bits/alert-dialog/components/AlertDialogTrigger.svelte

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

package/dist/bits/alert-dialog/components/AlertDialogTrigger.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 id: string;
-                readonly 'aria-haspopup': "dialog";
-                readonly 'aria-expanded': boolean;
-                readonly 'aria-controls': string;
-                readonly type: "button";
-            } & {
-                [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 AlertDialogTriggerProps = typeof __propDef.props;
 export type AlertDialogTriggerEvents = typeof __propDef.events;

package/dist/bits/alert-dialog/ctx.d.ts

@@ -19,7 +19,7 @@ declare function set(props: CreateAlertDialogProps): {
             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;
-        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ($open: boolean) => {
+        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ($open: boolean) => {
             readonly id: string;
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -41,7 +41,7 @@ declare function set(props: CreateAlertDialogProps): {
             readonly 'aria-hidden': true;
             readonly 'data-state': "open" | "closed";
         }, string>;
-        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, () => {
+        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
             readonly type: "button";
         }, string>;
         portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<string | HTMLElement | null>, <Node_3 extends unknown>(node: HTMLElement) => {

package/dist/bits/alert-dialog/types.d.ts

@@ -1,6 +1,7 @@
 import type { HTMLDivAttributes, OmitOpen, Expand, HTMLHeadingAttributes, OnChangeFn, Transition, TransitionParams, AsChild } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type { CreateDialogProps, DialogComponentEvents } from "@melt-ui/svelte";
+import type { CreateDialogProps } from "@melt-ui/svelte";
+import type { ButtonEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
     open?: CreateDialogProps["defaultOpen"] & {};
     onOpenChange?: OnChangeFn<CreateDialogProps["defaultOpen"]>;
@@ -8,17 +9,20 @@ type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type ActionProps = TriggerProps;
 type CancelProps = TriggerProps;
-type ContentProps<T extends Transition = Transition> = {
+type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type DescriptionProps = AsChild & HTMLDivAttributes;
 type OverlayProps = AsChild & HTMLDivAttributes;
 type PortalProps = AsChild & HTMLDivAttributes;
-type TitleProps = {
+type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-} & AsChild & HTMLHeadingAttributes;
-type TriggerEvents = DialogComponentEvents["trigger"];
-type CancelEvents = DialogComponentEvents["close"];
-type ActionEvents = CancelEvents;
+} & AsChild> & HTMLHeadingAttributes;
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
+type ActionEvents = TriggerEvents;
+type CancelEvents = TriggerEvents;
 export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, OverlayProps, PortalProps, TitleProps, Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, OverlayProps as AlertDialogOverlayProps, PortalProps as AlertDialogPortalProps, TitleProps as AlertDialogTitleProps, TriggerEvents, CancelEvents, ActionEvents, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents };

package/dist/bits/aspect-ratio/components/AspectRatio.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/avatar/components/Avatar.svelte.d.ts

@@ -75,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;

package/dist/bits/avatar/components/AvatarFallback.svelte

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

package/dist/bits/avatar/components/AvatarFallback.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,14 +216,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                style: string | undefined;
-                hidden: boolean | undefined;
-            } & {
-                "data-melt-avatar-fallback": "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/avatar/components/AvatarImage.svelte.d.ts

@@ -86,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;

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

@@ -4,7 +4,7 @@ import type { HTMLImgAttributes } from "svelte/elements";
 type Props = Expand<Omit<CreateAvatarProps, "onLoadingStatusChange" | "loadingStatus" | "src"> & {
     loadingStatus?: "loading" | "loaded" | "error";
     onLoadingStatusChange?: OnChangeFn<"loading" | "loaded" | "error">;
-}> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type ImageProps = AsChild & HTMLImgAttributes;
 type FallbackProps = AsChild & HTMLSpanAttributes;
 export type { Props, ImageProps, FallbackProps, Props as AvatarProps, ImageProps as AvatarImageProps, FallbackProps as AvatarFallbackProps };

package/dist/bits/button/components/Button.svelte.d.ts

@@ -84,7 +84,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,7 +223,7 @@ declare const __propDef: {
         'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLAnchorElement> | null | undefined;
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLAnchorElement> | null | undefined;
     } | {
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         href?: undefined;
         builders?: import("../../../internal/index.js").Builder[] | undefined;
         disabled?: boolean | null | undefined;
@@ -305,7 +305,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/checkbox/components/Checkbox.svelte

@@ -38,7 +38,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/checkbox/components/Checkbox.svelte.d.ts

@@ -15,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;
@@ -86,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;
@@ -227,18 +227,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly 'data-disabled': boolean;
-                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
-                readonly type: "button";
-                readonly role: "checkbox";
-                readonly 'aria-checked': boolean | "mixed";
-                readonly 'aria-required': boolean;
-            } & {
-                "data-melt-checkbox": "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
     events: Events;

package/dist/bits/checkbox/components/CheckboxIndicator.svelte.d.ts

@@ -71,7 +71,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/checkbox/components/CheckboxInput.svelte

@@ -1,5 +1,8 @@
 <script>import { ctx } from "../ctx.js";
-const isChecked = ctx.get().helpers.isChecked;
+const {
+  helpers: { isChecked },
+  options: { disabled }
+} = ctx.get();
 </script>
 
-<input {...$$restProps} hidden value={$isChecked ? true : false} />
+<input hidden value={$isChecked ? true : false} disabled={$disabled} {...$$restProps} />

package/dist/bits/checkbox/components/CheckboxInput.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/checkbox/ctx.d.ts

@@ -14,7 +14,7 @@ declare function set(props: CreateCheckboxProps): {
             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>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
             readonly 'data-disabled': boolean;
             readonly 'data-state': "checked" | "indeterminate" | "unchecked";
             readonly type: "button";
@@ -63,7 +63,7 @@ declare function getCheckbox(): import("@melt-ui/svelte/internal/helpers").Expli
     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>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
+}, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
     readonly 'data-disabled': boolean;
     readonly 'data-state': "checked" | "indeterminate" | "unchecked";
     readonly type: "button";

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

@@ -1,11 +1,15 @@
-import type { Expand, HTMLDivAttributes, KeydownClickEvents, OmitChecked, OnChangeFn, AsChild } from "../../internal/index.js";
-import type { CheckboxComponentEvents, CreateCheckboxProps } from "@melt-ui/svelte";
+import type { Expand, HTMLDivAttributes, OmitChecked, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { ButtonEventHandler } from "../../index.js";
+import type { CreateCheckboxProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 type Props = Expand<OmitChecked<CreateCheckboxProps> & {
     checked?: CreateCheckboxProps["defaultChecked"] & {};
     onCheckedChange?: OnChangeFn<CreateCheckboxProps["defaultChecked"]>;
-}> & AsChild & HTMLButtonAttributes;
+} & AsChild> & HTMLButtonAttributes;
 type IndicatorProps = HTMLDivAttributes;
 type InputProps = Omit<HTMLInputAttributes, "value">;
-type Events = CheckboxComponentEvents["root"] & KeydownClickEvents;
+type Events = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 export type { Props, IndicatorProps, InputProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, InputProps as CheckboxInputProps, Events, Events as CheckboxEvents };

package/dist/bits/collapsible/components/Collapsible.svelte

@@ -30,7 +30,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/collapsible/components/Collapsible.svelte.d.ts

@@ -76,7 +76,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;
@@ -220,14 +220,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                'data-state': string;
-                'data-disabled': string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/collapsible/components/CollapsibleContent.svelte

@@ -10,15 +10,16 @@ const {
 </script>
 
 {#if $open}
+	{@const builder = $content}
 	{#if asChild}
 		<slot builder={$content} />
 	{:else if transition}
-		<div {...$content} use:$content.action transition:transition={transitionConfig} {...$$restProps}>
-			<slot builder={$content} />
+		<div {...builder} use:builder.action transition:transition={transitionConfig} {...$$restProps}>
+			<slot {builder} />
 		</div>
 	{:else}
-		<div {...$content} use:$content.action {...$$restProps}>
-			<slot builder={$content} />
+		<div {...builder} use:builder.action {...$$restProps}>
+			<slot {builder} />
 		</div>
 	{/if}
 {/if}

package/dist/bits/collapsible/components/CollapsibleContent.svelte.d.ts

@@ -75,7 +75,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;
@@ -219,16 +219,7 @@ declare class __sveltets_Render<T extends Transition> {
     };
     slots(): {
         default: {
-            builder: {
-                'data-state': string;
-                'data-disabled': string | undefined;
-                hidden: boolean | undefined;
-                style: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/collapsible/components/CollapsibleTrigger.svelte

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

package/dist/bits/collapsible/components/CollapsibleTrigger.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,20 +224,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly 'data-state': "open" | "closed";
-                readonly 'data-disabled': "" | undefined;
-                readonly disabled: boolean;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type CollapsibleTriggerProps = typeof __propDef.props;
 export type CollapsibleTriggerEvents = typeof __propDef.events;

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

@@ -1,5 +1,6 @@
 import type { HTMLDivAttributes, Transition, TransitionParams, OmitOpen, Expand, OnChangeFn, AsChild } from "../../internal/index.js";
-import type { CollapsibleComponentEvents, CreateCollapsibleProps } from "@melt-ui/svelte";
+import type { ButtonEventHandler } from "../../index.js";
+import type { CreateCollapsibleProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateCollapsibleProps> & {
     open?: CreateCollapsibleProps["defaultOpen"] & {};
@@ -10,5 +11,7 @@ type ContentProps<T extends Transition = Transition> = {
     transitionConfig?: TransitionParams<T>;
 } & AsChild & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
-type TriggerEvents = CollapsibleComponentEvents["trigger"];
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+};
 export type { Props, ContentProps, TriggerProps, Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents, TriggerEvents as CollapsibleTriggerEvents };

package/dist/bits/context-menu/components/ContextMenuArrow.svelte

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