bits-ui 0.13.0 → 0.13.2

package/dist/bits/accordion/components/accordion-content.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getContent, getAttrs } from "../ctx.js";
+import { getContent } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -8,7 +8,12 @@ export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
 export let el = void 0;
-const { content, isSelected, props } = getContent();
+const {
+  elements: { content },
+  helpers: { isSelected },
+  props,
+  getAttrs
+} = getContent();
 const attrs = getAttrs("content");
 $:
   builder = $content(props);

package/dist/bits/accordion/components/accordion-header.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let level = 3;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { heading: header }
+  elements: { heading: header },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("header");
 $:

package/dist/bits/accordion/components/accordion-item.svelte

@@ -1,10 +1,14 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setItem, getAttrs } from "../ctx.js";
+import { setItem } from "../ctx.js";
 export let value;
 export let disabled = void 0;
 export let asChild = false;
 export let el = void 0;
-const { item, props } = setItem({ value, disabled });
+const {
+  elements: { item },
+  props,
+  getAttrs
+} = setItem({ value, disabled });
 const attrs = getAttrs("item");
 $:
   builder = $item(props);

package/dist/bits/accordion/components/accordion-trigger.svelte

@@ -1,9 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getTrigger, getAttrs } from "../ctx.js";
+import { getTrigger } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
-const { trigger, props } = getTrigger();
+const {
+  elements: { trigger },
+  props,
+  getAttrs
+} = getTrigger();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");
 $:

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 export let multiple = false;
 export let value = void 0;
 export let onValueChange = void 0;
@@ -9,7 +9,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { value: localValue },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   multiple,
   disabled,

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

@@ -1,9 +1,8 @@
 /// <reference types="svelte" />
-import { type Accordion as AccordionReturn, type CreateAccordionProps } from "@melt-ui/svelte";
+import { type CreateAccordionProps } from "@melt-ui/svelte";
 import type { ItemProps } from "./types.js";
-export declare const getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
-type GetReturn = AccordionReturn;
 export declare function setCtx<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
+    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
@@ -64,51 +63,258 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
     }, "defaultValue" | "value" | "onValueChange">>;
 };
-export declare function getCtx(): GetReturn;
+export declare function getCtx(): {
+    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    ids: {
+        [x: string]: string;
+    };
+    elements: {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
+            'data-melt-id': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+        }, 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;
+            set: (this: void, value: string | string[] | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            disabled: boolean | undefined;
+            'aria-expanded': boolean;
+            'aria-disabled': boolean;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            'data-state': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            hidden: boolean | undefined;
+            style: string;
+        }, string>;
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
+            role: string;
+            'aria-level': number;
+            'data-heading-level': number;
+        }, string>;
+    };
+    states: {
+        value: import("svelte/store").Writable<string | string[] | undefined>;
+    };
+    helpers: {
+        isSelected: import("svelte/store").Readable<(key: string) => boolean>;
+    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        multiple: boolean;
+        disabled: boolean;
+        forceVisible: boolean;
+        defaultValue?: string | string[] | undefined;
+        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
+    }, "defaultValue" | "value" | "onValueChange">>;
+};
 export declare function setItem(props: ItemProps): {
-    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;
-        subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-    }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
-        'data-state': string;
-        'data-disabled': boolean | undefined;
-    }, string>;
     props: ItemProps;
+    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    ids: {
+        [x: string]: string;
+    };
+    elements: {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
+            'data-melt-id': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+        }, 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;
+            set: (this: void, value: string | string[] | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            disabled: boolean | undefined;
+            'aria-expanded': boolean;
+            'aria-disabled': boolean;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            'data-state': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            hidden: boolean | undefined;
+            style: string;
+        }, string>;
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
+            role: string;
+            'aria-level': number;
+            'data-heading-level': number;
+        }, string>;
+    };
+    states: {
+        value: import("svelte/store").Writable<string | string[] | undefined>;
+    };
+    helpers: {
+        isSelected: import("svelte/store").Readable<(key: string) => boolean>;
+    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        multiple: boolean;
+        disabled: boolean;
+        forceVisible: boolean;
+        defaultValue?: string | string[] | undefined;
+        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
+    }, "defaultValue" | "value" | "onValueChange">>;
 };
 export declare function getItemProps(): ItemProps;
 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;
-        subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-    }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
-        'data-state': string;
-        'data-disabled': boolean | undefined;
-        'data-value': string;
-        hidden: boolean | undefined;
-        style: string;
-    }, string>;
     props: string;
-    isSelected: import("svelte/store").Readable<(key: string) => boolean>;
-    value: import("svelte/store").Writable<string | undefined>;
+    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    ids: {
+        [x: string]: string;
+    };
+    elements: {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
+            'data-melt-id': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+        }, 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;
+            set: (this: void, value: string | string[] | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            disabled: boolean | undefined;
+            'aria-expanded': boolean;
+            'aria-disabled': boolean;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            'data-state': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            hidden: boolean | undefined;
+            style: string;
+        }, string>;
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
+            role: string;
+            'aria-level': number;
+            'data-heading-level': number;
+        }, string>;
+    };
+    states: {
+        value: import("svelte/store").Writable<string | string[] | undefined>;
+    };
+    helpers: {
+        isSelected: import("svelte/store").Readable<(key: string) => boolean>;
+    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        multiple: boolean;
+        disabled: boolean;
+        forceVisible: boolean;
+        defaultValue?: string | string[] | undefined;
+        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
+    }, "defaultValue" | "value" | "onValueChange">>;
 };
 export declare function getTrigger(): {
     props: {
         value: string;
         disabled: boolean | undefined;
     };
-    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;
-        set: (this: void, value: string | string[] | undefined) => void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-    }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
-        disabled: boolean | undefined;
-        'aria-expanded': boolean;
-        'aria-disabled': boolean;
-        'data-disabled': boolean | undefined;
-        'data-value': string;
-        'data-state': string;
-    }, string>;
+    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    ids: {
+        [x: string]: string;
+    };
+    elements: {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
+            'data-melt-id': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+        }, 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;
+            set: (this: void, value: string | string[] | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            disabled: boolean | undefined;
+            'aria-expanded': boolean;
+            'aria-disabled': boolean;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            'data-state': string;
+        }, string>;
+        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;
+            subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            'data-state': string;
+            'data-disabled': boolean | undefined;
+            'data-value': string;
+            hidden: boolean | undefined;
+            style: string;
+        }, string>;
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
+            role: string;
+            'aria-level': number;
+            'data-heading-level': number;
+        }, string>;
+    };
+    states: {
+        value: import("svelte/store").Writable<string | string[] | undefined>;
+    };
+    helpers: {
+        isSelected: import("svelte/store").Readable<(key: string) => boolean>;
+    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        multiple: boolean;
+        disabled: boolean;
+        forceVisible: boolean;
+        defaultValue?: string | string[] | undefined;
+        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
+    }, "defaultValue" | "value" | "onValueChange">>;
 };
-export {};

package/dist/bits/accordion/ctx.js

@@ -1,37 +1,51 @@
 import { createAccordion } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 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);
+function getAccordionData() {
+    const NAME = "accordion";
+    const ITEM_NAME = "accordion-item";
+    const PARTS = ["root", "content", "header", "item", "trigger"];
+    return { NAME, ITEM_NAME, PARTS };
+}
 export function setCtx(props) {
-    const accordion = createAccordion(removeUndefined(props));
-    setContext(NAME, accordion);
-    return {
-        ...accordion,
-        updateOption: getOptionUpdater(accordion.options)
+    const initAccordion = createAccordion(removeUndefined(props));
+    const { NAME, PARTS } = getAccordionData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const accordion = {
+        ...initAccordion,
+        getAttrs,
+        updateOption: getOptionUpdater(initAccordion.options)
     };
+    setContext(NAME, accordion);
+    return accordion;
 }
 export function getCtx() {
+    const { NAME } = getAccordionData();
     return getContext(NAME);
 }
 export function setItem(props) {
+    const { ITEM_NAME } = getAccordionData();
     setContext(ITEM_NAME, { ...props });
-    const { elements: { item } } = getCtx();
-    return { item, props };
+    const ctx = getCtx();
+    return { ...ctx, props };
 }
 export function getItemProps() {
-    const itemProps = getContext(ITEM_NAME);
-    return itemProps;
+    const { ITEM_NAME } = getAccordionData();
+    return getContext(ITEM_NAME);
 }
 export function getContent() {
-    const { elements: { content }, helpers: { isSelected }, states: { value } } = getCtx();
+    const ctx = getCtx();
     const { value: props } = getItemProps();
-    return { content, props, isSelected, value };
+    return {
+        ...ctx,
+        props
+    };
 }
 export function getTrigger() {
-    const { elements: { trigger } } = getCtx();
+    const ctx = getCtx();
     const { value, disabled } = getItemProps();
-    return { props: { value, disabled }, trigger };
+    return {
+        ...ctx,
+        props: { value, disabled }
+    };
 }

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

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { createDispatcher } from "../../../internal/events.js";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { close }
+  elements: { close },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("action");

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

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { close }
+  elements: { close },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("cancel");

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -12,7 +12,8 @@ export let el = void 0;
 const {
   elements: { content },
   states: { open },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("content");
 $:

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

@@ -1,11 +1,12 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let id = void 0;
 export let el = void 0;
 const {
   elements: { description },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("description");
 $:

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -10,7 +10,8 @@ export let asChild = false;
 export let el = void 0;
 const {
   elements: { overlay },
-  states: { open }
+  states: { open },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("overlay");
 $:

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

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { portalled }
+  elements: { portalled },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("portal");
 $:

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

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let level = "h2";
 export let asChild = false;
 export let id = void 0;
 export let el = void 0;
 const {
   elements: { title },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("title");
 $:

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

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");