@mortenbrudvik/waveui 0.7.0 → 0.9.0

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

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

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

@@ -1 +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"}
+{"version":3,"file":"Menu.link.cjs","names":["useMenuItemActivation","cn","menuItemClassNames","menuItemLinkClassNames","menuItemClasses","MenuItemRow","require_runtime","require_cn","require_classNames","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 { menuItemClassNames, menuItemLinkClassNames } from '../../lib/classNames';\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(\n        menuItemClassNames.root,\n        menuItemLinkClassNames.root,\n        menuItemClasses,\n        'text-foreground no-underline',\n        className,\n      )}\n    >\n      <MenuItemRow\n        icon={icon}\n        label={children}\n        shortcut={shortcut}\n        markLabel={!ownRovingText}\n        partClassNames={{\n          icon: cn(menuItemClassNames.icon, menuItemLinkClassNames.icon),\n          content: cn(menuItemClassNames.content, menuItemLinkClassNames.content),\n          shortcut: cn(menuItemClassNames.shortcut, menuItemLinkClassNames.shortcut),\n        }}\n      />\n    </Component>\n  );\n};\nMenuItemLink.displayName = 'MenuItemLink';\n"],"mappings":"iRA4DA,IAAaa,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,EAAalB,EAAAA,sBAAsB,CACvC,WACA,eAAgB,GAChB,UACA,YACA,YAAa,EACf,CAAC,EAGKmB,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,UAAWjB,EAAAA,GACTC,EAAAA,mBAAmB,KACnBC,EAAAA,uBAAuB,KACvBC,EAAAA,gBACA,+BACAoB,CACF,EAEA,UAAA,EAAAZ,EAAA,IAAA,CAACP,EAAAA,YAAD,CACQ,OACN,MAAOe,EACG,WACV,UAAW,CAACC,EACZ,eAAgB,CACd,KAAMpB,EAAAA,GAAGC,EAAAA,mBAAmB,KAAMC,EAAAA,uBAAuB,IAAI,EAC7D,QAASF,EAAAA,GAAGC,EAAAA,mBAAmB,QAASC,EAAAA,uBAAuB,OAAO,EACtE,SAAUF,EAAAA,GAAGC,EAAAA,mBAAmB,SAAUC,EAAAA,uBAAuB,QAAQ,CAC3E,CACD,CAAA,CACQ,CAAA,CAEf,EACA,EAAa,YAAc"}

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

@@ -1,41 +1,47 @@
 "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 { menuItemClassNames as t, menuItemLinkClassNames as n } from "../../lib/classNames.mjs";
+import { menuItemClasses as r } from "./Menu.shared.mjs";
+import { MenuItemRow as i, useMenuItemActivation as a, useMenuItemPlacementWarning as o } from "./Menu.items.mjs";
 import "react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as s } 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,
+var c = (c) => {
+	let { as: l, icon: u, shortcut: d, disabled: f = !1, children: p, className: m, onClick: h, onKeyDown: g, ref: _, ...v } = c, y = l ?? "a";
+	o("Menu.ItemLink");
+	let b = a({
+		disabled: f,
 		persistOnClick: !1,
-		onClick: p,
-		onKeyDown: m,
+		onClick: h,
+		onKeyDown: g,
 		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(_, {
+	}), x = typeof p == "string" ? p : void 0, S = v["data-roving-text"] !== void 0, C = f && typeof y == "string" ? { href: void 0 } : null;
+	return /* @__PURE__ */ s(y, {
 		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
+		"data-roving-text": x,
+		...v,
+		...C,
+		ref: _,
+		"aria-disabled": f ? !0 : v["aria-disabled"],
+		"data-disabled": f ? "" : void 0,
+		onClick: b.onClick,
+		onKeyDown: b.onKeyDown,
+		className: e(t.root, n.root, r, "text-foreground no-underline", m),
+		children: /* @__PURE__ */ s(i, {
+			icon: u,
+			label: p,
+			shortcut: d,
+			markLabel: !S,
+			partClassNames: {
+				icon: e(t.icon, n.icon),
+				content: e(t.content, n.content),
+				shortcut: e(t.shortcut, n.shortcut)
+			}
 		})
 	});
 };
-o.displayName = "MenuItemLink";
+c.displayName = "MenuItemLink";
 //#endregion
-export { o as MenuItemLink };
+export { c as MenuItemLink };
 
 //# sourceMappingURL=Menu.link.mjs.map

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

@@ -1 +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"}
+{"version":3,"file":"Menu.link.mjs","names":["MenuItemLink","rest","props","Component","as","activation","useMenuItemActivation","stringLabel","children","ownRovingText","disabledHref","disabled","cn","menuItemClassNames","menuItemLinkClassNames","menuItemClasses","className","MenuItemRow"],"sources":["../../../src/components/navigation/Menu.link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuItemClassNames, menuItemLinkClassNames } from '../../lib/classNames';\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(\n        menuItemClassNames.root,\n        menuItemLinkClassNames.root,\n        menuItemClasses,\n        'text-foreground no-underline',\n        className,\n      )}\n    >\n      <MenuItemRow\n        icon={icon}\n        label={children}\n        shortcut={shortcut}\n        markLabel={!ownRovingText}\n        partClassNames={{\n          icon: cn(menuItemClassNames.icon, menuItemLinkClassNames.icon),\n          content: cn(menuItemClassNames.content, menuItemLinkClassNames.content),\n          shortcut: cn(menuItemClassNames.shortcut, menuItemLinkClassNames.shortcut),\n        }}\n      />\n    </Component>\n  );\n};\nMenuItemLink.displayName = 'MenuItemLink';\n"],"mappings":";;;;;;;;AA4DA,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,EACTC,EAAmB,MACnBC,EAAuB,MACvBC,GACA,gCACAC,CACF;EAEA,UAAA,kBAACC,GAAD;GACQ;GACN,OAAOT;GACG;GACV,WAAW,CAACC;GACZ,gBAAgB;IACd,MAAMG,EAAGC,EAAmB,MAAMC,EAAuB,IAAI;IAC7D,SAASF,EAAGC,EAAmB,SAASC,EAAuB,OAAO;IACtE,UAAUF,EAAGC,EAAmB,UAAUC,EAAuB,QAAQ;GAC3E;EACD,CAAA;CACQ,CAAA;AAEf;AACA,EAAa,cAAc"}

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

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

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

@@ -1 +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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"}
+{"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","menuPopoverClassNames","menuPopoverClasses","require_runtime","require_cn","require_dev","require_composeEventHandlers","require_classNames","require_useEventCallback","require_direction","require_focus","require_useRovingTabIndex","require_useMergedRefs","require_usePresence","require_useDismiss","require_Portal","require_usePopupPosition","require_events","require_useRestoreFocus","require_useHoverIntent","require_useTriggerElement","require_Menu_context","require_Menu_shared","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 { menuPopoverClassNames } from '../../lib/classNames';\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(menuPopoverClassNames.root, menuPopoverClasses, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":"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"}