@mortenbrudvik/waveui 0.4.0 → 0.7.0

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

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/styles.cjs"),a=require("../../lib/icons.cjs"),o=require("./Menu.context.cjs"),s=require("./Menu.shared.cjs"),c=require("./Menu.items.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=`forced-colors:border-[Highlight] forced-colors:bg-[Highlight]`,f=`forced-colors:border-[GrayText] forced-colors:bg-[Canvas]`;function p(e,n){return(0,u.jsx)(`span`,{"aria-hidden":`true`,"data-menu-switch":``,className:t.cn(`relative inline-flex h-[16px] w-[32px] shrink-0 items-center rounded-full border transition-colors duration-200 motion-reduce:transition-none`,e?t.cn(`border-primary bg-primary`,n?f:d):t.cn(`border-stroke-accessible bg-transparent`,n?i.forcedColors.disabled:i.forcedColors.control)),children:(0,u.jsx)(`span`,{className:t.cn(`block h-[10px] w-[10px] rounded-full transition-transform duration-200 motion-reduce:transition-none forced-colors:forced-color-adjust-none`,e?`translate-x-[18px] wave-rtl:-translate-x-[18px] bg-primary-foreground`:`translate-x-[2px] wave-rtl:-translate-x-[2px] bg-stroke-accessible`,n?`forced-colors:bg-[GrayText]`:e?`forced-colors:bg-[HighlightText]`:`forced-colors:bg-[ButtonText]`)})})}function m({kind:e,componentName:i,name:d,value:f,checkmark:m,icon:h,shortcut:g,disabled:_=!1,persistOnClick:v,onClick:y,onKeyDown:b,children:x,className:S,ref:C,...w}){let T=o.useMenuContext(i),E=o.useMenuListContext();c.useMenuItemPlacementWarning(i);let D=(E?.menu??T).checked,O=D.isChecked(d,f),k=E?.registerCheckable;l.useEffect(()=>k?.(d,f),[k,d,f]);let A=m!=null&&r.slotRendersContent(m),j=m!=null&&!A;l.useEffect(()=>{j&&n.warnOnce(`${i}:checkmark-empty`,`${i}: \`checkmark\` renders nothing, so the item shows the default check glyph. A checked item always shows an indicator: pass an icon, or leave \`checkmark\` unset.`)},[j,i]);let M=c.useMenuItemActivation({disabled:_,persistOnClick:v,onClick:y,onKeyDown:b,keepOpenOnSpace:!0,onActivate:t=>{e===`radio`?D.select(d,f,t.nativeEvent):D.toggle(d,f,t.nativeEvent)}}),N=typeof x==`string`?x:void 0,P=w[`data-roving-text`]!==void 0,F;return e!==`switch`&&(F=O?A?r.renderSlot(m,`span`,`inline-flex shrink-0 items-center justify-center`,{"aria-hidden":!0}):(0,u.jsx)(a.CheckIcon,{size:16}):null),(0,u.jsx)(`div`,{role:e===`radio`?`menuitemradio`:`menuitemcheckbox`,"data-roving-text":N,...w,ref:C,"aria-checked":O,"data-checked":O?``:void 0,"aria-disabled":_?!0:w[`aria-disabled`],"data-disabled":_?``:void 0,onClick:M.onClick,onKeyDown:M.onKeyDown,className:t.cn(s.menuItemClasses,S),children:(0,u.jsx)(c.MenuItemRow,{checkmark:F,icon:h,label:x,shortcut:g,markLabel:!P,end:e===`switch`?p(O,_):void 0})})}m.displayName=`SelectableMenuItem`;var h=e=>(0,u.jsx)(m,{...e,kind:`checkbox`,componentName:`Menu.ItemCheckbox`});h.displayName=`MenuItemCheckbox`;var g=e=>(0,u.jsx)(m,{...e,kind:`radio`,componentName:`Menu.ItemRadio`});g.displayName=`MenuItemRadio`;var _=e=>(0,u.jsx)(m,{...e,kind:`switch`,componentName:`Menu.ItemSwitch`});_.displayName=`MenuItemSwitch`,exports.MenuItemCheckbox=h,exports.MenuItemRadio=g,exports.MenuItemSwitch=_;
+//# sourceMappingURL=Menu.selectable.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.selectable.cjs","names":["cn","forcedColors","useMenuContext","useMenuListContext","slotRendersContent","useMenuItemActivation","renderSlot","CheckIcon","menuItemClasses","MenuItemRow","require_runtime","require_cn","require_dev","require_slot","require_styles","require_icons","require_Menu_context","require_Menu_shared","require_Menu_items","react","react_jsx_runtime","switchOnTrack","switchDisabledOnTrack","renderSwitchIndicator","checked","disabled","SelectableMenuItem","rest","menu","componentName","list","state","name","value","register","customCheckmark","checkmark","checkmarkEmpty","activation","kind","event","stringLabel","children","ownRovingText","checkColumn","className","MenuItemCheckbox","props","MenuItemRadio","MenuItemSwitch"],"sources":["../../../src/components/navigation/Menu.selectable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnOnce } from '../../lib/dev';\nimport { CheckIcon } from '../../lib/icons';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport { forcedColors } from '../../lib/styles';\nimport type { Slot } from '../../lib/types';\nimport { useMenuContext, useMenuListContext } from './Menu.context';\nimport { menuItemClasses } from './Menu.shared';\nimport { MenuItemRow, useMenuItemActivation, useMenuItemPlacementWarning } from './Menu.items';\nimport type { MenuItemProps } from './Menu.items';\n\n/** The `checkedValues` group a checkable menu item belongs to (Fluent's `MenuItemSelectableProps`). */\nexport interface MenuItemSelectableProps {\n  /** The group: a key of the menu's `checkedValues`. Radio items with the same `name` are exclusive. */\n  name: string;\n  /** The value that is in `checkedValues[name]` while the item is checked; unique within its group. */\n  value: string;\n}\n\n/** Properties for the MenuItemCheckbox sub-component. */\nexport interface MenuItemCheckboxProps extends MenuItemProps, MenuItemSelectableProps {\n  /**\n   * Replaces the check glyph shown while the item is checked (decorative, `aria-hidden`). A\n   * checked item always shows an indicator: `null`, `undefined` and a value that renders nothing\n   * keep the default glyph (a value that renders nothing also warns in development).\n   */\n  checkmark?: Slot<'span'>;\n}\n\n/** Properties for the MenuItemRadio sub-component. */\nexport interface MenuItemRadioProps extends MenuItemProps, MenuItemSelectableProps {\n  /** As `MenuItemCheckbox.checkmark`. */\n  checkmark?: Slot<'span'>;\n}\n\n/** Properties for the MenuItemSwitch sub-component. */\nexport interface MenuItemSwitchProps extends MenuItemProps, MenuItemSelectableProps {}\n\ntype SelectableKind = 'checkbox' | 'radio' | 'switch';\n\ninterface SelectableMenuItemProps extends MenuItemCheckboxProps {\n  /** Which item: the role, the state change (toggle or select) and the indicator. */\n  kind: SelectableKind;\n  /** The part's name in diagnostics (`Menu.ItemCheckbox`). */\n  componentName: string;\n}\n\n/*\n * The switch indicator: Switch's tokens and forced-colors recipe (Switch exports no class maps), at\n * 32x16px with a 10px thumb. Sized in px like Switch, so the thumb offsets fit at any root font\n * size: the 1px border leaves a 30px inner track, so the thumb sits 2px from either end. Only the\n * thumb (the leaf indicator) opts out of forced colors; a disabled switch draws GrayText on Canvas.\n */\nconst switchOnTrack = 'forced-colors:border-[Highlight] forced-colors:bg-[Highlight]';\nconst switchDisabledOnTrack = 'forced-colors:border-[GrayText] forced-colors:bg-[Canvas]';\n\nfunction renderSwitchIndicator(checked: boolean, disabled: boolean): React.ReactElement {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-menu-switch=\"\"\n      className={cn(\n        'relative inline-flex h-[16px] w-[32px] shrink-0 items-center rounded-full border transition-colors duration-200 motion-reduce:transition-none',\n        checked\n          ? cn('border-primary bg-primary', disabled ? switchDisabledOnTrack : switchOnTrack)\n          : cn(\n              'border-stroke-accessible bg-transparent',\n              disabled ? forcedColors.disabled : forcedColors.control,\n            ),\n      )}\n    >\n      <span\n        className={cn(\n          'block h-[10px] w-[10px] rounded-full transition-transform duration-200 motion-reduce:transition-none forced-colors:forced-color-adjust-none',\n          checked\n            ? 'translate-x-[18px] wave-rtl:-translate-x-[18px] bg-primary-foreground'\n            : 'translate-x-[2px] wave-rtl:-translate-x-[2px] bg-stroke-accessible',\n          disabled\n            ? 'forced-colors:bg-[GrayText]'\n            : checked\n              ? 'forced-colors:bg-[HighlightText]'\n              : 'forced-colors:bg-[ButtonText]',\n        )}\n      />\n    </span>\n  );\n}\n\n/**\n * The three checkable item kinds: a `menuitemcheckbox` or `menuitemradio` row bound to the menu's\n * `checkedValues[name]` by `value`. Activation (a click, Enter or Space) toggles the value\n * (checkbox, switch) or makes it the group's only value (radio); Space keeps the menu open.\n */\nfunction SelectableMenuItem({\n  kind,\n  componentName,\n  name,\n  value,\n  checkmark,\n  icon,\n  shortcut,\n  disabled = false,\n  persistOnClick,\n  onClick,\n  onKeyDown,\n  children,\n  className,\n  ref,\n  ...rest\n}: SelectableMenuItemProps) {\n  const menu = useMenuContext(componentName);\n  const list = useMenuListContext();\n  useMenuItemPlacementWarning(componentName);\n  // The state of the menu that renders the list the item is in (a submenu's own or shared state).\n  const state = (list?.menu ?? menu).checked;\n  const checked = state.isChecked(name, value);\n\n  // Development only: a second item with the same name and value in one list warns.\n  const register = list?.registerCheckable;\n  React.useEffect(() => register?.(name, value), [register, name, value]);\n\n  // A checked item always shows an indicator: a `checkmark` that renders nothing keeps the glyph.\n  const customCheckmark = checkmark != null && slotRendersContent(checkmark);\n  const checkmarkEmpty = checkmark != null && !customCheckmark;\n  React.useEffect(() => {\n    if (!checkmarkEmpty) return;\n    warnOnce(\n      `${componentName}:checkmark-empty`,\n      `${componentName}: \\`checkmark\\` renders nothing, so the item shows the default check glyph. A checked item always shows an indicator: pass an icon, or leave \\`checkmark\\` unset.`,\n    );\n  }, [checkmarkEmpty, componentName]);\n\n  const activation = useMenuItemActivation({\n    disabled,\n    persistOnClick,\n    onClick,\n    onKeyDown,\n    keepOpenOnSpace: true,\n    onActivate: (event) => {\n      if (kind === 'radio') state.select(name, value, event.nativeEvent);\n      else state.toggle(name, value, event.nativeEvent);\n    },\n  });\n\n  // Typeahead text: a string label directly; any other label through its marked element.\n  const stringLabel = typeof children === 'string' ? children : undefined;\n  const ownRovingText = (rest as Record<string, unknown>)['data-roving-text'] !== undefined;\n\n  // The check column (checkbox and radio): the glyph while checked, empty while not. A switch item\n  // has no check column of its own (it keeps the placeholder) and draws the switch at the end.\n  let checkColumn: React.ReactNode = undefined;\n  if (kind !== 'switch') {\n    checkColumn = !checked ? null : customCheckmark ? (\n      renderSlot(checkmark, 'span', 'inline-flex shrink-0 items-center justify-center', {\n        'aria-hidden': true,\n      })\n    ) : (\n      <CheckIcon size={16} />\n    );\n  }\n\n  return (\n    <div\n      role={kind === 'radio' ? 'menuitemradio' : 'menuitemcheckbox'}\n      data-roving-text={stringLabel}\n      {...rest}\n      ref={ref}\n      aria-checked={checked}\n      data-checked={checked ? '' : undefined}\n      aria-disabled={disabled ? true : rest['aria-disabled']}\n      data-disabled={disabled ? '' : undefined}\n      onClick={activation.onClick}\n      onKeyDown={activation.onKeyDown}\n      className={cn(menuItemClasses, className)}\n    >\n      <MenuItemRow\n        checkmark={checkColumn}\n        icon={icon}\n        label={children}\n        shortcut={shortcut}\n        markLabel={!ownRovingText}\n        end={kind === 'switch' ? renderSwitchIndicator(checked, disabled) : undefined}\n      />\n    </div>\n  );\n}\nSelectableMenuItem.displayName = 'SelectableMenuItem';\n\n/**\n * A menu item that is checked or not (`role=\"menuitemcheckbox\"`, `aria-checked`), bound to the\n * menu's `checkedValues[name]` by `value`. A click and Enter toggle it and close a popup menu\n * (unless `persistOnClick`, or the Menu's `persistOnItemClick`); Space toggles it and keeps the\n * menu open. A check shows while it is checked, and the menu reserves the check column for all its\n * items. Works in static and popup menus. `data-checked` is set while it is checked; a consumer\n * `aria-checked` never overrides the state. Disabled items show their state and never change it.\n * Must be used within Menu.\n *\n * Also exported as `MenuItemCheckbox` (import the flat name from React Server Components).\n */\nexport const MenuItemCheckbox = (props: MenuItemCheckboxProps) => (\n  <SelectableMenuItem {...props} kind=\"checkbox\" componentName=\"Menu.ItemCheckbox\" />\n);\nMenuItemCheckbox.displayName = 'MenuItemCheckbox';\n\n/**\n * A menu item that is one choice of a group (`role=\"menuitemradio\"`, `aria-checked`), bound to the\n * menu's `checkedValues[name]` by `value`: checking it unchecks the other radio items of its\n * `name`; activating a checked radio item changes nothing (no `onCheckedValuesChange`). A click and\n * Enter check it and close a popup menu (unless `persistOnClick`, or the Menu's\n * `persistOnItemClick`); Space checks it and keeps the menu open. A check shows while it is\n * checked. Works in static and popup menus. Must be used within Menu.\n *\n * Put the radio items of one `name` in a `Menu.Group` (at least separate two sets with a\n * `Menu.Divider`): assistive technology counts a radio set by its group or separators, not by\n * `name`, so two sets side by side are announced as one.\n *\n * Also exported as `MenuItemRadio` (import the flat name from React Server Components).\n */\nexport const MenuItemRadio = (props: MenuItemRadioProps) => (\n  <SelectableMenuItem {...props} kind=\"radio\" componentName=\"Menu.ItemRadio\" />\n);\nMenuItemRadio.displayName = 'MenuItemRadio';\n\n/**\n * A checkbox item drawn as a switch at the end of the row (`role=\"menuitemcheckbox\"`,\n * `aria-checked`), bound to the menu's `checkedValues[name]` by `value`. A click and Enter toggle\n * it and close a popup menu (unless `persistOnClick`, or the Menu's `persistOnItemClick`); Space\n * toggles it and keeps the menu open. The switch is decorative (`aria-hidden`). Works in static and\n * popup menus. Must be used within Menu.\n *\n * Also exported as `MenuItemSwitch` (import the flat name from React Server Components).\n */\nexport const MenuItemSwitch = (props: MenuItemSwitchProps) => (\n  <SelectableMenuItem {...props} kind=\"switch\" componentName=\"Menu.ItemSwitch\" />\n);\nMenuItemSwitch.displayName = 'MenuItemSwitch';\n"],"mappings":"6YAsDA,IAAMqB,EAAgB,gEAChBC,EAAwB,4DAE9B,SAASC,EAAsB,EAAkB,EAAuC,CACtF,OACE,EAAAH,EAAA,IAAA,CAAC,OAAD,CACE,cAAY,OACZ,mBAAiB,GACjB,UAAWpB,EAAAA,GACT,gJACAwB,EACIxB,EAAAA,GAAG,4BAA6ByB,EAAWH,EAAwBD,CAAa,EAChFrB,EAAAA,GACE,0CACAyB,EAAWxB,EAAAA,aAAa,SAAWA,EAAAA,aAAa,OAClD,CACN,EAEA,UAAA,EAAAmB,EAAA,IAAA,CAAC,OAAD,CACE,UAAWpB,EAAAA,GACT,8IACAwB,EACI,wEACA,qEACJC,EACI,8BACAD,EACE,mCACA,+BACR,CACD,CAAA,CACG,CAAA,CAEV,CAOA,SAASE,EAAmB,CAC1B,OACA,gBACA,OACA,QACA,YACA,OACA,WACA,WAAW,GACX,iBACA,UACA,YACA,WACA,YACA,MACA,GAAGC,GACuB,CAC1B,IAAMC,EAAO1B,EAAAA,eAAe2B,CAAa,EACnCC,EAAO3B,EAAAA,mBAAmB,EAChCe,EAAA,4BAA4BW,CAAa,EAEzC,IAAME,GAASD,GAAM,MAAQF,EAAA,CAAM,QAC7BJ,EAAUO,EAAM,UAAUC,EAAMC,CAAK,EAGrCC,EAAWJ,GAAM,kBACvBX,EAAM,cAAgBe,IAAWF,EAAMC,CAAK,EAAG,CAACC,EAAUF,EAAMC,CAAK,CAAC,EAGtE,IAAME,EAAkBC,GAAa,MAAQhC,EAAAA,mBAAmBgC,CAAS,EACnEC,EAAiBD,GAAa,MAAQ,CAACD,EAC7ChB,EAAM,cAAgB,CACfkB,GACLzB,EAAA,SACE,GAAGiB,EAAc,kBACjB,GAAGA,EAAc,kKACnB,CACF,EAAG,CAACQ,EAAgBR,CAAa,CAAC,EAElC,IAAMS,EAAajC,EAAAA,sBAAsB,CACvC,WACA,iBACA,UACA,YACA,gBAAiB,GACjB,WAAa,GAAU,CACjBkC,IAAS,QAASR,EAAM,OAAOC,EAAMC,EAAOO,EAAM,WAAW,EAC5DT,EAAM,OAAOC,EAAMC,EAAOO,EAAM,WAAW,CAClD,CACF,CAAC,EAGKC,EAAc,OAAOC,GAAa,SAAWA,EAAW,IAAA,GACxDC,EAAiBhB,EAAiC,sBAAwB,IAAA,GAI5EiB,EAWJ,OAVIL,IAAS,WACX,EAAef,EAAiBW,EAC9B7B,EAAAA,WAAW8B,EAAW,OAAQ,mDAAoD,CAChF,cAAe,EACjB,CAAC,GAED,EAAAhB,EAAA,IAAA,CAACb,EAAAA,UAAD,CAAW,KAAM,EAAK,CAAA,EALC,OAUzB,EAAAa,EAAA,IAAA,CAAC,MAAD,CACE,KAAMmB,IAAS,QAAU,gBAAkB,mBAC3C,mBAAkBE,EAClB,GAAId,EACC,MACL,eAAcH,EACd,eAAcA,EAAU,GAAK,IAAA,GAC7B,gBAAeC,EAAW,GAAOE,EAAK,iBACtC,gBAAeF,EAAW,GAAK,IAAA,GAC/B,QAASa,EAAW,QACpB,UAAWA,EAAW,UACtB,UAAWtC,EAAAA,GAAGQ,EAAAA,gBAAiBqC,CAAS,EAExC,UAAA,EAAAzB,EAAA,IAAA,CAACX,EAAAA,YAAD,CACE,UAAWmC,EACL,OACN,MAAOF,EACG,WACV,UAAW,CAACC,EACZ,IAAKJ,IAAS,SAAWhB,EAAsBC,EAASC,CAAQ,EAAI,IAAA,EACrE,CAAA,CACE,CAAA,CAET,CACA,EAAmB,YAAc,qBAajC,IAAaqB,EAAoB,IAC/B,EAAA1B,EAAA,IAAA,CAACM,EAAD,CAAoB,GAAIqB,EAAO,KAAK,WAAW,cAAc,mBAAqB,CAAA,EAEpF,EAAiB,YAAc,mBAgB/B,IAAaC,EAAiB,IAC5B,EAAA5B,EAAA,IAAA,CAACM,EAAD,CAAoB,GAAIqB,EAAO,KAAK,QAAQ,cAAc,gBAAkB,CAAA,EAE9E,EAAc,YAAc,gBAW5B,IAAaE,EAAkB,IAC7B,EAAA7B,EAAA,IAAA,CAACM,EAAD,CAAoB,GAAIqB,EAAO,KAAK,SAAS,cAAc,iBAAmB,CAAA,EAEhF,EAAe,YAAc"}

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

@@ -0,0 +1,89 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { renderSlot as n, slotRendersContent as r } from "../../lib/slot.mjs";
+import { forcedColors as i } from "../../lib/styles.mjs";
+import { CheckIcon as a } from "../../lib/icons.mjs";
+import { useMenuContext as o, useMenuListContext as s } from "./Menu.context.mjs";
+import { menuItemClasses as c } from "./Menu.shared.mjs";
+import { MenuItemRow as l, useMenuItemActivation as u, useMenuItemPlacementWarning as d } from "./Menu.items.mjs";
+import * as f from "react";
+import { jsx as p } from "react/jsx-runtime";
+//#region src/components/navigation/Menu.selectable.tsx
+var m = "forced-colors:border-[Highlight] forced-colors:bg-[Highlight]", h = "forced-colors:border-[GrayText] forced-colors:bg-[Canvas]";
+function g(t, n) {
+	return /* @__PURE__ */ p("span", {
+		"aria-hidden": "true",
+		"data-menu-switch": "",
+		className: e("relative inline-flex h-[16px] w-[32px] shrink-0 items-center rounded-full border transition-colors duration-200 motion-reduce:transition-none", t ? e("border-primary bg-primary", n ? h : m) : e("border-stroke-accessible bg-transparent", n ? i.disabled : i.control)),
+		children: /* @__PURE__ */ p("span", { className: e("block h-[10px] w-[10px] rounded-full transition-transform duration-200 motion-reduce:transition-none forced-colors:forced-color-adjust-none", t ? "translate-x-[18px] wave-rtl:-translate-x-[18px] bg-primary-foreground" : "translate-x-[2px] wave-rtl:-translate-x-[2px] bg-stroke-accessible", n ? "forced-colors:bg-[GrayText]" : t ? "forced-colors:bg-[HighlightText]" : "forced-colors:bg-[ButtonText]") })
+	});
+}
+function _({ kind: i, componentName: m, name: h, value: _, checkmark: v, icon: y, shortcut: b, disabled: x = !1, persistOnClick: S, onClick: C, onKeyDown: w, children: T, className: E, ref: D, ...O }) {
+	let k = o(m), A = s();
+	d(m);
+	let j = (A?.menu ?? k).checked, M = j.isChecked(h, _), N = A?.registerCheckable;
+	f.useEffect(() => N?.(h, _), [
+		N,
+		h,
+		_
+	]);
+	let P = v != null && r(v), F = v != null && !P;
+	f.useEffect(() => {
+		F && t(`${m}:checkmark-empty`, `${m}: \`checkmark\` renders nothing, so the item shows the default check glyph. A checked item always shows an indicator: pass an icon, or leave \`checkmark\` unset.`);
+	}, [F, m]);
+	let I = u({
+		disabled: x,
+		persistOnClick: S,
+		onClick: C,
+		onKeyDown: w,
+		keepOpenOnSpace: !0,
+		onActivate: (e) => {
+			i === "radio" ? j.select(h, _, e.nativeEvent) : j.toggle(h, _, e.nativeEvent);
+		}
+	}), L = typeof T == "string" ? T : void 0, R = O["data-roving-text"] !== void 0, z;
+	return i !== "switch" && (z = M ? P ? n(v, "span", "inline-flex shrink-0 items-center justify-center", { "aria-hidden": !0 }) : /* @__PURE__ */ p(a, { size: 16 }) : null), /* @__PURE__ */ p("div", {
+		role: i === "radio" ? "menuitemradio" : "menuitemcheckbox",
+		"data-roving-text": L,
+		...O,
+		ref: D,
+		"aria-checked": M,
+		"data-checked": M ? "" : void 0,
+		"aria-disabled": x ? !0 : O["aria-disabled"],
+		"data-disabled": x ? "" : void 0,
+		onClick: I.onClick,
+		onKeyDown: I.onKeyDown,
+		className: e(c, E),
+		children: /* @__PURE__ */ p(l, {
+			checkmark: z,
+			icon: y,
+			label: T,
+			shortcut: b,
+			markLabel: !R,
+			end: i === "switch" ? g(M, x) : void 0
+		})
+	});
+}
+_.displayName = "SelectableMenuItem";
+var v = (e) => /* @__PURE__ */ p(_, {
+	...e,
+	kind: "checkbox",
+	componentName: "Menu.ItemCheckbox"
+});
+v.displayName = "MenuItemCheckbox";
+var y = (e) => /* @__PURE__ */ p(_, {
+	...e,
+	kind: "radio",
+	componentName: "Menu.ItemRadio"
+});
+y.displayName = "MenuItemRadio";
+var b = (e) => /* @__PURE__ */ p(_, {
+	...e,
+	kind: "switch",
+	componentName: "Menu.ItemSwitch"
+});
+b.displayName = "MenuItemSwitch";
+//#endregion
+export { v as MenuItemCheckbox, y as MenuItemRadio, b as MenuItemSwitch };
+
+//# sourceMappingURL=Menu.selectable.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.selectable.mjs","names":["React","switchOnTrack","switchDisabledOnTrack","renderSwitchIndicator","cn","checked","disabled","forcedColors","SelectableMenuItem","rest","menu","useMenuContext","componentName","list","useMenuListContext","state","name","value","register","customCheckmark","checkmark","slotRendersContent","checkmarkEmpty","warnOnce","activation","useMenuItemActivation","kind","event","stringLabel","children","ownRovingText","checkColumn","renderSlot","CheckIcon","menuItemClasses","className","MenuItemRow","MenuItemCheckbox","props","MenuItemRadio","MenuItemSwitch"],"sources":["../../../src/components/navigation/Menu.selectable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnOnce } from '../../lib/dev';\nimport { CheckIcon } from '../../lib/icons';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport { forcedColors } from '../../lib/styles';\nimport type { Slot } from '../../lib/types';\nimport { useMenuContext, useMenuListContext } from './Menu.context';\nimport { menuItemClasses } from './Menu.shared';\nimport { MenuItemRow, useMenuItemActivation, useMenuItemPlacementWarning } from './Menu.items';\nimport type { MenuItemProps } from './Menu.items';\n\n/** The `checkedValues` group a checkable menu item belongs to (Fluent's `MenuItemSelectableProps`). */\nexport interface MenuItemSelectableProps {\n  /** The group: a key of the menu's `checkedValues`. Radio items with the same `name` are exclusive. */\n  name: string;\n  /** The value that is in `checkedValues[name]` while the item is checked; unique within its group. */\n  value: string;\n}\n\n/** Properties for the MenuItemCheckbox sub-component. */\nexport interface MenuItemCheckboxProps extends MenuItemProps, MenuItemSelectableProps {\n  /**\n   * Replaces the check glyph shown while the item is checked (decorative, `aria-hidden`). A\n   * checked item always shows an indicator: `null`, `undefined` and a value that renders nothing\n   * keep the default glyph (a value that renders nothing also warns in development).\n   */\n  checkmark?: Slot<'span'>;\n}\n\n/** Properties for the MenuItemRadio sub-component. */\nexport interface MenuItemRadioProps extends MenuItemProps, MenuItemSelectableProps {\n  /** As `MenuItemCheckbox.checkmark`. */\n  checkmark?: Slot<'span'>;\n}\n\n/** Properties for the MenuItemSwitch sub-component. */\nexport interface MenuItemSwitchProps extends MenuItemProps, MenuItemSelectableProps {}\n\ntype SelectableKind = 'checkbox' | 'radio' | 'switch';\n\ninterface SelectableMenuItemProps extends MenuItemCheckboxProps {\n  /** Which item: the role, the state change (toggle or select) and the indicator. */\n  kind: SelectableKind;\n  /** The part's name in diagnostics (`Menu.ItemCheckbox`). */\n  componentName: string;\n}\n\n/*\n * The switch indicator: Switch's tokens and forced-colors recipe (Switch exports no class maps), at\n * 32x16px with a 10px thumb. Sized in px like Switch, so the thumb offsets fit at any root font\n * size: the 1px border leaves a 30px inner track, so the thumb sits 2px from either end. Only the\n * thumb (the leaf indicator) opts out of forced colors; a disabled switch draws GrayText on Canvas.\n */\nconst switchOnTrack = 'forced-colors:border-[Highlight] forced-colors:bg-[Highlight]';\nconst switchDisabledOnTrack = 'forced-colors:border-[GrayText] forced-colors:bg-[Canvas]';\n\nfunction renderSwitchIndicator(checked: boolean, disabled: boolean): React.ReactElement {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-menu-switch=\"\"\n      className={cn(\n        'relative inline-flex h-[16px] w-[32px] shrink-0 items-center rounded-full border transition-colors duration-200 motion-reduce:transition-none',\n        checked\n          ? cn('border-primary bg-primary', disabled ? switchDisabledOnTrack : switchOnTrack)\n          : cn(\n              'border-stroke-accessible bg-transparent',\n              disabled ? forcedColors.disabled : forcedColors.control,\n            ),\n      )}\n    >\n      <span\n        className={cn(\n          'block h-[10px] w-[10px] rounded-full transition-transform duration-200 motion-reduce:transition-none forced-colors:forced-color-adjust-none',\n          checked\n            ? 'translate-x-[18px] wave-rtl:-translate-x-[18px] bg-primary-foreground'\n            : 'translate-x-[2px] wave-rtl:-translate-x-[2px] bg-stroke-accessible',\n          disabled\n            ? 'forced-colors:bg-[GrayText]'\n            : checked\n              ? 'forced-colors:bg-[HighlightText]'\n              : 'forced-colors:bg-[ButtonText]',\n        )}\n      />\n    </span>\n  );\n}\n\n/**\n * The three checkable item kinds: a `menuitemcheckbox` or `menuitemradio` row bound to the menu's\n * `checkedValues[name]` by `value`. Activation (a click, Enter or Space) toggles the value\n * (checkbox, switch) or makes it the group's only value (radio); Space keeps the menu open.\n */\nfunction SelectableMenuItem({\n  kind,\n  componentName,\n  name,\n  value,\n  checkmark,\n  icon,\n  shortcut,\n  disabled = false,\n  persistOnClick,\n  onClick,\n  onKeyDown,\n  children,\n  className,\n  ref,\n  ...rest\n}: SelectableMenuItemProps) {\n  const menu = useMenuContext(componentName);\n  const list = useMenuListContext();\n  useMenuItemPlacementWarning(componentName);\n  // The state of the menu that renders the list the item is in (a submenu's own or shared state).\n  const state = (list?.menu ?? menu).checked;\n  const checked = state.isChecked(name, value);\n\n  // Development only: a second item with the same name and value in one list warns.\n  const register = list?.registerCheckable;\n  React.useEffect(() => register?.(name, value), [register, name, value]);\n\n  // A checked item always shows an indicator: a `checkmark` that renders nothing keeps the glyph.\n  const customCheckmark = checkmark != null && slotRendersContent(checkmark);\n  const checkmarkEmpty = checkmark != null && !customCheckmark;\n  React.useEffect(() => {\n    if (!checkmarkEmpty) return;\n    warnOnce(\n      `${componentName}:checkmark-empty`,\n      `${componentName}: \\`checkmark\\` renders nothing, so the item shows the default check glyph. A checked item always shows an indicator: pass an icon, or leave \\`checkmark\\` unset.`,\n    );\n  }, [checkmarkEmpty, componentName]);\n\n  const activation = useMenuItemActivation({\n    disabled,\n    persistOnClick,\n    onClick,\n    onKeyDown,\n    keepOpenOnSpace: true,\n    onActivate: (event) => {\n      if (kind === 'radio') state.select(name, value, event.nativeEvent);\n      else state.toggle(name, value, event.nativeEvent);\n    },\n  });\n\n  // Typeahead text: a string label directly; any other label through its marked element.\n  const stringLabel = typeof children === 'string' ? children : undefined;\n  const ownRovingText = (rest as Record<string, unknown>)['data-roving-text'] !== undefined;\n\n  // The check column (checkbox and radio): the glyph while checked, empty while not. A switch item\n  // has no check column of its own (it keeps the placeholder) and draws the switch at the end.\n  let checkColumn: React.ReactNode = undefined;\n  if (kind !== 'switch') {\n    checkColumn = !checked ? null : customCheckmark ? (\n      renderSlot(checkmark, 'span', 'inline-flex shrink-0 items-center justify-center', {\n        'aria-hidden': true,\n      })\n    ) : (\n      <CheckIcon size={16} />\n    );\n  }\n\n  return (\n    <div\n      role={kind === 'radio' ? 'menuitemradio' : 'menuitemcheckbox'}\n      data-roving-text={stringLabel}\n      {...rest}\n      ref={ref}\n      aria-checked={checked}\n      data-checked={checked ? '' : undefined}\n      aria-disabled={disabled ? true : rest['aria-disabled']}\n      data-disabled={disabled ? '' : undefined}\n      onClick={activation.onClick}\n      onKeyDown={activation.onKeyDown}\n      className={cn(menuItemClasses, className)}\n    >\n      <MenuItemRow\n        checkmark={checkColumn}\n        icon={icon}\n        label={children}\n        shortcut={shortcut}\n        markLabel={!ownRovingText}\n        end={kind === 'switch' ? renderSwitchIndicator(checked, disabled) : undefined}\n      />\n    </div>\n  );\n}\nSelectableMenuItem.displayName = 'SelectableMenuItem';\n\n/**\n * A menu item that is checked or not (`role=\"menuitemcheckbox\"`, `aria-checked`), bound to the\n * menu's `checkedValues[name]` by `value`. A click and Enter toggle it and close a popup menu\n * (unless `persistOnClick`, or the Menu's `persistOnItemClick`); Space toggles it and keeps the\n * menu open. A check shows while it is checked, and the menu reserves the check column for all its\n * items. Works in static and popup menus. `data-checked` is set while it is checked; a consumer\n * `aria-checked` never overrides the state. Disabled items show their state and never change it.\n * Must be used within Menu.\n *\n * Also exported as `MenuItemCheckbox` (import the flat name from React Server Components).\n */\nexport const MenuItemCheckbox = (props: MenuItemCheckboxProps) => (\n  <SelectableMenuItem {...props} kind=\"checkbox\" componentName=\"Menu.ItemCheckbox\" />\n);\nMenuItemCheckbox.displayName = 'MenuItemCheckbox';\n\n/**\n * A menu item that is one choice of a group (`role=\"menuitemradio\"`, `aria-checked`), bound to the\n * menu's `checkedValues[name]` by `value`: checking it unchecks the other radio items of its\n * `name`; activating a checked radio item changes nothing (no `onCheckedValuesChange`). A click and\n * Enter check it and close a popup menu (unless `persistOnClick`, or the Menu's\n * `persistOnItemClick`); Space checks it and keeps the menu open. A check shows while it is\n * checked. Works in static and popup menus. Must be used within Menu.\n *\n * Put the radio items of one `name` in a `Menu.Group` (at least separate two sets with a\n * `Menu.Divider`): assistive technology counts a radio set by its group or separators, not by\n * `name`, so two sets side by side are announced as one.\n *\n * Also exported as `MenuItemRadio` (import the flat name from React Server Components).\n */\nexport const MenuItemRadio = (props: MenuItemRadioProps) => (\n  <SelectableMenuItem {...props} kind=\"radio\" componentName=\"Menu.ItemRadio\" />\n);\nMenuItemRadio.displayName = 'MenuItemRadio';\n\n/**\n * A checkbox item drawn as a switch at the end of the row (`role=\"menuitemcheckbox\"`,\n * `aria-checked`), bound to the menu's `checkedValues[name]` by `value`. A click and Enter toggle\n * it and close a popup menu (unless `persistOnClick`, or the Menu's `persistOnItemClick`); Space\n * toggles it and keeps the menu open. The switch is decorative (`aria-hidden`). Works in static and\n * popup menus. Must be used within Menu.\n *\n * Also exported as `MenuItemSwitch` (import the flat name from React Server Components).\n */\nexport const MenuItemSwitch = (props: MenuItemSwitchProps) => (\n  <SelectableMenuItem {...props} kind=\"switch\" componentName=\"Menu.ItemSwitch\" />\n);\nMenuItemSwitch.displayName = 'MenuItemSwitch';\n"],"mappings":";;;;;;;;;;;;AAsDA,IAAMC,IAAgB,iEAChBC,IAAwB;AAE9B,SAASC,EAAsB,GAAkB,GAAuC;CACtF,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,oBAAiB;EACjB,WAAWC,EACT,iJACAC,IACID,EAAG,6BAA6BE,IAAWJ,IAAwBD,CAAa,IAChFG,EACE,2CACAE,IAAWC,EAAa,WAAWA,EAAa,OAClD,CACN;EAEA,UAAA,kBAAC,QAAD,EACE,WAAWH,EACT,+IACAC,IACI,0EACA,sEACJC,IACI,gCACAD,IACE,qCACA,+BACR,EACD,CAAA;CACG,CAAA;AAEV;AAOA,SAASG,EAAmB,EAC1B,SACA,kBACA,SACA,UACA,cACA,SACA,aACA,cAAW,IACX,mBACA,YACA,cACA,aACA,cACA,QACA,GAAGC,KACuB;CAC1B,IAAMC,IAAOC,EAAeC,CAAa,GACnCC,IAAOC,EAAmB;CAChC,EAA4BF,CAAa;CAEzC,IAAMG,KAASF,GAAM,QAAQH,EAAA,CAAM,SAC7BL,IAAUU,EAAM,UAAUC,GAAMC,CAAK,GAGrCC,IAAWL,GAAM;CACvB,EAAM,gBAAgBK,IAAWF,GAAMC,CAAK,GAAG;EAACC;EAAUF;EAAMC;CAAK,CAAC;CAGtE,IAAME,IAAkBC,KAAa,QAAQC,EAAmBD,CAAS,GACnEE,IAAiBF,KAAa,QAAQ,CAACD;CAC7C,EAAM,gBAAgB;EACpB,AAAKG,KACLC,EACE,GAAGX,EAAc,mBACjB,GAAGA,EAAc,kKACnB;CACF,GAAG,CAACU,GAAgBV,CAAa,CAAC;CAElC,IAAMY,IAAaC,EAAsB;EACvC;EACA;EACA;EACA;EACA,iBAAiB;EACjB,aAAa,MAAU;GACrB,AAAIC,MAAS,UAASX,EAAM,OAAOC,GAAMC,GAAOU,EAAM,WAAW,IAC5DZ,EAAM,OAAOC,GAAMC,GAAOU,EAAM,WAAW;EAClD;CACF,CAAC,GAGKC,IAAc,OAAOC,KAAa,WAAWA,IAAW,KAAA,GACxDC,IAAiBrB,EAAiC,wBAAwB,KAAA,GAI5EsB;CAWJ,OAVIL,MAAS,aACX,IAAerB,IAAiBc,IAC9Ba,EAAWZ,GAAW,QAAQ,oDAAoD,EAChF,eAAe,GACjB,CAAC,IAED,kBAACa,GAAD,EAAW,MAAM,GAAK,CAAA,IALC,OAUzB,kBAAC,OAAD;EACE,MAAMP,MAAS,UAAU,kBAAkB;EAC3C,oBAAkBE;EAClB,GAAInB;EACC;EACL,gBAAcJ;EACd,gBAAcA,IAAU,KAAK,KAAA;EAC7B,iBAAeC,IAAW,KAAOG,EAAK;EACtC,iBAAeH,IAAW,KAAK,KAAA;EAC/B,SAASkB,EAAW;EACpB,WAAWA,EAAW;EACtB,WAAWpB,EAAG8B,GAAiBC,CAAS;EAExC,UAAA,kBAACC,GAAD;GACE,WAAWL;GACL;GACN,OAAOF;GACG;GACV,WAAW,CAACC;GACZ,KAAKJ,MAAS,WAAWvB,EAAsBE,GAASC,CAAQ,IAAI,KAAA;EACrE,CAAA;CACE,CAAA;AAET;AACA,EAAmB,cAAc;AAajC,IAAa+B,KAAoB,MAC/B,kBAAC7B,GAAD;CAAoB,GAAI8B;CAAO,MAAK;CAAW,eAAc;AAAqB,CAAA;AAEpF,EAAiB,cAAc;AAgB/B,IAAaC,KAAiB,MAC5B,kBAAC/B,GAAD;CAAoB,GAAI8B;CAAO,MAAK;CAAQ,eAAc;AAAkB,CAAA;AAE9E,EAAc,cAAc;AAW5B,IAAaE,KAAkB,MAC7B,kBAAChC,GAAD;CAAoB,GAAI8B;CAAO,MAAK;CAAS,eAAc;AAAmB,CAAA;AAEhF,EAAe,cAAc"}

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

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/styles.cjs");let i=require("react");i=e.__toESM(i,1);var a=`[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]`;function o(e){return t=>{if(t.key.length===1)for(let e of t.currentTarget.querySelectorAll(`[data-menu-label]`))e.closest(a)?.setAttribute(`data-roving-text`,e.textContent??``);e(t)}}function s(e,t){i.useEffect(()=>{t||n.warnOnce(`Menu:static-popup-parts`,`${e}: rendered inside a static menu. Menu switches to a popup menu only when Menu.Trigger or Menu.Popover is a direct child (Fragments included); wrapped in another element or component, they are rendered inside the static \`role="menu"\` element. Make them direct children of Menu, or pass \`open\`, \`defaultOpen\` or \`onOpenChange\` to Menu to force popup mode.`)},[e,t])}var c=`group/menu min-w-[180px] rounded-md border border-border bg-background py-1 shadow-4`,l=t.cn(c,`max-h-(--wave-popup-available-height) max-w-(--wave-popup-available-width) overflow-y-auto overscroll-contain`),u=t.cn(`flex cursor-pointer select-none items-center gap-2 px-3 py-1.5 text-body-1 text-foreground`,`not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed`,`not-disabled:not-aria-disabled:focus:bg-subtle-hover`,`aria-expanded:bg-subtle-hover`,`forced-colors:aria-expanded:border-s-4 forced-colors:aria-expanded:border-[Highlight] forced-colors:aria-expanded:ps-2`,r.focusRingInset,r.disabledStyles);exports.MENU_ITEM_SELECTOR=a,exports.menuItemClasses=u,exports.menuPopoverClasses=l,exports.menuSurfaceClasses=c,exports.useStaticMenuPartWarning=s,exports.withTypeaheadText=o;
+//# sourceMappingURL=Menu.shared.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.shared.cjs","names":["cn","focusRingInset","disabledStyles","require_runtime","require_cn","require_dev","require_styles","react","MENU_ITEM_SELECTOR","withTypeaheadText","event","label","handleKeyDownCapture","useStaticMenuPartWarning","popup","componentName","menuSurfaceClasses","menuPopoverClasses","menuItemClasses"],"sources":["../../../src/components/navigation/Menu.shared.ts"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnOnce } from '../../lib/dev';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\n\n/*\n * Helpers and class strings shared by the Menu modules. Internal.\n */\n\n/** The elements the roving hook of a menu list moves between. */\nexport const MENU_ITEM_SELECTOR =\n  '[role=\"menuitem\"],[role=\"menuitemcheckbox\"],[role=\"menuitemradio\"]';\n\n/**\n * Typeahead matches an item's `data-roving-text`, else its whole text, which would start with the\n * icon's text (an emoji, an icon-font ligature) and end with the shortcut. A string label is\n * passed as `data-roving-text` when the item renders. Any other label (an i18n component) marks\n * its element with `data-menu-label`, and the menu copies that element's current text onto the\n * item right before it handles a printable key, so a label that re-renders on its own is matched\n * by what it shows.\n */\nexport function withTypeaheadText(\n  handleKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement>,\n): React.KeyboardEventHandler<HTMLDivElement> {\n  return (event) => {\n    if (event.key.length === 1) {\n      for (const label of event.currentTarget.querySelectorAll('[data-menu-label]')) {\n        const menuItem = label.closest(MENU_ITEM_SELECTOR);\n        menuItem?.setAttribute('data-roving-text', label.textContent ?? '');\n      }\n    }\n    handleKeyDownCapture(event);\n  };\n}\n\n/**\n * C-DEV: `Menu.Trigger`/`Menu.Popover` rendered by a static menu — the root only detects popup\n * mode from its direct children (Fragments included), so wrapped parts leave it static.\n */\nexport function useStaticMenuPartWarning(componentName: string, popup: boolean): void {\n  React.useEffect(() => {\n    if (popup) return;\n    warnOnce(\n      'Menu:static-popup-parts',\n      `${componentName}: rendered inside a static menu. Menu switches to a popup menu only when Menu.Trigger or Menu.Popover is a direct child (Fragments included); wrapped in another element or component, they are rendered inside the static \\`role=\"menu\"\\` element. Make them direct children of Menu, or pass \\`open\\`, \\`defaultOpen\\` or \\`onOpenChange\\` to Menu to force popup mode.`,\n    );\n  }, [componentName, popup]);\n}\n\n/**\n * The menu list element (the static root and every `Menu.Popover` surface). It is the named group\n * `group/menu` whose items show their checkmark and icon columns when any item of the list has\n * one, so the labels line up.\n */\nexport const menuSurfaceClasses =\n  'group/menu min-w-[180px] rounded-md border border-border bg-background py-1 shadow-4';\n\n/**\n * The popup surface is limited to the space the viewport leaves it next to the trigger (the CSS\n * variables usePopupPosition's `fitViewport` writes) and scrolls when it is taller. The limits are\n * classes, not inline styles, so a consumer `max-h-*`/`max-w-*` class replaces them (C-COMPOSE).\n */\nexport const menuPopoverClasses = cn(\n  menuSurfaceClasses,\n  'max-h-(--wave-popup-available-height) max-w-(--wave-popup-available-width) overflow-y-auto overscroll-contain',\n);\n\n/**\n * Every menu item row. An item whose submenu is open (`aria-expanded`) keeps its highlight; in\n * forced colors, where backgrounds are replaced, it shows a start bar instead (logical, so it\n * mirrors in RTL; the 4px bar plus `ps-2` keeps the `px-3` inset), which cannot be mistaken for\n * the focus ring's inset outline.\n */\nexport const menuItemClasses = cn(\n  'flex cursor-pointer select-none items-center gap-2 px-3 py-1.5 text-body-1 text-foreground',\n  'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n  // Gated like hover: a disabled item can still take focus from a mouse click (tabindex -1).\n  'not-disabled:not-aria-disabled:focus:bg-subtle-hover',\n  'aria-expanded:bg-subtle-hover',\n  'forced-colors:aria-expanded:border-s-4 forced-colors:aria-expanded:border-[Highlight] forced-colors:aria-expanded:ps-2',\n  focusRingInset,\n  disabledStyles,\n);\n"],"mappings":"4MAUA,IAAaQ,EACX,qEAUF,SAAgBC,EACd,EAC4C,CAC5C,MAAQ,IAAU,CAChB,GAAIC,EAAM,IAAI,SAAW,EACvB,IAAK,IAAMC,KAASD,EAAM,cAAc,iBAAiB,mBAAmB,EAE1EC,EADuB,QAAQH,CAC/B,CAAA,EAAU,aAAa,mBAAoBG,EAAM,aAAe,EAAE,EAGtEC,EAAqBF,CAAK,CAC5B,CACF,CAMA,SAAgBG,EAAyB,EAAuB,EAAsB,CACpFN,EAAM,cAAgB,CAChBO,GACJT,EAAA,SACE,0BACA,GAAGU,EAAc,0WACnB,CACF,EAAG,CAACA,EAAeD,CAAK,CAAC,CAC3B,CAOA,IAAaE,EACX,uFAOWC,EAAqBjB,EAAAA,GAChCgB,EACA,+GACF,EAQaE,EAAkBlB,EAAAA,GAC7B,6FACA,+GAEA,uDACA,gCACA,yHACAC,EAAAA,eACAC,EAAAA,cACF"}

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

@@ -0,0 +1,23 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { disabledStyles as n, focusRingInset as r } from "../../lib/styles.mjs";
+import * as i from "react";
+//#region src/components/navigation/Menu.shared.ts
+var a = "[role=\"menuitem\"],[role=\"menuitemcheckbox\"],[role=\"menuitemradio\"]";
+function o(e) {
+	return (t) => {
+		if (t.key.length === 1) for (let e of t.currentTarget.querySelectorAll("[data-menu-label]")) e.closest(a)?.setAttribute("data-roving-text", e.textContent ?? "");
+		e(t);
+	};
+}
+function s(e, n) {
+	i.useEffect(() => {
+		n || t("Menu:static-popup-parts", `${e}: rendered inside a static menu. Menu switches to a popup menu only when Menu.Trigger or Menu.Popover is a direct child (Fragments included); wrapped in another element or component, they are rendered inside the static \`role="menu"\` element. Make them direct children of Menu, or pass \`open\`, \`defaultOpen\` or \`onOpenChange\` to Menu to force popup mode.`);
+	}, [e, n]);
+}
+var c = "group/menu min-w-[180px] rounded-md border border-border bg-background py-1 shadow-4", l = e(c, "max-h-(--wave-popup-available-height) max-w-(--wave-popup-available-width) overflow-y-auto overscroll-contain"), u = e("flex cursor-pointer select-none items-center gap-2 px-3 py-1.5 text-body-1 text-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed", "not-disabled:not-aria-disabled:focus:bg-subtle-hover", "aria-expanded:bg-subtle-hover", "forced-colors:aria-expanded:border-s-4 forced-colors:aria-expanded:border-[Highlight] forced-colors:aria-expanded:ps-2", r, n);
+//#endregion
+export { a as MENU_ITEM_SELECTOR, u as menuItemClasses, l as menuPopoverClasses, c as menuSurfaceClasses, s as useStaticMenuPartWarning, o as withTypeaheadText };
+
+//# sourceMappingURL=Menu.shared.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.shared.mjs","names":["React","MENU_ITEM_SELECTOR","withTypeaheadText","event","label","useStaticMenuPartWarning","popup","warnOnce","componentName","menuSurfaceClasses","menuPopoverClasses","cn","menuItemClasses","focusRingInset","disabledStyles"],"sources":["../../../src/components/navigation/Menu.shared.ts"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnOnce } from '../../lib/dev';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\n\n/*\n * Helpers and class strings shared by the Menu modules. Internal.\n */\n\n/** The elements the roving hook of a menu list moves between. */\nexport const MENU_ITEM_SELECTOR =\n  '[role=\"menuitem\"],[role=\"menuitemcheckbox\"],[role=\"menuitemradio\"]';\n\n/**\n * Typeahead matches an item's `data-roving-text`, else its whole text, which would start with the\n * icon's text (an emoji, an icon-font ligature) and end with the shortcut. A string label is\n * passed as `data-roving-text` when the item renders. Any other label (an i18n component) marks\n * its element with `data-menu-label`, and the menu copies that element's current text onto the\n * item right before it handles a printable key, so a label that re-renders on its own is matched\n * by what it shows.\n */\nexport function withTypeaheadText(\n  handleKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement>,\n): React.KeyboardEventHandler<HTMLDivElement> {\n  return (event) => {\n    if (event.key.length === 1) {\n      for (const label of event.currentTarget.querySelectorAll('[data-menu-label]')) {\n        const menuItem = label.closest(MENU_ITEM_SELECTOR);\n        menuItem?.setAttribute('data-roving-text', label.textContent ?? '');\n      }\n    }\n    handleKeyDownCapture(event);\n  };\n}\n\n/**\n * C-DEV: `Menu.Trigger`/`Menu.Popover` rendered by a static menu — the root only detects popup\n * mode from its direct children (Fragments included), so wrapped parts leave it static.\n */\nexport function useStaticMenuPartWarning(componentName: string, popup: boolean): void {\n  React.useEffect(() => {\n    if (popup) return;\n    warnOnce(\n      'Menu:static-popup-parts',\n      `${componentName}: rendered inside a static menu. Menu switches to a popup menu only when Menu.Trigger or Menu.Popover is a direct child (Fragments included); wrapped in another element or component, they are rendered inside the static \\`role=\"menu\"\\` element. Make them direct children of Menu, or pass \\`open\\`, \\`defaultOpen\\` or \\`onOpenChange\\` to Menu to force popup mode.`,\n    );\n  }, [componentName, popup]);\n}\n\n/**\n * The menu list element (the static root and every `Menu.Popover` surface). It is the named group\n * `group/menu` whose items show their checkmark and icon columns when any item of the list has\n * one, so the labels line up.\n */\nexport const menuSurfaceClasses =\n  'group/menu min-w-[180px] rounded-md border border-border bg-background py-1 shadow-4';\n\n/**\n * The popup surface is limited to the space the viewport leaves it next to the trigger (the CSS\n * variables usePopupPosition's `fitViewport` writes) and scrolls when it is taller. The limits are\n * classes, not inline styles, so a consumer `max-h-*`/`max-w-*` class replaces them (C-COMPOSE).\n */\nexport const menuPopoverClasses = cn(\n  menuSurfaceClasses,\n  'max-h-(--wave-popup-available-height) max-w-(--wave-popup-available-width) overflow-y-auto overscroll-contain',\n);\n\n/**\n * Every menu item row. An item whose submenu is open (`aria-expanded`) keeps its highlight; in\n * forced colors, where backgrounds are replaced, it shows a start bar instead (logical, so it\n * mirrors in RTL; the 4px bar plus `ps-2` keeps the `px-3` inset), which cannot be mistaken for\n * the focus ring's inset outline.\n */\nexport const menuItemClasses = cn(\n  'flex cursor-pointer select-none items-center gap-2 px-3 py-1.5 text-body-1 text-foreground',\n  'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n  // Gated like hover: a disabled item can still take focus from a mouse click (tabindex -1).\n  'not-disabled:not-aria-disabled:focus:bg-subtle-hover',\n  'aria-expanded:bg-subtle-hover',\n  'forced-colors:aria-expanded:border-s-4 forced-colors:aria-expanded:border-[Highlight] forced-colors:aria-expanded:ps-2',\n  focusRingInset,\n  disabledStyles,\n);\n"],"mappings":";;;;;;AAUA,IAAaC,IACX;AAUF,SAAgBC,EACd,GAC4C;CAC5C,QAAQ,MAAU;EAChB,IAAIC,EAAM,IAAI,WAAW,GACvB,KAAK,IAAMC,KAASD,EAAM,cAAc,iBAAiB,mBAAmB,GAE1E,EADuB,QAAQF,CAC/B,CAAA,EAAU,aAAa,oBAAoBG,EAAM,eAAe,EAAE;EAGtE,EAAqBD,CAAK;CAC5B;AACF;AAMA,SAAgBE,EAAyB,GAAuB,GAAsB;CACpF,EAAM,gBAAgB;EACpB,AAAIC,KACJC,EACE,2BACA,GAAGC,EAAc,0WACnB;CACF,GAAG,CAACA,GAAeF,CAAK,CAAC;AAC3B;AAOA,IAAaG,IACX,wFAOWC,IAAqBC,EAChCF,GACA,+GACF,GAQaG,IAAkBD,EAC7B,8FACA,gHAEA,wDACA,iCACA,0HACAE,GACAC,CACF"}

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

@@ -0,0 +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/composeEventHandlers.cjs"),a=require("../../lib/direction.cjs");require("./Menu.shared.cjs");const o=require("./Menu.items.cjs"),s=require("./Menu.root.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u(e){let t=n.flattenChildren(e).map(({node:e})=>e);return t.some((e,r)=>n.isElementOfType(e,o.MenuItem)&&n.isElementOfType(t[r+1],s.MenuRoot))}function d(e){return Array.from(e.children).filter(e=>e instanceof HTMLElement&&e.matches(`[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]`))}var f=({children:e,className:n,onKeyDown:o,ref:s,...f})=>{let p=u(e);c.useEffect(()=>{p||r.warnOnce(`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).`)},[p]);let m=e=>{if(e.altKey||e.ctrlKey||e.metaKey)return;let t=a.getArrowIntent(e.key,{orientation:`horizontal`,dir:a.getDirection(e.currentTarget)});if(!t)return;let n=d(e.currentTarget);if(n.length<2)return;let r=n[0],i=n[n.length-1],[o,s]=t===`next`?[r,i]:[i,r];e.target===o&&s.getAttribute(`aria-disabled`)!==`true`&&(e.preventDefault(),s.focus())};return(0,l.jsx)(`div`,{role:`group`,...f,ref:s,"data-menu-split-group":``,onKeyDown:i.composeEventHandlers(o,m),className:t.cn(`flex items-stretch [&>:first-child]:flex-1 [&>:last-child]:border-s [&>:last-child]:border-border`,n),children:e})};f.displayName=`MenuSplitGroup`,exports.MenuSplitGroup=f;
+//# sourceMappingURL=Menu.splitGroup.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,51 @@
+"use client";
+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 "./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";
+//#region src/components/navigation/Menu.splitGroup.tsx
+function d(e) {
+	let r = t(e).map(({ node: e }) => e);
+	return r.some((e, t) => n(e, s) && n(r[t + 1], c));
+}
+function f(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) => {
+		if (e.altKey || e.ctrlKey || e.metaKey) return;
+		let t = a(e.key, {
+			orientation: "horizontal",
+			dir: o(e.currentTarget)
+		});
+		if (!t) return;
+		let n = f(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());
+	};
+	return /* @__PURE__ */ u("div", {
+		role: "group",
+		...p,
+		ref: c,
+		"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),
+		children: t
+	});
+};
+p.displayName = "MenuSplitGroup";
+//#endregion
+export { p as MenuSplitGroup };
+
+//# sourceMappingURL=Menu.splitGroup.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Menu.trigger.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,79 @@
+"use client";
+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 { MenuSubmenuTriggerContext as c, useMenuContext as l } from "./Menu.context.mjs";
+import { useStaticMenuPartWarning as u } from "./Menu.shared.mjs";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/navigation/Menu.trigger.tsx
+var p = () => {}, m = ({ children: m, asChild: h, ref: g, ..._ }) => {
+	let { popup: v, open: y, openWithFocus: b, requestClose: x, triggerId: S, menuId: C, onTriggerId: w, triggerElement: T, setTriggerElement: E, isSubmenu: D, isHoverOpen: O, hoverTriggerHandlers: k, openOnContext: A, contextTriggerHandlers: j } = l("Menu.Trigger");
+	u("Menu.Trigger", v);
+	let M = r(E, g);
+	d.useEffect(() => {
+		D && T && T.getAttribute("role") !== "menuitem" && e("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).");
+	}, [D, T]);
+	let N = A ? typeof m == "function" ? {
+		id: S,
+		"aria-haspopup": "menu",
+		"aria-expanded": !1,
+		onClick: p,
+		ref: M,
+		...j
+	} : {
+		id: S,
+		ref: M,
+		...j
+	} : {
+		id: S,
+		"aria-haspopup": "menu",
+		"aria-expanded": y,
+		"aria-controls": y ? C : void 0,
+		onClick: (e) => {
+			e.defaultPrevented || s(e) || (y && !D && !O() ? x() : b("first"));
+		},
+		onKeyDown: (e) => {
+			if (!(e.defaultPrevented || e.ctrlKey || e.metaKey || s(e))) {
+				if (D) {
+					if (e.altKey) return;
+					(t(e.key, {
+						orientation: "horizontal",
+						dir: n(e.currentTarget)
+					}) === "next" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), b("first"));
+					return;
+				}
+				switch (e.key) {
+					case "ArrowDown":
+						e.preventDefault(), b("first");
+						break;
+					case "ArrowUp":
+						e.preventDefault(), b("last");
+						break;
+					case "Enter":
+					case " ": e.preventDefault(), y && !O() ? x() : b("first");
+				}
+			}
+		},
+		ref: M,
+		...k
+	}, P = i(N, _, { oursWin: a }), F = o(m, P, {
+		componentName: "Menu.Trigger",
+		asChild: h,
+		onResolvedId: w,
+		omitStateAria: A
+	});
+	return D ? /* @__PURE__ */ f(c.Provider, {
+		value: !0,
+		children: F
+	}) : F;
+};
+m.displayName = "MenuTrigger";
+//#endregion
+export { m as MenuTrigger };
+
+//# sourceMappingURL=Menu.trigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.trigger.mjs","names":["React","noop","MenuTrigger","rest","useMenuContext","popup","elementRef","useMergedRefs","setTriggerElement","ref","isSubmenu","triggerElement","warnOnce","ownProps","openOnContext","children","triggerId","contextTriggerHandlers","open","menuId","event","isDisabledTrigger","isHoverOpen","requestClose","openWithFocus","getArrowIntent","getDirection","hoverTriggerHandlers","triggerProps","mergeProps","STATE_ARIA","element","useTriggerElement","onTriggerId","MenuSubmenuTriggerContext"],"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":";;;;;;;;;;;;;AAuDA,IAAMC,UAAa,CAAC,GAqEPC,KAAe,EAAE,aAAU,YAAS,QAAK,GAAGC,QAAsC;CAC7F,IAAM,EACJ,UACA,SACA,kBACA,iBACA,cACA,WACA,gBACA,mBACA,sBACA,cACA,gBACA,yBACA,kBACA,8BACEC,EAAe,cAAc;CACjC,EAAyB,gBAAgBC,CAAK;CAC9C,IAAMC,IAAaC,EAA2BC,GAAmBC,CAAG;CAIpE,EAAM,gBAAgB;EACpB,AAAKC,KAAcC,KAAkBA,EAAe,aAAa,MAAM,MAAM,cAG7EC,EACE,8BACA,sNACF;CACF,GAAG,CAACF,GAAWC,CAAc,CAAC;CAyD9B,IAAME,IAAmDC,IACrD,OAAOC,KAAa,aAClB;EACE,IAAIC;EACJ,iBAAiB;EACjB,iBAAiB;EACjB,SAASf;EACT,KAAKK;EACL,GAAGW;CACL,IACA;EAAE,IAAID;EAAW,KAAKV;EAAY,GAAGW;CAAuB,IAC9D;EACE,IAAID;EACJ,iBAAiB;EACjB,iBAAiBE;EACjB,iBAAiBA,IAAOC,IAAS,KAAA;EACjC,UApEe,MAAyC;GAC5D,AAAIC,EAAM,oBAAoBC,EAAkBD,CAAK,MAIjDF,KAAQ,CAACR,KAAa,CAACY,EAAY,IAAGC,EAAa,IAClDC,EAAc,OAAO;EAC5B;EA8DM,YA5DiB,MAA4C;GACjE,IAAI,IAAM,oBAAoBJ,EAAM,WAAWA,EAAM,WAAWC,EAAkBD,CAAK,IAGvF;QAAIV,GAAW;KAGb,IAAIU,EAAM,QAAQ;KAKlB,CAJeK,EAAeL,EAAM,KAAK;MACvC,aAAa;MACb,KAAKM,EAAaN,EAAM,aAAa;KACvC,CACI,MAAW,UAAUA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SAC9DA,EAAM,eAAe,GACrBI,EAAc,OAAO;KAEvB;IACF;IACA,QAAQJ,EAAM,KAAd;KACE,KAAK;MAEH,AADAA,EAAM,eAAe,GACrBI,EAAc,OAAO;MACrB;KACF,KAAK;MAEH,AADAJ,EAAM,eAAe,GACrBI,EAAc,MAAM;MACpB;KACF,KAAK;KACL,KAAK,KAGH,AADAJ,EAAM,eAAe,GACjBF,KAAQ,CAACI,EAAY,IAAGC,EAAa,IACpCC,EAAc,OAAO;IAI9B;GAnBA;EAoBF;EAwBM,KAAKlB;EACL,GAAGqB;CACL,GAIEC,IAAeC,EAAWhB,GAAUV,GAAM,EAAE,SAAS2B,EAAW,CAAC,GAIjEC,IAAUC,EAAkBjB,GAAUa,GAAkC;EAC5E,eAAe;EACf;EACA,cAAcK;EACd,eAAenB;CACjB,CAAC;CAED,OAAOJ,IACL,kBAACwB,EAA0B,UAA3B;EAAoC,OAAA;EAAO,UAAAH;CAA4C,CAAA,IAEvFA;AAEJ;AACA,EAAY,cAAc"}

package/dist/components/navigation/Nav.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Nav.cjs.map