npm - bits-ui - Versions diffs - 0.21.13 → 0.21.15 - Mend

bits-ui 0.21.13 → 0.21.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (401) hide show

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

@@ -11,19 +11,17 @@ export let el = void 0;
 const {
   elements: { content },
   helpers: { isSelected },
-  props,
+  propsStore,
   getAttrs
 } = getContent();
 const attrs = getAttrs("content");
-$:
-  builder = $content(props);
-$:
-  Object.assign(builder, attrs);
+$: builder = $content({ ...$propsStore });
+$: Object.assign(builder, attrs);
 </script>
-{#if asChild && $isSelected(props)}
+{#if asChild && $isSelected($propsStore.value)}
 	<slot {builder} />
-{:else if transition && $isSelected(props)}
+{:else if transition && $isSelected($propsStore.value)}
 	<div
 		bind:this={el}
 		transition:transition={transitionConfig}
@@ -32,7 +30,7 @@ $:
 	>
 		<slot {builder} />
 	</div>
-{:else if inTransition && outTransition && $isSelected(props)}
+{:else if inTransition && outTransition && $isSelected($propsStore.value)}
 	<div
 		bind:this={el}
 		in:inTransition={inTransitionConfig}
@@ -42,15 +40,15 @@ $:
 	>
 		<slot {builder} />
 	</div>
-{:else if inTransition && $isSelected(props)}
+{:else if inTransition && $isSelected($propsStore.value)}
 	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
-{:else if outTransition && $isSelected(props)}
+{:else if outTransition && $isSelected($propsStore.value)}
 	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
-{:else if $isSelected(props)}
+{:else if $isSelected($propsStore.value)}
 	<div bind:this={el} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>

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

@@ -8,10 +8,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("header");
-$:
-  builder = $header(level);
-$:
-  Object.assign(builder, attrs);
+$: builder = $header(level);
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/accordion/components/accordion-header.svelte.d.ts CHANGED Viewed

@@ -18,6 +18,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AccordionHeaderProps = typeof __propDef.props;
 export type AccordionHeaderEvents = typeof __propDef.events;

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

@@ -6,14 +6,13 @@ export let asChild = false;
 export let el = void 0;
 const {
   elements: { item },
-  props,
+  propsStore,
   getAttrs
 } = setItem({ value, disabled });
 const attrs = getAttrs("item");
-$:
-  builder = $item(props);
-$:
-  Object.assign(builder, attrs);
+$: propsStore.set({ value, disabled });
+$: builder = $item({ ...$propsStore, disabled });
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/accordion/components/accordion-item.svelte.d.ts CHANGED Viewed

@@ -17,6 +17,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AccordionItemProps = typeof __propDef.props;
 export type AccordionItemEvents = typeof __propDef.events;

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

@@ -10,10 +10,10 @@ const {
 } = getTrigger();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");
-$:
-  builder = $trigger(props);
-$:
-  Object.assign(builder, attrs);
+$: builder = $trigger({
+  ...$props
+});
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/accordion/components/accordion-trigger.svelte.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/accordion/events.js").AccordionEvents["trigger"]>;
             };
         };
     };

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

@@ -33,16 +33,11 @@ const {
   }
 });
 const attrs = getAttrs("root");
-$:
-  value !== void 0 && localValue.set(Array.isArray(value) ? [...value] : value);
-$:
-  updateOption("multiple", multiple);
-$:
-  updateOption("disabled", disabled);
-$:
-  builder = $root;
-$:
-  Object.assign(builder, attrs);
+$: value !== void 0 && localValue.set(Array.isArray(value) ? [...value] : value);
+$: updateOption("multiple", multiple);
+$: updateOption("disabled", disabled);
+$: builder = $root;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

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

@@ -1,15 +1,15 @@
-/// <reference types="svelte" />
 import { type CreateAccordionProps } from "@melt-ui/svelte";
+import { type Writable } from "svelte/store";
 import type { ItemProps } from "./index.js";
 export declare function setCtx<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
     getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
     };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
-            'data-melt-id': string;
+            "data-melt-id": string;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -18,8 +18,8 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, 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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -27,13 +27,13 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<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) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/accordion/events.js").AccordionEvents["trigger"]>, ([$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;
+            "aria-expanded": boolean;
+            "aria-disabled": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-state": string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -42,20 +42,20 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
             hidden: boolean | undefined;
             style: string;
         }, string>;
         heading: import("@melt-ui/svelte/internal/helpers").MeltElement<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;
+            "aria-level": number;
+            "data-heading-level": number;
         }, string>;
     };
     states: {
-        value: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined>;
+        value: Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined>;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(key: string) => boolean>;
@@ -65,19 +65,19 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
         disabled: boolean;
         forceVisible: boolean;
         defaultValue?: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined;
-        value?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
+        value?: Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
     }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function getCtx(): {
     getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
     };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
-            'data-melt-id': string;
+            "data-melt-id": string;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -86,8 +86,8 @@ export declare function getCtx(): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, 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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -95,13 +95,13 @@ export declare function getCtx(): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<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) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/accordion/events.js").AccordionEvents["trigger"]>, ([$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;
+            "aria-expanded": boolean;
+            "aria-disabled": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-state": string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -110,20 +110,20 @@ export declare function getCtx(): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
             hidden: boolean | undefined;
             style: string;
         }, string>;
         heading: import("@melt-ui/svelte/internal/helpers").MeltElement<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;
+            "aria-level": number;
+            "data-heading-level": number;
         }, string>;
     };
     states: {
-        value: import("svelte/store").Writable<string | string[] | undefined>;
+        value: Writable<string | string[] | undefined>;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(key: string) => boolean>;
@@ -133,20 +133,20 @@ export declare function getCtx(): {
         disabled: boolean;
         forceVisible: boolean;
         defaultValue?: string | string[] | undefined;
-        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        value?: Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
     }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function setItem(props: ItemProps): {
-    props: ItemProps;
+    propsStore: Writable<ItemProps>;
     getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
     };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
-            'data-melt-id': string;
+            "data-melt-id": string;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -155,8 +155,8 @@ export declare function setItem(props: ItemProps): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, 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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -164,13 +164,13 @@ export declare function setItem(props: ItemProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<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) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/accordion/events.js").AccordionEvents["trigger"]>, ([$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;
+            "aria-expanded": boolean;
+            "aria-disabled": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-state": string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -179,20 +179,20 @@ export declare function setItem(props: ItemProps): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
             hidden: boolean | undefined;
             style: string;
         }, string>;
         heading: import("@melt-ui/svelte/internal/helpers").MeltElement<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;
+            "aria-level": number;
+            "data-heading-level": number;
         }, string>;
     };
     states: {
-        value: import("svelte/store").Writable<string | string[] | undefined>;
+        value: Writable<string | string[] | undefined>;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(key: string) => boolean>;
@@ -202,21 +202,23 @@ export declare function setItem(props: ItemProps): {
         disabled: boolean;
         forceVisible: boolean;
         defaultValue?: string | string[] | undefined;
-        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        value?: Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
     }, "value" | "defaultValue" | "onValueChange">>;
 };
-export declare function getItemProps(): ItemProps;
+export declare function getItemProps(): {
+    propsStore: Writable<ItemProps>;
+};
 export declare function getContent(): {
-    props: string;
+    propsStore: Writable<ItemProps>;
     getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
     };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
-            'data-melt-id': string;
+            "data-melt-id": string;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -225,8 +227,8 @@ export declare function getContent(): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, 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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -234,13 +236,13 @@ export declare function getContent(): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<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) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/accordion/events.js").AccordionEvents["trigger"]>, ([$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;
+            "aria-expanded": boolean;
+            "aria-disabled": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-state": string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -249,20 +251,20 @@ export declare function getContent(): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
             hidden: boolean | undefined;
             style: string;
         }, string>;
         heading: import("@melt-ui/svelte/internal/helpers").MeltElement<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;
+            "aria-level": number;
+            "data-heading-level": number;
         }, string>;
     };
     states: {
-        value: import("svelte/store").Writable<string | string[] | undefined>;
+        value: Writable<string | string[] | undefined>;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(key: string) => boolean>;
@@ -272,23 +274,20 @@ export declare function getContent(): {
         disabled: boolean;
         forceVisible: boolean;
         defaultValue?: string | string[] | undefined;
-        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        value?: Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
     }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function getTrigger(): {
-    props: {
-        value: string;
-        disabled: boolean | undefined;
-    };
+    props: Writable<ItemProps>;
     getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
     };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
-            'data-melt-id': string;
+            "data-melt-id": string;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -297,8 +296,8 @@ export declare function getTrigger(): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, 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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -306,13 +305,13 @@ export declare function getTrigger(): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<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) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/accordion/events.js").AccordionEvents["trigger"]>, ([$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;
+            "aria-expanded": boolean;
+            "aria-disabled": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-state": string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -321,20 +320,20 @@ export declare function getTrigger(): {
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
         }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<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;
+            "data-state": string;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
             hidden: boolean | undefined;
             style: string;
         }, string>;
         heading: import("@melt-ui/svelte/internal/helpers").MeltElement<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;
+            "aria-level": number;
+            "data-heading-level": number;
         }, string>;
     };
     states: {
-        value: import("svelte/store").Writable<string | string[] | undefined>;
+        value: Writable<string | string[] | undefined>;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(key: string) => boolean>;
@@ -344,7 +343,7 @@ export declare function getTrigger(): {
         disabled: boolean;
         forceVisible: boolean;
         defaultValue?: string | string[] | undefined;
-        value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
+        value?: Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
     }, "value" | "defaultValue" | "onValueChange">>;
 };

package/dist/bits/accordion/ctx.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { createAccordion } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { writable } from "svelte/store";
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getAccordionData() {
     const NAME = "accordion";
@@ -25,9 +26,10 @@ export function getCtx() {
 }
 export function setItem(props) {
     const { ITEM_NAME } = getAccordionData();
-    setContext(ITEM_NAME, { ...props });
+    const propsStore = writable(props);
+    setContext(ITEM_NAME, { propsStore });
     const ctx = getCtx();
-    return { ...ctx, props };
+    return { ...ctx, propsStore };
 }
 export function getItemProps() {
     const { ITEM_NAME } = getAccordionData();
@@ -35,17 +37,17 @@ export function getItemProps() {
 }
 export function getContent() {
     const ctx = getCtx();
-    const { value: props } = getItemProps();
+    const { propsStore } = getItemProps();
     return {
         ...ctx,
-        props,
+        propsStore,
     };
 }
 export function getTrigger() {
     const ctx = getCtx();
-    const { value, disabled } = getItemProps();
+    const { propsStore } = getItemProps();
     return {
         ...ctx,
-        props: { value, disabled },
+        props: propsStore,
     };
 }