@mortenbrudvik/waveui 0.4.0 → 0.7.0

package/dist/components/overlays/Drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.mjs","names":["useId","useId$1","React","DrawerContext","inertDrawerContext","inertModalTrigger","useDrawerContext","useRequiredContext","componentName","positionClasses","NESTED_TRIGGER_WARNING_KEY","NESTED_TRIGGER_WARNING","UNREACHABLE_WARNING_KEY","UNREACHABLE_WARNING","REACHABILITY_CHECK_DELAY","DrawerTrigger","inPanel","warnOnce","useModalTriggerPart","panelId","props","DrawerClose","useModalClosePart","requestOpen","DrawerTitle","rest","titleId","titleRef","useModalTitle","id","ref","cn","className","NESTED_TRIGGER_MAX_DEPTH","hasNestedTrigger","visit","level","node","item","depth","type","getElementType","isFragment","nested","children","splitChildren","triggers","content","flattenChildren","keyed","isElementOfType","DrawerRoot","openProp","openState","useModalOpenState","defaultOpen","onOpenChange","isClient","useIsClient","open","trigger","useModalTrigger","generatedId","propTitleId","titles","useTitleRegistry","panel","setPanel","panelRef","attachPanel","mergedRef","useMergedRefs","backdropPress","useBackdropPress","onDismiss","useModalDismiss","layer","useModalLayer","useModalTriggerSession","useUnnamedModalWarning","nestedWarnedRef","isDev","unreachable","latestRef","timer","latest","context","panelContext","hasTitle","slotRendersContent","title","Portal","position","ModalSurfaceContext","Button","DismissIcon","closeLabel","event","Drawer"],"sources":["../../../src/components/overlays/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, getElementType, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { slotRendersContent } from '../../lib/slot';\nimport type { ModalOpenChangeReason, OpenChangeDetails } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useModalLayer } from '../../hooks/useModalLayer';\nimport { Button } from '../button/Button';\nimport { Portal } from '../portal/Portal';\nimport {\n  inertModalTrigger,\n  ModalSurfaceContext,\n  useBackdropPress,\n  useModalClosePart,\n  useModalDismiss,\n  useModalOpenState,\n  useModalTitle,\n  useModalTrigger,\n  useModalTriggerPart,\n  useModalTriggerSession,\n  useRequiredContext,\n  useTitleRegistry,\n  useUnnamedModalWarning,\n  type ModalRequestOpen,\n  type ModalTrigger,\n} from './Dialog.shared';\n\n/**\n * Side of the screen the drawer is attached to. `start`/`end` follow the text direction (in a\n * right-to-left layout `end` is the left edge); `left`/`right` are physical sides.\n */\nexport type DrawerPosition = 'start' | 'end' | 'left' | 'right';\n\n/**\n * Why a {@link Drawer} asks to open or close: `trigger` (`Drawer.Trigger`), `close`\n * (`Drawer.Close`), `close-button` (the built-in Close button), `escape`, `outside-press` (the\n * backdrop). The shared `ModalOpenChangeReason`, as for Dialog.\n */\nexport type DrawerOpenChangeReason = ModalOpenChangeReason;\n\n/** The second argument of a {@link Drawer}'s `onOpenChange`: the reason and the DOM event. */\nexport type DrawerOpenChangeDetails = OpenChangeDetails<DrawerOpenChangeReason>;\n\n/** Properties for the Drawer component. */\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /**\n   * Controlled open state of the drawer. The panel renders only in the browser: an open drawer\n   * is closed in the server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Default open state for uncontrolled usage. The panel renders only in the browser: a drawer\n   * open by default is closed in the server HTML and opens once it has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the new open state when it changes. `details.reason` tells how — `trigger`,\n   * `close` (a `.Close` part), `close-button` (the built-in Close button), `escape` or\n   * `outside-press` (the backdrop) — so a controlled drawer can refuse only some ways of closing\n   * (for example keep a form with unsaved changes open on `outside-press`); `details.event` is the\n   * DOM event behind the request. WaveUI always passes `details`; it is typed optional until 1.0\n   * so that code which calls this prop itself keeps compiling.\n   *\n   * Fires only when the value changes; a controlled drawer stays as it is until the parent updates\n   * `open`.\n   */\n  onOpenChange?: (open: boolean, details?: DrawerOpenChangeDetails) => void;\n  /**\n   * Side of the screen the drawer is attached to. `start`/`end` follow the text direction;\n   * `left`/`right` are physical sides.\n   * @default 'end'\n   */\n  position?: DrawerPosition;\n  /**\n   * Title displayed in the drawer header; it names the drawer (`aria-labelledby`). Without it,\n   * render a `Drawer.Title` or pass `aria-label`/`aria-labelledby`. A title that renders nothing\n   * (`''`, `[]`, `true`) counts as none.\n   */\n  title?: React.ReactNode;\n  /**\n   * Accessible name of the built-in Close button (an icon-only button). Localize it with the\n   * page's language.\n   * @default 'Close'\n   */\n  closeLabel?: string;\n  /**\n   * Where focus goes when the drawer closes, if it can take focus. Otherwise focus returns to the\n   * element that had focus when the drawer opened, then to the trigger, then to an element next to\n   * where that opener was.\n   */\n  finalFocusRef?: React.RefObject<HTMLElement | null>;\n  /**\n   * The drawer body. `Drawer.Trigger` children placed directly inside the Drawer, or in a Fragment\n   * there (`{isMobile && <>…</>}`), render in place (outside the panel); everything else renders in\n   * the panel's scrolling body. A `Drawer.Trigger` nested in another element, or rendered by a\n   * component, is panel content, so it only exists while the drawer is open (development warnings\n   * say so, also when an uncontrolled drawer still has no direct trigger a second after it mounts\n   * and therefore cannot open; a controlled drawer whose trigger a component such as a Tooltip\n   * wraps warns only once it opens).\n   * Put wrappers inside the trigger instead: see `Drawer.Trigger`.\n   */\n  children: React.ReactNode;\n  /** Ref to the drawer panel (`role=\"dialog\"`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props a `Drawer.Trigger` puts on its element (and passes to a render-prop child). */\nexport interface DrawerTriggerRenderProps extends React.HTMLAttributes<HTMLElement> {\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The panel's id, while the drawer is open. */\n  'aria-controls'?: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerTrigger sub-component. */\nexport interface DrawerTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that opens the drawer. A single element receives the trigger props (merged with its\n   * own); a function receives them.\n   */\n  children: React.ReactNode | ((props: DrawerTriggerRenderProps) => React.ReactNode);\n  /**\n   * `false` renders a wrapper `<span>` around the children instead of merging the trigger props\n   * onto the child. The span carries the click handler; `aria-haspopup`, `aria-expanded` and\n   * `aria-controls` go to the first element in the tab order inside it.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Props a `Drawer.Close` puts on its element (and passes to a render-prop child). */\nexport interface DrawerCloseRenderProps extends React.HTMLAttributes<HTMLElement> {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerClose sub-component. */\nexport interface DrawerCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that closes the drawer. A single element receives an `onClick` composed with its own\n   * (its handler runs first; `preventDefault()` keeps the drawer open); a function receives the\n   * props.\n   */\n  children: React.ReactNode | ((props: DrawerCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that closes the drawer on click. @default true */\n  asChild?: boolean;\n  /** Ref to the close element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the DrawerTitle sub-component. */\nexport interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** The title; any content. */\n  children: React.ReactNode;\n  /** Ref to the heading element. */\n  ref?: React.Ref<HTMLHeadingElement>;\n}\n\ninterface DrawerContextValue {\n  open: boolean;\n  /** Asks the root to open or close, with the reason and event for `onOpenChange`. */\n  requestOpen: ModalRequestOpen;\n  /** The trigger element (`attach`) and the focus-restore target resolved from it (`focusRef`). */\n  trigger: ModalTrigger;\n  /** The panel's id (for the trigger's `aria-controls`). */\n  panelId: string;\n  /** `true` for sub-components rendered inside the panel (a `Drawer.Trigger` there is misplaced). */\n  inPanel: boolean;\n}\n\nconst DrawerContext = React.createContext<DrawerContextValue | null>(null);\nDrawerContext.displayName = 'DrawerContext';\n\nconst inertDrawerContext: DrawerContextValue = {\n  open: false,\n  requestOpen: () => {},\n  trigger: inertModalTrigger,\n  panelId: '',\n  inPanel: false,\n};\n\nfunction useDrawerContext(componentName: string): DrawerContextValue {\n  return useRequiredContext(DrawerContext, componentName, 'Drawer', () => inertDrawerContext);\n}\n\n/**\n * The side the panel is pinned to, and a border on its inner edge (the one facing the page): it\n * marks the panel where the shadow cannot, in high contrast (page, backdrop and panel are black)\n * and in forced colors (which drop shadows).\n */\nconst positionClasses: Record<DrawerPosition, string> = {\n  start: 'start-0 border-e',\n  end: 'end-0 border-s',\n  left: 'left-0 border-r', // wave-allow-physical: the consumer asked for the physical left edge\n  right: 'right-0 border-l', // wave-allow-physical: the consumer asked for the physical right edge\n};\n\nconst NESTED_TRIGGER_WARNING_KEY = 'Drawer.Trigger:nested';\nconst NESTED_TRIGGER_WARNING =\n  'Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.';\n\nconst UNREACHABLE_WARNING_KEY = 'Drawer:unreachable';\nconst UNREACHABLE_WARNING =\n  'Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.';\n\n/**\n * How long after mount (ms) the development check for a drawer without a trigger waits: long\n * enough for a trigger that a conditional Fragment renders once the page knows its layout.\n */\nconst REACHABILITY_CHECK_DELAY = 1000;\n\n/**\n * Opens the drawer. Place it directly inside `Drawer`, or in a Fragment there (not inside a wrapper\n * element or a component of your own): it renders in place, not in the panel; a misplaced one warns\n * in development. A Drawer may have several triggers: focus returns to the one that opened it. Puts\n * `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), a click handler and a\n * ref on its single child, or passes them to a render-prop child. A custom child component must\n * forward `ref` and spread its props; one that does not is wrapped in a `<span>` automatically\n * (with a development warning), the span that `asChild={false}` renders. Focus returns to the\n * trigger when the drawer closes. On the span, the state ARIA goes to the first element in the tab\n * order inside it, and focus returns to that element (to the span 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 *\n * A Tooltip (or any other wrapper) goes inside the trigger, not around it. Use a render-prop child\n * so the trigger props land on the button and the Tooltip describes that same button:\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger>\n *     {(triggerProps) => (\n *       <Tooltip content=\"Narrow the list\">\n *         <Button {...triggerProps}>Filters</Button>\n *       </Tooltip>\n *     )}\n *   </Drawer.Trigger>\n *   <FilterForm />\n * </Drawer>\n */\nexport const DrawerTrigger = (props: DrawerTriggerProps) => {\n  const { open, requestOpen, trigger, panelId, inPanel } = useDrawerContext('Drawer.Trigger');\n\n  // Rendered inside its own drawer's panel (e.g. by a component): it only exists while open.\n  React.useEffect(() => {\n    if (inPanel) warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [inPanel]);\n\n  return useModalTriggerPart<DrawerTriggerRenderProps>(\n    { open, requestOpen, trigger, controlsId: panelId },\n    props,\n    'Drawer.Trigger',\n  );\n};\nDrawerTrigger.displayName = 'DrawerTrigger';\n\n/**\n * Closes the drawer: composes a click handler onto its single child (its own `onClick` runs first;\n * calling `preventDefault()` there keeps the drawer open), or passes it to a render-prop child.\n */\nexport const DrawerClose = (props: DrawerCloseProps) => {\n  const { requestOpen } = useDrawerContext('Drawer.Close');\n  return useModalClosePart<DrawerCloseRenderProps>(requestOpen, props, 'Drawer.Close');\n};\nDrawerClose.displayName = 'DrawerClose';\n\n/**\n * A heading that names the drawer (`aria-labelledby`), for rich titles or custom layouts. Render it\n * inside the Drawer's content (instead of the `title` prop).\n */\nexport const DrawerTitle = ({ id, className, children, ref, ...rest }: DrawerTitleProps) => {\n  const { id: titleId, ref: titleRef } = useModalTitle('Drawer.Title', 'Drawer', id, ref);\n  return (\n    <h2\n      {...rest}\n      id={titleId}\n      ref={titleRef}\n      className={cn('text-subtitle-1 font-semibold text-foreground', className)}\n    >\n      {children}\n    </h2>\n  );\n};\nDrawerTitle.displayName = 'DrawerTitle';\n\n/** Deepest element level the development check for nested triggers looks at. */\nconst NESTED_TRIGGER_MAX_DEPTH = 32;\n\n/**\n * Development check: whether the Drawer's children hold a `Drawer.Trigger` inside a host element\n * (at any depth, also through Fragments), which would become panel content; a trigger inside\n * Fragments only is direct (see `splitChildren`). Walks the element tree the consumer wrote, not\n * rendered output, so it descends only into host elements (`<div>`, `<span>`, …) and Fragments,\n * which render their `children` as written. A component's\n * output is unknown here — a wrapper that renders its own Drawer around its children, for one —\n * so components are not walked; a trigger rendered by a component is caught when it renders in the\n * open panel, or, while the drawer cannot open, by the unreachable-drawer check.\n */\nfunction hasNestedTrigger(children: React.ReactNode): boolean {\n  // `depth` counts host elements only: a Fragment adds no level, as `splitChildren` flattens it.\n  const visit = (node: unknown, depth: number, level: number): boolean => {\n    if (level > NESTED_TRIGGER_MAX_DEPTH || typeof node !== 'object' || node === null) return false;\n    if (Array.isArray(node)) return node.some((item) => visit(item, depth, level));\n    if (!React.isValidElement(node)) return false;\n    // A part written in a Server Component has a lazy type. The walk runs in effects, outside\n    // render: a lazy part that is still loading must not throw its thenable there, so it counts\n    // as no trigger (`suspend: false` returns the lazy itself, which matches nothing).\n    const type = getElementType(node, { suspend: false });\n    if (type === DrawerTrigger) return depth > 0;\n    const isFragment = type === React.Fragment;\n    if (typeof type !== 'string' && !isFragment) return false;\n    const { children: nested } = node.props as { children?: unknown };\n    return visit(nested, isFragment ? depth : depth + 1, level + 1);\n  };\n  return visit(children, 0, 0);\n}\n\n/**\n * Splits the Drawer's children into its direct `Drawer.Trigger` elements and the panel content.\n * Fragments are flattened (recursively), so a `Drawer.Trigger` in a Fragment —\n * `{isMobile && <><Drawer.Trigger>…</Drawer.Trigger><Filters /></>}` — counts as a direct child.\n * Every element keeps the key `flattenChildren` gives it: unique across Fragments and stable when a\n * sibling Fragment toggles, so panel content keeps its state. A trigger is recognised also when it\n * was written in a Server Component (a lazy type).\n */\nfunction splitChildren(children: React.ReactNode): {\n  triggers: React.ReactNode[];\n  content: React.ReactNode[];\n} {\n  const triggers: React.ReactNode[] = [];\n  const content: React.ReactNode[] = [];\n  for (const { key, node } of flattenChildren(children)) {\n    const keyed = React.isValidElement(node) ? React.cloneElement(node, { key }) : node;\n    if (isElementOfType(node, DrawerTrigger)) triggers.push(keyed);\n    else content.push(keyed);\n  }\n  return { triggers, content };\n}\n\n// The root of `Drawer` (documented on the export below).\nconst DrawerRoot = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  position = 'end',\n  title,\n  closeLabel = 'Close',\n  finalFocusRef,\n  children,\n  className,\n  id,\n  ref,\n  ...rest\n}: DrawerProps) => {\n  const [openState, requestOpen] = useModalOpenState(openProp, defaultOpen, onOpenChange);\n  // The panel lives in a portal, which renders only in the browser: until then (the server HTML,\n  // hydration) the drawer reports itself closed, so the trigger's aria-expanded and aria-controls\n  // never describe a panel that is not there.\n  const isClient = useIsClient();\n  const open = openState && isClient;\n  const trigger = useModalTrigger();\n  const generatedId = useId('wave-drawer');\n  const panelId = id ?? generatedId;\n  const propTitleId = useId('wave-drawer-title');\n  const titles = useTitleRegistry();\n\n  const [panel, setPanel] = React.useState<HTMLDivElement | null>(null);\n  const panelRef = React.useRef<HTMLDivElement | null>(null);\n  const attachPanel = React.useCallback((node: HTMLDivElement | null) => {\n    panelRef.current = node;\n    setPanel(node);\n  }, []);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, attachPanel);\n\n  // Every backdrop press asks the drawer to close.\n  const backdropPress = useBackdropPress(panelRef, true);\n  const onDismiss = useModalDismiss(requestOpen, 'Drawer', backdropPress.afterOutsidePress);\n  const layer = useModalLayer({\n    open,\n    onDismiss,\n    refs: [panelRef],\n    container: panel,\n    triggerRef: trigger.focusRef,\n    finalFocusRef,\n  });\n  // After useModalLayer's focus restore (effects run in order), start the trigger session, or end\n  // it and forget the trigger that opened it.\n  useModalTriggerSession(trigger, open);\n  useUnnamedModalWarning(open ? panel : null, titles.hasTitle, 'Drawer', 'Drawer.Title');\n\n  const { triggers, content } = splitChildren(children);\n\n  // A trigger nested in the children is panel content: never rendered while the drawer is closed.\n  // The children change on every parent render; once this drawer has warned, it stops walking.\n  const nestedWarnedRef = React.useRef(false);\n  React.useEffect(() => {\n    if (!isDev || nestedWarnedRef.current || !hasNestedTrigger(children)) return;\n    nestedWarnedRef.current = true;\n    warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [children]);\n\n  // An uncontrolled closed drawer without a direct trigger cannot open (e.g.\n  // `<Drawer><FilterTrigger /></Drawer>`, whose trigger is panel content). Checked once, a moment\n  // after mount, against the latest render: a trigger that a conditional Fragment adds right after\n  // mount (`{isMobile && <>…</>}` with an SSR-safe media query) counts. A trigger nested in an\n  // element already has the more specific warning above.\n  const unreachable = openProp === undefined && !defaultOpen && triggers.length === 0;\n  const latestRef = React.useRef({ unreachable, children });\n  React.useLayoutEffect(() => {\n    latestRef.current = { unreachable, children };\n  });\n  React.useEffect(() => {\n    if (!isDev || !latestRef.current.unreachable) return;\n    const timer = setTimeout(() => {\n      const latest = latestRef.current;\n      if (latest.unreachable && !hasNestedTrigger(latest.children)) {\n        warnOnce(UNREACHABLE_WARNING_KEY, UNREACHABLE_WARNING);\n      }\n    }, REACHABILITY_CHECK_DELAY);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const context = React.useMemo<DrawerContextValue>(\n    () => ({ open, requestOpen, trigger, panelId, inPanel: false }),\n    [open, requestOpen, trigger, panelId],\n  );\n  const panelContext = React.useMemo<DrawerContextValue>(\n    () => ({ ...context, inPanel: true }),\n    [context],\n  );\n\n  const hasTitle = slotRendersContent(title);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      {triggers}\n      {open && (\n        <Portal layerId={layer.layerId}>\n          <div className=\"fixed inset-0 bg-backdrop\" onMouseDown={backdropPress.onMouseDown}>\n            <div\n              ref={mergedRef}\n              role=\"dialog\"\n              id={panelId}\n              aria-labelledby={hasTitle ? propTitleId : titles.titleId}\n              tabIndex={-1}\n              {...rest}\n              className={cn(\n                'fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64',\n                positionClasses[position],\n                className,\n              )}\n            >\n              <DrawerContext.Provider value={panelContext}>\n                <ModalSurfaceContext.Provider value={titles.context}>\n                  <div className=\"flex items-center justify-between gap-2 border-b border-border p-4\">\n                    {hasTitle && (\n                      <h2 id={propTitleId} className=\"text-subtitle-1 font-semibold\">\n                        {title}\n                      </h2>\n                    )}\n                    <Button\n                      appearance=\"subtle\"\n                      size=\"small\"\n                      icon={<DismissIcon />}\n                      aria-label={closeLabel}\n                      onClick={(event) =>\n                        requestOpen(false, { reason: 'close-button', event: event.nativeEvent })\n                      }\n                      className=\"ms-auto text-muted-foreground\"\n                    />\n                  </div>\n                  <div className=\"min-h-0 flex-1 overflow-y-auto p-4\">{content}</div>\n                </ModalSurfaceContext.Provider>\n              </DrawerContext.Provider>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </DrawerContext.Provider>\n  );\n};\nDrawerRoot.displayName = 'Drawer';\n\n/**\n * A modal panel attached to a side of the screen (Fluent UI v2 style), rendered in a portal\n * (inheriting the WaveProvider theme) while open.\n *\n * - **Opening**: controlled (`open`), or uncontrolled with a `Drawer.Trigger` placed directly inside\n *   the Drawer or in a Fragment there (it renders in place, outside the panel).\n * - **Modal**: focus moves into the panel and Tab stays inside it (toasts included), the rest of the\n *   page is `inert` (instead of `aria-modal`), and the page does not scroll.\n * - **Closing**: Escape (only the topmost layer: a popup opened inside closes first), a click on the\n *   backdrop (a drag that starts inside does not close it), the Close button and `Drawer.Close`.\n *   `onOpenChange` gets the reason as its second argument (`details.reason`), so a controlled\n *   drawer can refuse some of them. A backdrop press blurs the focused field before the drawer\n *   closes, so a typed value is committed as with the Close button; when a controlled drawer\n *   refuses the press, the field gets focus back. Focus returns to the first of these that can\n *   take focus: `finalFocusRef`, the element that had focus when the drawer opened, the trigger,\n *   an element next to where that opener was.\n * - **Position**: `end` (default) and `start` follow the text direction.\n *\n * The sub-components are also exported under flat names (`DrawerTrigger`, `DrawerClose`,\n * `DrawerTitle`) for React Server Components, which cannot use the dotted form; dotted access\n * (`Drawer.Trigger`) needs a client file.\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger><Button>Filters</Button></Drawer.Trigger>\n *   <FilterForm />\n *   <Drawer.Close><Button appearance=\"primary\">Apply</Button></Drawer.Close>\n * </Drawer>\n */\nexport const Drawer = /* @__PURE__ */ Object.assign(DrawerRoot, {\n  Trigger: DrawerTrigger,\n  Close: DrawerClose,\n  Title: DrawerTitle,\n});\n"],"mappings":"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"}

package/dist/components/overlays/Popover.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("../../hooks/useEventCallback.cjs"),o=require("../../hooks/useControllable.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/focus.cjs"),l=require("../../hooks/useMergedRefs.cjs"),u=require("../../hooks/useIsClient.cjs"),d=require("../../lib/layers.cjs"),f=require("../../hooks/useDismiss.cjs"),p=require("../portal/Portal.cjs"),m=require("../../hooks/usePopupPosition.cjs"),h=require("../../hooks/useRestoreFocus.cjs"),g=require("../../hooks/useTriggerElement.cjs"),_=require("../../hooks/useHoverIntent.cjs"),v=require("../../hooks/useContextMenuAnchor.cjs"),y=require("./Popover.shared.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=b.createContext(null);S.displayName=`PopoverContext`;var C=null;function w(){return C??={open:!1,setOpen:()=>{},contentId:`wave-popover-inert-content`,setCustomContentId:()=>{},triggerId:`wave-popover-inert-trigger`,resolvedTriggerId:void 0,setResolvedTriggerId:()=>{},triggerRef:{current:null},triggerElement:null,triggerElementRef:()=>{},surfaceElementRef:()=>{},arrowRef:{current:null},onTriggerClick:()=>{},onTriggerKeyDown:()=>{},hoverTriggerHandlers:null,hoverSurfaceHandlers:null,contextMode:!1,contextTriggerHandlers:null,onContentContextMenu:()=>{},keyboardContext:!1,onContentKeyDown:()=>{},layerId:`wave-popover-inert-layer`,floatingProps:{"data-side":`bottom`,"data-align":`start`,style:{}},arrowStyles:{},placedSide:`bottom`},C}function ee(e){return b.useContext(S)||(n.reportMissingContext(e,`Popover`),w())}function T(e,t){let n=(t??``).split(/\s+/).filter(t=>t&&e.getElementById(t));return n.length>0?n.join(` `):void 0}function E(e,t){if(!e)return t;let n=e.ownerDocument,r=(t?n.getElementById(t):null)??g.getTriggerFocusTarget(e)??e;return T(n,r.getAttribute(`aria-labelledby`))??(r.id||e.id||void 0)}function te(e,t){return t.split(/\s+/).some(t=>{let n=t?e.getElementById(t):null;return n?n.getAttribute(`aria-label`)?.trim()||n.textContent?.trim()?!0:!!n.querySelector(`[aria-label]:not([aria-label=""]), [alt]:not([alt=""]), [title]:not([title=""])`):!1})}var ne=()=>()=>{};function D(e,t){let n=e?.ownerDocument.activeElement;return!e||!n?!1:e.contains(n)?!0:d.getLayerTreeElements(t,{includeOwnElements:!1}).some(e=>e.contains(n))}function O(e){return!!e&&typeof e.nodeType==`number`}function k(e){return{get current(){return e()}}}function re(e,t,n){return g.getTriggerFocusTarget(e)??y.getTabbableThrough(e,t,n)}var A=({open:e,defaultOpen:t,onOpenChange:r,side:i=`bottom`,align:d=`start`,ignoreOutsideRefs:p,openOnHover:C=!1,openDelay:w=250,closeDelay:ee=500,openOnContext:T=!1,target:E,children:te})=>{let[ne,A]=o.useControllable(e,t??!1,r),j=b.useRef(!1),M=a.useEventCallback(e=>{j.current=!1,A(e)}),N=b.useCallback(()=>j.current,[]),ie=u.useIsClient(),P=ne&&ie,[F,I]=b.useState(`other`),[L,ae]=b.useState(!1),[oe,se]=b.useState(P),R=F;P!==oe&&(se(P),P&&(R=L?`hover`:`other`)),R!==F&&I(R),L&&ae(!1);let z=s.useId(`popover-content`),[B,ce]=b.useState(void 0),V=B??z,H=s.useId(`popover-trigger`),[U,le]=b.useState(void 0),[W,ue]=b.useState(null),[G,de]=b.useState(null),K=b.useRef(null),q=b.useRef(null),fe=b.useRef(null),pe=O(E)?E:null,J=b.useRef(null);b.useInsertionEffect(()=>{J.current=pe},[pe]);let{setReference:me,setFloating:he,floatingProps:ge,arrowStyles:_e,side:ve}=m.usePopupPosition({open:P,side:i,align:d,offset:8,arrowRef:fe}),ye=b.useRef(null),Y=a.useEventCallback(()=>{let e=T?ye.current?.current:null;if(e&&c.isConnectedAndFocusable(e))return e;let t=K.current,n=t?g.getTriggerFocusTarget(t):null;if(n)return n;let r=J.current;return r&&c.isConnectedAndFocusable(r)?r:t}),be=b.useMemo(()=>k(Y),[Y]),xe=a.useEventCallback(e=>!(e.ctrlKey&&K.current?.contains(e.target))),{layerId:X}=f.useDismiss({open:P,onDismiss:()=>M(!1),refs:T?[q,J,...p??[]]:[q,K,J,...p??[]],anchorRef:be,kind:`popover`,outsidePress:!T||xe}),Z=b.useRef(!1),{anchor:Se,fromContext:Ce,origin:we,opener:Q,triggerHandlers:Te,surfaceHandlers:Ee}=v.useContextMenuAnchor({enabled:T,open:P,trigger:G,layerId:X,onOpen:e=>{Z.current=e===`keyboard`,M(!0)},onClose:()=>M(!1)});b.useInsertionEffect(()=>{ye.current=Q},[Q]);let De=g.useTriggerFocusRef(K);h.useRestoreFocus({enabled:P,container:W,triggerRef:T?void 0:De,finalFocusRef:T?Q:void 0,fallback:Y,onlyIfFocusInside:!0,isHoverClose:N}),b.useLayoutEffect(()=>{P&&(j.current=!1)},[P]);let Oe=l.useMergedRefs(K,de),ke=l.useMergedRefs(q,ue,he);b.useLayoutEffect(()=>{me(Ce?Se??(G&&(g.getTriggerFocusTarget(G)??G)):E??G)},[Se,Ce,E,G,me]),b.useLayoutEffect(()=>{if(Z.current){if(!P){Z.current=!1;return}W&&(Z.current=!1,c.focusElement(c.getFirstTabbable(W)??W,{preventScroll:!0}))}}),b.useEffect(()=>{C&&T&&n.warnOnce(`Popover:hover-and-context`,"Popover: `openOnHover` is ignored with `openOnContext`: a context popover opens on a right click, Shift+F10 or the ContextMenu key, not on hover.")},[C,T]);let $=C&&!T,Ae=a.useEventCallback(()=>R===`hover`&&!D(q.current,X)),{triggerHandlers:je,surfaceHandlers:Me,cancel:Ne}=_.useHoverIntent({enabled:$,open:P,openDelay:w,closeDelay:ee,trigger:G,surface:W,onOpen:()=>{ae(!0),M(!0)},onClose:()=>{j.current=!0,A(!1)},canClose:Ae}),Pe=a.useEventCallback(()=>{Ne(),P&&R===`hover`?I(`other`):M(e=>!e)}),Fe=a.useEventCallback(()=>{let e=K.current,t=T?Q.current:null;return t&&e?.contains(t)?t:e??J.current}),Ie=b.useMemo(()=>k(Fe),[Fe]),Le=a.useEventCallback(e=>{if(e.key!==`Tab`||e.shiftKey||!P)return;if(T){let t=Fe();if(!t||e.target!==(g.getTriggerFocusTarget(t)??t))return}let t=q.current,n=t?c.getFirstTabbable(t):null;n&&(e.preventDefault(),n.focus())}),Re=y.usePopoverTabOrder({enabled:P,surface:W,anchorRef:Ie,getPreviousStop:re}),ze=Ce&&we===`keyboard`,Be=b.useMemo(()=>({open:P,setOpen:M,contentId:V,setCustomContentId:ce,triggerId:H,resolvedTriggerId:U,setResolvedTriggerId:le,triggerRef:K,triggerElement:G,triggerElementRef:Oe,surfaceElementRef:ke,arrowRef:fe,onTriggerClick:Pe,onTriggerKeyDown:Le,hoverTriggerHandlers:$?je:null,hoverSurfaceHandlers:$?Me:null,contextMode:T,contextTriggerHandlers:T?Te:null,onContentContextMenu:Ee.onContextMenu,keyboardContext:ze,onContentKeyDown:Re,layerId:X,floatingProps:ge,arrowStyles:_e,placedSide:ve}),[P,M,V,H,U,G,Oe,ke,Pe,Le,$,je,Me,T,Te,Ee,ze,Re,X,ge,_e,ve]);return(0,x.jsx)(S.Provider,{value:Be,children:te})};A.displayName=`Popover`;var j=({children:e,asChild:t,id:n,onClick:r,onKeyDown:a,onContextMenu:o,onPointerEnter:s,onPointerMove:c,onPointerLeave:u,ref:d,...f})=>{let{open:p,contentId:m,triggerId:h,triggerElementRef:_,setResolvedTriggerId:v,onTriggerClick:y,onTriggerKeyDown:b,hoverTriggerHandlers:x,contextMode:S,contextTriggerHandlers:C}=ee(`Popover.Trigger`),w=l.useMergedRefs(d,_),T={...f,id:n??h,"aria-haspopup":`dialog`,"aria-expanded":!S&&p,"aria-controls":p&&!S?m:void 0,onClick:i.composeEventHandlers(r,S?void 0:y),onKeyDown:i.composeEventHandlers(a,C?i.composeEventHandlers(C.onKeyDown,b):b),onContextMenu:C?i.composeEventHandlers(o,C.onContextMenu):o,onPointerEnter:x?i.composeEventHandlers(s,x.onPointerEnter):s,onPointerMove:x?i.composeEventHandlers(c,x.onPointerMove):c,onPointerLeave:x?i.composeEventHandlers(u,x.onPointerLeave):u,ref:w};return g.useTriggerElement(e,T,{componentName:`Popover.Trigger`,asChild:t,onResolvedId:v,omitStateAria:S})};j.displayName=`PopoverTrigger`;var M=({children:e,title:a,id:o,className:c,style:u,"aria-label":d,"aria-labelledby":f,onKeyDown:m,onContextMenu:h,onPointerEnter:g,onPointerLeave:_,ref:v,...S})=>{let{open:C,contentId:w,setCustomContentId:T,resolvedTriggerId:D,triggerRef:O,triggerElement:k,surfaceElementRef:re,arrowRef:A,layerId:j,floatingProps:M,arrowStyles:N,placedSide:ie,onContentKeyDown:P,hoverSurfaceHandlers:F,contextMode:I,onContentContextMenu:L,keyboardContext:ae}=ee(`Popover.Content`),oe=s.useId(`popover-title`),se=l.useMergedRefs(v,re),R=r.slotRendersContent(a),z=f===void 0&&!d&&!R,B=C&&z&&!I,ce=b.useCallback(e=>{if(!B||!k||typeof MutationObserver>`u`)return ne();let t=new MutationObserver(e);return t.observe(k,{attributes:!0,attributeFilter:[`id`,`aria-labelledby`],childList:!0,subtree:!0}),()=>t.disconnect()},[B,k]),V=b.useSyncExternalStore(ce,()=>B?E(k,D):void 0,()=>B?D:void 0),H=f??(d?void 0:R?oe:V),U=o||void 0;return b.useEffect(()=>(T(U),()=>T(void 0)),[U,T]),b.useEffect(()=>{C&&z&&I&&n.isDev&&n.warnOnce(`Popover.Content:name`,"Popover.Content: the popover has no accessible name. A context popover (openOnContext) is not named by its region: pass `title`, `aria-label` or `aria-labelledby`.")},[C,z,I]),b.useEffect(()=>{if(!B||!n.isDev)return;let e=O.current;if(!e){n.warnOnce(`Popover.Content:name`,"Popover.Content: the popover has no accessible name. Pass `title`, `aria-label` or `aria-labelledby`, or open it from a Popover.Trigger.");return}let t=E(e,D);t?te(e.ownerDocument,t)||n.warnOnce(`Popover.Content:trigger-name`,"Popover.Content: the popover is named by its trigger, but the trigger has no text to name it (an icon-only trigger needs `aria-label`, or `aria-labelledby` pointing at text), so the popover has no accessible name. Name the trigger, or pass `title`, `aria-label` or `aria-labelledby`."):n.warnOnce(`Popover.Content:trigger-id`,"Popover.Content: the popover is named by its trigger, but the trigger element has no `id` (a render-prop child of Popover.Trigger must spread the `id` it receives), so the popover has no accessible name. Spread every trigger prop onto the element, or pass `title`, `aria-label` or `aria-labelledby`.")},[B,D,O,V]),C?(0,x.jsx)(p.Portal,{layerId:j,children:(0,x.jsxs)(`div`,{role:`dialog`,"aria-label":d,"aria-labelledby":H,tabIndex:ae?-1:void 0,...S,ref:se,id:U??w,"data-side":M[`data-side`],"data-align":M[`data-align`],style:{...u,...M.style},onKeyDown:i.composeEventHandlers(m,P),onContextMenu:i.composeEventHandlers(h,L),onPointerEnter:F?i.composeEventHandlers(g,F.onPointerEnter):g,onPointerLeave:F?i.composeEventHandlers(_,F.onPointerLeave):_,className:t.cn(`w-64 rounded-md border border-border bg-background p-4 text-body-1 font-normal text-foreground normal-case tracking-normal text-start shadow-4`,c),children:[(0,x.jsx)(y.PopoverBeak,{ref:A,side:ie,style:N,"data-wave-popover-arrow":``}),R&&(0,x.jsx)(`h2`,{id:oe,className:`mb-2 text-subtitle-2 font-semibold`,children:a}),e]})}):null};M.displayName=`PopoverContent`;var N=Object.assign(A,{Trigger:j,Content:M});exports.Popover=N,exports.PopoverContent=M,exports.PopoverTrigger=j;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/overlays/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","names":["React","getTriggerFocusTarget","getLayerTreeElements","getTabbableThrough","useControllable","useEventCallback","useIsClient","useId","usePopupPosition","isConnectedAndFocusable","useDismiss","useContextMenuAnchor","useTriggerFocusRef","useMergedRefs","getFirstTabbable","useHoverIntent","usePopoverTabOrder","composeEventHandlers","useTriggerElement","slotRendersContent","isDev","Portal","cn","PopoverBeak","require_runtime","require_cn","require_dev","require_slot","require_composeEventHandlers","require_useEventCallback","require_useControllable","require_useId","require_focus","require_useMergedRefs","require_useIsClient","require_layers","require_useDismiss","require_Portal","require_usePopupPosition","require_useRestoreFocus","require_useTriggerElement","require_useHoverIntent","require_useContextMenuAnchor","require_Popover_shared","react","react_jsx_runtime","PopoverContext","inertContext","getInertContext","usePopoverContext","componentName","presentIds","present","ids","id","doc","findTriggerLabelId","trigger","resolvedId","named","referencesText","el","subscribeNothing","isFocusInsideContentTree","active","surface","layerId","isElementTarget","target","createResolvedRef","resolve","getPopoverPreviousStop","anchor","order","PopoverRoot","openProp","openState","setOpen","defaultOpen","onOpenChange","hoverCloseRef","requestOpen","next","isHoverClose","isClient","open","openReason","setOpenReason","hoverRequested","setHoverRequested","previousOpen","setPreviousOpen","reason","generatedContentId","customContentId","setCustomContentId","contentId","triggerId","resolvedTriggerId","setResolvedTriggerId","setSurface","triggerElement","setTriggerElement","triggerRef","surfaceRef","arrowRef","targetElement","targetRef","placedSide","contextOpenerRef","resolveFocusTarget","gestureOpener","openOnContext","triggerTarget","targetEl","focusTargetRef","isOutsidePress","event","ignoreOutsideRefs","focusContentRef","contextAnchor","contextOrigin","contextOpener","contextTriggerHandlers","contextSurfaceHandlers","origin","triggerFocusRef","triggerElementRef","surfaceElementRef","setFloating","setReference","fromContext","openOnHover","hoverEnabled","canHoverClose","hoverTriggerHandlers","hoverSurfaceHandlers","cancelHover","onTriggerClick","current","resolveTabAnchor","tabAnchorRef","onTriggerKeyDown","surfaceElement","first","onContentKeyDown","keyboardContext","context","floatingProps","arrowStyles","PopoverTrigger","idProp","rest","hover","gesture","elementRef","ref","triggerProps","contextMode","onClick","onKeyDown","onContextMenu","onPointerEnter","onPointerMove","onPointerLeave","children","PopoverContent","ariaLabel","ariaLabelledBy","titleId","hasTitle","title","unnamed","checkTrigger","subscribeTrigger","observer","onChange","triggerLabelId","labelledBy","customId","labelIds","style","onContentContextMenu","className","Popover"],"sources":["../../../src/components/overlays/Popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { isDev, reportMissingContext, warnOnce } from '../../lib/dev';\nimport { slotRendersContent } from '../../lib/slot';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { focusElement, getFirstTabbable, isConnectedAndFocusable } from '../../lib/focus';\nimport { getLayerTreeElements } from '../../lib/layers';\nimport type { PopupAlign, PopupSide, PopupTarget } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useControllable, type SetValue } from '../../hooks/useControllable';\nimport { useContextMenuAnchor, type ContextMenuAnchor } from '../../hooks/useContextMenuAnchor';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useHoverIntent, type HoverIntent } from '../../hooks/useHoverIntent';\nimport { useRestoreFocus } from '../../hooks/useRestoreFocus';\nimport { usePopupPosition } from '../../hooks/usePopupPosition';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport {\n  getTriggerFocusTarget,\n  useTriggerElement,\n  useTriggerFocusRef,\n} from '../../hooks/useTriggerElement';\nimport { Portal } from '../portal/Portal';\nimport {\n  getTabbableThrough,\n  PopoverBeak,\n  usePopoverTabOrder,\n  type PopoverPhysicalSide,\n} from './Popover.shared';\n\n/** Properties for the Popover component. */\nexport interface PopoverProps {\n  /**\n   * Controlled open state of the popover. The content renders only in the browser: an open\n   * popover is closed in the server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Default open state for uncontrolled usage. The content renders only in the browser: a\n   * popover open by default is closed in the server HTML and opens once it has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the requested open state when it differs from the current one: a trigger click,\n   * Escape and an outside press; the hover opening and closing of `openOnHover`; and, with\n   * `openOnContext`, a context gesture (a right click, a macOS Ctrl+click, Shift+F10 or the\n   * ContextMenu key), a right click outside, and a scroll that moves the row it opened at.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Side of the trigger the content opens on. `start`/`end` follow the writing direction. The\n   * content flips to the opposite side when there is not enough room.\n   * @default 'bottom'\n   */\n  side?: PopupSide;\n  /** Alignment of the content along the trigger's edge.\n   * @default 'start'\n   */\n  align?: PopupAlign;\n  /**\n   * Elements outside the popover whose presses must not dismiss it, e.g. an external toggle\n   * button that opens and closes the popover itself.\n   */\n  ignoreOutsideRefs?: ReadonlyArray<React.RefObject<HTMLElement | null>>;\n  /**\n   * Open the popover when a mouse pointer rests on its trigger (a hover card), and close it once\n   * the pointer has been off the trigger and the content for `closeDelay` while focus is not\n   * inside the content. A popover opened by hover does not take focus, and its hover close leaves\n   * focus where it is; a click on its trigger keeps it open and keeps focus where it is (a second\n   * click closes it, as without hover). After Escape or an outside press it does not reopen until\n   * the pointer has left the trigger. Touch and pen never open it by hover, and an `aria-disabled`\n   * trigger never opens. A triangle between the trigger and the content keeps it open while the\n   * pointer moves diagonally into it. Ignored with `openOnContext` (development warning).\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Milliseconds a hovering mouse pointer rests on the trigger before the popover opens (mouse\n   * hover only).\n   * @default 250\n   */\n  openDelay?: number;\n  /**\n   * Milliseconds before a hover-opened popover closes once the mouse pointer has left it and its\n   * trigger (Fluent's `mouseLeaveDelay`; mouse hover only).\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * Make `Popover.Trigger` a context-menu region (a list, a row, a canvas): a right click (a\n   * Ctrl+click on macOS, a long press where the browser reports one) opens the popover at the\n   * pointer and leaves focus where it is (Tab from that element enters the content), and\n   * Shift+F10 or the ContextMenu key opens it at the focused element inside the region and moves\n   * focus into the content, instead of a click. Focus returns to the element that had it. The\n   * browser's context menu is suppressed there and inside the content, except in text fields\n   * inside the region, which keep it. A press elsewhere, a right click outside or a scroll that\n   * moves the row it opened at (the one under the pointer, or the focused one), as a scroll of\n   * the region's own content does, closes it. The trigger gets no `aria-haspopup`/`aria-expanded`\n   * (it is not a popover button; with a render-prop child, do not spread them): name the content\n   * with `title`, `aria-label` or `aria-labelledby`, and consider `aria-keyshortcuts=\"Shift+F10\"`\n   * on the region. iOS Safari reports no long press. `openOnHover` is ignored with it.\n   * @default false\n   */\n  openOnContext?: boolean;\n  /**\n   * Where to place the content instead of next to `Popover.Trigger`: an element or a\n   * `VirtualElement` (a rectangle, such as a point; an inline object is fine). With a controlled\n   * `open`, a popover with a `target` needs no trigger; name it with `title`, `aria-label` or\n   * `aria-labelledby`, and give a toggle button you use as the target `aria-haspopup=\"dialog\"`,\n   * `aria-expanded` and `aria-controls` yourself. A press on a target element does not close the\n   * popover, and Tab from it enters the content when there is no trigger. Hold the element in\n   * state (a ref cannot be observed; TeachingPopover's `target` also takes a ref). A popover\n   * opened by `openOnContext` is placed at the gesture instead.\n   */\n  target?: PopupTarget;\n  /** `Popover.Trigger` and `Popover.Content`. */\n  children: React.ReactNode;\n}\n\n/**\n * Props the trigger puts on its element; a render-prop child of `Popover.Trigger` receives them\n * (spread them onto the element that opens the popover). With `openOnContext` the element is a\n * context-menu region, not a popover button: do not spread `aria-haspopup`, `aria-expanded` and\n * `aria-controls` onto it (`aria-expanded` is then always `false`, `aria-controls` is absent and\n * `onClick` does nothing); spread ones are removed after each commit, with a development warning.\n */\nexport type PopoverTriggerChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {\n  id: string;\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The content's id, only while the popover is open (never with `openOnContext`). */\n  'aria-controls': string | undefined;\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Moves Tab from the open trigger into the portaled content (which lives at the end of the\n   * document), so the keyboard order follows the trigger.\n   */\n  onKeyDown: React.KeyboardEventHandler<HTMLElement>;\n  ref: React.RefCallback<HTMLElement>;\n};\n\n/** Properties for the PopoverTrigger sub-component. */\nexport interface PopoverTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that toggles the popover (its props are merged onto it), or a render function\n   * that receives the trigger props.\n   */\n  children: React.ReactNode | ((props: PopoverTriggerChildProps) => React.ReactNode);\n  /**\n   * `false` renders the 0.4 wrapper `<span>` carrying the trigger props around the children\n   * instead of merging them onto the child. `aria-haspopup`, `aria-expanded` and `aria-controls`,\n   * which a generic element cannot carry, go to the first element in the tab order inside the\n   * span. A render-prop child ignores `asChild` and receives every prop.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the PopoverContent sub-component. */\nexport interface PopoverContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Content to render inside the popover. */\n  children: React.ReactNode;\n  /**\n   * Visible heading rendered at the top of the popover; it names the dialog. Without `title`,\n   * `aria-label` or `aria-labelledby`, the popover is labelled by its trigger, except with\n   * `openOnContext` (a region's text is no name), where it needs one of them.\n   */\n  title?: React.ReactNode;\n  /** Id of the surface; the trigger's `aria-controls` follows it. Defaults to a generated id. */\n  id?: string;\n  /** Ref to the popover surface. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PopoverContextValue {\n  open: boolean;\n  setOpen: SetValue<boolean>;\n  /** The content's id: the consumer's `Popover.Content` id when given, else a generated one. */\n  contentId: string;\n  /** `Popover.Content` reports the consumer's `id` so the trigger's `aria-controls` follows it. */\n  setCustomContentId: (id: string | undefined) => void;\n  triggerId: string;\n  /** The id the trigger element ended up with (the child's own id wins). */\n  resolvedTriggerId: string | undefined;\n  setResolvedTriggerId: (id: string) => void;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  /** The trigger element as state (read during render, e.g. to check the labelling id). */\n  triggerElement: HTMLElement | null;\n  /** Ref callback for the trigger element: focus-restore target and positioning anchor. */\n  triggerElementRef: React.RefCallback<HTMLElement>;\n  /** Ref callback for the surface: dismissal, focus restore and positioning. */\n  surfaceElementRef: React.RefCallback<HTMLElement>;\n  arrowRef: React.RefObject<HTMLDivElement | null>;\n  /** The trigger's click: toggles the popover, or pins one that hover opened (keeps it open). */\n  onTriggerClick: () => void;\n  /** Tab from the open trigger enters the portaled content. */\n  onTriggerKeyDown: React.KeyboardEventHandler<HTMLElement>;\n  /** Hover opening (`openOnHover`): composed onto the trigger; `null` without it. */\n  hoverTriggerHandlers: HoverIntent['triggerHandlers'] | null;\n  /** Hover opening (`openOnHover`): composed onto the content; `null` without it. */\n  hoverSurfaceHandlers: HoverIntent['surfaceHandlers'] | null;\n  /** `openOnContext`: the trigger is a context-menu region, not a popover button. */\n  contextMode: boolean;\n  /** Context gestures (`openOnContext`): composed onto the trigger; `null` without it. */\n  contextTriggerHandlers: ContextMenuAnchor['triggerHandlers'] | null;\n  /** Composed onto the content: suppresses the browser's context menu there in context mode. */\n  onContentContextMenu: React.MouseEventHandler<HTMLElement>;\n  /** Opened by a keyboard context gesture: the content takes focus (itself when nothing can). */\n  keyboardContext: boolean;\n  /** Tab past the content's edges continues around the trigger in the page order. */\n  onContentKeyDown: React.KeyboardEventHandler<HTMLElement>;\n  layerId: string;\n  floatingProps: { 'data-side': string; 'data-align': string; style: React.CSSProperties };\n  arrowStyles: React.CSSProperties;\n  placedSide: PopoverPhysicalSide;\n}\n\nconst PopoverContext = React.createContext<PopoverContextValue | null>(null);\nPopoverContext.displayName = 'PopoverContext';\n\nlet inertContext: PopoverContextValue | null = null;\n\n/** Production fallback for a misplaced sub-component: a closed popover that does nothing. */\nfunction getInertContext(): PopoverContextValue {\n  inertContext ??= {\n    open: false,\n    setOpen: () => {},\n    contentId: 'wave-popover-inert-content',\n    setCustomContentId: () => {},\n    triggerId: 'wave-popover-inert-trigger',\n    resolvedTriggerId: undefined,\n    setResolvedTriggerId: () => {},\n    triggerRef: { current: null },\n    triggerElement: null,\n    triggerElementRef: () => {},\n    surfaceElementRef: () => {},\n    arrowRef: { current: null },\n    onTriggerClick: () => {},\n    onTriggerKeyDown: () => {},\n    hoverTriggerHandlers: null,\n    hoverSurfaceHandlers: null,\n    contextMode: false,\n    contextTriggerHandlers: null,\n    onContentContextMenu: () => {},\n    keyboardContext: false,\n    onContentKeyDown: () => {},\n    layerId: 'wave-popover-inert-layer',\n    floatingProps: { 'data-side': 'bottom', 'data-align': 'start', style: {} },\n    arrowStyles: {},\n    placedSide: 'bottom',\n  };\n  return inertContext;\n}\n\nfunction usePopoverContext(componentName: string): PopoverContextValue {\n  const context = React.useContext(PopoverContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Popover');\n  return getInertContext();\n}\n\n/** The ids of an id list that exist in `doc`, joined; `undefined` when none does. */\nfunction presentIds(doc: Document, ids: string | null): string | undefined {\n  const present = (ids ?? '').split(/\\s+/).filter((id) => id && doc.getElementById(id));\n  return present.length > 0 ? present.join(' ') : undefined;\n}\n\n/**\n * The ids `Popover.Content`'s default `aria-labelledby` points at, so the popover gets its\n * trigger's name. The named element is the one with the resolved id when the document has it,\n * otherwise the trigger's focus target (for example the Button inside a Tooltip that sits between\n * `Popover.Trigger` and the Button, whose own id wins), else the trigger element. When that\n * element is itself named through `aria-labelledby` (an icon-only Button inside\n * `Tooltip relationship=\"label\"`, or a button labelled by a visible label), its label ids are\n * returned: a name computation does not follow a second `aria-labelledby` hop, so pointing at the\n * button would leave the popover unnamed. Otherwise the element's id, else the trigger's own.\n * `undefined` when none of them has an id (a render-prop child that does not spread `id`), so the\n * reference never dangles; only ids present in the document are returned. Before the trigger\n * element is known, the resolved id.\n */\nfunction findTriggerLabelId(\n  trigger: HTMLElement | null,\n  resolvedId: string | undefined,\n): string | undefined {\n  if (!trigger) return resolvedId;\n  const doc = trigger.ownerDocument;\n  const named =\n    (resolvedId ? doc.getElementById(resolvedId) : null) ??\n    getTriggerFocusTarget(trigger) ??\n    trigger;\n  return (\n    presentIds(doc, named.getAttribute('aria-labelledby')) ?? (named.id || trigger.id || undefined)\n  );\n}\n\n/**\n * Whether one of the elements an id list references has text for a name: its own `aria-label`\n * or text, or a descendant's `aria-label`, `alt` or `title`. Deliberately lenient (it only drives\n * a development warning): content that assistive technology ignores still counts as text.\n */\nfunction referencesText(doc: Document, ids: string): boolean {\n  return ids.split(/\\s+/).some((id) => {\n    const el = id ? doc.getElementById(id) : null;\n    if (!el) return false;\n    if (el.getAttribute('aria-label')?.trim() || el.textContent?.trim()) return true;\n    return !!el.querySelector(\n      '[aria-label]:not([aria-label=\"\"]), [alt]:not([alt=\"\"]), [title]:not([title=\"\"])',\n    );\n  });\n}\n\nconst subscribeNothing = (): (() => void) => () => {};\n\n/**\n * Whether focus is inside the content or in a layer opened from it (a menu of the content, whose\n * portal lives elsewhere): what keeps a hover-opened popover open. Focus on the trigger does not\n * count, although the trigger belongs to the dismiss layer.\n */\nfunction isFocusInsideContentTree(surface: HTMLElement | null, layerId: string): boolean {\n  const active = surface?.ownerDocument.activeElement;\n  if (!surface || !active) return false;\n  if (surface.contains(active)) return true;\n  return getLayerTreeElements(layerId, { includeOwnElements: false }).some((el) =>\n    el.contains(active),\n  );\n}\n\n/** Why an open popover opened: hover (it closes by hover), or anything else (it is pinned). */\ntype OpenReason = 'hover' | 'other';\n\n/** Whether a `target` is an element rather than a VirtualElement (duck typed, any realm). */\nfunction isElementTarget(target: PopupTarget | undefined): target is HTMLElement {\n  return !!target && typeof (target as Partial<Node>).nodeType === 'number';\n}\n\n/** A read-only ref whose `current` is `resolve()` at the time it is read (event time). */\nfunction createResolvedRef(resolve: () => HTMLElement | null): React.RefObject<HTMLElement | null> {\n  return {\n    get current() {\n      return resolve();\n    },\n  };\n}\n\n/**\n * The content's previous stop: the focus target of the element it follows (the trigger, the row of\n * a context gesture, a `target` element), else the tab stop before that element.\n */\nfunction getPopoverPreviousStop(\n  anchor: HTMLElement,\n  surface: HTMLElement,\n  order?: readonly HTMLElement[],\n): HTMLElement | null {\n  return getTriggerFocusTarget(anchor) ?? getTabbableThrough(anchor, surface, order);\n}\n\n// A const arrow (like DialogRoot and DrawerRoot): its type can be named in consumers' declaration\n// files, e.g. a story's `satisfies Meta<typeof Popover>` (a function declaration's `typeof` cannot,\n// TS4023).\nconst PopoverRoot = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  side = 'bottom',\n  align = 'start',\n  ignoreOutsideRefs,\n  openOnHover = false,\n  openDelay = 250,\n  closeDelay = 500,\n  openOnContext = false,\n  target,\n  children,\n}: PopoverProps) => {\n  const [openState, setOpen] = useControllable(openProp, defaultOpen ?? false, onOpenChange);\n  // A hover close in flight (written in handlers, read when the popover closes): set when the hover\n  // intent asks to close, so that close moves no focus even when a controlled parent applies it in\n  // a later render (a transition). Every other request to open or close forgets it, and so does\n  // the next opening.\n  const hoverCloseRef = React.useRef(false);\n  const requestOpen = useEventCallback<SetValue<boolean>>((next) => {\n    hoverCloseRef.current = false;\n    setOpen(next);\n  });\n  const isHoverClose = React.useCallback(() => hoverCloseRef.current, []);\n  // The content lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the popover reports itself closed, so the trigger's aria-expanded and\n  // aria-controls never describe content that is not there.\n  const isClient = useIsClient();\n  const open = openState && isClient;\n\n  // Why the popover opened, decided when it opens (C-HOOKS: a previous-value state): `hover` when\n  // hover asked for that open (a request consumed by the next render, so an open that a\n  // controlled parent refused does not linger), else `other` (click, keys, a context gesture, a\n  // controlled open).\n  const [openReason, setOpenReason] = React.useState<OpenReason>('other');\n  const [hoverRequested, setHoverRequested] = React.useState(false);\n  const [previousOpen, setPreviousOpen] = React.useState(open);\n  let reason = openReason;\n  if (open !== previousOpen) {\n    setPreviousOpen(open);\n    if (open) reason = hoverRequested ? 'hover' : 'other';\n  }\n  if (reason !== openReason) setOpenReason(reason);\n  if (hoverRequested) setHoverRequested(false);\n\n  const generatedContentId = useId('popover-content');\n  const [customContentId, setCustomContentId] = React.useState<string | undefined>(undefined);\n  const contentId = customContentId ?? generatedContentId;\n  const triggerId = useId('popover-trigger');\n  const [resolvedTriggerId, setResolvedTriggerId] = React.useState<string | undefined>(undefined);\n  const [surface, setSurface] = React.useState<HTMLElement | null>(null);\n  const [triggerElement, setTriggerElement] = React.useState<HTMLElement | null>(null);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const surfaceRef = React.useRef<HTMLElement | null>(null);\n  const arrowRef = React.useRef<HTMLDivElement | null>(null);\n  // A `target` element (not a VirtualElement) belongs to the dismiss layer, anchors the keyboard\n  // order without a trigger and can take focus back.\n  const targetElement = isElementTarget(target) ? target : null;\n  const targetRef = React.useRef<HTMLElement | null>(null);\n  React.useInsertionEffect(() => {\n    targetRef.current = targetElement;\n  }, [targetElement]);\n\n  // Destructured: react-hooks/refs treats an object whose member is passed to `ref` as a ref.\n  const {\n    setReference,\n    setFloating,\n    floatingProps,\n    arrowStyles,\n    side: placedSide,\n  } = usePopupPosition({ open, side, align, offset: 8, arrowRef });\n\n  // The one focus resolver: the focus-return fallback and the layer's anchor (where a surface\n  // opened from the content restores focus once its opener is gone). In context mode the element\n  // focused at the gesture (the row) first; then the trigger's focus target (for a wrapper span,\n  // the element inside it that carries the state ARIA), a focusable `target` element, and the\n  // trigger itself. The context hook's opener ref is stable; it is filled in once the hook runs.\n  const contextOpenerRef = React.useRef<React.RefObject<HTMLElement | null> | null>(null);\n  const resolveFocusTarget = useEventCallback((): HTMLElement | null => {\n    const gestureOpener = openOnContext ? contextOpenerRef.current?.current : null;\n    if (gestureOpener && isConnectedAndFocusable(gestureOpener)) return gestureOpener;\n    const trigger = triggerRef.current;\n    const triggerTarget = trigger ? getTriggerFocusTarget(trigger) : null;\n    if (triggerTarget) return triggerTarget;\n    const targetEl = targetRef.current;\n    if (targetEl && isConnectedAndFocusable(targetEl)) return targetEl;\n    return trigger;\n  });\n  const focusTargetRef = React.useMemo(\n    () => createResolvedRef(resolveFocusTarget),\n    [resolveFocusTarget],\n  );\n\n  // In context mode the region is no part of the layer: a primary press elsewhere in it closes the\n  // popover like any outside press. A Ctrl+press inside it is a macOS context click, whose\n  // `contextmenu` moves the popover instead.\n  const isOutsidePress = useEventCallback(\n    (event: PointerEvent | MouseEvent) =>\n      !(event.ctrlKey && triggerRef.current?.contains(event.target as Node)),\n  );\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: () => requestOpen(false),\n    refs: openOnContext\n      ? [surfaceRef, targetRef, ...(ignoreOutsideRefs ?? [])]\n      : [surfaceRef, triggerRef, targetRef, ...(ignoreOutsideRefs ?? [])],\n    anchorRef: focusTargetRef,\n    kind: 'popover',\n    outsidePress: openOnContext ? isOutsidePress : true,\n  });\n\n  // A keyboard context gesture moves focus into the content, once it is there (see below).\n  const focusContentRef = React.useRef(false);\n  const {\n    anchor: contextAnchor,\n    fromContext,\n    origin: contextOrigin,\n    opener: contextOpener,\n    triggerHandlers: contextTriggerHandlers,\n    surfaceHandlers: contextSurfaceHandlers,\n  } = useContextMenuAnchor({\n    enabled: openOnContext,\n    open,\n    trigger: triggerElement,\n    layerId,\n    onOpen: (origin) => {\n      focusContentRef.current = origin === 'keyboard';\n      requestOpen(true);\n    },\n    onClose: () => requestOpen(false),\n  });\n  React.useInsertionEffect(() => {\n    contextOpenerRef.current = contextOpener;\n  }, [contextOpener]);\n\n  // Focus returns to the element that takes focus for the trigger, as Shift+Tab from the content\n  // does, when the popover closes while focus is inside it or on `<body>`; a hover close restores\n  // only focus inside, so it never moves focus. In context mode it returns to the element focused\n  // at the gesture (the row): the region is no restore target of its own (as `triggerRef` it\n  // would be taken for the opener).\n  const triggerFocusRef = useTriggerFocusRef(triggerRef);\n  useRestoreFocus({\n    enabled: open,\n    container: surface,\n    triggerRef: openOnContext ? undefined : triggerFocusRef,\n    finalFocusRef: openOnContext ? contextOpener : undefined,\n    fallback: resolveFocusTarget,\n    onlyIfFocusInside: true,\n    isHoverClose,\n  });\n  React.useLayoutEffect(() => {\n    if (open) hoverCloseRef.current = false;\n  }, [open]);\n\n  const triggerElementRef = useMergedRefs<HTMLElement>(triggerRef, setTriggerElement);\n  const surfaceElementRef = useMergedRefs<HTMLElement>(surfaceRef, setSurface, setFloating);\n\n  // The positioning anchor: the context gesture (the pointer, or the focused row, else the\n  // trigger's focus target, else the trigger) while the popover was opened by one, else `target`,\n  // else the trigger. A new VirtualElement on every render repositions without a render loop.\n  React.useLayoutEffect(() => {\n    if (fromContext) {\n      setReference(\n        contextAnchor ??\n          (triggerElement && (getTriggerFocusTarget(triggerElement) ?? triggerElement)),\n      );\n    } else {\n      setReference(target ?? triggerElement);\n    }\n  }, [contextAnchor, fromContext, target, triggerElement, setReference]);\n\n  // After the commit that has the surface (and after a gesture while open): focus its first\n  // tabbable element, else the surface itself (it then has `tabIndex={-1}`). A gesture whose open\n  // was refused leaves nothing pending. No deps: every commit, since a gesture always renders.\n  React.useLayoutEffect(() => {\n    if (!focusContentRef.current) return;\n    if (!open) {\n      focusContentRef.current = false;\n      return;\n    }\n    if (!surface) return;\n    focusContentRef.current = false;\n    focusElement(getFirstTabbable(surface) ?? surface, { preventScroll: true });\n  });\n\n  React.useEffect(() => {\n    if (!openOnHover || !openOnContext) return;\n    warnOnce(\n      'Popover:hover-and-context',\n      'Popover: `openOnHover` is ignored with `openOnContext`: a context popover opens on a right click, Shift+F10 or the ContextMenu key, not on hover.',\n    );\n  }, [openOnHover, openOnContext]);\n\n  // Hover opening: a popover that hover opened closes by hover until a click on the trigger pins\n  // it; focus inside the content (or a layer opened from it) keeps it open, focus on the trigger\n  // does not.\n  const hoverEnabled = openOnHover && !openOnContext;\n  const canHoverClose = useEventCallback(\n    () => reason === 'hover' && !isFocusInsideContentTree(surfaceRef.current, layerId),\n  );\n  const {\n    triggerHandlers: hoverTriggerHandlers,\n    surfaceHandlers: hoverSurfaceHandlers,\n    cancel: cancelHover,\n  } = useHoverIntent({\n    enabled: hoverEnabled,\n    open,\n    openDelay,\n    closeDelay,\n    trigger: triggerElement,\n    surface,\n    onOpen: () => {\n      setHoverRequested(true);\n      requestOpen(true);\n    },\n    onClose: () => {\n      // Before the request: a parent may apply it synchronously (flushSync).\n      hoverCloseRef.current = true;\n      setOpen(false);\n    },\n    canClose: canHoverClose,\n  });\n\n  const onTriggerClick = useEventCallback(() => {\n    cancelHover();\n    if (open && reason === 'hover') setOpenReason('other');\n    else requestOpen((current) => !current);\n  });\n\n  // The element the content follows in the keyboard order: in context mode the element focused\n  // at the gesture when it lies inside the region, else the trigger, else a `target` element.\n  // With neither (a VirtualElement target and no trigger) the content keeps the portal's place.\n  const resolveTabAnchor = useEventCallback((): HTMLElement | null => {\n    const trigger = triggerRef.current;\n    const gestureOpener = openOnContext ? contextOpener.current : null;\n    if (gestureOpener && trigger?.contains(gestureOpener)) return gestureOpener;\n    return trigger ?? targetRef.current;\n  });\n  const tabAnchorRef = React.useMemo(() => createResolvedRef(resolveTabAnchor), [resolveTabAnchor]);\n\n  // Keyboard order of the portaled content (it lives at the end of the document), as if it\n  // followed the trigger like 0.4's inline content: Tab from the open trigger enters it (here, in\n  // the trigger's own `onKeyDown`, which runs before a dialog's focus trap), Tab past its last\n  // element continues after the trigger, Shift+Tab from its first element returns to the trigger\n  // (the element inside a wrapper span), and Shift+Tab from the element after the trigger enters\n  // it at its last element. The end of the page does not visit it a second time where its portal\n  // is, and no Tab cycle forms (see usePopoverTabOrder). In a context region only Tab from the\n  // element the content follows enters it; Tab on the region's other rows moves on as usual.\n  const onTriggerKeyDown = useEventCallback((event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.key !== 'Tab' || event.shiftKey || !open) return;\n    if (openOnContext) {\n      const anchor = resolveTabAnchor();\n      if (!anchor || event.target !== (getTriggerFocusTarget(anchor) ?? anchor)) return;\n    }\n    const surfaceElement = surfaceRef.current;\n    const first = surfaceElement ? getFirstTabbable(surfaceElement) : null;\n    if (!first) return;\n    event.preventDefault();\n    first.focus();\n  });\n\n  const onContentKeyDown = usePopoverTabOrder({\n    enabled: open,\n    surface,\n    anchorRef: tabAnchorRef,\n    // Shift+Tab from the content's first element returns to the trigger (the element in a span),\n    // or, when nothing in the trigger can take focus, to the tab stop before it.\n    getPreviousStop: getPopoverPreviousStop,\n  });\n\n  const keyboardContext = fromContext && contextOrigin === 'keyboard';\n  const context = React.useMemo<PopoverContextValue>(\n    () => ({\n      open,\n      setOpen: requestOpen,\n      contentId,\n      setCustomContentId,\n      triggerId,\n      resolvedTriggerId,\n      setResolvedTriggerId,\n      triggerRef,\n      triggerElement,\n      triggerElementRef,\n      surfaceElementRef,\n      arrowRef,\n      onTriggerClick,\n      onTriggerKeyDown,\n      hoverTriggerHandlers: hoverEnabled ? hoverTriggerHandlers : null,\n      hoverSurfaceHandlers: hoverEnabled ? hoverSurfaceHandlers : null,\n      contextMode: openOnContext,\n      contextTriggerHandlers: openOnContext ? contextTriggerHandlers : null,\n      onContentContextMenu: contextSurfaceHandlers.onContextMenu,\n      keyboardContext,\n      onContentKeyDown,\n      layerId,\n      floatingProps,\n      arrowStyles,\n      placedSide,\n    }),\n    [\n      open,\n      requestOpen,\n      contentId,\n      triggerId,\n      resolvedTriggerId,\n      triggerElement,\n      triggerElementRef,\n      surfaceElementRef,\n      onTriggerClick,\n      onTriggerKeyDown,\n      hoverEnabled,\n      hoverTriggerHandlers,\n      hoverSurfaceHandlers,\n      openOnContext,\n      contextTriggerHandlers,\n      contextSurfaceHandlers,\n      keyboardContext,\n      onContentKeyDown,\n      layerId,\n      floatingProps,\n      arrowStyles,\n      placedSide,\n    ],\n  );\n\n  return <PopoverContext.Provider value={context}>{children}</PopoverContext.Provider>;\n};\n\nPopoverRoot.displayName = 'Popover';\n\n/**\n * The element that toggles the popover. Its props are merged onto the single child (no wrapper\n * element): `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), an `id` that\n * labels the content, a composed `onClick` and the ref used as positioning anchor and focus-return\n * target. The child's own `id`, handlers and classes are kept; the live state ARIA always wins.\n * A render function receives the props instead (spread all of them, `id` included: the content is\n * named by it); `asChild={false}` renders the 0.4 wrapper span, and a custom child that neither\n * forwards `ref` nor spreads its props falls back to that span automatically (with a development\n * warning). On the span, the state ARIA goes to the first element in the tab order inside it, and\n * focus returns to that element (to the span when you made it the trigger with a `role` such as\n * `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n *\n * With `openOnHover` a mouse pointer resting on it opens the popover, and a click pins a\n * hover-opened popover instead of closing it. With `openOnContext` it is a context-menu region (a\n * list, a row, a canvas) instead of a button: it receives its `id` and the context-menu and key\n * handlers, but no state ARIA and no click toggle (a render function still receives every prop:\n * do not spread the state ARIA then).\n *\n * A Tooltip goes between the trigger and the button: it passes the trigger's `id` and ARIA on to\n * the button, which the Tooltip also describes.\n *\n * @example\n * <Popover.Trigger>\n *   <Tooltip content=\"Narrow the list\">\n *     <Button>Filters</Button>\n *   </Tooltip>\n * </Popover.Trigger>\n *\n * Also exported as `PopoverTrigger` for React Server Components, which cannot use the dotted\n * `Popover.Trigger` (that needs a client file).\n */\nexport const PopoverTrigger = ({\n  children,\n  asChild,\n  id: idProp,\n  onClick,\n  onKeyDown,\n  onContextMenu,\n  onPointerEnter,\n  onPointerMove,\n  onPointerLeave,\n  ref,\n  ...rest\n}: PopoverTriggerProps) => {\n  const {\n    open,\n    contentId,\n    triggerId,\n    triggerElementRef,\n    setResolvedTriggerId,\n    onTriggerClick,\n    onTriggerKeyDown,\n    hoverTriggerHandlers: hover,\n    contextMode,\n    contextTriggerHandlers: gesture,\n  } = usePopoverContext('Popover.Trigger');\n  const elementRef = useMergedRefs<HTMLElement>(ref, triggerElementRef);\n\n  // On a wrapper span (`asChild={false}`, the automatic fallback) useTriggerElement moves the\n  // state ARIA onto the first element in the tab order inside it. The hover handlers are there\n  // only with `openOnHover`, the context handlers only with `openOnContext`. A context region is\n  // no popover button: it gets no state ARIA and no click toggle (useTriggerElement\n  // `omitStateAria`), and a render-prop child reads a constant closed state.\n  const triggerProps = {\n    ...rest,\n    id: idProp ?? triggerId,\n    'aria-haspopup': 'dialog' as const,\n    'aria-expanded': contextMode ? false : open,\n    'aria-controls': open && !contextMode ? contentId : undefined,\n    onClick: composeEventHandlers(onClick, contextMode ? undefined : onTriggerClick),\n    onKeyDown: composeEventHandlers(\n      onKeyDown,\n      gesture ? composeEventHandlers(gesture.onKeyDown, onTriggerKeyDown) : onTriggerKeyDown,\n    ),\n    onContextMenu: gesture\n      ? composeEventHandlers(onContextMenu, gesture.onContextMenu)\n      : onContextMenu,\n    onPointerEnter: hover\n      ? composeEventHandlers(onPointerEnter, hover.onPointerEnter)\n      : onPointerEnter,\n    onPointerMove: hover ? composeEventHandlers(onPointerMove, hover.onPointerMove) : onPointerMove,\n    onPointerLeave: hover\n      ? composeEventHandlers(onPointerLeave, hover.onPointerLeave)\n      : onPointerLeave,\n    ref: elementRef,\n  } as PopoverTriggerChildProps;\n\n  return useTriggerElement(children, triggerProps, {\n    componentName: 'Popover.Trigger',\n    asChild,\n    onResolvedId: setResolvedTriggerId,\n    omitStateAria: contextMode,\n  });\n};\nPopoverTrigger.displayName = 'PopoverTrigger';\n\n/**\n * The popover surface: a non-modal `role=\"dialog\"` rendered in a portal (so overflow containers\n * never clip it) and positioned next to the trigger with a beak, flipping and shifting to stay in\n * the viewport. It closes on Escape and on a press outside (presses inside nested overlays opened\n * from it count as inside), and focus returns to the trigger when it closes while focus was inside.\n * In the keyboard order it follows the trigger, like inline content: Tab from the open trigger\n * enters it, Tab past its last element continues after the trigger, and Shift+Tab from the element\n * after the trigger enters it at its last element. Tab from the last element of the page moves\n * past it, and Shift+Tab from outside the page reaches the page's last element first, so a lap\n * visits it once. For a trigger outside the tab order (nothing in it can take focus, or\n * `tabIndex={-1}`), Tab from the tab stop before the trigger enters it, and Shift+Tab from its\n * first element returns to the trigger, or to that tab stop when nothing in the trigger can take\n * focus. With no tab stop before the trigger, the content is reached at the end of the page.\n * Named by `title`, `aria-label`/`aria-labelledby`, or else by its trigger: `aria-labelledby`\n * points at the id the trigger element carries in the document, or at the trigger's own label\n * elements when the trigger is named through `aria-labelledby` (an icon-only Button inside\n * `Tooltip relationship=\"label\"`); never at a missing id. A development warning names the problem\n * when the trigger has no id or no text. With `openOnContext` it is never named by the trigger (a\n * region's text is no name): pass `title`, `aria-label` or `aria-labelledby` (a development\n * warning otherwise). A consumer `id` is kept, and the trigger's `aria-controls` follows it. The\n * beak inherits the surface's background and border colors, so a `className` that changes them\n * restyles the beak too.\n *\n * With `openOnContext` it opens at the pointer of a right click, or at the focused row for\n * Shift+F10 and the ContextMenu key, and it follows that row in the keyboard order; with a\n * `target` it is placed at the target and, without a trigger, follows a target element in the\n * keyboard order.\n *\n * Also exported as `PopoverContent` for React Server Components, which cannot use the dotted\n * `Popover.Content` (that needs a client file).\n */\nexport const PopoverContent = ({\n  children,\n  title,\n  id: idProp,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  onKeyDown,\n  onContextMenu,\n  onPointerEnter,\n  onPointerLeave,\n  ref,\n  ...rest\n}: PopoverContentProps) => {\n  const {\n    open,\n    contentId,\n    setCustomContentId,\n    resolvedTriggerId,\n    triggerRef,\n    triggerElement,\n    surfaceElementRef,\n    arrowRef,\n    layerId,\n    floatingProps,\n    arrowStyles,\n    placedSide,\n    onContentKeyDown,\n    hoverSurfaceHandlers: hover,\n    contextMode,\n    onContentContextMenu,\n    keyboardContext,\n  } = usePopoverContext('Popover.Content');\n  const titleId = useId('popover-title');\n  const elementRef = useMergedRefs<HTMLDivElement>(ref, surfaceElementRef);\n  const hasTitle = slotRendersContent(title);\n  const unnamed = ariaLabelledBy === undefined && !ariaLabel && !hasTitle;\n  // A context region is no popover button, and its whole text is no name: in context mode the\n  // content is never labelled by the trigger.\n  const checkTrigger = open && unnamed && !contextMode;\n\n  // The trigger's label ids in the document, re-read when the trigger's ids or labels change: a\n  // Tooltip between Popover.Trigger and the Button leaves the Button's own id in place (and with\n  // `relationship=\"label\"` names it through `aria-labelledby`), and a render-prop child may not\n  // spread `id` at all — never point aria-labelledby at an id that is not there.\n  const subscribeTrigger = React.useCallback(\n    (onChange: () => void) => {\n      if (!checkTrigger || !triggerElement || typeof MutationObserver === 'undefined') {\n        return subscribeNothing();\n      }\n      const observer = new MutationObserver(onChange);\n      observer.observe(triggerElement, {\n        attributes: true,\n        attributeFilter: ['id', 'aria-labelledby'],\n        childList: true,\n        subtree: true,\n      });\n      return () => observer.disconnect();\n    },\n    [checkTrigger, triggerElement],\n  );\n  const triggerLabelId = React.useSyncExternalStore(\n    subscribeTrigger,\n    () => (checkTrigger ? findTriggerLabelId(triggerElement, resolvedTriggerId) : undefined),\n    () => (checkTrigger ? resolvedTriggerId : undefined),\n  );\n\n  const labelledBy =\n    ariaLabelledBy ?? (ariaLabel ? undefined : hasTitle ? titleId : triggerLabelId);\n  const customId = idProp || undefined;\n\n  // Report the consumer's id to the root so the trigger's `aria-controls` points at it.\n  React.useEffect(() => {\n    setCustomContentId(customId);\n    return () => setCustomContentId(undefined);\n  }, [customId, setCustomContentId]);\n\n  React.useEffect(() => {\n    if (!open || !unnamed || !contextMode || !isDev) return;\n    warnOnce(\n      'Popover.Content:name',\n      'Popover.Content: the popover has no accessible name. A context popover (openOnContext) is not named by its region: pass `title`, `aria-label` or `aria-labelledby`.',\n    );\n  }, [open, unnamed, contextMode]);\n\n  React.useEffect(() => {\n    if (!checkTrigger || !isDev) return;\n    // Read after commit: a trigger's ref is attached by now even before it reported its id.\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      warnOnce(\n        'Popover.Content:name',\n        'Popover.Content: the popover has no accessible name. Pass `title`, `aria-label` or `aria-labelledby`, or open it from a Popover.Trigger.',\n      );\n      return;\n    }\n    const labelIds = findTriggerLabelId(trigger, resolvedTriggerId);\n    if (!labelIds) {\n      warnOnce(\n        'Popover.Content:trigger-id',\n        'Popover.Content: the popover is named by its trigger, but the trigger element has no `id` (a render-prop child of Popover.Trigger must spread the `id` it receives), so the popover has no accessible name. Spread every trigger prop onto the element, or pass `title`, `aria-label` or `aria-labelledby`.',\n      );\n    } else if (!referencesText(trigger.ownerDocument, labelIds)) {\n      warnOnce(\n        'Popover.Content:trigger-name',\n        'Popover.Content: the popover is named by its trigger, but the trigger has no text to name it (an icon-only trigger needs `aria-label`, or `aria-labelledby` pointing at text), so the popover has no accessible name. Name the trigger, or pass `title`, `aria-label` or `aria-labelledby`.',\n      );\n    }\n  }, [checkTrigger, resolvedTriggerId, triggerRef, triggerLabelId]);\n\n  if (!open) return null;\n\n  return (\n    <Portal layerId={layerId}>\n      <div\n        role=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={labelledBy}\n        tabIndex={keyboardContext ? -1 : undefined}\n        {...rest}\n        ref={elementRef}\n        id={customId ?? contentId}\n        data-side={floatingProps['data-side']}\n        data-align={floatingProps['data-align']}\n        style={{ ...style, ...floatingProps.style }}\n        onKeyDown={composeEventHandlers(onKeyDown, onContentKeyDown)}\n        onContextMenu={composeEventHandlers(onContextMenu, onContentContextMenu)}\n        onPointerEnter={\n          hover ? composeEventHandlers(onPointerEnter, hover.onPointerEnter) : onPointerEnter\n        }\n        onPointerLeave={\n          hover ? composeEventHandlers(onPointerLeave, hover.onPointerLeave) : onPointerLeave\n        }\n        className={cn(\n          'w-64 rounded-md border border-border bg-background p-4 text-body-1 font-normal text-foreground normal-case tracking-normal text-start shadow-4',\n          className,\n        )}\n      >\n        <PopoverBeak\n          ref={arrowRef}\n          side={placedSide}\n          style={arrowStyles}\n          data-wave-popover-arrow=\"\"\n        />\n        {hasTitle && (\n          <h2 id={titleId} className=\"mb-2 text-subtitle-2 font-semibold\">\n            {title}\n          </h2>\n        )}\n        {children}\n      </div>\n    </Portal>\n  );\n};\nPopoverContent.displayName = 'PopoverContent';\n\n/**\n * A non-modal popup anchored to a trigger: `Popover.Trigger` (merges its props onto the child\n * button) and `Popover.Content` (portaled, positioned `role=\"dialog\"` surface). Use it for custom\n * popups such as filters or details; for a menu button use `Menu.Trigger` and `Menu.Popover`,\n * which add menu semantics and keyboard support.\n *\n * Controlled (`open`/`onOpenChange`) or uncontrolled (`defaultOpen`); `side`/`align` place the\n * content, and `ignoreOutsideRefs` lists external elements (such as a toggle button) whose presses\n * do not dismiss it.\n *\n * - **Hover cards:** `openOnHover` opens it when a mouse pointer rests on the trigger\n *   (`openDelay`) and closes it once the pointer has left the trigger and the content\n *   (`closeDelay`), unless focus is inside; a click on the trigger pins it.\n * - **Context popovers:** `openOnContext` makes the trigger a context-menu region: a right click\n *   opens it at the pointer, Shift+F10 or the ContextMenu key at the focused row (with focus\n *   moving into the content). Name the content with `title` or `aria-label`.\n * - **Custom anchors:** `target` places it at another element or at a `VirtualElement` (a point, a\n *   text selection); with a controlled `open` it needs no trigger.\n *\n * @example\n * <Popover>\n *   <Popover.Trigger><Button>Details</Button></Popover.Trigger>\n *   <Popover.Content title=\"Details\">…</Popover.Content>\n * </Popover>\n */\nexport const Popover = /* @__PURE__ */ Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n});\n"],"mappings":"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"}

package/dist/components/overlays/Popover.mjs

@@ -0,0 +1,365 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { isDev as t, reportMissingContext as n, warnOnce as r } from "../../lib/dev.mjs";
+import { slotRendersContent as ee } from "../../lib/slot.mjs";
+import { composeEventHandlers as i } from "../../lib/composeEventHandlers.mjs";
+import { useEventCallback as a } from "../../hooks/useEventCallback.mjs";
+import { useControllable as o } from "../../hooks/useControllable.mjs";
+import { useId as s } from "../../hooks/useId.mjs";
+import { focusElement as c, getFirstTabbable as l, isConnectedAndFocusable as u } from "../../lib/focus.mjs";
+import { useMergedRefs as d } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as f } from "../../hooks/useIsClient.mjs";
+import { getLayerTreeElements as p } from "../../lib/layers.mjs";
+import { useDismiss as te } from "../../hooks/useDismiss.mjs";
+import { Portal as m } from "../portal/Portal.mjs";
+import { usePopupPosition as h } from "../../hooks/usePopupPosition.mjs";
+import { useRestoreFocus as g } from "../../hooks/useRestoreFocus.mjs";
+import { getTriggerFocusTarget as _, useTriggerElement as ne, useTriggerFocusRef as v } from "../../hooks/useTriggerElement.mjs";
+import { useHoverIntent as y } from "../../hooks/useHoverIntent.mjs";
+import { useContextMenuAnchor as b } from "../../hooks/useContextMenuAnchor.mjs";
+import { PopoverBeak as re, getTabbableThrough as x, usePopoverTabOrder as S } from "./Popover.shared.mjs";
+import * as C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/components/overlays/Popover.tsx
+var E = C.createContext(null);
+E.displayName = "PopoverContext";
+var D = null;
+function ie() {
+	return D ??= {
+		open: !1,
+		setOpen: () => {},
+		contentId: "wave-popover-inert-content",
+		setCustomContentId: () => {},
+		triggerId: "wave-popover-inert-trigger",
+		resolvedTriggerId: void 0,
+		setResolvedTriggerId: () => {},
+		triggerRef: { current: null },
+		triggerElement: null,
+		triggerElementRef: () => {},
+		surfaceElementRef: () => {},
+		arrowRef: { current: null },
+		onTriggerClick: () => {},
+		onTriggerKeyDown: () => {},
+		hoverTriggerHandlers: null,
+		hoverSurfaceHandlers: null,
+		contextMode: !1,
+		contextTriggerHandlers: null,
+		onContentContextMenu: () => {},
+		keyboardContext: !1,
+		onContentKeyDown: () => {},
+		layerId: "wave-popover-inert-layer",
+		floatingProps: {
+			"data-side": "bottom",
+			"data-align": "start",
+			style: {}
+		},
+		arrowStyles: {},
+		placedSide: "bottom"
+	}, D;
+}
+function O(e) {
+	return C.useContext(E) || (n(e, "Popover"), ie());
+}
+function k(e, t) {
+	let n = (t ?? "").split(/\s+/).filter((t) => t && e.getElementById(t));
+	return n.length > 0 ? n.join(" ") : void 0;
+}
+function A(e, t) {
+	if (!e) return t;
+	let n = e.ownerDocument, r = (t ? n.getElementById(t) : null) ?? _(e) ?? e;
+	return k(n, r.getAttribute("aria-labelledby")) ?? (r.id || e.id || void 0);
+}
+function ae(e, t) {
+	return t.split(/\s+/).some((t) => {
+		let n = t ? e.getElementById(t) : null;
+		return n ? n.getAttribute("aria-label")?.trim() || n.textContent?.trim() ? !0 : !!n.querySelector("[aria-label]:not([aria-label=\"\"]), [alt]:not([alt=\"\"]), [title]:not([title=\"\"])") : !1;
+	});
+}
+var oe = () => () => {};
+function j(e, t) {
+	let n = e?.ownerDocument.activeElement;
+	return !e || !n ? !1 : e.contains(n) ? !0 : p(t, { includeOwnElements: !1 }).some((e) => e.contains(n));
+}
+function se(e) {
+	return !!e && typeof e.nodeType == "number";
+}
+function M(e) {
+	return { get current() {
+		return e();
+	} };
+}
+function ce(e, t, n) {
+	return _(e) ?? x(e, t, n);
+}
+var N = ({ open: e, defaultOpen: t, onOpenChange: n, side: ee = "bottom", align: i = "start", ignoreOutsideRefs: p, openOnHover: m = !1, openDelay: ne = 250, closeDelay: re = 500, openOnContext: x = !1, target: T, children: D }) => {
+	let [ie, O] = o(e, t ?? !1, n), k = C.useRef(!1), A = a((e) => {
+		k.current = !1, O(e);
+	}), ae = C.useCallback(() => k.current, []), oe = f(), N = ie && oe, [P, F] = C.useState("other"), [I, L] = C.useState(!1), [le, R] = C.useState(N), z = P;
+	N !== le && (R(N), N && (z = I ? "hover" : "other")), z !== P && F(z), I && L(!1);
+	let B = s("popover-content"), [ue, V] = C.useState(void 0), H = ue ?? B, U = s("popover-trigger"), [de, fe] = C.useState(void 0), [W, pe] = C.useState(null), [G, me] = C.useState(null), K = C.useRef(null), q = C.useRef(null), he = C.useRef(null), ge = se(T) ? T : null, J = C.useRef(null);
+	C.useInsertionEffect(() => {
+		J.current = ge;
+	}, [ge]);
+	let { setReference: _e, setFloating: ve, floatingProps: ye, arrowStyles: be, side: xe } = h({
+		open: N,
+		side: ee,
+		align: i,
+		offset: 8,
+		arrowRef: he
+	}), Se = C.useRef(null), Ce = a(() => {
+		let e = x ? Se.current?.current : null;
+		if (e && u(e)) return e;
+		let t = K.current, n = t ? _(t) : null;
+		if (n) return n;
+		let r = J.current;
+		return r && u(r) ? r : t;
+	}), we = C.useMemo(() => M(Ce), [Ce]), Te = a((e) => !(e.ctrlKey && K.current?.contains(e.target))), { layerId: Y } = te({
+		open: N,
+		onDismiss: () => A(!1),
+		refs: x ? [
+			q,
+			J,
+			...p ?? []
+		] : [
+			q,
+			K,
+			J,
+			...p ?? []
+		],
+		anchorRef: we,
+		kind: "popover",
+		outsidePress: !x || Te
+	}), X = C.useRef(!1), { anchor: Ee, fromContext: De, origin: Oe, opener: Z, triggerHandlers: ke, surfaceHandlers: Ae } = b({
+		enabled: x,
+		open: N,
+		trigger: G,
+		layerId: Y,
+		onOpen: (e) => {
+			X.current = e === "keyboard", A(!0);
+		},
+		onClose: () => A(!1)
+	});
+	C.useInsertionEffect(() => {
+		Se.current = Z;
+	}, [Z]);
+	let je = v(K);
+	g({
+		enabled: N,
+		container: W,
+		triggerRef: x ? void 0 : je,
+		finalFocusRef: x ? Z : void 0,
+		fallback: Ce,
+		onlyIfFocusInside: !0,
+		isHoverClose: ae
+	}), C.useLayoutEffect(() => {
+		N && (k.current = !1);
+	}, [N]);
+	let Me = d(K, me), Ne = d(q, pe, ve);
+	C.useLayoutEffect(() => {
+		_e(De ? Ee ?? (G && (_(G) ?? G)) : T ?? G);
+	}, [
+		Ee,
+		De,
+		T,
+		G,
+		_e
+	]), C.useLayoutEffect(() => {
+		if (X.current) {
+			if (!N) {
+				X.current = !1;
+				return;
+			}
+			W && (X.current = !1, c(l(W) ?? W, { preventScroll: !0 }));
+		}
+	}), C.useEffect(() => {
+		m && x && r("Popover:hover-and-context", "Popover: `openOnHover` is ignored with `openOnContext`: a context popover opens on a right click, Shift+F10 or the ContextMenu key, not on hover.");
+	}, [m, x]);
+	let Q = m && !x, Pe = a(() => z === "hover" && !j(q.current, Y)), { triggerHandlers: Fe, surfaceHandlers: Ie, cancel: Le } = y({
+		enabled: Q,
+		open: N,
+		openDelay: ne,
+		closeDelay: re,
+		trigger: G,
+		surface: W,
+		onOpen: () => {
+			L(!0), A(!0);
+		},
+		onClose: () => {
+			k.current = !0, O(!1);
+		},
+		canClose: Pe
+	}), Re = a(() => {
+		Le(), N && z === "hover" ? F("other") : A((e) => !e);
+	}), $ = a(() => {
+		let e = K.current, t = x ? Z.current : null;
+		return t && e?.contains(t) ? t : e ?? J.current;
+	}), ze = C.useMemo(() => M($), [$]), Be = a((e) => {
+		if (e.key !== "Tab" || e.shiftKey || !N) return;
+		if (x) {
+			let t = $();
+			if (!t || e.target !== (_(t) ?? t)) return;
+		}
+		let t = q.current, n = t ? l(t) : null;
+		n && (e.preventDefault(), n.focus());
+	}), Ve = S({
+		enabled: N,
+		surface: W,
+		anchorRef: ze,
+		getPreviousStop: ce
+	}), He = De && Oe === "keyboard", Ue = C.useMemo(() => ({
+		open: N,
+		setOpen: A,
+		contentId: H,
+		setCustomContentId: V,
+		triggerId: U,
+		resolvedTriggerId: de,
+		setResolvedTriggerId: fe,
+		triggerRef: K,
+		triggerElement: G,
+		triggerElementRef: Me,
+		surfaceElementRef: Ne,
+		arrowRef: he,
+		onTriggerClick: Re,
+		onTriggerKeyDown: Be,
+		hoverTriggerHandlers: Q ? Fe : null,
+		hoverSurfaceHandlers: Q ? Ie : null,
+		contextMode: x,
+		contextTriggerHandlers: x ? ke : null,
+		onContentContextMenu: Ae.onContextMenu,
+		keyboardContext: He,
+		onContentKeyDown: Ve,
+		layerId: Y,
+		floatingProps: ye,
+		arrowStyles: be,
+		placedSide: xe
+	}), [
+		N,
+		A,
+		H,
+		U,
+		de,
+		G,
+		Me,
+		Ne,
+		Re,
+		Be,
+		Q,
+		Fe,
+		Ie,
+		x,
+		ke,
+		Ae,
+		He,
+		Ve,
+		Y,
+		ye,
+		be,
+		xe
+	]);
+	return /* @__PURE__ */ w(E.Provider, {
+		value: Ue,
+		children: D
+	});
+};
+N.displayName = "Popover";
+var P = ({ children: e, asChild: t, id: n, onClick: r, onKeyDown: ee, onContextMenu: a, onPointerEnter: o, onPointerMove: s, onPointerLeave: c, ref: l, ...u }) => {
+	let { open: f, contentId: p, triggerId: te, triggerElementRef: m, setResolvedTriggerId: h, onTriggerClick: g, onTriggerKeyDown: _, hoverTriggerHandlers: v, contextMode: y, contextTriggerHandlers: b } = O("Popover.Trigger"), re = d(l, m), x = {
+		...u,
+		id: n ?? te,
+		"aria-haspopup": "dialog",
+		"aria-expanded": !y && f,
+		"aria-controls": f && !y ? p : void 0,
+		onClick: i(r, y ? void 0 : g),
+		onKeyDown: i(ee, b ? i(b.onKeyDown, _) : _),
+		onContextMenu: b ? i(a, b.onContextMenu) : a,
+		onPointerEnter: v ? i(o, v.onPointerEnter) : o,
+		onPointerMove: v ? i(s, v.onPointerMove) : s,
+		onPointerLeave: v ? i(c, v.onPointerLeave) : c,
+		ref: re
+	};
+	return ne(e, x, {
+		componentName: "Popover.Trigger",
+		asChild: t,
+		onResolvedId: h,
+		omitStateAria: y
+	});
+};
+P.displayName = "PopoverTrigger";
+var F = ({ children: n, title: a, id: o, className: c, style: l, "aria-label": u, "aria-labelledby": f, onKeyDown: p, onContextMenu: te, onPointerEnter: h, onPointerLeave: g, ref: _, ...ne }) => {
+	let { open: v, contentId: y, setCustomContentId: b, resolvedTriggerId: x, triggerRef: S, triggerElement: E, surfaceElementRef: D, arrowRef: ie, layerId: k, floatingProps: j, arrowStyles: se, placedSide: M, onContentKeyDown: ce, hoverSurfaceHandlers: N, contextMode: P, onContentContextMenu: F, keyboardContext: I } = O("Popover.Content"), L = s("popover-title"), le = d(_, D), R = ee(a), z = f === void 0 && !u && !R, B = v && z && !P, ue = C.useCallback((e) => {
+		if (!B || !E || typeof MutationObserver > "u") return oe();
+		let t = new MutationObserver(e);
+		return t.observe(E, {
+			attributes: !0,
+			attributeFilter: ["id", "aria-labelledby"],
+			childList: !0,
+			subtree: !0
+		}), () => t.disconnect();
+	}, [B, E]), V = C.useSyncExternalStore(ue, () => B ? A(E, x) : void 0, () => B ? x : void 0), H = f ?? (u ? void 0 : R ? L : V), U = o || void 0;
+	return C.useEffect(() => (b(U), () => b(void 0)), [U, b]), C.useEffect(() => {
+		v && z && P && t && r("Popover.Content:name", "Popover.Content: the popover has no accessible name. A context popover (openOnContext) is not named by its region: pass `title`, `aria-label` or `aria-labelledby`.");
+	}, [
+		v,
+		z,
+		P
+	]), C.useEffect(() => {
+		if (!B || !t) return;
+		let e = S.current;
+		if (!e) {
+			r("Popover.Content:name", "Popover.Content: the popover has no accessible name. Pass `title`, `aria-label` or `aria-labelledby`, or open it from a Popover.Trigger.");
+			return;
+		}
+		let n = A(e, x);
+		n ? ae(e.ownerDocument, n) || r("Popover.Content:trigger-name", "Popover.Content: the popover is named by its trigger, but the trigger has no text to name it (an icon-only trigger needs `aria-label`, or `aria-labelledby` pointing at text), so the popover has no accessible name. Name the trigger, or pass `title`, `aria-label` or `aria-labelledby`.") : r("Popover.Content:trigger-id", "Popover.Content: the popover is named by its trigger, but the trigger element has no `id` (a render-prop child of Popover.Trigger must spread the `id` it receives), so the popover has no accessible name. Spread every trigger prop onto the element, or pass `title`, `aria-label` or `aria-labelledby`.");
+	}, [
+		B,
+		x,
+		S,
+		V
+	]), v ? /* @__PURE__ */ w(m, {
+		layerId: k,
+		children: /* @__PURE__ */ T("div", {
+			role: "dialog",
+			"aria-label": u,
+			"aria-labelledby": H,
+			tabIndex: I ? -1 : void 0,
+			...ne,
+			ref: le,
+			id: U ?? y,
+			"data-side": j["data-side"],
+			"data-align": j["data-align"],
+			style: {
+				...l,
+				...j.style
+			},
+			onKeyDown: i(p, ce),
+			onContextMenu: i(te, F),
+			onPointerEnter: N ? i(h, N.onPointerEnter) : h,
+			onPointerLeave: N ? i(g, N.onPointerLeave) : g,
+			className: e("w-64 rounded-md border border-border bg-background p-4 text-body-1 font-normal text-foreground normal-case tracking-normal text-start shadow-4", c),
+			children: [
+				/* @__PURE__ */ w(re, {
+					ref: ie,
+					side: M,
+					style: se,
+					"data-wave-popover-arrow": ""
+				}),
+				R && /* @__PURE__ */ w("h2", {
+					id: L,
+					className: "mb-2 text-subtitle-2 font-semibold",
+					children: a
+				}),
+				n
+			]
+		})
+	}) : null;
+};
+F.displayName = "PopoverContent";
+var I = /* @__PURE__ */ Object.assign(N, {
+	Trigger: P,
+	Content: F
+});
+//#endregion
+export { I as Popover, F as PopoverContent, P as PopoverTrigger };
+
+//# sourceMappingURL=Popover.mjs.map