@mortenbrudvik/waveui 0.10.0 → 0.12.0

package/dist/components/layout/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","accordionClassNames","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","accordionTriggerClassNames","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","accordionItemClassNames","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","slot","accordionPanelClassNames","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n  if (!item.isOpen) return null;\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn(\n          accordionPanelClassNames.root,\n          'px-4 pb-3 text-body-1 text-muted-foreground',\n          className,\n        )}\n        {...rest}\n        id={idProp || item.panelId}\n        aria-labelledby={item.triggerId}\n        data-state=\"open\"\n        ref={ref}\n      >\n        {children}\n        {slot?.extra}\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","accordionClassNames","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","accordionTriggerClassNames","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","accordionItemClassNames","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","slot","accordionPanelClassNames","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { HeadingLevel, SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger: the shared {@link HeadingLevel}. */\nexport type AccordionHeadingLevel = HeadingLevel;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n  if (!item.isOpen) return null;\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn(\n          accordionPanelClassNames.root,\n          'px-4 pb-3 text-body-1 text-muted-foreground',\n          className,\n        )}\n        {...rest}\n        id={idProp || item.panelId}\n        aria-labelledby={item.triggerId}\n        data-state=\"open\"\n        ref={ref}\n      >\n        {children}\n        {slot?.extra}\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}

package/dist/components/navigation/Hamburger.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/composeEventHandlers.cjs"),a=require("../../lib/classNames.cjs"),o=require("../button/Button.cjs"),s=require("../button/Button.slots.cjs"),c=require("../../lib/icons.cjs"),l=require("./NavDrawer.context.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f={"extra-small":12,small:16,medium:20,large:24,"extra-large":28},p=({appearance:e=`subtle`,size:p=`medium`,icon:m,onClick:h,className:g,children:_,ref:v,...y})=>{let b=u.useContext(l.NavDrawerContext),{glyph:x,button:S}=s.unwrapButtonGlyph(m),C=r.slotRendersContent(x),w=S===null&&m!=null&&!C;u.useEffect(()=>{w&&n.warnOnce(`Hamburger:icon-empty`,"Hamburger: `icon` renders nothing, so the default navigation glyph shows. Unlike `Button`, a Hamburger always shows a glyph: pass an icon, or leave `icon` unset.")},[w]),u.useEffect(()=>{S&&n.warnOnce(`Hamburger:icon-button`,`Hamburger: \`icon\` received ${S}; its children render as the glyph and its props were dropped (buttons cannot be nested). Pass icon content instead, e.g. \`icon={<MyIcon />}\`.`)},[S]);let T=r.materialiseSlotContent(_),E=!!y[`aria-label`]||!!y[`aria-labelledby`]||!!y.title||r.slotRendersContent(T),D=b?e=>{e.target instanceof Node&&e.currentTarget.contains(e.target)&&b.requestOpen(!b.open,{reason:`trigger`,event:e.nativeEvent})}:void 0,O=b?{"aria-expanded":b.open,"aria-controls":b.panelId,"aria-haspopup":void 0}:void 0;return(0,d.jsx)(o.Button,{...y,"aria-label":E?y[`aria-label`]:`Navigation`,...O,ref:v,appearance:e,size:p,icon:s.withPartClass(C?x:(0,d.jsx)(c.NavigationIcon,{size:f[p]}),a.hamburgerClassNames.icon),onClick:i.composeEventHandlers(h,D),className:t.cn(a.hamburgerClassNames.root,g),children:T})};p.displayName=`Hamburger`,exports.Hamburger=p;
+//# sourceMappingURL=Hamburger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hamburger.cjs","names":["React","NavDrawerContext","unwrapButtonGlyph","slotRendersContent","materialiseSlotContent","Button","withPartClass","NavigationIcon","hamburgerClassNames","composeEventHandlers","cn","require_runtime","require_cn","require_dev","require_slot","require_composeEventHandlers","require_classNames","require_Button","require_Button_slots","require_icons","require_NavDrawer_context","react","react_jsx_runtime","GLYPH_SIZES","Hamburger","rest","drawer","iconButton","icon","glyphRenders","glyph","iconEmpty","label","children","named","toggle","event","stateProps","size","onClick","className"],"sources":["../../../src/components/navigation/Hamburger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { hamburgerClassNames } from '../../lib/classNames';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { NavigationIcon } from '../../lib/icons';\nimport { materialiseSlotContent, slotRendersContent, type Slot } from '../../lib/slot';\nimport type { Appearance, Size } from '../../lib/types';\nimport { Button } from '../button/Button';\nimport { unwrapButtonGlyph, withPartClass } from '../button/Button.slots';\nimport { NavDrawerContext } from './NavDrawer.context';\n\n/*\n * Hamburger: a Button with the navigation glyph that toggles the NavDrawer it sits in. Reads only\n * the NavDrawer's context module (never `NavDrawer.tsx`), so it holds no drawer machinery.\n */\n\n/** Properties for the Hamburger component. */\nexport interface HamburgerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Visual style. Fluent's `transparent` look is WaveUI's `subtle` (WaveUI's `transparent` is\n   * link-coloured).\n   * @default 'subtle'\n   */\n  appearance?: Appearance;\n  /**\n   * Size: the button's height and the glyph (12, 16, 20, 24 or 28px).\n   * @default 'medium'\n   */\n  size?: Size;\n  /**\n   * Replaces the navigation glyph (three bars). Decorative (`aria-hidden`). Unlike Button's `icon`,\n   * a Hamburger always shows a glyph: `null`, `undefined` and a value that renders nothing keep\n   * the default (the last warns in development). A `<button>` or `Button` passed here is not\n   * nested: its children become the glyph and its props are dropped, with a warning.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * The button's name. Without `aria-label`, `aria-labelledby`, `title` or a visible label\n   * (children), the Hamburger is named \"Navigation\"; localize it here. The name stays the same\n   * while the drawer opens and closes (the state is `aria-expanded`).\n   * @default 'Navigation'\n   */\n  'aria-label'?: string;\n  /**\n   * Unavailable but focusable (see `Button.disabledFocusable`): no toggle, no `onClick`.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n  /** Ref to the `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/** The default glyph's size per button size. */\nconst GLYPH_SIZES: Readonly<Record<Size, number>> = {\n  'extra-small': 12,\n  small: 16,\n  medium: 20,\n  large: 24,\n  'extra-large': 28,\n};\n\n/**\n * A button that opens and closes a navigation drawer: a `Button` (`subtle`, icon-only) with the\n * navigation glyph, named \"Navigation\" by default. Inside a `NavDrawer` (in its header) it toggles\n * that drawer and reports it with `aria-expanded` and `aria-controls`. Elsewhere (your page\n * header) it is a plain button: pass `aria-expanded={open}`, `aria-controls` (while the drawer's\n * panel is rendered) and, for an overlay drawer, `aria-haspopup=\"dialog\"`, and toggle your state\n * in `onClick`. Fluent's `Hamburger`.\n *\n * @example\n * <Hamburger\n *   aria-expanded={open}\n *   aria-controls={open ? 'main-nav' : undefined}\n *   aria-haspopup=\"dialog\"\n *   onClick={() => setOpen(!open)}\n * />\n */\nexport const Hamburger = ({\n  appearance = 'subtle',\n  size = 'medium',\n  icon,\n  onClick,\n  className,\n  children,\n  ref,\n  ...rest\n}: HamburgerProps) => {\n  const drawer = React.useContext(NavDrawerContext);\n\n  // A required indicator (C-SLOTS): a button passed as `icon` is unwrapped, never nested, and a\n  // value that renders nothing keeps the default glyph.\n  const { glyph, button: iconButton } = unwrapButtonGlyph(icon);\n  const glyphRenders = slotRendersContent(glyph);\n  // An unwrapped button reports its own warning only.\n  const iconEmpty = iconButton === null && icon != null && !glyphRenders;\n  React.useEffect(() => {\n    if (iconEmpty) {\n      warnOnce(\n        'Hamburger:icon-empty',\n        'Hamburger: `icon` renders nothing, so the default navigation glyph shows. Unlike `Button`, a Hamburger always shows a glyph: pass an icon, or leave `icon` unset.',\n      );\n    }\n  }, [iconEmpty]);\n  React.useEffect(() => {\n    if (iconButton) {\n      warnOnce(\n        'Hamburger:icon-button',\n        `Hamburger: \\`icon\\` received ${iconButton}; its children render as the glyph and its props were dropped (buttons cannot be nested). Pass icon content instead, e.g. \\`icon={<MyIcon />}\\`.`,\n      );\n    }\n  }, [iconButton]);\n\n  // The default name, while nothing else names the button. A generator label is read once; its\n  // items are what renders.\n  const label = materialiseSlotContent(children);\n  const named =\n    Boolean(rest['aria-label']) ||\n    Boolean(rest['aria-labelledby']) ||\n    Boolean(rest.title) ||\n    slotRendersContent(label);\n\n  // Inside a NavDrawer: the toggle, after the consumer's onClick (`preventDefault()` skips it). A\n  // click that bubbles through the React tree from a portal opened inside it is not its own\n  // (C-COMPOSE).\n  const toggle = drawer\n    ? (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) return;\n        drawer.requestOpen(!drawer.open, { reason: 'trigger', event: event.nativeEvent });\n      }\n    : undefined;\n  // The drawer's state wins over a consumer's (the modal triggers' rule); no `aria-haspopup`, as\n  // the Hamburger is inside the surface it toggles.\n  const stateProps = drawer\n    ? {\n        'aria-expanded': drawer.open,\n        'aria-controls': drawer.panelId,\n        'aria-haspopup': undefined,\n      }\n    : undefined;\n\n  return (\n    <Button\n      {...rest}\n      aria-label={named ? rest['aria-label'] : 'Navigation'}\n      {...stateProps}\n      ref={ref}\n      appearance={appearance}\n      size={size}\n      icon={withPartClass(\n        glyphRenders ? glyph : <NavigationIcon size={GLYPH_SIZES[size]} />,\n        hamburgerClassNames.icon,\n      )}\n      onClick={composeEventHandlers(onClick, toggle)}\n      className={cn(hamburgerClassNames.root, className)}\n    >\n      {label}\n    </Button>\n  );\n};\nHamburger.displayName = 'Hamburger';\n"],"mappings":"mdAsDA,IAAMuB,EAA8C,CAClD,cAAe,GACf,MAAO,GACP,OAAQ,GACR,MAAO,GACP,cAAe,EACjB,EAkBaC,GAAa,CACxB,aAAa,SACb,OAAO,SACP,OACA,UACA,YACA,WACA,MACA,GAAGC,KACiB,CACpB,IAAMC,EAAS1B,EAAM,WAAWC,EAAAA,gBAAgB,EAI1C,CAAE,QAAO,OAAQ0B,GAAezB,EAAAA,kBAAkB0B,CAAI,EACtDC,EAAe1B,EAAAA,mBAAmB2B,CAAK,EAEvCC,EAAYJ,IAAe,MAAQC,GAAQ,MAAQ,CAACC,EAC1DR,EAAM,cAAgB,CAChBU,GACFlB,EAAA,SACE,uBACA,mKACF,CAEJ,EAAG,CAACkB,CAAS,CAAC,EACdV,EAAM,cAAgB,CAChBM,GACFd,EAAA,SACE,wBACA,gCAAgCc,EAAW,iJAC7C,CAEJ,EAAG,CAACA,CAAU,CAAC,EAIf,IAAMK,EAAQ5B,EAAAA,uBAAuB6B,CAAQ,EACvCC,EACJ,EAAQT,EAAK,eACb,EAAQA,EAAK,oBACb,EAAQA,EAAK,OACbtB,EAAAA,mBAAmB6B,CAAK,EAKpBG,EAAST,EACV,GAA+C,CACxCU,EAAM,kBAAkB,MAAUA,EAAM,cAAc,SAASA,EAAM,MAAM,GACjFV,EAAO,YAAY,CAACA,EAAO,KAAM,CAAE,OAAQ,UAAW,MAAOU,EAAM,WAAY,CAAC,CAClF,EACA,IAAA,GAGEC,EAAaX,EACf,CACE,gBAAiBA,EAAO,KACxB,gBAAiBA,EAAO,QACxB,gBAAiB,IAAA,EACnB,EACA,IAAA,GAEJ,OACE,EAAAJ,EAAA,IAAA,CAACjB,EAAAA,OAAD,CACE,GAAIoB,EACJ,aAAYS,EAAQT,EAAK,cAAgB,aACzC,GAAIY,EACC,MACO,aACN,OACN,KAAM/B,EAAAA,cACJuB,EAAeC,GAAQ,EAAAR,EAAA,IAAA,CAACf,EAAAA,eAAD,CAAgB,KAAMgB,EAAYe,EAAQ,CAAA,EACjE9B,EAAAA,oBAAoB,IACtB,EACA,QAASC,EAAAA,qBAAqB8B,EAASJ,CAAM,EAC7C,UAAWzB,EAAAA,GAAGF,EAAAA,oBAAoB,KAAMgC,CAAS,EAEhD,SAAAR,CACK,CAAA,CAEZ,EACA,EAAU,YAAc"}

package/dist/components/navigation/Hamburger.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { materialiseSlotContent as n, slotRendersContent as r } from "../../lib/slot.mjs";
+import { composeEventHandlers as i } from "../../lib/composeEventHandlers.mjs";
+import { hamburgerClassNames as a } from "../../lib/classNames.mjs";
+import { Button as o } from "../button/Button.mjs";
+import { unwrapButtonGlyph as s, withPartClass as c } from "../button/Button.slots.mjs";
+import { NavigationIcon as l } from "../../lib/icons.mjs";
+import { NavDrawerContext as u } from "./NavDrawer.context.mjs";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/navigation/Hamburger.tsx
+var p = {
+	"extra-small": 12,
+	small: 16,
+	medium: 20,
+	large: 24,
+	"extra-large": 28
+}, m = ({ appearance: m = "subtle", size: h = "medium", icon: g, onClick: _, className: v, children: y, ref: b, ...x }) => {
+	let S = d.useContext(u), { glyph: C, button: w } = s(g), T = r(C), E = w === null && g != null && !T;
+	d.useEffect(() => {
+		E && t("Hamburger:icon-empty", "Hamburger: `icon` renders nothing, so the default navigation glyph shows. Unlike `Button`, a Hamburger always shows a glyph: pass an icon, or leave `icon` unset.");
+	}, [E]), d.useEffect(() => {
+		w && t("Hamburger:icon-button", `Hamburger: \`icon\` received ${w}; its children render as the glyph and its props were dropped (buttons cannot be nested). Pass icon content instead, e.g. \`icon={<MyIcon />}\`.`);
+	}, [w]);
+	let D = n(y), O = !!x["aria-label"] || !!x["aria-labelledby"] || !!x.title || r(D), k = S ? (e) => {
+		e.target instanceof Node && e.currentTarget.contains(e.target) && S.requestOpen(!S.open, {
+			reason: "trigger",
+			event: e.nativeEvent
+		});
+	} : void 0, A = S ? {
+		"aria-expanded": S.open,
+		"aria-controls": S.panelId,
+		"aria-haspopup": void 0
+	} : void 0;
+	return /* @__PURE__ */ f(o, {
+		...x,
+		"aria-label": O ? x["aria-label"] : "Navigation",
+		...A,
+		ref: b,
+		appearance: m,
+		size: h,
+		icon: c(T ? C : /* @__PURE__ */ f(l, { size: p[h] }), a.icon),
+		onClick: i(_, k),
+		className: e(a.root, v),
+		children: D
+	});
+};
+m.displayName = "Hamburger";
+//#endregion
+export { m as Hamburger };
+
+//# sourceMappingURL=Hamburger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hamburger.mjs","names":["React","GLYPH_SIZES","Hamburger","rest","drawer","NavDrawerContext","iconButton","unwrapButtonGlyph","icon","glyphRenders","slotRendersContent","glyph","iconEmpty","warnOnce","label","materialiseSlotContent","children","named","toggle","event","stateProps","Button","withPartClass","NavigationIcon","size","hamburgerClassNames","composeEventHandlers","onClick","cn","className"],"sources":["../../../src/components/navigation/Hamburger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { hamburgerClassNames } from '../../lib/classNames';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { NavigationIcon } from '../../lib/icons';\nimport { materialiseSlotContent, slotRendersContent, type Slot } from '../../lib/slot';\nimport type { Appearance, Size } from '../../lib/types';\nimport { Button } from '../button/Button';\nimport { unwrapButtonGlyph, withPartClass } from '../button/Button.slots';\nimport { NavDrawerContext } from './NavDrawer.context';\n\n/*\n * Hamburger: a Button with the navigation glyph that toggles the NavDrawer it sits in. Reads only\n * the NavDrawer's context module (never `NavDrawer.tsx`), so it holds no drawer machinery.\n */\n\n/** Properties for the Hamburger component. */\nexport interface HamburgerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Visual style. Fluent's `transparent` look is WaveUI's `subtle` (WaveUI's `transparent` is\n   * link-coloured).\n   * @default 'subtle'\n   */\n  appearance?: Appearance;\n  /**\n   * Size: the button's height and the glyph (12, 16, 20, 24 or 28px).\n   * @default 'medium'\n   */\n  size?: Size;\n  /**\n   * Replaces the navigation glyph (three bars). Decorative (`aria-hidden`). Unlike Button's `icon`,\n   * a Hamburger always shows a glyph: `null`, `undefined` and a value that renders nothing keep\n   * the default (the last warns in development). A `<button>` or `Button` passed here is not\n   * nested: its children become the glyph and its props are dropped, with a warning.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * The button's name. Without `aria-label`, `aria-labelledby`, `title` or a visible label\n   * (children), the Hamburger is named \"Navigation\"; localize it here. The name stays the same\n   * while the drawer opens and closes (the state is `aria-expanded`).\n   * @default 'Navigation'\n   */\n  'aria-label'?: string;\n  /**\n   * Unavailable but focusable (see `Button.disabledFocusable`): no toggle, no `onClick`.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n  /** Ref to the `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/** The default glyph's size per button size. */\nconst GLYPH_SIZES: Readonly<Record<Size, number>> = {\n  'extra-small': 12,\n  small: 16,\n  medium: 20,\n  large: 24,\n  'extra-large': 28,\n};\n\n/**\n * A button that opens and closes a navigation drawer: a `Button` (`subtle`, icon-only) with the\n * navigation glyph, named \"Navigation\" by default. Inside a `NavDrawer` (in its header) it toggles\n * that drawer and reports it with `aria-expanded` and `aria-controls`. Elsewhere (your page\n * header) it is a plain button: pass `aria-expanded={open}`, `aria-controls` (while the drawer's\n * panel is rendered) and, for an overlay drawer, `aria-haspopup=\"dialog\"`, and toggle your state\n * in `onClick`. Fluent's `Hamburger`.\n *\n * @example\n * <Hamburger\n *   aria-expanded={open}\n *   aria-controls={open ? 'main-nav' : undefined}\n *   aria-haspopup=\"dialog\"\n *   onClick={() => setOpen(!open)}\n * />\n */\nexport const Hamburger = ({\n  appearance = 'subtle',\n  size = 'medium',\n  icon,\n  onClick,\n  className,\n  children,\n  ref,\n  ...rest\n}: HamburgerProps) => {\n  const drawer = React.useContext(NavDrawerContext);\n\n  // A required indicator (C-SLOTS): a button passed as `icon` is unwrapped, never nested, and a\n  // value that renders nothing keeps the default glyph.\n  const { glyph, button: iconButton } = unwrapButtonGlyph(icon);\n  const glyphRenders = slotRendersContent(glyph);\n  // An unwrapped button reports its own warning only.\n  const iconEmpty = iconButton === null && icon != null && !glyphRenders;\n  React.useEffect(() => {\n    if (iconEmpty) {\n      warnOnce(\n        'Hamburger:icon-empty',\n        'Hamburger: `icon` renders nothing, so the default navigation glyph shows. Unlike `Button`, a Hamburger always shows a glyph: pass an icon, or leave `icon` unset.',\n      );\n    }\n  }, [iconEmpty]);\n  React.useEffect(() => {\n    if (iconButton) {\n      warnOnce(\n        'Hamburger:icon-button',\n        `Hamburger: \\`icon\\` received ${iconButton}; its children render as the glyph and its props were dropped (buttons cannot be nested). Pass icon content instead, e.g. \\`icon={<MyIcon />}\\`.`,\n      );\n    }\n  }, [iconButton]);\n\n  // The default name, while nothing else names the button. A generator label is read once; its\n  // items are what renders.\n  const label = materialiseSlotContent(children);\n  const named =\n    Boolean(rest['aria-label']) ||\n    Boolean(rest['aria-labelledby']) ||\n    Boolean(rest.title) ||\n    slotRendersContent(label);\n\n  // Inside a NavDrawer: the toggle, after the consumer's onClick (`preventDefault()` skips it). A\n  // click that bubbles through the React tree from a portal opened inside it is not its own\n  // (C-COMPOSE).\n  const toggle = drawer\n    ? (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) return;\n        drawer.requestOpen(!drawer.open, { reason: 'trigger', event: event.nativeEvent });\n      }\n    : undefined;\n  // The drawer's state wins over a consumer's (the modal triggers' rule); no `aria-haspopup`, as\n  // the Hamburger is inside the surface it toggles.\n  const stateProps = drawer\n    ? {\n        'aria-expanded': drawer.open,\n        'aria-controls': drawer.panelId,\n        'aria-haspopup': undefined,\n      }\n    : undefined;\n\n  return (\n    <Button\n      {...rest}\n      aria-label={named ? rest['aria-label'] : 'Navigation'}\n      {...stateProps}\n      ref={ref}\n      appearance={appearance}\n      size={size}\n      icon={withPartClass(\n        glyphRenders ? glyph : <NavigationIcon size={GLYPH_SIZES[size]} />,\n        hamburgerClassNames.icon,\n      )}\n      onClick={composeEventHandlers(onClick, toggle)}\n      className={cn(hamburgerClassNames.root, className)}\n    >\n      {label}\n    </Button>\n  );\n};\nHamburger.displayName = 'Hamburger';\n"],"mappings":";;;;;;;;;;;;;AAsDA,IAAMC,IAA8C;CAClD,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACjB,GAkBaC,KAAa,EACxB,gBAAa,UACb,UAAO,UACP,SACA,YACA,cACA,aACA,QACA,GAAGC,QACiB;CACpB,IAAMC,IAASJ,EAAM,WAAWK,CAAgB,GAI1C,EAAE,UAAO,QAAQC,MAAeC,EAAkBC,CAAI,GACtDC,IAAeC,EAAmBC,CAAK,GAEvCC,IAAYN,MAAe,QAAQE,KAAQ,QAAQ,CAACC;CAS1D,AARAT,EAAM,gBAAgB;EACpB,AAAIY,KACFC,EACE,wBACA,mKACF;CAEJ,GAAG,CAACD,CAAS,CAAC,GACdZ,EAAM,gBAAgB;EACpB,AAAIM,KACFO,EACE,yBACA,gCAAgCP,EAAW,iJAC7C;CAEJ,GAAG,CAACA,CAAU,CAAC;CAIf,IAAMQ,IAAQC,EAAuBC,CAAQ,GACvCC,IACJ,EAAQd,EAAK,iBACb,EAAQA,EAAK,sBACb,EAAQA,EAAK,SACbO,EAAmBI,CAAK,GAKpBI,IAASd,KACV,MAA+C;EAC9C,AAAMe,EAAM,kBAAkB,QAAUA,EAAM,cAAc,SAASA,EAAM,MAAM,KACjFf,EAAO,YAAY,CAACA,EAAO,MAAM;GAAE,QAAQ;GAAW,OAAOe,EAAM;EAAY,CAAC;CAClF,IACA,KAAA,GAGEC,IAAahB,IACf;EACE,iBAAiBA,EAAO;EACxB,iBAAiBA,EAAO;EACxB,iBAAiB,KAAA;CACnB,IACA,KAAA;CAEJ,OACE,kBAACiB,GAAD;EACE,GAAIlB;EACJ,cAAYc,IAAQd,EAAK,gBAAgB;EACzC,GAAIiB;EACC;EACO;EACN;EACN,MAAME,EACJb,IAAeE,IAAQ,kBAACY,GAAD,EAAgB,MAAMtB,EAAYuB,GAAQ,CAAA,GACjEC,EAAoB,IACtB;EACA,SAASC,EAAqBC,GAAST,CAAM;EAC7C,WAAWU,EAAGH,EAAoB,MAAMI,CAAS;EAEhD,UAAAf;CACK,CAAA;AAEZ;AACA,EAAU,cAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.popover.cjs","names":["React","createHoverIntentGroup","useEventCallback","isOwnEvent","MENU_ITEM_SELECTOR","useMenuContext","usePresence","usePopupPosition","getTriggerFocusTarget","isConnectedAndFocusable","useDismiss","useTriggerFocusRef","useRovingTabIndex","useMergedRefs","PortalDepthContext","useCheckableRegistry","isEditableTarget","getArrowIntent","getDirection","Portal","MenuListContext","withTypeaheadText","composeEventHandlers","cn","menuPopoverClassNames","menuPopoverClasses","require_runtime","require_cn","require_dev","require_composeEventHandlers","require_classNames","require_useEventCallback","require_direction","require_focus","require_useRovingTabIndex","require_useMergedRefs","require_usePresence","require_useDismiss","require_Portal","require_usePopupPosition","require_events","require_useRestoreFocus","require_useHoverIntent","require_useTriggerElement","require_Menu_context","require_Menu_shared","react","react_jsx_runtime","SUBMENU_SHIFT","isElementTarget","target","useMenuListPointer","hoverGroup","hoverFocusingRef","event","item","root","menu","MenuPopover","rest","popup","targetElement","surface","setSurface","surfaceRef","setSurfaceElement","element","presenceRef","open","side","isSubmenu","offset","_maxHeight","_maxWidth","positionStyle","floatingProps","setReference","fromContext","contextAnchor","triggerElement","getReturnFocus","opener","openOnContext","contextOpener","triggerRef","returnFocusRef","targetRef","dismiss","triggerFocusRef","openerRef","wasOpenRef","captureOpener","container","doc","isCandidate","el","trigger","active","wasOpen","getCloseFocus","unnamed","isMounted","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","mergedRef","ref","setFloating","registerSurface","focusFirst","focusLast","layerId","unmountingRef","focusReturnTargetOnClose","surfaceElement","takeInitialFocus","isPositioned","portalDepth","registerCheckable","listPointerMove","listContext","closeChain","isHoverFocusing","handleKeyDown","onKeyDown","requestClose","labelledBy","presenceProps","menuId","style","onKeyDownCapture","onFocus","onPointerEnter","hoverSurfaceHandlers","onPointerLeave","onPointerMove","onContextMenu","contextSurfaceHandlers","className"],"sources":["../../../src/components/navigation/Menu.popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuPopoverClassNames } from '../../lib/classNames';\nimport type { PopupAlign, PopupSide, PopupTarget } from '../../lib/types';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isEditableTarget, isOwnEvent } from '../../lib/events';\nimport { isConnectedAndFocusable } from '../../lib/focus';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { createHoverIntentGroup, type HoverIntentGroup } from '../../hooks/useHoverIntent';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePopupPosition } from '../../hooks/usePopupPosition';\nimport { usePresence } from '../../hooks/usePresence';\nimport { useRestoreFocus } from '../../hooks/useRestoreFocus';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getTriggerFocusTarget, useTriggerFocusRef } from '../../hooks/useTriggerElement';\nimport { Portal, PortalDepthContext } from '../portal/Portal';\nimport { MenuListContext, useCheckableRegistry, useMenuContext } from './Menu.context';\nimport type { MenuContextValue, MenuListContextValue } from './Menu.context';\nimport {\n  MENU_ITEM_SELECTOR,\n  menuPopoverClasses,\n  useStaticMenuPartWarning,\n  withTypeaheadText,\n} from './Menu.shared';\n\n/** Properties for the MenuPopover sub-component. */\nexport interface MenuPopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Side of the trigger the menu opens on (`start`/`end` follow the writing direction).\n   * @default 'bottom' ('end' in a submenu)\n   */\n  side?: PopupSide;\n  /** Alignment along that side. @default 'start' */\n  align?: PopupAlign;\n  /** Distance from the trigger in px. @default 4 (0 in a submenu) */\n  offset?: number;\n  /**\n   * Where to place the menu instead of next to `Menu.Trigger`: an element or a `VirtualElement`\n   * (a rectangle, such as a point; an inline object is fine). With a controlled `open`, a menu\n   * with a `target` needs no trigger; name it with `aria-label`, and give a toggle button you use\n   * as the target `aria-haspopup=\"menu\"` and `aria-expanded` yourself (the menu's `id` is\n   * generated, so the toggle cannot point `aria-controls` at it). A press on a target element\n   * does not close the menu. Hold the element in state (a ref cannot be observed;\n   * TeachingPopover's `target` also takes a ref). A menu opened by `openOnContext` is placed at\n   * the gesture instead.\n   */\n  target?: PopupTarget;\n  /** Menu items and dividers. */\n  children: React.ReactNode;\n  /**\n   * Ref to the portaled `role=\"menu\"` surface. Its `id` is generated (the trigger's\n   * `aria-controls` points to it), and it is labelled by the trigger unless `aria-label` or\n   * `aria-labelledby` is given (one that holds `undefined` counts as not given).\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * A submenu with room on neither side of its trigger item is shifted across that side, over its\n * parent menu, to stay inside the viewport (as native and Fluent menus do).\n */\nconst SUBMENU_SHIFT = { padding: 8, crossAxis: true } as const;\n\n/** Whether a `target` is an element (duck typed, so an element of another realm counts). */\nfunction isElementTarget(target: PopupTarget | undefined): target is HTMLElement {\n  return !!target && (target as Partial<Node>).nodeType === 1;\n}\n\n/**\n * Internal: the mouse behaviour of a menu list (the static root and every `Menu.Popover`\n * surface). While focus is inside a list of the menu tree (the chain's root list or any of its\n * submenus), a mouse `pointermove` over an enabled item of this list focuses it (`preventScroll`),\n * unless it already has focus or a submenu's safe zone of this list holds the point. Hover moves\n * no focus while focus is elsewhere, so a hover-opened menu or a static menu the user is not in\n * never takes focus from the page, and a Popover, Dialog or other portal opened from an item\n * keeps it. Also returns the list's hover group (the safe zones of its submenu trigger items) and\n * the flag the submenus of the list read while such a focus change runs.\n */\nexport function useMenuListPointer(menu: MenuContextValue): {\n  hoverGroup: HoverIntentGroup;\n  isHoverFocusing: () => boolean;\n  onPointerMove: React.PointerEventHandler<HTMLElement>;\n} {\n  const [hoverGroup] = React.useState(createHoverIntentGroup);\n  const hoverFocusingRef = React.useRef(false);\n  const isHoverFocusing = React.useCallback(() => hoverFocusingRef.current, []);\n  const onPointerMove = useEventCallback((event: React.PointerEvent<HTMLElement>) => {\n    if (event.pointerType === 'touch' || event.pointerType === 'pen' || !isOwnEvent(event)) return;\n    const target = event.target as Element;\n    const item = target.closest<HTMLElement>(MENU_ITEM_SELECTOR);\n    if (!item || !event.currentTarget.contains(item)) return;\n    if (item.getAttribute('aria-disabled') === 'true') return;\n    if (item.ownerDocument.activeElement === item) return;\n    let root = menu;\n    while (root.parent) root = root.parent;\n    if (!root.listContainsFocus() || hoverGroup.isHeld(event.clientX, event.clientY)) return;\n    hoverFocusingRef.current = true;\n    item.focus({ preventScroll: true });\n    // A submenu that just lost focus is dismissed (focus outside) in a microtask the focus change\n    // queued; the flag is cleared after it.\n    queueMicrotask(() => {\n      hoverFocusingRef.current = false;\n    });\n  });\n  return { hoverGroup, isHoverFocusing, onPointerMove };\n}\n\n/**\n * The portaled `role=\"menu\"` surface of a popup menu, positioned next to `Menu.Trigger`. A menu\n * taller than the space available scrolls inside the viewport: the surface is limited to the space\n * next to the trigger (`max-height`/`max-width` classes, which a `max-h-*`/`max-w-*` class in\n * `className` or a `style` replaces) and scrolls, and an item that receives focus is scrolled into\n * view. Focus moves to the first (ArrowUp: last) enabled item when it opens; arrows, Home/End and\n * typeahead move between enabled items. Escape closes it and returns focus to the trigger. An\n * outside press closes it and leaves focus where the press put it (on the trigger only when focus\n * was still in the menu or lost to the page). Tab closes it and moves focus to the trigger without\n * preventing the default, so tabbing continues from the trigger (inside a Dialog, the focus trap\n * moves on from there). The trigger here is the element that takes its focus: for a wrapper span,\n * the element inside it that carries the state ARIA (the span itself when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n * Keys from a portal opened inside the menu (a Popover of an item) are left to that portal: Tab\n * there moves on inside it and keeps the menu open.\n *\n * In a submenu it opens at the end side of its trigger item (`side=\"end\"`, `offset={0}`) and\n * flips to fit the viewport; with room on neither side, it overlaps its parent menu inside the\n * viewport. ArrowLeft (ArrowRight in RTL) and Escape close only the submenu and return focus to\n * its trigger item; item activation and Tab close every menu of the chain and put focus on the\n * root trigger.\n *\n * While focus is inside the menu (or one of its submenus), the item under the mouse pointer takes\n * focus, so Enter activates the item you point at. Focus in a Popover, Dialog or other portal\n * opened from an item stays there.\n *\n * A context menu (`openOnContext`) opens at the pointer or at the focused row and returns focus to\n * the element focused at the gesture; it is not labelled by its region, so give it `aria-label`\n * (development warning otherwise), as for a menu placed at a `target` without `Menu.Trigger`.\n *\n * The surface mounts through the presence core (`usePresence`): it carries\n * `data-presence=\"entering\" | \"entered\" | \"exiting\"` and, while it closes, `data-state=\"closed\"`\n * and `inert`, so exit motion classes on `data-presence` keep it on screen until they end. Focus,\n * the dismiss layer and positioning follow the open state, not the exit. Without motion it unmounts\n * as soon as it closes.\n *\n * Also exported as `MenuPopover` (import the flat name from React Server Components).\n */\nexport const MenuPopover = ({\n  side,\n  align = 'start',\n  offset,\n  target,\n  children,\n  className,\n  style,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onPointerEnter,\n  onPointerLeave,\n  onPointerMove,\n  onContextMenu,\n  ref,\n  ...rest\n}: MenuPopoverProps) => {\n  const menu = useMenuContext('Menu.Popover');\n  const {\n    popup,\n    open,\n    takeInitialFocus,\n    registerSurface,\n    menuId,\n    labelledBy,\n    triggerRef,\n    triggerElement,\n    isSubmenu,\n    requestClose,\n    closeChain,\n    dismiss,\n    hoverSurfaceHandlers,\n    isHoverClose,\n    openOnContext,\n    contextSurfaceHandlers,\n    contextAnchor,\n    fromContext,\n    contextOpener,\n  } = menu;\n  useStaticMenuPartWarning('Menu.Popover', popup);\n  const targetElement = isElementTarget(target) ? target : null;\n\n  const [surface, setSurface] = React.useState<HTMLDivElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const setSurfaceElement = React.useCallback((element: HTMLDivElement | null) => {\n    surfaceRef.current = element;\n    setSurface(element);\n  }, []);\n\n  // The surface mounts and unmounts through the presence core; everything else below keys on\n  // `open`, so focus returns and the layer goes on close, not after an exit motion.\n  const { isMounted, ref: presenceRef, presenceProps } = usePresence(open);\n\n  const { setReference, setFloating, floatingProps, isPositioned } = usePopupPosition({\n    open,\n    side: side ?? (isSubmenu ? 'end' : 'bottom'),\n    align,\n    offset: offset ?? (isSubmenu ? 0 : 4),\n    fitViewport: true,\n    shift: isSubmenu ? SUBMENU_SHIFT : undefined,\n  });\n  // The size limits come from menuPopoverClasses, which a consumer class can replace; an inline\n  // max-height/max-width would beat every class.\n  const { maxHeight: _maxHeight, maxWidth: _maxWidth, ...positionStyle } = floatingProps.style;\n  // The positioning reference: the anchor of a context gesture (the point, else the focused row,\n  // else the trigger's focus target), else `target`, else the trigger. Kept while the surface\n  // exits, so it does not jump; a new inline VirtualElement only recomputes the position.\n  React.useLayoutEffect(() => {\n    setReference(\n      fromContext\n        ? (contextAnchor ?? getTriggerFocusTarget(triggerElement) ?? triggerElement)\n        : (target ?? triggerElement),\n    );\n  }, [setReference, contextAnchor, fromContext, target, triggerElement]);\n\n  // Where focus returns when the menu closes (item activation, Tab, Escape): in a context menu,\n  // the element focused at the gesture when it can take focus; else the element that takes focus\n  // for the trigger (for a wrapper span, the element inside it that carries the state ARIA; for a\n  // submenu, its trigger item); else a focusable `target` element.\n  const getReturnFocus = useEventCallback((): HTMLElement | null => {\n    const opener = openOnContext ? contextOpener.current : null;\n    if (opener && isConnectedAndFocusable(opener)) return opener;\n    const triggerTarget = getTriggerFocusTarget(triggerRef.current);\n    if (triggerTarget) return triggerTarget;\n    return targetElement && isConnectedAndFocusable(targetElement) ? targetElement : null;\n  });\n\n  // The layer's anchor (where a surface opened from an item that is gone by then restores focus):\n  // the return target, else the trigger itself.\n  const returnFocusRef = React.useMemo<React.RefObject<HTMLElement | null>>(\n    () => ({\n      get current() {\n        return getReturnFocus() ?? triggerRef.current;\n      },\n    }),\n    [getReturnFocus, triggerRef],\n  );\n  // A context region is not part of the layer (a press on another row closes the menu), and a\n  // Ctrl+press there is a macOS context click, which moves the menu instead; a target element is.\n  const targetRef = { current: targetElement };\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: dismiss,\n    refs: openOnContext ? [surfaceRef, targetRef] : [surfaceRef, triggerRef, targetRef],\n    anchorRef: returnFocusRef,\n    kind: 'menu',\n    focusOutside: true,\n    outsidePress: openOnContext\n      ? (event) =>\n          !(\n            event.ctrlKey &&\n            event.target instanceof Node &&\n            triggerRef.current?.contains(event.target)\n          )\n      : true,\n  });\n\n  const triggerFocusRef = useTriggerFocusRef(triggerRef);\n\n  // The element focused when the menu opened, captured as useRestoreFocus captures its opener: in\n  // the commit that opens the menu, before the initial focus moves into it; the trigger's focus\n  // target first (not in a context menu, whose region is no opener), else the focused element.\n  const openerRef = React.useRef<HTMLElement | null>(null);\n  const wasOpenRef = React.useRef(false);\n  const captureOpener = useEventCallback(() => {\n    const container = surfaceRef.current;\n    const doc = (triggerRef.current ?? container)?.ownerDocument ?? document;\n    const isCandidate = (el: Element | null | undefined): el is HTMLElement =>\n      !!el && el !== doc.body && el !== doc.documentElement && !container?.contains(el);\n    const trigger = openOnContext ? null : triggerFocusRef.current;\n    const active = doc.activeElement;\n    openerRef.current = isCandidate(trigger) ? trigger : isCandidate(active) ? active : null;\n  });\n  React.useInsertionEffect(() => {\n    const wasOpen = wasOpenRef.current;\n    wasOpenRef.current = open;\n    if (open && !wasOpen) captureOpener();\n  });\n  // Where focus goes when the menu closes with focus inside it (Escape, a close by the app): where\n  // useRestoreFocus would put it, in its order: the context opener, the element focused when the\n  // menu opened, then the return target (a menu with a `target` and no trigger returns focus to\n  // its opener, not to a focusable target element).\n  const getCloseFocus = useEventCallback((): HTMLElement | null => {\n    const container = surfaceRef.current;\n    const candidates = [\n      openOnContext ? contextOpener.current : null,\n      openerRef.current,\n      getReturnFocus(),\n    ];\n    return (\n      candidates.find(\n        (el): el is HTMLElement => !!el && isConnectedAndFocusable(el) && !container?.contains(el),\n      ) ?? null\n    );\n  });\n\n  useRestoreFocus({\n    enabled: open,\n    container: surface,\n    // A context menu returns focus to the opener (the focused row), not to the region.\n    triggerRef: openOnContext ? undefined : triggerFocusRef,\n    finalFocusRef: openOnContext ? contextOpener : undefined,\n    fallback: getReturnFocus,\n    onlyIfFocusInside: true,\n    // A hover close moves no focus (a submenu closing with it is taken along by the hook).\n    isHoverClose,\n  });\n\n  // C-DEV: a surface that no trigger labels needs its own name.\n  const unnamed =\n    isMounted &&\n    (openOnContext || (target != null && !triggerElement)) &&\n    rest['aria-label'] === undefined &&\n    rest['aria-labelledby'] === undefined;\n  React.useEffect(() => {\n    if (!unnamed) return;\n    warnOnce(\n      'Menu.Popover:name',\n      'Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.',\n    );\n  }, [unnamed]);\n\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    focusLast,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(\n    ref,\n    setSurfaceElement,\n    rovingRef,\n    setFloating,\n    presenceRef,\n  );\n\n  // Lets the trigger move focus into an already open menu (ArrowDown/ArrowUp on the trigger) and\n  // the root reach the surface. Only an open surface registers, and it unregisters in the commit\n  // that closes the menu: a surface that stays mounted while it exits would otherwise make the next\n  // opening focus its (inert) items instead of opening the menu.\n  React.useLayoutEffect(() => {\n    if (!surface || !open) return;\n    registerSurface({ focusFirst, focusLast, surface, layerId, getReturnFocus });\n    return () => registerSurface(null);\n  }, [surface, open, registerSurface, focusFirst, focusLast, layerId, getReturnFocus]);\n\n  // Focus before close, on every close: when the menu closes with focus inside it, focus moves to\n  // where the restore would put it (`getCloseFocus`) in the closing commit's mutation phase (a\n  // layout effect cleanup), before a surface opened in the same update (a Dialog rendered after\n  // the menu, opened by the item that closed it) records the focused element as its opener. The\n  // closing surface is still in the document then (it unmounts once its exit phase ends), so that\n  // opener would be its item, gone by the time the Dialog closes. The surface is inert from this\n  // commit on, so in a browser React cannot put focus back on the item after the commit, and\n  // useRestoreFocus, which then finds focus outside, leaves it there: the two must agree on the\n  // target. Unmounting is left to useRestoreFocus.\n  const unmountingRef = React.useRef(false);\n  React.useLayoutEffect(() => {\n    unmountingRef.current = false;\n    return () => {\n      unmountingRef.current = true;\n    };\n  }, []);\n  const focusReturnTargetOnClose = useEventCallback(() => {\n    const surfaceElement = surfaceRef.current;\n    const active = surfaceElement?.ownerDocument.activeElement;\n    if (unmountingRef.current || !surfaceElement || !active || !surfaceElement.contains(active)) {\n      return;\n    }\n    getCloseFocus()?.focus({ preventScroll: true });\n  });\n  React.useLayoutEffect(() => {\n    if (!open) return undefined;\n    return focusReturnTargetOnClose;\n  }, [open, focusReturnTargetOnClose]);\n\n  // Initial focus: the first (or last) enabled item, unless focus is already inside. A hover\n  // opening moves no focus.\n  React.useLayoutEffect(() => {\n    if (!open || !surface) return;\n    if (surface.contains(surface.ownerDocument.activeElement)) return;\n    const target = takeInitialFocus();\n    if (target === 'last') focusLast();\n    else if (target === 'first') focusFirst();\n  }, [open, surface, takeInitialFocus, focusFirst, focusLast]);\n\n  // The initial focus lands before the surface is limited to the available height (floating-ui\n  // measures after mount), so it scrolls nothing: once positioned, the focused item (the last one\n  // after ArrowUp) is scrolled into view. Later focus moves scroll through the native focus().\n  React.useLayoutEffect(() => {\n    if (!isPositioned || !surface) return;\n    const active = surface.ownerDocument.activeElement as HTMLElement | null;\n    if (active && active !== surface && surface.contains(active)) {\n      active.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [isPositioned, surface]);\n\n  // The list the items render in. Its children sit inside the Portal, one portal level deeper.\n  // Item activation closes the whole chain; the item under the mouse takes focus while focus is\n  // inside the menu tree.\n  const portalDepth = React.useContext(PortalDepthContext) + 1;\n  const registerCheckable = useCheckableRegistry();\n  const { hoverGroup, isHoverFocusing, onPointerMove: listPointerMove } = useMenuListPointer(menu);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu,\n      isStatic: false,\n      portalDepth,\n      closeFromItem: closeChain,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing,\n    }),\n    [menu, portalDepth, closeChain, registerCheckable, hoverGroup, isHoverFocusing],\n  );\n\n  // C-COMPOSE: the consumer's onKeyDown runs first; preventDefault() skips the built-in keys. A key\n  // from a portal opened inside the menu (a Popover of an item, a submenu) is that portal's: Tab\n  // moves on inside it and never closes the menu.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || !isOwnEvent(event)) return;\n    if (event.key === 'Tab') {\n      // Close every menu of the chain and put focus on the root trigger; the default Tab action\n      // then continues from there.\n      closeChain();\n      return;\n    }\n    // \"Previous\" (ArrowLeft, ArrowRight in RTL) closes a submenu and returns to its trigger item.\n    if (\n      isSubmenu &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !isEditableTarget(event.target) &&\n      getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      }) === 'prev'\n    ) {\n      event.preventDefault();\n      getReturnFocus()?.focus({ preventScroll: true });\n      requestClose();\n      return;\n    }\n    rovingKeyDown(event);\n  };\n\n  if (!isMounted) return null;\n\n  return (\n    <Portal layerId={layerId}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          // After the spread: a consumer name wins when it is defined, and a forwarded key that\n          // holds `undefined` does not remove the trigger's. A context region's whole text is no\n          // name: a context menu is named by aria-label.\n          aria-labelledby={\n            rest['aria-labelledby'] !== undefined\n              ? rest['aria-labelledby']\n              : triggerElement && !openOnContext && rest['aria-label'] === undefined\n                ? labelledBy\n                : undefined\n          }\n          {...presenceProps}\n          ref={mergedRef}\n          id={menuId}\n          data-state={open ? 'open' : 'closed'}\n          data-side={floatingProps['data-side']}\n          data-align={floatingProps['data-align']}\n          data-roving-container=\"\"\n          style={{ ...positionStyle, ...style }}\n          onKeyDown={handleKeyDown}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerEnter={composeEventHandlers(onPointerEnter, hoverSurfaceHandlers.onPointerEnter)}\n          onPointerLeave={composeEventHandlers(onPointerLeave, hoverSurfaceHandlers.onPointerLeave)}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          onContextMenu={composeEventHandlers(onContextMenu, contextSurfaceHandlers.onContextMenu)}\n          className={cn(menuPopoverClassNames.root, menuPopoverClasses, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":"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"}
+{"version":3,"file":"Menu.popover.cjs","names":["React","createHoverIntentGroup","useEventCallback","isOwnEvent","MENU_ITEM_SELECTOR","useMenuContext","usePopupTarget","usePresence","usePopupPosition","resolvePositioning","getTriggerFocusTarget","isConnectedAndFocusable","useDismiss","useTriggerFocusRef","useRovingTabIndex","useMergedRefs","PortalDepthContext","useCheckableRegistry","isEditableTarget","getArrowIntent","getDirection","Portal","MenuListContext","withTypeaheadText","composeEventHandlers","cn","menuPopoverClassNames","menuPopoverClasses","require_runtime","require_cn","require_dev","require_composeEventHandlers","require_classNames","require_useEventCallback","require_direction","require_focus","require_useRovingTabIndex","require_useMergedRefs","require_usePresence","require_usePopupPosition","require_useDismiss","require_useRestoreFocus","require_Portal","require_events","require_useHoverIntent","require_useTriggerElement","require_Menu_context","require_Menu_shared","require_useResolvedTarget","react","react_jsx_runtime","SUBMENU_SHIFT","isElementTarget","target","useMenuListPointer","hoverGroup","hoverFocusingRef","event","item","root","menu","MenuPopover","targetProp","rest","popup","targetPending","positioning","targetElement","surface","setSurface","surfaceRef","setSurfaceElement","element","presenceRef","open","positionedProps","side","isSubmenu","offset","floatingProps","_maxHeight","_maxWidth","positionStyle","setReference","fromContext","contextAnchor","triggerElement","getReturnFocus","opener","openOnContext","contextOpener","triggerRef","returnFocusRef","targetRef","dismiss","triggerFocusRef","openerRef","wasOpenRef","captureOpener","container","doc","isCandidate","el","trigger","active","wasOpen","getCloseFocus","unnamed","isMounted","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","mergedRef","ref","setFloating","registerSurface","focusFirst","focusLast","layerId","unmountingRef","focusReturnTargetOnClose","surfaceElement","takeInitialFocus","isPositioned","portalDepth","registerCheckable","listPointerMove","listContext","closeChain","isHoverFocusing","handleKeyDown","onKeyDown","requestClose","labelledBy","presenceProps","menuId","style","onKeyDownCapture","onFocus","onPointerEnter","hoverSurfaceHandlers","onPointerLeave","onPointerMove","onContextMenu","contextSurfaceHandlers","className"],"sources":["../../../src/components/navigation/Menu.popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuPopoverClassNames } from '../../lib/classNames';\nimport type {\n  PopupAlign,\n  PopupPositioning,\n  PopupSide,\n  PopupTarget,\n  PopupTargetInput,\n} from '../../lib/types';\nimport { usePopupTarget } from '../../hooks/useResolvedTarget';\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 { resolvePositioning, 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, or pass a ref object (read after\n   * each render of the menu). A menu opened by `openOnContext` is placed at\n   * the gesture instead.\n   */\n  target?: PopupTargetInput;\n  /**\n   * Advanced positioning (Fluent's `positioning`): `offset`, `fitViewport`, `matchReferenceWidth`,\n   * `fallbackPlacements` and `target` (used when the `target` prop is not set). `side` and `align`\n   * stay separate props, and the `offset` prop wins over `positioning.offset`.\n   * @default `{ fitViewport: true }`\n   */\n  positioning?: PopupPositioning;\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: targetProp,\n  positioning,\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 { target, pending: targetPending } = usePopupTarget(\n    'Menu.Popover',\n    targetProp,\n    positioning,\n  );\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 {\n    setReference,\n    setFloating,\n    floatingProps: positionedProps,\n    isPositioned,\n  } = usePopupPosition({\n    open,\n    side: side ?? (isSubmenu ? 'end' : 'bottom'),\n    align,\n    shift: isSubmenu ? SUBMENU_SHIFT : undefined,\n    ...resolvePositioning(positioning, { offset: isSubmenu ? 0 : 4, fitViewport: true }),\n    ...(offset !== undefined && { offset }),\n  });\n  // A ref target that holds no element yet keeps the popup hidden (as TeachingPopover's is).\n  const floatingProps = targetPending\n    ? { ...positionedProps, style: { ...positionedProps.style, visibility: 'hidden' as const } }\n    : positionedProps;\n  // The size limits come from menuPopoverClasses, which a consumer class can replace; an inline\n  // max-height/max-width would beat every class.\n  const { maxHeight: _maxHeight, maxWidth: _maxWidth, ...positionStyle } = floatingProps.style;\n  // The positioning reference: the anchor of a context gesture (the point, else the focused row,\n  // else the trigger's focus target), else `target`, else the trigger. Kept while the surface\n  // exits, so it does not jump; a new inline VirtualElement only recomputes the position.\n  React.useLayoutEffect(() => {\n    setReference(\n      fromContext\n        ? (contextAnchor ?? getTriggerFocusTarget(triggerElement) ?? triggerElement)\n        : (target ?? triggerElement),\n    );\n  }, [setReference, contextAnchor, fromContext, target, triggerElement]);\n\n  // Where focus returns when the menu closes (item activation, Tab, Escape): in a context menu,\n  // the element focused at the gesture when it can take focus; else the element that takes focus\n  // for the trigger (for a wrapper span, the element inside it that carries the state ARIA; for a\n  // submenu, its trigger item); else a focusable `target` element.\n  const getReturnFocus = useEventCallback((): HTMLElement | null => {\n    const opener = openOnContext ? contextOpener.current : null;\n    if (opener && isConnectedAndFocusable(opener)) return opener;\n    const triggerTarget = getTriggerFocusTarget(triggerRef.current);\n    if (triggerTarget) return triggerTarget;\n    return targetElement && isConnectedAndFocusable(targetElement) ? targetElement : null;\n  });\n\n  // The layer's anchor (where a surface opened from an item that is gone by then restores focus):\n  // the return target, else the trigger itself.\n  const returnFocusRef = React.useMemo<React.RefObject<HTMLElement | null>>(\n    () => ({\n      get current() {\n        return getReturnFocus() ?? triggerRef.current;\n      },\n    }),\n    [getReturnFocus, triggerRef],\n  );\n  // A context region is not part of the layer (a press on another row closes the menu), and a\n  // Ctrl+press there is a macOS context click, which moves the menu instead; a target element is.\n  const targetRef = { current: targetElement };\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: dismiss,\n    refs: openOnContext ? [surfaceRef, targetRef] : [surfaceRef, triggerRef, targetRef],\n    anchorRef: returnFocusRef,\n    kind: 'menu',\n    focusOutside: true,\n    outsidePress: openOnContext\n      ? (event) =>\n          !(\n            event.ctrlKey &&\n            event.target instanceof Node &&\n            triggerRef.current?.contains(event.target)\n          )\n      : true,\n  });\n\n  const triggerFocusRef = useTriggerFocusRef(triggerRef);\n\n  // The element focused when the menu opened, captured as useRestoreFocus captures its opener: in\n  // the commit that opens the menu, before the initial focus moves into it; the trigger's focus\n  // target first (not in a context menu, whose region is no opener), else the focused element.\n  const openerRef = React.useRef<HTMLElement | null>(null);\n  const wasOpenRef = React.useRef(false);\n  const captureOpener = useEventCallback(() => {\n    const container = surfaceRef.current;\n    const doc = (triggerRef.current ?? container)?.ownerDocument ?? document;\n    const isCandidate = (el: Element | null | undefined): el is HTMLElement =>\n      !!el && el !== doc.body && el !== doc.documentElement && !container?.contains(el);\n    const trigger = openOnContext ? null : triggerFocusRef.current;\n    const active = doc.activeElement;\n    openerRef.current = isCandidate(trigger) ? trigger : isCandidate(active) ? active : null;\n  });\n  React.useInsertionEffect(() => {\n    const wasOpen = wasOpenRef.current;\n    wasOpenRef.current = open;\n    if (open && !wasOpen) captureOpener();\n  });\n  // Where focus goes when the menu closes with focus inside it (Escape, a close by the app): where\n  // useRestoreFocus would put it, in its order: the context opener, the element focused when the\n  // menu opened, then the return target (a menu with a `target` and no trigger returns focus to\n  // its opener, not to a focusable target element).\n  const getCloseFocus = useEventCallback((): HTMLElement | null => {\n    const container = surfaceRef.current;\n    const candidates = [\n      openOnContext ? contextOpener.current : null,\n      openerRef.current,\n      getReturnFocus(),\n    ];\n    return (\n      candidates.find(\n        (el): el is HTMLElement => !!el && isConnectedAndFocusable(el) && !container?.contains(el),\n      ) ?? null\n    );\n  });\n\n  useRestoreFocus({\n    enabled: open,\n    container: surface,\n    // A context menu returns focus to the opener (the focused row), not to the region.\n    triggerRef: openOnContext ? undefined : triggerFocusRef,\n    finalFocusRef: openOnContext ? contextOpener : undefined,\n    fallback: getReturnFocus,\n    onlyIfFocusInside: true,\n    // A hover close moves no focus (a submenu closing with it is taken along by the hook).\n    isHoverClose,\n  });\n\n  // C-DEV: a surface that no trigger labels needs its own name.\n  const unnamed =\n    isMounted &&\n    (openOnContext || (target != null && !triggerElement)) &&\n    rest['aria-label'] === undefined &&\n    rest['aria-labelledby'] === undefined;\n  React.useEffect(() => {\n    if (!unnamed) return;\n    warnOnce(\n      'Menu.Popover:name',\n      'Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.',\n    );\n  }, [unnamed]);\n\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    focusLast,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(\n    ref,\n    setSurfaceElement,\n    rovingRef,\n    setFloating,\n    presenceRef,\n  );\n\n  // Lets the trigger move focus into an already open menu (ArrowDown/ArrowUp on the trigger) and\n  // the root reach the surface. Only an open surface registers, and it unregisters in the commit\n  // that closes the menu: a surface that stays mounted while it exits would otherwise make the next\n  // opening focus its (inert) items instead of opening the menu.\n  React.useLayoutEffect(() => {\n    if (!surface || !open) return;\n    registerSurface({ focusFirst, focusLast, surface, layerId, getReturnFocus });\n    return () => registerSurface(null);\n  }, [surface, open, registerSurface, focusFirst, focusLast, layerId, getReturnFocus]);\n\n  // Focus before close, on every close: when the menu closes with focus inside it, focus moves to\n  // where the restore would put it (`getCloseFocus`) in the closing commit's mutation phase (a\n  // layout effect cleanup), before a surface opened in the same update (a Dialog rendered after\n  // the menu, opened by the item that closed it) records the focused element as its opener. The\n  // closing surface is still in the document then (it unmounts once its exit phase ends), so that\n  // opener would be its item, gone by the time the Dialog closes. The surface is inert from this\n  // commit on, so in a browser React cannot put focus back on the item after the commit, and\n  // useRestoreFocus, which then finds focus outside, leaves it there: the two must agree on the\n  // target. Unmounting is left to useRestoreFocus.\n  const unmountingRef = React.useRef(false);\n  React.useLayoutEffect(() => {\n    unmountingRef.current = false;\n    return () => {\n      unmountingRef.current = true;\n    };\n  }, []);\n  const focusReturnTargetOnClose = useEventCallback(() => {\n    const surfaceElement = surfaceRef.current;\n    const active = surfaceElement?.ownerDocument.activeElement;\n    if (unmountingRef.current || !surfaceElement || !active || !surfaceElement.contains(active)) {\n      return;\n    }\n    getCloseFocus()?.focus({ preventScroll: true });\n  });\n  React.useLayoutEffect(() => {\n    if (!open) return undefined;\n    return focusReturnTargetOnClose;\n  }, [open, focusReturnTargetOnClose]);\n\n  // Initial focus: the first (or last) enabled item, unless focus is already inside. A hover\n  // opening moves no focus.\n  React.useLayoutEffect(() => {\n    if (!open || !surface) return;\n    if (surface.contains(surface.ownerDocument.activeElement)) return;\n    const target = takeInitialFocus();\n    if (target === 'last') focusLast();\n    else if (target === 'first') focusFirst();\n  }, [open, surface, takeInitialFocus, focusFirst, focusLast]);\n\n  // The initial focus lands before the surface is limited to the available height (floating-ui\n  // measures after mount), so it scrolls nothing: once positioned, the focused item (the last one\n  // after ArrowUp) is scrolled into view. Later focus moves scroll through the native focus().\n  React.useLayoutEffect(() => {\n    if (!isPositioned || !surface) return;\n    const active = surface.ownerDocument.activeElement as HTMLElement | null;\n    if (active && active !== surface && surface.contains(active)) {\n      active.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [isPositioned, surface]);\n\n  // The list the items render in. Its children sit inside the Portal, one portal level deeper.\n  // Item activation closes the whole chain; the item under the mouse takes focus while focus is\n  // inside the menu tree.\n  const portalDepth = React.useContext(PortalDepthContext) + 1;\n  const registerCheckable = useCheckableRegistry();\n  const { hoverGroup, isHoverFocusing, onPointerMove: listPointerMove } = useMenuListPointer(menu);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu,\n      isStatic: false,\n      portalDepth,\n      closeFromItem: closeChain,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing,\n    }),\n    [menu, portalDepth, closeChain, registerCheckable, hoverGroup, isHoverFocusing],\n  );\n\n  // C-COMPOSE: the consumer's onKeyDown runs first; preventDefault() skips the built-in keys. A key\n  // from a portal opened inside the menu (a Popover of an item, a submenu) is that portal's: Tab\n  // moves on inside it and never closes the menu.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || !isOwnEvent(event)) return;\n    if (event.key === 'Tab') {\n      // Close every menu of the chain and put focus on the root trigger; the default Tab action\n      // then continues from there.\n      closeChain();\n      return;\n    }\n    // \"Previous\" (ArrowLeft, ArrowRight in RTL) closes a submenu and returns to its trigger item.\n    if (\n      isSubmenu &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !isEditableTarget(event.target) &&\n      getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      }) === 'prev'\n    ) {\n      event.preventDefault();\n      getReturnFocus()?.focus({ preventScroll: true });\n      requestClose();\n      return;\n    }\n    rovingKeyDown(event);\n  };\n\n  if (!isMounted) return null;\n\n  return (\n    <Portal layerId={layerId}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          // After the spread: a consumer name wins when it is defined, and a forwarded key that\n          // holds `undefined` does not remove the trigger's. A context region's whole text is no\n          // name: a context menu is named by aria-label.\n          aria-labelledby={\n            rest['aria-labelledby'] !== undefined\n              ? rest['aria-labelledby']\n              : triggerElement && !openOnContext && rest['aria-label'] === undefined\n                ? labelledBy\n                : undefined\n          }\n          {...presenceProps}\n          ref={mergedRef}\n          id={menuId}\n          data-state={open ? 'open' : 'closed'}\n          data-side={floatingProps['data-side']}\n          data-align={floatingProps['data-align']}\n          data-roving-container=\"\"\n          style={{ ...positionStyle, ...style }}\n          onKeyDown={handleKeyDown}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerEnter={composeEventHandlers(onPointerEnter, hoverSurfaceHandlers.onPointerEnter)}\n          onPointerLeave={composeEventHandlers(onPointerLeave, hoverSurfaceHandlers.onPointerLeave)}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          onContextMenu={composeEventHandlers(onContextMenu, contextSurfaceHandlers.onContextMenu)}\n          className={cn(menuPopoverClassNames.root, menuPopoverClasses, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":"g7BA8EA,IAAMmD,GAAgB,CAAE,QAAS,EAAG,UAAW,EAAK,EAGpD,SAASC,GAAgB,EAAwD,CAC/E,MAAO,CAAC,CAACC,GAAWA,EAAyB,WAAa,CAC5D,CAYA,SAAgBC,EAAmB,EAIjC,CACA,GAAM,CAACC,GAAcvD,EAAM,SAASC,EAAAA,sBAAsB,EACpDuD,EAAmBxD,EAAM,OAAO,EAAK,EAoB3C,MAAO,CAAE,aAAY,gBAnBGA,EAAM,gBAAkBwD,EAAiB,QAAS,CAAC,CAmBtD,EAAiB,cAlBhBtD,EAAAA,iBAAkB,GAA2C,CACjF,GAAIuD,EAAM,cAAgB,SAAWA,EAAM,cAAgB,OAAS,CAACtD,EAAAA,WAAWsD,CAAK,EAAG,OAExF,IAAMC,EADSD,EAAM,OACD,QAAqBrD,EAAAA,kBAAkB,EAG3D,GAFI,CAACsD,GAAQ,CAACD,EAAM,cAAc,SAASC,CAAI,GAC3CA,EAAK,aAAa,eAAe,IAAM,QACvCA,EAAK,cAAc,gBAAkBA,EAAM,OAC/C,IAAIC,EAAOC,EACX,KAAOD,EAAK,QAAQ,EAAOA,EAAK,OAC3BA,EAAK,kBAAkB,GAAK,GAAW,OAAOF,EAAM,QAASA,EAAM,OAAO,IAC/E,EAAiB,QAAU,GAC3BC,EAAK,MAAM,CAAE,cAAe,EAAK,CAAC,EAGlC,mBAAqB,CACnB,EAAiB,QAAU,EAC7B,CAAC,EACH,CACsC,CAAc,CACtD,CAwCA,IAAaG,GAAe,CAC1B,OACA,QAAQ,QACR,SACA,OAAQC,GACR,cACA,YACA,aACA,SACA,aACA,oBACA,WACA,kBACA,kBACA,iBACA,iBACA,OACA,GAAGC,KACmB,CACtB,IAAMH,EAAOvD,EAAAA,eAAe,cAAc,EACpC,CACJ,SACA,OACA,mBACA,kBACA,UACA,cACA,aACA,iBACA,YACA,gBACA,aACA,WACA,uBACA,gBACA,gBACA,0BACA,gBACA,cACA,iBACEuD,EACJb,EAAA,yBAAyB,eAAgBiB,EAAK,EAC9C,GAAM,CAAE,SAAQ,QAASC,IAAkB3D,GAAAA,eACzC,eACAwD,GACAI,CACF,EACMC,EAAgBf,GAAgBC,CAAM,EAAIA,EAAS,KAEnD,CAACe,EAASC,IAAcrE,EAAM,SAAgC,IAAI,EAClEsE,EAAatE,EAAM,OAA8B,IAAI,EACrDuE,GAAoBvE,EAAM,YAAa,GAAmC,CAC9E,EAAW,QAAUwE,EACrBH,GAAWG,CAAO,CACpB,EAAG,CAAC,CAAC,EAIC,CAAE,YAAW,IAAKC,GAAa,kBAAkBlE,GAAAA,YAAYmE,CAAI,EAEjE,CACJ,eACA,eACA,cAAeC,EACf,gBACEnE,EAAAA,iBAAiB,CACnB,OACA,KAAMoE,IAASC,EAAY,MAAQ,UACnC,QACA,MAAOA,EAAY1B,GAAgB,IAAA,GACnC,GAAG1C,EAAAA,mBAAmByD,EAAa,CAAE,OAAQW,EAAY,EAAI,EAAG,YAAa,EAAK,CAAC,EACnF,GAAIC,IAAW,IAAA,IAAa,CAAE,QAAO,CACvC,CAAC,EAEKC,EAAgBd,GAClB,CAAE,GAAGU,EAAiB,MAAO,CAAE,GAAGA,EAAgB,MAAO,WAAY,QAAkB,CAAE,EACzFA,EAGE,CAAE,UAAWK,GAAY,SAAUC,GAAW,GAAGC,IAAkBH,EAAc,MAIvF9B,EAAM,oBAAsB,CAC1BkC,EACEC,EACKC,GAAiB3E,EAAAA,sBAAsB4E,CAAc,GAAKA,EAC1DjC,GAAUiC,CACjB,CACF,EAAG,CAACH,EAAcE,EAAeD,EAAa/B,EAAQiC,CAAc,CAAC,EAMrE,IAAMC,EAAiBrF,EAAAA,qBAA2C,CAChE,IAAMsF,EAASC,EAAgBC,EAAc,QAAU,KAIvD,OAHIF,GAAU7E,EAAAA,wBAAwB6E,CAAM,EAAUA,EAChC9E,EAAAA,sBAAsBiF,EAAW,OACnD,IACGxB,GAAiBxD,EAAAA,wBAAwBwD,CAAa,EAAIA,EAAgB,KACnF,CAAC,EAIKyB,GAAiB5F,EAAM,aACpB,CACL,IAAI,SAAU,CACZ,OAAOuF,EAAe,GAAKI,EAAW,OACxC,CACF,GACA,CAACJ,EAAgBI,CAAU,CAC7B,EAGME,EAAY,CAAE,QAAS1B,CAAc,EACrC,CAAE,WAAYvD,GAAAA,WAAW,CAC7B,OACA,UAAWkF,GACX,KAAML,EAAgB,CAACnB,EAAYuB,CAAS,EAAI,CAACvB,EAAYqB,EAAYE,CAAS,EAClF,UAAWD,GACX,KAAM,OACN,aAAc,GACd,aAAcH,EACT,GACC,EACEhC,EAAM,SACNA,EAAM,kBAAkB,MACxBkC,EAAW,SAAS,SAASlC,EAAM,MAAM,GAE7C,EACN,CAAC,EAEKsC,EAAkBlF,EAAAA,mBAAmB8E,CAAU,EAK/CK,EAAYhG,EAAM,OAA2B,IAAI,EACjDiG,EAAajG,EAAM,OAAO,EAAK,EAC/BkG,GAAgBhG,EAAAA,qBAAuB,CAC3C,IAAMiG,EAAY7B,EAAW,QACvB8B,GAAOT,EAAW,SAAWQ,EAAA,EAAY,eAAiB,SAC1DE,EAAe,GACnB,CAAC,CAACC,GAAMA,IAAOF,EAAI,MAAQE,IAAOF,EAAI,iBAAmB,CAACD,GAAW,SAASG,CAAE,EAC5EC,EAAUd,EAAgB,KAAOM,EAAgB,QACjDS,EAASJ,EAAI,cACnB,EAAU,QAAUC,EAAYE,CAAO,EAAIA,EAAUF,EAAYG,CAAM,EAAIA,EAAS,IACtF,CAAC,EACDvD,EAAM,uBAAyB,CAC7B,IAAMwD,EAAUR,EAAW,QAC3B,EAAW,QAAUvB,EACjBA,GAAQ,CAAC+B,GAASP,GAAc,CACtC,CAAC,EAKD,IAAMQ,GAAgBxG,EAAAA,qBAA2C,CAC/D,IAAMiG,EAAY7B,EAAW,QAM7B,MACE,CALAmB,EAAgBC,EAAc,QAAU,KACxCM,EAAU,QACVT,EAAe,CAGf,CAAA,CAAW,KACR,GAA0B,CAAC,CAACe,GAAM3F,EAAAA,wBAAwB2F,CAAE,GAAK,CAACH,GAAW,SAASG,CAAE,CAC3F,GAAK,IAET,CAAC,EAED7D,GAAA,gBAAgB,CACd,QAASiC,EACT,UAAWN,EAEX,WAAYqB,EAAgB,IAAA,GAAYM,EACxC,cAAeN,EAAgBC,EAAgB,IAAA,GAC/C,SAAUH,EACV,kBAAmB,GAEnB,eACF,CAAC,EAGD,IAAMoB,EACJC,IACCnB,GAAkBpC,GAAU,MAAQ,CAACiC,IACtCvB,EAAK,gBAAkB,IAAA,IACvBA,EAAK,qBAAuB,IAAA,GAC9Bd,EAAM,cAAgB,CACf0D,GACL7E,EAAA,SACE,oBACA,8KACF,CACF,EAAG,CAAC6E,CAAO,CAAC,EAEZ,GAAM,CACJ,eAAgB,CAAE,IAAKE,IACvB,cAAeC,GACf,qBAAsBC,GACtB,YAAaC,GACb,aACA,aACElG,GAAAA,kBAAkB,CACpB,YAAa,WACb,KAAM,GACN,UAAW,GACX,eAAgB,GAChB,aAAcV,EAAAA,kBAChB,CAAC,EAEK6G,GAAYlG,GAAAA,cAChBmG,GACA3C,GACAsC,GACAM,GACA1C,EACF,EAMAxB,EAAM,oBAAsB,CAC1B,GAAKmB,GAAYM,EAEjB,OADA0C,EAAgB,CAAE,aAAY,YAAW,UAAS,UAAS,gBAAe,CAAC,MAC9DA,EAAgB,IAAI,CACnC,EAAG,CAAChD,EAASM,EAAM0C,EAAiBC,EAAYC,EAAWC,EAAShC,CAAc,CAAC,EAWnF,IAAMiC,EAAgBxH,EAAM,OAAO,EAAK,EACxCiD,EAAM,qBACJ,EAAc,QAAU,OACX,CACX,EAAc,QAAU,EAC1B,GACC,CAAC,CAAC,EACL,IAAMwE,GAA2BvH,EAAAA,qBAAuB,CACtD,IAAMwH,EAAiBpD,EAAW,QAC5BkC,EAASkB,GAAgB,cAAc,cACzC,GAAc,SAAYA,GAAmBlB,GAAWkB,EAAe,SAASlB,CAAM,GAG1FE,GAAc,CAAC,EAAE,MAAM,CAAE,cAAe,EAAK,CAAC,CAChD,CAAC,EACDzD,EAAM,oBAAsB,CAC1B,GAAKyB,EACL,OAAO+C,EACT,EAAG,CAAC/C,EAAM+C,EAAwB,CAAC,EAInCxE,EAAM,oBAAsB,CAE1B,GADI,CAACyB,GAAQ,CAACN,GACVA,EAAQ,SAASA,EAAQ,cAAc,aAAa,EAAG,OAC3D,IAAMf,EAASsE,EAAiB,EAC5BtE,IAAW,OAAQiE,EAAU,EACxBjE,IAAW,SAASgE,EAAW,CAC1C,EAAG,CAAC3C,EAAMN,EAASuD,EAAkBN,EAAYC,CAAS,CAAC,EAK3DrE,EAAM,oBAAsB,CAC1B,GAAI,CAAC2E,GAAgB,CAACxD,EAAS,OAC/B,IAAMoC,EAASpC,EAAQ,cAAc,cACjCoC,GAAUA,IAAWpC,GAAWA,EAAQ,SAASoC,CAAM,GACzDA,EAAO,iBAAiB,CAAE,MAAO,SAAU,CAAC,CAEhD,EAAG,CAACoB,EAAcxD,CAAO,CAAC,EAK1B,IAAMyD,GAAc7H,EAAM,WAAWgB,EAAAA,kBAAkB,EAAI,EACrD8G,GAAoB7G,EAAAA,qBAAqB,EACzC,CAAE,cAAY,kBAAiB,cAAe8G,IAAoBzE,EAAmBM,CAAI,EACzFoE,GAAchI,EAAM,aACjB,CACL,OACA,SAAU,GACV,eACA,cAAeiI,EACf,qBACA,cACA,iBACF,GACA,CAACrE,EAAMiE,GAAaI,EAAYH,GAAmBvE,GAAY2E,CAAe,CAChF,EAKMC,GAAiB,GAA+C,CAEpE,GADAC,KAAY3E,CAAK,EACb,GAAM,kBAAqBtD,EAAAA,WAAWsD,CAAK,EAC/C,IAAIA,EAAM,MAAQ,MAAO,CAGvBwE,EAAW,EACX,MACF,CAEA,GACEpD,GACA,CAACpB,EAAM,QACP,CAACA,EAAM,SACP,CAACA,EAAM,SACP,CAACvC,EAAAA,iBAAiBuC,EAAM,MAAM,GAC9BtC,EAAAA,eAAesC,EAAM,IAAK,CACxB,YAAa,aACb,IAAKrC,EAAAA,aAAaqC,EAAM,aAAa,CACvC,CAAC,IAAM,OACP,CACAA,EAAM,eAAe,EACrB8B,EAAe,CAAC,EAAE,MAAM,CAAE,cAAe,EAAK,CAAC,EAC/C8C,GAAa,EACb,MACF,CACAvB,GAAcrD,CAAK,CAlBnB,CAmBF,EAIA,OAFKmD,GAGH,EAAA1D,EAAA,IAAA,CAAC7B,EAAAA,OAAD,CAAiB,UACf,UAAA,EAAA6B,EAAA,IAAA,CAAC5B,EAAAA,gBAAgB,SAAjB,CAA0B,MAAO0G,GAC/B,UAAA,EAAA9E,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,OACL,GAAIa,EAIJ,kBACEA,EAAK,qBAAuB,IAAA,GAExBuB,GAAkB,CAACG,GAAiB1B,EAAK,gBAAkB,IAAA,GACzDuE,GACA,IAAA,GAHFvE,EAAK,mBAKX,GAAIwE,GACJ,IAAKtB,GACL,GAAIuB,GACJ,aAAY9D,EAAO,OAAS,SAC5B,YAAWK,EAAc,aACzB,aAAYA,EAAc,cAC1B,wBAAsB,GACtB,MAAO,CAAE,GAAGG,GAAe,GAAGuD,EAAM,EACpC,UAAWN,GACX,iBAAkB5G,EAAAA,kBAChBC,EAAAA,qBAAqBkH,GAAkB3B,EAAoB,CAC7D,EACA,QAASvF,EAAAA,qBAAqBmH,GAAS3B,GAAa,CAAE,sBAAuB,EAAM,CAAC,EACpF,eAAgBxF,EAAAA,qBAAqBoH,GAAgBC,EAAqB,cAAc,EACxF,eAAgBrH,EAAAA,qBAAqBsH,GAAgBD,EAAqB,cAAc,EACxF,cAAerH,EAAAA,qBAAqBuH,GAAehB,EAAe,EAClE,cAAevG,EAAAA,qBAAqBwH,GAAeC,GAAuB,aAAa,EACvF,UAAWxH,EAAAA,GAAGC,EAAAA,sBAAsB,KAAMC,EAAAA,mBAAoBuH,EAAS,EAEtE,WACE,CAAA,CACmB,CAAA,CACpB,CAAA,EAxCa,IA0CzB,EACA,EAAY,YAAc"}