bits-ui 0.12.0 → 0.13.1

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-content.svelte.d.ts

@@ -8,13 +8,13 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
     };
     slots(): {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            builder: {
                 'data-state': string;
                 'data-disabled': boolean | undefined;
                 'data-value': string;
                 hidden: boolean | undefined;
                 style: string;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => void;

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-header.svelte.d.ts

@@ -7,11 +7,11 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
+            builder: {
                 role: string;
                 'aria-level': number;
                 'data-heading-level': number;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;

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-item.svelte.d.ts

@@ -7,10 +7,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            builder: {
                 'data-state': string;
                 'data-disabled': boolean | undefined;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;

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-trigger.svelte.d.ts

@@ -4,14 +4,14 @@ declare const __propDef: {
     props: TriggerProps;
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            builder: {
                 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">;

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

@@ -1 +1 @@
-export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents } from "./types.js";
+export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents, ContentEvents as AlertDialogContentEvents } from "./types.js";

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");
 $:
@@ -32,6 +33,9 @@ $:
 		bind:this={el}
 		transition:transition={transitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
@@ -42,6 +46,9 @@ $:
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
@@ -51,6 +58,9 @@ $:
 		bind:this={el}
 		in:inTransition={inTransitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
@@ -60,12 +70,22 @@ $:
 		bind:this={el}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
 	</div>
 {:else if $open}
-	<div bind:this={el} {...builder} use:builder.action {...$$restProps}>
+	<div
+		bind:this={el}
+		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
+		{...$$restProps}
+	>
 		<slot {builder} />
 	</div>
 {/if}