///
import { type CreateContextMenuProps } from "@melt-ui/svelte";
import type { Writable } from "svelte/store";
import type { FloatingProps } from "../floating/_types.js";
export declare function getContextMenuData(): {
NAME: string;
PARTS: readonly ["arrow", "checkbox-indicator", "checkbox-item", "content", "group", "item", "label", "radio-group", "radio-item", "separator", "sub-content", "sub-trigger", "trigger"];
};
type GetReturn = Omit, "updateOption">;
export declare function setCtx(props: CreateContextMenuProps): {
updateOption: (key: K, value: V | undefined) => void;
getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record;
ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
menu: string;
trigger: string;
}>;
elements: {
menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable, import("@melt-ui/svelte/internal/helpers").WithGet>, import("@melt-ui/svelte/internal/helpers").WithGet>, import("@melt-ui/svelte/internal/helpers").WithGet>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
readonly role: "menu";
readonly hidden: true | undefined;
readonly style: string;
readonly id: string;
readonly 'aria-labelledby': string;
readonly 'data-state': "open" | "closed";
readonly 'data-portal': "" | undefined;
readonly tabindex: -1;
}, string>;
trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
set: (this: void, value: boolean) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => boolean;
destroy?: (() => void) | undefined;
}, import("@melt-ui/svelte/internal/helpers").WithGet>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ([$rootOpen, $triggerId]: [boolean, string]) => {
readonly 'data-state': "open" | "closed";
readonly id: string;
readonly style: string;
readonly 'data-id': string;
}, string>;
overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable], (node: HTMLElement) => {
destroy(): void;
}, ([$isVisible]: [boolean]) => {
readonly hidden: true | undefined;
readonly tabindex: -1;
readonly style: string;
readonly 'aria-hidden': "true";
readonly 'data-state': "open" | "closed";
}, string>;
item: import("@melt-ui/svelte/internal/helpers").MeltElement import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
role: string;
tabindex: number;
'data-orientation': string;
}, string>;
group: import("@melt-ui/svelte/internal/helpers").MeltElement>, () => (groupId: string) => {
role: string;
'aria-labelledby': string;
}, string>;
groupLabel: import("@melt-ui/svelte/internal/helpers").MeltElement>, () => (groupId: string) => {
id: string;
}, string>;
arrow: import("@melt-ui/svelte/internal/helpers").MeltElement>, import("svelte/action").Action>, ($arrowSize: number | undefined) => {
'data-arrow': boolean;
style: string;
}, string>;
separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet>, import("@melt-ui/svelte/internal/helpers").WithGet>], import("svelte/action").Action>, ([$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">;
};
states: {
open: import("@melt-ui/svelte/internal/helpers").WithGet>;
};
builders: {
createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._CheckboxItemProps | undefined) => {
elements: {
checkboxItem: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
set: (this: void, value: boolean | "indeterminate") => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => boolean | "indeterminate";
destroy?: (() => void) | undefined;
}, Writable], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
readonly role: "menuitemcheckbox";
readonly tabindex: -1;
readonly 'data-orientation': "vertical";
readonly 'aria-checked': "false" | "true" | "mixed";
readonly 'data-disabled': true | undefined;
readonly 'data-state': "checked" | "unchecked" | "indeterminate";
}, string>;
};
states: {
checked: {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
set: (this: void, value: boolean | "indeterminate") => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => boolean | "indeterminate";
destroy?: (() => void) | undefined;
};
};
helpers: {
isChecked: import("svelte/store").Readable;
isIndeterminate: import("svelte/store").Readable;
};
options: {
disabled: Writable;
};
};
createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
menu: string;
trigger: string;
}>;
elements: {
subTrigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
set: (this: void, value: boolean) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => boolean;
destroy?: (() => void) | undefined;
}, import("@melt-ui/svelte/internal/helpers").WithGet>, import("@melt-ui/svelte/internal/helpers").WithGet>, import("@melt-ui/svelte/internal/helpers").WithGet>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
readonly role: "menuitem";
readonly id: string;
readonly tabindex: -1;
readonly 'aria-controls': string;
readonly 'aria-expanded': boolean;
readonly 'data-state': "open" | "closed";
readonly 'data-disabled': true | undefined;
readonly 'aria-haspopop': "menu";
}, string>;
subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable, import("@melt-ui/svelte/internal/helpers").WithGet>, import("@melt-ui/svelte/internal/helpers").WithGet>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
readonly role: "menu";
readonly hidden: true | undefined;
readonly style: string;
readonly id: string;
readonly 'aria-labelledby': string;
readonly 'data-state': "open" | "closed";
readonly 'data-id': string;
readonly tabindex: -1;
}, string>;
subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement>, import("svelte/action").Action>, ($arrowSize: number) => {
'data-arrow': boolean;
style: string;
}, string>;
};
states: {
subOpen: {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
set: (this: void, value: boolean) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => boolean;
destroy?: (() => void) | undefined;
};
};
options: import("@melt-ui/svelte/internal/helpers").ToWritableStores | undefined;
ids?: Partial<{
menu: string;
trigger: string;
}> | undefined;
onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn | undefined;
positioning: import("@melt-ui/svelte/internal/actions").FloatingConfig | {
placement: "right-start";
gutter: number;
};
arrowSize: number;
disabled: boolean;
preventScroll: true;
closeOnEscape: true;
closeOnOutsideClick: true;
portal: undefined;
loop: false;
dir: "ltr";
defaultOpen: false;
typeahead: true;
closeOnItemClick: true;
onOutsideClick: undefined;
}, "ids">>;
};
createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateRadioGroupProps | undefined) => {
elements: {
radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement>, () => {
role: string;
}, string>;
radioItem: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
set: (this: void, value: string | null) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => string | null;
destroy?: (() => void) | undefined;
}], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
disabled: boolean;
role: string;
'data-state': string;
'aria-checked': boolean;
'data-disabled': boolean | undefined;
'data-value': string;
'data-orientation': string;
tabindex: number;
}, string>;
};
states: {
value: {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
set: (this: void, value: string | null) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => string | null;
destroy?: (() => void) | undefined;
};
};
helpers: {
isChecked: import("svelte/store").Readable<(itemValue: string) => boolean>;
};
};
};
options: {
positioning: import("@melt-ui/svelte/internal/helpers").WithGet>;
arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet>;
preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet>;
loop: import("@melt-ui/svelte/internal/helpers").WithGet>;
dir: import("@melt-ui/svelte/internal/helpers").WithGet>;
closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet>;
closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet>;
portal: import("@melt-ui/svelte/internal/helpers").WithGet>;
forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet>;
typeahead: import("@melt-ui/svelte/internal/helpers").WithGet>;
closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet>;
disableFocusFirstItem: import("@melt-ui/svelte/internal/helpers").WithGet>;
closeOnItemClick: import("@melt-ui/svelte/internal/helpers").WithGet>;
onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet void) | undefined>>;
};
};
export declare function getCtx(): GetReturn;
export declare function updatePositioning(props: FloatingProps): void;
export {};