bits-ui 0.0.0 → 0.0.21

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

@@ -0,0 +1,321 @@
+/// <reference types="svelte" />
+import { type CreateDropdownSubmenuProps as DropdownSubmenuProps, type DropdownMenu as DropdownMenuReturn, type CreateMenuRadioGroupProps as DropdownRadioGroupProps, type DropdownMenuRadioGroup as DropdownRadioGroupReturn, type DropdownMenuSubmenu as DropdownSubmenuReturn, type CreateDropdownMenuCheckboxItemProps as DropdownCheckboxItemProps, type CreateDropdownMenuProps } from "@melt-ui/svelte";
+import type { Readable } from "svelte/store";
+export declare const ctx: {
+    get: typeof get;
+    set: typeof set;
+    setSub: typeof setSub;
+    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(): DropdownMenuReturn;
+declare function set(props: CreateDropdownMenuProps): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    elements: {
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "pointerdown">, ([$rootOpen]: [boolean]) => {
+            readonly 'aria-controls': string;
+            readonly 'aria-expanded': boolean;
+            readonly 'data-state': "open" | "closed";
+            readonly id: string;
+            readonly tabindex: 0;
+        }, string>;
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>], (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>;
+        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: {
+        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>;
+            };
+        };
+    };
+    options: {
+        positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+            placement: "bottom";
+        }>;
+        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: DropdownSubmenuProps): {
+    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 setRadioGroup(props: DropdownRadioGroupProps): {
+    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): DropdownRadioGroupReturn;
+declare function getRadioIndicator(): {
+    isChecked: Readable<(itemValue: string) => boolean>;
+    value: string;
+};
+declare function getSubTrigger(): DropdownSubmenuReturn;
+declare function getContent(sideoffset?: number): DropdownMenuReturn;
+declare function getSubContent(sideOffset?: number): DropdownSubmenuReturn;
+declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
+    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/dropdown-menu/ctx.js

@@ -0,0 +1,95 @@
+import { generateId, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { createDropdownMenu } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+const NAME = "DropdownMenu";
+const SUB_NAME = "DropdownSubmenu";
+const RADIO_GROUP_NAME = "DropdownRadioGroup";
+const CHECKBOX_ITEM_NAME = "DropdownCheckboxItem";
+const RADIO_ITEM_NAME = "DropdownRadioItem";
+const GROUP_NAME = "DropdownGroup";
+export const ctx = {
+    get,
+    set,
+    setSub,
+    getContent,
+    setRadioGroup,
+    setRadioItem,
+    getSubTrigger,
+    getSubContent,
+    setCheckboxItem,
+    getCheckboxIndicator,
+    getRadioIndicator,
+    setGroup,
+    getGroupLabel
+};
+function get() {
+    return getContext(NAME);
+}
+function set(props) {
+    const dropdownMenu = createDropdownMenu({ ...removeUndefined(props), forceVisible: true });
+    setContext(NAME, dropdownMenu);
+    return {
+        ...dropdownMenu,
+        updateOption: getOptionUpdater(dropdownMenu.options)
+    };
+}
+function setSub(props) {
+    const { builders: { createSubmenu } } = get();
+    const sub = createSubmenu(removeUndefined(props));
+    setContext(SUB_NAME, sub);
+    return {
+        ...sub,
+        updateOption: getOptionUpdater(sub.options)
+    };
+}
+function setRadioGroup(props) {
+    const { builders: { createMenuRadioGroup } } = get();
+    const radioGroup = createMenuRadioGroup(props);
+    setContext(RADIO_GROUP_NAME, radioGroup);
+    return radioGroup;
+}
+function setRadioItem(value) {
+    const dropdownMenu = getContext(RADIO_GROUP_NAME);
+    setContext(RADIO_ITEM_NAME, { isChecked: dropdownMenu.helpers.isChecked, value });
+    return dropdownMenu;
+}
+function getRadioIndicator() {
+    return getContext(RADIO_ITEM_NAME);
+}
+function getSubTrigger() {
+    const submenu = getContext(SUB_NAME);
+    return submenu;
+}
+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);
+    submenu.options.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/dropdown-menu/index.d.ts

@@ -0,0 +1,18 @@
+import Root from "./components/DropdownMenu.svelte";
+import Sub from "./components/DropdownMenuSub.svelte";
+import Item from "./components/DropdownMenuItem.svelte";
+import Group from "./components/DropdownMenuGroup.svelte";
+import Label from "./components/DropdownMenuLabel.svelte";
+import Arrow from "./components/DropdownMenuArrow.svelte";
+import Content from "./components/DropdownMenuContent.svelte";
+import Trigger from "./components/DropdownMenuTrigger.svelte";
+import RadioItem from "./components/DropdownMenuRadioItem.svelte";
+import Separator from "./components/DropdownMenuSeparator.svelte";
+import RadioGroup from "./components/DropdownMenuRadioGroup.svelte";
+import SubContent from "./components/DropdownMenuSubContent.svelte";
+import SubTrigger from "./components/DropdownMenuSubTrigger.svelte";
+import CheckboxItem from "./components/DropdownMenuCheckboxItem.svelte";
+import RadioIndicator from "./components/DropdownMenuRadioIndicator.svelte";
+import CheckboxIndicator from "./components/DropdownMenuCheckboxIndicator.svelte";
+export { Sub, Root, Item, Group, Label, Arrow, Content, Trigger, Separator, RadioItem, SubTrigger, RadioGroup, SubContent, CheckboxItem, RadioIndicator, CheckboxIndicator, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Group as DropdownMenuGroup, Label as DropdownMenuLabel, Arrow as DropdownMenuArrow, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, SubContent as DropdownMenuSubContent, RadioGroup as DropdownMenuRadioGroup, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, RadioIndicator as DropdownMenuRadioIndicator, CheckboxIndicator as DropdownMenuCheckboxIndicator };
+export * from "./types.js";

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

@@ -0,0 +1,20 @@
+import Root from "./components/DropdownMenu.svelte";
+import Sub from "./components/DropdownMenuSub.svelte";
+import Item from "./components/DropdownMenuItem.svelte";
+import Group from "./components/DropdownMenuGroup.svelte";
+import Label from "./components/DropdownMenuLabel.svelte";
+import Arrow from "./components/DropdownMenuArrow.svelte";
+import Content from "./components/DropdownMenuContent.svelte";
+import Trigger from "./components/DropdownMenuTrigger.svelte";
+import RadioItem from "./components/DropdownMenuRadioItem.svelte";
+import Separator from "./components/DropdownMenuSeparator.svelte";
+import RadioGroup from "./components/DropdownMenuRadioGroup.svelte";
+import SubContent from "./components/DropdownMenuSubContent.svelte";
+import SubTrigger from "./components/DropdownMenuSubTrigger.svelte";
+import CheckboxItem from "./components/DropdownMenuCheckboxItem.svelte";
+import RadioIndicator from "./components/DropdownMenuRadioIndicator.svelte";
+import CheckboxIndicator from "./components/DropdownMenuCheckboxIndicator.svelte";
+export { Sub, Root, Item, Group, Label, Arrow, Content, Trigger, Separator, RadioItem, SubTrigger, RadioGroup, SubContent, CheckboxItem, RadioIndicator, CheckboxIndicator, 
+//
+Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Group as DropdownMenuGroup, Label as DropdownMenuLabel, Arrow as DropdownMenuArrow, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, SubContent as DropdownMenuSubContent, RadioGroup as DropdownMenuRadioGroup, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, RadioIndicator as DropdownMenuRadioIndicator, CheckboxIndicator as DropdownMenuCheckboxIndicator };
+export * from "./types.js";

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

@@ -0,0 +1,46 @@
+import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
+import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps, DropdownMenuComponentEvents } from "@melt-ui/svelte";
+import type { HTMLButtonAttributes } from "svelte/elements";
+type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
+    open?: CreateDropdownMenuProps["defaultOpen"] & {};
+    onOpenChange?: OnChangeFn<CreateDropdownMenuProps["defaultOpen"]>;
+}>;
+type CheckboxItemProps = Expand<OmitChecked<CreateDropdownMenuCheckboxItemProps> & {
+    checked?: CreateDropdownMenuCheckboxItemProps["defaultChecked"] & {};
+    onCheckedChange?: OnChangeFn<CreateDropdownMenuCheckboxItemProps["defaultChecked"]>;
+}> & AsChild & HTMLDivAttributes;
+type RadioGroupProps = Expand<OmitValue<CreateDropdownMenuRadioGroupProps> & {
+    value?: CreateDropdownMenuRadioGroupProps["defaultValue"] & {};
+    onValueChange?: OnChangeFn<CreateDropdownMenuRadioGroupProps["defaultValue"]>;
+}> & AsChild & HTMLDivAttributes;
+type RadioItemProps = DropdownMenuRadioItemProps & 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<CreateDropdownSubmenuProps>;
+type SubContentProps<T extends Transition = Transition> = {
+    sideOffset?: number;
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+} & AsChild & HTMLDivAttributes;
+type SubTriggerProps = {
+    disabled?: boolean;
+} & AsChild & HTMLDivAttributes;
+type TriggerProps = AsChild & HTMLButtonAttributes;
+type TriggerEvents = DropdownMenuComponentEvents["trigger"];
+type CheckboxItemEvents = DropdownMenuComponentEvents["checkboxItem"];
+type ContentEvents = DropdownMenuComponentEvents["menu"];
+type RadioItemEvents = DropdownMenuComponentEvents["radioItem"];
+type SubContentEvents = DropdownMenuComponentEvents["submenu"];
+type SubTriggerEvents = DropdownMenuComponentEvents["subTrigger"];
+type ItemEvents = DropdownMenuComponentEvents["item"];
+export type { Props, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as DropdownMenuProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemProps as DropdownMenuItemProps, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, LabelProps as DropdownMenuLabelProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubProps as DropdownMenuSubProps, SubContentProps as DropdownMenuSubContentProps, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerProps as DropdownMenuTriggerProps, TriggerEvents, CheckboxItemEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, ItemEvents, TriggerEvents as DropdownMenuTriggerEvents, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, ContentEvents as DropdownMenuContentEvents, RadioItemEvents as DropdownMenuRadioItemEvents, SubContentEvents as DropdownMenuSubContentEvents, SubTriggerEvents as DropdownMenuSubTriggerEvents, ItemEvents as DropdownMenuItemEvents };

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

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

package/dist/bits/hover-card/components/HoverCard.svelte

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

package/dist/bits/hover-card/components/HoverCard.svelte.d.ts

@@ -0,0 +1,27 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        forceVisible?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+        closeOnOutsideClick?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
+        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
+        arrowSize?: number | undefined;
+        openDelay?: number | undefined;
+        closeDelay?: number | undefined;
+        open?: boolean | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type HoverCardProps = typeof __propDef.props;
+export type HoverCardEvents = typeof __propDef.events;
+export type HoverCardSlots = typeof __propDef.slots;
+export default class HoverCard extends SvelteComponent<HoverCardProps, HoverCardEvents, HoverCardSlots> {
+}
+export {};

package/dist/bits/hover-card/components/HoverCardContent.svelte

@@ -0,0 +1,41 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { ctx } from "../ctx.js";
+export let transition = void 0;
+export let transitionConfig = void 0;
+export let asChild = false;
+const {
+  elements: { content },
+  states: { open }
+} = ctx.get();
+</script>
+
+<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
+
+{#if $open}
+	{#if asChild}
+		<slot builder={$content} />
+	{:else if transition}
+		<div
+			{...$content} use:$content.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-pointerdown
+			on:m-pointerenter
+			on:m-pointerleave
+			transition:transition={transitionConfig}
+		>
+			<slot builder={$content} />
+		</div>
+	{:else}
+		<div
+			{...$content} use:$content.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-pointerdown
+			on:m-pointerenter
+			on:m-pointerleave
+		>
+			<slot builder={$content} />
+		</div>
+	{/if}
+{/if}