@viraui/react 1.0.12 → 1.0.14

package/dist/components/menu/menu-indicator-slot.js

@@ -0,0 +1,52 @@
+import { Stack } from "../stack/stack.js";
+import menu_module_default from "./menu.module.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-indicator-slot.tsx
+var indicatorStackRender = /* @__PURE__ */ jsx(Stack, {
+	"data-shrink": "false",
+	fillChildren: false,
+	hAlign: "center",
+	inline: true,
+	vAlign: "center"
+});
+var MenuIndicatorSlot = ({ children, kind = "spacer" }) => {
+	if (kind === "checkbox") return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		className: menu_module_default.Indicator,
+		"data-grow": "false",
+		keepMounted: true,
+		render: indicatorStackRender,
+		children
+	});
+	if (kind === "radio") return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		className: menu_module_default.Indicator,
+		"data-grow": "false",
+		keepMounted: true,
+		render: indicatorStackRender,
+		children
+	});
+	if (kind === "chevron") return /* @__PURE__ */ jsx(Stack, {
+		"aria-hidden": true,
+		className: menu_module_default.Indicator,
+		"data-grow": "false",
+		"data-kind": "chevron",
+		"data-shrink": "false",
+		fillChildren: false,
+		hAlign: "center",
+		inline: true,
+		vAlign: "center",
+		children
+	});
+	return /* @__PURE__ */ jsx(Stack, {
+		"aria-hidden": true,
+		className: menu_module_default.Indicator,
+		"data-grow": "false",
+		"data-shrink": "false",
+		fillChildren: false,
+		hAlign: "center",
+		inline: true,
+		vAlign: "center"
+	});
+};
+//#endregion
+export { MenuIndicatorSlot };

package/dist/components/menu/menu-item-row.d.ts

@@ -0,0 +1,18 @@
+import { StackProps } from '../stack';
+import type * as React from 'react';
+export type MenuItemRowProps = {
+    addon?: React.ReactNode;
+    addonAlign?: StackProps['vAlign'];
+    children?: React.ReactNode;
+    /**
+     * Optional muted note (shortcut / secondary label) at the end of the content row,
+     * immediately before any trailing indicator.
+     */
+    note?: React.ReactNode;
+    trailing?: React.ReactNode;
+};
+/**
+ * Shared internal row layout for all Menu item kinds (addon + label + optional note + trailing).
+ * Not a public export.
+ */
+export declare const MenuItemRow: React.FC<MenuItemRowProps>;

package/dist/components/menu/menu-item-row.js

@@ -0,0 +1,47 @@
+import { Text } from "../text/text.js";
+import { Stack } from "../stack/stack.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/menu/menu-item-row.tsx
+/**
+* Shared internal row layout for all Menu item kinds (addon + label + optional note + trailing).
+* Not a public export.
+*/
+var MenuItemRow = ({ addon, addonAlign = "center", children, note, trailing }) => /* @__PURE__ */ jsxs(Stack, {
+	columnGap: "medium",
+	direction: "row",
+	fillChildren: false,
+	hPadding: "small",
+	vPadding: "small",
+	vAlign: "center",
+	children: [
+		/* @__PURE__ */ jsxs(Stack, {
+			columnGap: "small",
+			"data-grow": "true",
+			"data-shrink": "true",
+			direction: "row",
+			fillChildren: false,
+			vAlign: addonAlign,
+			children: [addon && /* @__PURE__ */ jsx(Stack, {
+				"aria-hidden": "true",
+				"data-grow": "false",
+				"data-shrink": "false",
+				children: addon
+			}), /* @__PURE__ */ jsx(Text, {
+				lineHeight: "small",
+				size: "small",
+				children
+			})]
+		}),
+		note && /* @__PURE__ */ jsx(Text, {
+			whiteSpace: "nowrap",
+			"data-shrink": "false",
+			lineHeight: "small",
+			size: "x-small",
+			tone: "muted",
+			children: note
+		}),
+		trailing
+	]
+});
+//#endregion
+export { MenuItemRow };

package/dist/components/menu/menu-item.d.ts

@@ -0,0 +1,36 @@
+import { MenuItem as MenuItemPrimitive } from '@base-ui/react/menu';
+import { StackProps } from '../stack';
+import type * as React from 'react';
+/**
+ * Public Menu.Item props.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type MenuItemProps = MenuItemPrimitive.Props & {
+    /**
+     * Decorative leading node rendered before the item label.
+     *
+     * @default No addon is rendered.
+     */
+    addon?: React.ReactNode;
+    /**
+     * Vertical alignment of the addon relative to the label row.
+     *
+     * @default 'center'
+     */
+    addonAlign?: StackProps['vAlign'];
+    /**
+     * End-aligned secondary text (e.g. keyboard shortcut). Rendered muted `x-small`
+     * at the end of the row (replaces the empty indicator spacer when set).
+     *
+     * @default No note is rendered.
+     */
+    note?: React.ReactNode;
+    /**
+     * Visual sentiment. `destructive` uses highlight-red wash + text.
+     *
+     * @default Neutral item styling.
+     */
+    sentiment?: 'destructive';
+};
+export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/components/menu/menu-item.js

@@ -0,0 +1,23 @@
+import { clsx } from "../../core/clsx.js";
+import { Surface } from "../surface/surface.js";
+import menu_module_default from "./menu.module.js";
+import { MenuIndicatorSlot } from "./menu-indicator-slot.js";
+import { MenuItemRow } from "./menu-item-row.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-item.tsx
+var MenuItem = ({ addon, addonAlign = "center", children, className, note, sentiment, ...otherProps }) => /* @__PURE__ */ jsx(Menu.Item, {
+	...otherProps,
+	className: clsx(menu_module_default.Item, className),
+	...sentiment && { "data-sentiment": sentiment },
+	render: /* @__PURE__ */ jsx(Surface, { radius: "auto" }),
+	children: /* @__PURE__ */ jsx(MenuItemRow, {
+		addon,
+		addonAlign,
+		note,
+		...!note && { trailing: /* @__PURE__ */ jsx(MenuIndicatorSlot, {}) },
+		children
+	})
+});
+//#endregion
+export { MenuItem };

package/dist/components/menu/menu-link-item.d.ts

@@ -0,0 +1,36 @@
+import { MenuLinkItem as MenuLinkItemPrimitive } from '@base-ui/react/menu';
+import { StackProps } from '../stack';
+import type * as React from 'react';
+/**
+ * Public Menu.LinkItem props.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type MenuLinkItemProps = MenuLinkItemPrimitive.Props & {
+    /**
+     * Decorative leading node rendered before the item label.
+     *
+     * @default No addon is rendered.
+     */
+    addon?: React.ReactNode;
+    /**
+     * Vertical alignment of the addon relative to the label row.
+     *
+     * @default 'center'
+     */
+    addonAlign?: StackProps['vAlign'];
+    /**
+     * End-aligned secondary text (e.g. keyboard shortcut). Rendered muted `x-small`
+     * at the end of the row (replaces the empty indicator spacer when set).
+     *
+     * @default No note is rendered.
+     */
+    note?: React.ReactNode;
+    /**
+     * Visual sentiment. `destructive` uses highlight-red wash + text.
+     *
+     * @default Neutral item styling.
+     */
+    sentiment?: 'destructive';
+};
+export declare const MenuLinkItem: React.FC<MenuLinkItemProps>;

package/dist/components/menu/menu-link-item.js

@@ -0,0 +1,26 @@
+import { clsx } from "../../core/clsx.js";
+import { Surface } from "../surface/surface.js";
+import menu_module_default from "./menu.module.js";
+import { MenuIndicatorSlot } from "./menu-indicator-slot.js";
+import { MenuItemRow } from "./menu-item-row.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-link-item.tsx
+var MenuLinkItem = ({ addon, addonAlign = "center", children, className, note, sentiment, ...otherProps }) => /* @__PURE__ */ jsx(Menu.LinkItem, {
+	...otherProps,
+	className: clsx(menu_module_default.Item, className),
+	...sentiment && { "data-sentiment": sentiment },
+	render: /* @__PURE__ */ jsx(Surface, {
+		radius: "auto",
+		render: /* @__PURE__ */ jsx("a", {})
+	}),
+	children: /* @__PURE__ */ jsx(MenuItemRow, {
+		addon,
+		addonAlign,
+		note,
+		...!note && { trailing: /* @__PURE__ */ jsx(MenuIndicatorSlot, {}) },
+		children
+	})
+});
+//#endregion
+export { MenuLinkItem };

package/dist/components/menu/menu-popup.d.ts

@@ -0,0 +1,17 @@
+import { MenuPositioner } from '@base-ui/react/menu';
+import type * as React from 'react';
+type MenuPopupPositionerProps = Omit<MenuPositioner.Props, 'className' | 'style' | 'render'>;
+/**
+ * Public Menu.Popup props.
+ *
+ * Encapsulates Portal + Positioner + Popup with Elevator + Surface list chrome
+ * (Select-like). Positioning props forward to the Positioner; `sideOffset`
+ * defaults to `2`.
+ *
+ * @default `sideOffset` is `2`.
+ */
+export type MenuPopupProps = MenuPopupPositionerProps & {
+    children?: React.ReactNode;
+};
+export declare const MenuPopup: React.FC<MenuPopupProps>;
+export {};

package/dist/components/menu/menu-popup.js

@@ -0,0 +1,28 @@
+import { Elevator } from "../elevator/elevator.js";
+import { Surface } from "../surface/surface.js";
+import menu_module_default from "./menu.module.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-popup.tsx
+var MenuPopup = ({ children, sideOffset = 2, ...positionerProps }) => /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+	sideOffset,
+	...positionerProps,
+	children: /* @__PURE__ */ jsx(Elevator, {
+		resting: 1,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			className: menu_module_default.MenuPopup,
+			render: /* @__PURE__ */ jsx(Surface, {
+				border: "all",
+				color: 1,
+				"data-vibrant": true,
+				hPadding: "x-small",
+				overflow: "auto",
+				radius: "medium",
+				vPadding: "x-small"
+			}),
+			children
+		})
+	})
+}) });
+//#endregion
+export { MenuPopup };

package/dist/components/menu/menu-radio-group.d.ts

@@ -0,0 +1,16 @@
+import { MenuRadioGroup as MenuRadioGroupPrimitive } from '@base-ui/react/menu';
+import type * as React from 'react';
+/**
+ * Public Menu.RadioGroup props.
+ *
+ * @default No label is rendered.
+ */
+export type MenuRadioGroupProps = MenuRadioGroupPrimitive.Props & {
+    /**
+     * Optional accessible group label rendered with `Menu.GroupLabel`.
+     *
+     * @default No label is rendered.
+     */
+    label?: React.ReactNode;
+};
+export declare const MenuRadioGroup: React.FC<MenuRadioGroupProps>;

package/dist/components/menu/menu-radio-group.js

@@ -0,0 +1,36 @@
+import { clsx } from "../../core/clsx.js";
+import { Text } from "../text/text.js";
+import { Stack } from "../stack/stack.js";
+import menu_module_default from "./menu.module.js";
+import { MenuIndicatorSlot } from "./menu-indicator-slot.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-radio-group.tsx
+var MenuRadioGroup = ({ children, className, label, ...otherProps }) => /* @__PURE__ */ jsxs(Menu.RadioGroup, {
+	...otherProps,
+	className: clsx(menu_module_default.Group, className),
+	render: /* @__PURE__ */ jsx(Stack, {
+		direction: "column",
+		fillChildren: false,
+		rowGap: "2x-small",
+		vPadding: "2x-small"
+	}),
+	children: [label && /* @__PURE__ */ jsxs(Menu.GroupLabel, {
+		render: /* @__PURE__ */ jsx(Stack, {
+			columnGap: "small",
+			direction: "row",
+			fillChildren: false,
+			hPadding: "small",
+			vAlign: "center",
+			vPadding: ["small", "small"]
+		}),
+		children: [/* @__PURE__ */ jsx(Text, {
+			size: "x-small",
+			tone: "muted",
+			weight: "semibold",
+			children: label
+		}), /* @__PURE__ */ jsx(MenuIndicatorSlot, {})]
+	}), children]
+});
+//#endregion
+export { MenuRadioGroup };

package/dist/components/menu/menu-radio-item.d.ts

@@ -0,0 +1,42 @@
+import { MenuRadioItem as MenuRadioItemPrimitive } from '@base-ui/react/menu';
+import { StackProps } from '../stack';
+import type * as React from 'react';
+/**
+ * Public Menu.RadioItem props.
+ *
+ * @default `closeOnClick` is `false`.
+ */
+export type MenuRadioItemProps = MenuRadioItemPrimitive.Props & {
+    /**
+     * Decorative leading node rendered before the item label.
+     *
+     * @default No addon is rendered.
+     */
+    addon?: React.ReactNode;
+    /**
+     * Vertical alignment of the addon relative to the label row.
+     *
+     * @default 'center'
+     */
+    addonAlign?: StackProps['vAlign'];
+    /**
+     * Custom indicator node when selected.
+     *
+     * @default Built-in Check chrome SVG at size 16
+     */
+    indicator?: React.ReactNode;
+    /**
+     * End-aligned secondary text (e.g. keyboard shortcut) before the check indicator.
+     * Rendered muted `x-small`.
+     *
+     * @default No note is rendered.
+     */
+    note?: React.ReactNode;
+    /**
+     * Visual sentiment. `destructive` uses highlight-red wash + text.
+     *
+     * @default Neutral item styling.
+     */
+    sentiment?: 'destructive';
+};
+export declare const MenuRadioItem: React.FC<MenuRadioItemProps>;

package/dist/components/menu/menu-radio-item.js

@@ -0,0 +1,28 @@
+import { clsx } from "../../core/clsx.js";
+import { ChromeCheck } from "../../internal/chrome-icons/chrome-icons.js";
+import { Surface } from "../surface/surface.js";
+import menu_module_default from "./menu.module.js";
+import { MenuIndicatorSlot } from "./menu-indicator-slot.js";
+import { MenuItemRow } from "./menu-item-row.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-radio-item.tsx
+var MenuRadioItem = ({ addon, addonAlign = "center", children, className, closeOnClick = false, indicator, note, sentiment, ...otherProps }) => /* @__PURE__ */ jsx(Menu.RadioItem, {
+	...otherProps,
+	className: clsx(menu_module_default.Item, className),
+	closeOnClick,
+	...sentiment && { "data-sentiment": sentiment },
+	render: /* @__PURE__ */ jsx(Surface, { radius: "auto" }),
+	children: /* @__PURE__ */ jsx(MenuItemRow, {
+		addon,
+		addonAlign,
+		note,
+		trailing: /* @__PURE__ */ jsx(MenuIndicatorSlot, {
+			kind: "radio",
+			children: indicator ?? /* @__PURE__ */ jsx(ChromeCheck, { size: 16 })
+		}),
+		children
+	})
+});
+//#endregion
+export { MenuRadioItem };

package/dist/components/menu/menu-separator.d.ts

@@ -0,0 +1,9 @@
+import { Menu as PrimitiveMenu } from '@base-ui/react/menu';
+import type * as React from 'react';
+/**
+ * Public Menu.Separator props.
+ *
+ * @default `orientation` is `'horizontal'`.
+ */
+export type MenuSeparatorProps = React.ComponentProps<typeof PrimitiveMenu.Separator>;
+export declare const MenuSeparator: React.FC<MenuSeparatorProps>;

package/dist/components/menu/menu-separator.js

@@ -0,0 +1,15 @@
+import { Separator } from "../separator/separator.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-separator.tsx
+var MenuSeparator = ({ className, orientation = "horizontal", ...otherProps }) => /* @__PURE__ */ jsx(Menu.Separator, {
+	render: /* @__PURE__ */ jsx(Separator, {
+		vPadding: "x-small",
+		hPadding: "x-small"
+	}),
+	...otherProps,
+	className,
+	orientation
+});
+//#endregion
+export { MenuSeparator };

package/dist/components/menu/menu-submenu-trigger.d.ts

@@ -0,0 +1,29 @@
+import { MenuSubmenuTrigger as MenuSubmenuTriggerPrimitive } from '@base-ui/react/menu';
+import { StackProps } from '../stack';
+import type * as React from 'react';
+/**
+ * Public Menu.SubmenuTrigger props.
+ *
+ * @default Trailing end chevron; RTL mirror via CSS `:dir(rtl)`.
+ */
+export type MenuSubmenuTriggerProps = MenuSubmenuTriggerPrimitive.Props & {
+    /**
+     * Decorative leading node rendered before the item label.
+     *
+     * @default No addon is rendered.
+     */
+    addon?: React.ReactNode;
+    /**
+     * Vertical alignment of the addon relative to the label row.
+     *
+     * @default 'center'
+     */
+    addonAlign?: StackProps['vAlign'];
+    /**
+     * Visual sentiment. `destructive` uses highlight-red wash + text.
+     *
+     * @default Neutral item styling.
+     */
+    sentiment?: 'destructive';
+};
+export declare const MenuSubmenuTrigger: React.FC<MenuSubmenuTriggerProps>;

package/dist/components/menu/menu-submenu-trigger.js

@@ -0,0 +1,26 @@
+import { clsx } from "../../core/clsx.js";
+import { ChromeChevronEnd } from "../../internal/chrome-icons/chrome-icons.js";
+import { Surface } from "../surface/surface.js";
+import menu_module_default from "./menu.module.js";
+import { MenuIndicatorSlot } from "./menu-indicator-slot.js";
+import { MenuItemRow } from "./menu-item-row.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu-submenu-trigger.tsx
+var MenuSubmenuTrigger = ({ addon, addonAlign = "center", children, className, sentiment, ...otherProps }) => /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+	...otherProps,
+	className: clsx(menu_module_default.Item, className),
+	...sentiment && { "data-sentiment": sentiment },
+	render: /* @__PURE__ */ jsx(Surface, { radius: "auto" }),
+	children: /* @__PURE__ */ jsx(MenuItemRow, {
+		addon,
+		addonAlign,
+		trailing: /* @__PURE__ */ jsx(MenuIndicatorSlot, {
+			kind: "chevron",
+			children: /* @__PURE__ */ jsx(ChromeChevronEnd, { size: 16 })
+		}),
+		children
+	})
+});
+//#endregion
+export { MenuSubmenuTrigger };

package/dist/components/menu/menu.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@property --__menu-list-appear-offset{syntax:"<length>";inherits:false;initial-value:8px}.viraui__menu-module__MenuPopup_GkrGa{min-inline-size:var(--anchor-width);max-block-size:var(--available-height);scroll-padding-block:var(--space-x-small);color:var(--global-foreground);outline:none;position:relative;overscroll-behavior:contain;transform-origin:var(--transform-origin);transition:opacity var(--duration-instant) var(--easing-entrance),scale var(--duration-instant) var(--easing-entrance),translate var(--duration-instant) var(--easing-entrance);&[data-ending-style],&[data-starting-style]{opacity:0;scale:.96}&[data-side=bottom][data-ending-style],&[data-side=bottom][data-starting-style]{translate:0 calc(var(--__menu-list-appear-offset) * -1)}&[data-side=top][data-ending-style],&[data-side=top][data-starting-style]{translate:0 var(--__menu-list-appear-offset)}&[data-side=inline-start][data-ending-style],&[data-side=inline-start][data-starting-style],&[data-side=left][data-ending-style],&[data-side=left][data-starting-style]{translate:var(--__menu-list-appear-offset) 0}&[data-side=inline-end][data-ending-style],&[data-side=inline-end][data-starting-style],&[data-side=right][data-ending-style],&[data-side=right][data-starting-style]{translate:calc(var(--__menu-list-appear-offset) * -1) 0}&[data-instant=click],&[data-instant=dismiss]{transition:none;scale:1;translate:0;opacity:1}&:focus,&:focus-visible{outline:none}}.viraui__menu-module__Indicator_btL99{min-inline-size:var(--space-medium);min-block-size:var(--space-medium);inline-size:fit-content;block-size:fit-content;color:var(--global-primary);opacity:0;&[data-checked]{opacity:1}&[data-kind=chevron]{opacity:1;color:var(--global-foreground);&:dir(rtl){scale:-1 1}}}.viraui__menu-module__Group_Orz5Y+.viraui__menu-module__Group_Orz5Y{margin-block-start:var(--space-medium)}}@layer viraui.overrides{.viraui__menu-module__Item_9zmEO{cursor:pointer;min-block-size:var(--space-x-large);&:not([data-disabled]):hover,&:not([data-disabled])[data-highlighted]{background:var(--global-contrast);@container root not style(--vibrancy-enable: initial){background:oklab(from var(--global-contrast) l a b/12%)}}&:not([data-disabled],:hover)[data-checked]{background:light-dark(oklab(from var(--global-contrast) l a b/8%),oklab(from var(--global-contrast) l a b/5%))}&[data-disabled]{color:var(--global-disabled-foreground);cursor:not-allowed}&[data-sentiment=destructive]{color:var(--highlight-red);outline-color:var(--highlight-red);&:not([data-disabled]):hover,&:not([data-disabled])[data-highlighted]{background:oklab(from var(--highlight-red) l a b/12%)}}}}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,58 @@
+import { Menu as PrimitiveMenu, MenuRoot, MenuTrigger as MenuTriggerNamespace } from '@base-ui/react/menu';
+import { MenuCheckboxItem, MenuCheckboxItemProps } from './menu-checkbox-item';
+import { MenuGroup, MenuGroupProps } from './menu-group';
+import { MenuItem, MenuItemProps } from './menu-item';
+import { MenuLinkItem, MenuLinkItemProps } from './menu-link-item';
+import { MenuPopup, MenuPopupProps } from './menu-popup';
+import { MenuRadioGroup, MenuRadioGroupProps } from './menu-radio-group';
+import { MenuRadioItem, MenuRadioItemProps } from './menu-radio-item';
+import { MenuSeparator, MenuSeparatorProps } from './menu-separator';
+import { MenuSubmenuTrigger, MenuSubmenuTriggerProps } from './menu-submenu-trigger';
+import type * as React from 'react';
+/**
+ * Public Menu root props.
+ *
+ * Pass-through to Base UI `Menu.Root`. Supports `open`/`defaultOpen`/`onOpenChange`,
+ * `modal`, `triggerId` for controlled activation, and `handle` for detached/multiple
+ * triggers. `children` may be a node or a `({ payload }) => ReactNode` render function
+ * for per-trigger content.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type MenuProps = MenuRoot.Props;
+/**
+ * Public Menu.Trigger props.
+ *
+ * Pass-through to Base UI `Menu.Trigger`. Use `render` for the visible control
+ * (`Button`, `IconButton`, or another element).
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type MenuTriggerProps = MenuTriggerNamespace.Props;
+/**
+ * Public Menu.Submenu props.
+ *
+ * Pass-through to Base UI `Menu.SubmenuRoot`. Compose `Menu.SubmenuTrigger` and
+ * nested `Menu.Popup` as children.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type MenuSubmenuProps = React.ComponentProps<typeof PrimitiveMenu.SubmenuRoot>;
+export declare const MenuTrigger: PrimitiveMenu.Trigger;
+export declare const MenuSubmenu: typeof PrimitiveMenu.SubmenuRoot;
+type MenuComponent = React.FC<MenuProps> & {
+    Trigger: typeof PrimitiveMenu.Trigger;
+    Popup: React.FC<MenuPopupProps>;
+    Item: React.FC<MenuItemProps>;
+    LinkItem: React.FC<MenuLinkItemProps>;
+    CheckboxItem: React.FC<MenuCheckboxItemProps>;
+    RadioItem: React.FC<MenuRadioItemProps>;
+    RadioGroup: React.FC<MenuRadioGroupProps>;
+    Group: React.FC<MenuGroupProps>;
+    Separator: React.FC<MenuSeparatorProps>;
+    Submenu: typeof PrimitiveMenu.SubmenuRoot;
+    SubmenuTrigger: React.FC<MenuSubmenuTriggerProps>;
+    createHandle: typeof PrimitiveMenu.createHandle;
+};
+export declare const Menu: MenuComponent;
+export { MenuCheckboxItem, MenuGroup, MenuItem, MenuLinkItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, };