@viraui/react 1.0.13 → 1.0.15

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);&:any-link{display:flex}&: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, };

package/dist/components/menu/menu.guide.json

@@ -0,0 +1,101 @@
+{
+  "name": "Menu",
+  "structure": "<Menu>\n  <Menu.Trigger />\n  <Menu.Popup>\n    <Menu.Item />\n    <Menu.LinkItem />\n    <Menu.CheckboxItem />\n    <Menu.Group label=\"…\">\n      <Menu.Item />\n    </Menu.Group>\n    <Menu.RadioGroup>\n      <Menu.RadioItem value=\"…\" />\n    </Menu.RadioGroup>\n    <Menu.Separator />\n    <Menu.Submenu>\n      <Menu.SubmenuTrigger />\n      <Menu.Popup>…</Menu.Popup>\n    </Menu.Submenu>\n  </Menu.Popup>\n</Menu>",
+  "summary": "Compound menu built on Base UI Menu with `Menu.Trigger`, `Menu.Popup`, unified item rows, groups, checkbox/radio items, nested submenus, destructive sentiment, and `Menu.createHandle` for detached triggers; `Popup` owns Portal + Positioner + Elevator/Surface Select-like list chrome.",
+  "whenToUse": [
+    "Action menus anchored to a button or icon button",
+    "Nested command lists with checkbox or radio options that stay open on toggle",
+    "Link rows mixed with actions in one menu surface",
+    "Detached or multi-trigger menus via `Menu.createHandle`"
+  ],
+  "whenNotToUse": [
+    "Page-blocking modal flows (use Dialog)",
+    "Form field single-select from a long list (use Select)",
+    "Context menu or menubar chrome (not in this surface)",
+    "System-wide transient alerts (use Toast)"
+  ],
+  "accessibility": [
+    "Give the trigger an accessible name (`Button` label or `aria-label` on IconButton)",
+    "Use `Menu.Group` `label` for grouped sections so assistive tech gets a group name",
+    "Prefer Base UI keyboard navigation; do not trap focus outside the menu pattern"
+  ],
+  "antiPatterns": [
+    "Expecting `Menu.Arrow`, `Menu.Backdrop`, or public Portal/Positioner/Viewport exports",
+    "Closing checkbox/radio items on click by default when the menu should stay open for multi-toggle",
+    "Using physical left/right CSS that breaks RTL submenu chevrons"
+  ],
+  "related": ["Button", "IconButton", "Select", "Popover", "Tooltip", "Surface", "Stack"],
+  "properties": {
+    "react": {
+      "CheckboxItem.addon": {
+        "description": "Decorative leading node rendered before the item label."
+      },
+      "CheckboxItem.addonAlign": {
+        "description": "Vertical alignment of the addon relative to the label row."
+      },
+      "CheckboxItem.indicator": {
+        "description": "Custom indicator node when checked."
+      },
+      "CheckboxItem.note": {
+        "description": "End-aligned secondary text (e.g. keyboard shortcut) before the check indicator. Rendered muted `x-small`."
+      },
+      "CheckboxItem.sentiment": {
+        "description": "Visual sentiment. `destructive` uses highlight-red wash + text."
+      },
+      "Group.label": {
+        "description": "Accessible group label rendered with `Menu.GroupLabel`."
+      },
+      "Item.addon": {
+        "description": "Decorative leading node rendered before the item label."
+      },
+      "Item.addonAlign": {
+        "description": "Vertical alignment of the addon relative to the label row."
+      },
+      "Item.note": {
+        "description": "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)."
+      },
+      "Item.sentiment": {
+        "description": "Visual sentiment. `destructive` uses highlight-red wash + text."
+      },
+      "LinkItem.addon": {
+        "description": "Decorative leading node rendered before the item label."
+      },
+      "LinkItem.addonAlign": {
+        "description": "Vertical alignment of the addon relative to the label row."
+      },
+      "LinkItem.note": {
+        "description": "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)."
+      },
+      "LinkItem.sentiment": {
+        "description": "Visual sentiment. `destructive` uses highlight-red wash + text."
+      },
+      "RadioGroup.label": {
+        "description": "Optional accessible group label rendered with `Menu.GroupLabel`."
+      },
+      "RadioItem.addon": {
+        "description": "Decorative leading node rendered before the item label."
+      },
+      "RadioItem.addonAlign": {
+        "description": "Vertical alignment of the addon relative to the label row."
+      },
+      "RadioItem.indicator": {
+        "description": "Custom indicator node when selected."
+      },
+      "RadioItem.note": {
+        "description": "End-aligned secondary text (e.g. keyboard shortcut) before the check indicator. Rendered muted `x-small`."
+      },
+      "RadioItem.sentiment": {
+        "description": "Visual sentiment. `destructive` uses highlight-red wash + text."
+      },
+      "SubmenuTrigger.addon": {
+        "description": "Decorative leading node rendered before the item label."
+      },
+      "SubmenuTrigger.addonAlign": {
+        "description": "Vertical alignment of the addon relative to the label row."
+      },
+      "SubmenuTrigger.sentiment": {
+        "description": "Visual sentiment. `destructive` uses highlight-red wash + text."
+      }
+    }
+  }
+}

package/dist/components/menu/menu.js

@@ -0,0 +1,36 @@
+import './menu.css';
+import { MenuCheckboxItem } from "./menu-checkbox-item.js";
+import { MenuGroup } from "./menu-group.js";
+import { MenuItem } from "./menu-item.js";
+import { MenuLinkItem } from "./menu-link-item.js";
+import { MenuPopup } from "./menu-popup.js";
+import { MenuRadioGroup } from "./menu-radio-group.js";
+import { MenuRadioItem } from "./menu-radio-item.js";
+import { MenuSeparator } from "./menu-separator.js";
+import { MenuSubmenuTrigger } from "./menu-submenu-trigger.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/menu/menu.tsx
+var MenuTrigger = Menu.Trigger;
+var MenuSubmenu = Menu.SubmenuRoot;
+var MenuRootComponent = ({ children, ...otherProps }) => /* @__PURE__ */ jsx(Menu.Root, {
+	...otherProps,
+	children
+});
+var { Arrow: _MenuArrow, Backdrop: _MenuBackdrop, Portal: _MenuPortal, Positioner: _MenuPositioner, Popup: _MenuPopup, Viewport: _MenuViewport, CheckboxItemIndicator: _MenuCheckboxItemIndicator, RadioItemIndicator: _MenuRadioItemIndicator, GroupLabel: _MenuGroupLabel } = Menu;
+var Menu$1 = Object.assign(MenuRootComponent, {
+	Trigger: Menu.Trigger,
+	Popup: MenuPopup,
+	Item: MenuItem,
+	LinkItem: MenuLinkItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioItem: MenuRadioItem,
+	RadioGroup: MenuRadioGroup,
+	Group: MenuGroup,
+	Separator: MenuSeparator,
+	Submenu: Menu.SubmenuRoot,
+	SubmenuTrigger: MenuSubmenuTrigger,
+	createHandle: Menu.createHandle
+});
+//#endregion
+export { Menu$1 as Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLinkItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger };

package/dist/components/menu/menu.module.js

@@ -0,0 +1,13 @@
+//#region src/components/menu/menu.module.css
+var MenuPopup = "viraui__menu-module__MenuPopup_GkrGa";
+var Indicator = "viraui__menu-module__Indicator_btL99";
+var Group = "viraui__menu-module__Group_Orz5Y";
+var Item = "viraui__menu-module__Item_9zmEO";
+var menu_module_default = {
+	MenuPopup,
+	Indicator,
+	Group,
+	Item
+};
+//#endregion
+export { Group, Indicator, Item, MenuPopup, menu_module_default as default };

package/dist/components/meter/meter.guide.json

@@ -25,15 +25,26 @@
   ],
   "related": ["LinearProgress", "Slider", "Text"],
   "properties": {
+    "react": {
+      "description": {
+        "description": "Static helper copy rendered with `Text` below the meter track."
+      },
+      "label": {
+        "description": "Visible label rendered through `Meter.Label` with shared internal `FieldLabel`."
+      },
+      "showValue": {
+        "description": "Renders the formatted current value via `Meter.Value` and `Text`."
+      }
+    },
     "css": {
-      "track-size": {
-        "description": "Meter track thickness on the root."
+      "indicator-color": {
+        "description": "Determinate meter indicator color."
       },
       "track-background": {
         "description": "Meter track background color."
       },
-      "indicator-color": {
-        "description": "Determinate meter indicator color."
+      "track-size": {
+        "description": "Meter track thickness on the root."
       }
     }
   }

package/dist/components/meter/meter.js

@@ -43,7 +43,6 @@ var Meter$1 = ({ className, description, label, showValue = false, value, ...oth
 			children: /* @__PURE__ */ jsx(Meter.Indicator, { className: meter_module_default.Indicator })
 		}),
 		description && /* @__PURE__ */ jsx(Text, {
-			className: meter_module_default.Description,
 			size: "small",
 			tone: "muted",
 			children: description

package/dist/components/popover/popover-sheet.js

@@ -2,8 +2,8 @@ import { ChromeXmark } from "../../internal/chrome-icons/chrome-icons.js";
 import { Text } from "../text/text.js";
 import { Stack } from "../stack/stack.js";
 import { IconButton } from "../icon-button/icon-button.js";
-import popover_module_default from "./popover.module.js";
 import { Surface } from "../surface/surface.js";
+import popover_module_default from "./popover.module.js";
 import { Title } from "../title/title.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";

package/dist/components/popover/popover.guide.json

@@ -25,5 +25,29 @@
     "Rendering heavy or scroll-bound content that belongs in a Dialog",
     "Expecting `Popover.Arrow` (it is intentionally not exported or rendered)"
   ],
-  "related": ["Surface", "Button", "IconButton", "Stack", "Dialog", "Tabs"]
+  "related": ["Surface", "Button", "IconButton", "Stack", "Dialog", "Tabs"],
+  "properties": {
+    "react": {
+      "Sheet.description": {
+        "description": "Supporting copy announced with the title."
+      },
+      "Sheet.headerAlign": {
+        "description": "Aligns the header content."
+      },
+      "Sheet.showCloseButton": {
+        "description": "Whether to show the built-in flat IconButton close control."
+      },
+      "Sheet.title": {
+        "description": "Accessible popover title rendered as the popup heading."
+      },
+      "Sheet.unstyled": {
+        "description": "Whether to skip the built-in Surface, header, and close chrome and render only the positioning/animation shell (Portal + Positioner + Popup + Viewport)."
+      }
+    },
+    "css": {
+      "content-fade-duration": {
+        "description": "content fade duration custom property on the component root."
+      }
+    }
+  }
 }

package/dist/components/progressive-blur/progressive-blur.css

@@ -1 +1 @@
-@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@property --vui-progressive-blur-amount{syntax:"<length>";inherits:true;initial-value:16px}.viraui__progressive-blur-module__ProgressiveBlur_eIxTK{pointer-events:none}.viraui__progressive-blur-module__Layer_zbzMS{position:absolute;inset:0;backdrop-filter:blur(calc(var(--vui-progressive-blur-amount) * var(--progressive-blur-factor)));mask-image:var(--progressive-blur-mask-image);.viraui__progressive-blur-module__ProgressiveBlur_eIxTK[data-direction=top] &{--progressive-blur-mask-image:linear-gradient(to top,var(--progressive-blur-mask-gradient))}.viraui__progressive-blur-module__ProgressiveBlur_eIxTK[data-direction=right] &{--progressive-blur-mask-image:linear-gradient(to right,var(--progressive-blur-mask-gradient))}.viraui__progressive-blur-module__ProgressiveBlur_eIxTK[data-direction=bottom] &{--progressive-blur-mask-image:linear-gradient(to bottom,var(--progressive-blur-mask-gradient))}.viraui__progressive-blur-module__ProgressiveBlur_eIxTK[data-direction=left] &{--progressive-blur-mask-image:linear-gradient(to left,var(--progressive-blur-mask-gradient))}}}
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@property --vui-progressive-blur-amount{syntax:"<length>";inherits:true;initial-value:16px}@property --__progressive-blur-factor{syntax:"<number>";inherits:false;initial-value:1}@property --__progressive-blur-mask-image{syntax:"<image>";inherits:false;initial-value:linear-gradient(#0000,#0000)}@property --__progressive-blur-mask-gradient{syntax:"*";inherits:false;initial-value:#0000}.viraui__progressive-blur-module__ProgressiveBlur_eIxTK{pointer-events:none;&[data-direction=top]{& .viraui__progressive-blur-module__Layer_zbzMS{--__progressive-blur-mask-image:linear-gradient(to top,var(--__progressive-blur-mask-gradient))}}&[data-direction=right]{& .viraui__progressive-blur-module__Layer_zbzMS{--__progressive-blur-mask-image:linear-gradient(to right,var(--__progressive-blur-mask-gradient))}}&[data-direction=bottom]{& .viraui__progressive-blur-module__Layer_zbzMS{--__progressive-blur-mask-image:linear-gradient(to bottom,var(--__progressive-blur-mask-gradient))}}&[data-direction=left]{& .viraui__progressive-blur-module__Layer_zbzMS{--__progressive-blur-mask-image:linear-gradient(to left,var(--__progressive-blur-mask-gradient))}}}.viraui__progressive-blur-module__Layer_zbzMS{position:absolute;inset:0;backdrop-filter:blur(calc(var(--vui-progressive-blur-amount) * var(--__progressive-blur-factor)));mask-image:var(--__progressive-blur-mask-image)}}