bits-ui 0.9.0 → 0.9.2

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

@@ -230,7 +230,7 @@ declare class __sveltets_Render<Multiple extends boolean> {
             };
             attrs: Record<string, string>;
             ids: {
-                root: string;
+                [x: string]: string;
             };
         };
     };

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

@@ -6,7 +6,7 @@ type GetReturn = AccordionReturn;
 export declare function setCtx<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        root: string;
+        [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>>, () => {

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

@@ -1,7 +1,5 @@
-<script>import { writable } from "svelte/store";
+<script>import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
-import { onDestroy } from "svelte";
-import { isBrowser } from "../../../internal/is.js";
 export let preventScroll = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = false;
@@ -9,9 +7,6 @@ export let portal = void 0;
 export let forceVisible = true;
 export let open = void 0;
 export let onOpenChange = void 0;
-const transitionTimes = writable({});
-const tOpen = writable(open);
-let timeout = 0;
 const {
   states: { open: localOpen },
   updateOption,
@@ -23,38 +18,22 @@ const {
   portal,
   forceVisible,
   defaultOpen: open,
-  transitionTimes,
-  tOpen,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
+      open = next;
     }
-    if (next !== $tOpen) {
-      tOpen.set(next);
-      if (!next) {
-        window.clearTimeout(timeout);
-        timeout = window.setTimeout(
-          () => {
-            localOpen.set(next);
-          },
-          $transitionTimes.out ? $transitionTimes.out * 0.6 : 0
-        );
-        open = !next;
-        return !next;
-      } else {
-        open = next;
-        return next;
-      }
-    }
-    open = next;
     return next;
   }
 });
-onDestroy(() => {
-  if (isBrowser) {
-    window.clearTimeout(timeout);
-  }
-});
+const idValues = derived(
+  [ids.content, ids.description, ids.title],
+  ([$contentId, $descriptionId, $titleId]) => ({
+    content: $contentId,
+    description: $descriptionId,
+    title: $titleId
+  })
+);
 $:
   open !== void 0 && localOpen.set(open);
 $:
@@ -69,4 +48,4 @@ $:
   updateOption("forceVisible", forceVisible);
 </script>
 
-<slot {ids} />
+<slot ids={$idValues} />

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

@@ -5,9 +5,14 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         forceVisible?: boolean | undefined;
+        ids?: {
+            content: string;
+            description: string;
+            title: string;
+        } | undefined;
         portal?: string | HTMLElement | null | undefined;
-        openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
+        openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
@@ -18,9 +23,8 @@ declare const __propDef: {
         default: {
             ids: {
                 content: string;
-                title: string;
                 description: string;
-                trigger: string;
+                title: string;
             };
         };
     };

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

@@ -1,5 +1,4 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setTransitionTimes } from "../../../internal/index.js";
 import { getCtx, getAttrs } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
@@ -10,30 +9,20 @@ export let outTransitionConfig = void 0;
 export let asChild = false;
 const {
   elements: { content },
-  transitionTimes,
-  tOpen
+  states: { open }
 } = getCtx();
-$:
-  setTransitionTimes(transitionTimes, {
-    transition,
-    transitionConfig,
-    inTransition,
-    inTransitionConfig,
-    outTransition,
-    outTransitionConfig
-  });
 $:
   builder = $content;
 const attrs = getAttrs("content");
 </script>
 
-{#if asChild && $tOpen}
+{#if asChild && $open}
 	<slot {builder} {attrs} />
-{:else if transition && $tOpen}
+{:else if transition && $open}
 	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
 		<slot {builder} {attrs} />
 	</div>
-{:else if inTransition && outTransition && $tOpen}
+{:else if inTransition && outTransition && $open}
 	<div
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
@@ -43,15 +32,15 @@ const attrs = getAttrs("content");
 	>
 		<slot {builder} {attrs} />
 	</div>
-{:else if inTransition && $tOpen}
+{:else if inTransition && $open}
 	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
 		<slot {builder} {attrs} />
 	</div>
-{:else if outTransition && $tOpen}
+{:else if outTransition && $open}
 	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
 		<slot {builder} {attrs} />
 	</div>
-{:else if $tOpen}
+{:else if $open}
 	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
 		<slot {builder} {attrs} />
 	</div>

package/dist/bits/alert-dialog/components/AlertDialogContent.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type Transition } from "../../../internal/index.js";
+import type { Transition } from "../../../internal/index.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): {
         transition?: T | undefined;

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

@@ -9,28 +9,28 @@ export let outTransitionConfig = void 0;
 export let asChild = false;
 const {
   elements: { overlay },
-  tOpen
+  states: { open }
 } = getCtx();
 $:
   builder = $overlay;
 const attrs = getAttrs("overlay");
 </script>
 
-{#if asChild && $tOpen}
+{#if asChild && $open}
 	<slot {builder} {attrs} />
-{:else if transition && $tOpen}
+{:else if transition && $open}
 	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs} />
-{:else if inTransition && outTransition && $tOpen}
+{:else if inTransition && outTransition && $open}
 	<div
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
 	/>
-{:else if inTransition && $tOpen}
+{:else if inTransition && $open}
 	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs} />
-{:else if outTransition && $tOpen}
+{:else if outTransition && $open}
 	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs} />
-{:else if $tOpen}
+{:else if $open}
 	<div {...builder} use:builder.action {...$$restProps} {...attrs} />
 {/if}

package/dist/bits/alert-dialog/components/AlertDialogTrigger.svelte.d.ts

@@ -225,7 +225,6 @@ declare const __propDef: {
     slots: {
         default: {
             builder: {
-                readonly id: string;
                 readonly 'aria-haspopup': "dialog";
                 readonly 'aria-expanded': boolean;
                 readonly 'aria-controls': string;

package/dist/bits/alert-dialog/ctx.d.ts

@@ -1,21 +1,18 @@
 /// <reference types="svelte" />
 import { type Dialog as AlertDialogReturn, type CreateDialogProps as CreateAlertDialogProps } from "@melt-ui/svelte";
-import { type TOpen, type TransitionTimesProp } from "../../internal/index.js";
-type SetProps = CreateAlertDialogProps & TransitionTimesProp & TOpen;
-type GetReturn = AlertDialogReturn & TransitionTimesProp & TOpen;
+type SetProps = CreateAlertDialogProps;
 export declare const getAttrs: (part: "action" | "content" | "trigger" | "cancel" | "description" | "overlay" | "portal" | "title") => Record<string, string>;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        content: string;
-        title: string;
-        description: string;
-        trigger: string;
+        title: import("svelte/store").Writable<string>;
+        content: import("svelte/store").Writable<string>;
+        description: import("svelte/store").Writable<string>;
     };
     elements: {
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {
             destroy: () => void;
-        }, ([$isVisible]: [boolean]) => {
+        }, ([$isVisible, $contentId, $descriptionId, $titleId]: [boolean, string, string, string]) => {
             id: string;
             role: "dialog" | "alertdialog";
             'aria-describedby': string;
@@ -25,21 +22,20 @@ export declare function setCtx(props: SetProps): {
             hidden: boolean | undefined;
             style: string;
         }, string>;
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ($open: boolean) => {
-            readonly id: string;
+        }, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId]: [boolean, string]) => {
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
             readonly 'aria-controls': string;
             readonly type: "button";
         }, string>;
-        title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
+        title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
             id: string;
         }, string>;
-        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
+        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
             id: string;
         }, string>;
         overlay: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
@@ -68,18 +64,18 @@ export declare function setCtx(props: SetProps): {
         };
     };
     options: {
-        preventScroll: import("svelte/store").Writable<boolean>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
-        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
+        open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
+        forceVisible: import("svelte/store").Writable<boolean>;
         role: import("svelte/store").Writable<"dialog" | "alertdialog">;
         defaultOpen: import("svelte/store").Writable<boolean>;
-        open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        preventScroll: import("svelte/store").Writable<boolean>;
         portal: import("svelte/store").Writable<string | HTMLElement | null>;
-        forceVisible: import("svelte/store").Writable<boolean>;
-        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
+        closeOnEscape: import("svelte/store").Writable<boolean>;
         closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
     };
 };
-export declare function getCtx(): GetReturn;
+export declare function getCtx(): AlertDialogReturn;
 export {};

package/dist/bits/alert-dialog/ctx.js

@@ -18,11 +18,7 @@ export function setCtx(props) {
         ...removeUndefined(props),
         role: "alertdialog"
     });
-    setContext(NAME, {
-        ...alertDialog,
-        transitionTimes: props.transitionTimes,
-        tOpen: props.tOpen
-    });
+    setContext(NAME, alertDialog);
     return {
         ...alertDialog,
         updateOption: getOptionUpdater(alertDialog.options)

package/dist/bits/checkbox/components/Checkbox.svelte

@@ -52,6 +52,7 @@ const attrs = getAttrs("root");
 		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
+		disabled={disabled ? true : undefined}
 	>
 		<slot {builder} {attrs} />
 	</button>

package/dist/bits/context-menu/components/ContextMenu.svelte.d.ts

@@ -8,6 +8,10 @@ declare const __propDef: {
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
         arrowSize?: number | undefined;
         forceVisible?: boolean | undefined;
+        ids?: {
+            trigger: string;
+            menu: string;
+        } | undefined;
         portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
@@ -22,8 +26,8 @@ declare const __propDef: {
     slots: {
         default: {
             ids: {
-                menu: string;
-                trigger: string;
+                menu: import("svelte/store").Writable<string>;
+                trigger: import("svelte/store").Writable<string>;
             };
         };
     };

package/dist/bits/context-menu/components/ContextMenuSub.svelte.d.ts

@@ -5,6 +5,10 @@ declare const __propDef: {
         onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
         arrowSize?: number | undefined;
+        ids?: {
+            trigger: string;
+            menu: string;
+        } | undefined;
         disabled?: boolean | undefined;
     };
     events: {
@@ -13,8 +17,8 @@ declare const __propDef: {
     slots: {
         default: {
             subIds: {
-                menu: string;
-                trigger: string;
+                menu: import("svelte/store").Writable<string>;
+                trigger: import("svelte/store").Writable<string>;
             };
         };
     };

package/dist/bits/context-menu/components/ContextMenuTrigger.svelte.d.ts

@@ -218,6 +218,7 @@ declare const __propDef: {
                 readonly 'data-state': "open" | "closed";
                 readonly id: string;
                 readonly style: string;
+                readonly 'data-id': string;
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {

package/dist/bits/context-menu/ctx.d.ts

@@ -5,11 +5,11 @@ export declare const getAttrs: (part: "arrow" | "label" | "radio-group" | "separ
 export declare function setCtx(props: CreateContextMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        menu: string;
-        trigger: string;
+        menu: import("svelte/store").Writable<string>;
+        trigger: import("svelte/store").Writable<string>;
     };
     elements: {
-        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal]: [boolean, string | HTMLElement | null | undefined]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
@@ -19,14 +19,15 @@ export declare function setCtx(props: CreateContextMenuProps): {
             readonly 'data-portal': "" | undefined;
             readonly tabindex: -1;
         }, string>;
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ($rootOpen: boolean) => {
+        }, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ([$rootOpen, $triggerId]: [boolean, string]) => {
             readonly 'data-state': "open" | "closed";
             readonly id: string;
             readonly style: string;
+            readonly 'data-id': string;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
             role: string;
@@ -61,15 +62,15 @@ export declare function setCtx(props: CreateContextMenuProps): {
     builders: {
         createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
             ids: {
-                menu: string;
-                trigger: string;
+                menu: import("svelte/store").Writable<string>;
+                trigger: import("svelte/store").Writable<string>;
             };
             elements: {
                 subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
                     update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
                     set: (this: void, value: boolean) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+                }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
@@ -79,7 +80,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     readonly 'data-disabled': true | undefined;
                     readonly 'aria-haspopop': "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
@@ -102,21 +103,21 @@ export declare function setCtx(props: CreateContextMenuProps): {
                 };
             };
             options: {
+                dir: import("svelte/store").Writable<"ltr">;
+                disabled: import("svelte/store").Writable<boolean>;
                 open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
+                defaultOpen: import("svelte/store").Writable<false>;
                 onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+                preventScroll: import("svelte/store").Writable<true>;
+                portal: import("svelte/store").Writable<string>;
                 positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
                     placement: "right-start";
                     gutter: number;
                 }>;
                 arrowSize: import("svelte/store").Writable<number>;
-                disabled: import("svelte/store").Writable<boolean>;
-                preventScroll: import("svelte/store").Writable<true>;
-                closeOnEscape: import("svelte/store").Writable<true>;
-                closeOnOutsideClick: import("svelte/store").Writable<true>;
-                portal: import("svelte/store").Writable<string>;
                 loop: import("svelte/store").Writable<false>;
-                dir: import("svelte/store").Writable<"ltr">;
-                defaultOpen: import("svelte/store").Writable<false>;
+                closeOnOutsideClick: import("svelte/store").Writable<true>;
+                closeOnEscape: import("svelte/store").Writable<true>;
                 typeahead: import("svelte/store").Writable<true>;
             };
         };
@@ -179,20 +180,20 @@ export declare function setCtx(props: CreateContextMenuProps): {
         };
     };
     options: {
+        dir: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").TextDirection>;
+        open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
+        forceVisible: import("svelte/store").Writable<boolean>;
+        defaultOpen: import("svelte/store").Writable<boolean>;
+        onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        preventScroll: import("svelte/store").Writable<boolean>;
+        portal: import("svelte/store").Writable<string | HTMLElement | null | undefined>;
         positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom-start";
         }>;
         arrowSize: import("svelte/store").Writable<number>;
-        dir: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").TextDirection>;
-        preventScroll: import("svelte/store").Writable<boolean>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
-        portal: import("svelte/store").Writable<string | HTMLElement | null | undefined>;
-        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
         loop: import("svelte/store").Writable<boolean>;
-        defaultOpen: import("svelte/store").Writable<boolean>;
-        open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
-        onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-        forceVisible: import("svelte/store").Writable<boolean>;
+        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
+        closeOnEscape: import("svelte/store").Writable<boolean>;
         typeahead: import("svelte/store").Writable<boolean>;
         closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
         disableFocusFirstItem: import("svelte/store").Writable<boolean>;
@@ -202,15 +203,15 @@ export declare function getCtx(): ContextMenuReturn;
 export declare function setSubMenuCtx(props: CreateContextSubmenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        menu: string;
-        trigger: string;
+        menu: import("svelte/store").Writable<string>;
+        trigger: import("svelte/store").Writable<string>;
     };
     elements: {
         subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
             readonly role: "menuitem";
             readonly id: string;
             readonly tabindex: -1;
@@ -220,7 +221,7 @@ export declare function setSubMenuCtx(props: CreateContextSubmenuProps): {
             readonly 'data-disabled': true | undefined;
             readonly 'aria-haspopop': "menu";
         }, string>;
-        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
@@ -243,21 +244,21 @@ export declare function setSubMenuCtx(props: CreateContextSubmenuProps): {
         };
     };
     options: {
+        dir: import("svelte/store").Writable<"ltr">;
+        disabled: import("svelte/store").Writable<boolean>;
         open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
+        defaultOpen: import("svelte/store").Writable<false>;
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        preventScroll: import("svelte/store").Writable<true>;
+        portal: import("svelte/store").Writable<string>;
         positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "right-start";
             gutter: number;
         }>;
         arrowSize: import("svelte/store").Writable<number>;
-        disabled: import("svelte/store").Writable<boolean>;
-        preventScroll: import("svelte/store").Writable<true>;
-        closeOnEscape: import("svelte/store").Writable<true>;
-        closeOnOutsideClick: import("svelte/store").Writable<true>;
-        portal: import("svelte/store").Writable<string>;
         loop: import("svelte/store").Writable<false>;
-        dir: import("svelte/store").Writable<"ltr">;
-        defaultOpen: import("svelte/store").Writable<false>;
+        closeOnOutsideClick: import("svelte/store").Writable<true>;
+        closeOnEscape: import("svelte/store").Writable<true>;
         typeahead: import("svelte/store").Writable<true>;
     };
 };