bits-ui 0.0.23 → 0.0.25

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

@@ -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

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

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

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

@@ -1,25 +1,18 @@
-import type { HTMLDivAttributes, ObjectVariation, Transition, TransitionParams, OmitValue, Expand, OnChangeFn } from "../../internal/index.js";
+import type { HTMLDivAttributes, ObjectVariation, Transition, TransitionParams, OmitValue, Expand, OnChangeFn, AsChild } from "../../internal/index.js";
 import type { CreateAccordionProps, AccordionItemProps as _ItemProps, AccordionHeadingProps as _HeadingProps, AccordionComponentEvents } 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;
+} & AsChild> & HTMLDivAttributes;
 type TriggerEvents = AccordionComponentEvents["trigger"];
 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

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

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

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

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

@@ -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

@@ -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/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

@@ -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}

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

@@ -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

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

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

@@ -8,16 +8,16 @@ 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;
+} & AsChild> & HTMLHeadingAttributes;
 type TriggerEvents = DialogComponentEvents["trigger"];
 type CancelEvents = DialogComponentEvents["close"];
 type ActionEvents = CancelEvents;

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

@@ -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/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/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

@@ -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/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/types.d.ts

@@ -4,7 +4,7 @@ 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;

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

@@ -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}