@mortenbrudvik/waveui 0.4.0 → 0.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.cjs","names":["React","inertModalTrigger","useRequiredContext","useModalOpenState","useIsClient","useModalTrigger","useModalTriggerPart","useModalClosePart","useId","useTitleRegistry","useMergedRefs","useBackdropPress","useModalDismiss","useModalLayer","slotRendersContent","Portal","cn","ModalSurfaceContext","Button","DismissIcon","useModalTitle","require_runtime","require_cn","require_dev","require_slot","require_useId","require_useMergedRefs","require_useIsClient","require_Portal","require_Button","require_icons","require_useModalLayer","require_Dialog_shared","react","react_jsx_runtime","DialogContext","inertDialogContext","useDialogContext","componentName","DialogRoot","openState","requestOpen","open","defaultOpen","onOpenChange","isClient","isOpen","trigger","contentId","setContentId","registerContentId","id","current","context","modalType","finalFocusRef","DialogTrigger","props","DialogClose","sizeClasses","DialogContent","rest","generatedId","propTitleId","titles","surface","setSurface","surfaceRef","attachSurface","node","registerId","mergedRef","ref","closesOnBackdropPress","backdropPress","onDismiss","layer","footerHeight","setFooterHeight","surfaceContext","hasTitle","title","size","className","closeLabel","event","DialogTitle","titleId","titleRef","stickyFooterClasses","footerRowClasses","DialogFooter","outsideContent","footer","setFooter","observer","entry","entries","Dialog"],"sources":["../../../src/components/overlays/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { slotRendersContent } from '../../lib/slot';\nimport type { ModalOpenChangeReason, ModalType, 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 ModalSurfaceContextValue,\n  type ModalTrigger,\n} from './Dialog.shared';\n\n/**\n * Why a {@link Dialog} asks to open or close: `trigger` (`Dialog.Trigger`), `close`\n * (`Dialog.Close`), `close-button` (the built-in Close button), `escape`, `outside-press` (the\n * backdrop). The shared `ModalOpenChangeReason`.\n */\nexport type DialogOpenChangeReason = ModalOpenChangeReason;\n\n/** The second argument of a {@link Dialog}'s `onOpenChange`: the reason and the DOM event. */\nexport type DialogOpenChangeDetails = OpenChangeDetails<DialogOpenChangeReason>;\n\n/**\n * How a {@link Dialog} blocks the page (the shared `ModalType`; Drawer reuses it when it gains\n * `modalType`).\n */\nexport type DialogModalType = ModalType;\n\n/** Properties for the Dialog component. */\nexport interface DialogProps {\n  /**\n   * Controlled open state of the dialog. The surface renders only in the browser: an open dialog\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 surface renders only in the browser: a dialog\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 dialog 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 dialog stays as it is until the parent updates\n   * `open`.\n   */\n  onOpenChange?: (open: boolean, details?: DialogOpenChangeDetails) => void;\n  /**\n   * `modal`: a backdrop press, Escape, the Close button and `Dialog.Close` close it. `alert`: a\n   * confirmation that needs an answer — `role=\"alertdialog\"`, and a backdrop press does not close\n   * it (Escape still does). Initial focus goes to the first focusable element, the built-in Close\n   * button; give the least destructive action `autoFocus` to focus it instead. (`'non-modal'` is\n   * planned.)\n   * @default 'modal'\n   */\n  modalType?: DialogModalType;\n  /**\n   * Where focus goes when the dialog closes, if it can take focus. Otherwise focus returns to the\n   * element that had focus when the dialog opened, then to the trigger, then to an element next to\n   * where that opener was (the next row's action after a confirm dialog deleted the row). Use it to\n   * send focus somewhere else.\n   */\n  finalFocusRef?: React.RefObject<HTMLElement | null>;\n  /** `Dialog.Trigger` and `Dialog.Content`. */\n  children: React.ReactNode;\n}\n\n/** Properties for the DialogContent sub-component. */\nexport interface DialogContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /**\n   * Title rendered as the dialog's heading; it names the dialog (`aria-labelledby`). Without it,\n   * render a `Dialog.Title` or pass `aria-label`/`aria-labelledby`. A title that renders nothing\n   * (`''`, `[]`, `true`) counts as none.\n   */\n  title?: React.ReactNode;\n  /** Maximum width of the dialog: 400px (`small`) or 600px (`medium`); it never exceeds the viewport.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\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  /** Content rendered inside the dialog body (put `Dialog.Footer` here as well). */\n  children: React.ReactNode;\n  /** Ref to the dialog surface (`role=\"dialog\"`, or `alertdialog` with `modalType=\"alert\"`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the DialogFooter sub-component. */\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Footer content, typically action buttons (wrap closing buttons in `Dialog.Close`). */\n  children: React.ReactNode;\n  /** Ref to the footer element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the DialogTitle sub-component. */\nexport interface DialogTitleProps 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\n/** Props a `Dialog.Trigger` puts on its element (and passes to a render-prop child). */\nexport interface DialogTriggerRenderProps extends React.HTMLAttributes<HTMLElement> {\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The dialog surface's id, while the dialog 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 DialogTrigger sub-component. */\nexport interface DialogTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that opens the dialog. A single element receives the trigger props (merged with\n   * its own: handlers composed, classes joined, its own `id` kept); a function receives them.\n   */\n  children: React.ReactNode | ((props: DialogTriggerRenderProps) => React.ReactNode);\n  /**\n   * `false` renders the 0.4 wrapper `<span>` around the children instead of merging the trigger\n   * props onto the child. The span carries the click handler; `aria-haspopup`, `aria-expanded`\n   * and `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 `Dialog.Close` puts on its element (and passes to a render-prop child). */\nexport interface DialogCloseRenderProps 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 DialogClose sub-component. */\nexport interface DialogCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that closes the dialog, typically a footer button. A single element receives an\n   * `onClick` composed with its own (its handler runs first; `preventDefault()` keeps the dialog\n   * open); a function receives the props.\n   */\n  children: React.ReactNode | ((props: DialogCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that closes the dialog 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\ninterface DialogContextValue {\n  open: boolean;\n  /** Asks the root to open or close, with the reason and event for `onOpenChange`. */\n  requestOpen: ModalRequestOpen;\n  /** The resolved `modalType`. */\n  modalType: DialogModalType;\n  /** The trigger element (`attach`) and the focus-restore target resolved from it (`focusRef`). */\n  trigger: ModalTrigger;\n  finalFocusRef: React.RefObject<HTMLElement | null> | undefined;\n  /** The id of the open dialog surface (for the trigger's `aria-controls`), or `undefined`. */\n  contentId: string | undefined;\n  /** Registers the surface's id while it is mounted; returns the unregister function. */\n  registerContentId: (id: string) => () => void;\n}\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null);\nDialogContext.displayName = 'DialogContext';\n\nconst inertDialogContext: DialogContextValue = {\n  open: false,\n  requestOpen: () => {},\n  modalType: 'modal',\n  trigger: inertModalTrigger,\n  finalFocusRef: undefined,\n  contentId: undefined,\n  registerContentId: () => () => {},\n};\n\nfunction useDialogContext(componentName: string): DialogContextValue {\n  return useRequiredContext(DialogContext, componentName, 'Dialog', () => inertDialogContext);\n}\n\n// The root of `Dialog` (documented on the export below). A const arrow (like DrawerRoot): its type\n// can be named in consumers' declaration files, e.g. a story's `satisfies Meta<typeof Dialog>` (a\n// function declaration's `typeof` cannot, TS4023).\nconst DialogRoot = ({\n  open,\n  defaultOpen,\n  onOpenChange,\n  modalType = 'modal',\n  finalFocusRef,\n  children,\n}: DialogProps) => {\n  const [openState, requestOpen] = useModalOpenState(open, defaultOpen, onOpenChange);\n  // The surface lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the dialog reports itself closed, so the trigger's aria-expanded never\n  // describes a dialog that is not there.\n  const isClient = useIsClient();\n  const isOpen = openState && isClient;\n  const trigger = useModalTrigger();\n  // After Dialog.Content's focus restore (a child's layout effects run first), start the trigger\n  // session, or end it and forget the trigger that opened it.\n  useModalTriggerSession(trigger, isOpen);\n  const [contentId, setContentId] = React.useState<string | undefined>(undefined);\n  const registerContentId = React.useCallback((id: string) => {\n    setContentId(id);\n    return () => setContentId((current) => (current === id ? undefined : current));\n  }, []);\n\n  const context = React.useMemo<DialogContextValue>(\n    () => ({\n      open: isOpen,\n      requestOpen,\n      modalType,\n      trigger,\n      finalFocusRef,\n      contentId,\n      registerContentId,\n    }),\n    [isOpen, requestOpen, modalType, trigger, finalFocusRef, contentId, registerContentId],\n  );\n\n  return <DialogContext.Provider value={context}>{children}</DialogContext.Provider>;\n};\nDialogRoot.displayName = 'Dialog';\n\n/**\n * Opens the dialog. Puts `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), a\n * click handler and a ref on its single child (no wrapper element), or passes them to a\n * render-prop child. A custom child component must forward `ref` and spread its props; one that\n * does not is wrapped in a `<span>` automatically (with a development warning), the span that\n * `asChild={false}` renders. Focus returns to the trigger when the dialog closes (with several\n * triggers, to the one that opened it). On the span, the state ARIA goes to the first element in\n * the tab order inside it, and focus returns to that element (to the span when you made it the\n * trigger with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take\n * focus).\n */\nexport const DialogTrigger = (props: DialogTriggerProps) => {\n  const { open, requestOpen, trigger, contentId } = useDialogContext('Dialog.Trigger');\n  return useModalTriggerPart<DialogTriggerRenderProps>(\n    { open, requestOpen, trigger, controlsId: contentId },\n    props,\n    'Dialog.Trigger',\n  );\n};\nDialogTrigger.displayName = 'DialogTrigger';\n\n/**\n * Closes the dialog: composes a click handler onto its single child (its own `onClick` runs first;\n * calling `preventDefault()` there keeps the dialog open), or passes it to a render-prop child.\n *\n * @example\n * <Dialog.Close><Button appearance=\"subtle\">Cancel</Button></Dialog.Close>\n */\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { requestOpen } = useDialogContext('Dialog.Close');\n  return useModalClosePart<DialogCloseRenderProps>(requestOpen, props, 'Dialog.Close');\n};\nDialogClose.displayName = 'DialogClose';\n\nconst sizeClasses: Record<'small' | 'medium', string> = {\n  small: 'max-w-[400px]',\n  medium: 'max-w-[600px]',\n};\n\n/**\n * The dialog surface, rendered in a portal (inheriting the WaveProvider theme) while the dialog is\n * open: backdrop, title, Close button and a scrolling body. It takes the full width up to its\n * `size` and never exceeds the viewport (the body scrolls). It is `role=\"dialog\"`, or\n * `role=\"alertdialog\"` when the Dialog has `modalType=\"alert\"` (a `role` you pass wins), and\n * carries `data-modal-type` with the resolved type.\n */\nexport const DialogContent = ({\n  title,\n  size = 'medium',\n  closeLabel = 'Close',\n  children,\n  className,\n  id,\n  ref,\n  ...rest\n}: DialogContentProps) => {\n  const { open, requestOpen, modalType, trigger, finalFocusRef, registerContentId } =\n    useDialogContext('Dialog.Content');\n  const generatedId = useId('wave-dialog');\n  const contentId = id ?? generatedId;\n  const propTitleId = useId('wave-dialog-title');\n  const titles = useTitleRegistry();\n\n  const [surface, setSurface] = React.useState<HTMLDivElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const attachSurface = React.useCallback((node: HTMLDivElement | null) => {\n    surfaceRef.current = node;\n    setSurface(node);\n  }, []);\n  // Reports the surface's id to the root (the trigger's `aria-controls`) while it is mounted. A new\n  // `id` makes a new callback, which useMergedRefs re-attaches after the commit (re-registering).\n  const registerId = React.useCallback(\n    (node: HTMLDivElement | null) => (node ? registerContentId(contentId) : undefined),\n    [registerContentId, contentId],\n  );\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, attachSurface, registerId);\n\n  // An alert dialog needs an answer: a backdrop press does not close it (Escape still does).\n  const closesOnBackdropPress = modalType !== 'alert';\n  const backdropPress = useBackdropPress(surfaceRef, closesOnBackdropPress);\n  const onDismiss = useModalDismiss(requestOpen, 'Dialog', backdropPress.afterOutsidePress);\n  const layer = useModalLayer({\n    open,\n    onDismiss,\n    refs: [surfaceRef],\n    outsidePress: closesOnBackdropPress,\n    container: surface,\n    triggerRef: trigger.focusRef,\n    finalFocusRef,\n  });\n  useUnnamedModalWarning(open ? surface : null, titles.hasTitle, 'Dialog.Content', 'Dialog.Title');\n\n  // The height of the sticky Dialog.Footer, reserved as the body's scroll padding.\n  const [footerHeight, setFooterHeight] = React.useState<number | null>(null);\n  const surfaceContext = React.useMemo<ModalSurfaceContextValue>(\n    () => ({ ...titles.context, setFooterHeight }),\n    [titles.context],\n  );\n\n  if (!open) return null;\n\n  const hasTitle = slotRendersContent(title);\n\n  return (\n    <Portal layerId={layer.layerId}>\n      <div\n        className=\"fixed inset-0 flex items-center justify-center bg-backdrop p-4\"\n        onMouseDown={backdropPress.onMouseDown}\n      >\n        <div\n          ref={mergedRef}\n          role={modalType === 'alert' ? 'alertdialog' : 'dialog'}\n          id={contentId}\n          aria-labelledby={hasTitle ? propTitleId : titles.titleId}\n          tabIndex={-1}\n          data-modal-type={modalType}\n          {...rest}\n          className={cn(\n            // The border marks the surface where the shadow cannot: in high contrast the page,\n            // the backdrop and the surface are black, and forced colors drop shadows.\n            'relative flex max-h-[calc(100dvh-2rem)] w-full flex-col rounded-lg border border-border bg-background p-6 text-foreground shadow-64',\n            sizeClasses[size],\n            className,\n          )}\n        >\n          <ModalSurfaceContext.Provider value={surfaceContext}>\n            {hasTitle && (\n              <h2 id={propTitleId} className=\"pe-8 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=\"absolute end-4 top-4 text-muted-foreground\"\n            />\n            <div\n              // The scroll padding keeps a focused field above the sticky footer (WCAG 2.4.11).\n              className=\"-mx-1 mt-1 min-h-0 flex-1 overflow-y-auto scroll-pb-(--wave-dialog-footer-height) p-1 text-body-1 text-muted-foreground\"\n              style={\n                footerHeight === null\n                  ? undefined\n                  : ({ '--wave-dialog-footer-height': `${footerHeight}px` } as React.CSSProperties)\n              }\n            >\n              {children}\n            </div>\n          </ModalSurfaceContext.Provider>\n        </div>\n      </div>\n    </Portal>\n  );\n};\nDialogContent.displayName = 'DialogContent';\n\n/**\n * A heading that names the dialog (`aria-labelledby`), for rich titles or custom layouts. Render it\n * inside `Dialog.Content` (instead of the `title` prop). Like the `title` heading it reserves end\n * padding (`pe-8`) so a long first line stays clear of the Close button; a `className` padding wins.\n */\nexport const DialogTitle = ({ id, className, children, ref, ...rest }: DialogTitleProps) => {\n  const { id: titleId, ref: titleRef } = useModalTitle('Dialog.Title', 'Dialog.Content', id, ref);\n  return (\n    <h2\n      {...rest}\n      id={titleId}\n      ref={titleRef}\n      className={cn('pe-8 text-subtitle-1 font-semibold text-foreground', className)}\n    >\n      {children}\n    </h2>\n  );\n};\nDialogTitle.displayName = 'DialogTitle';\n\n/**\n * `Dialog.Footer` inside `Dialog.Content`. The body is `p-1`, and sticky positioning stops at its\n * padding edge: `-bottom-1` with `-mb-1 pb-2` covers the body's bottom padding, `-mx-1 px-1` its\n * focus-ring inset, and `pt-3` separates the actions from the content scrolling under them.\n */\nconst stickyFooterClasses =\n  'sticky -bottom-1 z-10 -mx-1 -mb-1 mt-6 flex justify-end gap-2 bg-background px-1 pb-2 pt-3';\n\n/**\n * `Dialog.Footer` where no body reserves its height as scroll padding (a Drawer's body): a plain\n * action row, which never covers a focused field.\n */\nconst footerRowClasses = 'mt-6 flex justify-end gap-2';\n\n/**\n * Action row at the end of the dialog body. It stays where you render it in the DOM and sticks to\n * the bottom of the body while long content scrolls under it (with an opaque background); the body\n * reserves its height as scroll padding, so a focused field is never hidden behind it. Inside a\n * `<form>` that wraps the fields and the footer it sticks too: make it the form's last child.\n * Render it inside `Dialog.Content`: outside it, it would stay on the page while the dialog is\n * closed (a development warning says so). Inside a `Drawer`, whose body reserves no footer height,\n * it does not stick: it is an action row at the end of the content. Render one `Dialog.Footer` per\n * `Dialog.Content`: with two at once, the body reserves the height of the one measured last, and\n * unmounting either clears it until the other resizes (swapping one footer for another is fine).\n */\nexport const DialogFooter = ({ children, className, ref, ...rest }: DialogFooterProps) => {\n  const surfaceContext = React.useContext(ModalSurfaceContext);\n  const outsideContent = surfaceContext === null;\n  const setFooterHeight = surfaceContext?.setFooterHeight;\n  const [footer, setFooter] = React.useState<HTMLDivElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, setFooter);\n\n  React.useEffect(() => {\n    if (!outsideContent) return;\n    warnOnce(\n      'Dialog.Footer:outside-content',\n      'Dialog.Footer must be rendered inside Dialog.Content. Outside it, the footer stays on the page while the dialog is closed.',\n    );\n  }, [outsideContent]);\n\n  // Reports the footer's border-box height to Dialog.Content. The observer's first callback,\n  // delivered before the next paint, supplies the first value; without ResizeObserver the body\n  // keeps its default scroll padding.\n  React.useLayoutEffect(() => {\n    if (!footer || !setFooterHeight || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[entries.length - 1];\n      if (!entry) return;\n      setFooterHeight(entry.borderBoxSize?.[0]?.blockSize ?? footer.offsetHeight);\n    });\n    observer.observe(footer, { box: 'border-box' });\n    return () => {\n      observer.disconnect();\n      setFooterHeight(null);\n    };\n  }, [footer, setFooterHeight]);\n\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      // Sticky only where the surface reserves the footer's height (Dialog.Content).\n      className={cn(setFooterHeight ? stickyFooterClasses : footerRowClasses, className)}\n    >\n      {children}\n    </div>\n  );\n};\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * A modal dialog (Fluent UI v2 style): `Dialog` holds the open state; `Dialog.Trigger` opens it and\n * `Dialog.Content` renders the surface in a portal while open.\n *\n * - **Modal**: focus moves into the dialog and Tab stays inside it (toasts included), the rest of\n *   the page is `inert` (instead of `aria-modal`, so toasts and live regions stay announced), and\n *   the page does not scroll.\n * - **Closing**: Escape (only the topmost layer: a popup opened inside closes first), a click on\n *   the backdrop (a drag that starts inside does not close it), the Close button and `Dialog.Close`.\n *   `onOpenChange` gets the reason as its second argument (`details.reason`), so a controlled\n *   dialog can refuse some of them. A backdrop press blurs the focused field before the dialog\n *   closes, so a typed value is committed as with the Close button; when a controlled dialog\n *   refuses the press, the field gets focus back (an alert dialog's press leaves focus where it\n *   was). Focus returns to the first of these that can take focus: `finalFocusRef`, the element\n *   that had focus when the dialog opened, the trigger, an element next to where that opener was.\n * - **Alert dialogs**: `modalType=\"alert\"` renders `role=\"alertdialog\"` for a confirmation that\n *   needs an answer; a backdrop press does not close it.\n * - **Footer**: `Dialog.Footer` sticks to the bottom of the scrolling body, and the body keeps a\n *   focused field above it.\n * - **Naming**: give `Dialog.Content` a `title`, a `Dialog.Title`, or `aria-label`.\n *\n * The sub-components are also exported under flat names (`DialogTrigger`, `DialogContent`,\n * `DialogFooter`, `DialogTitle`, `DialogClose`) for React Server Components, which cannot use the\n * dotted form; dotted access (`Dialog.Content`) needs a client file.\n *\n * @example\n * <Dialog>\n *   <Dialog.Trigger><Button>Delete</Button></Dialog.Trigger>\n *   <Dialog.Content title=\"Delete file?\">\n *     This cannot be undone.\n *     <Dialog.Footer>\n *       <Dialog.Close><Button appearance=\"subtle\">Cancel</Button></Dialog.Close>\n *       <Button appearance=\"primary\" onClick={remove}>Delete</Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog>\n */\nexport const Dialog = /* @__PURE__ */ Object.assign(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Footer: DialogFooter,\n  Title: DialogTitle,\n  Close: DialogClose,\n});\n"],"mappings":"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"}

package/dist/components/overlays/Dialog.mjs

@@ -0,0 +1,180 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { slotRendersContent as n } from "../../lib/slot.mjs";
+import { useId as r } from "../../hooks/useId.mjs";
+import { useMergedRefs as i } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as a } from "../../hooks/useIsClient.mjs";
+import { Portal as o } from "../portal/Portal.mjs";
+import { Button as s } from "../button/Button.mjs";
+import { DismissIcon as c } from "../../lib/icons.mjs";
+import { useModalLayer as l } from "../../hooks/useModalLayer.mjs";
+import { ModalSurfaceContext as u, inertModalTrigger as d, useBackdropPress as f, useModalClosePart as p, useModalDismiss as m, useModalOpenState as h, useModalTitle as g, useModalTrigger as _, useModalTriggerPart as v, useModalTriggerSession as y, useRequiredContext as b, useTitleRegistry as x, useUnnamedModalWarning as S } from "./Dialog.shared.mjs";
+import * as C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/components/overlays/Dialog.tsx
+var E = C.createContext(null);
+E.displayName = "DialogContext";
+var D = {
+	open: !1,
+	requestOpen: () => {},
+	modalType: "modal",
+	trigger: d,
+	finalFocusRef: void 0,
+	contentId: void 0,
+	registerContentId: () => () => {}
+};
+function O(e) {
+	return b(E, e, "Dialog", () => D);
+}
+var k = ({ open: e, defaultOpen: t, onOpenChange: n, modalType: r = "modal", finalFocusRef: i, children: o }) => {
+	let [s, c] = h(e, t, n), l = a(), u = s && l, d = _();
+	y(d, u);
+	let [f, p] = C.useState(void 0), m = C.useCallback((e) => (p(e), () => p((t) => t === e ? void 0 : t)), []), g = C.useMemo(() => ({
+		open: u,
+		requestOpen: c,
+		modalType: r,
+		trigger: d,
+		finalFocusRef: i,
+		contentId: f,
+		registerContentId: m
+	}), [
+		u,
+		c,
+		r,
+		d,
+		i,
+		f,
+		m
+	]);
+	return /* @__PURE__ */ w(E.Provider, {
+		value: g,
+		children: o
+	});
+};
+k.displayName = "Dialog";
+var A = (e) => {
+	let { open: t, requestOpen: n, trigger: r, contentId: i } = O("Dialog.Trigger");
+	return v({
+		open: t,
+		requestOpen: n,
+		trigger: r,
+		controlsId: i
+	}, e, "Dialog.Trigger");
+};
+A.displayName = "DialogTrigger";
+var j = (e) => {
+	let { requestOpen: t } = O("Dialog.Close");
+	return p(t, e, "Dialog.Close");
+};
+j.displayName = "DialogClose";
+var M = {
+	small: "max-w-[400px]",
+	medium: "max-w-[600px]"
+}, N = ({ title: t, size: a = "medium", closeLabel: d = "Close", children: p, className: h, id: g, ref: _, ...v }) => {
+	let { open: y, requestOpen: b, modalType: E, trigger: D, finalFocusRef: k, registerContentId: A } = O("Dialog.Content"), j = r("wave-dialog"), N = g ?? j, P = r("wave-dialog-title"), F = x(), [I, L] = C.useState(null), R = C.useRef(null), z = C.useCallback((e) => {
+		R.current = e, L(e);
+	}, []), B = C.useCallback((e) => e ? A(N) : void 0, [A, N]), V = i(_, z, B), H = E !== "alert", U = f(R, H), W = m(b, "Dialog", U.afterOutsidePress), G = l({
+		open: y,
+		onDismiss: W,
+		refs: [R],
+		outsidePress: H,
+		container: I,
+		triggerRef: D.focusRef,
+		finalFocusRef: k
+	});
+	S(y ? I : null, F.hasTitle, "Dialog.Content", "Dialog.Title");
+	let [K, q] = C.useState(null), J = C.useMemo(() => ({
+		...F.context,
+		setFooterHeight: q
+	}), [F.context]);
+	if (!y) return null;
+	let Y = n(t);
+	return /* @__PURE__ */ w(o, {
+		layerId: G.layerId,
+		children: /* @__PURE__ */ w("div", {
+			className: "fixed inset-0 flex items-center justify-center bg-backdrop p-4",
+			onMouseDown: U.onMouseDown,
+			children: /* @__PURE__ */ w("div", {
+				ref: V,
+				role: E === "alert" ? "alertdialog" : "dialog",
+				id: N,
+				"aria-labelledby": Y ? P : F.titleId,
+				tabIndex: -1,
+				"data-modal-type": E,
+				...v,
+				className: e("relative flex max-h-[calc(100dvh-2rem)] w-full flex-col rounded-lg border border-border bg-background p-6 text-foreground shadow-64", M[a], h),
+				children: /* @__PURE__ */ T(u.Provider, {
+					value: J,
+					children: [
+						Y && /* @__PURE__ */ w("h2", {
+							id: P,
+							className: "pe-8 text-subtitle-1 font-semibold",
+							children: t
+						}),
+						/* @__PURE__ */ w(s, {
+							appearance: "subtle",
+							size: "small",
+							icon: /* @__PURE__ */ w(c, {}),
+							"aria-label": d,
+							onClick: (e) => b(!1, {
+								reason: "close-button",
+								event: e.nativeEvent
+							}),
+							className: "absolute end-4 top-4 text-muted-foreground"
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "-mx-1 mt-1 min-h-0 flex-1 overflow-y-auto scroll-pb-(--wave-dialog-footer-height) p-1 text-body-1 text-muted-foreground",
+							style: K === null ? void 0 : { "--wave-dialog-footer-height": `${K}px` },
+							children: p
+						})
+					]
+				})
+			})
+		})
+	});
+};
+N.displayName = "DialogContent";
+var P = ({ id: t, className: n, children: r, ref: i, ...a }) => {
+	let { id: o, ref: s } = g("Dialog.Title", "Dialog.Content", t, i);
+	return /* @__PURE__ */ w("h2", {
+		...a,
+		id: o,
+		ref: s,
+		className: e("pe-8 text-subtitle-1 font-semibold text-foreground", n),
+		children: r
+	});
+};
+P.displayName = "DialogTitle";
+var F = "sticky -bottom-1 z-10 -mx-1 -mb-1 mt-6 flex justify-end gap-2 bg-background px-1 pb-2 pt-3", I = "mt-6 flex justify-end gap-2", L = ({ children: n, className: r, ref: a, ...o }) => {
+	let s = C.useContext(u), c = s === null, l = s?.setFooterHeight, [d, f] = C.useState(null), p = i(a, f);
+	return C.useEffect(() => {
+		c && t("Dialog.Footer:outside-content", "Dialog.Footer must be rendered inside Dialog.Content. Outside it, the footer stays on the page while the dialog is closed.");
+	}, [c]), C.useLayoutEffect(() => {
+		if (!d || !l || typeof ResizeObserver > "u") return;
+		let e = new ResizeObserver((e) => {
+			let t = e[e.length - 1];
+			t && l(t.borderBoxSize?.[0]?.blockSize ?? d.offsetHeight);
+		});
+		return e.observe(d, { box: "border-box" }), () => {
+			e.disconnect(), l(null);
+		};
+	}, [d, l]), /* @__PURE__ */ w("div", {
+		ref: p,
+		...o,
+		className: e(l ? F : I, r),
+		children: n
+	});
+};
+L.displayName = "DialogFooter";
+var R = /* @__PURE__ */ Object.assign(k, {
+	Trigger: A,
+	Content: N,
+	Footer: L,
+	Title: P,
+	Close: j
+});
+//#endregion
+export { R as Dialog, j as DialogClose, N as DialogContent, L as DialogFooter, P as DialogTitle, A as DialogTrigger };
+
+//# sourceMappingURL=Dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.mjs","names":["useId","useId$1","React","DialogContext","inertDialogContext","inertModalTrigger","useDialogContext","useRequiredContext","componentName","DialogRoot","openState","requestOpen","useModalOpenState","open","defaultOpen","onOpenChange","isClient","useIsClient","isOpen","trigger","useModalTrigger","contentId","setContentId","registerContentId","id","current","context","modalType","finalFocusRef","DialogTrigger","useModalTriggerPart","props","DialogClose","useModalClosePart","sizeClasses","DialogContent","rest","generatedId","propTitleId","titles","useTitleRegistry","surface","setSurface","surfaceRef","attachSurface","node","registerId","mergedRef","useMergedRefs","ref","closesOnBackdropPress","backdropPress","useBackdropPress","onDismiss","useModalDismiss","layer","useModalLayer","footerHeight","setFooterHeight","surfaceContext","hasTitle","slotRendersContent","title","Portal","cn","size","className","ModalSurfaceContext","Button","DismissIcon","closeLabel","event","DialogTitle","titleId","titleRef","useModalTitle","stickyFooterClasses","footerRowClasses","DialogFooter","outsideContent","footer","setFooter","warnOnce","observer","entry","entries","Dialog"],"sources":["../../../src/components/overlays/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { slotRendersContent } from '../../lib/slot';\nimport type { ModalOpenChangeReason, ModalType, 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 ModalSurfaceContextValue,\n  type ModalTrigger,\n} from './Dialog.shared';\n\n/**\n * Why a {@link Dialog} asks to open or close: `trigger` (`Dialog.Trigger`), `close`\n * (`Dialog.Close`), `close-button` (the built-in Close button), `escape`, `outside-press` (the\n * backdrop). The shared `ModalOpenChangeReason`.\n */\nexport type DialogOpenChangeReason = ModalOpenChangeReason;\n\n/** The second argument of a {@link Dialog}'s `onOpenChange`: the reason and the DOM event. */\nexport type DialogOpenChangeDetails = OpenChangeDetails<DialogOpenChangeReason>;\n\n/**\n * How a {@link Dialog} blocks the page (the shared `ModalType`; Drawer reuses it when it gains\n * `modalType`).\n */\nexport type DialogModalType = ModalType;\n\n/** Properties for the Dialog component. */\nexport interface DialogProps {\n  /**\n   * Controlled open state of the dialog. The surface renders only in the browser: an open dialog\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 surface renders only in the browser: a dialog\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 dialog 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 dialog stays as it is until the parent updates\n   * `open`.\n   */\n  onOpenChange?: (open: boolean, details?: DialogOpenChangeDetails) => void;\n  /**\n   * `modal`: a backdrop press, Escape, the Close button and `Dialog.Close` close it. `alert`: a\n   * confirmation that needs an answer — `role=\"alertdialog\"`, and a backdrop press does not close\n   * it (Escape still does). Initial focus goes to the first focusable element, the built-in Close\n   * button; give the least destructive action `autoFocus` to focus it instead. (`'non-modal'` is\n   * planned.)\n   * @default 'modal'\n   */\n  modalType?: DialogModalType;\n  /**\n   * Where focus goes when the dialog closes, if it can take focus. Otherwise focus returns to the\n   * element that had focus when the dialog opened, then to the trigger, then to an element next to\n   * where that opener was (the next row's action after a confirm dialog deleted the row). Use it to\n   * send focus somewhere else.\n   */\n  finalFocusRef?: React.RefObject<HTMLElement | null>;\n  /** `Dialog.Trigger` and `Dialog.Content`. */\n  children: React.ReactNode;\n}\n\n/** Properties for the DialogContent sub-component. */\nexport interface DialogContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /**\n   * Title rendered as the dialog's heading; it names the dialog (`aria-labelledby`). Without it,\n   * render a `Dialog.Title` or pass `aria-label`/`aria-labelledby`. A title that renders nothing\n   * (`''`, `[]`, `true`) counts as none.\n   */\n  title?: React.ReactNode;\n  /** Maximum width of the dialog: 400px (`small`) or 600px (`medium`); it never exceeds the viewport.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\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  /** Content rendered inside the dialog body (put `Dialog.Footer` here as well). */\n  children: React.ReactNode;\n  /** Ref to the dialog surface (`role=\"dialog\"`, or `alertdialog` with `modalType=\"alert\"`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the DialogFooter sub-component. */\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Footer content, typically action buttons (wrap closing buttons in `Dialog.Close`). */\n  children: React.ReactNode;\n  /** Ref to the footer element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the DialogTitle sub-component. */\nexport interface DialogTitleProps 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\n/** Props a `Dialog.Trigger` puts on its element (and passes to a render-prop child). */\nexport interface DialogTriggerRenderProps extends React.HTMLAttributes<HTMLElement> {\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The dialog surface's id, while the dialog 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 DialogTrigger sub-component. */\nexport interface DialogTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that opens the dialog. A single element receives the trigger props (merged with\n   * its own: handlers composed, classes joined, its own `id` kept); a function receives them.\n   */\n  children: React.ReactNode | ((props: DialogTriggerRenderProps) => React.ReactNode);\n  /**\n   * `false` renders the 0.4 wrapper `<span>` around the children instead of merging the trigger\n   * props onto the child. The span carries the click handler; `aria-haspopup`, `aria-expanded`\n   * and `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 `Dialog.Close` puts on its element (and passes to a render-prop child). */\nexport interface DialogCloseRenderProps 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 DialogClose sub-component. */\nexport interface DialogCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that closes the dialog, typically a footer button. A single element receives an\n   * `onClick` composed with its own (its handler runs first; `preventDefault()` keeps the dialog\n   * open); a function receives the props.\n   */\n  children: React.ReactNode | ((props: DialogCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that closes the dialog 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\ninterface DialogContextValue {\n  open: boolean;\n  /** Asks the root to open or close, with the reason and event for `onOpenChange`. */\n  requestOpen: ModalRequestOpen;\n  /** The resolved `modalType`. */\n  modalType: DialogModalType;\n  /** The trigger element (`attach`) and the focus-restore target resolved from it (`focusRef`). */\n  trigger: ModalTrigger;\n  finalFocusRef: React.RefObject<HTMLElement | null> | undefined;\n  /** The id of the open dialog surface (for the trigger's `aria-controls`), or `undefined`. */\n  contentId: string | undefined;\n  /** Registers the surface's id while it is mounted; returns the unregister function. */\n  registerContentId: (id: string) => () => void;\n}\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null);\nDialogContext.displayName = 'DialogContext';\n\nconst inertDialogContext: DialogContextValue = {\n  open: false,\n  requestOpen: () => {},\n  modalType: 'modal',\n  trigger: inertModalTrigger,\n  finalFocusRef: undefined,\n  contentId: undefined,\n  registerContentId: () => () => {},\n};\n\nfunction useDialogContext(componentName: string): DialogContextValue {\n  return useRequiredContext(DialogContext, componentName, 'Dialog', () => inertDialogContext);\n}\n\n// The root of `Dialog` (documented on the export below). A const arrow (like DrawerRoot): its type\n// can be named in consumers' declaration files, e.g. a story's `satisfies Meta<typeof Dialog>` (a\n// function declaration's `typeof` cannot, TS4023).\nconst DialogRoot = ({\n  open,\n  defaultOpen,\n  onOpenChange,\n  modalType = 'modal',\n  finalFocusRef,\n  children,\n}: DialogProps) => {\n  const [openState, requestOpen] = useModalOpenState(open, defaultOpen, onOpenChange);\n  // The surface lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the dialog reports itself closed, so the trigger's aria-expanded never\n  // describes a dialog that is not there.\n  const isClient = useIsClient();\n  const isOpen = openState && isClient;\n  const trigger = useModalTrigger();\n  // After Dialog.Content's focus restore (a child's layout effects run first), start the trigger\n  // session, or end it and forget the trigger that opened it.\n  useModalTriggerSession(trigger, isOpen);\n  const [contentId, setContentId] = React.useState<string | undefined>(undefined);\n  const registerContentId = React.useCallback((id: string) => {\n    setContentId(id);\n    return () => setContentId((current) => (current === id ? undefined : current));\n  }, []);\n\n  const context = React.useMemo<DialogContextValue>(\n    () => ({\n      open: isOpen,\n      requestOpen,\n      modalType,\n      trigger,\n      finalFocusRef,\n      contentId,\n      registerContentId,\n    }),\n    [isOpen, requestOpen, modalType, trigger, finalFocusRef, contentId, registerContentId],\n  );\n\n  return <DialogContext.Provider value={context}>{children}</DialogContext.Provider>;\n};\nDialogRoot.displayName = 'Dialog';\n\n/**\n * Opens the dialog. Puts `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), a\n * click handler and a ref on its single child (no wrapper element), or passes them to a\n * render-prop child. A custom child component must forward `ref` and spread its props; one that\n * does not is wrapped in a `<span>` automatically (with a development warning), the span that\n * `asChild={false}` renders. Focus returns to the trigger when the dialog closes (with several\n * triggers, to the one that opened it). On the span, the state ARIA goes to the first element in\n * the tab order inside it, and focus returns to that element (to the span when you made it the\n * trigger with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take\n * focus).\n */\nexport const DialogTrigger = (props: DialogTriggerProps) => {\n  const { open, requestOpen, trigger, contentId } = useDialogContext('Dialog.Trigger');\n  return useModalTriggerPart<DialogTriggerRenderProps>(\n    { open, requestOpen, trigger, controlsId: contentId },\n    props,\n    'Dialog.Trigger',\n  );\n};\nDialogTrigger.displayName = 'DialogTrigger';\n\n/**\n * Closes the dialog: composes a click handler onto its single child (its own `onClick` runs first;\n * calling `preventDefault()` there keeps the dialog open), or passes it to a render-prop child.\n *\n * @example\n * <Dialog.Close><Button appearance=\"subtle\">Cancel</Button></Dialog.Close>\n */\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { requestOpen } = useDialogContext('Dialog.Close');\n  return useModalClosePart<DialogCloseRenderProps>(requestOpen, props, 'Dialog.Close');\n};\nDialogClose.displayName = 'DialogClose';\n\nconst sizeClasses: Record<'small' | 'medium', string> = {\n  small: 'max-w-[400px]',\n  medium: 'max-w-[600px]',\n};\n\n/**\n * The dialog surface, rendered in a portal (inheriting the WaveProvider theme) while the dialog is\n * open: backdrop, title, Close button and a scrolling body. It takes the full width up to its\n * `size` and never exceeds the viewport (the body scrolls). It is `role=\"dialog\"`, or\n * `role=\"alertdialog\"` when the Dialog has `modalType=\"alert\"` (a `role` you pass wins), and\n * carries `data-modal-type` with the resolved type.\n */\nexport const DialogContent = ({\n  title,\n  size = 'medium',\n  closeLabel = 'Close',\n  children,\n  className,\n  id,\n  ref,\n  ...rest\n}: DialogContentProps) => {\n  const { open, requestOpen, modalType, trigger, finalFocusRef, registerContentId } =\n    useDialogContext('Dialog.Content');\n  const generatedId = useId('wave-dialog');\n  const contentId = id ?? generatedId;\n  const propTitleId = useId('wave-dialog-title');\n  const titles = useTitleRegistry();\n\n  const [surface, setSurface] = React.useState<HTMLDivElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const attachSurface = React.useCallback((node: HTMLDivElement | null) => {\n    surfaceRef.current = node;\n    setSurface(node);\n  }, []);\n  // Reports the surface's id to the root (the trigger's `aria-controls`) while it is mounted. A new\n  // `id` makes a new callback, which useMergedRefs re-attaches after the commit (re-registering).\n  const registerId = React.useCallback(\n    (node: HTMLDivElement | null) => (node ? registerContentId(contentId) : undefined),\n    [registerContentId, contentId],\n  );\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, attachSurface, registerId);\n\n  // An alert dialog needs an answer: a backdrop press does not close it (Escape still does).\n  const closesOnBackdropPress = modalType !== 'alert';\n  const backdropPress = useBackdropPress(surfaceRef, closesOnBackdropPress);\n  const onDismiss = useModalDismiss(requestOpen, 'Dialog', backdropPress.afterOutsidePress);\n  const layer = useModalLayer({\n    open,\n    onDismiss,\n    refs: [surfaceRef],\n    outsidePress: closesOnBackdropPress,\n    container: surface,\n    triggerRef: trigger.focusRef,\n    finalFocusRef,\n  });\n  useUnnamedModalWarning(open ? surface : null, titles.hasTitle, 'Dialog.Content', 'Dialog.Title');\n\n  // The height of the sticky Dialog.Footer, reserved as the body's scroll padding.\n  const [footerHeight, setFooterHeight] = React.useState<number | null>(null);\n  const surfaceContext = React.useMemo<ModalSurfaceContextValue>(\n    () => ({ ...titles.context, setFooterHeight }),\n    [titles.context],\n  );\n\n  if (!open) return null;\n\n  const hasTitle = slotRendersContent(title);\n\n  return (\n    <Portal layerId={layer.layerId}>\n      <div\n        className=\"fixed inset-0 flex items-center justify-center bg-backdrop p-4\"\n        onMouseDown={backdropPress.onMouseDown}\n      >\n        <div\n          ref={mergedRef}\n          role={modalType === 'alert' ? 'alertdialog' : 'dialog'}\n          id={contentId}\n          aria-labelledby={hasTitle ? propTitleId : titles.titleId}\n          tabIndex={-1}\n          data-modal-type={modalType}\n          {...rest}\n          className={cn(\n            // The border marks the surface where the shadow cannot: in high contrast the page,\n            // the backdrop and the surface are black, and forced colors drop shadows.\n            'relative flex max-h-[calc(100dvh-2rem)] w-full flex-col rounded-lg border border-border bg-background p-6 text-foreground shadow-64',\n            sizeClasses[size],\n            className,\n          )}\n        >\n          <ModalSurfaceContext.Provider value={surfaceContext}>\n            {hasTitle && (\n              <h2 id={propTitleId} className=\"pe-8 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=\"absolute end-4 top-4 text-muted-foreground\"\n            />\n            <div\n              // The scroll padding keeps a focused field above the sticky footer (WCAG 2.4.11).\n              className=\"-mx-1 mt-1 min-h-0 flex-1 overflow-y-auto scroll-pb-(--wave-dialog-footer-height) p-1 text-body-1 text-muted-foreground\"\n              style={\n                footerHeight === null\n                  ? undefined\n                  : ({ '--wave-dialog-footer-height': `${footerHeight}px` } as React.CSSProperties)\n              }\n            >\n              {children}\n            </div>\n          </ModalSurfaceContext.Provider>\n        </div>\n      </div>\n    </Portal>\n  );\n};\nDialogContent.displayName = 'DialogContent';\n\n/**\n * A heading that names the dialog (`aria-labelledby`), for rich titles or custom layouts. Render it\n * inside `Dialog.Content` (instead of the `title` prop). Like the `title` heading it reserves end\n * padding (`pe-8`) so a long first line stays clear of the Close button; a `className` padding wins.\n */\nexport const DialogTitle = ({ id, className, children, ref, ...rest }: DialogTitleProps) => {\n  const { id: titleId, ref: titleRef } = useModalTitle('Dialog.Title', 'Dialog.Content', id, ref);\n  return (\n    <h2\n      {...rest}\n      id={titleId}\n      ref={titleRef}\n      className={cn('pe-8 text-subtitle-1 font-semibold text-foreground', className)}\n    >\n      {children}\n    </h2>\n  );\n};\nDialogTitle.displayName = 'DialogTitle';\n\n/**\n * `Dialog.Footer` inside `Dialog.Content`. The body is `p-1`, and sticky positioning stops at its\n * padding edge: `-bottom-1` with `-mb-1 pb-2` covers the body's bottom padding, `-mx-1 px-1` its\n * focus-ring inset, and `pt-3` separates the actions from the content scrolling under them.\n */\nconst stickyFooterClasses =\n  'sticky -bottom-1 z-10 -mx-1 -mb-1 mt-6 flex justify-end gap-2 bg-background px-1 pb-2 pt-3';\n\n/**\n * `Dialog.Footer` where no body reserves its height as scroll padding (a Drawer's body): a plain\n * action row, which never covers a focused field.\n */\nconst footerRowClasses = 'mt-6 flex justify-end gap-2';\n\n/**\n * Action row at the end of the dialog body. It stays where you render it in the DOM and sticks to\n * the bottom of the body while long content scrolls under it (with an opaque background); the body\n * reserves its height as scroll padding, so a focused field is never hidden behind it. Inside a\n * `<form>` that wraps the fields and the footer it sticks too: make it the form's last child.\n * Render it inside `Dialog.Content`: outside it, it would stay on the page while the dialog is\n * closed (a development warning says so). Inside a `Drawer`, whose body reserves no footer height,\n * it does not stick: it is an action row at the end of the content. Render one `Dialog.Footer` per\n * `Dialog.Content`: with two at once, the body reserves the height of the one measured last, and\n * unmounting either clears it until the other resizes (swapping one footer for another is fine).\n */\nexport const DialogFooter = ({ children, className, ref, ...rest }: DialogFooterProps) => {\n  const surfaceContext = React.useContext(ModalSurfaceContext);\n  const outsideContent = surfaceContext === null;\n  const setFooterHeight = surfaceContext?.setFooterHeight;\n  const [footer, setFooter] = React.useState<HTMLDivElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, setFooter);\n\n  React.useEffect(() => {\n    if (!outsideContent) return;\n    warnOnce(\n      'Dialog.Footer:outside-content',\n      'Dialog.Footer must be rendered inside Dialog.Content. Outside it, the footer stays on the page while the dialog is closed.',\n    );\n  }, [outsideContent]);\n\n  // Reports the footer's border-box height to Dialog.Content. The observer's first callback,\n  // delivered before the next paint, supplies the first value; without ResizeObserver the body\n  // keeps its default scroll padding.\n  React.useLayoutEffect(() => {\n    if (!footer || !setFooterHeight || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[entries.length - 1];\n      if (!entry) return;\n      setFooterHeight(entry.borderBoxSize?.[0]?.blockSize ?? footer.offsetHeight);\n    });\n    observer.observe(footer, { box: 'border-box' });\n    return () => {\n      observer.disconnect();\n      setFooterHeight(null);\n    };\n  }, [footer, setFooterHeight]);\n\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      // Sticky only where the surface reserves the footer's height (Dialog.Content).\n      className={cn(setFooterHeight ? stickyFooterClasses : footerRowClasses, className)}\n    >\n      {children}\n    </div>\n  );\n};\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * A modal dialog (Fluent UI v2 style): `Dialog` holds the open state; `Dialog.Trigger` opens it and\n * `Dialog.Content` renders the surface in a portal while open.\n *\n * - **Modal**: focus moves into the dialog and Tab stays inside it (toasts included), the rest of\n *   the page is `inert` (instead of `aria-modal`, so toasts and live regions stay announced), and\n *   the page does not scroll.\n * - **Closing**: Escape (only the topmost layer: a popup opened inside closes first), a click on\n *   the backdrop (a drag that starts inside does not close it), the Close button and `Dialog.Close`.\n *   `onOpenChange` gets the reason as its second argument (`details.reason`), so a controlled\n *   dialog can refuse some of them. A backdrop press blurs the focused field before the dialog\n *   closes, so a typed value is committed as with the Close button; when a controlled dialog\n *   refuses the press, the field gets focus back (an alert dialog's press leaves focus where it\n *   was). Focus returns to the first of these that can take focus: `finalFocusRef`, the element\n *   that had focus when the dialog opened, the trigger, an element next to where that opener was.\n * - **Alert dialogs**: `modalType=\"alert\"` renders `role=\"alertdialog\"` for a confirmation that\n *   needs an answer; a backdrop press does not close it.\n * - **Footer**: `Dialog.Footer` sticks to the bottom of the scrolling body, and the body keeps a\n *   focused field above it.\n * - **Naming**: give `Dialog.Content` a `title`, a `Dialog.Title`, or `aria-label`.\n *\n * The sub-components are also exported under flat names (`DialogTrigger`, `DialogContent`,\n * `DialogFooter`, `DialogTitle`, `DialogClose`) for React Server Components, which cannot use the\n * dotted form; dotted access (`Dialog.Content`) needs a client file.\n *\n * @example\n * <Dialog>\n *   <Dialog.Trigger><Button>Delete</Button></Dialog.Trigger>\n *   <Dialog.Content title=\"Delete file?\">\n *     This cannot be undone.\n *     <Dialog.Footer>\n *       <Dialog.Close><Button appearance=\"subtle\">Cancel</Button></Dialog.Close>\n *       <Button appearance=\"primary\" onClick={remove}>Delete</Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog>\n */\nexport const Dialog = /* @__PURE__ */ Object.assign(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Footer: DialogFooter,\n  Title: DialogTitle,\n  Close: DialogClose,\n});\n"],"mappings":"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"}

package/dist/components/overlays/Dialog.shared.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/dev.cjs"),n=require("../../hooks/useControllable.cjs"),r=require("../../hooks/useId.cjs"),i=require("../../lib/focus.cjs"),a=require("../../hooks/useMergedRefs.cjs"),o=require("../../lib/mergeProps.cjs"),s=require("../../lib/renderTrigger.cjs"),c=require("../../hooks/useTriggerElement.cjs");let l=require("react");l=e.__toESM(l,1);function u(e,t,r){let i=l.useRef(void 0),[a,o]=n.useControllable(e,t??!1,e=>r?.(e,i.current));return[a,l.useCallback((e,t)=>{i.current=t;try{o(e)}finally{i.current=void 0}},[o])]}function d(e,n,r){return l.useCallback((i,a)=>{switch(i){case`escape`:e(!1,{reason:i,event:a});break;case`outside-press`:e(!1,{reason:i,event:a}),r?.();break;case`focus-outside`:t.warnOnce(`${n}:focus-outside`,`${n} ignored a focus-outside dismissal: a modal surface does not close when focus leaves it.`);break;default:return i}},[e,n,r])}function f(e,t){let n=l.useRef(null);return{onMouseDown:l.useCallback(r=>{if(r.target!==r.currentTarget)return;if(!t){r.preventDefault();return}let i=_();n.current=i&&e.current?.contains(i)?i:null},[t,e]),afterOutsidePress:l.useCallback(()=>{let t=n.current;n.current=null,t&&queueMicrotask(()=>{_()===null&&e.current?.contains(t)&&i.focusElement(t,{preventScroll:!0})})},[e])}}function p(e){return typeof e==`object`&&!!e&&typeof e.type==`string`&&typeof e.stopPropagation==`function`&&!(`nativeEvent`in e)}function m(e){let t=typeof e==`object`&&e?e.nativeEvent:void 0;return p(t)?t:p(e)?e:new Event(`click`)}var h={attach:()=>void 0,activate:()=>{},startSession:()=>{},endSession:()=>{},focusRef:{current:null}};function g(e){return typeof e==`object`&&!!e&&e.nodeType===1}function _(){if(typeof document>`u`)return null;let e=document.activeElement;return!e||e===document.body||e===document.documentElement?null:e.isConnected?e:null}function v(){let e=new Set,t=null,n=!1;return{attach:n=>{if(n)return e.add(n),()=>{e.delete(n),t===n&&(t=null)}},activate:e=>{g(e)&&(t=e,!n&&setTimeout(()=>{!n&&t===e&&(t=null)},0))},startSession:()=>{n=!0},endSession:()=>{n=!1,t=null},focusRef:{get current(){let n=_();if(n)return e.has(n)?c.getTriggerFocusTarget(n):null;if(t?.isConnected)return c.getTriggerFocusTarget(t);for(let t of e){if(!t.isConnected)continue;let e=c.getTriggerFocusTarget(t);if(e)return e}return null}}}}function y(){let[e]=l.useState(v);return e}function b(e){let t=null;return{attach:n=>{if(!n)return;t=n;let r=e.attach(n);return()=>{t===n&&(t=null),typeof r==`function`&&r()}},activate:n=>{let r=typeof n==`object`&&n?n.currentTarget:void 0;e.activate(t??r)}}}function x(e){return l.useMemo(()=>b(e),[e])}function S(e,{children:t,asChild:n,ref:r,...i},u){let{open:d,requestOpen:f,trigger:p,controlsId:h}=e,{attach:g,activate:_}=x(p),v=a.useMergedRefs(g,r),y=l.useCallback(e=>{_(e),f(!0,{reason:`trigger`,event:m(e)})},[_,f]),b=o.mergeProps({"aria-haspopup":`dialog`,"aria-expanded":d,"aria-controls":d?h:void 0,onClick:y,ref:v},i,{oursWin:s.STATE_ARIA});return c.useTriggerElement(t,b,{componentName:u,asChild:n})}function C(e,{children:t,asChild:n,ref:r,...i},s){let u=a.useMergedRefs(r),d=l.useCallback(t=>e(!1,{reason:`close`,event:m(t)}),[e]),f=o.mergeProps({onClick:d,ref:u},i);return c.useTriggerElement(t,f,{componentName:s,asChild:n})}function w(e,t){l.useLayoutEffect(()=>{t?e.startSession():e.endSession()},[e,t])}function T(e,n,r,i){let a=l.useContext(e);return a===null?(t.reportMissingContext(n,r),i()):a}var E=l.createContext(null);E.displayName=`ModalSurfaceContext`;var D={registerTitle:()=>()=>{}};function O(){let[e,t]=l.useState([]),n=l.useRef(0),r=l.useCallback(e=>{n.current+=1,t(t=>[...t,e]);let r=!0;return()=>{r&&(r=!1,--n.current,t(t=>{let n=t.indexOf(e);return n===-1?t:[...t.slice(0,n),...t.slice(n+1)]}))}},[]),i=l.useCallback(()=>n.current>0,[]),a=l.useMemo(()=>({registerTitle:r}),[r]);return{titleId:e[0],hasTitle:i,context:a}}function k(e,t,n,i){let{registerTitle:o}=T(E,e,t,()=>D),s=r.useId(`wave-modal-title`),c=n??s,u=l.useCallback(e=>e?o(c):void 0,[o,c]);return{id:c,ref:a.useMergedRefs(i,u)}}function A(e,n,r,i){l.useEffect(()=>{e&&(e.hasAttribute(`aria-label`)||e.hasAttribute(`aria-labelledby`)||n()||t.warnOnce(`${r}:unnamed`,`${r} has no accessible name. Pass \`title\`, render a ${i} inside it, or give it \`aria-label\` or \`aria-labelledby\`.`))},[e,n,r,i])}exports.ModalSurfaceContext=E,exports.getNativeEvent=m,exports.inertModalTrigger=h,exports.useBackdropPress=f,exports.useModalClosePart=C,exports.useModalDismiss=d,exports.useModalOpenState=u,exports.useModalTitle=k,exports.useModalTrigger=y,exports.useModalTriggerPart=S,exports.useModalTriggerSession=w,exports.useRequiredContext=T,exports.useTitleRegistry=O,exports.useUnnamedModalWarning=A;
+//# sourceMappingURL=Dialog.shared.cjs.map

package/dist/components/overlays/Dialog.shared.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.shared.cjs","names":["React","useControllable","unmapped","getTriggerFocusTarget","useMergedRefs","mergeProps","STATE_ARIA","useTriggerElement","useId","require_runtime","require_dev","require_useControllable","require_useId","require_focus","require_useMergedRefs","require_mergeProps","require_renderTrigger","require_useTriggerElement","react","useModalOpenState","detailsRef","value","setOpen","open","defaultOpen","onOpenChange","next","details","useModalDismiss","reason","requestOpen","afterOutsidePress","componentName","useBackdropPress","pressFocusRef","event","closesOnPress","focused","getFocusedElement","surfaceRef","element","isDomEvent","getNativeEvent","native","inertModalTrigger","isElementTarget","target","active","createModalTrigger","attached","activated","sessionOpen","useModalTrigger","trigger","createModalTriggerElement","node","detach","currentTarget","useModalTriggerElement","useModalTriggerPart","rest","modal","mergedRef","attach","ref","openModal","activate","triggerProps","controlsId","children","useModalClosePart","close","closeProps","useModalTriggerSession","useRequiredContext","context","parentName","getInert","ModalSurfaceContext","inertSurface","useTitleRegistry","ids","setIds","countRef","registerTitle","current","id","registered","index","hasTitle","useModalTitle","generatedId","idProp","register","useUnnamedModalWarning","surface","titleName"],"sources":["../../../src/components/overlays/Dialog.shared.tsx"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext, warnOnce } from '../../lib/dev';\nimport { focusElement } from '../../lib/focus';\nimport type { DismissReason } from '../../lib/layers';\nimport { mergeProps } from '../../lib/mergeProps';\nimport { STATE_ARIA } from '../../lib/renderTrigger';\nimport type { ModalOpenChangeReason, OpenChangeDetails } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { getTriggerFocusTarget, useTriggerElement } from '../../hooks/useTriggerElement';\n\n/*\n * Internal helpers shared by Dialog and Drawer (P15). Not exported from the package.\n */\n\n/** Why a modal root asks to open or close, and the event (`DialogOpenChangeDetails`). */\nexport type ModalOpenChangeDetails = OpenChangeDetails<ModalOpenChangeReason>;\n\n/** Asks a modal root to open or close; see {@link useModalOpenState}. */\nexport type ModalRequestOpen = (open: boolean, details: ModalOpenChangeDetails) => void;\n\n/**\n * The open state of a modal root (`Dialog`, `Drawer`): `useControllable`, plus the details of the\n * request behind each change. Every internal path asks through `requestOpen(next, details)`, which\n * writes `details` to a ref, calls the setter and clears the ref once the setter returns.\n * `useControllable` calls its `onChange` synchronously inside the setter, only when the value\n * changes, and that `onChange` passes the ref's details on as `onOpenChange(next, details)`.\n * Clearing the ref afterwards means a change that no request caused can never report a stale\n * reason.\n */\nexport function useModalOpenState(\n  open: boolean | undefined,\n  defaultOpen: boolean | undefined,\n  onOpenChange: ((open: boolean, details?: ModalOpenChangeDetails) => void) | undefined,\n): [open: boolean, requestOpen: ModalRequestOpen] {\n  const detailsRef = React.useRef<ModalOpenChangeDetails | undefined>(undefined);\n  const [value, setOpen] = useControllable(open, defaultOpen ?? false, (next: boolean) =>\n    onOpenChange?.(next, detailsRef.current),\n  );\n  const requestOpen = React.useCallback<ModalRequestOpen>(\n    (next, details) => {\n      detailsRef.current = details;\n      try {\n        setOpen(next);\n      } finally {\n        detailsRef.current = undefined;\n      }\n    },\n    [setOpen],\n  );\n  return [value, requestOpen];\n}\n\n/**\n * The `onDismiss` of a modal root's layer (`useModalLayer`): Escape and a backdrop press ask the\n * root to close, with their reason and event. `focus-outside` never reaches a modal layer (only a\n * layer registered with `focusOutside: true` gets it), so it is ignored with a development warning.\n *\n * @param requestOpen       The root's request function, from {@link useModalOpenState}.\n * @param componentName     The public name for the warning, e.g. `'Dialog'`.\n * @param afterOutsidePress Called right after an `outside-press` request (see\n *                          {@link useBackdropPress}).\n */\nexport function useModalDismiss(\n  requestOpen: ModalRequestOpen,\n  componentName: string,\n  afterOutsidePress?: () => void,\n): (reason: DismissReason, event: Event) => void {\n  return React.useCallback(\n    (reason: DismissReason, event: Event) => {\n      switch (reason) {\n        case 'escape':\n          requestOpen(false, { reason, event });\n          break;\n        case 'outside-press':\n          requestOpen(false, { reason, event });\n          afterOutsidePress?.();\n          break;\n        case 'focus-outside':\n          warnOnce(\n            `${componentName}:focus-outside`,\n            `${componentName} ignored a focus-outside dismissal: a modal surface does not close when focus leaves it.`,\n          );\n          break;\n        default: {\n          // Exhaustive: a new DismissReason does not compile here until it is mapped.\n          const unmapped: never = reason;\n          return unmapped;\n        }\n      }\n    },\n    [requestOpen, componentName, afterOutsidePress],\n  );\n}\n\n/** Returned by {@link useBackdropPress}. */\nexport interface BackdropPress {\n  /** `onMouseDown` of the backdrop element. Stable while `closesOnPress` stays the same. */\n  onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Pass it to {@link useModalDismiss}, which calls it after an `outside-press` request. Stable. */\n  afterOutsidePress: () => void;\n}\n\n/**\n * What a press on a modal's backdrop does to focus (`Dialog.Content`, the Drawer panel). Presses\n * that start inside the surface bubble through unchanged.\n *\n * - When the press closes the modal (`closesOnPress`), the browser moves focus to `<body>` as\n *   usual, so the focused control blurs while it is still mounted and its blur-time commit runs\n *   (the typed text of a SpinButton or a picker, a consumer's `onBlur` autosave or validation)\n *   before the click closes the surface. The element inside the surface that had focus is\n *   remembered: when the surface is still open after the `outside-press` request (a controlled\n *   modal refused it), it gets focus back, in a microtask that runs after React has committed the\n *   request, and only while focus is still on `<body>` (a confirm dialog the refusal opened keeps\n *   its focus).\n * - When the press never closes the modal (an alert dialog), the press does not move focus at all\n *   (`preventDefault()`), so nothing blurs.\n *\n * @param surfaceRef    The surface element (the dialog or the drawer panel).\n * @param closesOnPress Whether a backdrop press asks the modal to close (its layer's `outsidePress`).\n */\nexport function useBackdropPress(\n  surfaceRef: React.RefObject<HTMLElement | null>,\n  closesOnPress: boolean,\n): BackdropPress {\n  // The element inside the surface that had focus when the last backdrop press started.\n  const pressFocusRef = React.useRef<HTMLElement | null>(null);\n\n  const onMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (event.target !== event.currentTarget) return;\n      if (!closesOnPress) {\n        event.preventDefault();\n        return;\n      }\n      const focused = getFocusedElement();\n      pressFocusRef.current = focused && surfaceRef.current?.contains(focused) ? focused : null;\n    },\n    [closesOnPress, surfaceRef],\n  );\n\n  const afterOutsidePress = React.useCallback(() => {\n    const element = pressFocusRef.current;\n    pressFocusRef.current = null;\n    if (!element) return;\n    // A close requested from the click is committed first (React flushes the update in a\n    // microtask queued before this one), so a closed surface no longer contains the element.\n    queueMicrotask(() => {\n      if (getFocusedElement() !== null || !surfaceRef.current?.contains(element)) return;\n      focusElement(element, { preventScroll: true });\n    });\n  }, [surfaceRef]);\n\n  return { onMouseDown, afterOutsidePress };\n}\n\n/** Whether `value` is a DOM event (duck-typed, so an event from another window counts too). */\nfunction isDomEvent(value: unknown): value is Event {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    typeof (value as Partial<Event>).type === 'string' &&\n    typeof (value as Partial<Event>).stopPropagation === 'function' &&\n    !('nativeEvent' in value)\n  );\n}\n\n/**\n * The DOM event behind a part's click handler call: a React event's `nativeEvent`, or a DOM event\n * passed as is. A render-prop child that calls the handler without its event (or with another\n * value) gets a new `click` event, so `details.event` is always an event.\n */\nexport function getNativeEvent(value: unknown): Event {\n  const native =\n    typeof value === 'object' && value !== null\n      ? (value as { nativeEvent?: unknown }).nativeEvent\n      : undefined;\n  if (isDomEvent(native)) return native;\n  if (isDomEvent(value)) return value;\n  return new Event('click');\n}\n\n/** Returned by {@link useModalTrigger}. */\nexport interface ModalTrigger {\n  /**\n   * Callback ref for the element a trigger renders: the consumer's child, or the wrapper `<span>`\n   * of `asChild={false}` and of the automatic fallback for a child that does not forward its ref.\n   * Every trigger of the root attaches it (a root may have several). It returns a React 19 cleanup\n   * that forgets that one element, so a trigger that unmounts never unregisters another. Stable.\n   */\n  attach: React.RefCallback<HTMLElement>;\n  /**\n   * Records the trigger that is opening the modal, for the open session that follows (anything that\n   * is not an element is ignored). Focus returns to that trigger, not to another one of the same\n   * root. Triggers call it through {@link useModalTriggerPart}.\n   *\n   * An activation the modal did not open for by the end of the task (a click that the parent of a\n   * controlled modal rejected) is dropped, so it does not decide where focus returns after a later\n   * open that no trigger started. React commits an accepted open within the same task.\n   */\n  activate: (target: unknown) => void;\n  /**\n   * Starts the open session: the activated trigger belongs to it until {@link endSession}.\n   * {@link useModalTriggerSession} calls it when the modal opens.\n   */\n  startSession: () => void;\n  /**\n   * Ends the open session: forgets the activated trigger, so it does not decide where focus\n   * returns after a later open that no trigger started. {@link useModalTriggerSession} calls it\n   * when the modal closes.\n   */\n  endSession: () => void;\n  /**\n   * The focus-restore target, for the modal layer's `triggerRef`. Its `current` is resolved when it\n   * is read (when the modal opens, and again on close if the opener captured then cannot take\n   * focus any more):\n   *\n   * 1. `null` while an element other than `<body>` has focus: that element opened the modal (the\n   *    clicked trigger, the button inside a trigger's wrapper span, or the parent's own button of\n   *    a controlled modal), and the restore captures it. A trigger element itself with focus (a\n   *    `tabIndex={-1}` wrapper span that a press focused, as Safari does for a click on the button\n   *    inside it) resolves like any trigger instead.\n   * 2. Otherwise (Safari does not focus a clicked button; a modal opened from code), the trigger\n   *    activated in this open session while it is still in the document.\n   * 3. Otherwise the first mounted trigger that can take focus.\n   *\n   * A trigger resolves with `getTriggerFocusTarget`, the rule of every trigger's focus return: the\n   * element that carries the state ARIA (the button inside a wrapper span, the span when you made\n   * it the trigger), else the first tabbable element inside it, else itself when it can take\n   * focus, else `null`. Read-only.\n   */\n  focusRef: React.RefObject<HTMLElement | null>;\n}\n\n/** A trigger for components rendered outside their root (C-CONTEXT inert fallback). */\nexport const inertModalTrigger: ModalTrigger = {\n  attach: () => undefined,\n  activate: () => {},\n  startSession: () => {},\n  endSession: () => {},\n  focusRef: { current: null },\n};\n\nfunction isElementTarget(target: unknown): target is HTMLElement {\n  return typeof target === 'object' && target !== null && (target as Partial<Node>).nodeType === 1;\n}\n\n/** The element that has focus, or `null` when focus is on `<body>` (or nowhere). */\nfunction getFocusedElement(): HTMLElement | null {\n  if (typeof document === 'undefined') return null;\n  const active = document.activeElement;\n  if (!active || active === document.body || active === document.documentElement) return null;\n  return active.isConnected ? (active as HTMLElement) : null;\n}\n\nfunction createModalTrigger(): ModalTrigger {\n  // Every mounted trigger element, in the order they attached.\n  const attached = new Set<HTMLElement>();\n  // The trigger clicked in the current open session (or in the task that is opening it);\n  // forgotten when the modal closes, when the element detaches, or when no open followed the click.\n  let activated: HTMLElement | null = null;\n  // Whether an open session is running (between startSession and endSession).\n  let sessionOpen = false;\n  return {\n    attach: (element) => {\n      // Detaching runs the cleanup below (React 19 and useMergedRefs call it instead of passing\n      // `null`), which knows which element leaves.\n      if (!element) return undefined;\n      attached.add(element);\n      return () => {\n        attached.delete(element);\n        if (activated === element) activated = null;\n      };\n    },\n    activate: (target) => {\n      if (!isElementTarget(target)) return;\n      activated = target;\n      if (sessionOpen) return;\n      // An accepted open commits before the next task starts; a rejected click leaves the modal\n      // closed, and its activation must not outlive the task.\n      setTimeout(() => {\n        if (!sessionOpen && activated === target) activated = null;\n      }, 0);\n    },\n    startSession: () => {\n      sessionOpen = true;\n    },\n    endSession: () => {\n      sessionOpen = false;\n      activated = null;\n    },\n    focusRef: {\n      get current() {\n        // A focused element is the opener: the restore captures it (see ModalTrigger.focusRef),\n        // unless it is a trigger element, which resolves like any trigger.\n        const focused = getFocusedElement();\n        if (focused) return attached.has(focused) ? getTriggerFocusTarget(focused) : null;\n        // The trigger that opened the modal decides, also when it cannot take focus any more.\n        if (activated?.isConnected) return getTriggerFocusTarget(activated);\n        for (const element of attached) {\n          if (!element.isConnected) continue;\n          const target = getTriggerFocusTarget(element);\n          if (target) return target;\n        }\n        return null;\n      },\n    },\n  };\n}\n\n/**\n * The triggers of a modal root (`Dialog`, `Drawer`), overlays#9. Each `Dialog.Trigger`/\n * `Drawer.Trigger` attaches its element and activates it from its click handler through\n * {@link useModalTriggerPart}; the root passes `focusRef` to `useModalLayer` as its\n * `triggerRef` and scopes the activation to one open session with {@link useModalTriggerSession}.\n * Focus returns to the element that had focus when the modal opened; when nothing had focus, to\n * the trigger that opened it, else to the first mounted trigger. For a wrapper `<span>`, the\n * restore target is the element inside it that carries the state ARIA. Resolving when the ref is\n * read, not when it attaches, keeps a trigger that was disabled at mount (or whose content\n * changed) a valid target.\n */\nexport function useModalTrigger(): ModalTrigger {\n  const [trigger] = React.useState(createModalTrigger);\n  return trigger;\n}\n\n/** Returned by {@link useModalTriggerElement}. */\ninterface ModalTriggerElement {\n  /**\n   * Callback ref for the element one trigger renders (merge it with the consumer's ref): registers\n   * it with the root's triggers and remembers it for `activate`. Stable.\n   */\n  attach: React.RefCallback<HTMLElement>;\n  /**\n   * Records this trigger as the one opening the modal: call it from the click handler, before\n   * opening, with whatever the handler received. The element `attach` received wins, else the\n   * event's `currentTarget`, so a render-prop child that calls `onClick()` without the event (or\n   * with another value) is still recorded. Stable.\n   */\n  activate: (event?: unknown) => void;\n}\n\nfunction createModalTriggerElement(trigger: ModalTrigger): ModalTriggerElement {\n  // The element this trigger rendered; a closure variable, not a React ref, so the click handler\n  // that reads it can be passed around during render (C-HOOKS).\n  let element: HTMLElement | null = null;\n  return {\n    attach: (node) => {\n      if (!node) return undefined;\n      element = node;\n      const detach = trigger.attach(node);\n      return () => {\n        if (element === node) element = null;\n        if (typeof detach === 'function') detach();\n      };\n    },\n    activate: (event) => {\n      const currentTarget =\n        typeof event === 'object' && event !== null\n          ? (event as { currentTarget?: unknown }).currentTarget\n          : undefined;\n      trigger.activate(element ?? currentTarget);\n    },\n  };\n}\n\n/**\n * One `Dialog.Trigger`/`Drawer.Trigger` of a modal root (overlays#9): attach `attach` to the\n * element the trigger renders and call `activate` from its click handler.\n */\nfunction useModalTriggerElement(trigger: ModalTrigger): ModalTriggerElement {\n  return React.useMemo(() => createModalTriggerElement(trigger), [trigger]);\n}\n\n/** The props of a trigger or close part (`Dialog.Trigger`, `Drawer.Close`, …). */\nexport interface ModalPartProps<RenderProps> extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /** A single element that receives the part's props, or a function that receives them. */\n  children: React.ReactNode | ((props: RenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` carrying the click handler. */\n  asChild?: boolean;\n  /** Ref to the element the part renders. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** What {@link useModalTriggerPart} reads from the modal root. */\nexport interface ModalTriggerState {\n  open: boolean;\n  /** Asks the root to open (reason `trigger`). */\n  requestOpen: ModalRequestOpen;\n  trigger: ModalTrigger;\n  /** The surface's id for `aria-controls` while the modal is open. */\n  controlsId: string | undefined;\n}\n\n/**\n * Renders a `Dialog.Trigger`/`Drawer.Trigger`: its element gets `aria-haspopup=\"dialog\"`,\n * `aria-expanded`, `aria-controls` (while open; these always win over the child's own), a click\n * handler that records the trigger (for the focus return) and asks the root to open (reason\n * `trigger`, with the click event), and a ref that registers it with the root's triggers. On a\n * wrapper span (`asChild={false}`, the automatic fallback), the state ARIA goes to the first\n * element in the tab order inside it (`useTriggerElement`).\n *\n * @param modal         The root's state, from its context.\n * @param props         The part's props.\n * @param componentName The public name for development warnings, e.g. `'Dialog.Trigger'`.\n */\nexport function useModalTriggerPart<RenderProps>(\n  modal: ModalTriggerState,\n  { children, asChild, ref, ...rest }: ModalPartProps<RenderProps>,\n  componentName: string,\n): React.ReactNode {\n  const { open, requestOpen, trigger, controlsId } = modal;\n  const { attach, activate } = useModalTriggerElement(trigger);\n  const mergedRef = useMergedRefs<HTMLElement>(attach, ref);\n  const openModal = React.useCallback(\n    (event?: React.MouseEvent<HTMLElement>) => {\n      // Focus returns to this trigger, also when the root has several (overlays#9), and also when\n      // a render-prop child calls `onClick()` without the event.\n      activate(event);\n      requestOpen(true, { reason: 'trigger', event: getNativeEvent(event) });\n    },\n    [activate, requestOpen],\n  );\n\n  const stateAria = {\n    'aria-haspopup': 'dialog' as const,\n    'aria-expanded': open,\n    'aria-controls': open ? controlsId : undefined,\n  };\n  const triggerProps = mergeProps({ ...stateAria, onClick: openModal, ref: mergedRef }, rest, {\n    oursWin: STATE_ARIA,\n  });\n\n  return useTriggerElement(children, triggerProps as RenderProps, { componentName, asChild });\n}\n\n/**\n * Renders a `Dialog.Close`/`Drawer.Close`: composes a click handler that asks the root to close\n * (reason `close`, with the click event) onto its element (the child's own `onClick` runs first;\n * `preventDefault()` there keeps the modal open).\n *\n * @param requestOpen   The root's request function, from its context.\n * @param props         The part's props.\n * @param componentName The public name for development warnings, e.g. `'Dialog.Close'`.\n */\nexport function useModalClosePart<RenderProps>(\n  requestOpen: ModalRequestOpen,\n  { children, asChild, ref, ...rest }: ModalPartProps<RenderProps>,\n  componentName: string,\n): React.ReactNode {\n  const mergedRef = useMergedRefs<HTMLElement>(ref);\n  const close = React.useCallback(\n    (event?: React.MouseEvent<HTMLElement>) =>\n      requestOpen(false, { reason: 'close', event: getNativeEvent(event) }),\n    [requestOpen],\n  );\n  const closeProps = mergeProps({ onClick: close, ref: mergedRef }, rest);\n  return useTriggerElement(children, closeProps as RenderProps, { componentName, asChild });\n}\n\n/**\n * Scopes a trigger's activation to one open session (overlays#9): when the modal opens, the\n * activated trigger joins the session; when it closes, the trigger is forgotten, so a later open\n * that no trigger started (a controlled modal opened by the parent) does not return focus to it.\n *\n * It updates the session in a layout effect, after the modal's focus restore has used the\n * activation: call it in the root component (whose effects run after its children's) and, when\n * that component also calls `useModalLayer`, after that call (a component's effects run in order).\n */\nexport function useModalTriggerSession(trigger: ModalTrigger, open: boolean): void {\n  React.useLayoutEffect(() => {\n    if (open) trigger.startSession();\n    else trigger.endSession();\n  }, [trigger, open]);\n}\n\n/**\n * C-CONTEXT: reads a compound component's context. Outside its root it throws\n * `[WaveUI] <componentName> must be used within <parentName>` in development, and in production\n * logs the same message once per page (`reportMissingContext`) and returns the inert value from\n * `getInert`.\n */\nexport function useRequiredContext<T>(\n  context: React.Context<T | null>,\n  componentName: string,\n  parentName: string,\n  getInert: () => T,\n): T {\n  const value = React.useContext(context);\n  if (value !== null) return value;\n  reportMissingContext(componentName, parentName);\n  return getInert();\n}\n\n/** What a modal surface (`Dialog.Content`, the Drawer panel) provides to its descendants. */\nexport interface ModalSurfaceContextValue {\n  /**\n   * Registers the id of a title element (`Dialog.Title`, `Drawer.Title`) for the surface's\n   * `aria-labelledby`. Returns the unregister function.\n   */\n  registerTitle: (id: string) => () => void;\n  /**\n   * Receives the measured border-box height of the surface's sticky footer (`Dialog.Footer`) in\n   * px, or `null` once it unmounts; the surface reserves it as the scroll padding of its body.\n   * Absent on a surface without a footer part (the Drawer panel).\n   */\n  setFooterHeight?: (px: number | null) => void;\n}\n\n/**\n * Provided by every modal surface; `null` outside one. Titles register with it, and\n * `Dialog.Footer` reads it to report its height and to warn when it is rendered outside\n * `Dialog.Content`.\n */\nexport const ModalSurfaceContext = React.createContext<ModalSurfaceContextValue | null>(null);\nModalSurfaceContext.displayName = 'ModalSurfaceContext';\n\nconst inertSurface: ModalSurfaceContextValue = { registerTitle: () => () => {} };\n\n/** Returned by {@link useTitleRegistry}. */\nexport interface TitleRegistry {\n  /** The id of the first registered title, for `aria-labelledby`. */\n  titleId: string | undefined;\n  /** Whether a title is registered right now. Read it in effects and handlers, not during render. */\n  hasTitle: () => boolean;\n  /** The memoised value for `ModalSurfaceContext.Provider`. */\n  context: ModalSurfaceContextValue;\n}\n\n/**\n * The title registry of a modal surface. A title registers its id from its ref callback (when its\n * element attaches), so the surface's `aria-labelledby` follows the title elements that are\n * actually rendered.\n */\nexport function useTitleRegistry(): TitleRegistry {\n  const [ids, setIds] = React.useState<readonly string[]>([]);\n  const countRef = React.useRef(0);\n\n  const registerTitle = React.useCallback((id: string) => {\n    countRef.current += 1;\n    setIds((current) => [...current, id]);\n    let registered = true;\n    return () => {\n      if (!registered) return;\n      registered = false;\n      countRef.current -= 1;\n      setIds((current) => {\n        const index = current.indexOf(id);\n        return index === -1 ? current : [...current.slice(0, index), ...current.slice(index + 1)];\n      });\n    };\n  }, []);\n\n  const hasTitle = React.useCallback(() => countRef.current > 0, []);\n  const context = React.useMemo(() => ({ registerTitle }), [registerTitle]);\n  return { titleId: ids[0], hasTitle, context };\n}\n\n/**\n * The `id` and `ref` of a title sub-component (`Dialog.Title`, `Drawer.Title`): the consumer's\n * `id` (or a generated one), registered with the enclosing surface while the element is mounted.\n */\nexport function useModalTitle(\n  componentName: string,\n  parentName: string,\n  idProp: string | undefined,\n  ref: React.Ref<HTMLHeadingElement> | undefined,\n): { id: string; ref: React.RefCallback<HTMLHeadingElement> } {\n  const { registerTitle } = useRequiredContext(\n    ModalSurfaceContext,\n    componentName,\n    parentName,\n    () => inertSurface,\n  );\n  const generatedId = useId('wave-modal-title');\n  const id = idProp ?? generatedId;\n  const register = React.useCallback(\n    (node: HTMLHeadingElement | null) => (node ? registerTitle(id) : undefined),\n    [registerTitle, id],\n  );\n  const mergedRef = useMergedRefs<HTMLHeadingElement>(ref, register);\n  return { id, ref: mergedRef };\n}\n\n/**\n * Development warning (once per component) when an open modal surface has no accessible name:\n * no `title`, no registered title element, no `aria-label` and no `aria-labelledby`.\n *\n * @param surface       The open surface element (`null` while closed).\n * @param hasTitle      From {@link useTitleRegistry}.\n * @param componentName The public name, e.g. `'Dialog.Content'`.\n * @param titleName     The title sub-component to recommend, e.g. `'Dialog.Title'`.\n */\nexport function useUnnamedModalWarning(\n  surface: HTMLElement | null,\n  hasTitle: () => boolean,\n  componentName: string,\n  titleName: string,\n): void {\n  React.useEffect(() => {\n    if (!surface) return;\n    if (\n      surface.hasAttribute('aria-label') ||\n      surface.hasAttribute('aria-labelledby') ||\n      hasTitle()\n    ) {\n      return;\n    }\n    warnOnce(\n      `${componentName}:unnamed`,\n      `${componentName} has no accessible name. Pass \\`title\\`, render a ${titleName} inside it, or give it \\`aria-label\\` or \\`aria-labelledby\\`.`,\n    );\n  }, [surface, hasTitle, componentName, titleName]);\n}\n"],"mappings":"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"}