@mortenbrudvik/waveui 0.4.0 → 0.7.0

package/dist/components/navigation/Menu.items.mjs

@@ -0,0 +1,127 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { materialiseSlotContent as n, renderSlot as r, slotRendersContent as i } from "../../lib/slot.mjs";
+import { ChevronRightIcon as a } from "../../lib/icons.mjs";
+import { isOwnEvent as o } from "../../lib/events.mjs";
+import { MenuSubmenuTriggerContext as s, useMenuListContext as c, useOptionalMenuContext as l } from "./Menu.context.mjs";
+import { menuItemClasses as u } from "./Menu.shared.mjs";
+import * as d from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/navigation/Menu.items.tsx
+function h(e) {
+	return e === "checkmark" ? /* @__PURE__ */ p("span", {
+		"aria-hidden": "true",
+		"data-menu-column-space": "checkmark",
+		className: "hidden w-4 shrink-0 group-has-[[data-menu-checkmark]]/menu:inline-flex"
+	}) : /* @__PURE__ */ p("span", {
+		"aria-hidden": "true",
+		"data-menu-column-space": "icon",
+		className: "hidden h-5 w-5 shrink-0 group-has-[[data-menu-icon]]/menu:inline-flex"
+	});
+}
+function g({ checkmark: e, icon: t, label: a, shortcut: o, end: s, markLabel: c = !0 }) {
+	let l = i(a), u = t && i(t) ? r(t, "span", "flex h-5 w-5 shrink-0 items-center justify-center", {
+		"aria-hidden": !0,
+		"data-menu-icon": ""
+	}) : null;
+	return /* @__PURE__ */ m(f, { children: [
+		e === void 0 ? l && h("checkmark") : /* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			"data-menu-checkmark": "",
+			className: "inline-flex w-4 shrink-0 items-center justify-center",
+			children: e
+		}),
+		u ?? (l && h("icon")),
+		/* @__PURE__ */ p("span", {
+			className: "flex-1",
+			"data-menu-label": c && l && typeof a != "string" ? "" : void 0,
+			children: n(a)
+		}),
+		o && /* @__PURE__ */ p("span", {
+			dir: "auto",
+			className: "ms-4 text-caption-1 text-muted-foreground",
+			children: o
+		}),
+		s
+	] });
+}
+g.displayName = "MenuItemRow";
+function _() {
+	return /* @__PURE__ */ m(f, { children: [h("checkmark"), h("icon")] });
+}
+_.displayName = "MenuColumnSpacers";
+function v({ disabled: e, persistOnClick: t, onClick: n, onKeyDown: r, onActivate: i, keepOpenOnSpace: a = !1, nativeEnter: s = !1, hasSubmenu: l = !1 }) {
+	let u = c(), f = d.useRef(!1);
+	return {
+		onClick: (r) => {
+			let s = o(r);
+			if (e) {
+				s && r.preventDefault();
+				return;
+			}
+			n?.(r), s && !r.defaultPrevented && (i?.(r), !(r.defaultPrevented || l) && (a && f.current || (t ?? u?.menu.persistOnItemClick ?? !1) || u?.closeFromItem()));
+		},
+		onKeyDown: (t) => {
+			if (r?.(t), !t.defaultPrevented && o(t) && (t.key === "Enter" || t.key === " ") && !(t.key === "Enter" && s) && !(t.ctrlKey || t.altKey || t.metaKey) && (t.preventDefault(), !e)) {
+				f.current = t.key === " ";
+				try {
+					t.currentTarget.click();
+				} finally {
+					f.current = !1;
+				}
+			}
+		}
+	};
+}
+function y(e) {
+	let n = c(), r = l(), i = r !== null && r.popup && n === null;
+	d.useEffect(() => {
+		i && t("Menu:item-outside-popover", `${e}: rendered in a popup menu outside Menu.Popover, so it has no \`role="menu"\` parent. A Menu with \`open\`, \`defaultOpen\` or \`onOpenChange\` is a popup menu that renders no element of its own: put the items in Menu.Popover, or leave these props out for a static menu.`);
+	}, [i, e]);
+}
+var b = ({ icon: t, shortcut: n, disabled: r = !1, persistOnClick: i, onClick: o, onKeyDown: c, children: l, className: f, ref: m, ...h }) => {
+	let _ = d.useContext(s);
+	y("Menu.Item");
+	let b = typeof l == "string" ? l : void 0, x = h["data-roving-text"] !== void 0, S = v({
+		disabled: r,
+		persistOnClick: i,
+		onClick: o,
+		onKeyDown: c,
+		hasSubmenu: _
+	});
+	return /* @__PURE__ */ p("div", {
+		role: "menuitem",
+		"data-roving-text": b,
+		...h,
+		ref: m,
+		"aria-disabled": r ? !0 : h["aria-disabled"],
+		"data-disabled": r ? "" : void 0,
+		"data-has-submenu": _ ? "" : void 0,
+		onClick: S.onClick,
+		onKeyDown: S.onKeyDown,
+		className: e(u, f),
+		children: /* @__PURE__ */ p(g, {
+			icon: t,
+			label: l,
+			shortcut: n,
+			markLabel: !x,
+			end: _ ? /* @__PURE__ */ p(a, {
+				size: 16,
+				className: "ms-auto shrink-0 wave-rtl:-scale-x-100"
+			}) : void 0
+		})
+	});
+};
+b.displayName = "MenuItem";
+var x = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ p("div", {
+	role: "separator",
+	...r,
+	ref: n,
+	className: e("my-1 border-t border-border", t)
+});
+x.displayName = "MenuDivider";
+//#endregion
+export { _ as MenuColumnSpacers, x as MenuDivider, b as MenuItem, g as MenuItemRow, v as useMenuItemActivation, y as useMenuItemPlacementWarning };
+
+//# sourceMappingURL=Menu.items.mjs.map

package/dist/components/navigation/Menu.items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.items.mjs","names":["_Fragment","React","renderColumnSpace","column","MenuItemRow","hasLabel","slotRendersContent","label","iconNode","icon","renderSlot","Fragment","checkmark","markLabel","materialiseSlotContent","shortcut","end","MenuColumnSpacers","useMenuItemActivation","list","useMenuListContext","clickFromSpaceRef","own","isOwnEvent","event","disabled","onClick","onActivate","hasSubmenu","keepOpenOnSpace","persistOnClick","onKeyDown","nativeEnter","useMenuItemPlacementWarning","menu","useOptionalMenuContext","outsidePopover","warnOnce","componentName","MenuItem","rest","isSubmenuTrigger","MenuSubmenuTriggerContext","stringLabel","children","ownRovingText","activation","cn","menuItemClasses","className","ChevronRightIcon","MenuDivider"],"sources":["../../../src/components/navigation/Menu.items.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { Slot } from '../../lib/types';\nimport { materialiseSlotContent, renderSlot, slotRendersContent } from '../../lib/slot';\nimport { warnOnce } from '../../lib/dev';\nimport { isOwnEvent } from '../../lib/events';\nimport { ChevronRightIcon } from '../../lib/icons';\nimport {\n  MenuSubmenuTriggerContext,\n  useMenuListContext,\n  useOptionalMenuContext,\n} from './Menu.context';\nimport { menuItemClasses } from './Menu.shared';\n\n/** Properties for the MenuItem sub-component. */\nexport interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Slot for an icon displayed before the item text. Rendered with `aria-hidden=\"true\"`. A falsy\n   * icon (`''`, `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Keyboard shortcut text displayed at the end of the item. Its direction comes from its own text\n   * (`dir=\"auto\"`), so \"Ctrl+,\" keeps its order in an RTL menu.\n   */\n  shortcut?: string;\n  /** Whether the menu item is disabled (`aria-disabled`; skipped by keyboard navigation). */\n  disabled?: boolean;\n  /**\n   * Keep a popup menu open after this item is activated. `true` or `false` here wins over the\n   * Menu's `persistOnItemClick`.\n   * @default the Menu's `persistOnItemClick` (`false`)\n   */\n  persistOnClick?: boolean;\n  /**\n   * Label content of the menu item. Leave it out only for the submenu half of a\n   * `Menu.SplitGroup`, which then needs `aria-label`.\n   */\n  children?: React.ReactNode;\n  /**\n   * Ref to the item element (`role=\"menuitem\"`; `menuitemcheckbox` or `menuitemradio` for the\n   * checkable items).\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the MenuDivider sub-component. */\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the `role=\"separator\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n// ---------------------------------------------------------------------------\n// The item row and the column alignment\n// ---------------------------------------------------------------------------\n\n/** Internal: the content of one menu item row, rendered inside the item element. */\nexport interface MenuItemRowProps {\n  /**\n   * Checkable items: the checkmark column's content (the glyph, or `null` while unchecked); the\n   * column renders in both states, marked `data-menu-checkmark`. `undefined` for other items,\n   * which render a hidden placeholder instead.\n   */\n  checkmark?: React.ReactNode | null;\n  /** The icon slot (a falsy icon or a list of nothing is no icon). */\n  icon?: Slot<'span'>;\n  /** The label (typeahead reads a non-string label through its `data-menu-label` element). */\n  label: React.ReactNode;\n  /** The shortcut text (rendered with `dir=\"auto\"`). */\n  shortcut?: string;\n  /** Content at the row's end: the submenu chevron or a switch. */\n  end?: React.ReactNode;\n  /**\n   * Whether a non-string label is marked `data-menu-label` for typeahead. Pass `false` when the\n   * item carries its own `data-roving-text`, which the label's text must not replace.\n   * @default true\n   */\n  markLabel?: boolean;\n}\n\n/**\n * The placeholder of the checkmark or the icon column: hidden, and shown as soon as any item of\n * the same menu list (the `group/menu` element) renders that column, so every label starts at the\n * same place. Decorative (`aria-hidden`).\n */\nfunction renderColumnSpace(column: 'checkmark' | 'icon'): React.ReactElement {\n  return column === 'checkmark' ? (\n    <span\n      aria-hidden=\"true\"\n      data-menu-column-space=\"checkmark\"\n      className=\"hidden w-4 shrink-0 group-has-[[data-menu-checkmark]]/menu:inline-flex\"\n    />\n  ) : (\n    <span\n      aria-hidden=\"true\"\n      data-menu-column-space=\"icon\"\n      className=\"hidden h-5 w-5 shrink-0 group-has-[[data-menu-icon]]/menu:inline-flex\"\n    />\n  );\n}\n\n/**\n * Internal: one menu item row, in DOM order (RTL mirrors it): the checkmark column, the icon\n * column, the label, the shortcut and the end content. A row without a checkmark or an icon\n * renders the column's placeholder instead; a row whose label renders nothing (the icon-only\n * submenu half of a split group) renders no placeholders.\n */\nexport function MenuItemRow({\n  checkmark,\n  icon,\n  label,\n  shortcut,\n  end,\n  markLabel = true,\n}: MenuItemRowProps): React.ReactElement {\n  // The check does not consume a one-shot iterable label: it is rendered materialised.\n  const hasLabel = slotRendersContent(label);\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in Nav,\n  // Tree and Avatar, and so is a collection whose items render nothing: no empty 20px box before\n  // the label. The check does not consume a generator: renderSlot still renders its items.\n  const iconNode =\n    icon && slotRendersContent(icon)\n      ? renderSlot(icon, 'span', 'flex h-5 w-5 shrink-0 items-center justify-center', {\n          'aria-hidden': true,\n          'data-menu-icon': '',\n        })\n      : null;\n\n  return (\n    <>\n      {checkmark !== undefined ? (\n        <span\n          aria-hidden=\"true\"\n          data-menu-checkmark=\"\"\n          className=\"inline-flex w-4 shrink-0 items-center justify-center\"\n        >\n          {checkmark}\n        </span>\n      ) : (\n        hasLabel && renderColumnSpace('checkmark')\n      )}\n      {iconNode ?? (hasLabel && renderColumnSpace('icon'))}\n      <span\n        className=\"flex-1\"\n        data-menu-label={markLabel && hasLabel && typeof label !== 'string' ? '' : undefined}\n      >\n        {materialiseSlotContent(label)}\n      </span>\n      {/* The shortcut takes its direction from its own text (`dir=\"auto\"` also isolates it): in an\n          RTL menu, \"Ctrl+,\" would otherwise be reordered to \",+Ctrl\". */}\n      {shortcut && (\n        <span dir=\"auto\" className=\"ms-4 text-caption-1 text-muted-foreground\">\n          {shortcut}\n        </span>\n      )}\n      {end}\n    </>\n  );\n}\nMenuItemRow.displayName = 'MenuItemRow';\n\n/** Internal: the two column placeholders alone, for a row that is not an item (a group header). */\nexport function MenuColumnSpacers(): React.ReactElement {\n  return (\n    <>\n      {renderColumnSpace('checkmark')}\n      {renderColumnSpace('icon')}\n    </>\n  );\n}\nMenuColumnSpacers.displayName = 'MenuColumnSpacers';\n\n// ---------------------------------------------------------------------------\n// Item activation\n// ---------------------------------------------------------------------------\n\n/** Internal: the activation of every menu item kind. */\nexport interface MenuItemActivationOptions {\n  disabled: boolean;\n  /**\n   * The item's own `persistOnClick`; `undefined` falls back to the Menu's `persistOnItemClick`.\n   * A link item passes `false` (a link always closes).\n   */\n  persistOnClick: boolean | undefined;\n  /** The consumer's handlers, composed consumer first (C-COMPOSE). */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n  /**\n   * Runs on an own, enabled click after the consumer's `onClick`, unless it prevented the default.\n   * Its own `preventDefault()` keeps the menu open.\n   */\n  onActivate?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Space activates and keeps the menu open (checkbox, radio and switch items). */\n  keepOpenOnSpace?: boolean;\n  /** Enter is left to the element's native activation (links); Space still clicks. */\n  nativeEnter?: boolean;\n  /** The item opens a submenu: activation never closes its menu. */\n  hasSubmenu?: boolean;\n}\n\n/**\n * Internal: the click and key handlers of a menu item.\n *\n * - Events from a portal opened inside the item (a Popover, a Dialog) reach the consumer's\n *   handlers, as React bubbles them, but never activate the item or close the menu.\n * - A disabled item calls no `onClick` and prevents its own click; its Enter and Space are still\n *   consumed.\n * - Enter and Space are consumed (no page scroll) and click the item; with Ctrl, Alt or Meta they\n *   are left to the page. A Space that continues a typeahead search is skipped (the roving\n *   capture handler prevented it). With `nativeEnter`, Enter is left to the element.\n * - After the consumer's `onClick` and `onActivate`, the item closes its menu through the list's\n *   `closeFromItem`, unless the click was not its own, its default was prevented, `hasSubmenu` is\n *   set, `keepOpenOnSpace` is set and Space caused the click, or\n *   `persistOnClick ?? menu.persistOnItemClick` is `true`.\n */\nexport function useMenuItemActivation({\n  disabled,\n  persistOnClick,\n  onClick,\n  onKeyDown,\n  onActivate,\n  keepOpenOnSpace = false,\n  nativeEnter = false,\n  hasSubmenu = false,\n}: MenuItemActivationOptions): {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLElement>;\n} {\n  const list = useMenuListContext();\n  // Set while the key handler's click runs, so the click knows that Space caused it.\n  const clickFromSpaceRef = React.useRef(false);\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    // A click inside a portal opened from the item reaches the consumer's onClick (React bubbles\n    // it), but is not a click on the item: it never activates the item or closes the menu. A\n    // disabled item calls no onClick, as a disabled button; a portal's click keeps its default.\n    const own = isOwnEvent(event);\n    if (disabled) {\n      if (own) event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    if (!own || event.defaultPrevented) return;\n    onActivate?.(event);\n    if (event.defaultPrevented || hasSubmenu) return;\n    if (keepOpenOnSpace && clickFromSpaceRef.current) return;\n    if (persistOnClick ?? list?.menu.persistOnItemClick ?? false) return;\n    list?.closeFromItem();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    // C-COMPOSE: the consumer's onKeyDown runs first; preventDefault() skips the built-in keys.\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    // Enter and Space typed in a portal opened from the item belong to that portal.\n    if (!isOwnEvent(event)) return;\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n    // A link follows itself on Enter (Shift, Ctrl and Meta keep opening a new window or tab).\n    if (event.key === 'Enter' && nativeEnter) return;\n    // With Ctrl, Alt or Meta (Ctrl+Alt+Space included) the key is a shortcut, left to the page.\n    if (event.ctrlKey || event.altKey || event.metaKey) return;\n    // Menu items consume Enter/Space (no page scroll), whether or not they can be activated.\n    event.preventDefault();\n    if (disabled) return;\n    clickFromSpaceRef.current = event.key === ' ';\n    try {\n      event.currentTarget.click();\n    } finally {\n      clickFromSpaceRef.current = false;\n    }\n  };\n\n  return { onClick: handleClick, onKeyDown: handleKeyDown };\n}\n\n/**\n * Internal (C-DEV): warns once, from an effect, when an item of any kind renders in a popup menu\n * outside `Menu.Popover`. A Menu with `open`, `defaultOpen` or `onOpenChange` is a popup menu that\n * renders no element of its own, so such an item has no `role=\"menu\"` parent.\n *\n * @param componentName The item's name in the message, e.g. `'Menu.ItemCheckbox'`.\n */\nexport function useMenuItemPlacementWarning(componentName: string): void {\n  const list = useMenuListContext();\n  const menu = useOptionalMenuContext();\n  const outsidePopover = menu !== null && menu.popup && list === null;\n  React.useEffect(() => {\n    if (!outsidePopover) return;\n    warnOnce(\n      'Menu:item-outside-popover',\n      `${componentName}: rendered in a popup menu outside Menu.Popover, so it has no \\`role=\"menu\"\\` parent. A Menu with \\`open\\`, \\`defaultOpen\\` or \\`onOpenChange\\` is a popup menu that renders no element of its own: put the items in Menu.Popover, or leave these props out for a static menu.`,\n    );\n  }, [outsidePopover, componentName]);\n}\n\n// ---------------------------------------------------------------------------\n// Menu.Item / Menu.Divider\n// ---------------------------------------------------------------------------\n\n/**\n * An action in a menu (`role=\"menuitem\"`). Enter and Space activate it (a Space typed within 500 ms\n * of a typeahead character continues the search instead; with Ctrl, Alt or Meta they are left to\n * the page); in a popup menu, activation closes the menu and returns focus to the trigger unless\n * `persistOnClick` (or the Menu's `persistOnItemClick`) keeps it open or the consumer's `onClick`\n * calls `preventDefault()`. Disabled items are `aria-disabled`, skipped by keyboard navigation and\n * never activated: their `onClick` is not called. A consumer `aria-disabled` without `disabled`\n * only changes the look and keyboard navigation: activation still runs `onClick` (guard it\n * yourself), as on Button. The item's tab index is managed by the menu. Typeahead matches the\n * label (`children`), not the icon or the shortcut; a `data-roving-text` you pass replaces the\n * label's text. Clicks and keys from a portal opened inside the item (a Popover, a Dialog) still\n * reach your `onClick` (on an enabled item) and `onKeyDown`, as React bubbles them, but never\n * activate the item or close the menu.\n *\n * The labels of a menu line up: when any item of the menu shows an icon (or a check), every item\n * keeps an empty column of that width before its label.\n *\n * As the child of a submenu's `Menu.Trigger` (a `Menu` nested in a menu list), the item is the\n * submenu's trigger: it shows a chevron at its end (mirrored in RTL) and `data-has-submenu`, and\n * activating it never closes its own menu. ArrowRight (ArrowLeft in RTL), Enter, Space and a click\n * open the submenu and move focus to its first item; resting the mouse on the item opens it\n * without moving focus.\n *\n * Also exported as `MenuItem` (import the flat name from React Server Components).\n */\nexport const MenuItem = ({\n  icon,\n  shortcut,\n  disabled = false,\n  persistOnClick,\n  onClick,\n  onKeyDown,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuItemProps) => {\n  const isSubmenuTrigger = React.useContext(MenuSubmenuTriggerContext);\n  useMenuItemPlacementWarning('Menu.Item');\n\n  // Typeahead text: a string label directly; any other label through its marked element.\n  const stringLabel = typeof children === 'string' ? children : undefined;\n  const ownRovingText = (rest as Record<string, unknown>)['data-roving-text'] !== undefined;\n\n  // A submenu trigger item opens its submenu (the trigger's composed onClick): activating it never\n  // closes its own menu.\n  const activation = useMenuItemActivation({\n    disabled,\n    persistOnClick,\n    onClick,\n    onKeyDown,\n    hasSubmenu: isSubmenuTrigger,\n  });\n\n  return (\n    <div\n      role=\"menuitem\"\n      data-roving-text={stringLabel}\n      {...rest}\n      ref={ref}\n      aria-disabled={disabled ? true : rest['aria-disabled']}\n      data-disabled={disabled ? '' : undefined}\n      data-has-submenu={isSubmenuTrigger ? '' : undefined}\n      onClick={activation.onClick}\n      onKeyDown={activation.onKeyDown}\n      className={cn(menuItemClasses, className)}\n    >\n      <MenuItemRow\n        icon={icon}\n        label={children}\n        shortcut={shortcut}\n        markLabel={!ownRovingText}\n        end={\n          isSubmenuTrigger ? (\n            <ChevronRightIcon size={16} className=\"ms-auto shrink-0 wave-rtl:-scale-x-100\" />\n          ) : undefined\n        }\n      />\n    </div>\n  );\n};\nMenuItem.displayName = 'MenuItem';\n\n/**\n * A separator between groups of menu items (`role=\"separator\"`).\n *\n * Also exported as `MenuDivider` (import the flat name from React Server Components).\n */\nexport const MenuDivider = ({ className, ref, ...rest }: MenuDividerProps) => {\n  return (\n    <div\n      role=\"separator\"\n      {...rest}\n      ref={ref}\n      className={cn('my-1 border-t border-border', className)}\n    />\n  );\n};\nMenuDivider.displayName = 'MenuDivider';\n"],"mappings":"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"}

package/dist/components/navigation/Menu.link.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("./Menu.shared.cjs"),r=require("./Menu.items.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=e=>{let{as:i,icon:o,shortcut:s,disabled:c=!1,children:l,className:u,onClick:d,onKeyDown:f,ref:p,...m}=e,h=i??`a`;r.useMenuItemPlacementWarning(`Menu.ItemLink`);let g=r.useMenuItemActivation({disabled:c,persistOnClick:!1,onClick:d,onKeyDown:f,nativeEnter:!0}),_=typeof l==`string`?l:void 0,v=m[`data-roving-text`]!==void 0,y=c&&typeof h==`string`?{href:void 0}:null;return(0,a.jsx)(h,{role:`menuitem`,"data-roving-text":_,...m,...y,ref:p,"aria-disabled":c?!0:m[`aria-disabled`],"data-disabled":c?``:void 0,onClick:g.onClick,onKeyDown:g.onKeyDown,className:t.cn(n.menuItemClasses,`text-foreground no-underline`,u),children:(0,a.jsx)(r.MenuItemRow,{icon:o,label:l,shortcut:s,markLabel:!v})})};o.displayName=`MenuItemLink`,exports.MenuItemLink=o;
+//# sourceMappingURL=Menu.link.cjs.map

package/dist/components/navigation/Menu.link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.link.cjs","names":["useMenuItemActivation","cn","menuItemClasses","MenuItemRow","require_runtime","require_cn","require_Menu_shared","require_Menu_items","react","react_jsx_runtime","MenuItemLink","rest","props","Component","as","activation","stringLabel","children","ownRovingText","disabledHref","disabled","className"],"sources":["../../../src/components/navigation/Menu.link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { Slot } from '../../lib/types';\nimport { MenuItemRow, useMenuItemActivation, useMenuItemPlacementWarning } from './Menu.items';\nimport { menuItemClasses } from './Menu.shared';\n\n/** The MenuItemLink's own props (the XOwnProps rule: component-specific props only). */\nexport interface MenuItemLinkOwnProps {\n  /** Icon before the label (decorative); the rules of `Menu.Item.icon`. */\n  icon?: Slot<'span'>;\n  /** Keyboard shortcut text at the end of the item; the rules of `Menu.Item.shortcut`. */\n  shortcut?: string;\n  /**\n   * Unavailable: `aria-disabled`, skipped by the arrow keys, never activated, and its click is\n   * cancelled (`preventDefault()`, which router links respect). On the default `'a'` the `href`\n   * is removed too, so it cannot navigate at all; with `as` (a router link) the component's own\n   * `to` still renders an `href`, so middle click or \"open in new tab\" can still follow it:\n   * render a disabled router link without its target.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label of the link. */\n  children: React.ReactNode;\n}\n\n/** Props of {@link MenuItemLink} rendered as `C` (default `'a'`, or a router link component). */\nexport type MenuItemLinkProps<C extends React.ElementType = 'a'> = PolymorphicProps<\n  C,\n  MenuItemLinkOwnProps\n>;\n\n/** The props the implementation reads, for any `as`. */\ntype MenuItemLinkImplProps = MenuItemLinkOwnProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'onKeyDown' | 'children'> & {\n    as?: React.ElementType;\n    ref?: React.Ref<HTMLElement>;\n    onClick?: React.MouseEventHandler<HTMLElement>;\n    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n  };\n\n/**\n * A menu item that navigates (`role=\"menuitem\"` on the link element). Enter follows the link the\n * way the browser does (Shift+Enter, Ctrl+Enter and Cmd+Enter open a new window or tab), Space\n * follows it too, and every click follows it and closes a popup menu (focus returns to the\n * trigger first), a Ctrl- or Cmd-click that opens a new tab included; the Menu's\n * `persistOnItemClick` does not keep it open. Middle click and the browser's link context menu\n * keep working and close nothing. A consumer `onClick` that calls `preventDefault()` cancels the\n * navigation and keeps the menu open. In a static menu a click navigates and closes nothing. In\n * forced colors the browser draws the text in its link color (`LinkText`). Typeahead matches the\n * label (`children`). `as` takes a router link component, which must forward `ref` and spread its\n * props onto the anchor.\n *\n * Also exported as `MenuItemLink` (import the flat name from React Server Components).\n *\n * @example\n * <Menu.ItemLink href=\"/settings\">Settings</Menu.ItemLink>\n * <Menu.ItemLink as={RouterLink} to=\"/billing\">Billing</Menu.ItemLink>\n */\nexport const MenuItemLink: PolymorphicComponent<'a', MenuItemLinkOwnProps> = (props) => {\n  const {\n    as,\n    icon,\n    shortcut,\n    disabled = false,\n    children,\n    className,\n    onClick,\n    onKeyDown,\n    ref,\n    ...rest\n  } = props as MenuItemLinkImplProps;\n  const Component: React.ElementType = as ?? 'a';\n  useMenuItemPlacementWarning('Menu.ItemLink');\n\n  // Enter is the browser's (a link keeps Shift, Ctrl and Meta for a new window or tab); Space\n  // clicks it. Every activation closes the popup menu: a navigation ends the menu's job.\n  const activation = useMenuItemActivation({\n    disabled,\n    persistOnClick: false,\n    onClick,\n    onKeyDown,\n    nativeEnter: true,\n  });\n\n  // Typeahead text: a string label directly; any other label through its marked element.\n  const stringLabel = typeof children === 'string' ? children : undefined;\n  const ownRovingText = (rest as Record<string, unknown>)['data-roving-text'] !== undefined;\n  // A disabled element link cannot navigate at all (middle click, \"open in new tab\" included); a\n  // router link keeps what its own props render, and its prevented click stops it.\n  const disabledHref = disabled && typeof Component === 'string' ? { href: undefined } : null;\n\n  return (\n    <Component\n      role=\"menuitem\"\n      data-roving-text={stringLabel}\n      {...rest}\n      {...disabledHref}\n      ref={ref}\n      aria-disabled={disabled ? true : rest['aria-disabled']}\n      data-disabled={disabled ? '' : undefined}\n      onClick={activation.onClick}\n      onKeyDown={activation.onKeyDown}\n      className={cn(menuItemClasses, 'text-foreground no-underline', className)}\n    >\n      <MenuItemRow icon={icon} label={children} shortcut={shortcut} markLabel={!ownRovingText} />\n    </Component>\n  );\n};\nMenuItemLink.displayName = 'MenuItemLink';\n"],"mappings":"2OA2DA,IAAaU,EAAiE,GAAU,CACtF,GAAM,CACJ,KACA,OACA,WACA,WAAW,GACX,WACA,YACA,UACA,YACA,MACA,GAAGC,GACDC,EACEC,EAA+BC,GAAM,IAC3CP,EAAA,4BAA4B,eAAe,EAI3C,IAAMQ,EAAaf,EAAAA,sBAAsB,CACvC,WACA,eAAgB,GAChB,UACA,YACA,YAAa,EACf,CAAC,EAGKgB,EAAc,OAAOC,GAAa,SAAWA,EAAW,IAAA,GACxDC,EAAiBP,EAAiC,sBAAwB,IAAA,GAG1EQ,EAAeC,GAAY,OAAOP,GAAc,SAAW,CAAE,KAAM,IAAA,EAAU,EAAI,KAEvF,OACE,EAAAJ,EAAA,IAAA,CAACI,EAAD,CACE,KAAK,WACL,mBAAkBG,EAClB,GAAIL,EACJ,GAAIQ,EACC,MACL,gBAAeC,EAAW,GAAOT,EAAK,iBACtC,gBAAeS,EAAW,GAAK,IAAA,GAC/B,QAASL,EAAW,QACpB,UAAWA,EAAW,UACtB,UAAWd,EAAAA,GAAGC,EAAAA,gBAAiB,+BAAgCmB,CAAS,EAExE,UAAA,EAAAZ,EAAA,IAAA,CAACN,EAAAA,YAAD,CAAmB,OAAM,MAAOc,EAAoB,WAAU,UAAW,CAACC,CAAgB,CAAA,CACjF,CAAA,CAEf,EACA,EAAa,YAAc"}

package/dist/components/navigation/Menu.link.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { menuItemClasses as t } from "./Menu.shared.mjs";
+import { MenuItemRow as n, useMenuItemActivation as r, useMenuItemPlacementWarning as i } from "./Menu.items.mjs";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/navigation/Menu.link.tsx
+var o = (o) => {
+	let { as: s, icon: c, shortcut: l, disabled: u = !1, children: d, className: f, onClick: p, onKeyDown: m, ref: h, ...g } = o, _ = s ?? "a";
+	i("Menu.ItemLink");
+	let v = r({
+		disabled: u,
+		persistOnClick: !1,
+		onClick: p,
+		onKeyDown: m,
+		nativeEnter: !0
+	}), y = typeof d == "string" ? d : void 0, b = g["data-roving-text"] !== void 0, x = u && typeof _ == "string" ? { href: void 0 } : null;
+	return /* @__PURE__ */ a(_, {
+		role: "menuitem",
+		"data-roving-text": y,
+		...g,
+		...x,
+		ref: h,
+		"aria-disabled": u ? !0 : g["aria-disabled"],
+		"data-disabled": u ? "" : void 0,
+		onClick: v.onClick,
+		onKeyDown: v.onKeyDown,
+		className: e(t, "text-foreground no-underline", f),
+		children: /* @__PURE__ */ a(n, {
+			icon: c,
+			label: d,
+			shortcut: l,
+			markLabel: !b
+		})
+	});
+};
+o.displayName = "MenuItemLink";
+//#endregion
+export { o as MenuItemLink };
+
+//# sourceMappingURL=Menu.link.mjs.map

package/dist/components/navigation/Menu.link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.link.mjs","names":["MenuItemLink","rest","props","Component","as","activation","useMenuItemActivation","stringLabel","children","ownRovingText","disabledHref","disabled","cn","menuItemClasses","className","MenuItemRow"],"sources":["../../../src/components/navigation/Menu.link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { Slot } from '../../lib/types';\nimport { MenuItemRow, useMenuItemActivation, useMenuItemPlacementWarning } from './Menu.items';\nimport { menuItemClasses } from './Menu.shared';\n\n/** The MenuItemLink's own props (the XOwnProps rule: component-specific props only). */\nexport interface MenuItemLinkOwnProps {\n  /** Icon before the label (decorative); the rules of `Menu.Item.icon`. */\n  icon?: Slot<'span'>;\n  /** Keyboard shortcut text at the end of the item; the rules of `Menu.Item.shortcut`. */\n  shortcut?: string;\n  /**\n   * Unavailable: `aria-disabled`, skipped by the arrow keys, never activated, and its click is\n   * cancelled (`preventDefault()`, which router links respect). On the default `'a'` the `href`\n   * is removed too, so it cannot navigate at all; with `as` (a router link) the component's own\n   * `to` still renders an `href`, so middle click or \"open in new tab\" can still follow it:\n   * render a disabled router link without its target.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label of the link. */\n  children: React.ReactNode;\n}\n\n/** Props of {@link MenuItemLink} rendered as `C` (default `'a'`, or a router link component). */\nexport type MenuItemLinkProps<C extends React.ElementType = 'a'> = PolymorphicProps<\n  C,\n  MenuItemLinkOwnProps\n>;\n\n/** The props the implementation reads, for any `as`. */\ntype MenuItemLinkImplProps = MenuItemLinkOwnProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'onKeyDown' | 'children'> & {\n    as?: React.ElementType;\n    ref?: React.Ref<HTMLElement>;\n    onClick?: React.MouseEventHandler<HTMLElement>;\n    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n  };\n\n/**\n * A menu item that navigates (`role=\"menuitem\"` on the link element). Enter follows the link the\n * way the browser does (Shift+Enter, Ctrl+Enter and Cmd+Enter open a new window or tab), Space\n * follows it too, and every click follows it and closes a popup menu (focus returns to the\n * trigger first), a Ctrl- or Cmd-click that opens a new tab included; the Menu's\n * `persistOnItemClick` does not keep it open. Middle click and the browser's link context menu\n * keep working and close nothing. A consumer `onClick` that calls `preventDefault()` cancels the\n * navigation and keeps the menu open. In a static menu a click navigates and closes nothing. In\n * forced colors the browser draws the text in its link color (`LinkText`). Typeahead matches the\n * label (`children`). `as` takes a router link component, which must forward `ref` and spread its\n * props onto the anchor.\n *\n * Also exported as `MenuItemLink` (import the flat name from React Server Components).\n *\n * @example\n * <Menu.ItemLink href=\"/settings\">Settings</Menu.ItemLink>\n * <Menu.ItemLink as={RouterLink} to=\"/billing\">Billing</Menu.ItemLink>\n */\nexport const MenuItemLink: PolymorphicComponent<'a', MenuItemLinkOwnProps> = (props) => {\n  const {\n    as,\n    icon,\n    shortcut,\n    disabled = false,\n    children,\n    className,\n    onClick,\n    onKeyDown,\n    ref,\n    ...rest\n  } = props as MenuItemLinkImplProps;\n  const Component: React.ElementType = as ?? 'a';\n  useMenuItemPlacementWarning('Menu.ItemLink');\n\n  // Enter is the browser's (a link keeps Shift, Ctrl and Meta for a new window or tab); Space\n  // clicks it. Every activation closes the popup menu: a navigation ends the menu's job.\n  const activation = useMenuItemActivation({\n    disabled,\n    persistOnClick: false,\n    onClick,\n    onKeyDown,\n    nativeEnter: true,\n  });\n\n  // Typeahead text: a string label directly; any other label through its marked element.\n  const stringLabel = typeof children === 'string' ? children : undefined;\n  const ownRovingText = (rest as Record<string, unknown>)['data-roving-text'] !== undefined;\n  // A disabled element link cannot navigate at all (middle click, \"open in new tab\" included); a\n  // router link keeps what its own props render, and its prevented click stops it.\n  const disabledHref = disabled && typeof Component === 'string' ? { href: undefined } : null;\n\n  return (\n    <Component\n      role=\"menuitem\"\n      data-roving-text={stringLabel}\n      {...rest}\n      {...disabledHref}\n      ref={ref}\n      aria-disabled={disabled ? true : rest['aria-disabled']}\n      data-disabled={disabled ? '' : undefined}\n      onClick={activation.onClick}\n      onKeyDown={activation.onKeyDown}\n      className={cn(menuItemClasses, 'text-foreground no-underline', className)}\n    >\n      <MenuItemRow icon={icon} label={children} shortcut={shortcut} markLabel={!ownRovingText} />\n    </Component>\n  );\n};\nMenuItemLink.displayName = 'MenuItemLink';\n"],"mappings":";;;;;;;AA2DA,IAAaA,KAAiE,MAAU;CACtF,IAAM,EACJ,OACA,SACA,aACA,cAAW,IACX,aACA,cACA,YACA,cACA,QACA,GAAGC,MACDC,GACEC,IAA+BC,KAAM;CAC3C,EAA4B,eAAe;CAI3C,IAAMC,IAAaC,EAAsB;EACvC;EACA,gBAAgB;EAChB;EACA;EACA,aAAa;CACf,CAAC,GAGKC,IAAc,OAAOC,KAAa,WAAWA,IAAW,KAAA,GACxDC,IAAiBR,EAAiC,wBAAwB,KAAA,GAG1ES,IAAeC,KAAY,OAAOR,KAAc,WAAW,EAAE,MAAM,KAAA,EAAU,IAAI;CAEvF,OACE,kBAACA,GAAD;EACE,MAAK;EACL,oBAAkBI;EAClB,GAAIN;EACJ,GAAIS;EACC;EACL,iBAAeC,IAAW,KAAOV,EAAK;EACtC,iBAAeU,IAAW,KAAK,KAAA;EAC/B,SAASN,EAAW;EACpB,WAAWA,EAAW;EACtB,WAAWO,EAAGC,GAAiB,gCAAgCC,CAAS;EAExE,UAAA,kBAACC,GAAD;GAAmB;GAAM,OAAOP;GAAoB;GAAU,WAAW,CAACC;EAAgB,CAAA;CACjF,CAAA;AAEf;AACA,EAAa,cAAc"}

package/dist/components/navigation/Menu.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { MenuDivider as e, MenuItem as t } from "./Menu.items.mjs";
+import { MenuGroup as n, MenuGroupHeader as r } from "./Menu.group.mjs";
+import { MenuItemLink as i } from "./Menu.link.mjs";
+import { MenuPopover as a } from "./Menu.popover.mjs";
+import { MenuTrigger as o } from "./Menu.trigger.mjs";
+import { MenuRoot as s } from "./Menu.root.mjs";
+import { MenuItemCheckbox as c, MenuItemRadio as l, MenuItemSwitch as u } from "./Menu.selectable.mjs";
+import { MenuSplitGroup as d } from "./Menu.splitGroup.mjs";
+//#region src/components/navigation/Menu.tsx
+var f = /* @__PURE__ */ Object.assign(s, {
+	Item: t,
+	Divider: e,
+	Trigger: o,
+	Popover: a,
+	ItemCheckbox: c,
+	ItemRadio: l,
+	ItemSwitch: u,
+	ItemLink: i,
+	Group: n,
+	GroupHeader: r,
+	SplitGroup: d
+});
+//#endregion
+export { f as Menu, e as MenuDivider, n as MenuGroup, r as MenuGroupHeader, t as MenuItem, c as MenuItemCheckbox, i as MenuItemLink, l as MenuItemRadio, u as MenuItemSwitch, a as MenuPopover, d as MenuSplitGroup, o as MenuTrigger };
+
+//# sourceMappingURL=Menu.mjs.map

package/dist/components/navigation/Menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mjs","names":["Menu","MenuRoot","MenuItem","MenuDivider","MenuTrigger","MenuPopover","MenuItemCheckbox","MenuItemRadio","MenuItemSwitch","MenuItemLink","MenuGroup","MenuGroupHeader","MenuSplitGroup"],"sources":["../../../src/components/navigation/Menu.tsx"],"sourcesContent":["import { MenuGroup, MenuGroupHeader } from './Menu.group';\nimport { MenuDivider, MenuItem } from './Menu.items';\nimport { MenuItemLink } from './Menu.link';\nimport { MenuPopover } from './Menu.popover';\nimport { MenuRoot } from './Menu.root';\nimport { MenuItemCheckbox, MenuItemRadio, MenuItemSwitch } from './Menu.selectable';\nimport { MenuSplitGroup } from './Menu.splitGroup';\nimport { MenuTrigger } from './Menu.trigger';\n\nexport type { MenuProps } from './Menu.root';\nexport type { MenuItemProps, MenuDividerProps } from './Menu.items';\nexport type { MenuTriggerProps, MenuTriggerComponentProps } from './Menu.trigger';\nexport type { MenuPopoverProps } from './Menu.popover';\nexport type {\n  MenuItemSelectableProps,\n  MenuItemCheckboxProps,\n  MenuItemRadioProps,\n  MenuItemSwitchProps,\n} from './Menu.selectable';\nexport type { MenuItemLinkProps, MenuItemLinkOwnProps } from './Menu.link';\nexport type { MenuGroupProps, MenuGroupHeaderProps } from './Menu.group';\nexport type { MenuSplitGroupProps } from './Menu.splitGroup';\n\n/**\n * A menu of actions (`role=\"menu\"`), in one of two forms:\n *\n * - **Static menu** — `Menu.Item`/`Menu.Divider` children render inline inside the `role=\"menu\"`\n *   element. The menu itself is not a tab stop: one item is (the last focused enabled item, else\n *   the first enabled one). When every item is disabled, the menu element holds the tab stop\n *   instead, so keyboard and screen-reader users still reach it. Arrow keys, Home/End and\n *   typeahead move between enabled items; Enter and Space activate the focused item (a Space typed\n *   within 500 ms of a typeahead character continues the search instead).\n * - **Popup menu** — with `Menu.Trigger` and `Menu.Popover` children, or whenever `open`,\n *   `defaultOpen` or `onOpenChange` is passed (even `false`), the root renders no element of its\n *   own: the trigger opens the portaled `Menu.Popover`, item activation returns focus to the\n *   trigger and closes it (focus is on the trigger before the menu goes, so a Dialog the item\n *   opens returns focus there when it closes), unless `persistOnItemClick` (or the item's own\n *   `persistOnClick`) keeps it open. Open state is `open`/`defaultOpen`/`onOpenChange`. With\n *   `openOnHover` a mouse pointer resting on the trigger opens it without moving focus; with\n *   `openOnContext` the trigger is a context-menu region (a right click, Shift+F10 or the\n *   ContextMenu key opens the menu there).\n * - **Submenus** — a `<Menu>` rendered in a menu list (inside `Menu.Popover`, or among the items\n *   of a static menu) is a submenu. Its `Menu.Trigger` wraps a `Menu.Item`, which becomes the\n *   submenu's trigger item (`aria-haspopup=\"menu\"`, a chevron that mirrors in RTL):\n *   ```tsx\n *   <Menu.Popover>\n *     <Menu>\n *       <Menu.Trigger><Menu.Item>Open recent</Menu.Item></Menu.Trigger>\n *       <Menu.Popover><Menu.Item>report.docx</Menu.Item></Menu.Popover>\n *     </Menu>\n *   </Menu.Popover>\n *   ```\n *   ArrowRight (ArrowLeft in RTL), Enter, Space, a click, or the mouse resting on the item opens\n *   the submenu (the keys and the click move focus to its first item); ArrowLeft (ArrowRight in\n *   RTL) and Escape close only that submenu and return focus to its item; item activation and Tab\n *   close every level and put focus on the root trigger (under a static menu, on the submenu's\n *   trigger item). One submenu of a menu is open at a time. It works in static menus too. A Menu\n *   inside a Popover or Dialog opened from an item is a root menu of its own, not a submenu.\n *   `Menu.SplitGroup` puts an action and the button of its submenu in one row.\n *\n * **Checked values**: `Menu.ItemCheckbox`, `Menu.ItemRadio` and `Menu.ItemSwitch` are bound by\n * `name` and `value` to the Menu's `checkedValues` (`defaultCheckedValues`,\n * `onCheckedValuesChange`), in static and popup menus alike: unlike `open`, they do not make a\n * Menu a popup menu. Space changes a checkable item and keeps the menu open; Enter and a click\n * change it and close a popup menu. A submenu shares its parent's checked values unless it sets\n * `checkedValues` or `defaultCheckedValues` of its own. `Menu.Group` and `Menu.GroupHeader` label\n * a set of items; `Menu.ItemLink` navigates. The item labels line up: once an item of a menu shows\n * a check or an icon, every item keeps that column.\n *\n * **Popup detection**: Menu looks for `Menu.Trigger`/`Menu.Popover` (also under their flat names\n * from a Server Component) among its direct children and inside Fragments only. When they are\n * wrapped in another element or component, pass `open`, `defaultOpen` or `onOpenChange` to force\n * popup mode; otherwise the static `role=\"menu\"` element is rendered around them (development\n * warning). A popup menu renders no root element, so `className`, `ref` and other DOM props on\n * `Menu` are ignored (development warning): put them on `Menu.Popover`. Items rendered in a popup\n * menu outside `Menu.Popover` have no `role=\"menu\"` parent (development warning).\n *\n * Sub-components are also exported under flat names (`MenuItem`, `MenuDivider`, `MenuTrigger`,\n * `MenuPopover`, `MenuItemCheckbox`, `MenuItemRadio`, `MenuItemSwitch`, `MenuItemLink`,\n * `MenuGroup`, `MenuGroupHeader`, `MenuSplitGroup`): React Server Components import those, because\n * dotted access (`Menu.Item`) needs a client file.\n */\nexport const Menu = /* @__PURE__ */ Object.assign(MenuRoot, {\n  Item: MenuItem,\n  Divider: MenuDivider,\n  Trigger: MenuTrigger,\n  Popover: MenuPopover,\n  ItemCheckbox: MenuItemCheckbox,\n  ItemRadio: MenuItemRadio,\n  ItemSwitch: MenuItemSwitch,\n  ItemLink: MenuItemLink,\n  Group: MenuGroup,\n  GroupHeader: MenuGroupHeader,\n  SplitGroup: MenuSplitGroup,\n});\n\nexport {\n  MenuItem,\n  MenuDivider,\n  MenuTrigger,\n  MenuPopover,\n  MenuItemCheckbox,\n  MenuItemRadio,\n  MenuItemSwitch,\n  MenuItemLink,\n  MenuGroup,\n  MenuGroupHeader,\n  MenuSplitGroup,\n};\n"],"mappings":";;;;;;;;;;AAkFA,IAAaA,IAAuB,uBAAO,OAAOC,GAAU;CAC1D,MAAMC;CACN,SAASC;CACT,SAASC;CACT,SAASC;CACT,cAAcC;CACd,WAAWC;CACX,YAAYC;CACZ,UAAUC;CACV,OAAOC;CACP,aAAaC;CACb,YAAYC;AACd,CAAC"}

package/dist/components/navigation/Menu.popover.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/composeEventHandlers.cjs"),i=require("../../hooks/useEventCallback.cjs"),a=require("../../lib/direction.cjs"),o=require("../../lib/focus.cjs"),ee=require("../../hooks/useRovingTabIndex.cjs"),te=require("../../hooks/useMergedRefs.cjs"),ne=require("../../hooks/usePresence.cjs"),re=require("../../hooks/useDismiss.cjs"),s=require("../portal/Portal.cjs"),ie=require("../../hooks/usePopupPosition.cjs"),ae=require("../../hooks/useRestoreFocus.cjs"),c=require("../../hooks/useTriggerElement.cjs"),l=require("../../lib/events.cjs"),u=require("./Menu.context.cjs"),d=require("./Menu.shared.cjs"),f=require("../../hooks/useHoverIntent.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var oe={padding:8,crossAxis:!0};function se(e){return!!e&&e.nodeType===1}function h(e){let[t]=p.useState(f.createHoverIntentGroup),n=p.useRef(!1);return{hoverGroup:t,isHoverFocusing:p.useCallback(()=>n.current,[]),onPointerMove:i.useEventCallback(r=>{if(r.pointerType===`touch`||r.pointerType===`pen`||!l.isOwnEvent(r))return;let i=r.target.closest(d.MENU_ITEM_SELECTOR);if(!i||!r.currentTarget.contains(i)||i.getAttribute(`aria-disabled`)===`true`||i.ownerDocument.activeElement===i)return;let a=e;for(;a.parent;)a=a.parent;a.listContainsFocus()&&!t.isHeld(r.clientX,r.clientY)&&(n.current=!0,i.focus({preventScroll:!0}),queueMicrotask(()=>{n.current=!1}))})}}var g=({side:e,align:f=`start`,offset:g,target:_,children:ce,className:le,style:ue,onKeyDown:de,onKeyDownCapture:fe,onFocus:pe,onPointerEnter:me,onPointerLeave:he,onPointerMove:ge,onContextMenu:_e,ref:ve,...v})=>{let y=u.useMenuContext(`Menu.Popover`),{popup:ye,open:b,takeInitialFocus:x,registerSurface:S,menuId:be,labelledBy:xe,triggerRef:C,triggerElement:w,isSubmenu:T,requestClose:Se,closeChain:E,dismiss:Ce,hoverSurfaceHandlers:D,isHoverClose:we,openOnContext:O,contextSurfaceHandlers:Te,contextAnchor:k,fromContext:A,contextOpener:j}=y;d.useStaticMenuPartWarning(`Menu.Popover`,ye);let M=se(_)?_:null,[N,Ee]=p.useState(null),P=p.useRef(null),De=p.useCallback(e=>{P.current=e,Ee(e)},[]),{isMounted:F,ref:Oe,presenceProps:ke}=ne.usePresence(b),{setReference:I,setFloating:Ae,floatingProps:L,isPositioned:R}=ie.usePopupPosition({open:b,side:e??(T?`end`:`bottom`),align:f,offset:g??(T?0:4),fitViewport:!0,shift:T?oe:void 0}),{maxHeight:je,maxWidth:Me,...Ne}=L.style;p.useLayoutEffect(()=>{I(A?k??c.getTriggerFocusTarget(w)??w:_??w)},[I,k,A,_,w]);let z=i.useEventCallback(()=>{let e=O?j.current:null;return e&&o.isConnectedAndFocusable(e)?e:c.getTriggerFocusTarget(C.current)||(M&&o.isConnectedAndFocusable(M)?M:null)}),Pe=p.useMemo(()=>({get current(){return z()??C.current}}),[z,C]),B={current:M},{layerId:V}=re.useDismiss({open:b,onDismiss:Ce,refs:O?[P,B]:[P,C,B],anchorRef:Pe,kind:`menu`,focusOutside:!0,outsidePress:O?e=>!(e.ctrlKey&&e.target instanceof Node&&C.current?.contains(e.target)):!0}),H=c.useTriggerFocusRef(C),U=p.useRef(null),W=p.useRef(!1),Fe=i.useEventCallback(()=>{let e=P.current,t=(C.current??e)?.ownerDocument??document,n=n=>!!n&&n!==t.body&&n!==t.documentElement&&!e?.contains(n),r=O?null:H.current,i=t.activeElement;U.current=n(r)?r:n(i)?i:null});p.useInsertionEffect(()=>{let e=W.current;W.current=b,b&&!e&&Fe()});let Ie=i.useEventCallback(()=>{let e=P.current;return[O?j.current:null,U.current,z()].find(t=>!!t&&o.isConnectedAndFocusable(t)&&!e?.contains(t))??null});ae.useRestoreFocus({enabled:b,container:N,triggerRef:O?void 0:H,finalFocusRef:O?j:void 0,fallback:z,onlyIfFocusInside:!0,isHoverClose:we});let G=F&&(O||_!=null&&!w)&&v[`aria-label`]===void 0&&v[`aria-labelledby`]===void 0;p.useEffect(()=>{G&&n.warnOnce(`Menu.Popover:name`,"Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.")},[G]);let{containerProps:{ref:Le},handleKeyDown:Re,handleKeyDownCapture:ze,handleFocus:Be,focusFirst:K,focusLast:q}=ee.useRovingTabIndex({orientation:`vertical`,loop:!0,typeahead:!0,manageTabIndex:!0,itemSelector:d.MENU_ITEM_SELECTOR}),Ve=te.useMergedRefs(ve,De,Le,Ae,Oe);p.useLayoutEffect(()=>{if(N&&b)return S({focusFirst:K,focusLast:q,surface:N,layerId:V,getReturnFocus:z}),()=>S(null)},[N,b,S,K,q,V,z]);let J=p.useRef(!1);p.useLayoutEffect(()=>(J.current=!1,()=>{J.current=!0}),[]);let Y=i.useEventCallback(()=>{let e=P.current,t=e?.ownerDocument.activeElement;!J.current&&e&&t&&e.contains(t)&&Ie()?.focus({preventScroll:!0})});p.useLayoutEffect(()=>{if(b)return Y},[b,Y]),p.useLayoutEffect(()=>{if(!b||!N||N.contains(N.ownerDocument.activeElement))return;let e=x();e===`last`?q():e===`first`&&K()},[b,N,x,K,q]),p.useLayoutEffect(()=>{if(!R||!N)return;let e=N.ownerDocument.activeElement;e&&e!==N&&N.contains(e)&&e.scrollIntoView?.({block:`nearest`})},[R,N]);let X=p.useContext(s.PortalDepthContext)+1,Z=u.useCheckableRegistry(),{hoverGroup:Q,isHoverFocusing:$,onPointerMove:He}=h(y),Ue=p.useMemo(()=>({menu:y,isStatic:!1,portalDepth:X,closeFromItem:E,registerCheckable:Z,hoverGroup:Q,isHoverFocusing:$}),[y,X,E,Z,Q,$]),We=e=>{if(de?.(e),!e.defaultPrevented&&l.isOwnEvent(e)){if(e.key===`Tab`){E();return}if(T&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!l.isEditableTarget(e.target)&&a.getArrowIntent(e.key,{orientation:`horizontal`,dir:a.getDirection(e.currentTarget)})===`prev`){e.preventDefault(),z()?.focus({preventScroll:!0}),Se();return}Re(e)}};return F?(0,m.jsx)(s.Portal,{layerId:V,children:(0,m.jsx)(u.MenuListContext.Provider,{value:Ue,children:(0,m.jsx)(`div`,{role:`menu`,...v,"aria-labelledby":v[`aria-labelledby`]===void 0?w&&!O&&v[`aria-label`]===void 0?xe:void 0:v[`aria-labelledby`],...ke,ref:Ve,id:be,"data-state":b?`open`:`closed`,"data-side":L[`data-side`],"data-align":L[`data-align`],"data-roving-container":``,style:{...Ne,...ue},onKeyDown:We,onKeyDownCapture:d.withTypeaheadText(r.composeEventHandlers(fe,ze)),onFocus:r.composeEventHandlers(pe,Be,{checkDefaultPrevented:!1}),onPointerEnter:r.composeEventHandlers(me,D.onPointerEnter),onPointerLeave:r.composeEventHandlers(he,D.onPointerLeave),onPointerMove:r.composeEventHandlers(ge,He),onContextMenu:r.composeEventHandlers(_e,Te.onContextMenu),className:t.cn(d.menuPopoverClasses,le),children:ce})})}):null};g.displayName=`MenuPopover`,exports.MenuPopover=g,exports.useMenuListPointer=h;
+//# sourceMappingURL=Menu.popover.cjs.map

package/dist/components/navigation/Menu.popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.popover.cjs","names":["React","createHoverIntentGroup","useEventCallback","isOwnEvent","MENU_ITEM_SELECTOR","useMenuContext","usePresence","usePopupPosition","getTriggerFocusTarget","isConnectedAndFocusable","useDismiss","useTriggerFocusRef","useRovingTabIndex","useMergedRefs","PortalDepthContext","useCheckableRegistry","isEditableTarget","getArrowIntent","getDirection","Portal","MenuListContext","withTypeaheadText","composeEventHandlers","cn","menuPopoverClasses","require_runtime","require_cn","require_dev","require_composeEventHandlers","require_useEventCallback","require_direction","require_focus","require_useRovingTabIndex","require_useMergedRefs","require_usePresence","require_useDismiss","require_Portal","require_usePopupPosition","require_useRestoreFocus","require_useTriggerElement","require_events","require_Menu_context","require_Menu_shared","require_useHoverIntent","react","react_jsx_runtime","SUBMENU_SHIFT","isElementTarget","target","useMenuListPointer","hoverGroup","hoverFocusingRef","event","item","root","menu","MenuPopover","rest","popup","targetElement","surface","setSurface","surfaceRef","setSurfaceElement","element","presenceRef","open","side","isSubmenu","offset","_maxHeight","_maxWidth","positionStyle","floatingProps","setReference","fromContext","contextAnchor","triggerElement","getReturnFocus","opener","openOnContext","contextOpener","triggerRef","returnFocusRef","targetRef","dismiss","triggerFocusRef","openerRef","wasOpenRef","captureOpener","container","doc","isCandidate","el","trigger","active","wasOpen","getCloseFocus","unnamed","isMounted","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","mergedRef","ref","setFloating","registerSurface","focusFirst","focusLast","layerId","unmountingRef","focusReturnTargetOnClose","surfaceElement","takeInitialFocus","isPositioned","portalDepth","registerCheckable","listPointerMove","listContext","closeChain","isHoverFocusing","handleKeyDown","onKeyDown","requestClose","labelledBy","presenceProps","menuId","style","onKeyDownCapture","onFocus","onPointerEnter","hoverSurfaceHandlers","onPointerLeave","onPointerMove","onContextMenu","contextSurfaceHandlers","className"],"sources":["../../../src/components/navigation/Menu.popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { PopupAlign, PopupSide, PopupTarget } from '../../lib/types';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isEditableTarget, isOwnEvent } from '../../lib/events';\nimport { isConnectedAndFocusable } from '../../lib/focus';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { createHoverIntentGroup, type HoverIntentGroup } from '../../hooks/useHoverIntent';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePopupPosition } from '../../hooks/usePopupPosition';\nimport { usePresence } from '../../hooks/usePresence';\nimport { useRestoreFocus } from '../../hooks/useRestoreFocus';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getTriggerFocusTarget, useTriggerFocusRef } from '../../hooks/useTriggerElement';\nimport { Portal, PortalDepthContext } from '../portal/Portal';\nimport { MenuListContext, useCheckableRegistry, useMenuContext } from './Menu.context';\nimport type { MenuContextValue, MenuListContextValue } from './Menu.context';\nimport {\n  MENU_ITEM_SELECTOR,\n  menuPopoverClasses,\n  useStaticMenuPartWarning,\n  withTypeaheadText,\n} from './Menu.shared';\n\n/** Properties for the MenuPopover sub-component. */\nexport interface MenuPopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Side of the trigger the menu opens on (`start`/`end` follow the writing direction).\n   * @default 'bottom' ('end' in a submenu)\n   */\n  side?: PopupSide;\n  /** Alignment along that side. @default 'start' */\n  align?: PopupAlign;\n  /** Distance from the trigger in px. @default 4 (0 in a submenu) */\n  offset?: number;\n  /**\n   * Where to place the menu instead of next to `Menu.Trigger`: an element or a `VirtualElement`\n   * (a rectangle, such as a point; an inline object is fine). With a controlled `open`, a menu\n   * with a `target` needs no trigger; name it with `aria-label`, and give a toggle button you use\n   * as the target `aria-haspopup=\"menu\"` and `aria-expanded` yourself (the menu's `id` is\n   * generated, so the toggle cannot point `aria-controls` at it). A press on a target element\n   * does not close the menu. Hold the element in state (a ref cannot be observed;\n   * TeachingPopover's `target` also takes a ref). A menu opened by `openOnContext` is placed at\n   * the gesture instead.\n   */\n  target?: PopupTarget;\n  /** Menu items and dividers. */\n  children: React.ReactNode;\n  /**\n   * Ref to the portaled `role=\"menu\"` surface. Its `id` is generated (the trigger's\n   * `aria-controls` points to it), and it is labelled by the trigger unless `aria-label` or\n   * `aria-labelledby` is given (one that holds `undefined` counts as not given).\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * A submenu with room on neither side of its trigger item is shifted across that side, over its\n * parent menu, to stay inside the viewport (as native and Fluent menus do).\n */\nconst SUBMENU_SHIFT = { padding: 8, crossAxis: true } as const;\n\n/** Whether a `target` is an element (duck typed, so an element of another realm counts). */\nfunction isElementTarget(target: PopupTarget | undefined): target is HTMLElement {\n  return !!target && (target as Partial<Node>).nodeType === 1;\n}\n\n/**\n * Internal: the mouse behaviour of a menu list (the static root and every `Menu.Popover`\n * surface). While focus is inside a list of the menu tree (the chain's root list or any of its\n * submenus), a mouse `pointermove` over an enabled item of this list focuses it (`preventScroll`),\n * unless it already has focus or a submenu's safe zone of this list holds the point. Hover moves\n * no focus while focus is elsewhere, so a hover-opened menu or a static menu the user is not in\n * never takes focus from the page, and a Popover, Dialog or other portal opened from an item\n * keeps it. Also returns the list's hover group (the safe zones of its submenu trigger items) and\n * the flag the submenus of the list read while such a focus change runs.\n */\nexport function useMenuListPointer(menu: MenuContextValue): {\n  hoverGroup: HoverIntentGroup;\n  isHoverFocusing: () => boolean;\n  onPointerMove: React.PointerEventHandler<HTMLElement>;\n} {\n  const [hoverGroup] = React.useState(createHoverIntentGroup);\n  const hoverFocusingRef = React.useRef(false);\n  const isHoverFocusing = React.useCallback(() => hoverFocusingRef.current, []);\n  const onPointerMove = useEventCallback((event: React.PointerEvent<HTMLElement>) => {\n    if (event.pointerType === 'touch' || event.pointerType === 'pen' || !isOwnEvent(event)) return;\n    const target = event.target as Element;\n    const item = target.closest<HTMLElement>(MENU_ITEM_SELECTOR);\n    if (!item || !event.currentTarget.contains(item)) return;\n    if (item.getAttribute('aria-disabled') === 'true') return;\n    if (item.ownerDocument.activeElement === item) return;\n    let root = menu;\n    while (root.parent) root = root.parent;\n    if (!root.listContainsFocus() || hoverGroup.isHeld(event.clientX, event.clientY)) return;\n    hoverFocusingRef.current = true;\n    item.focus({ preventScroll: true });\n    // A submenu that just lost focus is dismissed (focus outside) in a microtask the focus change\n    // queued; the flag is cleared after it.\n    queueMicrotask(() => {\n      hoverFocusingRef.current = false;\n    });\n  });\n  return { hoverGroup, isHoverFocusing, onPointerMove };\n}\n\n/**\n * The portaled `role=\"menu\"` surface of a popup menu, positioned next to `Menu.Trigger`. A menu\n * taller than the space available scrolls inside the viewport: the surface is limited to the space\n * next to the trigger (`max-height`/`max-width` classes, which a `max-h-*`/`max-w-*` class in\n * `className` or a `style` replaces) and scrolls, and an item that receives focus is scrolled into\n * view. Focus moves to the first (ArrowUp: last) enabled item when it opens; arrows, Home/End and\n * typeahead move between enabled items. Escape closes it and returns focus to the trigger. An\n * outside press closes it and leaves focus where the press put it (on the trigger only when focus\n * was still in the menu or lost to the page). Tab closes it and moves focus to the trigger without\n * preventing the default, so tabbing continues from the trigger (inside a Dialog, the focus trap\n * moves on from there). The trigger here is the element that takes its focus: for a wrapper span,\n * the element inside it that carries the state ARIA (the span itself when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n * Keys from a portal opened inside the menu (a Popover of an item) are left to that portal: Tab\n * there moves on inside it and keeps the menu open.\n *\n * In a submenu it opens at the end side of its trigger item (`side=\"end\"`, `offset={0}`) and\n * flips to fit the viewport; with room on neither side, it overlaps its parent menu inside the\n * viewport. ArrowLeft (ArrowRight in RTL) and Escape close only the submenu and return focus to\n * its trigger item; item activation and Tab close every menu of the chain and put focus on the\n * root trigger.\n *\n * While focus is inside the menu (or one of its submenus), the item under the mouse pointer takes\n * focus, so Enter activates the item you point at. Focus in a Popover, Dialog or other portal\n * opened from an item stays there.\n *\n * A context menu (`openOnContext`) opens at the pointer or at the focused row and returns focus to\n * the element focused at the gesture; it is not labelled by its region, so give it `aria-label`\n * (development warning otherwise), as for a menu placed at a `target` without `Menu.Trigger`.\n *\n * The surface mounts through the presence core (`usePresence`): it carries\n * `data-presence=\"entering\" | \"entered\" | \"exiting\"` and, while it closes, `data-state=\"closed\"`\n * and `inert`, so exit motion classes on `data-presence` keep it on screen until they end. Focus,\n * the dismiss layer and positioning follow the open state, not the exit. Without motion it unmounts\n * as soon as it closes.\n *\n * Also exported as `MenuPopover` (import the flat name from React Server Components).\n */\nexport const MenuPopover = ({\n  side,\n  align = 'start',\n  offset,\n  target,\n  children,\n  className,\n  style,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onPointerEnter,\n  onPointerLeave,\n  onPointerMove,\n  onContextMenu,\n  ref,\n  ...rest\n}: MenuPopoverProps) => {\n  const menu = useMenuContext('Menu.Popover');\n  const {\n    popup,\n    open,\n    takeInitialFocus,\n    registerSurface,\n    menuId,\n    labelledBy,\n    triggerRef,\n    triggerElement,\n    isSubmenu,\n    requestClose,\n    closeChain,\n    dismiss,\n    hoverSurfaceHandlers,\n    isHoverClose,\n    openOnContext,\n    contextSurfaceHandlers,\n    contextAnchor,\n    fromContext,\n    contextOpener,\n  } = menu;\n  useStaticMenuPartWarning('Menu.Popover', popup);\n  const targetElement = isElementTarget(target) ? target : null;\n\n  const [surface, setSurface] = React.useState<HTMLDivElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const setSurfaceElement = React.useCallback((element: HTMLDivElement | null) => {\n    surfaceRef.current = element;\n    setSurface(element);\n  }, []);\n\n  // The surface mounts and unmounts through the presence core; everything else below keys on\n  // `open`, so focus returns and the layer goes on close, not after an exit motion.\n  const { isMounted, ref: presenceRef, presenceProps } = usePresence(open);\n\n  const { setReference, setFloating, floatingProps, isPositioned } = usePopupPosition({\n    open,\n    side: side ?? (isSubmenu ? 'end' : 'bottom'),\n    align,\n    offset: offset ?? (isSubmenu ? 0 : 4),\n    fitViewport: true,\n    shift: isSubmenu ? SUBMENU_SHIFT : undefined,\n  });\n  // The size limits come from menuPopoverClasses, which a consumer class can replace; an inline\n  // max-height/max-width would beat every class.\n  const { maxHeight: _maxHeight, maxWidth: _maxWidth, ...positionStyle } = floatingProps.style;\n  // The positioning reference: the anchor of a context gesture (the point, else the focused row,\n  // else the trigger's focus target), else `target`, else the trigger. Kept while the surface\n  // exits, so it does not jump; a new inline VirtualElement only recomputes the position.\n  React.useLayoutEffect(() => {\n    setReference(\n      fromContext\n        ? (contextAnchor ?? getTriggerFocusTarget(triggerElement) ?? triggerElement)\n        : (target ?? triggerElement),\n    );\n  }, [setReference, contextAnchor, fromContext, target, triggerElement]);\n\n  // Where focus returns when the menu closes (item activation, Tab, Escape): in a context menu,\n  // the element focused at the gesture when it can take focus; else the element that takes focus\n  // for the trigger (for a wrapper span, the element inside it that carries the state ARIA; for a\n  // submenu, its trigger item); else a focusable `target` element.\n  const getReturnFocus = useEventCallback((): HTMLElement | null => {\n    const opener = openOnContext ? contextOpener.current : null;\n    if (opener && isConnectedAndFocusable(opener)) return opener;\n    const triggerTarget = getTriggerFocusTarget(triggerRef.current);\n    if (triggerTarget) return triggerTarget;\n    return targetElement && isConnectedAndFocusable(targetElement) ? targetElement : null;\n  });\n\n  // The layer's anchor (where a surface opened from an item that is gone by then restores focus):\n  // the return target, else the trigger itself.\n  const returnFocusRef = React.useMemo<React.RefObject<HTMLElement | null>>(\n    () => ({\n      get current() {\n        return getReturnFocus() ?? triggerRef.current;\n      },\n    }),\n    [getReturnFocus, triggerRef],\n  );\n  // A context region is not part of the layer (a press on another row closes the menu), and a\n  // Ctrl+press there is a macOS context click, which moves the menu instead; a target element is.\n  const targetRef = { current: targetElement };\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: dismiss,\n    refs: openOnContext ? [surfaceRef, targetRef] : [surfaceRef, triggerRef, targetRef],\n    anchorRef: returnFocusRef,\n    kind: 'menu',\n    focusOutside: true,\n    outsidePress: openOnContext\n      ? (event) =>\n          !(\n            event.ctrlKey &&\n            event.target instanceof Node &&\n            triggerRef.current?.contains(event.target)\n          )\n      : true,\n  });\n\n  const triggerFocusRef = useTriggerFocusRef(triggerRef);\n\n  // The element focused when the menu opened, captured as useRestoreFocus captures its opener: in\n  // the commit that opens the menu, before the initial focus moves into it; the trigger's focus\n  // target first (not in a context menu, whose region is no opener), else the focused element.\n  const openerRef = React.useRef<HTMLElement | null>(null);\n  const wasOpenRef = React.useRef(false);\n  const captureOpener = useEventCallback(() => {\n    const container = surfaceRef.current;\n    const doc = (triggerRef.current ?? container)?.ownerDocument ?? document;\n    const isCandidate = (el: Element | null | undefined): el is HTMLElement =>\n      !!el && el !== doc.body && el !== doc.documentElement && !container?.contains(el);\n    const trigger = openOnContext ? null : triggerFocusRef.current;\n    const active = doc.activeElement;\n    openerRef.current = isCandidate(trigger) ? trigger : isCandidate(active) ? active : null;\n  });\n  React.useInsertionEffect(() => {\n    const wasOpen = wasOpenRef.current;\n    wasOpenRef.current = open;\n    if (open && !wasOpen) captureOpener();\n  });\n  // Where focus goes when the menu closes with focus inside it (Escape, a close by the app): where\n  // useRestoreFocus would put it, in its order: the context opener, the element focused when the\n  // menu opened, then the return target (a menu with a `target` and no trigger returns focus to\n  // its opener, not to a focusable target element).\n  const getCloseFocus = useEventCallback((): HTMLElement | null => {\n    const container = surfaceRef.current;\n    const candidates = [\n      openOnContext ? contextOpener.current : null,\n      openerRef.current,\n      getReturnFocus(),\n    ];\n    return (\n      candidates.find(\n        (el): el is HTMLElement => !!el && isConnectedAndFocusable(el) && !container?.contains(el),\n      ) ?? null\n    );\n  });\n\n  useRestoreFocus({\n    enabled: open,\n    container: surface,\n    // A context menu returns focus to the opener (the focused row), not to the region.\n    triggerRef: openOnContext ? undefined : triggerFocusRef,\n    finalFocusRef: openOnContext ? contextOpener : undefined,\n    fallback: getReturnFocus,\n    onlyIfFocusInside: true,\n    // A hover close moves no focus (a submenu closing with it is taken along by the hook).\n    isHoverClose,\n  });\n\n  // C-DEV: a surface that no trigger labels needs its own name.\n  const unnamed =\n    isMounted &&\n    (openOnContext || (target != null && !triggerElement)) &&\n    rest['aria-label'] === undefined &&\n    rest['aria-labelledby'] === undefined;\n  React.useEffect(() => {\n    if (!unnamed) return;\n    warnOnce(\n      'Menu.Popover:name',\n      'Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.',\n    );\n  }, [unnamed]);\n\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    focusLast,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(\n    ref,\n    setSurfaceElement,\n    rovingRef,\n    setFloating,\n    presenceRef,\n  );\n\n  // Lets the trigger move focus into an already open menu (ArrowDown/ArrowUp on the trigger) and\n  // the root reach the surface. Only an open surface registers, and it unregisters in the commit\n  // that closes the menu: a surface that stays mounted while it exits would otherwise make the next\n  // opening focus its (inert) items instead of opening the menu.\n  React.useLayoutEffect(() => {\n    if (!surface || !open) return;\n    registerSurface({ focusFirst, focusLast, surface, layerId, getReturnFocus });\n    return () => registerSurface(null);\n  }, [surface, open, registerSurface, focusFirst, focusLast, layerId, getReturnFocus]);\n\n  // Focus before close, on every close: when the menu closes with focus inside it, focus moves to\n  // where the restore would put it (`getCloseFocus`) in the closing commit's mutation phase (a\n  // layout effect cleanup), before a surface opened in the same update (a Dialog rendered after\n  // the menu, opened by the item that closed it) records the focused element as its opener. The\n  // closing surface is still in the document then (it unmounts once its exit phase ends), so that\n  // opener would be its item, gone by the time the Dialog closes. The surface is inert from this\n  // commit on, so in a browser React cannot put focus back on the item after the commit, and\n  // useRestoreFocus, which then finds focus outside, leaves it there: the two must agree on the\n  // target. Unmounting is left to useRestoreFocus.\n  const unmountingRef = React.useRef(false);\n  React.useLayoutEffect(() => {\n    unmountingRef.current = false;\n    return () => {\n      unmountingRef.current = true;\n    };\n  }, []);\n  const focusReturnTargetOnClose = useEventCallback(() => {\n    const surfaceElement = surfaceRef.current;\n    const active = surfaceElement?.ownerDocument.activeElement;\n    if (unmountingRef.current || !surfaceElement || !active || !surfaceElement.contains(active)) {\n      return;\n    }\n    getCloseFocus()?.focus({ preventScroll: true });\n  });\n  React.useLayoutEffect(() => {\n    if (!open) return undefined;\n    return focusReturnTargetOnClose;\n  }, [open, focusReturnTargetOnClose]);\n\n  // Initial focus: the first (or last) enabled item, unless focus is already inside. A hover\n  // opening moves no focus.\n  React.useLayoutEffect(() => {\n    if (!open || !surface) return;\n    if (surface.contains(surface.ownerDocument.activeElement)) return;\n    const target = takeInitialFocus();\n    if (target === 'last') focusLast();\n    else if (target === 'first') focusFirst();\n  }, [open, surface, takeInitialFocus, focusFirst, focusLast]);\n\n  // The initial focus lands before the surface is limited to the available height (floating-ui\n  // measures after mount), so it scrolls nothing: once positioned, the focused item (the last one\n  // after ArrowUp) is scrolled into view. Later focus moves scroll through the native focus().\n  React.useLayoutEffect(() => {\n    if (!isPositioned || !surface) return;\n    const active = surface.ownerDocument.activeElement as HTMLElement | null;\n    if (active && active !== surface && surface.contains(active)) {\n      active.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [isPositioned, surface]);\n\n  // The list the items render in. Its children sit inside the Portal, one portal level deeper.\n  // Item activation closes the whole chain; the item under the mouse takes focus while focus is\n  // inside the menu tree.\n  const portalDepth = React.useContext(PortalDepthContext) + 1;\n  const registerCheckable = useCheckableRegistry();\n  const { hoverGroup, isHoverFocusing, onPointerMove: listPointerMove } = useMenuListPointer(menu);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu,\n      isStatic: false,\n      portalDepth,\n      closeFromItem: closeChain,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing,\n    }),\n    [menu, portalDepth, closeChain, registerCheckable, hoverGroup, isHoverFocusing],\n  );\n\n  // C-COMPOSE: the consumer's onKeyDown runs first; preventDefault() skips the built-in keys. A key\n  // from a portal opened inside the menu (a Popover of an item, a submenu) is that portal's: Tab\n  // moves on inside it and never closes the menu.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || !isOwnEvent(event)) return;\n    if (event.key === 'Tab') {\n      // Close every menu of the chain and put focus on the root trigger; the default Tab action\n      // then continues from there.\n      closeChain();\n      return;\n    }\n    // \"Previous\" (ArrowLeft, ArrowRight in RTL) closes a submenu and returns to its trigger item.\n    if (\n      isSubmenu &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !isEditableTarget(event.target) &&\n      getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      }) === 'prev'\n    ) {\n      event.preventDefault();\n      getReturnFocus()?.focus({ preventScroll: true });\n      requestClose();\n      return;\n    }\n    rovingKeyDown(event);\n  };\n\n  if (!isMounted) return null;\n\n  return (\n    <Portal layerId={layerId}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          // After the spread: a consumer name wins when it is defined, and a forwarded key that\n          // holds `undefined` does not remove the trigger's. A context region's whole text is no\n          // name: a context menu is named by aria-label.\n          aria-labelledby={\n            rest['aria-labelledby'] !== undefined\n              ? rest['aria-labelledby']\n              : triggerElement && !openOnContext && rest['aria-label'] === undefined\n                ? labelledBy\n                : undefined\n          }\n          {...presenceProps}\n          ref={mergedRef}\n          id={menuId}\n          data-state={open ? 'open' : 'closed'}\n          data-side={floatingProps['data-side']}\n          data-align={floatingProps['data-align']}\n          data-roving-container=\"\"\n          style={{ ...positionStyle, ...style }}\n          onKeyDown={handleKeyDown}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerEnter={composeEventHandlers(onPointerEnter, hoverSurfaceHandlers.onPointerEnter)}\n          onPointerLeave={composeEventHandlers(onPointerLeave, hoverSurfaceHandlers.onPointerLeave)}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          onContextMenu={composeEventHandlers(onContextMenu, contextSurfaceHandlers.onContextMenu)}\n          className={cn(menuPopoverClasses, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":"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"}

package/dist/components/navigation/Menu.popover.mjs

@@ -0,0 +1,231 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { composeEventHandlers as n } from "../../lib/composeEventHandlers.mjs";
+import { useEventCallback as r } from "../../hooks/useEventCallback.mjs";
+import { getArrowIntent as i, getDirection as a } from "../../lib/direction.mjs";
+import { isConnectedAndFocusable as o } from "../../lib/focus.mjs";
+import { useRovingTabIndex as ee } from "../../hooks/useRovingTabIndex.mjs";
+import { useMergedRefs as te } from "../../hooks/useMergedRefs.mjs";
+import { usePresence as ne } from "../../hooks/usePresence.mjs";
+import { useDismiss as re } from "../../hooks/useDismiss.mjs";
+import { Portal as ie, PortalDepthContext as ae } from "../portal/Portal.mjs";
+import { usePopupPosition as oe } from "../../hooks/usePopupPosition.mjs";
+import { useRestoreFocus as se } from "../../hooks/useRestoreFocus.mjs";
+import { getTriggerFocusTarget as s, useTriggerFocusRef as ce } from "../../hooks/useTriggerElement.mjs";
+import { isEditableTarget as le, isOwnEvent as c } from "../../lib/events.mjs";
+import { MenuListContext as ue, useCheckableRegistry as de, useMenuContext as l } from "./Menu.context.mjs";
+import { MENU_ITEM_SELECTOR as u, menuPopoverClasses as fe, useStaticMenuPartWarning as pe, withTypeaheadText as me } from "./Menu.shared.mjs";
+import { createHoverIntentGroup as d } from "../../hooks/useHoverIntent.mjs";
+import * as f from "react";
+import { jsx as p } from "react/jsx-runtime";
+//#region src/components/navigation/Menu.popover.tsx
+var he = {
+	padding: 8,
+	crossAxis: !0
+};
+function ge(e) {
+	return !!e && e.nodeType === 1;
+}
+function m(e) {
+	let [t] = f.useState(d), n = f.useRef(!1);
+	return {
+		hoverGroup: t,
+		isHoverFocusing: f.useCallback(() => n.current, []),
+		onPointerMove: r((r) => {
+			if (r.pointerType === "touch" || r.pointerType === "pen" || !c(r)) return;
+			let i = r.target.closest(u);
+			if (!i || !r.currentTarget.contains(i) || i.getAttribute("aria-disabled") === "true" || i.ownerDocument.activeElement === i) return;
+			let a = e;
+			for (; a.parent;) a = a.parent;
+			a.listContainsFocus() && !t.isHeld(r.clientX, r.clientY) && (n.current = !0, i.focus({ preventScroll: !0 }), queueMicrotask(() => {
+				n.current = !1;
+			}));
+		})
+	};
+}
+var h = ({ side: d, align: h = "start", offset: _e, target: g, children: ve, className: ye, style: be, onKeyDown: xe, onKeyDownCapture: Se, onFocus: Ce, onPointerEnter: we, onPointerLeave: Te, onPointerMove: Ee, onContextMenu: De, ref: Oe, ..._ }) => {
+	let v = l("Menu.Popover"), { popup: ke, open: y, takeInitialFocus: b, registerSurface: x, menuId: Ae, labelledBy: je, triggerRef: S, triggerElement: C, isSubmenu: w, requestClose: Me, closeChain: T, dismiss: Ne, hoverSurfaceHandlers: E, isHoverClose: Pe, openOnContext: D, contextSurfaceHandlers: Fe, contextAnchor: O, fromContext: k, contextOpener: A } = v;
+	pe("Menu.Popover", ke);
+	let j = ge(g) ? g : null, [M, Ie] = f.useState(null), N = f.useRef(null), Le = f.useCallback((e) => {
+		N.current = e, Ie(e);
+	}, []), { isMounted: P, ref: Re, presenceProps: ze } = ne(y), { setReference: F, setFloating: Be, floatingProps: I, isPositioned: L } = oe({
+		open: y,
+		side: d ?? (w ? "end" : "bottom"),
+		align: h,
+		offset: _e ?? (w ? 0 : 4),
+		fitViewport: !0,
+		shift: w ? he : void 0
+	}), { maxHeight: Ve, maxWidth: He, ...Ue } = I.style;
+	f.useLayoutEffect(() => {
+		F(k ? O ?? s(C) ?? C : g ?? C);
+	}, [
+		F,
+		O,
+		k,
+		g,
+		C
+	]);
+	let R = r(() => {
+		let e = D ? A.current : null;
+		return e && o(e) ? e : s(S.current) || (j && o(j) ? j : null);
+	}), We = f.useMemo(() => ({ get current() {
+		return R() ?? S.current;
+	} }), [R, S]), z = { current: j }, { layerId: B } = re({
+		open: y,
+		onDismiss: Ne,
+		refs: D ? [N, z] : [
+			N,
+			S,
+			z
+		],
+		anchorRef: We,
+		kind: "menu",
+		focusOutside: !0,
+		outsidePress: D ? (e) => !(e.ctrlKey && e.target instanceof Node && S.current?.contains(e.target)) : !0
+	}), V = ce(S), H = f.useRef(null), U = f.useRef(!1), Ge = r(() => {
+		let e = N.current, t = (S.current ?? e)?.ownerDocument ?? document, n = (n) => !!n && n !== t.body && n !== t.documentElement && !e?.contains(n), r = D ? null : V.current, i = t.activeElement;
+		H.current = n(r) ? r : n(i) ? i : null;
+	});
+	f.useInsertionEffect(() => {
+		let e = U.current;
+		U.current = y, y && !e && Ge();
+	});
+	let Ke = r(() => {
+		let e = N.current;
+		return [
+			D ? A.current : null,
+			H.current,
+			R()
+		].find((t) => !!t && o(t) && !e?.contains(t)) ?? null;
+	});
+	se({
+		enabled: y,
+		container: M,
+		triggerRef: D ? void 0 : V,
+		finalFocusRef: D ? A : void 0,
+		fallback: R,
+		onlyIfFocusInside: !0,
+		isHoverClose: Pe
+	});
+	let W = P && (D || g != null && !C) && _["aria-label"] === void 0 && _["aria-labelledby"] === void 0;
+	f.useEffect(() => {
+		W && t("Menu.Popover:name", "Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.");
+	}, [W]);
+	let { containerProps: { ref: qe }, handleKeyDown: Je, handleKeyDownCapture: Ye, handleFocus: Xe, focusFirst: G, focusLast: K } = ee({
+		orientation: "vertical",
+		loop: !0,
+		typeahead: !0,
+		manageTabIndex: !0,
+		itemSelector: u
+	}), q = te(Oe, Le, qe, Be, Re);
+	f.useLayoutEffect(() => {
+		if (M && y) return x({
+			focusFirst: G,
+			focusLast: K,
+			surface: M,
+			layerId: B,
+			getReturnFocus: R
+		}), () => x(null);
+	}, [
+		M,
+		y,
+		x,
+		G,
+		K,
+		B,
+		R
+	]);
+	let J = f.useRef(!1);
+	f.useLayoutEffect(() => (J.current = !1, () => {
+		J.current = !0;
+	}), []);
+	let Y = r(() => {
+		let e = N.current, t = e?.ownerDocument.activeElement;
+		!J.current && e && t && e.contains(t) && Ke()?.focus({ preventScroll: !0 });
+	});
+	f.useLayoutEffect(() => {
+		if (y) return Y;
+	}, [y, Y]), f.useLayoutEffect(() => {
+		if (!y || !M || M.contains(M.ownerDocument.activeElement)) return;
+		let e = b();
+		e === "last" ? K() : e === "first" && G();
+	}, [
+		y,
+		M,
+		b,
+		G,
+		K
+	]), f.useLayoutEffect(() => {
+		if (!L || !M) return;
+		let e = M.ownerDocument.activeElement;
+		e && e !== M && M.contains(e) && e.scrollIntoView?.({ block: "nearest" });
+	}, [L, M]);
+	let X = f.useContext(ae) + 1, Z = de(), { hoverGroup: Q, isHoverFocusing: $, onPointerMove: Ze } = m(v), Qe = f.useMemo(() => ({
+		menu: v,
+		isStatic: !1,
+		portalDepth: X,
+		closeFromItem: T,
+		registerCheckable: Z,
+		hoverGroup: Q,
+		isHoverFocusing: $
+	}), [
+		v,
+		X,
+		T,
+		Z,
+		Q,
+		$
+	]), $e = (e) => {
+		if (xe?.(e), !e.defaultPrevented && c(e)) {
+			if (e.key === "Tab") {
+				T();
+				return;
+			}
+			if (w && !e.altKey && !e.ctrlKey && !e.metaKey && !le(e.target) && i(e.key, {
+				orientation: "horizontal",
+				dir: a(e.currentTarget)
+			}) === "prev") {
+				e.preventDefault(), R()?.focus({ preventScroll: !0 }), Me();
+				return;
+			}
+			Je(e);
+		}
+	};
+	return P ? /* @__PURE__ */ p(ie, {
+		layerId: B,
+		children: /* @__PURE__ */ p(ue.Provider, {
+			value: Qe,
+			children: /* @__PURE__ */ p("div", {
+				role: "menu",
+				..._,
+				"aria-labelledby": _["aria-labelledby"] === void 0 ? C && !D && _["aria-label"] === void 0 ? je : void 0 : _["aria-labelledby"],
+				...ze,
+				ref: q,
+				id: Ae,
+				"data-state": y ? "open" : "closed",
+				"data-side": I["data-side"],
+				"data-align": I["data-align"],
+				"data-roving-container": "",
+				style: {
+					...Ue,
+					...be
+				},
+				onKeyDown: $e,
+				onKeyDownCapture: me(n(Se, Ye)),
+				onFocus: n(Ce, Xe, { checkDefaultPrevented: !1 }),
+				onPointerEnter: n(we, E.onPointerEnter),
+				onPointerLeave: n(Te, E.onPointerLeave),
+				onPointerMove: n(Ee, Ze),
+				onContextMenu: n(De, Fe.onContextMenu),
+				className: e(fe, ye),
+				children: ve
+			})
+		})
+	}) : null;
+};
+h.displayName = "MenuPopover";
+//#endregion
+export { h as MenuPopover, m as useMenuListPointer };
+
+//# sourceMappingURL=Menu.popover.mjs.map