bits-ui 0.8.0 → 0.8.2

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { setCtx, getAttrs } from "../ctx.js";
 export let multiple = false;
 export let value = void 0;
 export let onValueChange = void 0;
@@ -9,7 +9,7 @@ const {
   elements: { root },
   states: { value: localValue },
   updateOption
-} = ctx.set({
+} = setCtx({
   multiple,
   disabled,
   defaultValue: value,
@@ -20,7 +20,6 @@ const {
     }
     return next;
   }
-  // I'm sorry
 });
 $:
   localValue.set(value);
@@ -28,13 +27,15 @@ $:
   updateOption("multiple", multiple);
 $:
   updateOption("disabled", disabled);
+$:
+  builder = $root;
+const attrs = getAttrs("root");
 </script>
 
 {#if asChild}
-	<slot builder={$root} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $root}
-	<div {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {/if}

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

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

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getContent, getAttrs } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -7,40 +7,38 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
-const { content, isSelected, props } = ctx.getContent();
+const { content, isSelected, props } = getContent();
+const attrs = getAttrs("content");
+$:
+  builder = $content(props);
 </script>
 
 {#if asChild && $isSelected(props)}
-	{@const builder = $content(props)}
-	<slot {builder} />
+	<slot {builder} {attrs} />
 {:else if transition && $isSelected(props)}
-	{@const builder = $content(props)}
-	<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 && $isSelected(props)}
-	{@const builder = $content(props)}
 	<div
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
+		{...attrs}
 	>
-		<slot {builder} />
+		<slot {builder} {attrs} />
 	</div>
 {:else if inTransition && $isSelected(props)}
-	{@const builder = $content(props)}
-	<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 && $isSelected(props)}
-	{@const builder = $content(props)}
-	<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 $isSelected(props)}
-	{@const builder = $content(props)}
-	<div {...$$restProps}>
-		<slot {builder} />
+	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</div>
 {/if}

package/dist/bits/accordion/components/AccordionContent.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,18 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
     };
     slots(): {
         default: {
-            builder: any;
+            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;
+            };
+            attrs: Record<string, string>;
         };
     };
 }

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

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

package/dist/bits/accordion/components/AccordionHeader.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,16 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            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>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

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

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

@@ -65,7 +65,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;
@@ -79,7 +79,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;
@@ -94,7 +94,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;
@@ -218,7 +218,15 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            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>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

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

package/dist/bits/accordion/components/AccordionTrigger.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,19 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            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<"keydown" | "click">;
+            };
+            attrs: Record<string, string>;
         };
     };
     events: TriggerEvents;

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

@@ -1,16 +1,9 @@
 /// <reference types="svelte" />
 import { type Accordion as AccordionReturn, type CreateAccordionProps } from "@melt-ui/svelte";
 import type { AccordionItemProps } from "./types.js";
-export declare const ctx: {
-    set: typeof set;
-    get: typeof get;
-    setItem: typeof setItem;
-    getItemProps: typeof getItemProps;
-    getContent: typeof getContent;
-    getTrigger: typeof getTrigger;
-};
+export declare const getAttrs: (part: "root" | "content" | "header" | "item" | "trigger") => Record<string, string>;
 type GetReturn = AccordionReturn;
-declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
+export declare function setCtx<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         root: string;
@@ -68,8 +61,8 @@ declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multi
         multiple: import("svelte/store").Writable<false | Multiple>;
     };
 };
-declare function get(): GetReturn;
-declare function setItem(props: AccordionItemProps): {
+export declare function getCtx(): GetReturn;
+export declare function setItem(props: AccordionItemProps): {
     item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
         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;
@@ -80,8 +73,8 @@ declare function setItem(props: AccordionItemProps): {
     }, string>;
     props: AccordionItemProps;
 };
-declare function getItemProps(): AccordionItemProps;
-declare function getContent(): {
+export declare function getItemProps(): AccordionItemProps;
+export declare function getContent(): {
     content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
         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;
@@ -97,7 +90,7 @@ declare function getContent(): {
     isSelected: import("svelte/store").Readable<(key: string) => boolean>;
     value: import("svelte/store").Writable<string | undefined>;
 };
-declare function getTrigger(): {
+export declare function getTrigger(): {
     props: string;
     trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
         update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;

package/dist/bits/accordion/ctx.js

@@ -1,17 +1,11 @@
 import { createAccordion } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
-const NAME = "Accordion";
-const ITEM_NAME = "AccordionItem";
-export const ctx = {
-    set,
-    get,
-    setItem,
-    getItemProps,
-    getContent,
-    getTrigger
-};
-function set(props) {
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+const NAME = "accordion";
+const ITEM_NAME = "accordion-item";
+const PARTS = ["root", "content", "header", "item", "trigger"];
+export const getAttrs = createBitAttrs(NAME, PARTS);
+export function setCtx(props) {
     const accordion = createAccordion(removeUndefined(props));
     setContext(NAME, accordion);
     return {
@@ -19,25 +13,25 @@ function set(props) {
         updateOption: getOptionUpdater(accordion.options)
     };
 }
-function get() {
+export function getCtx() {
     return getContext(NAME);
 }
-function setItem(props) {
+export function setItem(props) {
     setContext(ITEM_NAME, { ...props });
-    const { elements: { item } } = get();
+    const { elements: { item } } = getCtx();
     return { item, props };
 }
-function getItemProps() {
+export function getItemProps() {
     const itemProps = getContext(ITEM_NAME);
     return itemProps;
 }
-function getContent() {
-    const { elements: { content }, helpers: { isSelected }, states: { value } } = get();
+export function getContent() {
+    const { elements: { content }, helpers: { isSelected }, states: { value } } = getCtx();
     const { value: props } = getItemProps();
     return { content, props, isSelected, value };
 }
-function getTrigger() {
-    const { elements: { trigger } } = get();
+export function getTrigger() {
+    const { elements: { trigger } } = getCtx();
     const { value: props } = getItemProps();
     return { props, trigger };
 }

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

@@ -1,5 +1,5 @@
 <script>import { writable } from "svelte/store";
-import { ctx } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 import { onDestroy } from "svelte";
 import { isBrowser } from "../../../internal/is.js";
 export let preventScroll = void 0;
@@ -15,7 +15,7 @@ let timeout = 0;
 const {
   states: { open: localOpen },
   updateOption
-} = ctx.set({
+} = setCtx({
   closeOnEscape,
   preventScroll,
   closeOnOutsideClick,

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

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