bits-ui 0.21.13 → 0.21.15

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type CreateDropdownMenuProps, type CreateDropdownMenuCheckboxItemProps as DropdownCheckboxItemProps, type CreateMenuRadioGroupProps as DropdownRadioGroupProps, type CreateDropdownSubmenuProps as DropdownSubmenuProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
@@ -15,64 +14,64 @@ type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 type GetSubReturn = Omit<ReturnType<typeof setSubMenuCtx>, "updateOption">;
 export declare function getCtx(): GetReturn;
 export declare function setCtx(props: CreateDropdownMenuProps): {
-    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;
     getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
     }>;
     elements: {
-        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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";
+        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
             readonly id: string;
-            readonly 'aria-labelledby': string;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-portal': "" | undefined;
+            readonly "aria-labelledby": string;
+            readonly "data-state": "open" | "closed";
+            readonly "data-portal": "" | undefined;
             readonly tabindex: -1;
         }, string>;
-        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
+        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends any>(node: HTMLElement) => {
             destroy(): void;
         }, ([$isVisible]: [boolean]) => {
             readonly hidden: true | undefined;
             readonly tabindex: -1;
             readonly style: string;
-            readonly 'aria-hidden': "true";
-            readonly 'data-state': "open" | "closed";
+            readonly "aria-hidden": "true";
+            readonly "data-state": "open" | "closed";
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
+        item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, () => {
             role: string;
             tabindex: number;
-            'data-orientation': string;
+            "data-orientation": string;
         }, string>;
         group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
             role: string;
-            'aria-labelledby': string;
+            "aria-labelledby": string;
         }, string>;
         groupLabel: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
             id: string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
-            'data-arrow': boolean;
+        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<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").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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;
-            'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            "aria-orientation": "vertical" | undefined;
+            "aria-hidden": boolean;
+            "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, "separator">;
     };
     states: {
-        open: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        open: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
     };
     builders: {
         createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CheckboxItemProps | undefined) => {
@@ -83,13 +82,13 @@ 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;
                     get: () => boolean | "indeterminate";
                     destroy?: (() => void) | undefined;
-                }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
-                    readonly 'data-orientation': "vertical";
-                    readonly 'aria-checked': "true" | "false" | "mixed";
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                    readonly "data-orientation": "vertical";
+                    readonly "aria-checked": "true" | "mixed" | "false";
+                    readonly "data-disabled": true | undefined;
+                    readonly "data-state": "indeterminate" | "checked" | "unchecked";
                 }, string>;
             };
             states: {
@@ -106,7 +105,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                 isIndeterminate: import("svelte/store").Readable<boolean>;
             };
             options: {
-                disabled: Writable<boolean>;
+                disabled: import("svelte/store").Writable<boolean>;
             };
         };
         createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateSubmenuProps | undefined) => {
@@ -121,28 +120,28 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
                     get: () => boolean;
                     destroy?: (() => void) | undefined;
-                }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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]) => {
+                }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
-                    readonly 'aria-controls': string;
-                    readonly 'aria-expanded': boolean;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'aria-haspopop': "menu";
+                    readonly "aria-controls": string;
+                    readonly "aria-expanded": boolean;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-disabled": true | undefined;
+                    readonly "aria-haspopop": "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
                     readonly id: string;
-                    readonly 'aria-labelledby': string;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-id': string;
+                    readonly "aria-labelledby": string;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-id": string;
                     readonly tabindex: -1;
                 }, string>;
-                subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-                    'data-arrow': boolean;
+                subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+                    "data-arrow": boolean;
                     style: string;
                 }, string>;
             };
@@ -156,7 +155,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                 };
             };
             options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-                open?: Writable<boolean> | undefined;
+                open?: import("svelte/store").Writable<boolean> | undefined;
                 ids?: Partial<{
                     menu: string;
                     trigger: string;
@@ -180,7 +179,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                 onOutsideClick: undefined;
             }, "ids">>;
         };
-        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps | undefined) => {
+        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps) => {
             elements: {
                 radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
                     role: string;
@@ -191,14 +190,14 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
                     get: () => string | null;
                     destroy?: (() => void) | undefined;
-                }], (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) => {
+                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
-                    'data-state': string;
-                    'aria-checked': boolean;
-                    'data-disabled': boolean | undefined;
-                    'data-value': string;
-                    'data-orientation': string;
+                    "data-state": string;
+                    "aria-checked": boolean;
+                    "data-disabled": boolean | undefined;
+                    "data-value": string;
+                    "data-orientation": string;
                     tabindex: number;
                 }, string>;
             };
@@ -217,24 +216,24 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
         };
     };
     options: {
-        positioning: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig>>;
-        arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>;
-        preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        loop: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        dir: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").TextDirection>>;
-        closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        portal: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>;
-        forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        typeahead: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/index.js").FocusProp | undefined>>;
-        disableFocusFirstItem: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        closeOnItemClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined>>;
+        positioning: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig>>;
+        arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<number | undefined>>;
+        preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean | undefined>>;
+        loop: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean | undefined>>;
+        dir: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").TextDirection>>;
+        closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        portal: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>;
+        forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        typeahead: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").FocusProp | undefined>>;
+        disableFocusFirstItem: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        closeOnItemClick: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined>>;
     };
 };
 export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
-    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;
     getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
@@ -247,28 +246,28 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
             get: () => boolean;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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]) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
             readonly role: "menuitem";
             readonly id: string;
             readonly tabindex: -1;
-            readonly 'aria-controls': string;
-            readonly 'aria-expanded': boolean;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-disabled': true | undefined;
-            readonly 'aria-haspopop': "menu";
+            readonly "aria-controls": string;
+            readonly "aria-expanded": boolean;
+            readonly "data-state": "open" | "closed";
+            readonly "data-disabled": true | undefined;
+            readonly "aria-haspopop": "menu";
         }, string>;
-        subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<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").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
             readonly id: string;
-            readonly 'aria-labelledby': string;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-id': string;
+            readonly "aria-labelledby": string;
+            readonly "data-state": "open" | "closed";
+            readonly "data-id": string;
             readonly tabindex: -1;
         }, string>;
-        subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-            'data-arrow': boolean;
+        subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+            "data-arrow": boolean;
             style: string;
         }, string>;
     };
@@ -282,7 +281,7 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-        open?: Writable<boolean> | undefined;
+        open?: import("svelte/store").Writable<boolean> | undefined;
         ids?: Partial<{
             menu: string;
             trigger: string;
@@ -318,14 +317,14 @@ export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | null;
             destroy?: (() => void) | undefined;
-        }], (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) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
             disabled: boolean;
             role: string;
-            'data-state': string;
-            'aria-checked': boolean;
-            'data-disabled': boolean | undefined;
-            'data-value': string;
-            'data-orientation': string;
+            "data-state": string;
+            "aria-checked": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-orientation": string;
             tabindex: number;
         }, string>;
     };
@@ -355,14 +354,14 @@ export declare function setRadioItem(value: string): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | null;
             destroy?: (() => void) | undefined;
-        }], (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) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
             disabled: boolean;
             role: string;
-            'data-state': string;
-            'aria-checked': boolean;
-            'data-disabled': boolean | undefined;
-            'data-value': string;
-            'data-orientation': string;
+            "data-state": string;
+            "aria-checked": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-orientation": string;
             tabindex: number;
         }, string>;
     };
@@ -392,14 +391,14 @@ export declare function getRadioIndicator(): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | null;
             destroy?: (() => void) | undefined;
-        }], (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) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
             disabled: boolean;
             role: string;
-            'data-state': string;
-            'aria-checked': boolean;
-            'data-disabled': boolean | undefined;
-            'data-value': string;
-            'data-orientation': string;
+            "data-state": string;
+            "aria-checked": boolean;
+            "data-disabled": boolean | undefined;
+            "data-value": string;
+            "data-orientation": string;
             tabindex: number;
         }, string>;
     };
@@ -419,7 +418,7 @@ export declare function getRadioIndicator(): {
 export declare function getSubTrigger(): GetSubReturn;
 export declare function getSubmenuCtx(): GetSubReturn;
 export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
-    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;
     getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     elements: {
         checkboxItem: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
@@ -428,13 +427,13 @@ 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;
             get: () => boolean | "indeterminate";
             destroy?: (() => void) | undefined;
-        }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
             readonly role: "menuitemcheckbox";
             readonly tabindex: -1;
-            readonly 'data-orientation': "vertical";
-            readonly 'aria-checked': "true" | "false" | "mixed";
-            readonly 'data-disabled': true | undefined;
-            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+            readonly "data-orientation": "vertical";
+            readonly "aria-checked": "true" | "mixed" | "false";
+            readonly "data-disabled": true | undefined;
+            readonly "data-state": "indeterminate" | "checked" | "unchecked";
         }, string>;
     };
     states: {
@@ -451,7 +450,7 @@ export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
         isIndeterminate: import("svelte/store").Readable<boolean>;
     };
     options: {
-        disabled: Writable<boolean>;
+        disabled: import("svelte/store").Writable<boolean>;
     };
 };
 export declare function getCheckboxIndicator(): {
@@ -464,7 +463,7 @@ export declare function getCheckboxIndicator(): {
 export declare function setGroupCtx(): {
     group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
         role: string;
-        'aria-labelledby': string;
+        "aria-labelledby": string;
     }, string>;
     id: string;
     getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;

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

@@ -39,28 +39,17 @@ const idValues = derived([ids.menu, ids.trigger], ([$menuId, $triggerId]) => ({
   menu: $menuId,
   trigger: $triggerId
 }));
-$:
-  open !== void 0 && localOpen.set(open);
-$:
-  updateOption("closeOnOutsideClick", closeOnOutsideClick);
-$:
-  updateOption("closeOnEscape", closeOnEscape);
-$:
-  updateOption("portal", portal);
-$:
-  updateOption("loop", loop);
-$:
-  updateOption("dir", dir);
-$:
-  updateOption("closeFocus", closeFocus);
-$:
-  updateOption("disableFocusFirstItem", disableFocusFirstItem);
-$:
-  updateOption("typeahead", typeahead);
-$:
-  updateOption("closeOnItemClick", closeOnItemClick);
-$:
-  updateOption("onOutsideClick", onOutsideClick);
+$: open !== void 0 && localOpen.set(open);
+$: updateOption("closeOnOutsideClick", closeOnOutsideClick);
+$: updateOption("closeOnEscape", closeOnEscape);
+$: updateOption("portal", portal);
+$: updateOption("loop", loop);
+$: updateOption("dir", dir);
+$: updateOption("closeFocus", closeFocus);
+$: updateOption("disableFocusFirstItem", disableFocusFirstItem);
+$: updateOption("typeahead", typeahead);
+$: updateOption("closeOnItemClick", closeOnItemClick);
+$: updateOption("onOutsideClick", onOutsideClick);
 </script>
 
 <slot menuIds={$idValues} />

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

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
-        portal?: string | HTMLElement | null | undefined;
+        portal?: (HTMLElement | string | null) | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
@@ -26,6 +26,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MenubarMenuProps = typeof __propDef.props;
 export type MenubarMenuEvents = typeof __propDef.events;

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

@@ -21,10 +21,8 @@ const idValues = derived([ids.menu, ids.trigger], ([$menuId, $triggerId]) => ({
   menu: $menuId,
   trigger: $triggerId
 }));
-$:
-  open !== void 0 && subOpen.set(open);
-$:
-  updateOption("disabled", disabled);
+$: open !== void 0 && subOpen.set(open);
+$: updateOption("disabled", disabled);
 </script>
 
 <slot subIds={$idValues} />

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

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

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

@@ -11,14 +11,11 @@ const {
 } = getMenuCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");
-$:
-  if (id) {
-    ids.trigger.set(id);
-  }
-$:
-  builder = $trigger;
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.trigger.set(id);
+}
+$: builder = $trigger;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

package/dist/bits/menubar/components/menubar-trigger.svelte.d.ts

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

package/dist/bits/menubar/components/menubar.svelte

@@ -17,20 +17,14 @@ const idValues = derived([ids.menubar], ([$menubarId]) => ({
   menubar: $menubarId
 }));
 const attrs = getMenubarAttrs("root");
-$:
-  if (id) {
-    ids.menubar.set(id);
-  }
-$:
-  updateOption("loop", loop);
-$:
-  updateOption("closeOnEscape", closeOnEscape);
-$:
-  updateOption("preventScroll", preventScroll);
-$:
-  builder = $menubar;
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.menubar.set(id);
+}
+$: updateOption("loop", loop);
+$: updateOption("closeOnEscape", closeOnEscape);
+$: updateOption("preventScroll", preventScroll);
+$: builder = $menubar;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

package/dist/bits/menubar/components/menubar.svelte.d.ts

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