bits-ui 0.0.0 → 0.0.21

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

@@ -0,0 +1,327 @@
+/// <reference types="svelte" />
+import { type ContextMenu as ContextMenuReturn, type ContextMenuRadioGroup as ContextRadioGroupReturn, type ContextMenuSubmenu as ContextSubmenuReturn, type CreateContextMenuCheckboxItemProps as ContextCheckboxItemProps, type CreateContextMenuProps, type CreateContextMenuRadioGroupProps, type CreateContextSubmenuProps } 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;
+    getContent: typeof getContent;
+    setRadioGroup: typeof setRadioGroup;
+    setRadioItem: typeof setRadioItem;
+    getSubTrigger: typeof getSubTrigger;
+    getSubContent: typeof getSubContent;
+    setCheckboxItem: typeof setCheckboxItem;
+    getCheckboxIndicator: typeof getCheckboxIndicator;
+    getRadioIndicator: typeof getRadioIndicator;
+    setGroup: typeof setGroup;
+    getGroupLabel: typeof getGroupLabel;
+};
+declare function get(): ContextMenuReturn;
+declare function set(props: CreateContextMenuProps): {
+    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-portal': "" | undefined;
+            readonly tabindex: -1;
+        }, string>;
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
+            update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
+            set: (this: void, value: boolean) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
+        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ($rootOpen: boolean) => {
+            readonly 'aria-controls': string;
+            readonly 'aria-expanded': boolean;
+            readonly 'data-state': "open" | "closed";
+            readonly id: string;
+            readonly style: string;
+        }, 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>;
+    };
+    states: {
+        open: {
+            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;
+        };
+    };
+    builders: {
+        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>;
+            };
+        };
+        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>;
+            };
+        };
+        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>;
+            };
+        };
+    };
+    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: CreateContextSubmenuProps): {
+    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(): ContextSubmenuReturn;
+declare function setRadioGroup(props: CreateContextMenuRadioGroupProps): {
+    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): ContextRadioGroupReturn;
+declare function getRadioIndicator(): {
+    isChecked: Readable<(itemValue: string) => boolean>;
+    value: string;
+};
+declare function getSubTrigger(): ContextSubmenuReturn;
+declare function getContent(sideoffset?: number): ContextMenuReturn;
+declare function getSubContent(sideOffset?: number): ContextSubmenuReturn;
+declare function setCheckboxItem(props: ContextCheckboxItemProps): {
+    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 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/context-menu/ctx.js

@@ -0,0 +1,102 @@
+import { generateId, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { createContextMenu } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+const NAME = "ContextMenu";
+const SUB_NAME = "ContextSubmenu";
+const RADIO_GROUP_NAME = "ContextRadioGroup";
+const CHECKBOX_ITEM_NAME = "ContextCheckboxItem";
+const RADIO_ITEM_NAME = "ContextRadioItem";
+const GROUP_NAME = "ContextGroup";
+export const ctx = {
+    get,
+    set,
+    setSub,
+    getSub,
+    getContent,
+    setRadioGroup,
+    setRadioItem,
+    getSubTrigger,
+    getSubContent,
+    setCheckboxItem,
+    getCheckboxIndicator,
+    getRadioIndicator,
+    setGroup,
+    getGroupLabel
+};
+function get() {
+    return getContext(NAME);
+}
+function set(props) {
+    const contextMenu = createContextMenu(removeUndefined(props));
+    setContext(NAME, contextMenu);
+    return {
+        ...contextMenu,
+        updateOption: getOptionUpdater(contextMenu.options)
+    };
+}
+function setSub(props) {
+    const { builders: { createSubmenu } } = get();
+    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 } } = get();
+    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 getRadioIndicator() {
+    return getContext(RADIO_ITEM_NAME);
+}
+function getSubTrigger() {
+    return getContext(SUB_NAME);
+}
+function getContent(sideoffset = 5) {
+    const menu = get();
+    menu.options.positioning.update((prev) => ({ ...prev, gutter: sideoffset }));
+    return menu;
+}
+function getSubContent(sideOffset = -1) {
+    const submenu = getContext(SUB_NAME);
+    const { options: { positioning } } = submenu;
+    positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
+    return submenu;
+}
+function setCheckboxItem(props) {
+    const { builders: { createCheckboxItem } } = get();
+    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 setGroup() {
+    const { elements: { group } } = get();
+    const id = generateId();
+    setContext(GROUP_NAME, id);
+    return { group, id };
+}
+function getGroupLabel() {
+    const id = getContext(GROUP_NAME) ?? generateId();
+    const { elements: { groupLabel } } = get();
+    return { groupLabel, id };
+}

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

@@ -0,0 +1,18 @@
+import Root from "./components/ContextMenu.svelte";
+import Sub from "./components/ContextMenuSub.svelte";
+import Item from "./components/ContextMenuItem.svelte";
+import Group from "./components/ContextMenuGroup.svelte";
+import Label from "./components/ContextMenuLabel.svelte";
+import Arrow from "./components/ContextMenuArrow.svelte";
+import Content from "./components/ContextMenuContent.svelte";
+import Trigger from "./components/ContextMenuTrigger.svelte";
+import RadioItem from "./components/ContextMenuRadioItem.svelte";
+import Separator from "./components/ContextMenuSeparator.svelte";
+import RadioGroup from "./components/ContextMenuRadioGroup.svelte";
+import SubContent from "./components/ContextMenuSubContent.svelte";
+import SubTrigger from "./components/ContextMenuSubTrigger.svelte";
+import CheckboxItem from "./components/ContextMenuCheckboxItem.svelte";
+import RadioIndicator from "./components/ContextMenuRadioIndicator.svelte";
+import CheckboxIndicator from "./components/ContextMenuCheckboxIndicator.svelte";
+export { Sub, Root, Group, Item, Label, Arrow, Content, Trigger, RadioItem, Separator, SubTrigger, RadioGroup, SubContent, CheckboxItem, RadioIndicator, CheckboxIndicator, Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Group as ContextMenuGroup, Label as ContextMenuLabel, Arrow as ContextMenuArrow, Content as ContextMenuContent, Trigger as ContextMenuTrigger, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, SubContent as ContextMenuSubContent, RadioGroup as ContextMenuRadioGroup, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, RadioIndicator as ContextMenuRadioIndicator, CheckboxIndicator as ContextMenuCheckboxIndicator };
+export * from "./types.js";

package/dist/bits/context-menu/index.js

@@ -0,0 +1,20 @@
+import Root from "./components/ContextMenu.svelte";
+import Sub from "./components/ContextMenuSub.svelte";
+import Item from "./components/ContextMenuItem.svelte";
+import Group from "./components/ContextMenuGroup.svelte";
+import Label from "./components/ContextMenuLabel.svelte";
+import Arrow from "./components/ContextMenuArrow.svelte";
+import Content from "./components/ContextMenuContent.svelte";
+import Trigger from "./components/ContextMenuTrigger.svelte";
+import RadioItem from "./components/ContextMenuRadioItem.svelte";
+import Separator from "./components/ContextMenuSeparator.svelte";
+import RadioGroup from "./components/ContextMenuRadioGroup.svelte";
+import SubContent from "./components/ContextMenuSubContent.svelte";
+import SubTrigger from "./components/ContextMenuSubTrigger.svelte";
+import CheckboxItem from "./components/ContextMenuCheckboxItem.svelte";
+import RadioIndicator from "./components/ContextMenuRadioIndicator.svelte";
+import CheckboxIndicator from "./components/ContextMenuCheckboxIndicator.svelte";
+export { Sub, Root, Group, Item, Label, Arrow, Content, Trigger, RadioItem, Separator, SubTrigger, RadioGroup, SubContent, CheckboxItem, RadioIndicator, CheckboxIndicator, 
+//
+Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Group as ContextMenuGroup, Label as ContextMenuLabel, Arrow as ContextMenuArrow, Content as ContextMenuContent, Trigger as ContextMenuTrigger, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, SubContent as ContextMenuSubContent, RadioGroup as ContextMenuRadioGroup, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, RadioIndicator as ContextMenuRadioIndicator, CheckboxIndicator as ContextMenuCheckboxIndicator };
+export * from "./types.js";

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

@@ -0,0 +1,44 @@
+import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
+import type { CreateContextMenuProps, CreateContextMenuCheckboxItemProps, CreateContextMenuRadioGroupProps, ContextMenuRadioItemProps, CreateContextSubmenuProps, ContextMenuComponentEvents } from "@melt-ui/svelte";
+type Props = Expand<OmitOpen<CreateContextMenuProps> & {
+    open?: CreateContextMenuProps["defaultOpen"] & {};
+    onOpenChange?: OnChangeFn<CreateContextMenuProps["defaultOpen"]>;
+}>;
+type CheckboxItemProps = Expand<OmitChecked<CreateContextMenuCheckboxItemProps> & {
+    checked?: CreateContextMenuCheckboxItemProps["defaultChecked"] & {};
+    onCheckedChange?: OnChangeFn<CreateContextMenuCheckboxItemProps["defaultChecked"]>;
+}> & AsChild & HTMLDivAttributes;
+type RadioGroupProps = Expand<OmitValue<CreateContextMenuRadioGroupProps> & {
+    value?: CreateContextMenuRadioGroupProps["defaultValue"] & {};
+    onValueChange?: OnChangeFn<CreateContextMenuRadioGroupProps["defaultValue"]>;
+}> & AsChild & HTMLDivAttributes;
+type RadioItemProps = Expand<ContextMenuRadioItemProps> & AsChild & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition> = {
+    sideOffset?: number;
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+} & AsChild & HTMLDivAttributes;
+type GroupProps = AsChild & HTMLDivAttributes;
+type ItemProps = {
+    disabled?: boolean;
+} & AsChild & HTMLDivAttributes;
+type CheckboxItemIndicatorProps = HTMLDivAttributes;
+type LabelProps = AsChild & HTMLDivAttributes;
+type SeparatorProps = AsChild & HTMLDivAttributes;
+type SubProps = Expand<CreateContextSubmenuProps>;
+type SubContentProps<T extends Transition = Transition> = {
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+} & AsChild & HTMLDivAttributes;
+type SubTriggerProps = {
+    disabled?: boolean;
+} & AsChild & HTMLDivAttributes;
+type TriggerProps = AsChild & HTMLDivAttributes;
+type CheckboxItemEvents = ContextMenuComponentEvents["checkboxItem"];
+type ItemEvents = ContextMenuComponentEvents["item"];
+type RadioItemEvents = ContextMenuComponentEvents["radioItem"];
+type SubTriggerEvents = ContextMenuComponentEvents["subTrigger"];
+type TriggerEvents = ContextMenuComponentEvents["trigger"];
+type SubContentEvents = ContextMenuComponentEvents["submenu"];
+type ContentEvents = ContextMenuComponentEvents["menu"];
+export type { Props, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as ContextMenuProps, CheckboxItemProps as ContextMenuCheckboxItemProps, ContentProps as ContextMenuContentProps, GroupProps as ContextMenuGroupProps, ItemProps as ContextMenuItemProps, CheckboxItemIndicatorProps as ContextMenuCheckboxItemIndicatorProps, LabelProps as ContextMenuLabelProps, RadioGroupProps as ContextMenuRadioGroupProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, SubProps as ContextMenuSubProps, SubContentProps as ContextMenuSubContentProps, SubTriggerProps as ContextMenuSubTriggerProps, TriggerProps as ContextMenuTriggerProps, ContentEvents, CheckboxItemEvents, ItemEvents, RadioItemEvents, SubTriggerEvents, TriggerEvents, SubContentEvents, ContentEvents as ContextMenuContentEvents, CheckboxItemEvents as ContextMenuCheckboxItemEvents, ItemEvents as ContextMenuItemEvents, RadioItemEvents as ContextMenuRadioItemEvents, SubTriggerEvents as ContextMenuSubTriggerEvents, TriggerEvents as ContextMenuTriggerEvents, SubContentEvents as ContextMenuSubContentEvents };

package/dist/bits/context-menu/types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/dialog/components/Dialog.svelte

@@ -0,0 +1,39 @@
+<script>import { ctx } from "../ctx.js";
+export let preventScroll = void 0;
+export let closeOnEscape = void 0;
+export let closeOnOutsideClick = void 0;
+export let portal = void 0;
+export let forceVisible = void 0;
+export let open = void 0;
+export let onOpenChange = void 0;
+const {
+  states: { open: localOpen },
+  updateOption
+} = ctx.set({
+  preventScroll,
+  closeOnEscape,
+  closeOnOutsideClick,
+  portal,
+  forceVisible,
+  defaultOpen: open,
+  onOpenChange: ({ next }) => {
+    onOpenChange?.(next);
+    open = next;
+    return next;
+  }
+});
+$:
+  open !== void 0 && localOpen.set(open);
+$:
+  updateOption("preventScroll", preventScroll);
+$:
+  updateOption("closeOnEscape", closeOnEscape);
+$:
+  updateOption("closeOnOutsideClick", closeOnOutsideClick);
+$:
+  updateOption("portal", portal);
+$:
+  updateOption("forceVisible", forceVisible);
+</script>
+
+<slot />

package/dist/bits/dialog/components/Dialog.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        forceVisible?: boolean | undefined;
+        preventScroll?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+        closeOnOutsideClick?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
+        open?: boolean | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogProps = typeof __propDef.props;
+export type DialogEvents = typeof __propDef.events;
+export type DialogSlots = typeof __propDef.slots;
+export default class Dialog extends SvelteComponent<DialogProps, DialogEvents, DialogSlots> {
+}
+export {};

package/dist/bits/dialog/components/DialogClose.svelte

@@ -0,0 +1,13 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { ctx } from "../ctx.js";
+export let asChild = false;
+const close = ctx.get().elements.close;
+</script>
+
+{#if asChild}
+	<slot builder={$close} />
+{:else}
+	<button {...$close} use:$close.action {...$$restProps} on:m-click on:m-keydown>
+		<slot builder={$close} />
+	</button>
+{/if}