bits-ui 0.9.9 → 0.10.0

package/dist/bits/{context-menu/components/ContextMenuSubTrigger.svelte.d.ts → menu/components/menu-sub-trigger.svelte.d.ts}

@@ -23,20 +23,13 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">;
             };
-            attrs: {
-                "aria-disabled": boolean;
-                "data-disabled": string;
-            } | {
-                "aria-disabled"?: undefined;
-                "data-disabled"?: undefined;
-            };
         };
     };
     events: SubTriggerEvents;
 };
-export type ContextMenuSubTriggerProps = typeof __propDef.props;
-export type ContextMenuSubTriggerEvents = typeof __propDef.events;
-export type ContextMenuSubTriggerSlots = typeof __propDef.slots;
-export default class ContextMenuSubTrigger extends SvelteComponent<ContextMenuSubTriggerProps, ContextMenuSubTriggerEvents, ContextMenuSubTriggerSlots> {
+export type MenuSubTriggerProps = typeof __propDef.props;
+export type MenuSubTriggerEvents = typeof __propDef.events;
+export type MenuSubTriggerSlots = typeof __propDef.slots;
+export default class MenuSubTrigger extends SvelteComponent<MenuSubTriggerProps, MenuSubTriggerEvents, MenuSubTriggerSlots> {
 }
 export {};

package/dist/bits/menu/components/menu-sub.svelte

@@ -0,0 +1,33 @@
+<script>import { derived } from "svelte/store";
+import { setSubMenuCtx } from "../ctx.js";
+export let disabled = void 0;
+export let open = void 0;
+export let onOpenChange = void 0;
+const {
+  updateOption,
+  ids,
+  states: { subOpen }
+} = setSubMenuCtx({
+  disabled,
+  onOpenChange: ({ next }) => {
+    if (open !== next) {
+      onOpenChange?.(next);
+      open = next;
+    }
+    return next;
+  }
+});
+const idValues = derived(
+  [ids.menu, ids.trigger],
+  ([$menuId, $triggerId]) => ({
+    menu: $menuId,
+    trigger: $triggerId
+  })
+);
+$:
+  open !== void 0 && subOpen.set(open);
+$:
+  updateOption("disabled", disabled);
+</script>
+
+<slot subIds={$idValues} />

package/dist/bits/menu/components/menu-sub.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        disabled?: boolean | undefined;
+        open?: boolean | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            subIds: {
+                menu: string;
+                trigger: string;
+            };
+        };
+    };
+};
+export type MenuSubProps = typeof __propDef.props;
+export type MenuSubEvents = typeof __propDef.events;
+export type MenuSubSlots = typeof __propDef.slots;
+export default class MenuSub extends SvelteComponent<MenuSubProps, MenuSubEvents, MenuSubSlots> {
+}
+export {};

package/dist/bits/{dropdown-menu/components/DropdownMenuTrigger.svelte → menu/components/menu-trigger.svelte}

@@ -8,26 +8,27 @@ const {
   ids
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   if (id) {
     ids.trigger.set(id);
   }
 $:
   builder = $trigger;
-const attrs = getAttrs("trigger");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-keydown={dispatch}
 		on:m-pointerdown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/{dropdown-menu/components/DropdownMenuTrigger.svelte.d.ts → menu/components/menu-trigger.svelte.d.ts}

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { DropdownTriggerEvents, DropdownTriggerProps } from "../types.js";
 declare const __propDef: {
-    props: TriggerProps;
+    props: DropdownTriggerProps;
     slots: {
         default: {
             builder: {
@@ -15,14 +15,13 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "pointerdown">;
             };
-            attrs: Record<string, string>;
         };
     };
-    events: TriggerEvents;
+    events: DropdownTriggerEvents;
 };
-export type DropdownMenuTriggerProps = typeof __propDef.props;
-export type DropdownMenuTriggerEvents = typeof __propDef.events;
-export type DropdownMenuTriggerSlots = typeof __propDef.slots;
-export default class DropdownMenuTrigger extends SvelteComponent<DropdownMenuTriggerProps, DropdownMenuTriggerEvents, DropdownMenuTriggerSlots> {
+export type MenuTriggerProps = typeof __propDef.props;
+export type MenuTriggerEvents = typeof __propDef.events;
+export type MenuTriggerSlots = typeof __propDef.slots;
+export default class MenuTrigger extends SvelteComponent<MenuTriggerProps, MenuTriggerEvents, MenuTriggerSlots> {
 }
 export {};

package/dist/bits/{dropdown-menu/components/DropdownMenu.svelte → menu/components/menu.svelte}

@@ -3,12 +3,9 @@ import { derived } from "svelte/store";
 export let closeOnOutsideClick = void 0;
 export let closeOnEscape = void 0;
 export let portal = void 0;
-export let forceVisible = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
 export let preventScroll = void 0;
-export let arrowSize = void 0;
-export let positioning = void 0;
 export let loop = void 0;
 export let dir = void 0;
 export let typeahead = void 0;
@@ -22,11 +19,9 @@ const {
   closeOnOutsideClick,
   closeOnEscape,
   portal,
-  forceVisible,
+  forceVisible: true,
   defaultOpen: open,
   preventScroll,
-  arrowSize,
-  positioning,
   loop,
   dir,
   typeahead,
@@ -40,10 +35,13 @@ const {
     return next;
   }
 });
-const idValues = derived([ids.menu, ids.trigger], ([$menuId, $triggerId]) => ({
-  menu: $menuId,
-  trigger: $triggerId
-}));
+const idValues = derived(
+  [ids.menu, ids.trigger],
+  ([$menuId, $triggerId]) => ({
+    menu: $menuId,
+    trigger: $triggerId
+  })
+);
 $:
   open !== void 0 && localOpen.set(open);
 $:
@@ -52,14 +50,8 @@ $:
   updateOption("closeOnEscape", closeOnEscape);
 $:
   updateOption("portal", portal);
-$:
-  updateOption("forceVisible", forceVisible);
 $:
   updateOption("preventScroll", preventScroll);
-$:
-  updateOption("arrowSize", arrowSize);
-$:
-  updateOption("positioning", positioning);
 $:
   updateOption("loop", loop);
 $:

package/dist/bits/{dropdown-menu/components/DropdownMenu.svelte.d.ts → menu/components/menu.svelte.d.ts}

@@ -4,17 +4,10 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        loop?: boolean | undefined;
-        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;
+        loop?: boolean | undefined;
         typeahead?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;
         open?: boolean | undefined;
@@ -32,9 +25,9 @@ declare const __propDef: {
         };
     };
 };
-export type DropdownMenuProps = typeof __propDef.props;
-export type DropdownMenuEvents = typeof __propDef.events;
-export type DropdownMenuSlots = typeof __propDef.slots;
-export default class DropdownMenu extends SvelteComponent<DropdownMenuProps, DropdownMenuEvents, DropdownMenuSlots> {
+export type MenuProps = typeof __propDef.props;
+export type MenuEvents = typeof __propDef.events;
+export type MenuSlots = typeof __propDef.slots;
+export default class Menu extends SvelteComponent<MenuProps, MenuEvents, MenuSlots> {
 }
 export {};

package/dist/bits/{dropdown-menu → menu}/ctx.d.ts

@@ -1,23 +1,24 @@
 /// <reference types="svelte" />
 import { type CreateDropdownSubmenuProps as DropdownSubmenuProps, type DropdownMenu as DropdownMenuReturn, type CreateMenuRadioGroupProps as DropdownRadioGroupProps, type DropdownMenuRadioGroup as DropdownRadioGroupReturn, type DropdownMenuSubmenu as DropdownSubmenuReturn, type CreateDropdownMenuCheckboxItemProps as DropdownCheckboxItemProps, type CreateDropdownMenuProps } from "@melt-ui/svelte";
-import type { Readable } from "svelte/store";
-export declare const getAttrs: (part: "arrow" | "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
+import type { Readable, Writable } from "svelte/store";
+import type { FloatingProps } from "../floating/_types.js";
+export declare const getAttrs: (part: "content" | "checkbox-indicator" | "arrow" | "label" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
 export declare function getCtx(): DropdownMenuReturn;
 export declare function setCtx(props: CreateDropdownMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        menu: import("svelte/store").Writable<string>;
-        trigger: import("svelte/store").Writable<string>;
+        menu: Writable<string>;
+        trigger: Writable<string>;
     };
     elements: {
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[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" | "pointerdown">, ([$rootOpen, $rootMenuId, $rootTriggerId]: [boolean, string, string]) => {
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<boolean>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "pointerdown">, ([$rootOpen, $rootMenuId, $rootTriggerId]: [boolean, string, string]) => {
             readonly 'aria-controls': string;
             readonly 'aria-expanded': boolean;
             readonly 'data-state': "open" | "closed";
             readonly id: string;
             readonly tabindex: 0;
         }, string>;
-        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, $rootMenuId, $rootTriggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, Writable<string | HTMLElement | null | undefined>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $rootMenuId, $rootTriggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
@@ -32,11 +33,11 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
             tabindex: number;
             'data-orientation': string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
-        separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
+        separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<import("@melt-ui/svelte/internal/types").Orientation>, Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
             role: string;
             'aria-orientation': "vertical" | undefined;
             'aria-hidden': boolean;
@@ -58,19 +59,19 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
         };
     };
     builders: {
-        createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._CheckboxItemProps | undefined) => {
+        createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CheckboxItemProps | undefined) => {
             elements: {
                 checkboxItem: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
                     update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
                     set: (this: void, value: boolean | "indeterminate") => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
                     readonly 'data-orientation': "vertical";
                     readonly 'aria-checked': "false" | "true" | "mixed";
                     readonly 'data-disabled': true | undefined;
-                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                    readonly 'data-state': "checked" | "unchecked" | "indeterminate";
                 }, string>;
             };
             states: {
@@ -80,21 +81,25 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
                 };
             };
+            helpers: {
+                isChecked: Readable<boolean>;
+                isIndeterminate: Readable<boolean>;
+            };
             options: {
-                disabled: import("svelte/store").Writable<boolean>;
+                disabled: Writable<boolean>;
             };
         };
-        createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
+        createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateSubmenuProps | undefined) => {
             ids: {
-                menu: import("svelte/store").Writable<string>;
-                trigger: import("svelte/store").Writable<string>;
+                menu: Writable<string>;
+                trigger: 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>, 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]) => {
+                }, Writable<boolean>, Writable<string>, 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;
@@ -104,7 +109,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     readonly 'data-disabled': true | undefined;
                     readonly 'aria-haspopop': "menu";
                 }, string>;
-                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]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, Writable<string>, 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;
@@ -114,7 +119,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     readonly 'data-id': string;
                     readonly tabindex: -1;
                 }, string>;
-                subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+                subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
                     'data-arrow': boolean;
                     style: string;
                 }, string>;
@@ -127,25 +132,25 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                 };
             };
             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 | {
+                dir: Writable<"ltr">;
+                disabled: Writable<boolean>;
+                open?: Writable<Writable<boolean> | undefined> | undefined;
+                defaultOpen: Writable<false>;
+                onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+                preventScroll: Writable<true>;
+                portal: Writable<string>;
+                positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
                     placement: "right-start";
                     gutter: number;
                 }>;
-                arrowSize: import("svelte/store").Writable<number>;
-                loop: import("svelte/store").Writable<false>;
-                closeOnOutsideClick: import("svelte/store").Writable<true>;
-                closeOnEscape: import("svelte/store").Writable<true>;
-                typeahead: import("svelte/store").Writable<true>;
+                arrowSize: Writable<number>;
+                loop: Writable<false>;
+                closeOnOutsideClick: Writable<true>;
+                closeOnEscape: Writable<true>;
+                typeahead: Writable<true>;
             };
         };
-        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateRadioGroupProps | undefined) => {
+        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps | undefined) => {
             elements: {
                 radioGroup: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
                     role: string;
@@ -154,7 +159,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
                     set: (this: void, value: string | null) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
-                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
                     'data-state': string;
@@ -178,37 +183,37 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
         };
     };
     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 | {
+        dir: Writable<import("@melt-ui/svelte/internal/types").TextDirection>;
+        open?: Writable<Writable<boolean> | undefined> | undefined;
+        forceVisible: Writable<boolean>;
+        defaultOpen: Writable<boolean>;
+        onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        preventScroll: Writable<boolean>;
+        portal: Writable<string | HTMLElement | null | undefined>;
+        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
         }>;
-        arrowSize: import("svelte/store").Writable<number>;
-        loop: 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>;
+        arrowSize: Writable<number>;
+        loop: Writable<boolean>;
+        closeOnOutsideClick: Writable<boolean>;
+        closeOnEscape: Writable<boolean>;
+        typeahead: Writable<boolean>;
+        closeFocus: Writable<import("@melt-ui/svelte/index.js").FocusProp | undefined>;
+        disableFocusFirstItem: Writable<boolean>;
     };
 };
 export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        menu: import("svelte/store").Writable<string>;
-        trigger: import("svelte/store").Writable<string>;
+        menu: Writable<string>;
+        trigger: 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>, 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]) => {
+        }, Writable<boolean>, Writable<string>, 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;
@@ -218,7 +223,7 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
             readonly 'data-disabled': true | undefined;
             readonly 'aria-haspopop': "menu";
         }, string>;
-        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]) => {
+        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, Writable<string>, 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;
@@ -228,7 +233,7 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
             readonly 'data-id': string;
             readonly tabindex: -1;
         }, string>;
-        subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -241,22 +246,22 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
         };
     };
     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 | {
+        dir: Writable<"ltr">;
+        disabled: Writable<boolean>;
+        open?: Writable<Writable<boolean> | undefined> | undefined;
+        defaultOpen: Writable<false>;
+        onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        preventScroll: Writable<true>;
+        portal: Writable<string>;
+        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "right-start";
             gutter: number;
         }>;
-        arrowSize: import("svelte/store").Writable<number>;
-        loop: import("svelte/store").Writable<false>;
-        closeOnOutsideClick: import("svelte/store").Writable<true>;
-        closeOnEscape: import("svelte/store").Writable<true>;
-        typeahead: import("svelte/store").Writable<true>;
+        arrowSize: Writable<number>;
+        loop: Writable<false>;
+        closeOnOutsideClick: Writable<true>;
+        closeOnEscape: Writable<true>;
+        typeahead: Writable<true>;
     };
 };
 export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
@@ -268,7 +273,7 @@ export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
             update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
             set: (this: void, value: string | null) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
-        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
             disabled: boolean;
             role: string;
             'data-state': string;
@@ -296,8 +301,7 @@ export declare function getRadioIndicator(): {
     value: string;
 };
 export declare function getSubTrigger(): DropdownSubmenuReturn;
-export declare function getContent(sideoffset?: number): DropdownMenuReturn;
-export declare function getSubContent(sideOffset?: number): DropdownSubmenuReturn;
+export declare function getSubmenuCtx(): DropdownSubmenuReturn;
 export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
@@ -305,13 +309,13 @@ export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
             set: (this: void, value: boolean | "indeterminate") => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+        }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
             readonly role: "menuitemcheckbox";
             readonly tabindex: -1;
             readonly 'data-orientation': "vertical";
             readonly 'aria-checked': "false" | "true" | "mixed";
             readonly 'data-disabled': true | undefined;
-            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+            readonly 'data-state': "checked" | "unchecked" | "indeterminate";
         }, string>;
     };
     states: {
@@ -321,8 +325,12 @@ export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
         };
     };
+    helpers: {
+        isChecked: Readable<boolean>;
+        isIndeterminate: Readable<boolean>;
+    };
     options: {
-        disabled: import("svelte/store").Writable<boolean>;
+        disabled: Writable<boolean>;
     };
 };
 export declare function getCheckboxIndicator(): {
@@ -344,3 +352,5 @@ export declare function getGroupLabel(): {
     id: string;
 };
 export declare function setArrow(size?: number): DropdownMenuReturn;
+export declare function updatePositioning(props: FloatingProps): void;
+export declare function updateSubPositioning(props: FloatingProps): void;