bits-ui 0.0.0 → 0.0.21

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

@@ -0,0 +1,513 @@
+/// <reference types="svelte" />
+import { type Menubar as MenubarReturn, type CreateMenubarProps as MenubarProps, type MenubarMenu as MenubarMenuReturn, type MenubarMenuRadioGroup as MenubarRadioGroupReturn, type CreateMenuRadioGroupProps, type CreateMenubarSubmenuProps, type CreateMenubarMenuProps, type MenubarMenuSubmenu as MenubarSubReturn, type CreateMenuCheckboxItemProps } from "@melt-ui/svelte";
+import type { Readable } from "svelte/store";
+export declare const ctx: {
+    get: typeof get;
+    set: typeof set;
+    setSub: typeof setSub;
+    getSub: typeof getSub;
+    setMenu: typeof setMenu;
+    getMenu: typeof getMenu;
+    setGroup: typeof setGroup;
+    getContent: typeof getContent;
+    setRadioItem: typeof setRadioItem;
+    getGroupLabel: typeof getGroupLabel;
+    setRadioGroup: typeof setRadioGroup;
+    getSubContent: typeof getSubContent;
+    setCheckboxItem: typeof setCheckboxItem;
+    getRadioIndicator: typeof getRadioIndicator;
+    getCheckboxIndicator: typeof getCheckboxIndicator;
+};
+declare function get(): MenubarReturn;
+declare function set(props: MenubarProps): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    elements: {
+        menubar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => {
+            destroy?: undefined;
+        } | {
+            destroy: typeof import("@melt-ui/svelte/internal/helpers").noop;
+        }, () => {
+            role: string;
+            'data-melt-menubar': string;
+            'data-orientation': string;
+            id: string;
+        }, string>;
+    };
+    builders: {
+        createMenu: (props?: import("@melt-ui/svelte/dist/builders/menu")._CreateMenuProps | undefined) => {
+            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]) => {
+                    readonly role: "menu";
+                    readonly hidden: true | undefined;
+                    readonly style: string;
+                    readonly id: string;
+                    readonly 'aria-labelledby': string;
+                    readonly 'data-state': "open" | "closed";
+                    readonly 'data-melt-scope': string;
+                    readonly 'data-portal': "" | undefined;
+                    readonly tabindex: -1;
+                }, string>;
+                trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown" | "pointerenter">, ([$rootOpen]: [boolean]) => {
+                    readonly 'aria-controls': string;
+                    readonly 'aria-expanded': boolean;
+                    readonly 'data-state': "open" | "closed";
+                    readonly id: string;
+                    readonly 'aria-haspopup': "menu";
+                    readonly 'data-orientation': "horizontal";
+                    readonly role: "menuitem";
+                }, string>;
+                item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<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;
+                }, 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) => {
+                    '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]) => {
+                    role: string;
+                    'aria-orientation': "vertical" | undefined;
+                    'aria-hidden': boolean;
+                    'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+                }, "separator">;
+                group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+                    role: string;
+                    'aria-labelledby': string;
+                }, string>;
+                groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+                    id: string;
+                }, string>;
+            };
+            builders: {
+                createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._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<"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': "" | undefined;
+                            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                        }, string>;
+                    };
+                    states: {
+                        checked: {
+                            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;
+                        };
+                    };
+                    options: {
+                        disabled: import("svelte/store").Writable<boolean>;
+                    };
+                };
+                createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
+                    elements: {
+                        subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+                            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': "" | 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<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+                            readonly role: "menu";
+                            readonly hidden: true | undefined;
+                            readonly style: string;
+                            readonly id: string;
+                            readonly 'aria-labelledby': string;
+                            readonly 'data-state': "open" | "closed";
+                            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) => {
+                            'data-arrow': boolean;
+                            style: string;
+                        }, string>;
+                    };
+                    states: {
+                        subOpen: import("svelte/store").Writable<boolean>;
+                    };
+                    options: {
+                        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>;
+                    };
+                };
+                createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu")._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;
+                        }, string>;
+                        radioItem: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+                            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<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+                            disabled: boolean;
+                            role: string;
+                            'data-state': string;
+                            'aria-checked': boolean;
+                            'data-disabled': string | undefined;
+                            'data-value': string;
+                            'data-orientation': string;
+                            tabindex: number;
+                        }, string>;
+                    };
+                    states: {
+                        value: {
+                            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;
+                        };
+                    };
+                    helpers: {
+                        isChecked: Readable<(itemValue: string) => boolean>;
+                    };
+                };
+            };
+            states: {
+                open: import("svelte/store").Writable<boolean>;
+            };
+            options: {
+                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>;
+            };
+        };
+    };
+    options: {
+        loop: import("svelte/store").Writable<boolean>;
+        closeOnEscape: import("svelte/store").Writable<boolean>;
+    };
+};
+declare function getMenu(): MenubarMenuReturn;
+declare function setMenu(props: CreateMenubarMenuProps): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    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]) => {
+            readonly role: "menu";
+            readonly hidden: true | undefined;
+            readonly style: string;
+            readonly id: string;
+            readonly 'aria-labelledby': string;
+            readonly 'data-state': "open" | "closed";
+            readonly 'data-melt-scope': string;
+            readonly 'data-portal': "" | undefined;
+            readonly tabindex: -1;
+        }, string>;
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown" | "pointerenter">, ([$rootOpen]: [boolean]) => {
+            readonly 'aria-controls': string;
+            readonly 'aria-expanded': boolean;
+            readonly 'data-state': "open" | "closed";
+            readonly id: string;
+            readonly 'aria-haspopup': "menu";
+            readonly 'data-orientation': "horizontal";
+            readonly role: "menuitem";
+        }, string>;
+        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<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;
+        }, 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) => {
+            '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]) => {
+            role: string;
+            'aria-orientation': "vertical" | undefined;
+            'aria-hidden': boolean;
+            'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+        }, "separator">;
+        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            role: string;
+            'aria-labelledby': string;
+        }, string>;
+        groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            id: string;
+        }, string>;
+    };
+    builders: {
+        createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._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<"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': "" | undefined;
+                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                }, string>;
+            };
+            states: {
+                checked: {
+                    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;
+                };
+            };
+            options: {
+                disabled: import("svelte/store").Writable<boolean>;
+            };
+        };
+        createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
+            elements: {
+                subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+                    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': "" | 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<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+                    readonly role: "menu";
+                    readonly hidden: true | undefined;
+                    readonly style: string;
+                    readonly id: string;
+                    readonly 'aria-labelledby': string;
+                    readonly 'data-state': "open" | "closed";
+                    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) => {
+                    'data-arrow': boolean;
+                    style: string;
+                }, string>;
+            };
+            states: {
+                subOpen: import("svelte/store").Writable<boolean>;
+            };
+            options: {
+                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>;
+            };
+        };
+        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu")._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;
+                }, string>;
+                radioItem: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+                    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<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+                    disabled: boolean;
+                    role: string;
+                    'data-state': string;
+                    'aria-checked': boolean;
+                    'data-disabled': string | undefined;
+                    'data-value': string;
+                    'data-orientation': string;
+                    tabindex: number;
+                }, string>;
+            };
+            states: {
+                value: {
+                    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;
+                };
+            };
+            helpers: {
+                isChecked: Readable<(itemValue: string) => boolean>;
+            };
+        };
+    };
+    states: {
+        open: import("svelte/store").Writable<boolean>;
+    };
+    options: {
+        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>;
+    };
+};
+declare function setSub(props: CreateMenubarSubmenuProps): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    elements: {
+        subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+            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': "" | 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<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+            readonly role: "menu";
+            readonly hidden: true | undefined;
+            readonly style: string;
+            readonly id: string;
+            readonly 'aria-labelledby': string;
+            readonly 'data-state': "open" | "closed";
+            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) => {
+            'data-arrow': boolean;
+            style: string;
+        }, string>;
+    };
+    states: {
+        subOpen: import("svelte/store").Writable<boolean>;
+    };
+    options: {
+        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>;
+    };
+};
+declare function getSub(): MenubarSubReturn;
+declare function setRadioGroup(props: CreateMenuRadioGroupProps): {
+    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;
+        }, string>;
+        radioItem: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+            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<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+            disabled: boolean;
+            role: string;
+            'data-state': string;
+            'aria-checked': boolean;
+            'data-disabled': string | undefined;
+            'data-value': string;
+            'data-orientation': string;
+            tabindex: number;
+        }, string>;
+    };
+    states: {
+        value: {
+            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;
+        };
+    };
+    helpers: {
+        isChecked: Readable<(itemValue: string) => boolean>;
+    };
+};
+declare function setRadioItem(value: string): MenubarRadioGroupReturn;
+declare function getContent(sideOffset?: number): MenubarMenuReturn;
+declare function getSubContent(sideOffset?: number): MenubarSubReturn;
+declare function setCheckboxItem(props: CreateMenuCheckboxItemProps): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    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<"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': "" | undefined;
+            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+        }, string>;
+    };
+    states: {
+        checked: {
+            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;
+        };
+    };
+    options: {
+        disabled: import("svelte/store").Writable<boolean>;
+    };
+};
+declare function getCheckboxIndicator(): {
+    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;
+};
+declare function getRadioIndicator(): {
+    isChecked: Readable<(itemValue: string) => boolean>;
+    value: string;
+};
+declare function setGroup(): {
+    group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+        role: string;
+        'aria-labelledby': string;
+    }, string>;
+    id: string;
+};
+declare function getGroupLabel(): {
+    groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+        id: string;
+    }, string>;
+    id: string;
+};
+export {};

package/dist/bits/menubar/ctx.js

@@ -0,0 +1,109 @@
+import { createMenubar } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+import { generateId, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+const NAME = "Menubar";
+const MENU_NAME = "MenubarMenu";
+const SUB_NAME = "MenubarSub";
+const CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
+const RADIO_GROUP_NAME = "MenubarRadioGroup";
+const RADIO_ITEM_NAME = "MenubarRadioItem";
+const GROUP_NAME = "MenubarGroup";
+export const ctx = {
+    get,
+    set,
+    setSub,
+    getSub,
+    setMenu,
+    getMenu,
+    setGroup,
+    getContent,
+    setRadioItem,
+    getGroupLabel,
+    setRadioGroup,
+    getSubContent,
+    setCheckboxItem,
+    getRadioIndicator,
+    getCheckboxIndicator
+};
+function get() {
+    return getContext(NAME);
+}
+function set(props) {
+    const menubar = createMenubar(removeUndefined(props));
+    setContext(NAME, menubar);
+    return {
+        ...menubar,
+        updateOption: getOptionUpdater(menubar.options)
+    };
+}
+function getMenu() {
+    return getContext(MENU_NAME);
+}
+function setMenu(props) {
+    const { builders: { createMenu } } = get();
+    const menu = createMenu({ ...removeUndefined(props), forceVisible: false });
+    setContext(MENU_NAME, menu);
+    return {
+        ...menu,
+        updateOption: getOptionUpdater(menu.options)
+    };
+}
+function setSub(props) {
+    const { builders: { createSubmenu } } = getMenu();
+    const sub = createSubmenu(removeUndefined(props));
+    setContext(SUB_NAME, sub);
+    return {
+        ...sub,
+        updateOption: getOptionUpdater(sub.options)
+    };
+}
+function getSub() {
+    return getContext(SUB_NAME);
+}
+function setRadioGroup(props) {
+    const { builders: { createMenuRadioGroup } } = getMenu();
+    const radioGroup = createMenuRadioGroup(removeUndefined(props));
+    setContext(RADIO_GROUP_NAME, radioGroup);
+    return radioGroup;
+}
+function setRadioItem(value) {
+    const radioGroup = getContext(RADIO_GROUP_NAME);
+    setContext(RADIO_ITEM_NAME, { isChecked: radioGroup.helpers.isChecked, value });
+    return radioGroup;
+}
+function getContent(sideOffset = 5) {
+    const menu = getMenu();
+    menu.options.positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
+    return menu;
+}
+function getSubContent(sideOffset = -1) {
+    const submenu = getSub();
+    submenu.options.positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
+    return submenu;
+}
+function setCheckboxItem(props) {
+    const { builders: { createCheckboxItem } } = getMenu();
+    const checkboxItem = createCheckboxItem(removeUndefined(props));
+    setContext(CHECKBOX_ITEM_NAME, checkboxItem.states.checked);
+    return {
+        ...checkboxItem,
+        updateOption: getOptionUpdater(checkboxItem.options)
+    };
+}
+function getCheckboxIndicator() {
+    return getContext(CHECKBOX_ITEM_NAME);
+}
+function getRadioIndicator() {
+    return getContext(RADIO_ITEM_NAME);
+}
+function setGroup() {
+    const { elements: { group } } = getMenu();
+    const id = generateId();
+    setContext(GROUP_NAME, id);
+    return { group, id };
+}
+function getGroupLabel() {
+    const id = getContext(GROUP_NAME) ?? generateId();
+    const { elements: { groupLabel } } = getMenu();
+    return { groupLabel, id };
+}