@mortenbrudvik/waveui 0.7.0 → 0.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.splitGroup.cjs","names":["flattenChildren","isElementOfType","MenuItem","MenuRoot","getArrowIntent","getDirection","composeEventHandlers","cn","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_direction","require_Menu_items","require_Menu_root","react","react_jsx_runtime","hasActionAndSubmenu","nodes","children","node","index","rowItems","row","child","MenuSplitGroup","rest","complete","handleKeyDown","event","intent","items","action","half","from","to","onKeyDown","className"],"sources":["../../../src/components/navigation/Menu.splitGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { MenuItem } from './Menu.items';\nimport { MenuRoot } from './Menu.root';\nimport { MENU_ITEM_SELECTOR } from './Menu.shared';\n\n/** Properties for the MenuSplitGroup sub-component. */\nexport interface MenuSplitGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * A `Menu.Item` (the main action) followed by a submenu `<Menu>` whose `Menu.Trigger` wraps a\n   * `Menu.Item` with an `aria-label` and no children, which shows only the submenu chevron:\n   * `<Menu><Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n   * <Menu.Popover>…</Menu.Popover></Menu>`.\n   */\n  children: React.ReactNode;\n  /** Ref to the `role=\"group\"` row. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Whether the direct children (Fragments included, Server Component references too) hold a\n * `Menu.Item` followed by a `<Menu>`.\n */\nfunction hasActionAndSubmenu(children: React.ReactNode): boolean {\n  const nodes = flattenChildren(children).map(({ node }) => node);\n  return nodes.some(\n    (node, index) => isElementOfType(node, MenuItem) && isElementOfType(nodes[index + 1], MenuRoot),\n  );\n}\n\n/** The menu items that are the row's own children (the action first, the submenu half last). */\nfunction rowItems(row: HTMLElement): HTMLElement[] {\n  return Array.from(row.children).filter(\n    (child): child is HTMLElement =>\n      child instanceof HTMLElement && child.matches(MENU_ITEM_SELECTOR),\n  );\n}\n\n/**\n * One row with a main action and a button that opens a submenu (`role=\"group\"` holding two menu\n * items). ArrowDown and ArrowUp visit both halves; ArrowRight (ArrowLeft in RTL) moves from the\n * action to the submenu button, and on the button opens the submenu; ArrowLeft (ArrowRight in RTL)\n * moves back. The submenu half is a `Menu.Item` without children, named by its `aria-label`; it\n * shows only the submenu chevron, after a divider line. Activating the action closes the menu like\n * any item. It works the same inside a static menu.\n *\n * Also exported as `MenuSplitGroup` (import the flat name from React Server Components).\n *\n * @example\n * <Menu.SplitGroup>\n *   <Menu.Item onClick={save}>Save</Menu.Item>\n *   <Menu>\n *     <Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n *     <Menu.Popover><Menu.Item onClick={saveAs}>Save as…</Menu.Item></Menu.Popover>\n *   </Menu>\n * </Menu.SplitGroup>\n */\nexport const MenuSplitGroup = ({\n  children,\n  className,\n  onKeyDown,\n  ref,\n  ...rest\n}: MenuSplitGroupProps) => {\n  // C-DEV: the row needs its action and its submenu to work as one.\n  const complete = hasActionAndSubmenu(children);\n  React.useEffect(() => {\n    if (complete) return;\n    warnOnce(\n      'Menu.SplitGroup:children',\n      'Menu.SplitGroup: expected a Menu.Item (the action) followed by a submenu <Menu> whose Menu.Trigger wraps a Menu.Item with an aria-label (its direct children, Fragments included).',\n    );\n  }, [complete]);\n\n  // Inside the row, \"next\" (ArrowRight, ArrowLeft in RTL) moves from the action to the submenu\n  // half and \"previous\" back; \"next\" on the half is its trigger's (it opens the submenu, so the\n  // key arrives here already handled). Keys from the submenu (a portal) are not the row's.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.altKey || event.ctrlKey || event.metaKey) return;\n    const intent = getArrowIntent(event.key, {\n      orientation: 'horizontal',\n      dir: getDirection(event.currentTarget),\n    });\n    if (!intent) return;\n    const items = rowItems(event.currentTarget);\n    if (items.length < 2) return;\n    const action = items[0];\n    const half = items[items.length - 1];\n    const [from, to] = intent === 'next' ? [action, half] : [half, action];\n    if (event.target !== from || to.getAttribute('aria-disabled') === 'true') return;\n    event.preventDefault();\n    to.focus();\n  };\n\n  return (\n    <div\n      role=\"group\"\n      {...rest}\n      ref={ref}\n      data-menu-split-group=\"\"\n      onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n      className={cn(\n        'flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\nMenuSplitGroup.displayName = 'MenuSplitGroup';\n"],"mappings":"oaA2BA,SAASkB,EAAoB,EAAoC,CAC/D,IAAMC,EAAQnB,EAAAA,gBAAgBoB,CAAQ,CAAC,CAAC,KAAK,CAAE,UAAWC,CAAI,EAC9D,OAAOF,EAAM,MACV,EAAM,IAAUlB,EAAAA,gBAAgBoB,EAAMnB,EAAAA,QAAQ,GAAKD,EAAAA,gBAAgBkB,EAAMG,EAAQ,GAAInB,EAAAA,QAAQ,CAChG,CACF,CAGA,SAASoB,EAAS,EAAiC,CACjD,OAAO,MAAM,KAAKC,EAAI,QAAQ,CAAC,CAAC,OAC7B,GACCC,aAAiB,aAAeA,EAAM,QAAA,oEAA0B,CACpE,CACF,CAqBA,IAAaC,GAAkB,CAC7B,WACA,YACA,YACA,MACA,GAAGC,KACsB,CAEzB,IAAMC,EAAWV,EAAoBE,CAAQ,EAC7CJ,EAAM,cAAgB,CAChBY,GACJjB,EAAA,SACE,2BACA,oLACF,CACF,EAAG,CAACiB,CAAQ,CAAC,EAKb,IAAMC,EAAiB,GAA+C,CACpE,GAAIC,EAAM,QAAUA,EAAM,SAAWA,EAAM,QAAS,OACpD,IAAMC,EAAS3B,EAAAA,eAAe0B,EAAM,IAAK,CACvC,YAAa,aACb,IAAKzB,EAAAA,aAAayB,EAAM,aAAa,CACvC,CAAC,EACD,GAAI,CAACC,EAAQ,OACb,IAAMC,EAAQT,EAASO,EAAM,aAAa,EAC1C,GAAIE,EAAM,OAAS,EAAG,OACtB,IAAMC,EAASD,EAAM,GACfE,EAAOF,EAAMA,EAAM,OAAS,GAC5B,CAACG,EAAMC,GAAML,IAAW,OAAS,CAACE,EAAQC,CAAI,EAAI,CAACA,EAAMD,CAAM,EACjEH,EAAM,SAAWK,GAAQC,EAAG,aAAa,eAAe,IAAM,SAClEN,EAAM,eAAe,EACrBM,EAAG,MAAM,EACX,EAEA,OACE,EAAAnB,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,QACL,GAAIU,EACC,MACL,wBAAsB,GACtB,UAAWrB,EAAAA,qBAAqB+B,EAAWR,CAAa,EACxD,UAAWtB,EAAAA,GACT,oGACA+B,CACF,EAEC,UACE,CAAA,CAET,EACA,EAAe,YAAc"}
+{"version":3,"file":"Menu.splitGroup.cjs","names":["flattenChildren","isElementOfType","MenuItem","MenuRoot","getArrowIntent","getDirection","composeEventHandlers","cn","menuSplitGroupClassNames","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_classNames","require_direction","require_Menu_items","require_Menu_root","react","react_jsx_runtime","hasActionAndSubmenu","nodes","children","node","index","rowItems","row","child","MenuSplitGroup","rest","complete","handleKeyDown","event","intent","items","action","half","from","to","onKeyDown","className"],"sources":["../../../src/components/navigation/Menu.splitGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuSplitGroupClassNames } from '../../lib/classNames';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { MenuItem } from './Menu.items';\nimport { MenuRoot } from './Menu.root';\nimport { MENU_ITEM_SELECTOR } from './Menu.shared';\n\n/** Properties for the MenuSplitGroup sub-component. */\nexport interface MenuSplitGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * A `Menu.Item` (the main action) followed by a submenu `<Menu>` whose `Menu.Trigger` wraps a\n   * `Menu.Item` with an `aria-label` and no children, which shows only the submenu chevron:\n   * `<Menu><Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n   * <Menu.Popover>…</Menu.Popover></Menu>`.\n   */\n  children: React.ReactNode;\n  /** Ref to the `role=\"group\"` row. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Whether the direct children (Fragments included, Server Component references too) hold a\n * `Menu.Item` followed by a `<Menu>`.\n */\nfunction hasActionAndSubmenu(children: React.ReactNode): boolean {\n  const nodes = flattenChildren(children).map(({ node }) => node);\n  return nodes.some(\n    (node, index) => isElementOfType(node, MenuItem) && isElementOfType(nodes[index + 1], MenuRoot),\n  );\n}\n\n/** The menu items that are the row's own children (the action first, the submenu half last). */\nfunction rowItems(row: HTMLElement): HTMLElement[] {\n  return Array.from(row.children).filter(\n    (child): child is HTMLElement =>\n      child instanceof HTMLElement && child.matches(MENU_ITEM_SELECTOR),\n  );\n}\n\n/**\n * One row with a main action and a button that opens a submenu (`role=\"group\"` holding two menu\n * items). ArrowDown and ArrowUp visit both halves; ArrowRight (ArrowLeft in RTL) moves from the\n * action to the submenu button, and on the button opens the submenu; ArrowLeft (ArrowRight in RTL)\n * moves back. The submenu half is a `Menu.Item` without children, named by its `aria-label`; it\n * shows only the submenu chevron, after a divider line. Activating the action closes the menu like\n * any item. It works the same inside a static menu.\n *\n * Also exported as `MenuSplitGroup` (import the flat name from React Server Components).\n *\n * @example\n * <Menu.SplitGroup>\n *   <Menu.Item onClick={save}>Save</Menu.Item>\n *   <Menu>\n *     <Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n *     <Menu.Popover><Menu.Item onClick={saveAs}>Save as…</Menu.Item></Menu.Popover>\n *   </Menu>\n * </Menu.SplitGroup>\n */\nexport const MenuSplitGroup = ({\n  children,\n  className,\n  onKeyDown,\n  ref,\n  ...rest\n}: MenuSplitGroupProps) => {\n  // C-DEV: the row needs its action and its submenu to work as one.\n  const complete = hasActionAndSubmenu(children);\n  React.useEffect(() => {\n    if (complete) return;\n    warnOnce(\n      'Menu.SplitGroup:children',\n      'Menu.SplitGroup: expected a Menu.Item (the action) followed by a submenu <Menu> whose Menu.Trigger wraps a Menu.Item with an aria-label (its direct children, Fragments included).',\n    );\n  }, [complete]);\n\n  // Inside the row, \"next\" (ArrowRight, ArrowLeft in RTL) moves from the action to the submenu\n  // half and \"previous\" back; \"next\" on the half is its trigger's (it opens the submenu, so the\n  // key arrives here already handled). Keys from the submenu (a portal) are not the row's.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.altKey || event.ctrlKey || event.metaKey) return;\n    const intent = getArrowIntent(event.key, {\n      orientation: 'horizontal',\n      dir: getDirection(event.currentTarget),\n    });\n    if (!intent) return;\n    const items = rowItems(event.currentTarget);\n    if (items.length < 2) return;\n    const action = items[0];\n    const half = items[items.length - 1];\n    const [from, to] = intent === 'next' ? [action, half] : [half, action];\n    if (event.target !== from || to.getAttribute('aria-disabled') === 'true') return;\n    event.preventDefault();\n    to.focus();\n  };\n\n  return (\n    <div\n      role=\"group\"\n      {...rest}\n      ref={ref}\n      data-menu-split-group=\"\"\n      onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n      className={cn(\n        menuSplitGroupClassNames.root,\n        'flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\nMenuSplitGroup.displayName = 'MenuSplitGroup';\n"],"mappings":"0cA4BA,SAASoB,EAAoB,EAAoC,CAC/D,IAAMC,EAAQrB,EAAAA,gBAAgBsB,CAAQ,CAAC,CAAC,KAAK,CAAE,UAAWC,CAAI,EAC9D,OAAOF,EAAM,MACV,EAAM,IAAUpB,EAAAA,gBAAgBsB,EAAMrB,EAAAA,QAAQ,GAAKD,EAAAA,gBAAgBoB,EAAMG,EAAQ,GAAIrB,EAAAA,QAAQ,CAChG,CACF,CAGA,SAASsB,EAAS,EAAiC,CACjD,OAAO,MAAM,KAAKC,EAAI,QAAQ,CAAC,CAAC,OAC7B,GACCC,aAAiB,aAAeA,EAAM,QAAA,oEAA0B,CACpE,CACF,CAqBA,IAAaC,GAAkB,CAC7B,WACA,YACA,YACA,MACA,GAAGC,KACsB,CAEzB,IAAMC,EAAWV,EAAoBE,CAAQ,EAC7CJ,EAAM,cAAgB,CAChBY,GACJlB,EAAA,SACE,2BACA,oLACF,CACF,EAAG,CAACkB,CAAQ,CAAC,EAKb,IAAMC,EAAiB,GAA+C,CACpE,GAAIC,EAAM,QAAUA,EAAM,SAAWA,EAAM,QAAS,OACpD,IAAMC,EAAS7B,EAAAA,eAAe4B,EAAM,IAAK,CACvC,YAAa,aACb,IAAK3B,EAAAA,aAAa2B,EAAM,aAAa,CACvC,CAAC,EACD,GAAI,CAACC,EAAQ,OACb,IAAMC,EAAQT,EAASO,EAAM,aAAa,EAC1C,GAAIE,EAAM,OAAS,EAAG,OACtB,IAAMC,EAASD,EAAM,GACfE,EAAOF,EAAMA,EAAM,OAAS,GAC5B,CAACG,EAAMC,GAAML,IAAW,OAAS,CAACE,EAAQC,CAAI,EAAI,CAACA,EAAMD,CAAM,EACjEH,EAAM,SAAWK,GAAQC,EAAG,aAAa,eAAe,IAAM,SAClEN,EAAM,eAAe,EACrBM,EAAG,MAAM,EACX,EAEA,OACE,EAAAnB,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,QACL,GAAIU,EACC,MACL,wBAAsB,GACtB,UAAWvB,EAAAA,qBAAqBiC,EAAWR,CAAa,EACxD,UAAWxB,EAAAA,GACTC,EAAAA,yBAAyB,KACzB,oGACAgC,CACF,EAEC,UACE,CAAA,CAET,EACA,EAAe,YAAc"}

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

@@ -3,49 +3,50 @@ import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
 import { warnOnce as r } from "../../lib/dev.mjs";
 import { composeEventHandlers as i } from "../../lib/composeEventHandlers.mjs";
-import { getArrowIntent as a, getDirection as o } from "../../lib/direction.mjs";
+import { menuSplitGroupClassNames as a } from "../../lib/classNames.mjs";
+import { getArrowIntent as o, getDirection as s } from "../../lib/direction.mjs";
 import "./Menu.shared.mjs";
-import { MenuItem as s } from "./Menu.items.mjs";
-import { MenuRoot as c } from "./Menu.root.mjs";
-import * as l from "react";
-import { jsx as u } from "react/jsx-runtime";
+import { MenuItem as c } from "./Menu.items.mjs";
+import { MenuRoot as l } from "./Menu.root.mjs";
+import * as u from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region src/components/navigation/Menu.splitGroup.tsx
-function d(e) {
+function f(e) {
 	let r = t(e).map(({ node: e }) => e);
-	return r.some((e, t) => n(e, s) && n(r[t + 1], c));
+	return r.some((e, t) => n(e, c) && n(r[t + 1], l));
 }
-function f(e) {
+function p(e) {
 	return Array.from(e.children).filter((e) => e instanceof HTMLElement && e.matches("[role=\"menuitem\"],[role=\"menuitemcheckbox\"],[role=\"menuitemradio\"]"));
 }
-var p = ({ children: t, className: n, onKeyDown: s, ref: c, ...p }) => {
-	let m = d(t);
-	l.useEffect(() => {
-		m || r("Menu.SplitGroup:children", "Menu.SplitGroup: expected a Menu.Item (the action) followed by a submenu <Menu> whose Menu.Trigger wraps a Menu.Item with an aria-label (its direct children, Fragments included).");
-	}, [m]);
-	let h = (e) => {
+var m = ({ children: t, className: n, onKeyDown: c, ref: l, ...m }) => {
+	let h = f(t);
+	u.useEffect(() => {
+		h || r("Menu.SplitGroup:children", "Menu.SplitGroup: expected a Menu.Item (the action) followed by a submenu <Menu> whose Menu.Trigger wraps a Menu.Item with an aria-label (its direct children, Fragments included).");
+	}, [h]);
+	let g = (e) => {
 		if (e.altKey || e.ctrlKey || e.metaKey) return;
-		let t = a(e.key, {
+		let t = o(e.key, {
 			orientation: "horizontal",
-			dir: o(e.currentTarget)
+			dir: s(e.currentTarget)
 		});
 		if (!t) return;
-		let n = f(e.currentTarget);
+		let n = p(e.currentTarget);
 		if (n.length < 2) return;
-		let r = n[0], i = n[n.length - 1], [s, c] = t === "next" ? [r, i] : [i, r];
-		e.target === s && c.getAttribute("aria-disabled") !== "true" && (e.preventDefault(), c.focus());
+		let r = n[0], i = n[n.length - 1], [a, c] = t === "next" ? [r, i] : [i, r];
+		e.target === a && c.getAttribute("aria-disabled") !== "true" && (e.preventDefault(), c.focus());
 	};
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		role: "group",
-		...p,
-		ref: c,
+		...m,
+		ref: l,
 		"data-menu-split-group": "",
-		onKeyDown: i(s, h),
-		className: e("flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border", n),
+		onKeyDown: i(c, g),
+		className: e(a.root, "flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border", n),
 		children: t
 	});
 };
-p.displayName = "MenuSplitGroup";
+m.displayName = "MenuSplitGroup";
 //#endregion
-export { p as MenuSplitGroup };
+export { m as MenuSplitGroup };
 
 //# sourceMappingURL=Menu.splitGroup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.splitGroup.mjs","names":["React","hasActionAndSubmenu","nodes","flattenChildren","children","node","isElementOfType","MenuItem","index","MenuRoot","rowItems","row","child","MenuSplitGroup","rest","complete","warnOnce","handleKeyDown","event","intent","getArrowIntent","getDirection","items","action","half","from","to","composeEventHandlers","onKeyDown","cn","className"],"sources":["../../../src/components/navigation/Menu.splitGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { MenuItem } from './Menu.items';\nimport { MenuRoot } from './Menu.root';\nimport { MENU_ITEM_SELECTOR } from './Menu.shared';\n\n/** Properties for the MenuSplitGroup sub-component. */\nexport interface MenuSplitGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * A `Menu.Item` (the main action) followed by a submenu `<Menu>` whose `Menu.Trigger` wraps a\n   * `Menu.Item` with an `aria-label` and no children, which shows only the submenu chevron:\n   * `<Menu><Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n   * <Menu.Popover>…</Menu.Popover></Menu>`.\n   */\n  children: React.ReactNode;\n  /** Ref to the `role=\"group\"` row. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Whether the direct children (Fragments included, Server Component references too) hold a\n * `Menu.Item` followed by a `<Menu>`.\n */\nfunction hasActionAndSubmenu(children: React.ReactNode): boolean {\n  const nodes = flattenChildren(children).map(({ node }) => node);\n  return nodes.some(\n    (node, index) => isElementOfType(node, MenuItem) && isElementOfType(nodes[index + 1], MenuRoot),\n  );\n}\n\n/** The menu items that are the row's own children (the action first, the submenu half last). */\nfunction rowItems(row: HTMLElement): HTMLElement[] {\n  return Array.from(row.children).filter(\n    (child): child is HTMLElement =>\n      child instanceof HTMLElement && child.matches(MENU_ITEM_SELECTOR),\n  );\n}\n\n/**\n * One row with a main action and a button that opens a submenu (`role=\"group\"` holding two menu\n * items). ArrowDown and ArrowUp visit both halves; ArrowRight (ArrowLeft in RTL) moves from the\n * action to the submenu button, and on the button opens the submenu; ArrowLeft (ArrowRight in RTL)\n * moves back. The submenu half is a `Menu.Item` without children, named by its `aria-label`; it\n * shows only the submenu chevron, after a divider line. Activating the action closes the menu like\n * any item. It works the same inside a static menu.\n *\n * Also exported as `MenuSplitGroup` (import the flat name from React Server Components).\n *\n * @example\n * <Menu.SplitGroup>\n *   <Menu.Item onClick={save}>Save</Menu.Item>\n *   <Menu>\n *     <Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n *     <Menu.Popover><Menu.Item onClick={saveAs}>Save as…</Menu.Item></Menu.Popover>\n *   </Menu>\n * </Menu.SplitGroup>\n */\nexport const MenuSplitGroup = ({\n  children,\n  className,\n  onKeyDown,\n  ref,\n  ...rest\n}: MenuSplitGroupProps) => {\n  // C-DEV: the row needs its action and its submenu to work as one.\n  const complete = hasActionAndSubmenu(children);\n  React.useEffect(() => {\n    if (complete) return;\n    warnOnce(\n      'Menu.SplitGroup:children',\n      'Menu.SplitGroup: expected a Menu.Item (the action) followed by a submenu <Menu> whose Menu.Trigger wraps a Menu.Item with an aria-label (its direct children, Fragments included).',\n    );\n  }, [complete]);\n\n  // Inside the row, \"next\" (ArrowRight, ArrowLeft in RTL) moves from the action to the submenu\n  // half and \"previous\" back; \"next\" on the half is its trigger's (it opens the submenu, so the\n  // key arrives here already handled). Keys from the submenu (a portal) are not the row's.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.altKey || event.ctrlKey || event.metaKey) return;\n    const intent = getArrowIntent(event.key, {\n      orientation: 'horizontal',\n      dir: getDirection(event.currentTarget),\n    });\n    if (!intent) return;\n    const items = rowItems(event.currentTarget);\n    if (items.length < 2) return;\n    const action = items[0];\n    const half = items[items.length - 1];\n    const [from, to] = intent === 'next' ? [action, half] : [half, action];\n    if (event.target !== from || to.getAttribute('aria-disabled') === 'true') return;\n    event.preventDefault();\n    to.focus();\n  };\n\n  return (\n    <div\n      role=\"group\"\n      {...rest}\n      ref={ref}\n      data-menu-split-group=\"\"\n      onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n      className={cn(\n        'flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\nMenuSplitGroup.displayName = 'MenuSplitGroup';\n"],"mappings":";;;;;;;;;;;;AA2BA,SAASC,EAAoB,GAAoC;CAC/D,IAAMC,IAAQC,EAAgBC,CAAQ,CAAC,CAAC,KAAK,EAAE,cAAWC,CAAI;CAC9D,OAAOH,EAAM,MACV,GAAM,MAAUI,EAAgBD,GAAME,CAAQ,KAAKD,EAAgBJ,EAAMM,IAAQ,IAAIC,CAAQ,CAChG;AACF;AAGA,SAASC,EAAS,GAAiC;CACjD,OAAO,MAAM,KAAKC,EAAI,QAAQ,CAAC,CAAC,QAC7B,MACCC,aAAiB,eAAeA,EAAM,QAAA,0EAA0B,CACpE;AACF;AAqBA,IAAaC,KAAkB,EAC7B,aACA,cACA,cACA,QACA,GAAGC,QACsB;CAEzB,IAAMC,IAAWd,EAAoBG,CAAQ;CAC7C,EAAM,gBAAgB;EACpB,AAAIW,KACJC,EACE,4BACA,oLACF;CACF,GAAG,CAACD,CAAQ,CAAC;CAKb,IAAME,KAAiB,MAA+C;EACpE,IAAIC,EAAM,UAAUA,EAAM,WAAWA,EAAM,SAAS;EACpD,IAAMC,IAASC,EAAeF,EAAM,KAAK;GACvC,aAAa;GACb,KAAKG,EAAaH,EAAM,aAAa;EACvC,CAAC;EACD,IAAI,CAACC,GAAQ;EACb,IAAMG,IAAQZ,EAASQ,EAAM,aAAa;EAC1C,IAAII,EAAM,SAAS,GAAG;EACtB,IAAMC,IAASD,EAAM,IACfE,IAAOF,EAAMA,EAAM,SAAS,IAC5B,CAACG,GAAMC,KAAMP,MAAW,SAAS,CAACI,GAAQC,CAAI,IAAI,CAACA,GAAMD,CAAM;EACrE,AAAIL,EAAM,WAAWO,KAAQC,EAAG,aAAa,eAAe,MAAM,WAClER,EAAM,eAAe,GACrBQ,EAAG,MAAM;CACX;CAEA,OACE,kBAAC,OAAD;EACE,MAAK;EACL,GAAIZ;EACC;EACL,yBAAsB;EACtB,WAAWa,EAAqBC,GAAWX,CAAa;EACxD,WAAWY,EACT,qGACAC,CACF;EAEC;CACE,CAAA;AAET;AACA,EAAe,cAAc"}
+{"version":3,"file":"Menu.splitGroup.mjs","names":["React","hasActionAndSubmenu","nodes","flattenChildren","children","node","isElementOfType","MenuItem","index","MenuRoot","rowItems","row","child","MenuSplitGroup","rest","complete","warnOnce","handleKeyDown","event","intent","getArrowIntent","getDirection","items","action","half","from","to","composeEventHandlers","onKeyDown","cn","menuSplitGroupClassNames","className"],"sources":["../../../src/components/navigation/Menu.splitGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuSplitGroupClassNames } from '../../lib/classNames';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { MenuItem } from './Menu.items';\nimport { MenuRoot } from './Menu.root';\nimport { MENU_ITEM_SELECTOR } from './Menu.shared';\n\n/** Properties for the MenuSplitGroup sub-component. */\nexport interface MenuSplitGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * A `Menu.Item` (the main action) followed by a submenu `<Menu>` whose `Menu.Trigger` wraps a\n   * `Menu.Item` with an `aria-label` and no children, which shows only the submenu chevron:\n   * `<Menu><Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n   * <Menu.Popover>…</Menu.Popover></Menu>`.\n   */\n  children: React.ReactNode;\n  /** Ref to the `role=\"group\"` row. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Whether the direct children (Fragments included, Server Component references too) hold a\n * `Menu.Item` followed by a `<Menu>`.\n */\nfunction hasActionAndSubmenu(children: React.ReactNode): boolean {\n  const nodes = flattenChildren(children).map(({ node }) => node);\n  return nodes.some(\n    (node, index) => isElementOfType(node, MenuItem) && isElementOfType(nodes[index + 1], MenuRoot),\n  );\n}\n\n/** The menu items that are the row's own children (the action first, the submenu half last). */\nfunction rowItems(row: HTMLElement): HTMLElement[] {\n  return Array.from(row.children).filter(\n    (child): child is HTMLElement =>\n      child instanceof HTMLElement && child.matches(MENU_ITEM_SELECTOR),\n  );\n}\n\n/**\n * One row with a main action and a button that opens a submenu (`role=\"group\"` holding two menu\n * items). ArrowDown and ArrowUp visit both halves; ArrowRight (ArrowLeft in RTL) moves from the\n * action to the submenu button, and on the button opens the submenu; ArrowLeft (ArrowRight in RTL)\n * moves back. The submenu half is a `Menu.Item` without children, named by its `aria-label`; it\n * shows only the submenu chevron, after a divider line. Activating the action closes the menu like\n * any item. It works the same inside a static menu.\n *\n * Also exported as `MenuSplitGroup` (import the flat name from React Server Components).\n *\n * @example\n * <Menu.SplitGroup>\n *   <Menu.Item onClick={save}>Save</Menu.Item>\n *   <Menu>\n *     <Menu.Trigger><Menu.Item aria-label=\"More save options\" /></Menu.Trigger>\n *     <Menu.Popover><Menu.Item onClick={saveAs}>Save as…</Menu.Item></Menu.Popover>\n *   </Menu>\n * </Menu.SplitGroup>\n */\nexport const MenuSplitGroup = ({\n  children,\n  className,\n  onKeyDown,\n  ref,\n  ...rest\n}: MenuSplitGroupProps) => {\n  // C-DEV: the row needs its action and its submenu to work as one.\n  const complete = hasActionAndSubmenu(children);\n  React.useEffect(() => {\n    if (complete) return;\n    warnOnce(\n      'Menu.SplitGroup:children',\n      'Menu.SplitGroup: expected a Menu.Item (the action) followed by a submenu <Menu> whose Menu.Trigger wraps a Menu.Item with an aria-label (its direct children, Fragments included).',\n    );\n  }, [complete]);\n\n  // Inside the row, \"next\" (ArrowRight, ArrowLeft in RTL) moves from the action to the submenu\n  // half and \"previous\" back; \"next\" on the half is its trigger's (it opens the submenu, so the\n  // key arrives here already handled). Keys from the submenu (a portal) are not the row's.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.altKey || event.ctrlKey || event.metaKey) return;\n    const intent = getArrowIntent(event.key, {\n      orientation: 'horizontal',\n      dir: getDirection(event.currentTarget),\n    });\n    if (!intent) return;\n    const items = rowItems(event.currentTarget);\n    if (items.length < 2) return;\n    const action = items[0];\n    const half = items[items.length - 1];\n    const [from, to] = intent === 'next' ? [action, half] : [half, action];\n    if (event.target !== from || to.getAttribute('aria-disabled') === 'true') return;\n    event.preventDefault();\n    to.focus();\n  };\n\n  return (\n    <div\n      role=\"group\"\n      {...rest}\n      ref={ref}\n      data-menu-split-group=\"\"\n      onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n      className={cn(\n        menuSplitGroupClassNames.root,\n        'flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\nMenuSplitGroup.displayName = 'MenuSplitGroup';\n"],"mappings":";;;;;;;;;;;;;AA4BA,SAASC,EAAoB,GAAoC;CAC/D,IAAMC,IAAQC,EAAgBC,CAAQ,CAAC,CAAC,KAAK,EAAE,cAAWC,CAAI;CAC9D,OAAOH,EAAM,MACV,GAAM,MAAUI,EAAgBD,GAAME,CAAQ,KAAKD,EAAgBJ,EAAMM,IAAQ,IAAIC,CAAQ,CAChG;AACF;AAGA,SAASC,EAAS,GAAiC;CACjD,OAAO,MAAM,KAAKC,EAAI,QAAQ,CAAC,CAAC,QAC7B,MACCC,aAAiB,eAAeA,EAAM,QAAA,0EAA0B,CACpE;AACF;AAqBA,IAAaC,KAAkB,EAC7B,aACA,cACA,cACA,QACA,GAAGC,QACsB;CAEzB,IAAMC,IAAWd,EAAoBG,CAAQ;CAC7C,EAAM,gBAAgB;EACpB,AAAIW,KACJC,EACE,4BACA,oLACF;CACF,GAAG,CAACD,CAAQ,CAAC;CAKb,IAAME,KAAiB,MAA+C;EACpE,IAAIC,EAAM,UAAUA,EAAM,WAAWA,EAAM,SAAS;EACpD,IAAMC,IAASC,EAAeF,EAAM,KAAK;GACvC,aAAa;GACb,KAAKG,EAAaH,EAAM,aAAa;EACvC,CAAC;EACD,IAAI,CAACC,GAAQ;EACb,IAAMG,IAAQZ,EAASQ,EAAM,aAAa;EAC1C,IAAII,EAAM,SAAS,GAAG;EACtB,IAAMC,IAASD,EAAM,IACfE,IAAOF,EAAMA,EAAM,SAAS,IAC5B,CAACG,GAAMC,KAAMP,MAAW,SAAS,CAACI,GAAQC,CAAI,IAAI,CAACA,GAAMD,CAAM;EACrE,AAAIL,EAAM,WAAWO,KAAQC,EAAG,aAAa,eAAe,MAAM,WAClER,EAAM,eAAe,GACrBQ,EAAG,MAAM;CACX;CAEA,OACE,kBAAC,OAAD;EACE,MAAK;EACL,GAAIZ;EACC;EACL,yBAAsB;EACtB,WAAWa,EAAqBC,GAAWX,CAAa;EACxD,WAAWY,EACTC,EAAyB,MACzB,qGACAC,CACF;EAEC;CACE,CAAA;AAET;AACA,EAAe,cAAc"}

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

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/dev.cjs"),n=require("../../lib/direction.cjs"),r=require("../../hooks/useMergedRefs.cjs"),i=require("../../lib/mergeProps.cjs"),a=require("../../lib/renderTrigger.cjs"),o=require("../../hooks/useTriggerElement.cjs"),s=require("../../lib/events.cjs"),c=require("./Menu.context.cjs"),l=require("./Menu.shared.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=()=>{},p=({children:e,asChild:p,ref:m,...h})=>{let{popup:g,open:_,openWithFocus:v,requestClose:y,triggerId:b,menuId:x,onTriggerId:S,triggerElement:C,setTriggerElement:w,isSubmenu:T,isHoverOpen:E,hoverTriggerHandlers:D,openOnContext:O,contextTriggerHandlers:k}=c.useMenuContext(`Menu.Trigger`);l.useStaticMenuPartWarning(`Menu.Trigger`,g);let A=r.useMergedRefs(w,m);u.useEffect(()=>{T&&C&&C.getAttribute(`role`)!==`menuitem`&&t.warnOnce(`Menu.Trigger:submenu-child`,`Menu.Trigger: a submenu's Menu.Trigger must wrap a Menu.Item: its element has no role="menuitem", so the menu does not treat it as one of its items. Put a Menu.Item inside it (and leave asChild at its default).`)},[T,C]);let j=O?typeof e==`function`?{id:b,"aria-haspopup":`menu`,"aria-expanded":!1,onClick:f,ref:A,...k}:{id:b,ref:A,...k}:{id:b,"aria-haspopup":`menu`,"aria-expanded":_,"aria-controls":_?x:void 0,onClick:e=>{e.defaultPrevented||s.isDisabledTrigger(e)||(_&&!T&&!E()?y():v(`first`))},onKeyDown:e=>{if(!(e.defaultPrevented||e.ctrlKey||e.metaKey||s.isDisabledTrigger(e))){if(T){if(e.altKey)return;(n.getArrowIntent(e.key,{orientation:`horizontal`,dir:n.getDirection(e.currentTarget)})===`next`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),v(`first`));return}switch(e.key){case`ArrowDown`:e.preventDefault(),v(`first`);break;case`ArrowUp`:e.preventDefault(),v(`last`);break;case`Enter`:case` `:e.preventDefault(),_&&!E()?y():v(`first`)}}},ref:A,...D},M=i.mergeProps(j,h,{oursWin:a.STATE_ARIA}),N=o.useTriggerElement(e,M,{componentName:`Menu.Trigger`,asChild:p,onResolvedId:S,omitStateAria:O});return T?(0,d.jsx)(c.MenuSubmenuTriggerContext.Provider,{value:!0,children:N}):N};p.displayName=`MenuTrigger`,exports.MenuTrigger=p;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/dev.cjs"),n=require("../../lib/direction.cjs"),r=require("../../hooks/useMergedRefs.cjs"),i=require("../../lib/mergeProps.cjs"),a=require("../../lib/events.cjs"),o=require("../../lib/renderTrigger.cjs"),s=require("../../hooks/useTriggerElement.cjs"),c=require("./Menu.context.cjs"),l=require("./Menu.shared.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=()=>{},p=({children:e,asChild:p,ref:m,...h})=>{let{popup:g,open:_,openWithFocus:v,requestClose:y,triggerId:b,menuId:x,onTriggerId:S,triggerElement:C,setTriggerElement:w,isSubmenu:T,isHoverOpen:E,hoverTriggerHandlers:D,openOnContext:O,contextTriggerHandlers:k}=c.useMenuContext(`Menu.Trigger`);l.useStaticMenuPartWarning(`Menu.Trigger`,g);let A=r.useMergedRefs(w,m);u.useEffect(()=>{T&&C&&C.getAttribute(`role`)!==`menuitem`&&t.warnOnce(`Menu.Trigger:submenu-child`,`Menu.Trigger: a submenu's Menu.Trigger must wrap a Menu.Item: its element has no role="menuitem", so the menu does not treat it as one of its items. Put a Menu.Item inside it (and leave asChild at its default).`)},[T,C]);let j=O?typeof e==`function`?{id:b,"aria-haspopup":`menu`,"aria-expanded":!1,onClick:f,ref:A,...k}:{id:b,ref:A,...k}:{id:b,"aria-haspopup":`menu`,"aria-expanded":_,"aria-controls":_?x:void 0,onClick:e=>{e.defaultPrevented||a.isDisabledTrigger(e)||(_&&!T&&!E()?y():v(`first`))},onKeyDown:e=>{if(!(e.defaultPrevented||e.ctrlKey||e.metaKey||a.isDisabledTrigger(e))){if(T){if(e.altKey)return;(n.getArrowIntent(e.key,{orientation:`horizontal`,dir:n.getDirection(e.currentTarget)})===`next`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),v(`first`));return}switch(e.key){case`ArrowDown`:e.preventDefault(),v(`first`);break;case`ArrowUp`:e.preventDefault(),v(`last`);break;case`Enter`:case` `:e.preventDefault(),_&&!E()?y():v(`first`)}}},ref:A,...D},M=i.mergeProps(j,h,{oursWin:o.STATE_ARIA}),N=s.useTriggerElement(e,M,{componentName:`Menu.Trigger`,asChild:p,onResolvedId:S,omitStateAria:O});return T?(0,d.jsx)(c.MenuSubmenuTriggerContext.Provider,{value:!0,children:N}):N};p.displayName=`MenuTrigger`,exports.MenuTrigger=p;
 //# sourceMappingURL=Menu.trigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.trigger.cjs","names":["useMenuContext","useMergedRefs","isDisabledTrigger","getArrowIntent","getDirection","mergeProps","STATE_ARIA","useTriggerElement","MenuSubmenuTriggerContext","require_runtime","require_dev","require_direction","require_useMergedRefs","require_mergeProps","require_renderTrigger","require_useTriggerElement","require_events","require_Menu_context","require_Menu_shared","react","react_jsx_runtime","noop","MenuTrigger","rest","popup","elementRef","setTriggerElement","ref","isSubmenu","triggerElement","ownProps","openOnContext","children","triggerId","contextTriggerHandlers","open","menuId","event","isHoverOpen","requestClose","openWithFocus","hoverTriggerHandlers","triggerProps","element","onTriggerId"],"sources":["../../../src/components/navigation/Menu.trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isDisabledTrigger } from '../../lib/events';\nimport { mergeProps } from '../../lib/mergeProps';\nimport { STATE_ARIA } from '../../lib/renderTrigger';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useTriggerElement } from '../../hooks/useTriggerElement';\nimport { MenuSubmenuTriggerContext, useMenuContext } from './Menu.context';\nimport { useStaticMenuPartWarning } from './Menu.shared';\n\n/**\n * The props `Menu.Trigger` puts on its element (merged onto the single child, or passed to a\n * render-prop child — e.g. `SplitButton`'s `menuButtonProps`). A type alias (not an interface), so\n * it is assignable to prop types with index signatures such as `data-*`.\n */\nexport type MenuTriggerProps = {\n  /** Generated id (the child's own `id` wins; the menu is labelled by it). */\n  id: string;\n  'aria-haspopup': 'menu';\n  'aria-expanded': boolean;\n  /** The menu's id, only while the menu is open. */\n  'aria-controls'?: string;\n  /**\n   * Toggles the menu (opening focuses the first enabled item). Ignored when the click comes from an\n   * `aria-disabled=\"true\"` element at or inside the element that carries it.\n   */\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Enter/Space/ArrowDown open and focus the first item; ArrowUp opens and focuses the last.\n   * Ignored, without `preventDefault()`, when the key comes from an `aria-disabled=\"true\"` element\n   * at or inside the element that carries it.\n   */\n  onKeyDown: React.KeyboardEventHandler<HTMLElement>;\n  /** Anchor for positioning and focus-restore target. */\n  ref: React.RefCallback<HTMLElement>;\n  /** Hover opening (`openOnHover`, and every submenu): the mouse pointer enters the trigger. */\n  onPointerEnter?: React.PointerEventHandler<HTMLElement>;\n  /** Hover opening: the mouse pointer moves over the trigger. */\n  onPointerMove?: React.PointerEventHandler<HTMLElement>;\n  /** Hover opening: the mouse pointer leaves the trigger. */\n  onPointerLeave?: React.PointerEventHandler<HTMLElement>;\n  /**\n   * Context menus (`openOnContext`): a right click (a macOS Ctrl+click, a long press) on the\n   * region opens the menu at the pointer. In that mode `aria-haspopup` is still passed to a\n   * render-prop child and `aria-expanded` is always `false`, but do not spread them (or\n   * `aria-controls`): a context region is no menu button, and they are removed from its element\n   * after each commit.\n   */\n  onContextMenu?: React.MouseEventHandler<HTMLElement>;\n};\n\n/** What a context-menu region's cloned child or wrapper span receives of the trigger's own props. */\ntype ContextTriggerProps = Pick<MenuTriggerProps, 'id' | 'ref' | 'onKeyDown' | 'onContextMenu'>;\n\nconst noop = () => {};\n\n/**\n * Properties for the MenuTrigger sub-component. Other props (`aria-describedby` from a wrapping\n * `Tooltip`, `className`, `data-*`, handlers, …) are forwarded to the trigger element: merged with\n * the child's own props (handlers composed, classes joined, `aria-describedby` ids joined), or\n * passed to a render-prop child together with {@link MenuTriggerProps}.\n */\nexport interface MenuTriggerComponentProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /**\n   * A single element that receives {@link MenuTriggerProps} (its own handlers run first; its own\n   * `id` is kept; the trigger's `aria-expanded`/`aria-controls`/`aria-haspopup` always win), or a\n   * render function that receives them (plus the forwarded props).\n   */\n  children: React.ReactNode | ((props: MenuTriggerProps) => React.ReactNode);\n  /**\n   * `false` renders a wrapper `<span>` carrying the trigger props instead of merging them onto the\n   * child (the 0.4-style wrapper). The state ARIA (`aria-haspopup`, `aria-expanded`,\n   * `aria-controls`), which a generic span cannot carry, goes to the first element in the tab\n   * order inside the span (none for text children), and focus returns to that element when the\n   * menu closes. A render-prop child still receives every prop.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span); the child's own ref is kept. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * The element that opens a popup menu. Its single child receives {@link MenuTriggerProps}\n * (`aria-haspopup=\"menu\"`, `aria-expanded`, `aria-controls` while open, an id and composed\n * `onClick`/`onKeyDown`); a render function receives them instead. Click, Enter, Space and\n * ArrowDown open the menu and focus its first enabled item; ArrowUp opens it and focuses the last.\n * Other props passed to `Menu.Trigger` are forwarded to the child, so\n * `<Tooltip><Menu.Trigger><MenuButton /></Menu.Trigger></Tooltip>` describes the MenuButton.\n *\n * A trigger with `aria-disabled=\"true\"` (a `disabledFocusable` MenuButton or SplitButton) stays\n * focusable but never opens the menu: its click, Enter, Space, ArrowDown and ArrowUp are ignored\n * and keep their default. This holds for the child itself and for an element inside the wrapper\n * span; an `aria-disabled` ancestor outside the trigger does not count.\n *\n * With `asChild={false}` (and for a child that does not attach the ref, automatically) the props\n * go on a wrapper span instead; the state ARIA then goes to the first element in the tab order\n * inside it, and focus returns to that element.\n *\n * - **Hover** (`openOnHover` on the Menu): a resting mouse pointer opens the menu without moving\n *   focus; a click, Enter, Space or ArrowDown on the trigger then keeps it open and focuses its\n *   first item (ArrowUp: the last), instead of closing it.\n * - **Submenus**: in a `<Menu>` nested in a menu list, wrap a `Menu.Item`, which becomes the\n *   submenu's trigger item (`aria-haspopup=\"menu\"`, `aria-expanded`, a chevron that mirrors in\n *   RTL). ArrowRight (ArrowLeft in RTL), Enter, Space and a click open the submenu and focus its\n *   first item (a click never closes it); resting the mouse on it opens the submenu without moving\n *   focus. ArrowDown, ArrowUp and typeahead stay the parent list's.\n * - **Context menus** (`openOnContext` on the Menu): the child is a region (a list, a row, a\n *   canvas); a right click or Shift+F10/the ContextMenu key opens the menu. A cloned child or a\n *   wrapper span gets only the id, the ref and the context-gesture handlers: no state ARIA and no\n *   click toggle (do not spread them from a render-prop child either).\n *\n * Also exported as `MenuTrigger` (import the flat name from React Server Components).\n *\n * @example\n * <Menu>\n *   <Menu.Trigger><Button>Actions</Button></Menu.Trigger>\n *   <Menu.Popover><Menu.Item onClick={edit}>Edit</Menu.Item></Menu.Popover>\n * </Menu>\n */\nexport const MenuTrigger = ({ children, asChild, ref, ...rest }: MenuTriggerComponentProps) => {\n  const {\n    popup,\n    open,\n    openWithFocus,\n    requestClose,\n    triggerId,\n    menuId,\n    onTriggerId,\n    triggerElement,\n    setTriggerElement,\n    isSubmenu,\n    isHoverOpen,\n    hoverTriggerHandlers,\n    openOnContext,\n    contextTriggerHandlers,\n  } = useMenuContext('Menu.Trigger');\n  useStaticMenuPartWarning('Menu.Trigger', popup);\n  const elementRef = useMergedRefs<HTMLElement>(setTriggerElement, ref);\n\n  // C-DEV: a submenu opens from one of its parent's items; any other element is not an item of\n  // that menu (the arrow keys and typeahead skip it).\n  React.useEffect(() => {\n    if (!isSubmenu || !triggerElement || triggerElement.getAttribute('role') === 'menuitem') {\n      return;\n    }\n    warnOnce(\n      'Menu.Trigger:submenu-child',\n      `Menu.Trigger: a submenu's Menu.Trigger must wrap a Menu.Item: its element has no role=\"menuitem\", so the menu does not treat it as one of its items. Put a Menu.Item inside it (and leave asChild at its default).`,\n    );\n  }, [isSubmenu, triggerElement]);\n\n  // An `aria-disabled` trigger (a focusable disabled button, a disabled trigger item) never opens\n  // the menu: the event is left alone, default included, so the element keeps its own handling of\n  // the key.\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (event.defaultPrevented || isDisabledTrigger(event)) return;\n    // A click on the trigger of a hover-opened menu pins it and focuses its first item, as on a\n    // closed menu. A submenu trigger item never toggles its submenu closed: a click on an open one\n    // focuses its first item again.\n    if (open && !isSubmenu && !isHoverOpen()) requestClose();\n    else openWithFocus('first');\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.defaultPrevented || event.ctrlKey || event.metaKey || isDisabledTrigger(event)) {\n      return;\n    }\n    if (isSubmenu) {\n      // \"Next\" (ArrowRight, ArrowLeft in RTL), Enter and Space open the submenu and focus its\n      // first item. ArrowDown, ArrowUp and typeahead stay the parent list's.\n      if (event.altKey) return;\n      const intent = getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      });\n      if (intent === 'next' || event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        openWithFocus('first');\n      }\n      return;\n    }\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        openWithFocus('first');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        openWithFocus('last');\n        break;\n      case 'Enter':\n      case ' ':\n        // Handled here (not through the native click) so non-button children work too.\n        event.preventDefault();\n        if (open && !isHoverOpen()) requestClose();\n        else openWithFocus('first');\n        break;\n      default:\n        break;\n    }\n  };\n\n  // A context-menu region is no menu button: of its own props a cloned child or a wrapper span\n  // gets only the id, the ref and the context-gesture handlers (no state ARIA, no click toggle). A\n  // render-prop child still receives every member (`aria-expanded` constantly false, an onClick\n  // that does nothing); useTriggerElement removes the state ARIA it spreads.\n  const ownProps: MenuTriggerProps | ContextTriggerProps = openOnContext\n    ? typeof children === 'function'\n      ? {\n          id: triggerId,\n          'aria-haspopup': 'menu',\n          'aria-expanded': false,\n          onClick: noop,\n          ref: elementRef,\n          ...contextTriggerHandlers,\n        }\n      : { id: triggerId, ref: elementRef, ...contextTriggerHandlers }\n    : {\n        id: triggerId,\n        'aria-haspopup': 'menu',\n        'aria-expanded': open,\n        'aria-controls': open ? menuId : undefined,\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ref: elementRef,\n        ...hoverTriggerHandlers,\n      };\n  // §5.3: forwarded props merge in (a consumer `id` wins, handlers compose consumer-first), but the\n  // live state ARIA always wins. On a wrapper span (`asChild={false}`, the automatic fallback)\n  // useTriggerElement moves the state ARIA onto the first element in the tab order inside it.\n  const triggerProps = mergeProps(ownProps, rest, { oursWin: STATE_ARIA });\n\n  // A render-prop child always gets the full MenuTriggerProps; the context region's reduced props\n  // reach only a cloned child or a wrapper span.\n  const element = useTriggerElement(children, triggerProps as MenuTriggerProps, {\n    componentName: 'Menu.Trigger',\n    asChild,\n    onResolvedId: onTriggerId,\n    omitStateAria: openOnContext,\n  });\n  // The Menu.Item a submenu opens from shows the submenu chevron and never closes its own menu.\n  return isSubmenu ? (\n    <MenuSubmenuTriggerContext.Provider value>{element}</MenuSubmenuTriggerContext.Provider>\n  ) : (\n    element\n  );\n};\nMenuTrigger.displayName = 'MenuTrigger';\n"],"mappings":"8dAuDA,IAAMqB,MAAa,CAAC,EAqEPC,GAAe,CAAE,WAAU,UAAS,MAAK,GAAGC,KAAsC,CAC7F,GAAM,CACJ,QACA,OACA,gBACA,eACA,YACA,SACA,cACA,iBACA,oBACA,YACA,cACA,uBACA,gBACA,0BACEvB,EAAAA,eAAe,cAAc,EACjCkB,EAAA,yBAAyB,eAAgBM,CAAK,EAC9C,IAAMC,EAAaxB,EAAAA,cAA2ByB,EAAmBC,CAAG,EAIpER,EAAM,cAAgB,CACfS,GAAcC,GAAkBA,EAAe,aAAa,MAAM,IAAM,YAG7EnB,EAAA,SACE,6BACA,oNACF,CACF,EAAG,CAACkB,EAAWC,CAAc,CAAC,EAyD9B,IAAMC,EAAmDC,EACrD,OAAOC,GAAa,WAClB,CACE,GAAIC,EACJ,gBAAiB,OACjB,gBAAiB,GACjB,QAASZ,EACT,IAAKI,EACL,GAAGS,CACL,EACA,CAAE,GAAID,EAAW,IAAKR,EAAY,GAAGS,CAAuB,EAC9D,CACE,GAAID,EACJ,gBAAiB,OACjB,gBAAiBE,EACjB,gBAAiBA,EAAOC,EAAS,IAAA,GACjC,QApEe,GAAyC,CACxDC,EAAM,kBAAoBnC,EAAAA,kBAAkBmC,CAAK,IAIjDF,GAAQ,CAACP,GAAa,CAACU,EAAY,EAAGC,EAAa,EAClDC,EAAc,OAAO,EAC5B,EA8DM,UA5DiB,GAA4C,CACjE,GAAI,IAAM,kBAAoBH,EAAM,SAAWA,EAAM,SAAWnC,EAAAA,kBAAkBmC,CAAK,GAGvF,IAAIT,EAAW,CAGb,GAAIS,EAAM,OAAQ,QACHlC,EAAAA,eAAekC,EAAM,IAAK,CACvC,YAAa,aACb,IAAKjC,EAAAA,aAAaiC,EAAM,aAAa,CACvC,CACI,IAAW,QAAUA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OAC9DA,EAAM,eAAe,EACrBG,EAAc,OAAO,GAEvB,MACF,CACA,OAAQH,EAAM,IAAd,CACE,IAAK,YACHA,EAAM,eAAe,EACrBG,EAAc,OAAO,EACrB,MACF,IAAK,UACHH,EAAM,eAAe,EACrBG,EAAc,MAAM,EACpB,MACF,IAAK,QACL,IAAK,IAEHH,EAAM,eAAe,EACjBF,GAAQ,CAACG,EAAY,EAAGC,EAAa,EACpCC,EAAc,OAAO,CAI9B,CAnBA,CAoBF,EAwBM,IAAKf,EACL,GAAGgB,CACL,EAIEC,EAAerC,EAAAA,WAAWyB,EAAUP,EAAM,CAAE,QAASjB,EAAAA,UAAW,CAAC,EAIjEqC,EAAUpC,EAAAA,kBAAkByB,EAAUU,EAAkC,CAC5E,cAAe,eACf,UACA,aAAcE,EACd,cAAeb,CACjB,CAAC,EAED,OAAOH,GACL,EAAAR,EAAA,IAAA,CAACZ,EAAAA,0BAA0B,SAA3B,CAAoC,MAAA,GAAO,SAAAmC,CAA4C,CAAA,EAEvFA,CAEJ,EACA,EAAY,YAAc"}
+{"version":3,"file":"Menu.trigger.cjs","names":["useMenuContext","useMergedRefs","isDisabledTrigger","getArrowIntent","getDirection","mergeProps","STATE_ARIA","useTriggerElement","MenuSubmenuTriggerContext","require_runtime","require_dev","require_direction","require_useMergedRefs","require_mergeProps","require_events","require_renderTrigger","require_useTriggerElement","require_Menu_context","require_Menu_shared","react","react_jsx_runtime","noop","MenuTrigger","rest","popup","elementRef","setTriggerElement","ref","isSubmenu","triggerElement","ownProps","openOnContext","children","triggerId","contextTriggerHandlers","open","menuId","event","isHoverOpen","requestClose","openWithFocus","hoverTriggerHandlers","triggerProps","element","onTriggerId"],"sources":["../../../src/components/navigation/Menu.trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isDisabledTrigger } from '../../lib/events';\nimport { mergeProps } from '../../lib/mergeProps';\nimport { STATE_ARIA } from '../../lib/renderTrigger';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useTriggerElement } from '../../hooks/useTriggerElement';\nimport { MenuSubmenuTriggerContext, useMenuContext } from './Menu.context';\nimport { useStaticMenuPartWarning } from './Menu.shared';\n\n/**\n * The props `Menu.Trigger` puts on its element (merged onto the single child, or passed to a\n * render-prop child — e.g. `SplitButton`'s `menuButtonProps`). A type alias (not an interface), so\n * it is assignable to prop types with index signatures such as `data-*`.\n */\nexport type MenuTriggerProps = {\n  /** Generated id (the child's own `id` wins; the menu is labelled by it). */\n  id: string;\n  'aria-haspopup': 'menu';\n  'aria-expanded': boolean;\n  /** The menu's id, only while the menu is open. */\n  'aria-controls'?: string;\n  /**\n   * Toggles the menu (opening focuses the first enabled item). Ignored when the click comes from an\n   * `aria-disabled=\"true\"` element at or inside the element that carries it.\n   */\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Enter/Space/ArrowDown open and focus the first item; ArrowUp opens and focuses the last.\n   * Ignored, without `preventDefault()`, when the key comes from an `aria-disabled=\"true\"` element\n   * at or inside the element that carries it.\n   */\n  onKeyDown: React.KeyboardEventHandler<HTMLElement>;\n  /** Anchor for positioning and focus-restore target. */\n  ref: React.RefCallback<HTMLElement>;\n  /** Hover opening (`openOnHover`, and every submenu): the mouse pointer enters the trigger. */\n  onPointerEnter?: React.PointerEventHandler<HTMLElement>;\n  /** Hover opening: the mouse pointer moves over the trigger. */\n  onPointerMove?: React.PointerEventHandler<HTMLElement>;\n  /** Hover opening: the mouse pointer leaves the trigger. */\n  onPointerLeave?: React.PointerEventHandler<HTMLElement>;\n  /**\n   * Context menus (`openOnContext`): a right click (a macOS Ctrl+click, a long press) on the\n   * region opens the menu at the pointer. In that mode `aria-haspopup` is still passed to a\n   * render-prop child and `aria-expanded` is always `false`, but do not spread them (or\n   * `aria-controls`): a context region is no menu button, and they are removed from its element\n   * after each commit.\n   */\n  onContextMenu?: React.MouseEventHandler<HTMLElement>;\n};\n\n/** What a context-menu region's cloned child or wrapper span receives of the trigger's own props. */\ntype ContextTriggerProps = Pick<MenuTriggerProps, 'id' | 'ref' | 'onKeyDown' | 'onContextMenu'>;\n\nconst noop = () => {};\n\n/**\n * Properties for the MenuTrigger sub-component. Other props (`aria-describedby` from a wrapping\n * `Tooltip`, `className`, `data-*`, handlers, …) are forwarded to the trigger element: merged with\n * the child's own props (handlers composed, classes joined, `aria-describedby` ids joined), or\n * passed to a render-prop child together with {@link MenuTriggerProps}.\n */\nexport interface MenuTriggerComponentProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /**\n   * A single element that receives {@link MenuTriggerProps} (its own handlers run first; its own\n   * `id` is kept; the trigger's `aria-expanded`/`aria-controls`/`aria-haspopup` always win), or a\n   * render function that receives them (plus the forwarded props).\n   */\n  children: React.ReactNode | ((props: MenuTriggerProps) => React.ReactNode);\n  /**\n   * `false` renders a wrapper `<span>` carrying the trigger props instead of merging them onto the\n   * child (the 0.4-style wrapper). The state ARIA (`aria-haspopup`, `aria-expanded`,\n   * `aria-controls`), which a generic span cannot carry, goes to the first element in the tab\n   * order inside the span (none for text children), and focus returns to that element when the\n   * menu closes. A render-prop child still receives every prop.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span); the child's own ref is kept. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * The element that opens a popup menu. Its single child receives {@link MenuTriggerProps}\n * (`aria-haspopup=\"menu\"`, `aria-expanded`, `aria-controls` while open, an id and composed\n * `onClick`/`onKeyDown`); a render function receives them instead. Click, Enter, Space and\n * ArrowDown open the menu and focus its first enabled item; ArrowUp opens it and focuses the last.\n * Other props passed to `Menu.Trigger` are forwarded to the child, so\n * `<Tooltip><Menu.Trigger><MenuButton /></Menu.Trigger></Tooltip>` describes the MenuButton.\n *\n * A trigger with `aria-disabled=\"true\"` (a `disabledFocusable` MenuButton or SplitButton) stays\n * focusable but never opens the menu: its click, Enter, Space, ArrowDown and ArrowUp are ignored\n * and keep their default. This holds for the child itself and for an element inside the wrapper\n * span; an `aria-disabled` ancestor outside the trigger does not count.\n *\n * With `asChild={false}` (and for a child that does not attach the ref, automatically) the props\n * go on a wrapper span instead; the state ARIA then goes to the first element in the tab order\n * inside it, and focus returns to that element.\n *\n * - **Hover** (`openOnHover` on the Menu): a resting mouse pointer opens the menu without moving\n *   focus; a click, Enter, Space or ArrowDown on the trigger then keeps it open and focuses its\n *   first item (ArrowUp: the last), instead of closing it.\n * - **Submenus**: in a `<Menu>` nested in a menu list, wrap a `Menu.Item`, which becomes the\n *   submenu's trigger item (`aria-haspopup=\"menu\"`, `aria-expanded`, a chevron that mirrors in\n *   RTL). ArrowRight (ArrowLeft in RTL), Enter, Space and a click open the submenu and focus its\n *   first item (a click never closes it); resting the mouse on it opens the submenu without moving\n *   focus. ArrowDown, ArrowUp and typeahead stay the parent list's.\n * - **Context menus** (`openOnContext` on the Menu): the child is a region (a list, a row, a\n *   canvas); a right click or Shift+F10/the ContextMenu key opens the menu. A cloned child or a\n *   wrapper span gets only the id, the ref and the context-gesture handlers: no state ARIA and no\n *   click toggle (do not spread them from a render-prop child either).\n *\n * Also exported as `MenuTrigger` (import the flat name from React Server Components).\n *\n * @example\n * <Menu>\n *   <Menu.Trigger><Button>Actions</Button></Menu.Trigger>\n *   <Menu.Popover><Menu.Item onClick={edit}>Edit</Menu.Item></Menu.Popover>\n * </Menu>\n */\nexport const MenuTrigger = ({ children, asChild, ref, ...rest }: MenuTriggerComponentProps) => {\n  const {\n    popup,\n    open,\n    openWithFocus,\n    requestClose,\n    triggerId,\n    menuId,\n    onTriggerId,\n    triggerElement,\n    setTriggerElement,\n    isSubmenu,\n    isHoverOpen,\n    hoverTriggerHandlers,\n    openOnContext,\n    contextTriggerHandlers,\n  } = useMenuContext('Menu.Trigger');\n  useStaticMenuPartWarning('Menu.Trigger', popup);\n  const elementRef = useMergedRefs<HTMLElement>(setTriggerElement, ref);\n\n  // C-DEV: a submenu opens from one of its parent's items; any other element is not an item of\n  // that menu (the arrow keys and typeahead skip it).\n  React.useEffect(() => {\n    if (!isSubmenu || !triggerElement || triggerElement.getAttribute('role') === 'menuitem') {\n      return;\n    }\n    warnOnce(\n      'Menu.Trigger:submenu-child',\n      `Menu.Trigger: a submenu's Menu.Trigger must wrap a Menu.Item: its element has no role=\"menuitem\", so the menu does not treat it as one of its items. Put a Menu.Item inside it (and leave asChild at its default).`,\n    );\n  }, [isSubmenu, triggerElement]);\n\n  // An `aria-disabled` trigger (a focusable disabled button, a disabled trigger item) never opens\n  // the menu: the event is left alone, default included, so the element keeps its own handling of\n  // the key.\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (event.defaultPrevented || isDisabledTrigger(event)) return;\n    // A click on the trigger of a hover-opened menu pins it and focuses its first item, as on a\n    // closed menu. A submenu trigger item never toggles its submenu closed: a click on an open one\n    // focuses its first item again.\n    if (open && !isSubmenu && !isHoverOpen()) requestClose();\n    else openWithFocus('first');\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.defaultPrevented || event.ctrlKey || event.metaKey || isDisabledTrigger(event)) {\n      return;\n    }\n    if (isSubmenu) {\n      // \"Next\" (ArrowRight, ArrowLeft in RTL), Enter and Space open the submenu and focus its\n      // first item. ArrowDown, ArrowUp and typeahead stay the parent list's.\n      if (event.altKey) return;\n      const intent = getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      });\n      if (intent === 'next' || event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        openWithFocus('first');\n      }\n      return;\n    }\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        openWithFocus('first');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        openWithFocus('last');\n        break;\n      case 'Enter':\n      case ' ':\n        // Handled here (not through the native click) so non-button children work too.\n        event.preventDefault();\n        if (open && !isHoverOpen()) requestClose();\n        else openWithFocus('first');\n        break;\n      default:\n        break;\n    }\n  };\n\n  // A context-menu region is no menu button: of its own props a cloned child or a wrapper span\n  // gets only the id, the ref and the context-gesture handlers (no state ARIA, no click toggle). A\n  // render-prop child still receives every member (`aria-expanded` constantly false, an onClick\n  // that does nothing); useTriggerElement removes the state ARIA it spreads.\n  const ownProps: MenuTriggerProps | ContextTriggerProps = openOnContext\n    ? typeof children === 'function'\n      ? {\n          id: triggerId,\n          'aria-haspopup': 'menu',\n          'aria-expanded': false,\n          onClick: noop,\n          ref: elementRef,\n          ...contextTriggerHandlers,\n        }\n      : { id: triggerId, ref: elementRef, ...contextTriggerHandlers }\n    : {\n        id: triggerId,\n        'aria-haspopup': 'menu',\n        'aria-expanded': open,\n        'aria-controls': open ? menuId : undefined,\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ref: elementRef,\n        ...hoverTriggerHandlers,\n      };\n  // §5.3: forwarded props merge in (a consumer `id` wins, handlers compose consumer-first), but the\n  // live state ARIA always wins. On a wrapper span (`asChild={false}`, the automatic fallback)\n  // useTriggerElement moves the state ARIA onto the first element in the tab order inside it.\n  const triggerProps = mergeProps(ownProps, rest, { oursWin: STATE_ARIA });\n\n  // A render-prop child always gets the full MenuTriggerProps; the context region's reduced props\n  // reach only a cloned child or a wrapper span.\n  const element = useTriggerElement(children, triggerProps as MenuTriggerProps, {\n    componentName: 'Menu.Trigger',\n    asChild,\n    onResolvedId: onTriggerId,\n    omitStateAria: openOnContext,\n  });\n  // The Menu.Item a submenu opens from shows the submenu chevron and never closes its own menu.\n  return isSubmenu ? (\n    <MenuSubmenuTriggerContext.Provider value>{element}</MenuSubmenuTriggerContext.Provider>\n  ) : (\n    element\n  );\n};\nMenuTrigger.displayName = 'MenuTrigger';\n"],"mappings":"8dAuDA,IAAMqB,MAAa,CAAC,EAqEPC,GAAe,CAAE,WAAU,UAAS,MAAK,GAAGC,KAAsC,CAC7F,GAAM,CACJ,QACA,OACA,gBACA,eACA,YACA,SACA,cACA,iBACA,oBACA,YACA,cACA,uBACA,gBACA,0BACEvB,EAAAA,eAAe,cAAc,EACjCkB,EAAA,yBAAyB,eAAgBM,CAAK,EAC9C,IAAMC,EAAaxB,EAAAA,cAA2ByB,EAAmBC,CAAG,EAIpER,EAAM,cAAgB,CACfS,GAAcC,GAAkBA,EAAe,aAAa,MAAM,IAAM,YAG7EnB,EAAA,SACE,6BACA,oNACF,CACF,EAAG,CAACkB,EAAWC,CAAc,CAAC,EAyD9B,IAAMC,EAAmDC,EACrD,OAAOC,GAAa,WAClB,CACE,GAAIC,EACJ,gBAAiB,OACjB,gBAAiB,GACjB,QAASZ,EACT,IAAKI,EACL,GAAGS,CACL,EACA,CAAE,GAAID,EAAW,IAAKR,EAAY,GAAGS,CAAuB,EAC9D,CACE,GAAID,EACJ,gBAAiB,OACjB,gBAAiBE,EACjB,gBAAiBA,EAAOC,EAAS,IAAA,GACjC,QApEe,GAAyC,CACxDC,EAAM,kBAAoBnC,EAAAA,kBAAkBmC,CAAK,IAIjDF,GAAQ,CAACP,GAAa,CAACU,EAAY,EAAGC,EAAa,EAClDC,EAAc,OAAO,EAC5B,EA8DM,UA5DiB,GAA4C,CACjE,GAAI,IAAM,kBAAoBH,EAAM,SAAWA,EAAM,SAAWnC,EAAAA,kBAAkBmC,CAAK,GAGvF,IAAIT,EAAW,CAGb,GAAIS,EAAM,OAAQ,QACHlC,EAAAA,eAAekC,EAAM,IAAK,CACvC,YAAa,aACb,IAAKjC,EAAAA,aAAaiC,EAAM,aAAa,CACvC,CACI,IAAW,QAAUA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OAC9DA,EAAM,eAAe,EACrBG,EAAc,OAAO,GAEvB,MACF,CACA,OAAQH,EAAM,IAAd,CACE,IAAK,YACHA,EAAM,eAAe,EACrBG,EAAc,OAAO,EACrB,MACF,IAAK,UACHH,EAAM,eAAe,EACrBG,EAAc,MAAM,EACpB,MACF,IAAK,QACL,IAAK,IAEHH,EAAM,eAAe,EACjBF,GAAQ,CAACG,EAAY,EAAGC,EAAa,EACpCC,EAAc,OAAO,CAI9B,CAnBA,CAoBF,EAwBM,IAAKf,EACL,GAAGgB,CACL,EAIEC,EAAerC,EAAAA,WAAWyB,EAAUP,EAAM,CAAE,QAASjB,EAAAA,UAAW,CAAC,EAIjEqC,EAAUpC,EAAAA,kBAAkByB,EAAUU,EAAkC,CAC5E,cAAe,eACf,UACA,aAAcE,EACd,cAAeb,CACjB,CAAC,EAED,OAAOH,GACL,EAAAR,EAAA,IAAA,CAACZ,EAAAA,0BAA0B,SAA3B,CAAoC,MAAA,GAAO,SAAAmC,CAA4C,CAAA,EAEvFA,CAEJ,EACA,EAAY,YAAc"}

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

@@ -3,9 +3,9 @@ import { warnOnce as e } from "../../lib/dev.mjs";
 import { getArrowIntent as t, getDirection as n } from "../../lib/direction.mjs";
 import { useMergedRefs as r } from "../../hooks/useMergedRefs.mjs";
 import { mergeProps as i } from "../../lib/mergeProps.mjs";
-import { STATE_ARIA as a } from "../../lib/renderTrigger.mjs";
-import { useTriggerElement as o } from "../../hooks/useTriggerElement.mjs";
-import { isDisabledTrigger as s } from "../../lib/events.mjs";
+import { isDisabledTrigger as a } from "../../lib/events.mjs";
+import { STATE_ARIA as o } from "../../lib/renderTrigger.mjs";
+import { useTriggerElement as s } from "../../hooks/useTriggerElement.mjs";
 import { MenuSubmenuTriggerContext as c, useMenuContext as l } from "./Menu.context.mjs";
 import { useStaticMenuPartWarning as u } from "./Menu.shared.mjs";
 import * as d from "react";
@@ -35,10 +35,10 @@ var p = () => {}, m = ({ children: m, asChild: h, ref: g, ..._ }) => {
 		"aria-expanded": y,
 		"aria-controls": y ? C : void 0,
 		onClick: (e) => {
-			e.defaultPrevented || s(e) || (y && !D && !O() ? x() : b("first"));
+			e.defaultPrevented || a(e) || (y && !D && !O() ? x() : b("first"));
 		},
 		onKeyDown: (e) => {
-			if (!(e.defaultPrevented || e.ctrlKey || e.metaKey || s(e))) {
+			if (!(e.defaultPrevented || e.ctrlKey || e.metaKey || a(e))) {
 				if (D) {
 					if (e.altKey) return;
 					(t(e.key, {
@@ -61,7 +61,7 @@ var p = () => {}, m = ({ children: m, asChild: h, ref: g, ..._ }) => {
 		},
 		ref: M,
 		...k
-	}, P = i(N, _, { oursWin: a }), F = o(m, P, {
+	}, P = i(N, _, { oursWin: o }), F = s(m, P, {
 		componentName: "Menu.Trigger",
 		asChild: h,
 		onResolvedId: w,

package/dist/components/navigation/Nav.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../hooks/useEventCallback.cjs"),o=require("../../hooks/useControllable.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/styles.cjs"),l=require("../../lib/icons.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f(){let e=new Map,t=new Set,n=()=>t.forEach(e=>e());return{record(t,r){(e.get(t)??null)!==r&&(r===null?e.delete(t):e.set(t,r),n())},forget(t,r){e.get(t)===r&&(e.delete(t),n())},get:t=>e.get(t),subscribe(e){return t.add(e),()=>{t.delete(e)}}}}var p=u.createContext(null);p.displayName=`NavContext`;var m=()=>{},h={value:``,select:m,openCategories:[],toggleCategory:m,registerValue:()=>m,currentCategory:void 0,categoryStore:{record:m,forget:m,get:()=>void 0,subscribe:()=>m}},g=u.createContext(null);g.displayName=`NavCategoryValueContext`;function _(e){return u.useContext(p)||(r.reportMissingContext(e,`Nav`),h)}function v(e,t){r.warnOnce(`Nav:duplicate-${e}:${t}`,e===`item`?`Nav: several items share the value "${t}". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.`:`Nav: several categories share the value "${t}". Nav.Category values must be unique within a Nav; they open and close together.`)}function y(e,t,n){let{registerValue:r}=e;u.useEffect(()=>r(t,n),[r,t,n])}function b(e,t){let n=u.useContext(g),{categoryStore:r}=e;u.useLayoutEffect(()=>{r.record(t,n)},[r,t,n])}var x=`flex h-5 w-5 shrink-0 items-center justify-center`;function S(e){return e&&i.slotRendersContent(e)?i.renderSlot(e,`span`,x,{"aria-hidden":!0}):null}var C={base:t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,c.focusRingInset,c.disabledStyles),selected:`bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary`,idle:`text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`},w={base:t.cn(`flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,c.focusRingInset,c.disabledStyles),selected:`text-primary font-semibold`,idle:`text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`},T=t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none`,`data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary`,c.focusRingInset);function E(e){let{children:t}=e.props;return typeof t==`function`?void 0:t}function D(e){return(typeof e==`object`||typeof e==`function`)&&e!==null&&typeof e.then==`function`}function O(e,t){if(Array.isArray(e)){for(let n of e)O(n,t);return}try{u.Children.forEach(e,e=>{u.isValidElement(e)&&t(e)})}catch(e){if(!D(e))throw e}}function k(e,...t){return t.includes(n.getElementType(e,{suspend:!1}))}function A(e,t){let n=!1;return O(e,e=>{n||=k(e,F,I)&&e.props.value===t?!0:A(E(e),t)}),n}function j(e,t){let n=[];if(!t)return n;let r=e=>{O(e,e=>{let i=E(e);k(e,P)&&typeof e.props.value==`string`&&A(i,t)&&n.push(e.props.value),r(i)})};return r(e),n}function M(e){if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return!0;let t=e.currentTarget,n=t.getAttribute(`target`);return!!n&&n.toLowerCase()!==`_self`||t.hasAttribute(`download`)}function N(e,n,r,i){let{value:a,icon:o,disabled:s=!1,href:c,className:l,children:u,onClick:f,ref:p,...m}=e,h=n.value===a,g=c!==void 0,_=e=>{if(s){e.preventDefault();return}f?.(e),!(g?!e.defaultPrevented&&M(e):e.defaultPrevented)&&n.select(a)},v=(0,d.jsxs)(d.Fragment,{children:[i&&S(o),i?(0,d.jsx)(`span`,{className:`flex-1 text-start`,children:u}):u]}),y=t.cn(r.base,h?r.selected:r.idle,l);if(g)return(0,d.jsx)(`li`,{children:(0,d.jsx)(`a`,{...m,ref:p,href:s?void 0:c,role:s?`link`:m.role,"aria-disabled":s?!0:m[`aria-disabled`],"aria-current":h?`page`:void 0,onClick:_,className:y,children:v})});let{rel:b,...x}=m;return(0,d.jsx)(`li`,{children:(0,d.jsx)(`button`,{type:`button`,...x,ref:p,disabled:s,"aria-current":h?`page`:void 0,onClick:_,className:y,children:v})})}var P=({value:e,label:n,icon:i,className:a,children:o,ref:c,...f})=>{let p=_(`Nav.Category`),{value:m,openCategories:h,toggleCategory:v,currentCategory:b,categoryStore:x}=p;y(p,`category`,e);let C=s.useId(`wave-nav-category`),w=h.includes(e),E=!w&&m!==``&&A(o,m),D=u.useSyncExternalStore(x.subscribe,()=>m!==``&&x.get(m)===e,()=>!1);u.useLayoutEffect(()=>{if(E)return x.record(m,e),()=>x.forget(m,e)},[x,E,m,e]);let O=!w&&(b===e||D||E),k=n,j=o;if(n===void 0){r.warnDeprecated(`Nav.Category`,`text children as the label`,`label`,"Pass the category label in `label` and only the sub-items as children.");let e=u.Children.toArray(o),t=e=>typeof e==`string`||typeof e==`number`;k=e.filter(t).join(``),j=e.filter(e=>!t(e))}return(0,d.jsxs)(`li`,{ref:c,...f,className:a,children:[(0,d.jsxs)(`button`,{type:`button`,"aria-expanded":w,"aria-controls":w?C:void 0,"aria-current":O?!0:void 0,"data-contains-current":O?``:void 0,onClick:()=>v(e),className:T,children:[S(i),(0,d.jsx)(`span`,{className:`flex-1 text-start`,children:k}),(0,d.jsx)(l.ChevronDownIcon,{className:t.cn(`shrink-0 transition-transform motion-reduce:transition-none`,w&&`rotate-180`)})]}),w&&(0,d.jsx)(g.Provider,{value:e,children:(0,d.jsx)(`ul`,{id:C,className:`m-0 list-none p-0`,children:j})})]})};P.displayName=`NavCategory`;function F(e){let t=_(`Nav.Item`);return y(t,`item`,e.value),b(t,e.value),N(e,t,C,!0)}F.displayName=`NavItem`;function I(e){let t=_(`Nav.SubItem`);return y(t,`item`,e.value),b(t,e.value),N(e,t,w,!1)}I.displayName=`NavSubItem`;var L=({value:e,defaultValue:n,onValueChange:i,selectedValue:s,defaultSelectedValue:c,onNavItemSelect:l,openCategories:m,defaultOpenCategories:h,onOpenCategoriesChange:g,currentCategory:_,className:y,children:b,ref:x,...S})=>{let C=r.resolveDeprecatedProp(`Nav`,e,s,`selectedValue`,`value`),w=r.resolveDeprecatedProp(`Nav`,n,c,`defaultSelectedValue`,`defaultValue`)??``;l!==void 0&&r.warnDeprecated(`Nav`,`onNavItemSelect`,`onValueChange`);let[T,E]=o.useControllable(C,w,i),D=a.useEventCallback(l),O=u.useCallback(e=>{E(e),D(e)},[E,D]),[k]=u.useState(()=>h??j(b,C??w)),[A,M]=o.useControllable(m,k,e=>g?.([...e])),N=u.useCallback(e=>{M(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[M]),P=u.useRef(null),F=u.useCallback((e,t)=>{let n=P.current??=new Map,r=`${e}:${t}`,i=(n.get(r)??0)+1;return n.set(r,i),i>1&&v(e,t),()=>{let e=(n.get(r)??1)-1;e>0?n.set(r,e):n.delete(r)}},[]),[I]=u.useState(f),L=u.useMemo(()=>({value:T,select:O,openCategories:A,toggleCategory:N,registerValue:F,currentCategory:_,categoryStore:I}),[T,O,A,N,F,_,I]);return(0,d.jsx)(p.Provider,{value:L,children:(0,d.jsx)(`nav`,{"aria-label":`Navigation`,...S,ref:x,className:t.cn(`w-60 border-e border-border bg-background py-2`,y),children:(0,d.jsx)(`ul`,{className:`m-0 list-none p-0`,children:b})})})};L.displayName=`Nav`;var R=Object.assign(L,{Category:P,Item:F,SubItem:I});exports.Nav=R,exports.NavCategory=P,exports.NavItem=F,exports.NavSubItem=I;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useEventCallback.cjs"),s=require("../../hooks/useControllable.cjs"),c=require("../../hooks/useId.cjs"),l=require("../../lib/styles.cjs"),u=require("../../lib/icons.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p(){let e=new Map,t=new Set,n=()=>t.forEach(e=>e());return{record(t,r){(e.get(t)??null)!==r&&(r===null?e.delete(t):e.set(t,r),n())},forget(t,r){e.get(t)===r&&(e.delete(t),n())},get:t=>e.get(t),subscribe(e){return t.add(e),()=>{t.delete(e)}}}}var m=d.createContext(null);m.displayName=`NavContext`;var h=()=>{},g={value:``,select:h,openCategories:[],toggleCategory:h,registerValue:()=>h,currentCategory:void 0,categoryStore:{record:h,forget:h,get:()=>void 0,subscribe:()=>h}},_=d.createContext(null);_.displayName=`NavCategoryValueContext`;function v(e){return d.useContext(m)||(r.reportMissingContext(e,`Nav`),g)}function y(e,t){r.warnOnce(`Nav:duplicate-${e}:${t}`,e===`item`?`Nav: several items share the value "${t}". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.`:`Nav: several categories share the value "${t}". Nav.Category values must be unique within a Nav; they open and close together.`)}function b(e,t,n){let{registerValue:r}=e;d.useEffect(()=>r(t,n),[r,t,n])}function x(e,t){let n=d.useContext(_),{categoryStore:r}=e;d.useLayoutEffect(()=>{r.record(t,n)},[r,t,n])}var S=`flex h-5 w-5 shrink-0 items-center justify-center`;function C(e,n){return e&&i.slotRendersContent(e)?i.renderSlot(e,`span`,t.cn(n,S),{"aria-hidden":!0}):null}var w={base:t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,l.focusRingInset,l.disabledStyles),selected:`bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary`,idle:`text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`},T={base:t.cn(`flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,l.focusRingInset,l.disabledStyles),selected:`text-primary font-semibold`,idle:`text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`},E=t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none`,`data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary`,l.focusRingInset);function D(e){let{children:t}=e.props;return typeof t==`function`?void 0:t}function O(e){return(typeof e==`object`||typeof e==`function`)&&e!==null&&typeof e.then==`function`}function k(e,t){if(Array.isArray(e)){for(let n of e)k(n,t);return}try{d.Children.forEach(e,e=>{d.isValidElement(e)&&t(e)})}catch(e){if(!O(e))throw e}}function A(e,...t){return t.includes(n.getElementType(e,{suspend:!1}))}function j(e,t){let n=!1;return k(e,e=>{n||=A(e,I,L)&&e.props.value===t?!0:j(D(e),t)}),n}function M(e,t){let n=[];if(!t)return n;let r=e=>{k(e,e=>{let i=D(e);A(e,F)&&typeof e.props.value==`string`&&j(i,t)&&n.push(e.props.value),r(i)})};return r(e),n}function N(e){if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return!0;let t=e.currentTarget,n=t.getAttribute(`target`);return!!n&&n.toLowerCase()!==`_self`||t.hasAttribute(`download`)}function P(e,n,r,i,a){let{value:o,icon:s,disabled:c=!1,href:l,className:u,children:d,onClick:p,ref:m,...h}=e,g=n.value===o,_=l!==void 0,v=e=>{if(c){e.preventDefault();return}p?.(e),!(_?!e.defaultPrevented&&N(e):e.defaultPrevented)&&n.select(o)},y=(0,f.jsxs)(f.Fragment,{children:[a&&C(s,i.icon),a?(0,f.jsx)(`span`,{className:t.cn(i.content,`flex-1 text-start`),children:d}):d]}),b=t.cn(i.root,r.base,g?r.selected:r.idle,u);if(_)return(0,f.jsx)(`li`,{className:i.listItem,children:(0,f.jsx)(`a`,{...h,ref:m,href:c?void 0:l,role:c?`link`:h.role,"aria-disabled":c?!0:h[`aria-disabled`],"aria-current":g?`page`:void 0,onClick:v,className:b,children:y})});let{rel:x,...S}=h;return(0,f.jsx)(`li`,{className:i.listItem,children:(0,f.jsx)(`button`,{type:`button`,...S,ref:m,disabled:c,"aria-current":g?`page`:void 0,onClick:v,className:b,children:y})})}var F=({value:e,label:n,icon:i,className:o,children:s,ref:l,...p})=>{let m=v(`Nav.Category`),{value:h,openCategories:g,toggleCategory:y,currentCategory:x,categoryStore:S}=m;b(m,`category`,e);let w=c.useId(`wave-nav-category`),T=g.includes(e),D=!T&&h!==``&&j(s,h),O=d.useSyncExternalStore(S.subscribe,()=>h!==``&&S.get(h)===e,()=>!1);d.useLayoutEffect(()=>{if(D)return S.record(h,e),()=>S.forget(h,e)},[S,D,h,e]);let k=!T&&(x===e||O||D),A=n,M=s;if(n===void 0){r.warnDeprecated(`Nav.Category`,`text children as the label`,`label`,"Pass the category label in `label` and only the sub-items as children.");let e=d.Children.toArray(s),t=e=>typeof e==`string`||typeof e==`number`;A=e.filter(t).join(``),M=e.filter(e=>!t(e))}return(0,f.jsxs)(`li`,{ref:l,...p,className:t.cn(a.navCategoryClassNames.root,o),children:[(0,f.jsxs)(`button`,{type:`button`,"aria-expanded":T,"aria-controls":T?w:void 0,"aria-current":k?!0:void 0,"data-contains-current":k?``:void 0,onClick:()=>y(e),className:t.cn(a.navCategoryClassNames.button,E),children:[C(i,a.navCategoryClassNames.icon),(0,f.jsx)(`span`,{className:t.cn(a.navCategoryClassNames.label,`flex-1 text-start`),children:A}),(0,f.jsx)(u.ChevronDownIcon,{className:t.cn(a.navCategoryClassNames.expandIcon,`shrink-0 transition-transform motion-reduce:transition-none`,T&&`rotate-180`)})]}),T&&(0,f.jsx)(_.Provider,{value:e,children:(0,f.jsx)(`ul`,{id:w,className:t.cn(a.navCategoryClassNames.list,`m-0 list-none p-0`),children:M})})]})};F.displayName=`NavCategory`;function I(e){let t=v(`Nav.Item`);return b(t,`item`,e.value),x(t,e.value),P(e,t,w,{root:a.navItemClassNames.root,listItem:a.navItemClassNames.listItem,icon:a.navItemClassNames.icon,content:a.navItemClassNames.content},!0)}I.displayName=`NavItem`;function L(e){let t=v(`Nav.SubItem`);return b(t,`item`,e.value),x(t,e.value),P(e,t,T,{root:a.navSubItemClassNames.root,listItem:a.navSubItemClassNames.listItem},!1)}L.displayName=`NavSubItem`;var R=({value:e,defaultValue:n,onValueChange:i,selectedValue:c,defaultSelectedValue:l,onNavItemSelect:u,openCategories:h,defaultOpenCategories:g,onOpenCategoriesChange:_,currentCategory:v,className:b,children:x,ref:S,...C})=>{let w=r.resolveDeprecatedProp(`Nav`,e,c,`selectedValue`,`value`),T=r.resolveDeprecatedProp(`Nav`,n,l,`defaultSelectedValue`,`defaultValue`)??``;u!==void 0&&r.warnDeprecated(`Nav`,`onNavItemSelect`,`onValueChange`);let[E,D]=s.useControllable(w,T,i),O=o.useEventCallback(u),k=d.useCallback(e=>{D(e),O(e)},[D,O]),[A]=d.useState(()=>g??M(x,w??T)),[j,N]=s.useControllable(h,A,e=>_?.([...e])),P=d.useCallback(e=>{N(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[N]),F=d.useRef(null),I=d.useCallback((e,t)=>{let n=F.current??=new Map,r=`${e}:${t}`,i=(n.get(r)??0)+1;return n.set(r,i),i>1&&y(e,t),()=>{let e=(n.get(r)??1)-1;e>0?n.set(r,e):n.delete(r)}},[]),[L]=d.useState(p),R=d.useMemo(()=>({value:E,select:k,openCategories:j,toggleCategory:P,registerValue:I,currentCategory:v,categoryStore:L}),[E,k,j,P,I,v,L]);return(0,f.jsx)(m.Provider,{value:R,children:(0,f.jsx)(`nav`,{"aria-label":`Navigation`,...C,ref:S,className:t.cn(a.navClassNames.root,`w-60 border-e border-border bg-background py-2`,b),children:(0,f.jsx)(`ul`,{className:t.cn(a.navClassNames.list,`m-0 list-none p-0`),children:x})})})};R.displayName=`Nav`;var z=Object.assign(R,{Category:F,Item:I,SubItem:L});exports.Nav=z,exports.NavCategory=F,exports.NavItem=I,exports.NavSubItem=L;
 //# sourceMappingURL=Nav.cjs.map

package/dist/components/navigation/Nav.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.cjs","names":["React","slotRendersContent","renderSlot","cn","focusRingInset","disabledStyles","getElementType","_Fragment","useId","ChevronDownIcon","resolveDeprecatedProp","useControllable","useEventCallback","require_runtime","require_cn","require_children","require_dev","require_slot","require_useEventCallback","require_useControllable","require_useId","require_styles","require_icons","react","react_jsx_runtime","createCategoryStore","categories","listeners","notify","listener","value","category","NavContext","noop","INERT_NAV_CONTEXT","NavCategoryValueContext","useNavContext","componentName","warnDuplicateValue","kind","useNavValue","context","registerValue","useRecordCategory","categoryStore","iconClasses","renderIcon","icon","itemClasses","subItemClasses","categoryButtonClasses","childrenOf","element","children","isThenable","forEachElement","nodes","node","visit","child","error","isPart","types","containsValue","found","NavItem","NavSubItem","selected","findCategoriesContaining","result","current","inner","NavCategory","opensElsewhere","event","link","target","renderNavEntry","rest","props","isSelected","isLink","href","handleClick","disabled","onClick","content","withIcon","entryClassName","classes","className","buttonRest","currentValue","listId","isOpen","openCategories","holdsCurrentChild","holdsShownCurrent","containsCurrent","currentCategory","buttonLabel","label","items","parts","isText","part","toggleCategory","NavRoot","valueProp","defaultValueProp","openCategoriesProp","controlledValue","selectedValue","defaultValue","defaultSelectedValue","onNavItemSelect","setValue","onValueChange","notifyNavItemSelect","select","next","initialOpenCategories","defaultOpenCategories","setOpenCategories","onOpenCategoriesChange","previous","entry","valueCountsRef","counts","key","count","remaining","contextValue","Nav"],"sources":["../../../src/components/navigation/Nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { Slot } from '../../lib/types';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { getElementType } from '../../lib/children';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\n/** The two value namespaces of a Nav: items (Nav.Item and Nav.SubItem) and categories. */\ntype NavValueKind = 'item' | 'category';\n\n/**\n * The category each sub-item was last shown in, by sub-item value: written from layout effects by\n * the mounted sub-items and by a closed category whose children hold the current value, read by\n * the categories with `useSyncExternalStore`. An entry outlives its sub-item, so a category closed\n * after its current sub-item was shown still knows it contains the current page.\n */\ninterface NavCategoryStore {\n  /**\n   * Records the category a mounted item renders in, or a closed category whose children hold the\n   * value; `null` (an item outside any category) forgets an earlier entry, so a value moved out of\n   * a category no longer marks it.\n   */\n  record: (value: string, category: string | null) => void;\n  /** Forgets the entry of `value` while it is still `category`. */\n  forget: (value: string, category: string) => void;\n  /** The category last recorded for a sub-item value. */\n  get: (value: string) => string | undefined;\n  subscribe: (listener: () => void) => () => void;\n}\n\nfunction createCategoryStore(): NavCategoryStore {\n  const categories = new Map<string, string>();\n  const listeners = new Set<() => void>();\n  const notify = () => listeners.forEach((listener) => listener());\n  return {\n    record(value, category) {\n      if ((categories.get(value) ?? null) === category) return;\n      if (category === null) categories.delete(value);\n      else categories.set(value, category);\n      notify();\n    },\n    forget(value, category) {\n      if (categories.get(value) !== category) return;\n      categories.delete(value);\n      notify();\n    },\n    get: (value) => categories.get(value),\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\ninterface NavContextValue {\n  /** The selected item value (`''` when nothing is selected). */\n  value: string;\n  /** Selects an item (activation handler: also fires the deprecated `onNavItemSelect`). */\n  select: (value: string) => void;\n  openCategories: readonly string[];\n  toggleCategory: (value: string) => void;\n  /** Registers a mounted item or category value (duplicate warning); returns the cleanup. */\n  registerValue: (kind: NavValueKind, value: string) => () => void;\n  /** The `currentCategory` hint of the Nav. */\n  currentCategory: string | undefined;\n  categoryStore: NavCategoryStore;\n}\n\nconst NavContext = React.createContext<NavContextValue | null>(null);\nNavContext.displayName = 'NavContext';\n\nconst noop = () => {};\nconst INERT_NAV_CONTEXT: NavContextValue = {\n  value: '',\n  select: noop,\n  openCategories: [],\n  toggleCategory: noop,\n  registerValue: () => noop,\n  currentCategory: undefined,\n  categoryStore: { record: noop, forget: noop, get: () => undefined, subscribe: () => noop },\n};\n\n/**\n * The value of the Nav.Category a sub-item renders in (`null` outside a category). It renders no\n * element; a sub-item outside a category is valid, so there is no missing-context error.\n */\nconst NavCategoryValueContext = React.createContext<string | null>(null);\nNavCategoryValueContext.displayName = 'NavCategoryValueContext';\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useNavContext(componentName: string): NavContextValue {\n  const context = React.useContext(NavContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Nav');\n  return INERT_NAV_CONTEXT;\n}\n\nfunction warnDuplicateValue(kind: NavValueKind, value: string): void {\n  warnOnce(\n    `Nav:duplicate-${kind}:${value}`,\n    kind === 'item'\n      ? `Nav: several items share the value \"${value}\". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.`\n      : `Nav: several categories share the value \"${value}\". Nav.Category values must be unique within a Nav; they open and close together.`,\n  );\n}\n\n/** Registers the value of a mounted item or category, so Nav can warn about duplicates. */\nfunction useNavValue(context: NavContextValue, kind: NavValueKind, value: string): void {\n  const { registerValue } = context;\n  React.useEffect(() => registerValue(kind, value), [registerValue, kind, value]);\n}\n\n/**\n * Records the category a mounted item renders in, which the category reads once closed (`null`\n * outside a category, which forgets a stale entry for the value).\n */\nfunction useRecordCategory(context: NavContextValue, value: string): void {\n  const category = React.useContext(NavCategoryValueContext);\n  const { categoryStore } = context;\n  React.useLayoutEffect(() => {\n    categoryStore.record(value, category);\n  }, [categoryStore, value, category]);\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Properties for the Nav component. */\nexport interface NavProps extends Omit<React.HTMLAttributes<HTMLElement>, 'defaultValue'> {\n  /** Controlled value of the selected nav item. */\n  value?: string;\n  /**\n   * Selected nav item value for uncontrolled usage.\n   * @default ''\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selection changes (not when the current item is re-selected). */\n  onValueChange?: (value: string) => void;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it fires on every activation,\n   * re-selecting the current item included (0.4 behaviour).\n   */\n  onNavItemSelect?: (value: string) => void;\n  /** Controlled list of open category values. */\n  openCategories?: readonly string[];\n  /**\n   * Categories open initially (uncontrolled). Without it, the categories that contain the\n   * selected item (`value`, else `defaultValue`) start open, so the current page is visible on the\n   * first render; an empty list keeps every category closed.\n   */\n  defaultOpenCategories?: readonly string[];\n  /** Called with the new list of open category values (a new array) when a category is toggled. */\n  onOpenCategoriesChange?: (openCategories: string[]) => void;\n  /**\n   * The `value` of the category that contains the current item, for sub-items Nav cannot find by\n   * itself (rendered by your own component inside a closed category). Usually not needed: Nav\n   * finds sub-items among a category's children (through Fragments and wrapper elements) and\n   * remembers the category of the current sub-item once it has been shown. A hint, not state:\n   * unlike Fluent's `selectedCategoryValue` it has no default or change callback.\n   */\n  currentCategory?: string;\n  /** Ref to the `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the NavCategory sub-component. */\nexport interface NavCategoryProps extends React.HTMLAttributes<HTMLLIElement> {\n  /**\n   * Value identifying this category (used by `openCategories`), unique among the categories of\n   * the Nav (a duplicate warns in development).\n   */\n  value: string;\n  /**\n   * Label of the category's toggle button (any content). Without it, the text children are used\n   * as the label — deprecated: pass the label here and only the sub-items as children.\n   */\n  label?: React.ReactNode;\n  /**\n   * Icon displayed before the category label. Rendered with `aria-hidden=\"true\"`. A falsy icon\n   * (`''`, `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /** The category's sub-items (`Nav.SubItem`), rendered in its list while it is open. */\n  children?: React.ReactNode;\n  /** Ref to the category's `<li>` element. */\n  ref?: React.Ref<HTMLLIElement>;\n}\n\n/**\n * The props of Nav.Item that every branch shares ({@link NavItemAnchorProps},\n * {@link NavItemButtonProps}, {@link NavItemDynamicProps}).\n */\nexport interface NavItemOwnProps {\n  /**\n   * Value identifying this nav item, unique among the items and sub-items of the Nav (a duplicate\n   * warns in development).\n   */\n  value: string;\n  /**\n   * Icon displayed before the item label. Rendered with `aria-hidden=\"true\"`. A falsy icon (`''`,\n   * `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Whether the item is disabled: a native `disabled` button, or an `aria-disabled` link without\n   * `href`. Activating a disabled item never selects it; a disabled item whose value is the\n   * current `value` still shows as current (`aria-current=\"page\"` and the selected look), because\n   * the current value belongs to the app.\n   */\n  disabled?: boolean;\n  /** Label content. */\n  children?: React.ReactNode;\n}\n\n/**\n * The attributes only a link has (`target`, `download`, `hrefLang`, `ping`, …). Button items\n * declare them as `undefined`, so they are a type error without `href` instead of landing on the\n * `<button>`. `rel` cannot be listed (React types it on every element, RDFa); a button item drops\n * it at run time instead.\n */\ntype NoAnchorOnlyAttributes = {\n  [\n    K in Exclude<\n      keyof React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof React.ButtonHTMLAttributes<HTMLButtonElement>\n    >\n  ]?: undefined;\n};\n\n/**\n * Nav.Item rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement`. 0.4 typed every item's handlers on `HTMLButtonElement`, so with a string\n * `href` an unannotated 0.4 handler that reads a button-only member (such as\n * `e.currentTarget.form`) no longer compiles; a handler already typed as\n * `React.MouseEventHandler<HTMLButtonElement>` still does (React handler types are bivariant).\n */\nexport interface NavItemAnchorProps\n  extends\n    NavItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.Item rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavItemButtonProps\n  extends\n    NavItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** Button items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavItem sub-component: link props with `href`, button props without.\n *\n * A union type (0.4 had an interface): an interface cannot extend it, so extend one branch\n * (`interface X extends NavItemButtonProps`) or intersect (`type X = NavItemProps & { … }`).\n * `React.ComponentProps<typeof Nav.Item>` resolves to the last overload,\n * {@link NavItemDynamicProps}.\n */\nexport type NavItemProps = NavItemAnchorProps | NavItemButtonProps;\n\n/**\n * Nav.Item with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Resolved after the button and link signatures.\n *\n * Only the attributes both elements share are accepted (no `target`, `download`, `type`, `form`,\n * …), and handlers receive events of either element (`HTMLAnchorElement | HTMLButtonElement`).\n * 0.4 typed them as button events (`HTMLAttributes<HTMLButtonElement>`), so an unannotated 0.4\n * handler that reads a button-only member (such as `e.currentTarget.form`) no longer compiles here;\n * narrow `e.currentTarget` first. (A string `href` types handlers on `HTMLAnchorElement`, see\n * {@link NavItemAnchorProps}; no `href` keeps `HTMLButtonElement`.)\n */\nexport interface NavItemDynamicProps\n  extends\n    NavItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/**\n * The props of Nav.SubItem that every branch shares: those of {@link NavItemOwnProps} without\n * `icon`.\n */\nexport type NavSubItemOwnProps = Omit<NavItemOwnProps, 'icon'>;\n\n/**\n * Nav.SubItem rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement` (0.4: `HTMLButtonElement`); see {@link NavItemAnchorProps}.\n */\nexport interface NavSubItemAnchorProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavSubItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.SubItem rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavSubItemButtonProps\n  extends\n    NavSubItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** Button sub-items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavSubItem sub-component: link props with `href`, button props without.\n * A union type like {@link NavItemProps} (extend a branch or intersect; `React.ComponentProps`\n * resolves to {@link NavSubItemDynamicProps}).\n */\nexport type NavSubItemProps = NavSubItemAnchorProps | NavSubItemButtonProps;\n\n/**\n * Nav.SubItem with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Only the attributes both elements share are accepted, and handlers\n * receive events of either element (0.4 typed them as button events); see\n * {@link NavItemDynamicProps}.\n */\nexport interface NavSubItemDynamicProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/** The props both entry kinds share at runtime (the union narrowed by `href`). */\ntype NavEntryProps = NavItemOwnProps &\n  Omit<React.AllHTMLAttributes<HTMLElement>, keyof NavItemOwnProps | 'ref'> & {\n    ref?: React.Ref<HTMLElement>;\n  };\n\n// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst iconClasses = 'flex h-5 w-5 shrink-0 items-center justify-center';\n\n/**\n * The `icon` slot of Nav.Item and Nav.Category, or `null` when it renders nothing. A falsy icon\n * (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4 and as in\n * Avatar, and so is a collection whose items render nothing, so no empty 20px box is rendered\n * before the label. The check does not consume a generator: renderSlot still renders its items.\n */\nfunction renderIcon(icon: Slot<'span'> | undefined): React.ReactElement | null {\n  return icon && slotRendersContent(icon)\n    ? renderSlot(icon, 'span', iconClasses, { 'aria-hidden': true })\n    : null;\n}\n\nconst itemClasses = {\n  base: cn(\n    'flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary',\n  idle: 'text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst subItemClasses = {\n  base: cn(\n    'flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'text-primary font-semibold',\n  idle: 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst categoryButtonClasses = cn(\n  'flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n  // A closed category that contains the current page shows the selected look of an item.\n  'data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary',\n  focusRingInset,\n);\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\ntype ElementWithChildren = React.ReactElement<{ value?: unknown; children?: React.ReactNode }>;\n\nfunction childrenOf(element: ElementWithChildren): React.ReactNode {\n  const { children } = element.props;\n  return typeof children === 'function' ? undefined : children;\n}\n\n/** Whether a thrown value suspends rendering (a loading lazy chunk, a pending promise). */\nfunction isThenable(value: unknown): boolean {\n  return (\n    (typeof value === 'object' || typeof value === 'function') &&\n    value !== null &&\n    typeof (value as { then?: unknown }).then === 'function'\n  );\n}\n\n/*\n * The walks below run during Nav's render and reach consumer content at any depth. Content that\n * is still loading inside the consumer's own <Suspense> (a promise child, a lazy node, a\n * `React.lazy` component) suspends that boundary when React renders it; walking it must never\n * suspend Nav itself, which would hide the whole Nav behind an outer boundary. So a child that\n * cannot be read yet is skipped, and a lazy type that is still loading is not a part (its\n * children are still walked). Parts written in a Server Component arrive as loaded client\n * references and are recognized.\n */\n\n/** Calls `visit` with each element of `nodes` (as `React.Children.forEach`), skipping pending ones. */\nfunction forEachElement(nodes: React.ReactNode, visit: (child: ElementWithChildren) => void): void {\n  if (Array.isArray(nodes)) {\n    for (const node of nodes as React.ReactNode[]) forEachElement(node, visit);\n    return;\n  }\n  try {\n    React.Children.forEach(nodes, (child) => {\n      if (React.isValidElement<ElementWithChildren['props']>(child)) visit(child);\n    });\n  } catch (error) {\n    if (!isThenable(error)) throw error;\n  }\n}\n\n/** Whether `element` is one of `types`; a lazy type still loading is none (it never suspends). */\nfunction isPart(element: ElementWithChildren, ...types: unknown[]): boolean {\n  return types.includes(getElementType(element, { suspend: false }));\n}\n\n/**\n * Whether `nodes` contain a Nav.Item/Nav.SubItem element with `value === selected` (parts written\n * in a Server Component, lazy client references, included). Called during render only.\n */\nfunction containsValue(nodes: React.ReactNode, selected: string): boolean {\n  let found = false;\n  forEachElement(nodes, (child) => {\n    if (found) return;\n    if (isPart(child, NavItem, NavSubItem) && child.props.value === selected) {\n      found = true;\n    } else {\n      found = containsValue(childrenOf(child), selected);\n    }\n  });\n  return found;\n}\n\n/** The values of the Nav.Category elements (at any depth of JSX) that contain `selected`. */\nfunction findCategoriesContaining(nodes: React.ReactNode, selected: string): string[] {\n  const result: string[] = [];\n  if (!selected) return result;\n  const visit = (current: React.ReactNode) => {\n    forEachElement(current, (child) => {\n      const inner = childrenOf(child);\n      if (\n        isPart(child, NavCategory) &&\n        typeof child.props.value === 'string' &&\n        containsValue(inner, selected)\n      ) {\n        result.push(child.props.value);\n      }\n      visit(inner);\n    });\n  };\n  visit(nodes);\n  return result;\n}\n\n/**\n * Whether a click on a link opens it somewhere other than the current page, checked as routers\n * do: a modifier key (a new tab or window, a download), a mouse button other than the main one, a\n * `target` other than `_self`, or a `download` link. Only when the default is not prevented does\n * the browser actually open it there.\n */\nfunction opensElsewhere(event: React.MouseEvent<HTMLElement>): boolean {\n  if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n    return true;\n  }\n  const link = event.currentTarget;\n  const target = link.getAttribute('target');\n  return (!!target && target.toLowerCase() !== '_self') || link.hasAttribute('download');\n}\n\n/** Shared rendering of Nav.Item and Nav.SubItem (link or button). */\nfunction renderNavEntry(\n  props: NavEntryProps,\n  context: NavContextValue,\n  classes: { base: string; selected: string; idle: string },\n  withIcon: boolean,\n): React.ReactElement {\n  const { value, icon, disabled = false, href, className, children, onClick, ref, ...rest } = props;\n  const isSelected = context.value === value;\n  const isLink = href !== undefined;\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    // A link is still selected when the consumer prevents its default (client-side routing:\n    // `preventDefault()` + `router.push(href)`, whatever the modifier keys: the browser then opens\n    // nothing elsewhere), but not when the browser opens it elsewhere (the current page does not\n    // change); a button honours `preventDefault()` (C-COMPOSE).\n    if (isLink ? !event.defaultPrevented && opensElsewhere(event) : event.defaultPrevented) return;\n    context.select(value);\n  };\n\n  const content = (\n    <>\n      {withIcon && renderIcon(icon)}\n      {withIcon ? <span className=\"flex-1 text-start\">{children}</span> : children}\n    </>\n  );\n\n  const entryClassName = cn(classes.base, isSelected ? classes.selected : classes.idle, className);\n\n  if (isLink) {\n    return (\n      <li>\n        <a\n          {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={disabled ? undefined : href}\n          role={disabled ? 'link' : rest.role}\n          aria-disabled={disabled ? true : rest['aria-disabled']}\n          aria-current={isSelected ? 'page' : undefined}\n          onClick={handleClick}\n          className={entryClassName}\n        >\n          {content}\n        </a>\n      </li>\n    );\n  }\n\n  // `rel` only belongs on a link: a button item drops it (React types it on every element).\n  const { rel, ...buttonRest } = rest;\n  return (\n    <li>\n      <button\n        type=\"button\"\n        {...(buttonRest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        disabled={disabled}\n        aria-current={isSelected ? 'page' : undefined}\n        onClick={handleClick}\n        className={entryClassName}\n      >\n        {content}\n      </button>\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Nav.Category\n// ---------------------------------------------------------------------------\n\n/**\n * A collapsible group of sub-items. Its toggle button shows `label` and reports `aria-expanded`\n * (and `aria-controls` while open); the sub-items render in a nested list while it is open.\n * Open state lives on `Nav` (`openCategories`/`defaultOpenCategories`).\n *\n * A closed category that contains the current item marks its toggle button with\n * `aria-current=\"true\"` (the button is not the page's link, so not `\"page\"`),\n * `data-contains-current` and the selected look of `Nav.Item`. It contains the current item when\n * a `Nav.SubItem` with the current value is among its children (through Fragments and wrapper\n * elements, also in the server HTML), when the current sub-item was last shown in it (and has not\n * moved among another category's children since), or when it is the Nav's `currentCategory`. An\n * open category is not marked: its sub-item shows the current page.\n *\n * Also exported as `NavCategory` (import the flat name from React Server Components).\n */\nconst NavCategory = ({\n  value,\n  label,\n  icon,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavCategoryProps) => {\n  const context = useNavContext('Nav.Category');\n  const {\n    value: currentValue,\n    openCategories,\n    toggleCategory,\n    currentCategory,\n    categoryStore,\n  } = context;\n  useNavValue(context, 'category', value);\n  const listId = useId('wave-nav-category');\n  const isOpen = openCategories.includes(value);\n\n  // The current sub-item is among the children of this closed category (also on the server).\n  const holdsCurrentChild = !isOpen && currentValue !== '' && containsValue(children, currentValue);\n  // The current sub-item was last shown in this category (none on the server).\n  const holdsShownCurrent = React.useSyncExternalStore(\n    categoryStore.subscribe,\n    () => currentValue !== '' && categoryStore.get(currentValue) === value,\n    () => false,\n  );\n  // Children that hold the current sub-item make this the category the Nav remembers for it, so a\n  // category it was shown in before it moved here is no longer marked. The entry is forgotten when\n  // they stop holding it (an open category records through its mounted sub-item instead).\n  React.useLayoutEffect(() => {\n    if (!holdsCurrentChild) return;\n    categoryStore.record(currentValue, value);\n    return () => categoryStore.forget(currentValue, value);\n  }, [categoryStore, holdsCurrentChild, currentValue, value]);\n  const containsCurrent =\n    !isOpen && (currentCategory === value || holdsShownCurrent || holdsCurrentChild);\n\n  let buttonLabel: React.ReactNode = label;\n  let items: React.ReactNode = children;\n  if (label === undefined) {\n    // Deprecated 0.4 path: the text children are the label, the other children the sub-items.\n    warnDeprecated(\n      'Nav.Category',\n      'text children as the label',\n      'label',\n      'Pass the category label in `label` and only the sub-items as children.',\n    );\n    const parts = React.Children.toArray(children);\n    const isText = (part: unknown) => typeof part === 'string' || typeof part === 'number';\n    buttonLabel = parts.filter(isText).join('');\n    items = parts.filter((part) => !isText(part));\n  }\n\n  return (\n    <li ref={ref} {...rest} className={className}>\n      <button\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? listId : undefined}\n        aria-current={containsCurrent ? true : undefined}\n        data-contains-current={containsCurrent ? '' : undefined}\n        onClick={() => toggleCategory(value)}\n        className={categoryButtonClasses}\n      >\n        {renderIcon(icon)}\n        <span className=\"flex-1 text-start\">{buttonLabel}</span>\n        <ChevronDownIcon\n          className={cn(\n            'shrink-0 transition-transform motion-reduce:transition-none',\n            isOpen && 'rotate-180',\n          )}\n        />\n      </button>\n      {isOpen && (\n        <NavCategoryValueContext.Provider value={value}>\n          <ul id={listId} className=\"m-0 list-none p-0\">\n            {items}\n          </ul>\n        </NavCategoryValueContext.Provider>\n      )}\n    </li>\n  );\n};\nNavCategory.displayName = 'NavCategory';\n\n// ---------------------------------------------------------------------------\n// Nav.Item / Nav.SubItem\n// ---------------------------------------------------------------------------\n\n/**\n * A top-level navigation entry: a link when `href` is given (anchor props), a button otherwise\n * (button props). Clicking selects it (`aria-current=\"page\"`); activating a disabled entry never\n * selects it (a disabled entry whose value is the current value still shows as current).\n *\n * A click that opens a link somewhere other than the current page selects nothing (the consumer's\n * `onClick` still runs, and the browser opens the link): Ctrl/Cmd/Shift/Alt-click, a mouse button\n * other than the main one, a `target` other than `_self`, or a `download` link. When the consumer's\n * `onClick` calls `preventDefault()` (client-side routing), the browser opens nothing, so the item\n * is selected whatever the keys, button or `target`.\n *\n * Typed by overloads, resolved in order: without `href` (button props, button events), with a\n * string `href` (anchor props, anchor events), then an `href` that may be `undefined` at run time\n * ({@link NavItemDynamicProps}: events of either element).\n *\n * Also exported as `NavItem` (import the flat name from React Server Components).\n */\nfunction NavItem(props: NavItemButtonProps): React.ReactElement;\nfunction NavItem(props: NavItemAnchorProps): React.ReactElement;\nfunction NavItem(props: NavItemDynamicProps): React.ReactElement;\nfunction NavItem(props: NavItemProps | NavItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.Item');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(props as NavEntryProps, context, itemClasses, true);\n}\nNavItem.displayName = 'NavItem';\n\n/**\n * An indented entry inside a `Nav.Category`: a link when `href` is given, a button otherwise.\n * Selected like `Nav.Item` (a click that the browser opens somewhere else selects nothing; one\n * whose default your `onClick` prevents is selected), and typed by overloads like `Nav.Item`\n * (button, link, then {@link NavSubItemDynamicProps}).\n *\n * Also exported as `NavSubItem` (import the flat name from React Server Components).\n */\nfunction NavSubItem(props: NavSubItemButtonProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemAnchorProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemDynamicProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemProps | NavSubItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.SubItem');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(props as NavEntryProps, context, subItemClasses, false);\n}\nNavSubItem.displayName = 'NavSubItem';\n\n// ---------------------------------------------------------------------------\n// Nav (root)\n// ---------------------------------------------------------------------------\n\nconst NavRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  selectedValue,\n  defaultSelectedValue,\n  onNavItemSelect,\n  openCategories: openCategoriesProp,\n  defaultOpenCategories,\n  onOpenCategoriesChange,\n  currentCategory,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavProps) => {\n  const controlledValue = resolveDeprecatedProp(\n    'Nav',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue =\n    resolveDeprecatedProp(\n      'Nav',\n      defaultValueProp,\n      defaultSelectedValue,\n      'defaultSelectedValue',\n      'defaultValue',\n    ) ?? '';\n  if (onNavItemSelect !== undefined) warnDeprecated('Nav', 'onNavItemSelect', 'onValueChange');\n\n  const [value, setValue] = useControllable(controlledValue, defaultValue, onValueChange);\n  const notifyNavItemSelect = useEventCallback(onNavItemSelect);\n  const select = React.useCallback(\n    (next: string) => {\n      setValue(next);\n      // Deprecated event-named alias: every activation, re-selection included (C-NAMING).\n      notifyNavItemSelect(next);\n    },\n    [setValue, notifyNavItemSelect],\n  );\n\n  const [initialOpenCategories] = React.useState<readonly string[]>(\n    () =>\n      defaultOpenCategories ?? findCategoriesContaining(children, controlledValue ?? defaultValue),\n  );\n  const [openCategories, setOpenCategories] = useControllable<readonly string[]>(\n    openCategoriesProp,\n    initialOpenCategories,\n    (next) => onOpenCategoriesChange?.([...next]),\n  );\n  const toggleCategory = React.useCallback(\n    (category: string) => {\n      setOpenCategories((previous) =>\n        previous.includes(category)\n          ? previous.filter((entry) => entry !== category)\n          : [...previous, category],\n      );\n    },\n    [setOpenCategories],\n  );\n\n  // Duplicate values (C-DEV): the mounted items and categories per value (written from their\n  // effects only); a second one with a value already in use warns once per value.\n  const valueCountsRef = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((kind: NavValueKind, entry: string) => {\n    const counts = (valueCountsRef.current ??= new Map<string, number>());\n    const key = `${kind}:${entry}`;\n    const count = (counts.get(key) ?? 0) + 1;\n    counts.set(key, count);\n    if (count > 1) warnDuplicateValue(kind, entry);\n    return () => {\n      const remaining = (counts.get(key) ?? 1) - 1;\n      if (remaining > 0) counts.set(key, remaining);\n      else counts.delete(key);\n    };\n  }, []);\n\n  const [categoryStore] = React.useState(createCategoryStore);\n\n  const contextValue = React.useMemo<NavContextValue>(\n    () => ({\n      value,\n      select,\n      openCategories,\n      toggleCategory,\n      registerValue,\n      currentCategory,\n      categoryStore,\n    }),\n    [value, select, openCategories, toggleCategory, registerValue, currentCategory, categoryStore],\n  );\n\n  return (\n    <NavContext.Provider value={contextValue}>\n      <nav\n        aria-label=\"Navigation\"\n        {...rest}\n        ref={ref}\n        className={cn('w-60 border-e border-border bg-background py-2', className)}\n      >\n        <ul className=\"m-0 list-none p-0\">{children}</ul>\n      </nav>\n    </NavContext.Provider>\n  );\n};\nNavRoot.displayName = 'Nav';\n\n/**\n * A vertical side navigation (`<nav>` landmark, default name \"Navigation\") with items, links and\n * collapsible categories.\n *\n * - **Selection**: `value`/`defaultValue`/`onValueChange` (`onValueChange` fires only when the\n *   value changes). The deprecated `selectedValue`/`defaultSelectedValue`/`onNavItemSelect` still\n *   work; `onNavItemSelect` keeps firing on every activation, re-selection included. A click that\n *   opens a link in another tab or window (or downloads it) selects nothing, unless the item's\n *   `onClick` prevents the default (client-side routing: then nothing opens elsewhere).\n * - **Categories**: `openCategories`/`defaultOpenCategories`/`onOpenCategoriesChange`. Without\n *   `defaultOpenCategories`, the categories containing the selected item (`value` or\n *   `defaultValue`) start open. A closed category that contains the selected item marks its toggle\n *   (`aria-current=\"true\"`, `data-contains-current`, the selected look); pass `currentCategory`\n *   for sub-items your own component renders inside a closed category.\n * - **Values** are unique: among the items and sub-items, and among the categories (a duplicate\n *   warns in development).\n *\n * Sub-components are also exported under flat names (`NavCategory`, `NavItem`, `NavSubItem`):\n * React Server Components import those, because dotted access (`Nav.Item`) needs a client file.\n */\nexport const Nav = /* @__PURE__ */ Object.assign(NavRoot, {\n  Category: NavCategory,\n  Item: NavItem,\n  SubItem: NavSubItem,\n});\n\nexport { NavCategory, NavItem, NavSubItem };\n"],"mappings":"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"}
+{"version":3,"file":"Nav.cjs","names":["React","slotRendersContent","renderSlot","cn","focusRingInset","disabledStyles","getElementType","_Fragment","useId","navCategoryClassNames","ChevronDownIcon","navItemClassNames","navSubItemClassNames","resolveDeprecatedProp","useControllable","useEventCallback","navClassNames","require_runtime","require_cn","require_children","require_dev","require_slot","require_classNames","require_useEventCallback","require_useControllable","require_useId","require_styles","require_icons","react","react_jsx_runtime","createCategoryStore","categories","listeners","notify","listener","value","category","NavContext","noop","INERT_NAV_CONTEXT","NavCategoryValueContext","useNavContext","componentName","warnDuplicateValue","kind","useNavValue","context","registerValue","useRecordCategory","categoryStore","iconClasses","renderIcon","icon","className","itemClasses","subItemClasses","categoryButtonClasses","childrenOf","element","children","isThenable","forEachElement","nodes","node","visit","child","error","isPart","types","containsValue","found","NavItem","NavSubItem","selected","findCategoriesContaining","result","current","inner","NavCategory","opensElsewhere","event","link","target","renderNavEntry","rest","props","isSelected","isLink","href","handleClick","disabled","onClick","content","withIcon","stable","entryClassName","classes","buttonRest","currentValue","listId","isOpen","openCategories","holdsCurrentChild","holdsShownCurrent","containsCurrent","currentCategory","buttonLabel","label","items","parts","isText","part","toggleCategory","NavRoot","valueProp","defaultValueProp","openCategoriesProp","controlledValue","selectedValue","defaultValue","defaultSelectedValue","onNavItemSelect","setValue","onValueChange","notifyNavItemSelect","select","next","initialOpenCategories","defaultOpenCategories","setOpenCategories","onOpenCategoriesChange","previous","entry","valueCountsRef","counts","key","count","remaining","contextValue","Nav"],"sources":["../../../src/components/navigation/Nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport {\n  navCategoryClassNames,\n  navClassNames,\n  navItemClassNames,\n  navSubItemClassNames,\n} from '../../lib/classNames';\nimport type { Slot } from '../../lib/types';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { getElementType } from '../../lib/children';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\n/** The two value namespaces of a Nav: items (Nav.Item and Nav.SubItem) and categories. */\ntype NavValueKind = 'item' | 'category';\n\n/**\n * The category each sub-item was last shown in, by sub-item value: written from layout effects by\n * the mounted sub-items and by a closed category whose children hold the current value, read by\n * the categories with `useSyncExternalStore`. An entry outlives its sub-item, so a category closed\n * after its current sub-item was shown still knows it contains the current page.\n */\ninterface NavCategoryStore {\n  /**\n   * Records the category a mounted item renders in, or a closed category whose children hold the\n   * value; `null` (an item outside any category) forgets an earlier entry, so a value moved out of\n   * a category no longer marks it.\n   */\n  record: (value: string, category: string | null) => void;\n  /** Forgets the entry of `value` while it is still `category`. */\n  forget: (value: string, category: string) => void;\n  /** The category last recorded for a sub-item value. */\n  get: (value: string) => string | undefined;\n  subscribe: (listener: () => void) => () => void;\n}\n\nfunction createCategoryStore(): NavCategoryStore {\n  const categories = new Map<string, string>();\n  const listeners = new Set<() => void>();\n  const notify = () => listeners.forEach((listener) => listener());\n  return {\n    record(value, category) {\n      if ((categories.get(value) ?? null) === category) return;\n      if (category === null) categories.delete(value);\n      else categories.set(value, category);\n      notify();\n    },\n    forget(value, category) {\n      if (categories.get(value) !== category) return;\n      categories.delete(value);\n      notify();\n    },\n    get: (value) => categories.get(value),\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\ninterface NavContextValue {\n  /** The selected item value (`''` when nothing is selected). */\n  value: string;\n  /** Selects an item (activation handler: also fires the deprecated `onNavItemSelect`). */\n  select: (value: string) => void;\n  openCategories: readonly string[];\n  toggleCategory: (value: string) => void;\n  /** Registers a mounted item or category value (duplicate warning); returns the cleanup. */\n  registerValue: (kind: NavValueKind, value: string) => () => void;\n  /** The `currentCategory` hint of the Nav. */\n  currentCategory: string | undefined;\n  categoryStore: NavCategoryStore;\n}\n\nconst NavContext = React.createContext<NavContextValue | null>(null);\nNavContext.displayName = 'NavContext';\n\nconst noop = () => {};\nconst INERT_NAV_CONTEXT: NavContextValue = {\n  value: '',\n  select: noop,\n  openCategories: [],\n  toggleCategory: noop,\n  registerValue: () => noop,\n  currentCategory: undefined,\n  categoryStore: { record: noop, forget: noop, get: () => undefined, subscribe: () => noop },\n};\n\n/**\n * The value of the Nav.Category a sub-item renders in (`null` outside a category). It renders no\n * element; a sub-item outside a category is valid, so there is no missing-context error.\n */\nconst NavCategoryValueContext = React.createContext<string | null>(null);\nNavCategoryValueContext.displayName = 'NavCategoryValueContext';\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useNavContext(componentName: string): NavContextValue {\n  const context = React.useContext(NavContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Nav');\n  return INERT_NAV_CONTEXT;\n}\n\nfunction warnDuplicateValue(kind: NavValueKind, value: string): void {\n  warnOnce(\n    `Nav:duplicate-${kind}:${value}`,\n    kind === 'item'\n      ? `Nav: several items share the value \"${value}\". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.`\n      : `Nav: several categories share the value \"${value}\". Nav.Category values must be unique within a Nav; they open and close together.`,\n  );\n}\n\n/** Registers the value of a mounted item or category, so Nav can warn about duplicates. */\nfunction useNavValue(context: NavContextValue, kind: NavValueKind, value: string): void {\n  const { registerValue } = context;\n  React.useEffect(() => registerValue(kind, value), [registerValue, kind, value]);\n}\n\n/**\n * Records the category a mounted item renders in, which the category reads once closed (`null`\n * outside a category, which forgets a stale entry for the value).\n */\nfunction useRecordCategory(context: NavContextValue, value: string): void {\n  const category = React.useContext(NavCategoryValueContext);\n  const { categoryStore } = context;\n  React.useLayoutEffect(() => {\n    categoryStore.record(value, category);\n  }, [categoryStore, value, category]);\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Properties for the Nav component. */\nexport interface NavProps extends Omit<React.HTMLAttributes<HTMLElement>, 'defaultValue'> {\n  /** Controlled value of the selected nav item. */\n  value?: string;\n  /**\n   * Selected nav item value for uncontrolled usage.\n   * @default ''\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selection changes (not when the current item is re-selected). */\n  onValueChange?: (value: string) => void;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it fires on every activation,\n   * re-selecting the current item included (0.4 behaviour).\n   */\n  onNavItemSelect?: (value: string) => void;\n  /** Controlled list of open category values. */\n  openCategories?: readonly string[];\n  /**\n   * Categories open initially (uncontrolled). Without it, the categories that contain the\n   * selected item (`value`, else `defaultValue`) start open, so the current page is visible on the\n   * first render; an empty list keeps every category closed.\n   */\n  defaultOpenCategories?: readonly string[];\n  /** Called with the new list of open category values (a new array) when a category is toggled. */\n  onOpenCategoriesChange?: (openCategories: string[]) => void;\n  /**\n   * The `value` of the category that contains the current item, for sub-items Nav cannot find by\n   * itself (rendered by your own component inside a closed category). Usually not needed: Nav\n   * finds sub-items among a category's children (through Fragments and wrapper elements) and\n   * remembers the category of the current sub-item once it has been shown. A hint, not state:\n   * unlike Fluent's `selectedCategoryValue` it has no default or change callback.\n   */\n  currentCategory?: string;\n  /** Ref to the `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the NavCategory sub-component. */\nexport interface NavCategoryProps extends React.HTMLAttributes<HTMLLIElement> {\n  /**\n   * Value identifying this category (used by `openCategories`), unique among the categories of\n   * the Nav (a duplicate warns in development).\n   */\n  value: string;\n  /**\n   * Label of the category's toggle button (any content). Without it, the text children are used\n   * as the label — deprecated: pass the label here and only the sub-items as children.\n   */\n  label?: React.ReactNode;\n  /**\n   * Icon displayed before the category label. Rendered with `aria-hidden=\"true\"`. A falsy icon\n   * (`''`, `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /** The category's sub-items (`Nav.SubItem`), rendered in its list while it is open. */\n  children?: React.ReactNode;\n  /** Ref to the category's `<li>` element. */\n  ref?: React.Ref<HTMLLIElement>;\n}\n\n/**\n * The props of Nav.Item that every branch shares ({@link NavItemAnchorProps},\n * {@link NavItemButtonProps}, {@link NavItemDynamicProps}).\n */\nexport interface NavItemOwnProps {\n  /**\n   * Value identifying this nav item, unique among the items and sub-items of the Nav (a duplicate\n   * warns in development).\n   */\n  value: string;\n  /**\n   * Icon displayed before the item label. Rendered with `aria-hidden=\"true\"`. A falsy icon (`''`,\n   * `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Whether the item is disabled: a native `disabled` button, or an `aria-disabled` link without\n   * `href`. Activating a disabled item never selects it; a disabled item whose value is the\n   * current `value` still shows as current (`aria-current=\"page\"` and the selected look), because\n   * the current value belongs to the app.\n   */\n  disabled?: boolean;\n  /** Label content. */\n  children?: React.ReactNode;\n}\n\n/**\n * The attributes only a link has (`target`, `download`, `hrefLang`, `ping`, …). Button items\n * declare them as `undefined`, so they are a type error without `href` instead of landing on the\n * `<button>`. `rel` cannot be listed (React types it on every element, RDFa); a button item drops\n * it at run time instead.\n */\ntype NoAnchorOnlyAttributes = {\n  [\n    K in Exclude<\n      keyof React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof React.ButtonHTMLAttributes<HTMLButtonElement>\n    >\n  ]?: undefined;\n};\n\n/**\n * Nav.Item rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement`. 0.4 typed every item's handlers on `HTMLButtonElement`, so with a string\n * `href` an unannotated 0.4 handler that reads a button-only member (such as\n * `e.currentTarget.form`) no longer compiles; a handler already typed as\n * `React.MouseEventHandler<HTMLButtonElement>` still does (React handler types are bivariant).\n */\nexport interface NavItemAnchorProps\n  extends\n    NavItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.Item rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavItemButtonProps\n  extends\n    NavItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** Button items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavItem sub-component: link props with `href`, button props without.\n *\n * A union type (0.4 had an interface): an interface cannot extend it, so extend one branch\n * (`interface X extends NavItemButtonProps`) or intersect (`type X = NavItemProps & { … }`).\n * `React.ComponentProps<typeof Nav.Item>` resolves to the last overload,\n * {@link NavItemDynamicProps}.\n */\nexport type NavItemProps = NavItemAnchorProps | NavItemButtonProps;\n\n/**\n * Nav.Item with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Resolved after the button and link signatures.\n *\n * Only the attributes both elements share are accepted (no `target`, `download`, `type`, `form`,\n * …), and handlers receive events of either element (`HTMLAnchorElement | HTMLButtonElement`).\n * 0.4 typed them as button events (`HTMLAttributes<HTMLButtonElement>`), so an unannotated 0.4\n * handler that reads a button-only member (such as `e.currentTarget.form`) no longer compiles here;\n * narrow `e.currentTarget` first. (A string `href` types handlers on `HTMLAnchorElement`, see\n * {@link NavItemAnchorProps}; no `href` keeps `HTMLButtonElement`.)\n */\nexport interface NavItemDynamicProps\n  extends\n    NavItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/**\n * The props of Nav.SubItem that every branch shares: those of {@link NavItemOwnProps} without\n * `icon`.\n */\nexport type NavSubItemOwnProps = Omit<NavItemOwnProps, 'icon'>;\n\n/**\n * Nav.SubItem rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement` (0.4: `HTMLButtonElement`); see {@link NavItemAnchorProps}.\n */\nexport interface NavSubItemAnchorProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavSubItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.SubItem rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavSubItemButtonProps\n  extends\n    NavSubItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** Button sub-items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavSubItem sub-component: link props with `href`, button props without.\n * A union type like {@link NavItemProps} (extend a branch or intersect; `React.ComponentProps`\n * resolves to {@link NavSubItemDynamicProps}).\n */\nexport type NavSubItemProps = NavSubItemAnchorProps | NavSubItemButtonProps;\n\n/**\n * Nav.SubItem with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Only the attributes both elements share are accepted, and handlers\n * receive events of either element (0.4 typed them as button events); see\n * {@link NavItemDynamicProps}.\n */\nexport interface NavSubItemDynamicProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/** The props both entry kinds share at runtime (the union narrowed by `href`). */\ntype NavEntryProps = NavItemOwnProps &\n  Omit<React.AllHTMLAttributes<HTMLElement>, keyof NavItemOwnProps | 'ref'> & {\n    ref?: React.Ref<HTMLElement>;\n  };\n\n// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst iconClasses = 'flex h-5 w-5 shrink-0 items-center justify-center';\n\n/**\n * The `icon` slot of Nav.Item and Nav.Category, or `null` when it renders nothing. A falsy icon\n * (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4 and as in\n * Avatar, and so is a collection whose items render nothing, so no empty 20px box is rendered\n * before the label. The check does not consume a generator: renderSlot still renders its items.\n */\nfunction renderIcon(\n  icon: Slot<'span'> | undefined,\n  className: string | undefined,\n): React.ReactElement | null {\n  return icon && slotRendersContent(icon)\n    ? renderSlot(icon, 'span', cn(className, iconClasses), { 'aria-hidden': true })\n    : null;\n}\n\nconst itemClasses = {\n  base: cn(\n    'flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary',\n  idle: 'text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst subItemClasses = {\n  base: cn(\n    'flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'text-primary font-semibold',\n  idle: 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst categoryButtonClasses = cn(\n  'flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n  // A closed category that contains the current page shows the selected look of an item.\n  'data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary',\n  focusRingInset,\n);\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\ntype ElementWithChildren = React.ReactElement<{ value?: unknown; children?: React.ReactNode }>;\n\nfunction childrenOf(element: ElementWithChildren): React.ReactNode {\n  const { children } = element.props;\n  return typeof children === 'function' ? undefined : children;\n}\n\n/** Whether a thrown value suspends rendering (a loading lazy chunk, a pending promise). */\nfunction isThenable(value: unknown): boolean {\n  return (\n    (typeof value === 'object' || typeof value === 'function') &&\n    value !== null &&\n    typeof (value as { then?: unknown }).then === 'function'\n  );\n}\n\n/*\n * The walks below run during Nav's render and reach consumer content at any depth. Content that\n * is still loading inside the consumer's own <Suspense> (a promise child, a lazy node, a\n * `React.lazy` component) suspends that boundary when React renders it; walking it must never\n * suspend Nav itself, which would hide the whole Nav behind an outer boundary. So a child that\n * cannot be read yet is skipped, and a lazy type that is still loading is not a part (its\n * children are still walked). Parts written in a Server Component arrive as loaded client\n * references and are recognized.\n */\n\n/** Calls `visit` with each element of `nodes` (as `React.Children.forEach`), skipping pending ones. */\nfunction forEachElement(nodes: React.ReactNode, visit: (child: ElementWithChildren) => void): void {\n  if (Array.isArray(nodes)) {\n    for (const node of nodes as React.ReactNode[]) forEachElement(node, visit);\n    return;\n  }\n  try {\n    React.Children.forEach(nodes, (child) => {\n      if (React.isValidElement<ElementWithChildren['props']>(child)) visit(child);\n    });\n  } catch (error) {\n    if (!isThenable(error)) throw error;\n  }\n}\n\n/** Whether `element` is one of `types`; a lazy type still loading is none (it never suspends). */\nfunction isPart(element: ElementWithChildren, ...types: unknown[]): boolean {\n  return types.includes(getElementType(element, { suspend: false }));\n}\n\n/**\n * Whether `nodes` contain a Nav.Item/Nav.SubItem element with `value === selected` (parts written\n * in a Server Component, lazy client references, included). Called during render only.\n */\nfunction containsValue(nodes: React.ReactNode, selected: string): boolean {\n  let found = false;\n  forEachElement(nodes, (child) => {\n    if (found) return;\n    if (isPart(child, NavItem, NavSubItem) && child.props.value === selected) {\n      found = true;\n    } else {\n      found = containsValue(childrenOf(child), selected);\n    }\n  });\n  return found;\n}\n\n/** The values of the Nav.Category elements (at any depth of JSX) that contain `selected`. */\nfunction findCategoriesContaining(nodes: React.ReactNode, selected: string): string[] {\n  const result: string[] = [];\n  if (!selected) return result;\n  const visit = (current: React.ReactNode) => {\n    forEachElement(current, (child) => {\n      const inner = childrenOf(child);\n      if (\n        isPart(child, NavCategory) &&\n        typeof child.props.value === 'string' &&\n        containsValue(inner, selected)\n      ) {\n        result.push(child.props.value);\n      }\n      visit(inner);\n    });\n  };\n  visit(nodes);\n  return result;\n}\n\n/**\n * Whether a click on a link opens it somewhere other than the current page, checked as routers\n * do: a modifier key (a new tab or window, a download), a mouse button other than the main one, a\n * `target` other than `_self`, or a `download` link. Only when the default is not prevented does\n * the browser actually open it there.\n */\nfunction opensElsewhere(event: React.MouseEvent<HTMLElement>): boolean {\n  if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n    return true;\n  }\n  const link = event.currentTarget;\n  const target = link.getAttribute('target');\n  return (!!target && target.toLowerCase() !== '_self') || link.hasAttribute('download');\n}\n\n/** The stable classes of an entry, written literally by Nav.Item and Nav.SubItem. */\ninterface NavEntryClassNames {\n  root: string;\n  listItem: string;\n  icon?: string;\n  content?: string;\n}\n\n/** Shared rendering of Nav.Item and Nav.SubItem (link or button). */\nfunction renderNavEntry(\n  props: NavEntryProps,\n  context: NavContextValue,\n  classes: { base: string; selected: string; idle: string },\n  stable: NavEntryClassNames,\n  withIcon: boolean,\n): React.ReactElement {\n  const { value, icon, disabled = false, href, className, children, onClick, ref, ...rest } = props;\n  const isSelected = context.value === value;\n  const isLink = href !== undefined;\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    // A link is still selected when the consumer prevents its default (client-side routing:\n    // `preventDefault()` + `router.push(href)`, whatever the modifier keys: the browser then opens\n    // nothing elsewhere), but not when the browser opens it elsewhere (the current page does not\n    // change); a button honours `preventDefault()` (C-COMPOSE).\n    if (isLink ? !event.defaultPrevented && opensElsewhere(event) : event.defaultPrevented) return;\n    context.select(value);\n  };\n\n  const content = (\n    <>\n      {withIcon && renderIcon(icon, stable.icon)}\n      {withIcon ? (\n        <span className={cn(stable.content, 'flex-1 text-start')}>{children}</span>\n      ) : (\n        children\n      )}\n    </>\n  );\n\n  const entryClassName = cn(\n    stable.root,\n    classes.base,\n    isSelected ? classes.selected : classes.idle,\n    className,\n  );\n\n  if (isLink) {\n    return (\n      <li className={stable.listItem}>\n        <a\n          {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={disabled ? undefined : href}\n          role={disabled ? 'link' : rest.role}\n          aria-disabled={disabled ? true : rest['aria-disabled']}\n          aria-current={isSelected ? 'page' : undefined}\n          onClick={handleClick}\n          className={entryClassName}\n        >\n          {content}\n        </a>\n      </li>\n    );\n  }\n\n  // `rel` only belongs on a link: a button item drops it (React types it on every element).\n  const { rel, ...buttonRest } = rest;\n  return (\n    <li className={stable.listItem}>\n      <button\n        type=\"button\"\n        {...(buttonRest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        disabled={disabled}\n        aria-current={isSelected ? 'page' : undefined}\n        onClick={handleClick}\n        className={entryClassName}\n      >\n        {content}\n      </button>\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Nav.Category\n// ---------------------------------------------------------------------------\n\n/**\n * A collapsible group of sub-items. Its toggle button shows `label` and reports `aria-expanded`\n * (and `aria-controls` while open); the sub-items render in a nested list while it is open.\n * Open state lives on `Nav` (`openCategories`/`defaultOpenCategories`).\n *\n * A closed category that contains the current item marks its toggle button with\n * `aria-current=\"true\"` (the button is not the page's link, so not `\"page\"`),\n * `data-contains-current` and the selected look of `Nav.Item`. It contains the current item when\n * a `Nav.SubItem` with the current value is among its children (through Fragments and wrapper\n * elements, also in the server HTML), when the current sub-item was last shown in it (and has not\n * moved among another category's children since), or when it is the Nav's `currentCategory`. An\n * open category is not marked: its sub-item shows the current page.\n *\n * Also exported as `NavCategory` (import the flat name from React Server Components).\n */\nconst NavCategory = ({\n  value,\n  label,\n  icon,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavCategoryProps) => {\n  const context = useNavContext('Nav.Category');\n  const {\n    value: currentValue,\n    openCategories,\n    toggleCategory,\n    currentCategory,\n    categoryStore,\n  } = context;\n  useNavValue(context, 'category', value);\n  const listId = useId('wave-nav-category');\n  const isOpen = openCategories.includes(value);\n\n  // The current sub-item is among the children of this closed category (also on the server).\n  const holdsCurrentChild = !isOpen && currentValue !== '' && containsValue(children, currentValue);\n  // The current sub-item was last shown in this category (none on the server).\n  const holdsShownCurrent = React.useSyncExternalStore(\n    categoryStore.subscribe,\n    () => currentValue !== '' && categoryStore.get(currentValue) === value,\n    () => false,\n  );\n  // Children that hold the current sub-item make this the category the Nav remembers for it, so a\n  // category it was shown in before it moved here is no longer marked. The entry is forgotten when\n  // they stop holding it (an open category records through its mounted sub-item instead).\n  React.useLayoutEffect(() => {\n    if (!holdsCurrentChild) return;\n    categoryStore.record(currentValue, value);\n    return () => categoryStore.forget(currentValue, value);\n  }, [categoryStore, holdsCurrentChild, currentValue, value]);\n  const containsCurrent =\n    !isOpen && (currentCategory === value || holdsShownCurrent || holdsCurrentChild);\n\n  let buttonLabel: React.ReactNode = label;\n  let items: React.ReactNode = children;\n  if (label === undefined) {\n    // Deprecated 0.4 path: the text children are the label, the other children the sub-items.\n    warnDeprecated(\n      'Nav.Category',\n      'text children as the label',\n      'label',\n      'Pass the category label in `label` and only the sub-items as children.',\n    );\n    const parts = React.Children.toArray(children);\n    const isText = (part: unknown) => typeof part === 'string' || typeof part === 'number';\n    buttonLabel = parts.filter(isText).join('');\n    items = parts.filter((part) => !isText(part));\n  }\n\n  return (\n    <li ref={ref} {...rest} className={cn(navCategoryClassNames.root, className)}>\n      <button\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? listId : undefined}\n        aria-current={containsCurrent ? true : undefined}\n        data-contains-current={containsCurrent ? '' : undefined}\n        onClick={() => toggleCategory(value)}\n        className={cn(navCategoryClassNames.button, categoryButtonClasses)}\n      >\n        {renderIcon(icon, navCategoryClassNames.icon)}\n        <span className={cn(navCategoryClassNames.label, 'flex-1 text-start')}>{buttonLabel}</span>\n        <ChevronDownIcon\n          className={cn(\n            navCategoryClassNames.expandIcon,\n            'shrink-0 transition-transform motion-reduce:transition-none',\n            isOpen && 'rotate-180',\n          )}\n        />\n      </button>\n      {isOpen && (\n        <NavCategoryValueContext.Provider value={value}>\n          <ul id={listId} className={cn(navCategoryClassNames.list, 'm-0 list-none p-0')}>\n            {items}\n          </ul>\n        </NavCategoryValueContext.Provider>\n      )}\n    </li>\n  );\n};\nNavCategory.displayName = 'NavCategory';\n\n// ---------------------------------------------------------------------------\n// Nav.Item / Nav.SubItem\n// ---------------------------------------------------------------------------\n\n/**\n * A top-level navigation entry: a link when `href` is given (anchor props), a button otherwise\n * (button props). Clicking selects it (`aria-current=\"page\"`); activating a disabled entry never\n * selects it (a disabled entry whose value is the current value still shows as current).\n *\n * A click that opens a link somewhere other than the current page selects nothing (the consumer's\n * `onClick` still runs, and the browser opens the link): Ctrl/Cmd/Shift/Alt-click, a mouse button\n * other than the main one, a `target` other than `_self`, or a `download` link. When the consumer's\n * `onClick` calls `preventDefault()` (client-side routing), the browser opens nothing, so the item\n * is selected whatever the keys, button or `target`.\n *\n * Typed by overloads, resolved in order: without `href` (button props, button events), with a\n * string `href` (anchor props, anchor events), then an `href` that may be `undefined` at run time\n * ({@link NavItemDynamicProps}: events of either element).\n *\n * Also exported as `NavItem` (import the flat name from React Server Components).\n */\nfunction NavItem(props: NavItemButtonProps): React.ReactElement;\nfunction NavItem(props: NavItemAnchorProps): React.ReactElement;\nfunction NavItem(props: NavItemDynamicProps): React.ReactElement;\nfunction NavItem(props: NavItemProps | NavItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.Item');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(\n    props as NavEntryProps,\n    context,\n    itemClasses,\n    {\n      root: navItemClassNames.root,\n      listItem: navItemClassNames.listItem,\n      icon: navItemClassNames.icon,\n      content: navItemClassNames.content,\n    },\n    true,\n  );\n}\nNavItem.displayName = 'NavItem';\n\n/**\n * An indented entry inside a `Nav.Category`: a link when `href` is given, a button otherwise.\n * Selected like `Nav.Item` (a click that the browser opens somewhere else selects nothing; one\n * whose default your `onClick` prevents is selected), and typed by overloads like `Nav.Item`\n * (button, link, then {@link NavSubItemDynamicProps}).\n *\n * Also exported as `NavSubItem` (import the flat name from React Server Components).\n */\nfunction NavSubItem(props: NavSubItemButtonProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemAnchorProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemDynamicProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemProps | NavSubItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.SubItem');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(\n    props as NavEntryProps,\n    context,\n    subItemClasses,\n    { root: navSubItemClassNames.root, listItem: navSubItemClassNames.listItem },\n    false,\n  );\n}\nNavSubItem.displayName = 'NavSubItem';\n\n// ---------------------------------------------------------------------------\n// Nav (root)\n// ---------------------------------------------------------------------------\n\nconst NavRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  selectedValue,\n  defaultSelectedValue,\n  onNavItemSelect,\n  openCategories: openCategoriesProp,\n  defaultOpenCategories,\n  onOpenCategoriesChange,\n  currentCategory,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavProps) => {\n  const controlledValue = resolveDeprecatedProp(\n    'Nav',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue =\n    resolveDeprecatedProp(\n      'Nav',\n      defaultValueProp,\n      defaultSelectedValue,\n      'defaultSelectedValue',\n      'defaultValue',\n    ) ?? '';\n  if (onNavItemSelect !== undefined) warnDeprecated('Nav', 'onNavItemSelect', 'onValueChange');\n\n  const [value, setValue] = useControllable(controlledValue, defaultValue, onValueChange);\n  const notifyNavItemSelect = useEventCallback(onNavItemSelect);\n  const select = React.useCallback(\n    (next: string) => {\n      setValue(next);\n      // Deprecated event-named alias: every activation, re-selection included (C-NAMING).\n      notifyNavItemSelect(next);\n    },\n    [setValue, notifyNavItemSelect],\n  );\n\n  const [initialOpenCategories] = React.useState<readonly string[]>(\n    () =>\n      defaultOpenCategories ?? findCategoriesContaining(children, controlledValue ?? defaultValue),\n  );\n  const [openCategories, setOpenCategories] = useControllable<readonly string[]>(\n    openCategoriesProp,\n    initialOpenCategories,\n    (next) => onOpenCategoriesChange?.([...next]),\n  );\n  const toggleCategory = React.useCallback(\n    (category: string) => {\n      setOpenCategories((previous) =>\n        previous.includes(category)\n          ? previous.filter((entry) => entry !== category)\n          : [...previous, category],\n      );\n    },\n    [setOpenCategories],\n  );\n\n  // Duplicate values (C-DEV): the mounted items and categories per value (written from their\n  // effects only); a second one with a value already in use warns once per value.\n  const valueCountsRef = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((kind: NavValueKind, entry: string) => {\n    const counts = (valueCountsRef.current ??= new Map<string, number>());\n    const key = `${kind}:${entry}`;\n    const count = (counts.get(key) ?? 0) + 1;\n    counts.set(key, count);\n    if (count > 1) warnDuplicateValue(kind, entry);\n    return () => {\n      const remaining = (counts.get(key) ?? 1) - 1;\n      if (remaining > 0) counts.set(key, remaining);\n      else counts.delete(key);\n    };\n  }, []);\n\n  const [categoryStore] = React.useState(createCategoryStore);\n\n  const contextValue = React.useMemo<NavContextValue>(\n    () => ({\n      value,\n      select,\n      openCategories,\n      toggleCategory,\n      registerValue,\n      currentCategory,\n      categoryStore,\n    }),\n    [value, select, openCategories, toggleCategory, registerValue, currentCategory, categoryStore],\n  );\n\n  return (\n    <NavContext.Provider value={contextValue}>\n      <nav\n        aria-label=\"Navigation\"\n        {...rest}\n        ref={ref}\n        className={cn(\n          navClassNames.root,\n          'w-60 border-e border-border bg-background py-2',\n          className,\n        )}\n      >\n        <ul className={cn(navClassNames.list, 'm-0 list-none p-0')}>{children}</ul>\n      </nav>\n    </NavContext.Provider>\n  );\n};\nNavRoot.displayName = 'Nav';\n\n/**\n * A vertical side navigation (`<nav>` landmark, default name \"Navigation\") with items, links and\n * collapsible categories.\n *\n * - **Selection**: `value`/`defaultValue`/`onValueChange` (`onValueChange` fires only when the\n *   value changes). The deprecated `selectedValue`/`defaultSelectedValue`/`onNavItemSelect` still\n *   work; `onNavItemSelect` keeps firing on every activation, re-selection included. A click that\n *   opens a link in another tab or window (or downloads it) selects nothing, unless the item's\n *   `onClick` prevents the default (client-side routing: then nothing opens elsewhere).\n * - **Categories**: `openCategories`/`defaultOpenCategories`/`onOpenCategoriesChange`. Without\n *   `defaultOpenCategories`, the categories containing the selected item (`value` or\n *   `defaultValue`) start open. A closed category that contains the selected item marks its toggle\n *   (`aria-current=\"true\"`, `data-contains-current`, the selected look); pass `currentCategory`\n *   for sub-items your own component renders inside a closed category.\n * - **Values** are unique: among the items and sub-items, and among the categories (a duplicate\n *   warns in development).\n *\n * Sub-components are also exported under flat names (`NavCategory`, `NavItem`, `NavSubItem`):\n * React Server Components import those, because dotted access (`Nav.Item`) needs a client file.\n */\nexport const Nav = /* @__PURE__ */ Object.assign(NavRoot, {\n  Category: NavCategory,\n  Item: NavItem,\n  SubItem: NavSubItem,\n});\n\nexport { NavCategory, NavItem, NavSubItem };\n"],"mappings":"wfAkDA,SAAS8B,GAAwC,CAC/C,IAAMC,EAAa,IAAI,IACjBC,EAAY,IAAI,IAChBC,MAAeD,EAAU,QAAS,GAAaE,EAAS,CAAC,EAC/D,MAAO,CACL,OAAO,EAAO,EAAU,EACjBH,EAAW,IAAII,CAAK,GAAK,QAAUC,IACpCA,IAAa,KAAML,EAAW,OAAOI,CAAK,EACzCJ,EAAW,IAAII,EAAOC,CAAQ,EACnCH,EAAO,EACT,EACA,OAAO,EAAO,EAAU,CAClBF,EAAW,IAAII,CAAK,IAAMC,IAC9BL,EAAW,OAAOI,CAAK,EACvBF,EAAO,EACT,EACA,IAAM,GAAUF,EAAW,IAAII,CAAK,EACpC,UAAU,EAAU,CAElB,OADAH,EAAU,IAAIE,CAAQ,MACT,CACXF,EAAU,OAAOE,CAAQ,CAC3B,CACF,CACF,CACF,CAgBA,IAAMG,EAAarC,EAAM,cAAsC,IAAI,EACnE,EAAW,YAAc,aAEzB,IAAMsC,MAAa,CAAC,EACdC,EAAqC,CACzC,MAAO,GACP,OAAQD,EACR,eAAgB,CAAC,EACjB,eAAgBA,EAChB,kBAAqBA,EACrB,gBAAiB,IAAA,GACjB,cAAe,CAAE,OAAQA,EAAM,OAAQA,EAAM,QAAW,IAAA,GAAW,cAAiBA,CAAK,CAC3F,EAMME,EAA0BxC,EAAM,cAA6B,IAAI,EACvE,EAAwB,YAAc,0BAGtC,SAASyC,EAAc,EAAwC,CAI7D,OAHgBzC,EAAM,WAAWqC,CAC7B,IACJjB,EAAA,qBAAqBsB,EAAe,KAAK,EAClCH,EACT,CAEA,SAASI,EAAmB,EAAoB,EAAqB,CACnEvB,EAAA,SACE,iBAAiBwB,EAAK,GAAGT,IACzBS,IAAS,OACL,uCAAuCT,EAAM,kIAC7C,4CAA4CA,EAAM,kFACxD,CACF,CAGA,SAASU,EAAY,EAA0B,EAAoB,EAAqB,CACtF,GAAM,CAAE,iBAAkBC,EAC1BlB,EAAM,cAAgBmB,EAAcH,EAAMT,CAAK,EAAG,CAACY,EAAeH,EAAMT,CAAK,CAAC,CAChF,CAMA,SAASa,EAAkB,EAA0B,EAAqB,CACxE,IAAMZ,EAAWpC,EAAM,WAAWwC,CAAuB,EACnD,CAAE,iBAAkBM,EAC1BlB,EAAM,oBAAsB,CAC1BqB,EAAc,OAAOd,EAAOC,CAAQ,CACtC,EAAG,CAACa,EAAed,EAAOC,CAAQ,CAAC,CACrC,CAmPA,IAAMc,EAAc,oDAQpB,SAASC,EACP,EACA,EAC2B,CAC3B,OAAOC,GAAQnD,EAAAA,mBAAmBmD,CAAI,EAClClD,EAAAA,WAAWkD,EAAM,OAAQjD,EAAAA,GAAGkD,EAAWH,CAAW,EAAG,CAAE,cAAe,EAAK,CAAC,EAC5E,IACN,CAEA,IAAMI,EAAc,CAClB,KAAMnD,EAAAA,GACJ,+HACAC,EAAAA,eACAC,EAAAA,cACF,EACA,SAAU,4EACV,KAAM,sEACR,EAEMkD,EAAiB,CACrB,KAAMpD,EAAAA,GACJ,iIACAC,EAAAA,eACAC,EAAAA,cACF,EACA,SAAU,6BACV,KAAM,iIACR,EAEMmD,EAAwBrD,EAAAA,GAC5B,0LAEA,8JACAC,EAAAA,cACF,EAQA,SAASqD,EAAW,EAA+C,CACjE,GAAM,CAAE,YAAaC,EAAQ,MAC7B,OAAO,OAAOC,GAAa,WAAa,IAAA,GAAYA,CACtD,CAGA,SAASC,EAAW,EAAyB,CAC3C,OACG,OAAOzB,GAAU,UAAY,OAAOA,GAAU,aAC/CA,IAAU,MACV,OAAQA,EAA6B,MAAS,UAElD,CAaA,SAAS0B,EAAe,EAAwB,EAAmD,CACjG,GAAI,MAAM,QAAQC,CAAK,EAAG,CACxB,IAAK,IAAMC,KAAQD,EAA4BD,EAAeE,EAAMC,CAAK,EACzE,MACF,CACA,GAAI,CACFpC,EAAM,SAAS,QAAQkC,EAAQ,GAAU,CACnC9D,EAAM,eAA6CiE,CAAK,GAAGD,EAAMC,CAAK,CAC5E,CAAC,CACH,OAASC,EAAO,CACd,GAAI,CAACN,EAAWM,CAAK,EAAG,MAAMA,CAChC,CACF,CAGA,SAASC,EAAO,EAA8B,GAAGC,EAA2B,CAC1E,OAAOA,EAAM,SAAS9D,EAAAA,eAAeoD,EAAS,CAAE,QAAS,EAAM,CAAC,CAAC,CACnE,CAMA,SAASW,EAAc,EAAwB,EAA2B,CACxE,IAAIC,EAAQ,GASZ,OARAT,EAAeC,EAAQ,GAAU,CAC/B,AAIEQ,IAHEH,EAAOF,EAAOM,EAASC,CAAU,GAAKP,EAAM,MAAM,QAAUQ,EACtD,GAEAJ,EAAcZ,EAAWQ,CAAK,EAAGQ,CAAQ,CAErD,CAAC,EACMH,CACT,CAGA,SAASI,EAAyB,EAAwB,EAA4B,CACpF,IAAMC,EAAmB,CAAC,EAC1B,GAAI,CAACF,EAAU,OAAOE,EACtB,IAAMX,EAAS,GAA6B,CAC1CH,EAAee,EAAU,GAAU,CACjC,IAAMC,EAAQpB,EAAWQ,CAAK,EAE5BE,EAAOF,EAAOa,CAAW,GACzB,OAAOb,EAAM,MAAM,OAAU,UAC7BI,EAAcQ,EAAOJ,CAAQ,GAE7BE,EAAO,KAAKV,EAAM,MAAM,KAAK,EAE/BD,EAAMa,CAAK,CACb,CAAC,CACH,EAEA,OADAb,EAAMF,CAAK,EACJa,CACT,CAQA,SAASI,EAAe,EAA+C,CACrE,GAAIC,EAAM,SAAW,GAAKA,EAAM,SAAWA,EAAM,SAAWA,EAAM,UAAYA,EAAM,OAClF,MAAO,GAET,IAAMC,EAAOD,EAAM,cACbE,EAASD,EAAK,aAAa,QAAQ,EACzC,MAAQ,CAAC,CAACC,GAAUA,EAAO,YAAY,IAAM,SAAYD,EAAK,aAAa,UAAU,CACvF,CAWA,SAASE,EACP,EACA,EACA,EACA,EACA,EACoB,CACpB,GAAM,CAAE,QAAO,OAAM,WAAW,GAAO,OAAM,YAAW,WAAU,UAAS,MAAK,GAAGC,GAASC,EACtFC,EAAaxC,EAAQ,QAAUX,EAC/BoD,EAASC,IAAS,IAAA,GAElBC,EAAe,GAAyC,CAC5D,GAAIC,EAAU,CACZV,EAAM,eAAe,EACrB,MACF,CACAW,IAAUX,CAAK,EAKX,IAAS,CAACA,EAAM,kBAAoBD,EAAeC,CAAK,EAAIA,EAAM,mBACtElC,EAAQ,OAAOX,CAAK,CACtB,EAEMyD,GACJ,EAAA/D,EAAA,KAAA,CAAAtB,EAAAA,SAAA,CAAA,SAAA,CACGsF,GAAY1C,EAAWC,EAAM0C,EAAO,IAAI,EACxCD,GACC,EAAAhE,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW1B,EAAAA,GAAG2F,EAAO,QAAS,mBAAmB,EAAI,UAAe,CAAA,EAE1EnC,CAEF,CAAA,CAAA,EAGEoC,EAAiB5F,EAAAA,GACrB2F,EAAO,KACPE,EAAQ,KACRV,EAAaU,EAAQ,SAAWA,EAAQ,KACxC3C,CACF,EAEA,GAAIkC,EACF,OACE,EAAA1D,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWiE,EAAO,SACpB,UAAA,EAAAjE,EAAA,IAAA,CAAC,IAAD,CACE,GAAKuD,EACA,MACL,KAAMM,EAAW,IAAA,GAAYF,EAC7B,KAAME,EAAW,OAASN,EAAK,KAC/B,gBAAeM,EAAW,GAAON,EAAK,iBACtC,eAAcE,EAAa,OAAS,IAAA,GACpC,QAASG,EACT,UAAWM,EAEV,SAAAH,CACA,CAAA,CACD,CAAA,EAKR,GAAM,CAAE,MAAK,GAAGK,GAAeb,EAC/B,OACE,EAAAvD,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWiE,EAAO,SACpB,UAAA,EAAAjE,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,GAAKoE,EACA,MACK,WACV,eAAcX,EAAa,OAAS,IAAA,GACpC,QAASG,EACT,UAAWM,EAEV,SAAAH,CACK,CAAA,CACN,CAAA,CAER,CAqBA,IAAMd,GAAe,CACnB,QACA,QACA,OACA,YACA,WACA,MACA,GAAGM,KACmB,CACtB,IAAMtC,EAAUL,EAAc,cAAc,EACtC,CACJ,MAAOyD,EACP,iBACA,iBACA,kBACA,iBACEpD,EACJD,EAAYC,EAAS,WAAYX,CAAK,EACtC,IAAMgE,EAAS3F,EAAAA,MAAM,mBAAmB,EAClC4F,EAASC,EAAe,SAASlE,CAAK,EAGtCmE,EAAoB,CAACF,GAAUF,IAAiB,IAAM7B,EAAcV,EAAUuC,CAAY,EAE1FK,EAAoBvG,EAAM,qBAC9BiD,EAAc,cACRiD,IAAiB,IAAMjD,EAAc,IAAIiD,CAAY,IAAM/D,MAC3D,EACR,EAIAP,EAAM,oBAAsB,CAC1B,GAAK0E,EAEL,OADArD,EAAc,OAAOiD,EAAc/D,CAAK,MAC3Bc,EAAc,OAAOiD,EAAc/D,CAAK,CACvD,EAAG,CAACc,EAAeqD,EAAmBJ,EAAc/D,CAAK,CAAC,EAC1D,IAAMqE,EACJ,CAACJ,IAAWK,IAAoBtE,GAASoE,GAAqBD,GAE5DI,EAA+BC,EAC/BC,EAAyBjD,EAC7B,GAAIgD,IAAU,IAAA,GAAW,CAEvBvF,EAAA,eACE,eACA,6BACA,QACA,wEACF,EACA,IAAMyF,EAAQ7G,EAAM,SAAS,QAAQ2D,CAAQ,EACvCmD,EAAU,GAAkB,OAAOC,GAAS,UAAY,OAAOA,GAAS,SAC9E,EAAcF,EAAM,OAAOC,CAAM,CAAC,CAAC,KAAK,EAAE,EAC1C,EAAQD,EAAM,OAAQ,GAAS,CAACC,EAAOC,CAAI,CAAC,CAC9C,CAEA,OACE,EAAAlF,EAAA,KAAA,CAAC,KAAD,CAAS,MAAK,GAAIuD,EAAM,UAAWjF,EAAAA,GAAGM,EAAAA,sBAAsB,KAAM4C,CAAS,EAA3E,SAAA,EACE,EAAAxB,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,gBAAeuE,EACf,gBAAeA,EAASD,EAAS,IAAA,GACjC,eAAcK,EAAkB,GAAO,IAAA,GACvC,wBAAuBA,EAAkB,GAAK,IAAA,GAC9C,YAAeQ,EAAe7E,CAAK,EACnC,UAAWhC,EAAAA,GAAGM,EAAAA,sBAAsB,OAAQ+C,CAAqB,EAPnE,SAAA,CASGL,EAAWC,EAAM3C,EAAAA,sBAAsB,IAAI,GAC5C,EAAAoB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW1B,EAAAA,GAAGM,EAAAA,sBAAsB,MAAO,mBAAmB,EAAI,SAAAiG,CAAkB,CAAA,GAC1F,EAAA7E,EAAA,IAAA,CAACnB,EAAAA,gBAAD,CACE,UAAWP,EAAAA,GACTM,EAAAA,sBAAsB,WACtB,8DACA2F,GAAU,YACZ,CACD,CAAA,CACK,CACP,CAAA,EAAAA,IACC,EAAAvE,EAAA,IAAA,CAACW,EAAwB,SAAzB,CAAyC,QACvC,UAAA,EAAAX,EAAA,IAAA,CAAC,KAAD,CAAI,GAAIsE,EAAQ,UAAWhG,EAAAA,GAAGM,EAAAA,sBAAsB,KAAM,mBAAmB,EAC1E,SAAAmG,CACC,CAAA,CAC4B,CAAA,CAElC,GAER,EACA,EAAY,YAAc,cA0B1B,SAASrC,EAAQ,EAA+D,CAC9E,IAAMzB,EAAUL,EAAc,UAAU,EAGxC,OAFAI,EAAYC,EAAS,OAAQuC,EAAM,KAAK,EACxCrC,EAAkBF,EAASuC,EAAM,KAAK,EAC/BF,EACLE,EACAvC,EACAQ,EACA,CACE,KAAM3C,EAAAA,kBAAkB,KACxB,SAAUA,EAAAA,kBAAkB,SAC5B,KAAMA,EAAAA,kBAAkB,KACxB,QAASA,EAAAA,kBAAkB,OAC7B,EACA,EACF,CACF,CACA,EAAQ,YAAc,UAatB,SAAS6D,EAAW,EAAqE,CACvF,IAAM1B,EAAUL,EAAc,aAAa,EAG3C,OAFAI,EAAYC,EAAS,OAAQuC,EAAM,KAAK,EACxCrC,EAAkBF,EAASuC,EAAM,KAAK,EAC/BF,EACLE,EACAvC,EACAS,EACA,CAAE,KAAM3C,EAAAA,qBAAqB,KAAM,SAAUA,EAAAA,qBAAqB,QAAS,EAC3E,EACF,CACF,CACA,EAAW,YAAc,aAMzB,IAAMqG,GAAW,CACf,MAAOC,EACP,aAAcC,EACd,gBACA,gBACA,uBACA,kBACA,eAAgBC,EAChB,wBACA,yBACA,kBACA,YACA,WACA,MACA,GAAGhC,KACW,CACd,IAAMiC,EAAkBxG,EAAAA,sBACtB,MACAqG,EACAI,EACA,gBACA,OACF,EACMC,EACJ1G,EAAAA,sBACE,MACAsG,EACAK,EACA,uBACA,cACF,GAAK,GACHC,IAAoB,IAAA,IAAWrG,EAAA,eAAe,MAAO,kBAAmB,eAAe,EAE3F,GAAM,CAACe,EAAOuF,GAAY5G,EAAAA,gBAAgBuG,EAAiBE,EAAcI,CAAa,EAChFC,EAAsB7G,EAAAA,iBAAiB0G,CAAe,EACtDI,EAAS7H,EAAM,YAClB,GAAiB,CAChB0H,EAASI,CAAI,EAEbF,EAAoBE,CAAI,CAC1B,EACA,CAACJ,EAAUE,CAAmB,CAChC,EAEM,CAACG,GAAyB/H,EAAM,aAElCgI,GAAyBtD,EAAyBf,EAAU0D,GAAmBE,CAAY,CAC/F,EACM,CAAClB,EAAgB4B,GAAqBnH,EAAAA,gBAC1CsG,EACAW,EACC,GAASG,IAAyB,CAAC,GAAGJ,CAAI,CAAC,CAC9C,EACMd,EAAiBhH,EAAM,YAC1B,GAAqB,CACpBiI,EAAmB,GACjBE,EAAS,SAAS/F,CAAQ,EACtB+F,EAAS,OAAQ,GAAUC,IAAUhG,CAAQ,EAC7C,CAAC,GAAG+F,EAAU/F,CAAQ,CAC5B,CACF,EACA,CAAC6F,CAAiB,CACpB,EAIMI,EAAiBrI,EAAM,OAAmC,IAAI,EAC9D+C,EAAgB/C,EAAM,aAAa,EAAoB,IAAkB,CAC7E,IAAMsI,EAAU,EAAe,UAAY,IAAI,IACzCC,EAAM,GAAG3F,EAAK,GAAGwF,IACjBI,GAASF,EAAO,IAAIC,CAAG,GAAK,GAAK,EAGvC,OAFAD,EAAO,IAAIC,EAAKC,CAAK,EACjBA,EAAQ,GAAG7F,EAAmBC,EAAMwF,CAAK,MAChC,CACX,IAAMK,GAAaH,EAAO,IAAIC,CAAG,GAAK,GAAK,EACvCE,EAAY,EAAGH,EAAO,IAAIC,EAAKE,CAAS,EACvCH,EAAO,OAAOC,CAAG,CACxB,CACF,EAAG,CAAC,CAAC,EAEC,CAACtF,GAAiBjD,EAAM,SAAS8B,CAAmB,EAEpD4G,EAAe1I,EAAM,aAClB,CACL,QACA,SACA,iBACA,iBACA,gBACA,kBACA,eACF,GACA,CAACmC,EAAO0F,EAAQxB,EAAgBW,EAAgBjE,EAAe0D,EAAiBxD,CAAa,CAC/F,EAEA,OACE,EAAApB,EAAA,IAAA,CAACQ,EAAW,SAAZ,CAAqB,MAAOqG,EAC1B,UAAA,EAAA7G,EAAA,IAAA,CAAC,MAAD,CACE,aAAW,aACX,GAAIuD,EACC,MACL,UAAWjF,EAAAA,GACTa,EAAAA,cAAc,KACd,iDACAqC,CACF,EAEA,UAAA,EAAAxB,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW1B,EAAAA,GAAGa,EAAAA,cAAc,KAAM,mBAAmB,EAAI,UAAa,CAAA,CACvE,CAAA,CACc,CAAA,CAEzB,EACA,EAAQ,YAAc,MAsBtB,IAAa2H,EAAsB,OAAO,OAAO1B,EAAS,CACxD,SAAUnC,EACV,KAAMP,EACN,QAASC,CACX,CAAC"}