bits-ui 0.0.24 → 0.0.26

package/README.md

@@ -1,5 +1,5 @@
-# bits (work in progress)
+# Bits
 
 Headless Svelte components built with [Melt UI](https://melt-ui.com) builders.
 
-Documentation coming soon.
+[Read the docs](https://bits-ui.com) (still a work in progress)

package/dist/bits/accordion/components/Accordion.svelte

@@ -31,7 +31,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/accordion/components/Accordion.svelte.d.ts

@@ -77,7 +77,7 @@ declare class __sveltets_Render<Multiple extends boolean> {
         '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;
@@ -221,13 +221,7 @@ declare class __sveltets_Render<Multiple extends boolean> {
     };
     slots(): {
         default: {
-            builder: {
-                'data-melt-id': string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/accordion/components/AccordionContent.svelte

@@ -4,10 +4,6 @@ export let transition = void 0;
 export let transitionConfig = void 0;
 export let asChild = false;
 const { content, isSelected, props } = ctx.getContent();
-$:
-  __MELTUI_BUILDER_0__ = $content(props);
-$:
-  __MELTUI_BUILDER_1__ = $content(props);
 </script>
 
 {#if asChild}
@@ -15,13 +11,15 @@ $:
 		<slot builder={$content(props)} />
 	{/if}
 {:else if transition}
+	{@const builder = $content(props)}
 	{#if $isSelected(props)}
-		<div {...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action transition:transition={transitionConfig} {...$$restProps}>
-			<slot builder={$content(props)} />
+		<div {...builder} use:builder.action transition:transition={transitionConfig} {...$$restProps}>
+			<slot {builder} />
 		</div>
 	{/if}
 {:else if $isSelected(props)}
-	<div {...__MELTUI_BUILDER_1__} use:__MELTUI_BUILDER_1__.action {...$$restProps}>
-		<slot builder={$content(props)} />
+	{@const builder = $content(props)}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/accordion/components/AccordionContent.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,17 +219,7 @@ declare class __sveltets_Render<T extends Transition> {
     };
     slots(): {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
-                'data-state': string;
-                'data-disabled': boolean | undefined;
-                'data-value': string;
-                hidden: boolean | undefined;
-                style: string;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => void;
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/accordion/components/AccordionHeader.svelte

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

package/dist/bits/accordion/components/AccordionHeader.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
         level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -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,15 +217,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
-                role: string;
-                'aria-level': number;
-                'data-heading-level': number;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/accordion/components/AccordionItem.svelte

@@ -4,14 +4,13 @@ export let value;
 export let disabled = void 0;
 export let asChild = false;
 const { item, props } = ctx.setItem({ value, disabled });
-$:
-  __MELTUI_BUILDER_0__ = $item(props);
 </script>
 
 {#if asChild}
 	<slot builder={$item(props)} />
 {:else}
-	<div {...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action {...$$restProps}>
-		<slot builder={$item(props)} />
+	{@const builder = $item(props)}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/accordion/components/AccordionItem.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
         value: string;
         disabled?: boolean | undefined;
+        asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -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,14 +218,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
-                'data-state': string;
-                'data-disabled': boolean | undefined;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/accordion/components/AccordionTrigger.svelte

@@ -2,14 +2,13 @@
 import { ctx } from "../ctx.js";
 export let asChild = false;
 const { trigger, props } = ctx.getTrigger();
-$:
-  __MELTUI_BUILDER_0__ = $trigger(props);
 </script>
 
 {#if asChild}
 	<slot builder={$trigger(props)} />
 {:else}
-	<button {...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action {...$$restProps} on:m-keydown on:m-click>
-		<slot builder={$trigger(props)} />
+	{@const builder = $trigger(props)}
+	<button {...builder} use:builder.action {...$$restProps} on:m-keydown on:m-click>
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/accordion/components/AccordionTrigger.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,24 +224,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
-                disabled: boolean | undefined;
-                'aria-expanded': boolean;
-                'aria-disabled': boolean;
-                'data-disabled': boolean | undefined;
-                'data-value': string;
-                'data-state': string;
-            }) & {
-                [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 AccordionTriggerProps = typeof __propDef.props;
 export type AccordionTriggerEvents = typeof __propDef.events;

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

@@ -27,7 +27,7 @@ declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multi
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
             set: (this: void, value: string | string[] | undefined) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -99,7 +99,7 @@ declare function getTrigger(): {
         update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
         set: (this: void, value: string | string[] | undefined) => void;
         subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-    }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+    }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
         disabled: boolean | undefined;
         'aria-expanded': boolean;
         'aria-disabled': boolean;

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

@@ -1,25 +1,22 @@
-import type { HTMLDivAttributes, ObjectVariation, Transition, TransitionParams, OmitValue, Expand, OnChangeFn } from "../../internal/index.js";
-import type { CreateAccordionProps, AccordionItemProps as _ItemProps, AccordionHeadingProps as _HeadingProps, AccordionComponentEvents } from "@melt-ui/svelte";
+import type { HTMLDivAttributes, ObjectVariation, Transition, TransitionParams, OmitValue, Expand, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { ButtonEventHandler } from "../../index.js";
+import type { CreateAccordionProps, AccordionItemProps as _ItemProps, AccordionHeadingProps as _HeadingProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props<Multiple extends boolean> = Expand<OmitValue<CreateAccordionProps<Multiple>> & {
     value?: CreateAccordionProps<Multiple>["defaultValue"];
     onValueChange?: OnChangeFn<CreateAccordionProps<Multiple>["defaultValue"]>;
-    asChild?: boolean;
-}> & HTMLDivAttributes;
-type ItemProps = {
-    asChild?: boolean;
-} & ObjectVariation<_ItemProps> & HTMLDivAttributes;
-type HeaderProps = {
-    asChild?: boolean;
+} & AsChild> & HTMLDivAttributes;
+type ItemProps = Expand<ObjectVariation<_ItemProps> & AsChild> & HTMLDivAttributes;
+type HeaderProps = Expand<{
     level?: ObjectVariation<_HeadingProps>["level"];
-} & HTMLDivAttributes;
-type TriggerProps = {
-    asChild?: boolean;
-} & HTMLButtonAttributes;
-type ContentProps<T extends Transition = Transition> = {
+} & AsChild> & HTMLDivAttributes;
+type TriggerProps = AsChild & HTMLButtonAttributes;
+type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-    asChild?: boolean;
-} & HTMLDivAttributes;
-type TriggerEvents = AccordionComponentEvents["trigger"];
+} & AsChild> & HTMLDivAttributes;
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, Props as AccordionProps, ItemProps as AccordionItemProps, HeaderProps as AccordionHeaderProps, TriggerProps as AccordionTriggerProps, ContentProps as AccordionContentProps, TriggerEvents, TriggerEvents as AccordionTriggerEvents };

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

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

package/dist/bits/alert-dialog/components/AlertDialogAction.svelte.d.ts

@@ -10,7 +10,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 +82,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,19 +223,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                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: import("../types.js").TriggerEvents;
 };
 export type AlertDialogActionProps = typeof __propDef.props;
 export type AlertDialogActionEvents = typeof __propDef.events;

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

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

package/dist/bits/alert-dialog/components/AlertDialogCancel.svelte.d.ts

@@ -10,7 +10,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 +82,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,19 +223,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                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: import("../types.js").TriggerEvents;
 };
 export type AlertDialogCancelProps = typeof __propDef.props;
 export type AlertDialogCancelEvents = typeof __propDef.events;

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

@@ -9,11 +9,13 @@ const content = ctx.get().elements.content;
 {#if asChild}
 	<slot builder={$content} />
 {:else if transition}
-	<div {...$content} use:$content.action {...$$restProps} transition:transition={transitionConfig}>
-		<slot builder={$content} />
+	{@const builder = $content}
+	<div {...builder} use:builder.action {...$$restProps} transition:transition={transitionConfig}>
+		<slot {builder} />
 	</div>
 {:else}
-	<div {...$content} use:$content.action {...$$restProps}>
-		<slot builder={$content} />
+	{@const builder = $content}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/alert-dialog/components/AlertDialogContent.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,22 +219,7 @@ declare class __sveltets_Render<T extends Transition> {
     };
     slots(): {
         default: {
-            builder: {
-                id: string;
-                role: "alertdialog" | "dialog";
-                'aria-describedby': string;
-                'aria-labelledby': string;
-                'data-state': string;
-                tabindex: number;
-                hidden: boolean | undefined;
-                style: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: <Node_1 extends unknown>(node: HTMLElement) => {
-                    destroy(): void;
-                };
-            };
+            builder: any;
         };
     };
 }

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

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

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

package/dist/bits/alert-dialog/components/AlertDialogOverlay.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/alert-dialog/components/AlertDialogPortal.svelte

@@ -7,12 +7,13 @@ const {
 } = ctx.get();
 </script>
 
-{#if asChild}
-	<slot builder={$portalled} />
-{:else}
-	<div {...$portalled} use:$portalled.action {...$$restProps}>
-		{#if $open}
-			<slot builder={$portalled} />
-		{/if}
-	</div>
+{#if $open}
+	{@const builder = $portalled}
+	{#if asChild}
+		<slot builder={$portalled} />
+	{:else}
+		<div {...builder} use:builder.action {...$$restProps}>
+			<slot {builder} />
+		</div>
+	{/if}
 {/if}

package/dist/bits/alert-dialog/components/AlertDialogPortal.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -216,15 +216,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                'data-portal': string | undefined;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: <Node_3 extends unknown>(node: HTMLElement) => {
-                    destroy(): void;
-                };
-            };
+            builder: any;
         };
     };
 };

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

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