@mortenbrudvik/waveui 0.4.0 → 0.7.0

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

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

package/dist/components/navigation/Menu.root.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("../../hooks/useEventCallback.cjs"),ee=require("../../hooks/useControllable.cjs"),te=require("../../hooks/useId.cjs"),ne=require("../../lib/focus.cjs"),re=require("../../hooks/useRovingTabIndex.cjs"),ie=require("../../hooks/useMergedRefs.cjs"),ae=require("../../hooks/useIsClient.cjs"),oe=require("../../lib/layers.cjs"),se=require("../portal/Portal.cjs"),ce=require("../../lib/styles.cjs"),le=require("../../hooks/useCheckedValues.cjs"),o=require("./Menu.context.cjs"),s=require("./Menu.shared.cjs"),ue=require("../../hooks/useHoverIntent.cjs"),de=require("./Menu.popover.cjs"),fe=require("../../hooks/useContextMenuAnchor.cjs"),c=require("./Menu.trigger.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var pe=()=>{},me=250;function he(e){return n.flattenChildren(e).some(({node:e})=>n.isElementOfType(e,c.MenuTrigger,de.MenuPopover))}function ge(e){let t=e.map(e=>`\`${e}\``);return t.length>1?`${t.slice(0,-1).join(`, `)} and ${t[t.length-1]}`:t.join(``)}var d=({children:e,open:n,defaultOpen:c,onOpenChange:d,checkedValues:_e,defaultCheckedValues:ve,onCheckedValuesChange:f,persistOnItemClick:ye,openOnHover:p,openDelay:be,closeDelay:xe,openOnContext:Se,className:Ce,onKeyDown:we,onKeyDownCapture:Te,onFocus:Ee,onPointerMove:De,ref:Oe,...m})=>{let h=o.useMenuListContext(),g=l.useContext(se.PortalDepthContext),_=h!==null&&h.portalDepth===g?h:null,v=_?.menu??null,y=v!==null,[b,x,ke]=ee.useControllable(n,c??!1,d),Ae=ae.useIsClient(),S=v===null||!v.popup||v.open,C=b&&Ae&&S;l.useLayoutEffect(()=>{S||!b||ke||x(!1)},[S,b,ke,x]);let w=n!==void 0||c!==void 0||d!==void 0||he(e),T=te.useId(`wave-menu-trigger`),je=te.useId(`wave-menu`),[Me,Ne]=l.useState(T),E=l.useRef(null),[D,Pe]=l.useState(null),Fe=l.useCallback(e=>{E.current=e,Pe(e)},[]),O=l.useRef(null),[Ie,Le]=l.useState(null),[Re,ze]=l.useState(``),Be=l.useCallback(e=>{O.current=e,Le(e?.surface??null),e&&ze(e.layerId)},[]),Ve=le.useCheckedValues(_e,ve,f),k=v?.checked??null,He=k===null||_e!==void 0||ve!==void 0,Ue=f!==void 0,We=a.useEventCallback(f),Ge=l.useMemo(()=>k&&Ue?le.withCheckedValuesListener(k,We):k,[k,Ue,We]),A=He||Ge===null?Ve:Ge,Ke=ye??v?.persistOnItemClick??!1,j=be??v?.openDelay??me,M=xe??v?.closeDelay??me,N=w&&!y&&Se===!0,qe=w&&!N&&(p??y),P=[];if(w){Ce!==void 0&&P.push(`className`),we!==void 0&&P.push(`onKeyDown`),Te!==void 0&&P.push(`onKeyDownCapture`),Ee!==void 0&&P.push(`onFocus`),De!==void 0&&P.push(`onPointerMove`);for(let[e,t]of Object.entries(m))t!==void 0&&P.push(e);Oe!=null&&P.push(`ref`)}let F=P.length===0?``:`Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${P.map(e=>`\`${e}\``).join(`, `)} on Menu ${P.length===1?`is`:`are`} ignored. Pass ${P.length===1?`it`:`them`} to Menu.Popover (the menu surface) or to the trigger's child instead.`;l.useEffect(()=>{F&&r.warnOnce(`Menu:popup-ignored-props`,F)},[F]);let I=w?``:ge([p?`openOnHover`:null,Se?`openOnContext`:null].filter(e=>e!==null)),Je=N&&p===!0;l.useEffect(()=>{if(!I)return;let[e,t]=I.includes(` and `)?[`are`,`they`]:[`is`,`it`];r.warnOnce(`Menu:static-popup-props`,`Menu: ${I} ${e} ignored on a static menu: ${t} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`)},[I]),l.useEffect(()=>{Je&&r.warnOnce(`Menu:hover-and-context`,`Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).`)},[Je]);let L=l.useRef(null),R=l.useRef(null),z=a.useEventCallback(()=>{let e=O.current,t=e?.surface??L.current,n=t?.ownerDocument.activeElement;return!t||!n?!1:t.contains(n)?!0:e?oe.getLayerTreeElements(e.layerId,{includeOwnElements:!1}).some(e=>e.contains(n)):R.current?.containsFocus()??!1}),B=a.useEventCallback(()=>{let e=O.current?.surface??L.current,t=e?.ownerDocument.activeElement;return e&&t&&e.contains(t)?!0:R.current?.listContainsFocus()??!1}),V=l.useRef(!1),Ye=l.useCallback(()=>V.current,[]),Xe=e=>{V.current=e,R.current?.close(),x(!1)},H=a.useEventCallback(()=>Xe(!1)),Ze=a.useEventCallback(()=>Xe(!0)),U=l.useRef(`other`),W=l.useRef(!1),G=l.useRef(`first`);l.useLayoutEffect(()=>{C&&(U.current=W.current?`hover`:`other`,V.current=!1),W.current=!1},[C]);let Qe=l.useCallback(()=>U.current===`hover`,[]),{triggerHandlers:K,surfaceHandlers:$e,cancel:et,startClose:tt}=ue.useHoverIntent({enabled:qe,open:C,openDelay:j,closeDelay:M,trigger:D,surface:Ie,group:_?.hoverGroup,onOpen:()=>{W.current=!0,G.current=`none`,x(!0)},onClose:Ze,canClose:()=>U.current===`hover`&&!z()}),nt=a.useEventCallback(()=>{C||(W.current=!1,G.current===`none`&&(G.current=`first`))}),rt=l.useMemo(()=>({...K,onPointerLeave:e=>{K.onPointerLeave(e),nt()}}),[K,nt]),q=l.useCallback(e=>{U.current=`other`,W.current=!1,et();let t=O.current;if(t){e===`last`?t.focusLast():e===`first`&&t.focusFirst();return}G.current=e,x(!0)},[x,et]),it=l.useCallback(()=>{let e=G.current;return G.current=`first`,e},[]),{anchor:at,fromContext:ot,opener:st,triggerHandlers:ct,surfaceHandlers:lt}=fe.useContextMenuAnchor({enabled:N,open:C,trigger:D,layerId:Re,onOpen:()=>q(`first`),onClose:H}),ut=_?.isHoverFocusing,dt=v?.isHoverFocusing,J=a.useEventCallback(()=>(ut?.()??!1)||(dt?.()??!1)),Y=l.useRef(!1);l.useEffect(()=>{if(!N||!C||!D)return;let e=D.ownerDocument,t=e=>{Y.current=e.button===2||e.button===0&&(e.ctrlKey||e.pointerType===`touch`||e.pointerType===`pen`)},n=()=>{Y.current=!1};return e.addEventListener(`pointerdown`,t,!0),e.addEventListener(`pointerup`,n,!0),e.addEventListener(`pointercancel`,n,!0),()=>{e.removeEventListener(`pointerdown`,t,!0),e.removeEventListener(`pointerup`,n,!0),e.removeEventListener(`pointercancel`,n,!0),Y.current=!1}},[N,C,D]);let ft=a.useEventCallback((e,t)=>{if(!(e===`focus-outside`&&N&&Y.current&&t.target instanceof Node&&E.current?.contains(t.target))){if(e===`focus-outside`&&y&&qe&&J()){U.current=`hover`,tt(t);return}H()}}),pt=l.useCallback(e=>{let t=R.current;return R.current=e,t&&t!==e&&t.close(),()=>{R.current===e&&(R.current=null)}},[]),mt=l.useMemo(()=>({close:H,containsFocus:z,listContainsFocus:B}),[H,z,B]),X=v?.registerOpenSubmenu;l.useLayoutEffect(()=>{if(C&&X)return X(mt)},[C,X,mt]);let ht=v?.popup?v.closeChain:null,gt=a.useEventCallback(()=>{if(ht){ht();return}if(!w)return;let e=O.current?.getReturnFocus()??null;if(e){let t=e.ownerDocument,n=t.activeElement;(!n||n===t.body||n===t.documentElement||z())&&e.focus({preventScroll:!0})}H()}),Z=l.useMemo(()=>({popup:w,open:C,setOpen:x,openWithFocus:q,takeInitialFocus:it,registerSurface:Be,triggerId:T,labelledBy:Me,onTriggerId:Ne,menuId:je,triggerRef:E,triggerElement:D,setTriggerElement:Fe,parent:v,checked:A,persistOnItemClick:Ke,isSubmenu:y,requestClose:H,closeChain:gt,registerOpenSubmenu:pt,listContainsFocus:B,openDelay:j,closeDelay:M,dismiss:ft,isHoverFocusing:J,isHoverOpen:Qe,isHoverClose:Ye,hoverTriggerHandlers:rt,hoverSurfaceHandlers:$e,openOnContext:N,contextTriggerHandlers:ct,contextSurfaceHandlers:lt,contextAnchor:at,fromContext:ot,contextOpener:st}),[w,C,x,q,it,Be,T,Me,je,D,Fe,v,A,Ke,y,H,gt,pt,B,j,M,ft,J,Qe,Ye,rt,$e,N,ct,lt,at,ot,st]),{containerProps:{ref:_t},handleKeyDown:vt,handleKeyDownCapture:yt,handleFocus:bt,focusFirst:xt,getTabIndex:St}=re.useRovingTabIndex({orientation:`vertical`,loop:!0,typeahead:!0,tabStop:`last-focused`,manageTabIndex:!0,itemSelector:s.MENU_ITEM_SELECTOR}),Ct=ie.useMergedRefs(Oe,_t,L),[Q,wt]=l.useState(!1);l.useLayoutEffect(()=>{let e=L.current;if(w||!e)return;let t=ne.getFirstTabbable(e)===null;t!==Q&&(wt(t),!t&&e.ownerDocument.activeElement===e&&xt())},[w,Q,xt,St]);let Tt=o.useCheckableRegistry(),{hoverGroup:Et,isHoverFocusing:$,onPointerMove:Dt}=de.useMenuListPointer(Z),Ot=l.useMemo(()=>({menu:Z,isStatic:!0,portalDepth:g,closeFromItem:pe,registerCheckable:Tt,hoverGroup:Et,isHoverFocusing:$}),[Z,g,Tt,Et,$]);return w?(0,u.jsx)(o.MenuContext.Provider,{value:Z,children:e}):(0,u.jsx)(o.MenuContext.Provider,{value:Z,children:(0,u.jsx)(o.MenuListContext.Provider,{value:Ot,children:(0,u.jsx)(`div`,{role:`menu`,...m,ref:Ct,tabIndex:m.tabIndex??(Q?0:void 0),"data-roving-container":``,onKeyDown:i.composeEventHandlers(we,vt),onKeyDownCapture:s.withTypeaheadText(i.composeEventHandlers(Te,yt)),onFocus:i.composeEventHandlers(Ee,bt,{checkDefaultPrevented:!1}),onPointerMove:i.composeEventHandlers(De,Dt),className:t.cn(s.menuSurfaceClasses,ce.focusRing,Ce),children:e})})})};d.displayName=`Menu`,exports.MenuRoot=d,exports.hasPopupParts=he;
+//# sourceMappingURL=Menu.root.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.root.cjs","names":["flattenChildren","isElementOfType","MenuTrigger","MenuPopover","useMenuListContext","React","PortalDepthContext","useControllable","useIsClient","useId","useCheckedValues","useEventCallback","withCheckedValuesListener","getLayerTreeElements","useHoverIntent","useContextMenuAnchor","useRovingTabIndex","MENU_ITEM_SELECTOR","useMergedRefs","getFirstTabbable","useCheckableRegistry","useMenuListPointer","MenuContext","MenuListContext","composeEventHandlers","withTypeaheadText","cn","menuSurfaceClasses","focusRing","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_useEventCallback","require_useControllable","require_useId","require_focus","require_useRovingTabIndex","require_useMergedRefs","require_useIsClient","require_layers","require_Portal","require_styles","require_useCheckedValues","require_Menu_context","require_Menu_shared","require_useHoverIntent","require_Menu_popover","require_useContextMenuAnchor","require_Menu_trigger","react","react_jsx_runtime","noop","HOVER_DELAY_MS","hasPopupParts","children","node","listProps","quoted","names","name","MenuRoot","openProp","persistOnItemClickProp","openOnHoverProp","openDelayProp","closeDelayProp","openOnContextProp","rest","list","portalDepth","parentList","parent","isSubmenu","openState","setOpen","openControlled","defaultOpen","onOpenChange","isClient","parentOpen","open","popup","triggerId","menuId","labelledBy","setLabelledBy","triggerRef","triggerElement","setTriggerElementState","setTriggerElement","element","surfaceApiRef","surfaceElement","setSurfaceElement","surfaceLayerId","setSurfaceLayerId","registerSurface","api","ownChecked","checkedValues","defaultCheckedValues","onCheckedValuesChange","parentChecked","ownsCheckedState","listens","listener","sharedChecked","checked","persistOnItemClick","openDelay","closeDelay","contextMode","hoverMode","ignoredProps","className","onKeyDown","onKeyDownCapture","onFocus","onPointerMove","value","ref","ignoredMessage","staticPopupProps","hoverAndContext","verb","pronoun","staticMenuRef","openSubmenuRef","containsFocus","surfaceApi","active","el","listContainsFocus","hoverCloseRef","isHoverClose","closeMenu","byHover","requestClose","requestHoverClose","openReasonRef","hoverOpenPendingRef","initialFocusRef","isHoverOpen","hoverIntentTriggerHandlers","hoverSurfaceHandlers","cancelHover","startHoverClose","forgetHoverOpening","hoverTriggerHandlers","event","openWithFocus","target","takeInitialFocus","contextAnchor","contextOpener","contextTriggerHandlers","contextSurfaceHandlers","parentListHoverFocusing","parentHoverFocusing","isHoverFocusing","contextPressRef","doc","onPointerDown","onPointerEnd","dismiss","reason","registerOpenSubmenu","previous","submenu","submenuHandle","registerWithParent","parentCloseChain","closeChain","contextValue","fromContext","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","mergedRef","menuIsTabStop","setMenuIsTabStop","menu","noItemTabStop","focusFirst","getTabIndex","registerCheckable","isListHoverFocusing","listPointerMove","listContext","hoverGroup"],"sources":["../../../src/components/navigation/Menu.root.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 { getFirstTabbable } from '../../lib/focus';\nimport { getLayerTreeElements, type DismissReason } from '../../lib/layers';\nimport { focusRing } from '../../lib/styles';\nimport type { CheckedValues, CheckedValuesChangeHandler } from '../../lib/types';\nimport { useCheckedValues, withCheckedValuesListener } from '../../hooks/useCheckedValues';\nimport { useContextMenuAnchor } from '../../hooks/useContextMenuAnchor';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useHoverIntent, type HoverIntent } from '../../hooks/useHoverIntent';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { PortalDepthContext } from '../portal/Portal';\nimport {\n  MenuContext,\n  MenuListContext,\n  useCheckableRegistry,\n  useMenuListContext,\n} from './Menu.context';\nimport type {\n  InitialFocus,\n  MenuContextValue,\n  MenuListContextValue,\n  MenuSurfaceApi,\n  OpenSubmenu,\n} from './Menu.context';\nimport { MENU_ITEM_SELECTOR, menuSurfaceClasses, withTypeaheadText } from './Menu.shared';\nimport { MenuPopover, useMenuListPointer } from './Menu.popover';\nimport { MenuTrigger } from './Menu.trigger';\n\n/** Properties for the Menu component. */\nexport interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Menu items and dividers (static menu), or a `Menu.Trigger` and a `Menu.Popover` (popup menu).\n   */\n  children: React.ReactNode;\n  /**\n   * Controlled open state of a popup menu (`Menu.Trigger` + `Menu.Popover`). Passing it, even\n   * `false` (like passing `defaultOpen` or `onOpenChange`), makes Menu a popup menu that renders no\n   * element of its own: use it only with `Menu.Trigger`/`Menu.Popover`. Items outside\n   * `Menu.Popover` then have no `role=\"menu\"` parent (development warning). Leave all three out\n   * for a static menu. The popup renders only in the browser: an open menu is closed in the\n   * server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Initial open state of an uncontrolled popup menu; a popup menu starts closed without it.\n   * Passing it, even `false`, makes Menu a popup menu (see `open`), so for a Menu without\n   * `Menu.Trigger`/`Menu.Popover` children, leaving it out is not the same as `false`. The popup\n   * renders only in the browser: a menu open by default is closed in the server HTML and opens\n   * once it has hydrated.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the next open state when the popup menu opens or closes (only on change). Passing\n   * it makes Menu a popup menu (see `open`).\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Checked items of the menu's checkbox, radio and switch items, per group `name` (controlled).\n   * A submenu without its own `checkedValues` or `defaultCheckedValues` shares its parent menu's\n   * state. Works for static and popup menus; unlike `open`, it does not make Menu a popup menu.\n   */\n  checkedValues?: CheckedValues;\n  /** Initial checked items for uncontrolled usage (gives a submenu its own state). @default {} */\n  defaultCheckedValues?: CheckedValues;\n  /**\n   * Called when an item changes the checked items (only on change): the new checked values of every\n   * group first, then `details` with the group's `name`, its `checkedItems` and the `event` (Fluent's\n   * `onCheckedValueChange(event, { name, checkedItems })`). WaveUI always passes `details`; it is\n   * typed optional until 1.0. On a submenu that shares its parent's state it only listens: it is\n   * called after the parent's callback, for changes made in this submenu.\n   */\n  onCheckedValuesChange?: CheckedValuesChangeHandler;\n  /**\n   * Keep a popup menu open after any of its items is activated; an item's own `persistOnClick`\n   * wins. A submenu inherits it unless it sets it.\n   * @default false\n   */\n  persistOnItemClick?: boolean;\n  /**\n   * Open the popup menu when a mouse pointer rests on its trigger, and close it once the pointer\n   * has been off the trigger and the menu for `closeDelay` while focus is not inside the menu. A\n   * menu opened by hover does not take focus; a click (or Enter, Space, ArrowDown) on its trigger\n   * keeps it open and moves focus into it, as opening it that way does. After Escape or an\n   * outside press it does not reopen until the pointer has left the trigger. Touch and pen never\n   * open it by hover, and an `aria-disabled` trigger never opens. A triangle between the trigger\n   * and the menu keeps it open while the pointer moves diagonally into it. Ignored with\n   * `openOnContext` (development warning) and on a static menu (development warning).\n   * @default false (true for a submenu)\n   */\n  openOnHover?: boolean;\n  /**\n   * Milliseconds a hovering mouse pointer rests on the trigger before the menu opens (mouse hover\n   * only). A submenu inherits its parent's, also from a static menu. @default 250\n   */\n  openDelay?: number;\n  /**\n   * Milliseconds before a hover-opened menu closes once the mouse pointer has left it and its\n   * trigger (mouse hover only). A submenu inherits its parent's, also from a static menu.\n   * @default 250\n   */\n  closeDelay?: number;\n  /**\n   * Make `Menu.Trigger` a context-menu region: a right click (a Ctrl+click on macOS, a long press\n   * where the browser reports one) opens the menu at the pointer, and Shift+F10 or the\n   * ContextMenu key opens it at the focused element inside the region, instead of a click; a\n   * second gesture while it is open moves it there. Focus returns to the element that had it.\n   * The browser's context menu is suppressed there and inside the menu, except in text fields\n   * inside the region, which keep it. A press elsewhere, a right click outside or a scroll that\n   * moves the region or the row of the gesture (the one under the pointer, or the focused one)\n   * closes it. The trigger gets no `aria-haspopup`/`aria-expanded` (it is not a menu button; with\n   * a render-prop child, do not spread them): name the menu with `aria-label` on `Menu.Popover`,\n   * and consider `aria-keyshortcuts=\"Shift+F10\"` on the region. iOS Safari reports no long press.\n   * Ignored on a submenu; `openOnHover` is ignored with it.\n   * @default false\n   */\n  openOnContext?: boolean;\n  /**\n   * Ref to the static menu element (`role=\"menu\"`). A popup menu renders no root element, so it\n   * ignores `ref`, `className` and other DOM props (development warning): pass them to\n   * `Menu.Popover`.\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst noop = () => {};\n\n/** Default of `openDelay` and `closeDelay` (InfoLabel's hover delays). */\nconst HOVER_DELAY_MS = 250;\n\n/**\n * Whether the children contain a `Menu.Trigger` or `Menu.Popover`: direct children and the\n * children of Fragments only (other elements and components are not searched). Parts written in\n * a Server Component (lazy client references) are recognised too.\n */\nexport function hasPopupParts(children: React.ReactNode): boolean {\n  return flattenChildren(children).some(({ node }) =>\n    isElementOfType(node, MenuTrigger, MenuPopover),\n  );\n}\n\n/** Joins prop names for a message: `a`, `` `a` and `b` ``. */\nfunction listProps(names: string[]): string {\n  const quoted = names.map((name) => `\\`${name}\\``);\n  return quoted.length > 1\n    ? `${quoted.slice(0, -1).join(', ')} and ${quoted[quoted.length - 1]}`\n    : quoted.join('');\n}\n\n// The root of the `Menu` compound. Its component JSDoc is on the `Menu` export (Menu.tsx) only\n// (C-DOCS): a docblock here would replace it as the Storybook description.\nexport const MenuRoot = ({\n  children,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  checkedValues,\n  defaultCheckedValues,\n  onCheckedValuesChange,\n  persistOnItemClick: persistOnItemClickProp,\n  openOnHover: openOnHoverProp,\n  openDelay: openDelayProp,\n  closeDelay: closeDelayProp,\n  openOnContext: openOnContextProp,\n  className,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onPointerMove,\n  ref,\n  ...rest\n}: MenuProps) => {\n  // A Menu rendered in a menu list with no portal between them is a submenu of that list's menu.\n  // A Menu inside a Popover or Dialog opened from an item sits one portal deeper: a root menu.\n  const list = useMenuListContext();\n  const portalDepth = React.useContext(PortalDepthContext);\n  const parentList = list !== null && list.portalDepth === portalDepth ? list : null;\n  const parent = parentList?.menu ?? null;\n  const isSubmenu = parent !== null;\n\n  const [openState, setOpen, openControlled] = useControllable(\n    openProp,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  // The popup menu lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the menu reports itself closed, so the trigger's aria-expanded and\n  // aria-controls never describe a menu that is not there. A submenu of a popup menu is open only\n  // while that menu is: a parent that closes (through its controlled prop, or while it runs an\n  // exit motion) takes the submenu's surface, layer and focus restore along in the same commit.\n  const isClient = useIsClient();\n  const parentOpen = parent === null || !parent.popup || parent.open;\n  const open = openState && isClient && parentOpen;\n  // A parent that closed without closing this submenu (its controlled `open` prop): an\n  // uncontrolled submenu closes too, so it does not reopen with the parent. A controlled\n  // submenu's state is the app's.\n  React.useLayoutEffect(() => {\n    if (parentOpen || !openState || openControlled) return;\n    setOpen(false);\n  }, [parentOpen, openState, openControlled, setOpen]);\n\n  const popup =\n    openProp !== undefined ||\n    defaultOpen !== undefined ||\n    onOpenChange !== undefined ||\n    hasPopupParts(children);\n\n  const triggerId = useId('wave-menu-trigger');\n  const menuId = useId('wave-menu');\n  const [labelledBy, setLabelledBy] = React.useState(triggerId);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const [triggerElement, setTriggerElementState] = React.useState<HTMLElement | null>(null);\n  const setTriggerElement = React.useCallback((element: HTMLElement | null) => {\n    triggerRef.current = element;\n    setTriggerElementState(element);\n  }, []);\n\n  // The open surface: its API in a ref (read in events), its element and layer in state (the\n  // hover and context-menu hooks observe them).\n  const surfaceApiRef = React.useRef<MenuSurfaceApi | null>(null);\n  const [surfaceElement, setSurfaceElement] = React.useState<HTMLElement | null>(null);\n  const [surfaceLayerId, setSurfaceLayerId] = React.useState('');\n  const registerSurface = React.useCallback((api: MenuSurfaceApi | null) => {\n    surfaceApiRef.current = api;\n    setSurfaceElement(api?.surface ?? null);\n    // Kept after the surface closes: a context gesture records its opener against the last layer.\n    if (api) setSurfaceLayerId(api.layerId);\n  }, []);\n\n  // Checked values: one state per menu tree. A Menu owns its state when it sets `checkedValues` or\n  // `defaultCheckedValues`, or has no parent; otherwise it uses its parent's, and its own\n  // `onCheckedValuesChange` only listens to the changes its items make (called after the owner's).\n  const ownChecked = useCheckedValues(checkedValues, defaultCheckedValues, onCheckedValuesChange);\n  const parentChecked = parent?.checked ?? null;\n  const ownsCheckedState =\n    parentChecked === null || checkedValues !== undefined || defaultCheckedValues !== undefined;\n  const listens = onCheckedValuesChange !== undefined;\n  const listener = useEventCallback(onCheckedValuesChange);\n  const sharedChecked = React.useMemo(\n    () =>\n      parentChecked && listens ? withCheckedValuesListener(parentChecked, listener) : parentChecked,\n    [parentChecked, listens, listener],\n  );\n  const checked = ownsCheckedState || sharedChecked === null ? ownChecked : sharedChecked;\n  const persistOnItemClick = persistOnItemClickProp ?? parent?.persistOnItemClick ?? false;\n  const openDelay = openDelayProp ?? parent?.openDelay ?? HOVER_DELAY_MS;\n  const closeDelay = closeDelayProp ?? parent?.closeDelay ?? HOVER_DELAY_MS;\n\n  // Context mode applies to a root popup menu; hover to a popup menu outside context mode.\n  const contextMode = popup && !isSubmenu && openOnContextProp === true;\n  const hoverMode = popup && !contextMode && (openOnHoverProp ?? isSubmenu);\n\n  // C-DEV: a popup menu renders no root element, so root DOM props and the ref go nowhere.\n  const ignoredProps: string[] = [];\n  if (popup) {\n    if (className !== undefined) ignoredProps.push('className');\n    if (onKeyDown !== undefined) ignoredProps.push('onKeyDown');\n    if (onKeyDownCapture !== undefined) ignoredProps.push('onKeyDownCapture');\n    if (onFocus !== undefined) ignoredProps.push('onFocus');\n    if (onPointerMove !== undefined) ignoredProps.push('onPointerMove');\n    for (const [name, value] of Object.entries(rest)) {\n      if (value !== undefined) ignoredProps.push(name);\n    }\n    if (ref != null) ignoredProps.push('ref');\n  }\n  const ignoredMessage =\n    ignoredProps.length === 0\n      ? ''\n      : `Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${ignoredProps\n          .map((name) => `\\`${name}\\``)\n          .join(', ')} on Menu ${ignoredProps.length === 1 ? 'is' : 'are'} ignored. Pass ${\n          ignoredProps.length === 1 ? 'it' : 'them'\n        } to Menu.Popover (the menu surface) or to the trigger's child instead.`;\n  React.useEffect(() => {\n    if (ignoredMessage) warnOnce('Menu:popup-ignored-props', ignoredMessage);\n  }, [ignoredMessage]);\n\n  // C-DEV: the popup openings do nothing on a static menu; hover gives way to context gestures.\n  const staticPopupProps = popup\n    ? ''\n    : listProps(\n        [openOnHoverProp ? 'openOnHover' : null, openOnContextProp ? 'openOnContext' : null].filter(\n          (name): name is string => name !== null,\n        ),\n      );\n  const hoverAndContext = contextMode && openOnHoverProp === true;\n  React.useEffect(() => {\n    if (!staticPopupProps) return;\n    const [verb, pronoun] = staticPopupProps.includes(' and ') ? ['are', 'they'] : ['is', 'it'];\n    warnOnce(\n      'Menu:static-popup-props',\n      `Menu: ${staticPopupProps} ${verb} ignored on a static menu: ${pronoun} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`,\n    );\n  }, [staticPopupProps]);\n  React.useEffect(() => {\n    if (!hoverAndContext) return;\n    warnOnce(\n      'Menu:hover-and-context',\n      'Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).',\n    );\n  }, [hoverAndContext]);\n\n  const staticMenuRef = React.useRef<HTMLDivElement | null>(null);\n\n  // The open submenu of this menu's list (one at a time) and what focus inside means for the chain.\n  const openSubmenuRef = React.useRef<OpenSubmenu | null>(null);\n  const containsFocus = useEventCallback((): boolean => {\n    const surfaceApi = surfaceApiRef.current;\n    const element = surfaceApi?.surface ?? staticMenuRef.current;\n    const active = element?.ownerDocument.activeElement;\n    if (!element || !active) return false;\n    if (element.contains(active)) return true;\n    // A popup menu's layer tree holds its submenus and the portals opened from its items; its own\n    // elements (the trigger) do not count.\n    if (surfaceApi) {\n      return getLayerTreeElements(surfaceApi.layerId, { includeOwnElements: false }).some((el) =>\n        el.contains(active),\n      );\n    }\n    return openSubmenuRef.current?.containsFocus() ?? false;\n  });\n  // Focus in a list of the chain: this menu's list, else (recursively) its open submenu's. A\n  // portal opened from an item does not count, so hover never takes focus from it.\n  const listContainsFocus = useEventCallback((): boolean => {\n    const element = surfaceApiRef.current?.surface ?? staticMenuRef.current;\n    const active = element?.ownerDocument.activeElement;\n    if (element && active && element.contains(active)) return true;\n    return openSubmenuRef.current?.listContainsFocus() ?? false;\n  });\n\n  // Every close of this menu closes its open submenu first, innermost first, through the\n  // submenu's own state: each controlled submenu hears onOpenChange(false) once. A close asked for\n  // by the hover intent is marked (before the request, in case the app applies it synchronously),\n  // so the surface's focus restore moves no focus; every other close request, and the next\n  // opening, clears the mark. A submenu closed along with it is taken along by the restore itself.\n  const hoverCloseRef = React.useRef(false);\n  const isHoverClose = React.useCallback(() => hoverCloseRef.current, []);\n  const closeMenu = (byHover: boolean) => {\n    hoverCloseRef.current = byHover;\n    openSubmenuRef.current?.close();\n    setOpen(false);\n  };\n  const requestClose = useEventCallback(() => closeMenu(false));\n  const requestHoverClose = useEventCallback(() => closeMenu(true));\n\n  // Why the open menu is open: a hover opening stays unpinned (the hover close applies) until the\n  // trigger is activated; every other opening (click, keys, context, a controlled `open`) pins it.\n  const openReasonRef = React.useRef<'hover' | 'other'>('other');\n  const hoverOpenPendingRef = React.useRef(false);\n  const initialFocusRef = React.useRef<InitialFocus>('first');\n  React.useLayoutEffect(() => {\n    if (open) {\n      openReasonRef.current = hoverOpenPendingRef.current ? 'hover' : 'other';\n      hoverCloseRef.current = false;\n    }\n    hoverOpenPendingRef.current = false;\n  }, [open]);\n  const isHoverOpen = React.useCallback(() => openReasonRef.current === 'hover', []);\n\n  const {\n    triggerHandlers: hoverIntentTriggerHandlers,\n    surfaceHandlers: hoverSurfaceHandlers,\n    cancel: cancelHover,\n    startClose: startHoverClose,\n  } = useHoverIntent({\n    enabled: hoverMode,\n    open,\n    openDelay,\n    closeDelay,\n    trigger: triggerElement,\n    surface: surfaceElement,\n    group: parentList?.hoverGroup,\n    onOpen: () => {\n      hoverOpenPendingRef.current = true;\n      initialFocusRef.current = 'none';\n      setOpen(true);\n    },\n    onClose: requestHoverClose,\n    // Pinned, or focus inside the menu (not on its trigger): the hover close waits.\n    canClose: () => openReasonRef.current === 'hover' && !containsFocus(),\n  });\n\n  // A hover opening stays pending until the menu opens, in a later render too (an app that\n  // applies it in a transition). One the app has not applied when the pointer leaves the trigger\n  // (a controlled menu whose app kept `open` false) is forgotten then, so a later opening by the\n  // app is an ordinary one: it focuses the first item and is pinned.\n  const forgetHoverOpening = useEventCallback(() => {\n    if (open) return;\n    hoverOpenPendingRef.current = false;\n    if (initialFocusRef.current === 'none') initialFocusRef.current = 'first';\n  });\n  const hoverTriggerHandlers = React.useMemo<HoverIntent['triggerHandlers']>(\n    () => ({\n      ...hoverIntentTriggerHandlers,\n      onPointerLeave: (event) => {\n        hoverIntentTriggerHandlers.onPointerLeave(event);\n        forgetHoverOpening();\n      },\n    }),\n    [hoverIntentTriggerHandlers, forgetHoverOpening],\n  );\n\n  const openWithFocus = React.useCallback(\n    (target: InitialFocus) => {\n      // Any opening but hover pins the menu; an open, hover-opened menu is pinned and focused.\n      openReasonRef.current = 'other';\n      hoverOpenPendingRef.current = false;\n      cancelHover();\n      const surfaceApi = surfaceApiRef.current;\n      if (surfaceApi) {\n        if (target === 'last') surfaceApi.focusLast();\n        else if (target === 'first') surfaceApi.focusFirst();\n        return;\n      }\n      initialFocusRef.current = target;\n      setOpen(true);\n    },\n    [setOpen, cancelHover],\n  );\n  const takeInitialFocus = React.useCallback((): InitialFocus => {\n    const target = initialFocusRef.current;\n    initialFocusRef.current = 'first';\n    return target;\n  }, []);\n\n  // Context gestures on the trigger region: a context gesture opens the menu (focus on its first\n  // item) at the pointer or the focused row; a right click outside or an anchor-moving scroll\n  // closes it.\n  const {\n    anchor: contextAnchor,\n    fromContext,\n    opener: contextOpener,\n    triggerHandlers: contextTriggerHandlers,\n    surfaceHandlers: contextSurfaceHandlers,\n  } = useContextMenuAnchor({\n    enabled: contextMode,\n    open,\n    trigger: triggerElement,\n    layerId: surfaceLayerId,\n    onOpen: () => openWithFocus('first'),\n    onClose: requestClose,\n  });\n\n  // Focus follows the mouse: a submenu that loses focus to an item the pointer is focusing in an\n  // enclosing list becomes a hover-opened submenu and closes through the hover close. A submenu\n  // with `openOnHover={false}` has no hover close, so it closes at once, as for a keyboard move.\n  const parentListHoverFocusing = parentList?.isHoverFocusing;\n  const parentHoverFocusing = parent?.isHoverFocusing;\n  const isHoverFocusing = useEventCallback(\n    (): boolean => (parentListHoverFocusing?.() ?? false) || (parentHoverFocusing?.() ?? false),\n  );\n  // A press in progress that can be a context gesture: the right button, a Ctrl+press (the macOS\n  // context click) or a touch or pen press (a long press). Recorded at its pointerdown and\n  // forgotten at its pointerup, while a context menu is open.\n  const contextPressRef = React.useRef(false);\n  React.useEffect(() => {\n    if (!contextMode || !open || !triggerElement) return undefined;\n    const doc = triggerElement.ownerDocument;\n    const onPointerDown = (event: PointerEvent) => {\n      contextPressRef.current =\n        event.button === 2 ||\n        (event.button === 0 &&\n          (event.ctrlKey || event.pointerType === 'touch' || event.pointerType === 'pen'));\n    };\n    const onPointerEnd = () => {\n      contextPressRef.current = false;\n    };\n    doc.addEventListener('pointerdown', onPointerDown, true);\n    doc.addEventListener('pointerup', onPointerEnd, true);\n    doc.addEventListener('pointercancel', onPointerEnd, true);\n    return () => {\n      doc.removeEventListener('pointerdown', onPointerDown, true);\n      doc.removeEventListener('pointerup', onPointerEnd, true);\n      doc.removeEventListener('pointercancel', onPointerEnd, true);\n      contextPressRef.current = false;\n    };\n  }, [contextMode, open, triggerElement]);\n\n  const dismiss = useEventCallback((reason: DismissReason, event: Event) => {\n    // Focus that such a press moves into a context menu's region does not close the menu: a\n    // right-button (or macOS Ctrl+) press focuses the row under the pointer before the contextmenu\n    // event that moves the menu there (Chromium, Firefox). Any other focus move into the region (a\n    // primary press, the app) closes it, as does an outside press and Tab (the surface's handler).\n    if (\n      reason === 'focus-outside' &&\n      contextMode &&\n      contextPressRef.current &&\n      event.target instanceof Node &&\n      triggerRef.current?.contains(event.target)\n    ) {\n      return;\n    }\n    if (reason === 'focus-outside' && isSubmenu && hoverMode && isHoverFocusing()) {\n      openReasonRef.current = 'hover';\n      startHoverClose(event);\n      return;\n    }\n    requestClose();\n  });\n\n  const registerOpenSubmenu = React.useCallback((submenu: OpenSubmenu) => {\n    const previous = openSubmenuRef.current;\n    openSubmenuRef.current = submenu;\n    // One open submenu per list: the one open before closes.\n    if (previous && previous !== submenu) previous.close();\n    return () => {\n      if (openSubmenuRef.current === submenu) openSubmenuRef.current = null;\n    };\n  }, []);\n\n  // A submenu registers with its parent while it is open.\n  const submenuHandle = React.useMemo<OpenSubmenu>(\n    () => ({ close: requestClose, containsFocus, listContainsFocus }),\n    [requestClose, containsFocus, listContainsFocus],\n  );\n  const registerWithParent = parent?.registerOpenSubmenu;\n  React.useLayoutEffect(() => {\n    if (!open || !registerWithParent) return undefined;\n    return registerWithParent(submenuHandle);\n  }, [open, registerWithParent, submenuHandle]);\n\n  // Item activation and Tab close the whole chain: a submenu of a popup menu hands the close up,\n  // and the top menu (the root, or a submenu of a static menu) puts focus on its return target\n  // first (focus before close: a Dialog an item opens returns focus there), then closes.\n  const parentCloseChain = parent?.popup ? parent.closeChain : null;\n  const closeChain = useEventCallback(() => {\n    if (parentCloseChain) {\n      parentCloseChain();\n      return;\n    }\n    if (!popup) return;\n    const target = surfaceApiRef.current?.getReturnFocus() ?? null;\n    if (target) {\n      const doc = target.ownerDocument;\n      const active = doc.activeElement;\n      const lost = !active || active === doc.body || active === doc.documentElement;\n      if (lost || containsFocus()) target.focus({ preventScroll: true });\n    }\n    requestClose();\n  });\n\n  const contextValue = React.useMemo<MenuContextValue>(\n    () => ({\n      popup,\n      open,\n      setOpen,\n      openWithFocus,\n      takeInitialFocus,\n      registerSurface,\n      triggerId,\n      labelledBy,\n      onTriggerId: setLabelledBy,\n      menuId,\n      triggerRef,\n      triggerElement,\n      setTriggerElement,\n      parent,\n      checked,\n      persistOnItemClick,\n      isSubmenu,\n      requestClose,\n      closeChain,\n      registerOpenSubmenu,\n      listContainsFocus,\n      openDelay,\n      closeDelay,\n      dismiss,\n      isHoverFocusing,\n      isHoverOpen,\n      isHoverClose,\n      hoverTriggerHandlers,\n      hoverSurfaceHandlers,\n      openOnContext: contextMode,\n      contextTriggerHandlers,\n      contextSurfaceHandlers,\n      contextAnchor,\n      fromContext,\n      contextOpener,\n    }),\n    [\n      popup,\n      open,\n      setOpen,\n      openWithFocus,\n      takeInitialFocus,\n      registerSurface,\n      triggerId,\n      labelledBy,\n      menuId,\n      triggerElement,\n      setTriggerElement,\n      parent,\n      checked,\n      persistOnItemClick,\n      isSubmenu,\n      requestClose,\n      closeChain,\n      registerOpenSubmenu,\n      listContainsFocus,\n      openDelay,\n      closeDelay,\n      dismiss,\n      isHoverFocusing,\n      isHoverOpen,\n      isHoverClose,\n      hoverTriggerHandlers,\n      hoverSurfaceHandlers,\n      contextMode,\n      contextTriggerHandlers,\n      contextSurfaceHandlers,\n      contextAnchor,\n      fromContext,\n      contextOpener,\n    ],\n  );\n\n  // Static menu: roving tab stop over the items (the last focused one keeps it).\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    getTabIndex,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    tabStop: 'last-focused',\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, rovingRef, staticMenuRef);\n\n  // Disabled items never hold the tab stop, so with no enabled item the static menu itself does:\n  // Tab still reaches it and a screen reader announces it. Checked whenever the roving hook's tab\n  // stop changes (`getTabIndex` changes with it: an item enabled, disabled, added or removed), and\n  // after it is stamped (this effect runs after the hook's).\n  const [menuIsTabStop, setMenuIsTabStop] = React.useState(false);\n  React.useLayoutEffect(() => {\n    const menu = staticMenuRef.current;\n    if (popup || !menu) return;\n    const noItemTabStop = getFirstTabbable(menu) === null;\n    if (noItemTabStop === menuIsTabStop) return;\n    setMenuIsTabStop(noItemTabStop);\n    // An item became enabled while the menu itself had focus: focus moves on to it, rather than\n    // staying on an element that is no longer focusable.\n    if (!noItemTabStop && menu.ownerDocument.activeElement === menu) focusFirst();\n  }, [popup, menuIsTabStop, focusFirst, getTabIndex]);\n\n  // The static menu is a menu list: its items close nothing when activated, and the item under\n  // the mouse takes focus while focus is inside the menu tree.\n  const registerCheckable = useCheckableRegistry();\n  const {\n    hoverGroup,\n    isHoverFocusing: isListHoverFocusing,\n    onPointerMove: listPointerMove,\n  } = useMenuListPointer(contextValue);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu: contextValue,\n      isStatic: true,\n      portalDepth,\n      closeFromItem: noop,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing: isListHoverFocusing,\n    }),\n    [contextValue, portalDepth, registerCheckable, hoverGroup, isListHoverFocusing],\n  );\n\n  if (popup) {\n    return <MenuContext.Provider value={contextValue}>{children}</MenuContext.Provider>;\n  }\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          ref={mergedRef}\n          tabIndex={rest.tabIndex ?? (menuIsTabStop ? 0 : undefined)}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, rovingKeyDown)}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          className={cn(menuSurfaceClasses, focusRing, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </MenuContext.Provider>\n  );\n};\nMenuRoot.displayName = 'Menu';\n"],"mappings":"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"}

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

@@ -0,0 +1,308 @@
+"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 { useEventCallback as a } from "../../hooks/useEventCallback.mjs";
+import { useControllable as ee } from "../../hooks/useControllable.mjs";
+import { useId as te } from "../../hooks/useId.mjs";
+import { getFirstTabbable as ne } from "../../lib/focus.mjs";
+import { useRovingTabIndex as re } from "../../hooks/useRovingTabIndex.mjs";
+import { useMergedRefs as ie } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as ae } from "../../hooks/useIsClient.mjs";
+import { getLayerTreeElements as oe } from "../../lib/layers.mjs";
+import { PortalDepthContext as se } from "../portal/Portal.mjs";
+import { focusRing as ce } from "../../lib/styles.mjs";
+import { useCheckedValues as le, withCheckedValuesListener as ue } from "../../hooks/useCheckedValues.mjs";
+import { MenuContext as o, MenuListContext as de, useCheckableRegistry as fe, useMenuListContext as pe } from "./Menu.context.mjs";
+import { MENU_ITEM_SELECTOR as me, menuSurfaceClasses as he, withTypeaheadText as ge } from "./Menu.shared.mjs";
+import { useHoverIntent as _e } from "../../hooks/useHoverIntent.mjs";
+import { MenuPopover as s, useMenuListPointer as ve } from "./Menu.popover.mjs";
+import { useContextMenuAnchor as ye } from "../../hooks/useContextMenuAnchor.mjs";
+import { MenuTrigger as c } from "./Menu.trigger.mjs";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/navigation/Menu.root.tsx
+var be = () => {}, xe = 250;
+function Se(e) {
+	return t(e).some(({ node: e }) => n(e, c, s));
+}
+function Ce(e) {
+	let t = e.map((e) => `\`${e}\``);
+	return t.length > 1 ? `${t.slice(0, -1).join(", ")} and ${t[t.length - 1]}` : t.join("");
+}
+var d = ({ children: t, open: n, defaultOpen: s, onOpenChange: c, checkedValues: d, defaultCheckedValues: we, onCheckedValuesChange: f, persistOnItemClick: Te, openOnHover: p, openDelay: Ee, closeDelay: De, openOnContext: Oe, className: ke, onKeyDown: Ae, onKeyDownCapture: je, onFocus: Me, onPointerMove: Ne, ref: Pe, ...m }) => {
+	let h = pe(), g = l.useContext(se), _ = h !== null && h.portalDepth === g ? h : null, v = _?.menu ?? null, y = v !== null, [b, x, Fe] = ee(n, s ?? !1, c), Ie = ae(), S = v === null || !v.popup || v.open, C = b && Ie && S;
+	l.useLayoutEffect(() => {
+		S || !b || Fe || x(!1);
+	}, [
+		S,
+		b,
+		Fe,
+		x
+	]);
+	let w = n !== void 0 || s !== void 0 || c !== void 0 || Se(t), T = te("wave-menu-trigger"), Le = te("wave-menu"), [Re, ze] = l.useState(T), E = l.useRef(null), [D, Be] = l.useState(null), Ve = l.useCallback((e) => {
+		E.current = e, Be(e);
+	}, []), O = l.useRef(null), [He, Ue] = l.useState(null), [We, Ge] = l.useState(""), Ke = l.useCallback((e) => {
+		O.current = e, Ue(e?.surface ?? null), e && Ge(e.layerId);
+	}, []), qe = le(d, we, f), k = v?.checked ?? null, Je = k === null || d !== void 0 || we !== void 0, Ye = f !== void 0, Xe = a(f), Ze = l.useMemo(() => k && Ye ? ue(k, Xe) : k, [
+		k,
+		Ye,
+		Xe
+	]), Qe = Je || Ze === null ? qe : Ze, $e = Te ?? v?.persistOnItemClick ?? !1, A = Ee ?? v?.openDelay ?? xe, j = De ?? v?.closeDelay ?? xe, M = w && !y && Oe === !0, N = w && !M && (p ?? y), P = [];
+	if (w) {
+		ke !== void 0 && P.push("className"), Ae !== void 0 && P.push("onKeyDown"), je !== void 0 && P.push("onKeyDownCapture"), Me !== void 0 && P.push("onFocus"), Ne !== void 0 && P.push("onPointerMove");
+		for (let [e, t] of Object.entries(m)) t !== void 0 && P.push(e);
+		Pe != null && P.push("ref");
+	}
+	let F = P.length === 0 ? "" : `Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${P.map((e) => `\`${e}\``).join(", ")} on Menu ${P.length === 1 ? "is" : "are"} ignored. Pass ${P.length === 1 ? "it" : "them"} to Menu.Popover (the menu surface) or to the trigger's child instead.`;
+	l.useEffect(() => {
+		F && r("Menu:popup-ignored-props", F);
+	}, [F]);
+	let I = w ? "" : Ce([p ? "openOnHover" : null, Oe ? "openOnContext" : null].filter((e) => e !== null)), et = M && p === !0;
+	l.useEffect(() => {
+		if (!I) return;
+		let [e, t] = I.includes(" and ") ? ["are", "they"] : ["is", "it"];
+		r("Menu:static-popup-props", `Menu: ${I} ${e} ignored on a static menu: ${t} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`);
+	}, [I]), l.useEffect(() => {
+		et && r("Menu:hover-and-context", "Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).");
+	}, [et]);
+	let L = l.useRef(null), R = l.useRef(null), z = a(() => {
+		let e = O.current, t = e?.surface ?? L.current, n = t?.ownerDocument.activeElement;
+		return !t || !n ? !1 : t.contains(n) ? !0 : e ? oe(e.layerId, { includeOwnElements: !1 }).some((e) => e.contains(n)) : R.current?.containsFocus() ?? !1;
+	}), B = a(() => {
+		let e = O.current?.surface ?? L.current, t = e?.ownerDocument.activeElement;
+		return e && t && e.contains(t) ? !0 : R.current?.listContainsFocus() ?? !1;
+	}), V = l.useRef(!1), tt = l.useCallback(() => V.current, []), H = (e) => {
+		V.current = e, R.current?.close(), x(!1);
+	}, U = a(() => H(!1)), nt = a(() => H(!0)), W = l.useRef("other"), G = l.useRef(!1), K = l.useRef("first");
+	l.useLayoutEffect(() => {
+		C && (W.current = G.current ? "hover" : "other", V.current = !1), G.current = !1;
+	}, [C]);
+	let rt = l.useCallback(() => W.current === "hover", []), { triggerHandlers: q, surfaceHandlers: it, cancel: at, startClose: ot } = _e({
+		enabled: N,
+		open: C,
+		openDelay: A,
+		closeDelay: j,
+		trigger: D,
+		surface: He,
+		group: _?.hoverGroup,
+		onOpen: () => {
+			G.current = !0, K.current = "none", x(!0);
+		},
+		onClose: nt,
+		canClose: () => W.current === "hover" && !z()
+	}), st = a(() => {
+		C || (G.current = !1, K.current === "none" && (K.current = "first"));
+	}), ct = l.useMemo(() => ({
+		...q,
+		onPointerLeave: (e) => {
+			q.onPointerLeave(e), st();
+		}
+	}), [q, st]), J = l.useCallback((e) => {
+		W.current = "other", G.current = !1, at();
+		let t = O.current;
+		if (t) {
+			e === "last" ? t.focusLast() : e === "first" && t.focusFirst();
+			return;
+		}
+		K.current = e, x(!0);
+	}, [x, at]), lt = l.useCallback(() => {
+		let e = K.current;
+		return K.current = "first", e;
+	}, []), { anchor: ut, fromContext: dt, opener: ft, triggerHandlers: pt, surfaceHandlers: mt } = ye({
+		enabled: M,
+		open: C,
+		trigger: D,
+		layerId: We,
+		onOpen: () => J("first"),
+		onClose: U
+	}), ht = _?.isHoverFocusing, gt = v?.isHoverFocusing, Y = a(() => (ht?.() ?? !1) || (gt?.() ?? !1)), X = l.useRef(!1);
+	l.useEffect(() => {
+		if (!M || !C || !D) return;
+		let e = D.ownerDocument, t = (e) => {
+			X.current = e.button === 2 || e.button === 0 && (e.ctrlKey || e.pointerType === "touch" || e.pointerType === "pen");
+		}, n = () => {
+			X.current = !1;
+		};
+		return e.addEventListener("pointerdown", t, !0), e.addEventListener("pointerup", n, !0), e.addEventListener("pointercancel", n, !0), () => {
+			e.removeEventListener("pointerdown", t, !0), e.removeEventListener("pointerup", n, !0), e.removeEventListener("pointercancel", n, !0), X.current = !1;
+		};
+	}, [
+		M,
+		C,
+		D
+	]);
+	let _t = a((e, t) => {
+		if (!(e === "focus-outside" && M && X.current && t.target instanceof Node && E.current?.contains(t.target))) {
+			if (e === "focus-outside" && y && N && Y()) {
+				W.current = "hover", ot(t);
+				return;
+			}
+			U();
+		}
+	}), vt = l.useCallback((e) => {
+		let t = R.current;
+		return R.current = e, t && t !== e && t.close(), () => {
+			R.current === e && (R.current = null);
+		};
+	}, []), yt = l.useMemo(() => ({
+		close: U,
+		containsFocus: z,
+		listContainsFocus: B
+	}), [
+		U,
+		z,
+		B
+	]), Z = v?.registerOpenSubmenu;
+	l.useLayoutEffect(() => {
+		if (C && Z) return Z(yt);
+	}, [
+		C,
+		Z,
+		yt
+	]);
+	let bt = v?.popup ? v.closeChain : null, xt = a(() => {
+		if (bt) {
+			bt();
+			return;
+		}
+		if (!w) return;
+		let e = O.current?.getReturnFocus() ?? null;
+		if (e) {
+			let t = e.ownerDocument, n = t.activeElement;
+			(!n || n === t.body || n === t.documentElement || z()) && e.focus({ preventScroll: !0 });
+		}
+		U();
+	}), Q = l.useMemo(() => ({
+		popup: w,
+		open: C,
+		setOpen: x,
+		openWithFocus: J,
+		takeInitialFocus: lt,
+		registerSurface: Ke,
+		triggerId: T,
+		labelledBy: Re,
+		onTriggerId: ze,
+		menuId: Le,
+		triggerRef: E,
+		triggerElement: D,
+		setTriggerElement: Ve,
+		parent: v,
+		checked: Qe,
+		persistOnItemClick: $e,
+		isSubmenu: y,
+		requestClose: U,
+		closeChain: xt,
+		registerOpenSubmenu: vt,
+		listContainsFocus: B,
+		openDelay: A,
+		closeDelay: j,
+		dismiss: _t,
+		isHoverFocusing: Y,
+		isHoverOpen: rt,
+		isHoverClose: tt,
+		hoverTriggerHandlers: ct,
+		hoverSurfaceHandlers: it,
+		openOnContext: M,
+		contextTriggerHandlers: pt,
+		contextSurfaceHandlers: mt,
+		contextAnchor: ut,
+		fromContext: dt,
+		contextOpener: ft
+	}), [
+		w,
+		C,
+		x,
+		J,
+		lt,
+		Ke,
+		T,
+		Re,
+		Le,
+		D,
+		Ve,
+		v,
+		Qe,
+		$e,
+		y,
+		U,
+		xt,
+		vt,
+		B,
+		A,
+		j,
+		_t,
+		Y,
+		rt,
+		tt,
+		ct,
+		it,
+		M,
+		pt,
+		mt,
+		ut,
+		dt,
+		ft
+	]), { containerProps: { ref: St }, handleKeyDown: Ct, handleKeyDownCapture: wt, handleFocus: Tt, focusFirst: Et, getTabIndex: Dt } = re({
+		orientation: "vertical",
+		loop: !0,
+		typeahead: !0,
+		tabStop: "last-focused",
+		manageTabIndex: !0,
+		itemSelector: me
+	}), Ot = ie(Pe, St, L), [$, kt] = l.useState(!1);
+	l.useLayoutEffect(() => {
+		let e = L.current;
+		if (w || !e) return;
+		let t = ne(e) === null;
+		t !== $ && (kt(t), !t && e.ownerDocument.activeElement === e && Et());
+	}, [
+		w,
+		$,
+		Et,
+		Dt
+	]);
+	let At = fe(), { hoverGroup: jt, isHoverFocusing: Mt, onPointerMove: Nt } = ve(Q), Pt = l.useMemo(() => ({
+		menu: Q,
+		isStatic: !0,
+		portalDepth: g,
+		closeFromItem: be,
+		registerCheckable: At,
+		hoverGroup: jt,
+		isHoverFocusing: Mt
+	}), [
+		Q,
+		g,
+		At,
+		jt,
+		Mt
+	]);
+	return w ? /* @__PURE__ */ u(o.Provider, {
+		value: Q,
+		children: t
+	}) : /* @__PURE__ */ u(o.Provider, {
+		value: Q,
+		children: /* @__PURE__ */ u(de.Provider, {
+			value: Pt,
+			children: /* @__PURE__ */ u("div", {
+				role: "menu",
+				...m,
+				ref: Ot,
+				tabIndex: m.tabIndex ?? ($ ? 0 : void 0),
+				"data-roving-container": "",
+				onKeyDown: i(Ae, Ct),
+				onKeyDownCapture: ge(i(je, wt)),
+				onFocus: i(Me, Tt, { checkDefaultPrevented: !1 }),
+				onPointerMove: i(Ne, Nt),
+				className: e(he, ce, ke),
+				children: t
+			})
+		})
+	});
+};
+d.displayName = "Menu";
+//#endregion
+export { d as MenuRoot, Se as hasPopupParts };
+
+//# sourceMappingURL=Menu.root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.root.mjs","names":["useId","useId$1","React","noop","HOVER_DELAY_MS","hasPopupParts","flattenChildren","children","isElementOfType","node","MenuTrigger","MenuPopover","listProps","quoted","names","name","MenuRoot","openProp","persistOnItemClickProp","openOnHoverProp","openDelayProp","closeDelayProp","openOnContextProp","rest","list","useMenuListContext","portalDepth","PortalDepthContext","parentList","parent","isSubmenu","openState","setOpen","openControlled","useControllable","defaultOpen","onOpenChange","isClient","useIsClient","parentOpen","open","popup","triggerId","menuId","labelledBy","setLabelledBy","triggerRef","triggerElement","setTriggerElementState","setTriggerElement","element","surfaceApiRef","surfaceElement","setSurfaceElement","surfaceLayerId","setSurfaceLayerId","registerSurface","api","ownChecked","useCheckedValues","checkedValues","defaultCheckedValues","onCheckedValuesChange","parentChecked","ownsCheckedState","listens","listener","useEventCallback","sharedChecked","withCheckedValuesListener","checked","persistOnItemClick","openDelay","closeDelay","contextMode","hoverMode","ignoredProps","className","onKeyDown","onKeyDownCapture","onFocus","onPointerMove","value","ref","ignoredMessage","warnOnce","staticPopupProps","hoverAndContext","verb","pronoun","staticMenuRef","openSubmenuRef","containsFocus","surfaceApi","active","getLayerTreeElements","el","listContainsFocus","hoverCloseRef","isHoverClose","closeMenu","byHover","requestClose","requestHoverClose","openReasonRef","hoverOpenPendingRef","initialFocusRef","isHoverOpen","hoverIntentTriggerHandlers","hoverSurfaceHandlers","cancelHover","startHoverClose","useHoverIntent","forgetHoverOpening","hoverTriggerHandlers","event","openWithFocus","target","takeInitialFocus","contextAnchor","contextOpener","contextTriggerHandlers","contextSurfaceHandlers","useContextMenuAnchor","parentListHoverFocusing","parentHoverFocusing","isHoverFocusing","contextPressRef","doc","onPointerDown","onPointerEnd","dismiss","reason","registerOpenSubmenu","previous","submenu","submenuHandle","registerWithParent","parentCloseChain","closeChain","contextValue","fromContext","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","useRovingTabIndex","MENU_ITEM_SELECTOR","mergedRef","useMergedRefs","menuIsTabStop","setMenuIsTabStop","menu","noItemTabStop","getFirstTabbable","focusFirst","getTabIndex","registerCheckable","useCheckableRegistry","isListHoverFocusing","listPointerMove","useMenuListPointer","listContext","hoverGroup","MenuContext","MenuListContext","composeEventHandlers","withTypeaheadText","cn","menuSurfaceClasses","focusRing"],"sources":["../../../src/components/navigation/Menu.root.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 { getFirstTabbable } from '../../lib/focus';\nimport { getLayerTreeElements, type DismissReason } from '../../lib/layers';\nimport { focusRing } from '../../lib/styles';\nimport type { CheckedValues, CheckedValuesChangeHandler } from '../../lib/types';\nimport { useCheckedValues, withCheckedValuesListener } from '../../hooks/useCheckedValues';\nimport { useContextMenuAnchor } from '../../hooks/useContextMenuAnchor';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useHoverIntent, type HoverIntent } from '../../hooks/useHoverIntent';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { PortalDepthContext } from '../portal/Portal';\nimport {\n  MenuContext,\n  MenuListContext,\n  useCheckableRegistry,\n  useMenuListContext,\n} from './Menu.context';\nimport type {\n  InitialFocus,\n  MenuContextValue,\n  MenuListContextValue,\n  MenuSurfaceApi,\n  OpenSubmenu,\n} from './Menu.context';\nimport { MENU_ITEM_SELECTOR, menuSurfaceClasses, withTypeaheadText } from './Menu.shared';\nimport { MenuPopover, useMenuListPointer } from './Menu.popover';\nimport { MenuTrigger } from './Menu.trigger';\n\n/** Properties for the Menu component. */\nexport interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Menu items and dividers (static menu), or a `Menu.Trigger` and a `Menu.Popover` (popup menu).\n   */\n  children: React.ReactNode;\n  /**\n   * Controlled open state of a popup menu (`Menu.Trigger` + `Menu.Popover`). Passing it, even\n   * `false` (like passing `defaultOpen` or `onOpenChange`), makes Menu a popup menu that renders no\n   * element of its own: use it only with `Menu.Trigger`/`Menu.Popover`. Items outside\n   * `Menu.Popover` then have no `role=\"menu\"` parent (development warning). Leave all three out\n   * for a static menu. The popup renders only in the browser: an open menu is closed in the\n   * server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Initial open state of an uncontrolled popup menu; a popup menu starts closed without it.\n   * Passing it, even `false`, makes Menu a popup menu (see `open`), so for a Menu without\n   * `Menu.Trigger`/`Menu.Popover` children, leaving it out is not the same as `false`. The popup\n   * renders only in the browser: a menu open by default is closed in the server HTML and opens\n   * once it has hydrated.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the next open state when the popup menu opens or closes (only on change). Passing\n   * it makes Menu a popup menu (see `open`).\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Checked items of the menu's checkbox, radio and switch items, per group `name` (controlled).\n   * A submenu without its own `checkedValues` or `defaultCheckedValues` shares its parent menu's\n   * state. Works for static and popup menus; unlike `open`, it does not make Menu a popup menu.\n   */\n  checkedValues?: CheckedValues;\n  /** Initial checked items for uncontrolled usage (gives a submenu its own state). @default {} */\n  defaultCheckedValues?: CheckedValues;\n  /**\n   * Called when an item changes the checked items (only on change): the new checked values of every\n   * group first, then `details` with the group's `name`, its `checkedItems` and the `event` (Fluent's\n   * `onCheckedValueChange(event, { name, checkedItems })`). WaveUI always passes `details`; it is\n   * typed optional until 1.0. On a submenu that shares its parent's state it only listens: it is\n   * called after the parent's callback, for changes made in this submenu.\n   */\n  onCheckedValuesChange?: CheckedValuesChangeHandler;\n  /**\n   * Keep a popup menu open after any of its items is activated; an item's own `persistOnClick`\n   * wins. A submenu inherits it unless it sets it.\n   * @default false\n   */\n  persistOnItemClick?: boolean;\n  /**\n   * Open the popup menu when a mouse pointer rests on its trigger, and close it once the pointer\n   * has been off the trigger and the menu for `closeDelay` while focus is not inside the menu. A\n   * menu opened by hover does not take focus; a click (or Enter, Space, ArrowDown) on its trigger\n   * keeps it open and moves focus into it, as opening it that way does. After Escape or an\n   * outside press it does not reopen until the pointer has left the trigger. Touch and pen never\n   * open it by hover, and an `aria-disabled` trigger never opens. A triangle between the trigger\n   * and the menu keeps it open while the pointer moves diagonally into it. Ignored with\n   * `openOnContext` (development warning) and on a static menu (development warning).\n   * @default false (true for a submenu)\n   */\n  openOnHover?: boolean;\n  /**\n   * Milliseconds a hovering mouse pointer rests on the trigger before the menu opens (mouse hover\n   * only). A submenu inherits its parent's, also from a static menu. @default 250\n   */\n  openDelay?: number;\n  /**\n   * Milliseconds before a hover-opened menu closes once the mouse pointer has left it and its\n   * trigger (mouse hover only). A submenu inherits its parent's, also from a static menu.\n   * @default 250\n   */\n  closeDelay?: number;\n  /**\n   * Make `Menu.Trigger` a context-menu region: a right click (a Ctrl+click on macOS, a long press\n   * where the browser reports one) opens the menu at the pointer, and Shift+F10 or the\n   * ContextMenu key opens it at the focused element inside the region, instead of a click; a\n   * second gesture while it is open moves it there. Focus returns to the element that had it.\n   * The browser's context menu is suppressed there and inside the menu, except in text fields\n   * inside the region, which keep it. A press elsewhere, a right click outside or a scroll that\n   * moves the region or the row of the gesture (the one under the pointer, or the focused one)\n   * closes it. The trigger gets no `aria-haspopup`/`aria-expanded` (it is not a menu button; with\n   * a render-prop child, do not spread them): name the menu with `aria-label` on `Menu.Popover`,\n   * and consider `aria-keyshortcuts=\"Shift+F10\"` on the region. iOS Safari reports no long press.\n   * Ignored on a submenu; `openOnHover` is ignored with it.\n   * @default false\n   */\n  openOnContext?: boolean;\n  /**\n   * Ref to the static menu element (`role=\"menu\"`). A popup menu renders no root element, so it\n   * ignores `ref`, `className` and other DOM props (development warning): pass them to\n   * `Menu.Popover`.\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst noop = () => {};\n\n/** Default of `openDelay` and `closeDelay` (InfoLabel's hover delays). */\nconst HOVER_DELAY_MS = 250;\n\n/**\n * Whether the children contain a `Menu.Trigger` or `Menu.Popover`: direct children and the\n * children of Fragments only (other elements and components are not searched). Parts written in\n * a Server Component (lazy client references) are recognised too.\n */\nexport function hasPopupParts(children: React.ReactNode): boolean {\n  return flattenChildren(children).some(({ node }) =>\n    isElementOfType(node, MenuTrigger, MenuPopover),\n  );\n}\n\n/** Joins prop names for a message: `a`, `` `a` and `b` ``. */\nfunction listProps(names: string[]): string {\n  const quoted = names.map((name) => `\\`${name}\\``);\n  return quoted.length > 1\n    ? `${quoted.slice(0, -1).join(', ')} and ${quoted[quoted.length - 1]}`\n    : quoted.join('');\n}\n\n// The root of the `Menu` compound. Its component JSDoc is on the `Menu` export (Menu.tsx) only\n// (C-DOCS): a docblock here would replace it as the Storybook description.\nexport const MenuRoot = ({\n  children,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  checkedValues,\n  defaultCheckedValues,\n  onCheckedValuesChange,\n  persistOnItemClick: persistOnItemClickProp,\n  openOnHover: openOnHoverProp,\n  openDelay: openDelayProp,\n  closeDelay: closeDelayProp,\n  openOnContext: openOnContextProp,\n  className,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onPointerMove,\n  ref,\n  ...rest\n}: MenuProps) => {\n  // A Menu rendered in a menu list with no portal between them is a submenu of that list's menu.\n  // A Menu inside a Popover or Dialog opened from an item sits one portal deeper: a root menu.\n  const list = useMenuListContext();\n  const portalDepth = React.useContext(PortalDepthContext);\n  const parentList = list !== null && list.portalDepth === portalDepth ? list : null;\n  const parent = parentList?.menu ?? null;\n  const isSubmenu = parent !== null;\n\n  const [openState, setOpen, openControlled] = useControllable(\n    openProp,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  // The popup menu lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the menu reports itself closed, so the trigger's aria-expanded and\n  // aria-controls never describe a menu that is not there. A submenu of a popup menu is open only\n  // while that menu is: a parent that closes (through its controlled prop, or while it runs an\n  // exit motion) takes the submenu's surface, layer and focus restore along in the same commit.\n  const isClient = useIsClient();\n  const parentOpen = parent === null || !parent.popup || parent.open;\n  const open = openState && isClient && parentOpen;\n  // A parent that closed without closing this submenu (its controlled `open` prop): an\n  // uncontrolled submenu closes too, so it does not reopen with the parent. A controlled\n  // submenu's state is the app's.\n  React.useLayoutEffect(() => {\n    if (parentOpen || !openState || openControlled) return;\n    setOpen(false);\n  }, [parentOpen, openState, openControlled, setOpen]);\n\n  const popup =\n    openProp !== undefined ||\n    defaultOpen !== undefined ||\n    onOpenChange !== undefined ||\n    hasPopupParts(children);\n\n  const triggerId = useId('wave-menu-trigger');\n  const menuId = useId('wave-menu');\n  const [labelledBy, setLabelledBy] = React.useState(triggerId);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const [triggerElement, setTriggerElementState] = React.useState<HTMLElement | null>(null);\n  const setTriggerElement = React.useCallback((element: HTMLElement | null) => {\n    triggerRef.current = element;\n    setTriggerElementState(element);\n  }, []);\n\n  // The open surface: its API in a ref (read in events), its element and layer in state (the\n  // hover and context-menu hooks observe them).\n  const surfaceApiRef = React.useRef<MenuSurfaceApi | null>(null);\n  const [surfaceElement, setSurfaceElement] = React.useState<HTMLElement | null>(null);\n  const [surfaceLayerId, setSurfaceLayerId] = React.useState('');\n  const registerSurface = React.useCallback((api: MenuSurfaceApi | null) => {\n    surfaceApiRef.current = api;\n    setSurfaceElement(api?.surface ?? null);\n    // Kept after the surface closes: a context gesture records its opener against the last layer.\n    if (api) setSurfaceLayerId(api.layerId);\n  }, []);\n\n  // Checked values: one state per menu tree. A Menu owns its state when it sets `checkedValues` or\n  // `defaultCheckedValues`, or has no parent; otherwise it uses its parent's, and its own\n  // `onCheckedValuesChange` only listens to the changes its items make (called after the owner's).\n  const ownChecked = useCheckedValues(checkedValues, defaultCheckedValues, onCheckedValuesChange);\n  const parentChecked = parent?.checked ?? null;\n  const ownsCheckedState =\n    parentChecked === null || checkedValues !== undefined || defaultCheckedValues !== undefined;\n  const listens = onCheckedValuesChange !== undefined;\n  const listener = useEventCallback(onCheckedValuesChange);\n  const sharedChecked = React.useMemo(\n    () =>\n      parentChecked && listens ? withCheckedValuesListener(parentChecked, listener) : parentChecked,\n    [parentChecked, listens, listener],\n  );\n  const checked = ownsCheckedState || sharedChecked === null ? ownChecked : sharedChecked;\n  const persistOnItemClick = persistOnItemClickProp ?? parent?.persistOnItemClick ?? false;\n  const openDelay = openDelayProp ?? parent?.openDelay ?? HOVER_DELAY_MS;\n  const closeDelay = closeDelayProp ?? parent?.closeDelay ?? HOVER_DELAY_MS;\n\n  // Context mode applies to a root popup menu; hover to a popup menu outside context mode.\n  const contextMode = popup && !isSubmenu && openOnContextProp === true;\n  const hoverMode = popup && !contextMode && (openOnHoverProp ?? isSubmenu);\n\n  // C-DEV: a popup menu renders no root element, so root DOM props and the ref go nowhere.\n  const ignoredProps: string[] = [];\n  if (popup) {\n    if (className !== undefined) ignoredProps.push('className');\n    if (onKeyDown !== undefined) ignoredProps.push('onKeyDown');\n    if (onKeyDownCapture !== undefined) ignoredProps.push('onKeyDownCapture');\n    if (onFocus !== undefined) ignoredProps.push('onFocus');\n    if (onPointerMove !== undefined) ignoredProps.push('onPointerMove');\n    for (const [name, value] of Object.entries(rest)) {\n      if (value !== undefined) ignoredProps.push(name);\n    }\n    if (ref != null) ignoredProps.push('ref');\n  }\n  const ignoredMessage =\n    ignoredProps.length === 0\n      ? ''\n      : `Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${ignoredProps\n          .map((name) => `\\`${name}\\``)\n          .join(', ')} on Menu ${ignoredProps.length === 1 ? 'is' : 'are'} ignored. Pass ${\n          ignoredProps.length === 1 ? 'it' : 'them'\n        } to Menu.Popover (the menu surface) or to the trigger's child instead.`;\n  React.useEffect(() => {\n    if (ignoredMessage) warnOnce('Menu:popup-ignored-props', ignoredMessage);\n  }, [ignoredMessage]);\n\n  // C-DEV: the popup openings do nothing on a static menu; hover gives way to context gestures.\n  const staticPopupProps = popup\n    ? ''\n    : listProps(\n        [openOnHoverProp ? 'openOnHover' : null, openOnContextProp ? 'openOnContext' : null].filter(\n          (name): name is string => name !== null,\n        ),\n      );\n  const hoverAndContext = contextMode && openOnHoverProp === true;\n  React.useEffect(() => {\n    if (!staticPopupProps) return;\n    const [verb, pronoun] = staticPopupProps.includes(' and ') ? ['are', 'they'] : ['is', 'it'];\n    warnOnce(\n      'Menu:static-popup-props',\n      `Menu: ${staticPopupProps} ${verb} ignored on a static menu: ${pronoun} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`,\n    );\n  }, [staticPopupProps]);\n  React.useEffect(() => {\n    if (!hoverAndContext) return;\n    warnOnce(\n      'Menu:hover-and-context',\n      'Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).',\n    );\n  }, [hoverAndContext]);\n\n  const staticMenuRef = React.useRef<HTMLDivElement | null>(null);\n\n  // The open submenu of this menu's list (one at a time) and what focus inside means for the chain.\n  const openSubmenuRef = React.useRef<OpenSubmenu | null>(null);\n  const containsFocus = useEventCallback((): boolean => {\n    const surfaceApi = surfaceApiRef.current;\n    const element = surfaceApi?.surface ?? staticMenuRef.current;\n    const active = element?.ownerDocument.activeElement;\n    if (!element || !active) return false;\n    if (element.contains(active)) return true;\n    // A popup menu's layer tree holds its submenus and the portals opened from its items; its own\n    // elements (the trigger) do not count.\n    if (surfaceApi) {\n      return getLayerTreeElements(surfaceApi.layerId, { includeOwnElements: false }).some((el) =>\n        el.contains(active),\n      );\n    }\n    return openSubmenuRef.current?.containsFocus() ?? false;\n  });\n  // Focus in a list of the chain: this menu's list, else (recursively) its open submenu's. A\n  // portal opened from an item does not count, so hover never takes focus from it.\n  const listContainsFocus = useEventCallback((): boolean => {\n    const element = surfaceApiRef.current?.surface ?? staticMenuRef.current;\n    const active = element?.ownerDocument.activeElement;\n    if (element && active && element.contains(active)) return true;\n    return openSubmenuRef.current?.listContainsFocus() ?? false;\n  });\n\n  // Every close of this menu closes its open submenu first, innermost first, through the\n  // submenu's own state: each controlled submenu hears onOpenChange(false) once. A close asked for\n  // by the hover intent is marked (before the request, in case the app applies it synchronously),\n  // so the surface's focus restore moves no focus; every other close request, and the next\n  // opening, clears the mark. A submenu closed along with it is taken along by the restore itself.\n  const hoverCloseRef = React.useRef(false);\n  const isHoverClose = React.useCallback(() => hoverCloseRef.current, []);\n  const closeMenu = (byHover: boolean) => {\n    hoverCloseRef.current = byHover;\n    openSubmenuRef.current?.close();\n    setOpen(false);\n  };\n  const requestClose = useEventCallback(() => closeMenu(false));\n  const requestHoverClose = useEventCallback(() => closeMenu(true));\n\n  // Why the open menu is open: a hover opening stays unpinned (the hover close applies) until the\n  // trigger is activated; every other opening (click, keys, context, a controlled `open`) pins it.\n  const openReasonRef = React.useRef<'hover' | 'other'>('other');\n  const hoverOpenPendingRef = React.useRef(false);\n  const initialFocusRef = React.useRef<InitialFocus>('first');\n  React.useLayoutEffect(() => {\n    if (open) {\n      openReasonRef.current = hoverOpenPendingRef.current ? 'hover' : 'other';\n      hoverCloseRef.current = false;\n    }\n    hoverOpenPendingRef.current = false;\n  }, [open]);\n  const isHoverOpen = React.useCallback(() => openReasonRef.current === 'hover', []);\n\n  const {\n    triggerHandlers: hoverIntentTriggerHandlers,\n    surfaceHandlers: hoverSurfaceHandlers,\n    cancel: cancelHover,\n    startClose: startHoverClose,\n  } = useHoverIntent({\n    enabled: hoverMode,\n    open,\n    openDelay,\n    closeDelay,\n    trigger: triggerElement,\n    surface: surfaceElement,\n    group: parentList?.hoverGroup,\n    onOpen: () => {\n      hoverOpenPendingRef.current = true;\n      initialFocusRef.current = 'none';\n      setOpen(true);\n    },\n    onClose: requestHoverClose,\n    // Pinned, or focus inside the menu (not on its trigger): the hover close waits.\n    canClose: () => openReasonRef.current === 'hover' && !containsFocus(),\n  });\n\n  // A hover opening stays pending until the menu opens, in a later render too (an app that\n  // applies it in a transition). One the app has not applied when the pointer leaves the trigger\n  // (a controlled menu whose app kept `open` false) is forgotten then, so a later opening by the\n  // app is an ordinary one: it focuses the first item and is pinned.\n  const forgetHoverOpening = useEventCallback(() => {\n    if (open) return;\n    hoverOpenPendingRef.current = false;\n    if (initialFocusRef.current === 'none') initialFocusRef.current = 'first';\n  });\n  const hoverTriggerHandlers = React.useMemo<HoverIntent['triggerHandlers']>(\n    () => ({\n      ...hoverIntentTriggerHandlers,\n      onPointerLeave: (event) => {\n        hoverIntentTriggerHandlers.onPointerLeave(event);\n        forgetHoverOpening();\n      },\n    }),\n    [hoverIntentTriggerHandlers, forgetHoverOpening],\n  );\n\n  const openWithFocus = React.useCallback(\n    (target: InitialFocus) => {\n      // Any opening but hover pins the menu; an open, hover-opened menu is pinned and focused.\n      openReasonRef.current = 'other';\n      hoverOpenPendingRef.current = false;\n      cancelHover();\n      const surfaceApi = surfaceApiRef.current;\n      if (surfaceApi) {\n        if (target === 'last') surfaceApi.focusLast();\n        else if (target === 'first') surfaceApi.focusFirst();\n        return;\n      }\n      initialFocusRef.current = target;\n      setOpen(true);\n    },\n    [setOpen, cancelHover],\n  );\n  const takeInitialFocus = React.useCallback((): InitialFocus => {\n    const target = initialFocusRef.current;\n    initialFocusRef.current = 'first';\n    return target;\n  }, []);\n\n  // Context gestures on the trigger region: a context gesture opens the menu (focus on its first\n  // item) at the pointer or the focused row; a right click outside or an anchor-moving scroll\n  // closes it.\n  const {\n    anchor: contextAnchor,\n    fromContext,\n    opener: contextOpener,\n    triggerHandlers: contextTriggerHandlers,\n    surfaceHandlers: contextSurfaceHandlers,\n  } = useContextMenuAnchor({\n    enabled: contextMode,\n    open,\n    trigger: triggerElement,\n    layerId: surfaceLayerId,\n    onOpen: () => openWithFocus('first'),\n    onClose: requestClose,\n  });\n\n  // Focus follows the mouse: a submenu that loses focus to an item the pointer is focusing in an\n  // enclosing list becomes a hover-opened submenu and closes through the hover close. A submenu\n  // with `openOnHover={false}` has no hover close, so it closes at once, as for a keyboard move.\n  const parentListHoverFocusing = parentList?.isHoverFocusing;\n  const parentHoverFocusing = parent?.isHoverFocusing;\n  const isHoverFocusing = useEventCallback(\n    (): boolean => (parentListHoverFocusing?.() ?? false) || (parentHoverFocusing?.() ?? false),\n  );\n  // A press in progress that can be a context gesture: the right button, a Ctrl+press (the macOS\n  // context click) or a touch or pen press (a long press). Recorded at its pointerdown and\n  // forgotten at its pointerup, while a context menu is open.\n  const contextPressRef = React.useRef(false);\n  React.useEffect(() => {\n    if (!contextMode || !open || !triggerElement) return undefined;\n    const doc = triggerElement.ownerDocument;\n    const onPointerDown = (event: PointerEvent) => {\n      contextPressRef.current =\n        event.button === 2 ||\n        (event.button === 0 &&\n          (event.ctrlKey || event.pointerType === 'touch' || event.pointerType === 'pen'));\n    };\n    const onPointerEnd = () => {\n      contextPressRef.current = false;\n    };\n    doc.addEventListener('pointerdown', onPointerDown, true);\n    doc.addEventListener('pointerup', onPointerEnd, true);\n    doc.addEventListener('pointercancel', onPointerEnd, true);\n    return () => {\n      doc.removeEventListener('pointerdown', onPointerDown, true);\n      doc.removeEventListener('pointerup', onPointerEnd, true);\n      doc.removeEventListener('pointercancel', onPointerEnd, true);\n      contextPressRef.current = false;\n    };\n  }, [contextMode, open, triggerElement]);\n\n  const dismiss = useEventCallback((reason: DismissReason, event: Event) => {\n    // Focus that such a press moves into a context menu's region does not close the menu: a\n    // right-button (or macOS Ctrl+) press focuses the row under the pointer before the contextmenu\n    // event that moves the menu there (Chromium, Firefox). Any other focus move into the region (a\n    // primary press, the app) closes it, as does an outside press and Tab (the surface's handler).\n    if (\n      reason === 'focus-outside' &&\n      contextMode &&\n      contextPressRef.current &&\n      event.target instanceof Node &&\n      triggerRef.current?.contains(event.target)\n    ) {\n      return;\n    }\n    if (reason === 'focus-outside' && isSubmenu && hoverMode && isHoverFocusing()) {\n      openReasonRef.current = 'hover';\n      startHoverClose(event);\n      return;\n    }\n    requestClose();\n  });\n\n  const registerOpenSubmenu = React.useCallback((submenu: OpenSubmenu) => {\n    const previous = openSubmenuRef.current;\n    openSubmenuRef.current = submenu;\n    // One open submenu per list: the one open before closes.\n    if (previous && previous !== submenu) previous.close();\n    return () => {\n      if (openSubmenuRef.current === submenu) openSubmenuRef.current = null;\n    };\n  }, []);\n\n  // A submenu registers with its parent while it is open.\n  const submenuHandle = React.useMemo<OpenSubmenu>(\n    () => ({ close: requestClose, containsFocus, listContainsFocus }),\n    [requestClose, containsFocus, listContainsFocus],\n  );\n  const registerWithParent = parent?.registerOpenSubmenu;\n  React.useLayoutEffect(() => {\n    if (!open || !registerWithParent) return undefined;\n    return registerWithParent(submenuHandle);\n  }, [open, registerWithParent, submenuHandle]);\n\n  // Item activation and Tab close the whole chain: a submenu of a popup menu hands the close up,\n  // and the top menu (the root, or a submenu of a static menu) puts focus on its return target\n  // first (focus before close: a Dialog an item opens returns focus there), then closes.\n  const parentCloseChain = parent?.popup ? parent.closeChain : null;\n  const closeChain = useEventCallback(() => {\n    if (parentCloseChain) {\n      parentCloseChain();\n      return;\n    }\n    if (!popup) return;\n    const target = surfaceApiRef.current?.getReturnFocus() ?? null;\n    if (target) {\n      const doc = target.ownerDocument;\n      const active = doc.activeElement;\n      const lost = !active || active === doc.body || active === doc.documentElement;\n      if (lost || containsFocus()) target.focus({ preventScroll: true });\n    }\n    requestClose();\n  });\n\n  const contextValue = React.useMemo<MenuContextValue>(\n    () => ({\n      popup,\n      open,\n      setOpen,\n      openWithFocus,\n      takeInitialFocus,\n      registerSurface,\n      triggerId,\n      labelledBy,\n      onTriggerId: setLabelledBy,\n      menuId,\n      triggerRef,\n      triggerElement,\n      setTriggerElement,\n      parent,\n      checked,\n      persistOnItemClick,\n      isSubmenu,\n      requestClose,\n      closeChain,\n      registerOpenSubmenu,\n      listContainsFocus,\n      openDelay,\n      closeDelay,\n      dismiss,\n      isHoverFocusing,\n      isHoverOpen,\n      isHoverClose,\n      hoverTriggerHandlers,\n      hoverSurfaceHandlers,\n      openOnContext: contextMode,\n      contextTriggerHandlers,\n      contextSurfaceHandlers,\n      contextAnchor,\n      fromContext,\n      contextOpener,\n    }),\n    [\n      popup,\n      open,\n      setOpen,\n      openWithFocus,\n      takeInitialFocus,\n      registerSurface,\n      triggerId,\n      labelledBy,\n      menuId,\n      triggerElement,\n      setTriggerElement,\n      parent,\n      checked,\n      persistOnItemClick,\n      isSubmenu,\n      requestClose,\n      closeChain,\n      registerOpenSubmenu,\n      listContainsFocus,\n      openDelay,\n      closeDelay,\n      dismiss,\n      isHoverFocusing,\n      isHoverOpen,\n      isHoverClose,\n      hoverTriggerHandlers,\n      hoverSurfaceHandlers,\n      contextMode,\n      contextTriggerHandlers,\n      contextSurfaceHandlers,\n      contextAnchor,\n      fromContext,\n      contextOpener,\n    ],\n  );\n\n  // Static menu: roving tab stop over the items (the last focused one keeps it).\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    getTabIndex,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    tabStop: 'last-focused',\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, rovingRef, staticMenuRef);\n\n  // Disabled items never hold the tab stop, so with no enabled item the static menu itself does:\n  // Tab still reaches it and a screen reader announces it. Checked whenever the roving hook's tab\n  // stop changes (`getTabIndex` changes with it: an item enabled, disabled, added or removed), and\n  // after it is stamped (this effect runs after the hook's).\n  const [menuIsTabStop, setMenuIsTabStop] = React.useState(false);\n  React.useLayoutEffect(() => {\n    const menu = staticMenuRef.current;\n    if (popup || !menu) return;\n    const noItemTabStop = getFirstTabbable(menu) === null;\n    if (noItemTabStop === menuIsTabStop) return;\n    setMenuIsTabStop(noItemTabStop);\n    // An item became enabled while the menu itself had focus: focus moves on to it, rather than\n    // staying on an element that is no longer focusable.\n    if (!noItemTabStop && menu.ownerDocument.activeElement === menu) focusFirst();\n  }, [popup, menuIsTabStop, focusFirst, getTabIndex]);\n\n  // The static menu is a menu list: its items close nothing when activated, and the item under\n  // the mouse takes focus while focus is inside the menu tree.\n  const registerCheckable = useCheckableRegistry();\n  const {\n    hoverGroup,\n    isHoverFocusing: isListHoverFocusing,\n    onPointerMove: listPointerMove,\n  } = useMenuListPointer(contextValue);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu: contextValue,\n      isStatic: true,\n      portalDepth,\n      closeFromItem: noop,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing: isListHoverFocusing,\n    }),\n    [contextValue, portalDepth, registerCheckable, hoverGroup, isListHoverFocusing],\n  );\n\n  if (popup) {\n    return <MenuContext.Provider value={contextValue}>{children}</MenuContext.Provider>;\n  }\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          ref={mergedRef}\n          tabIndex={rest.tabIndex ?? (menuIsTabStop ? 0 : undefined)}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, rovingKeyDown)}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          className={cn(menuSurfaceClasses, focusRing, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </MenuContext.Provider>\n  );\n};\nMenuRoot.displayName = 'Menu';\n"],"mappings":"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"}