bits-ui 0.8.0 → 0.8.2

package/dist/bits/popover/components/PopoverContent.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,21 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
     };
     slots(): {
         default: {
-            builder: any;
+            builder: {
+                hidden: boolean | undefined;
+                tabindex: number;
+                style: string;
+                id: string;
+                'data-state': string;
+                'data-portal': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: <Node_1 extends unknown>(node: HTMLElement) => {
+                    destroy(): void;
+                };
+            };
+            attrs: Record<string, string>;
         };
     };
 }

package/dist/bits/popover/components/PopoverTrigger.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 {...$$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/popover/components/PopoverTrigger.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: {
+                readonly role: "button";
+                readonly 'aria-haspopup': "dialog";
+                readonly 'aria-expanded': boolean;
+                readonly 'data-state': "open" | "closed";
+                readonly 'aria-controls': string;
+                readonly id: 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/popover/ctx.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="svelte" />
 import { type CreatePopoverProps, type Popover as PopoverReturn } from "@melt-ui/svelte";
-export declare const ctx: {
-    set: typeof set;
-    get: typeof get;
-    setArrow: typeof setArrow;
-};
-declare function set(props: CreatePopoverProps): {
+export declare const getAttrs: (part: "arrow" | "content" | "trigger" | "close") => Record<string, string>;
+export declare function setCtx(props: CreatePopoverProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         content: string;
@@ -66,6 +62,5 @@ declare function set(props: CreatePopoverProps): {
         disableFocusTrap: import("svelte/store").Writable<boolean>;
     };
 };
-declare function get(): PopoverReturn;
-declare function setArrow(size?: number): PopoverReturn;
-export {};
+export declare function getCtx(): PopoverReturn;
+export declare function setArrow(size?: number): PopoverReturn;

package/dist/bits/popover/ctx.js

@@ -1,13 +1,10 @@
 import { createPopover } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
-const NAME = "Popover";
-export const ctx = {
-    set,
-    get,
-    setArrow
-};
-function set(props) {
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+const NAME = "popover";
+const PARTS = ["arrow", "close", "content", "trigger"];
+export const getAttrs = createBitAttrs(NAME, PARTS);
+export function setCtx(props) {
     const popover = createPopover({
         ...removeUndefined(props),
         forceVisible: true
@@ -18,11 +15,11 @@ function set(props) {
         updateOption: getOptionUpdater(popover.options)
     };
 }
-function get() {
+export function getCtx() {
     return getContext(NAME);
 }
-function setArrow(size = 8) {
-    const popover = get();
+export function setArrow(size = 8) {
+    const popover = getCtx();
     popover.options.arrowSize.set(size);
     return popover;
 }

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

@@ -5,6 +5,14 @@ import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreatePopoverProps> & {
     open?: boolean;
     onOpenChange?: OnChangeFn<boolean>;
+    /**
+     * Focus the trigger when `open` is programmatically set to false.
+     * This is in addition to the automatic focus that occurs when you
+     * don't programmatically set `open` to false.
+     *
+     * @default false;
+     */
+    focusTriggerOnClose?: boolean;
 }>;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;

package/dist/bits/progress/components/Progress.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 max = void 0;
 export let value = void 0;
 export let onValueChange = void 0;
@@ -8,7 +8,7 @@ const {
   elements: { root },
   states: { value: localValue },
   updateOption
-} = ctx.set({
+} = setCtx({
   max,
   defaultValue: value,
   onValueChange: ({ next }) => {
@@ -21,13 +21,15 @@ $:
   value !== void 0 && localValue.set(value);
 $:
   updateOption("max", max);
+$:
+  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/progress/components/Progress.svelte.d.ts

@@ -66,7 +66,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;
@@ -80,7 +80,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;
@@ -95,7 +95,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;
@@ -219,7 +219,22 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                value: number;
+                max: number;
+                role: string;
+                'aria-valuemin': number;
+                'aria-valuemax': number;
+                'aria-valuenow': number;
+                'data-value': number;
+                'data-state': string;
+                'data-max': number;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,9 +1,7 @@
 /// <reference types="svelte" />
 import { type CreateProgressProps } from "@melt-ui/svelte";
-export declare const ctx: {
-    set: typeof set;
-};
-declare function set(props: CreateProgressProps): {
+export declare const getAttrs: (part: "root") => Record<string, string>;
+export declare function setCtx(props: CreateProgressProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
@@ -35,4 +33,3 @@ declare function set(props: CreateProgressProps): {
         max: import("svelte/store").Writable<number>;
     };
 };
-export {};

package/dist/bits/progress/ctx.js

@@ -1,9 +1,9 @@
 import { createProgress } from "@melt-ui/svelte";
-import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
-export const ctx = {
-    set
-};
-function set(props) {
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+const NAME = "progress";
+const PARTS = ["root"];
+export const getAttrs = createBitAttrs(NAME, PARTS);
+export function setCtx(props) {
     const progress = createProgress(removeUndefined(props));
     return {
         ...progress,

package/dist/bits/radio-group/components/RadioGroup.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 required = void 0;
 export let disabled = void 0;
 export let value = void 0;
@@ -11,7 +11,7 @@ const {
   elements: { root },
   states: { value: localValue },
   updateOption
-} = ctx.set({
+} = setCtx({
   required,
   disabled,
   defaultValue: value,
@@ -35,13 +35,15 @@ $:
   updateOption("loop", loop);
 $:
   updateOption("orientation", orientation);
+$:
+  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/radio-group/components/RadioGroup.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        loop?: boolean | undefined;
         orientation?: import("@melt-ui/svelte/internal/types").Orientation | undefined;
+        loop?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         onValueChange?: import("../../../internal/types.js").OnChangeFn<string | undefined> | undefined;
         asChild?: boolean | undefined;
@@ -69,7 +69,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;
@@ -83,7 +83,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;
@@ -98,7 +98,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;
@@ -222,7 +222,16 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                readonly role: "radiogroup";
+                readonly 'aria-required': boolean;
+                readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

package/dist/bits/radio-group/components/RadioGroupInput.svelte

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

package/dist/bits/radio-group/components/RadioGroupInput.svelte.d.ts

@@ -100,7 +100,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;
@@ -114,7 +114,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;
@@ -129,7 +129,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;
@@ -266,6 +266,7 @@ declare const __propDef: {
             } & {
                 action: (_node: HTMLInputElement) => void;
             };
+            attrs: Record<string, string>;
         };
     };
 };

package/dist/bits/radio-group/components/RadioGroupItem.svelte

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

package/dist/bits/radio-group/components/RadioGroupItem.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,22 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: ((props: import("@melt-ui/svelte/index.js").RadioGroupItemProps) => {
+                readonly disabled: boolean;
+                readonly 'data-value': string;
+                readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+                readonly 'data-disabled': true | undefined;
+                readonly 'data-state': "checked" | "unchecked";
+                readonly 'aria-checked': boolean;
+                readonly type: "button";
+                readonly role: "radio";
+                readonly tabindex: 0 | -1;
+            }) & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">;
+            };
+            attrs: Record<string, string>;
         };
     };
     events: ItemEvents;

package/dist/bits/radio-group/components/RadioGroupItemIndicator.svelte

@@ -1,5 +1,5 @@
-<script>import { ctx } from "../ctx.js";
-const { isChecked, value } = ctx.getRadioIndicator();
+<script>import { getRadioIndicator } from "../ctx.js";
+const { isChecked, value } = getRadioIndicator();
 </script>
 
 {#if $isChecked(value)}

package/dist/bits/radio-group/ctx.d.ts

@@ -1,13 +1,8 @@
 /// <reference types="svelte" />
 import { type CreateRadioGroupProps, type RadioGroup as RadioGroupReturn } from "@melt-ui/svelte";
 import type { Readable } from "svelte/store";
-export declare const ctx: {
-    set: typeof set;
-    get: typeof get;
-    setItem: typeof setItem;
-    getRadioIndicator: typeof getRadioIndicator;
-};
-declare function set(props: CreateRadioGroupProps): {
+export declare const getAttrs: (part: "root" | "item" | "input") => Record<string, string>;
+export declare function setCtx(props: CreateRadioGroupProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>], import("svelte/action").Action<any, any, Record<never, any>>, ([$required, $orientation]: [boolean, import("@melt-ui/svelte/internal/types").Orientation]) => {
@@ -64,10 +59,9 @@ declare function set(props: CreateRadioGroupProps): {
         orientation: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>;
     };
 };
-declare function get(): RadioGroupReturn;
-declare function setItem(value: string): RadioGroupReturn;
-declare function getRadioIndicator(): {
+export declare function getCtx(): RadioGroupReturn;
+export declare function setItemCtx(value: string): RadioGroupReturn;
+export declare function getRadioIndicator(): {
     isChecked: Readable<(itemValue: string) => boolean>;
     value: string;
 };
-export {};