bits-ui 0.8.0 → 0.8.2

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

@@ -1,18 +1,26 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 const {
   elements: { close }
-} = ctx.get();
+} = getCtx();
 const dispatch = createDispatcher();
+$:
+  builder = $close;
+const attrs = getAttrs("cancel");
 </script>
 
 {#if asChild}
-	<slot builder={$close} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $close}
-	<button {...builder} use:builder.action on:m-click={dispatch} on:m-keydown={dispatch} {...$$restProps}>
-		<slot {builder} />
+	<button
+		{...builder} use:builder.action
+		{...$$restProps}
+		{...attrs}
+		on:m-click={dispatch}
+		on:m-keydown={dispatch}
+	>
+		<slot {builder} {attrs} />
 	</button>
 {/if}

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

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -88,7 +88,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -103,7 +103,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -224,7 +224,14 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                readonly type: "button";
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+            };
+            attrs: Record<string, string>;
         };
     };
     events: CancelEvents;

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

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setTransitionTimes } from "../../../internal/index.js";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -12,7 +12,7 @@ const {
   elements: { content },
   transitionTimes,
   tOpen
-} = ctx.get();
+} = getCtx();
 $:
   setTransitionTimes(transitionTimes, {
     transition,
@@ -22,39 +22,37 @@ $:
     outTransition,
     outTransitionConfig
   });
+$:
+  builder = $content;
+const attrs = getAttrs("content");
 </script>
 
 {#if asChild && $tOpen}
-	{@const builder = $content}
-	<slot {builder} />
+	<slot {builder} {attrs} />
 {:else if transition && $tOpen}
-	{@const builder = $content}
-	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {:else if inTransition && outTransition && $tOpen}
-	{@const builder = $content}
 	<div
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
+		{...attrs}
 	>
-		<slot {builder} />
+		<slot {builder} {attrs} />
 	</div>
 {:else if inTransition && $tOpen}
-	{@const builder = $content}
-	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {:else if outTransition && $tOpen}
-	{@const builder = $content}
-	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {:else if $tOpen}
-	{@const builder = $content}
-	<div {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {/if}

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

@@ -70,7 +70,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -84,7 +84,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -99,7 +99,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -223,7 +223,23 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
     };
     slots(): {
         default: {
-            builder: any;
+            builder: {
+                id: string;
+                role: "dialog" | "alertdialog";
+                'aria-describedby': string;
+                'aria-labelledby': string;
+                'data-state': string;
+                tabindex: number;
+                hidden: boolean | undefined;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => {
+                    destroy: () => void;
+                };
+            };
+            attrs: Record<string, string>;
         };
     };
 }

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

@@ -1,16 +1,18 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
 const {
   elements: { description }
-} = ctx.get();
+} = getCtx();
+$:
+  builder = $description;
+const attrs = getAttrs("description");
 </script>
 
 {#if asChild}
-	<slot builder={$description} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $description}
-	<div {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {/if}

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

@@ -63,7 +63,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -77,7 +77,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -92,7 +92,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -216,7 +216,14 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                id: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -10,17 +10,17 @@ export let asChild = false;
 const {
   elements: { overlay },
   tOpen
-} = ctx.get();
+} = getCtx();
+$:
+  builder = $overlay;
+const attrs = getAttrs("overlay");
 </script>
 
 {#if asChild && $tOpen}
-	{@const builder = $overlay}
-	<slot {builder} />
+	<slot {builder} {attrs} />
 {:else if transition && $tOpen}
-	{@const builder = $overlay}
-	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} />
+	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs} />
 {:else if inTransition && outTransition && $tOpen}
-	{@const builder = $overlay}
 	<div
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
@@ -28,12 +28,9 @@ const {
 		{...$$restProps}
 	/>
 {:else if inTransition && $tOpen}
-	{@const builder = $overlay}
-	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} />
+	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs} />
 {:else if outTransition && $tOpen}
-	{@const builder = $overlay}
-	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} />
+	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs} />
 {:else if $tOpen}
-	{@const builder = $overlay}
-	<div {...builder} use:builder.action {...$$restProps} />
+	<div {...builder} use:builder.action {...$$restProps} {...attrs} />
 {/if}

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

@@ -70,7 +70,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -84,7 +84,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -99,7 +99,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -223,7 +223,20 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
     };
     slots(): {
         default: {
-            builder: any;
+            builder: {
+                readonly hidden: true | undefined;
+                readonly tabindex: -1;
+                readonly style: string;
+                readonly 'aria-hidden': true;
+                readonly 'data-state': "open" | "closed";
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: <Node_1 extends unknown>(node: HTMLElement) => {
+                    destroy(): void;
+                };
+            };
+            attrs: Record<string, string>;
         };
     };
 }

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

@@ -1,17 +1,18 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
 const {
   elements: { portalled }
-} = ctx.get();
+} = getCtx();
+$:
+  builder = $portalled;
+const attrs = getAttrs("portal");
 </script>
 
 {#if asChild}
-	{@const builder = $portalled}
-	<slot {builder} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $portalled}
-	<div {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {/if}

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

@@ -63,7 +63,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -77,7 +77,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -92,7 +92,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -216,7 +216,16 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                'data-portal': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: <Node_2 extends unknown>(node: HTMLElement) => {
+                    destroy(): void;
+                };
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,15 +1,19 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 export let level = "h2";
 export let asChild = false;
-const title = ctx.get().elements.title;
+const {
+  elements: { title }
+} = getCtx();
+$:
+  builder = $title;
+const attrs = getAttrs("title");
 </script>
 
 {#if asChild}
-	<slot builder={$title} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $title}
-	<svelte:element this={level} {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<svelte:element this={level} {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</svelte:element>
 {/if}

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

@@ -64,7 +64,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -78,7 +78,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -93,7 +93,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -217,7 +217,14 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                id: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,18 +1,26 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 const {
   elements: { trigger }
-} = ctx.get();
+} = getCtx();
 const dispatch = createDispatcher();
+$:
+  builder = $trigger;
+const attrs = getAttrs("trigger");
 </script>
 
 {#if asChild}
-	<slot builder={$trigger} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $trigger}
-	<button {...builder} use:builder.action on:m-click={dispatch} on:m-keydown={dispatch} {...$$restProps}>
-		<slot {builder} />
+	<button
+		{...builder} use:builder.action
+		on:m-click={dispatch}
+		on:m-keydown={dispatch}
+		{...$$restProps}
+		{...attrs}
+	>
+		<slot {builder} {attrs} />
 	</button>
 {/if}

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

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -88,7 +88,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -103,7 +103,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -224,7 +224,18 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            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<"keydown" | "click">;
+            };
+            attrs: Record<string, string>;
         };
     };
     events: TriggerEvents;

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

@@ -3,7 +3,8 @@ import { type Dialog as AlertDialogReturn, type CreateDialogProps as CreateAlert
 import { type TOpen, type TransitionTimesProp } from "../../internal/index.js";
 type SetProps = CreateAlertDialogProps & TransitionTimesProp & TOpen;
 type GetReturn = AlertDialogReturn & TransitionTimesProp & TOpen;
-declare function set(props: SetProps): {
+export declare const getAttrs: (part: "action" | "content" | "trigger" | "cancel" | "description" | "overlay" | "portal" | "title") => Record<string, string>;
+export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         content: string;
@@ -16,7 +17,7 @@ declare function set(props: SetProps): {
             destroy: () => void;
         }, ([$isVisible]: [boolean]) => {
             id: string;
-            role: "alertdialog" | "dialog";
+            role: "dialog" | "alertdialog";
             'aria-describedby': string;
             'aria-labelledby': string;
             'data-state': string;
@@ -70,7 +71,7 @@ declare function set(props: SetProps): {
         preventScroll: import("svelte/store").Writable<boolean>;
         closeOnEscape: import("svelte/store").Writable<boolean>;
         closeOnOutsideClick: import("svelte/store").Writable<boolean>;
-        role: import("svelte/store").Writable<"alertdialog" | "dialog">;
+        role: import("svelte/store").Writable<"dialog" | "alertdialog">;
         defaultOpen: import("svelte/store").Writable<boolean>;
         open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
@@ -80,9 +81,5 @@ declare function set(props: SetProps): {
         closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
     };
 };
-declare function get(): GetReturn;
-export declare const ctx: {
-    set: typeof set;
-    get: typeof get;
-};
+export declare function getCtx(): GetReturn;
 export {};