@ui-sdk/vue 0.0.0-stage → 0.1.0-beta.1

package/dist/menu.d.ts

@@ -0,0 +1,678 @@
+import { type Anchor, type ChangeDetails, type DismissAttemptDetails } from "@ui-sdk/core";
+import { type MenuActionDetails, type MenuCheckedChangeDetails, type MenuCheckedChangeReason, type MenuContentProps, type MenuController, type MenuData, type MenuDismissReason, type MenuOpenChangeReason, type MenuPayloadChangeReason, type MenuValueChangeDetails, type MenuValueChangeReason } from "@ui-sdk/core/menu";
+import type { Side } from "@ui-sdk/core";
+import { type PropType, type VNode } from "vue";
+import { type PartSlots } from "./use-primitive.js";
+type OpenDetails = ChangeDetails<MenuOpenChangeReason>;
+type PayloadDetails = ChangeDetails<MenuPayloadChangeReason>;
+/**
+ * A list of actions and options, opened from a button or a right-click. Put its trigger and content inside.
+ * @stable
+ */
+declare const Menu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    items: PropType<MenuData>;
+    itemShortcuts: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    presentation: PropType<"auto" | "popover" | "sheet">;
+    modal: {
+        type: PropType<boolean | "pointer">;
+        default: undefined;
+    };
+    controller: PropType<MenuController<any>>;
+    dismissible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+    onAction: PropType<(value: string, details: MenuActionDetails) => unknown>;
+}>, () => (false | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (_open: boolean) => true;
+    "update:modelValue": (_open: boolean) => true;
+    openChange: (_open: boolean, _details: OpenDetails) => true;
+    openChangeComplete: (_open: boolean) => true;
+    dismissAttempt: (_details: DismissAttemptDetails<MenuDismissReason>) => true;
+    payloadChange: (_payload: unknown, _details: PayloadDetails) => true;
+    checkedChange: (_checked: boolean, _details: MenuCheckedChangeDetails) => true;
+    valueChange: (_value: string, _details: MenuValueChangeDetails) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    items: PropType<MenuData>;
+    itemShortcuts: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    presentation: PropType<"auto" | "popover" | "sheet">;
+    modal: {
+        type: PropType<boolean | "pointer">;
+        default: undefined;
+    };
+    controller: PropType<MenuController<any>>;
+    dismissible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+    onAction: PropType<(value: string, details: MenuActionDetails) => unknown>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+    onOpenChange?: ((_open: boolean, _details: OpenDetails) => any) | undefined;
+    onOpenChangeComplete?: ((_open: boolean) => any) | undefined;
+    onPayloadChange?: ((_payload: unknown, _details: PayloadDetails) => any) | undefined;
+    onDismissAttempt?: ((_details: DismissAttemptDetails<MenuDismissReason>) => any) | undefined;
+    onValueChange?: ((_value: string, _details: MenuValueChangeDetails) => any) | undefined;
+    onCheckedChange?: ((_checked: boolean, _details: MenuCheckedChangeDetails) => any) | undefined;
+}>, {
+    open: boolean;
+    debug: boolean;
+    loop: boolean;
+    defaultOpen: boolean;
+    modal: boolean | "pointer";
+    dismissible: boolean;
+    itemShortcuts: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The button that opens the menu. A trigger outside the menu connects through `controller`.
+ * @stable
+ */
+declare const MenuTrigger: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: PropType<MenuController<any>>;
+}>, () => unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: PropType<MenuController<any>>;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    focusableWhenDisabled: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "trigger">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * An area that opens the menu at the pointer on a right-click or a long press, and on Shift+F10.
+ * @stable
+ */
+declare const MenuContextTrigger: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: PropType<MenuController<any>>;
+}>, () => unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: PropType<MenuController<any>>;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    focusableWhenDisabled: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "context-trigger">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The popup that holds the items, positioned against the trigger that opened it.
+ * @stable
+ */
+declare const MenuContent: import("./popup.js").PayloadPart<import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    finalFocus: PropType<MenuContentProps["finalFocus"]>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    finalFocus: PropType<MenuContentProps["finalFocus"]>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "content">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">>;
+/**
+ * Shows the keys of an item's shortcut, like `⌘S`, inside the item. Hidden from screen readers.
+ * @stable
+ */
+declare const MenuShortcut: Pick<import("vue").DefineSetupFnComponent<Omit<object & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<object & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, "span">;
+/**
+ * An action. Pressing it runs `@select` and closes the menu, unless `closeOnSelect` is false.
+ * A Promise from `@select` keeps it pending, and the menu open, until it settles.
+ * @stable
+ */
+declare const MenuItem: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    label: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    shortcut: StringConstructor;
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    destructive: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onSelect: PropType<(event: Event) => unknown>;
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/menu").MenuItemState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    label: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    shortcut: StringConstructor;
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    destructive: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onSelect: PropType<(event: Event) => unknown>;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    closeOnSelect: boolean;
+    destructive: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "item">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * An item that checks and unchecks an option.
+ * @stable
+ */
+declare const MenuCheckboxItem: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/menu").MenuCheckboxItemState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (_checked: boolean) => true;
+    "update:modelValue": (_checked: boolean) => true;
+    checkedChange: (_checked: boolean, _details: ChangeDetails<MenuCheckedChangeReason>) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_checked: boolean) => any) | undefined;
+    "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
+    onCheckedChange?: ((_checked: boolean, _details: ChangeDetails<MenuCheckedChangeReason>) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    closeOnSelect: boolean;
+    defaultChecked: boolean;
+    modelValue: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "checkbox-item">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * Radio items that share one value.
+ * @stable
+ */
+declare const MenuRadioGroup: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: StringConstructor;
+    value: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/menu").MenuRadioGroupState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (_value: string) => true;
+    "update:modelValue": (_value: string) => true;
+    valueChange: (_value: string, _details: ChangeDetails<MenuValueChangeReason>) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: StringConstructor;
+    value: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+    "onUpdate:value"?: ((_value: string) => any) | undefined;
+    onValueChange?: ((_value: string, _details: ChangeDetails<MenuValueChangeReason>) => any) | undefined;
+}>, {
+    value: string | null;
+    defaultValue: string | null;
+    modelValue: string | null;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "radio-group">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * An item in a `MenuRadioGroup`. Pressing it checks its value.
+ * @stable
+ */
+declare const MenuRadioItem: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/menu").MenuRadioItemState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    closeOnSelect: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "radio-item">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The check or dot inside a checkbox or radio item. Rendered while the item is
+ * checked, or always with `keepMounted`.
+ * @stable
+ */
+declare const MenuItemIndicator: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/menu").MenuItemIndicatorState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "item-indicator">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "span">;
+/**
+ * An icon inside an item or a submenu trigger. Screen readers and typeahead
+ * skip it, and `mirror` flips it in right-to-left text.
+ * @stable
+ */
+declare const MenuItemIcon: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    mirror: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/renderer").ItemIconState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mirror: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    mirror: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "item-icon">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "span">;
+/**
+ * A group of items, named by its `MenuGroupLabel`.
+ * @stable
+ */
+declare const MenuGroup: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: {};
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "group">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The group's heading, which names the group.
+ * @stable
+ */
+declare const MenuGroupLabel: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: {};
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "group-label">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * A line between items or groups.
+ * @stable
+ */
+declare const MenuSeparator: Pick<import("vue").DefineSetupFnComponent<Omit<object & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<object & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, "div">;
+/**
+ * A submenu. Put its `MenuSubTrigger` and `MenuSubContent` inside, in a menu's content.
+ * @stable
+ */
+declare const MenuSub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    loop: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<MenuController<any>>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (_open: boolean) => true;
+    "update:modelValue": (_open: boolean) => true;
+    openChange: (_open: boolean, _details: OpenDetails) => true;
+    openChangeComplete: (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    loop: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<MenuController<any>>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+    onOpenChange?: ((_open: boolean, _details: OpenDetails) => any) | undefined;
+    onOpenChangeComplete?: ((_open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    debug: boolean;
+    loop: boolean;
+    defaultOpen: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The item that opens its submenu.
+ * @stable
+ */
+declare const MenuSubTrigger: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/menu").MenuTriggerState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "trigger">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The submenu's popup, positioned beside its trigger.
+ * @stable
+ */
+declare const MenuSubContent: import("./popup.js").PayloadPart<import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    finalFocus: PropType<MenuContentProps["finalFocus"]>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    finalFocus: PropType<MenuContentProps["finalFocus"]>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+}, PartSlots<import("@ui-sdk/core/menu").MenuPrimitive, "content">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">>;
+/**
+ * Renders a data menu's items as bare parts. Used by a Menu with `items` when you place no `MenuContent`
+ * of your own, and available for custom layouts.
+ * @stable
+ */
+declare const MenuItems: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<MenuData>;
+        required: true;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<MenuData>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { createMenuController } from "@ui-sdk/core/menu";
+export type { MenuApi, MenuCheckboxItemProps, MenuCheckboxItemState, MenuActionDetails, MenuCheckedChangeDetails, MenuCheckedChangeReason, MenuContentProps, MenuContentState, MenuContextTriggerProps, MenuContextTriggerState, MenuController, MenuData, MenuDataItem, MenuDismissReason, MenuFinalFocus, MenuItemIconProps, MenuItemIconState, MenuItemIndicatorProps, MenuItemIndicatorState, MenuItemProps, MenuItemState, MenuOpenChangeReason, MenuOpenOptions, MenuOptions, MenuPayloadChangeReason, MenuPrimitive, MenuRadioGroupProps, MenuRadioGroupState, MenuRadioItemProps, MenuRadioItemState, MenuSubTriggerProps, MenuTriggerProps, MenuTriggerState, MenuValueChangeDetails, MenuValueChangeReason, } from "@ui-sdk/core/menu";
+export { Menu, MenuCheckboxItem, MenuContent, MenuContextTrigger, MenuGroup, MenuGroupLabel, MenuItem, MenuItemIcon, MenuItemIndicator, MenuItems, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, };