@funstack/ui 0.0.0-stage → 0.1.0-alpha.1

package/dist/dialog/dialog-popup.mjs

@@ -0,0 +1,367 @@
+"use client";
+import { useTransitionBoundary } from "../internal/transition-boundary.mjs";
+import { dataAttr } from "../internal/data-attr.mjs";
+import { resolveStateValue, useRender } from "../internal/use-render.mjs";
+import { useDevWarning } from "../internal/use-dev-warning.mjs";
+import { useDialogContext } from "./dialog-context.mjs";
+import { Activity, startTransition, useCallback, useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/dialog/dialog-popup.tsx
+const isDev = process.env.NODE_ENV !== "production";
+/** Resolves `initialFocus` against the dialog (a ref, or a selector inside the dialog). */
+function resolveInitialFocus(dialog, initialFocus) {
+	if (typeof initialFocus === "string") return dialog.querySelector(initialFocus);
+	return initialFocus.current;
+}
+/** The nearest `<dialog>` around a node (the dialog itself counts). */
+function closestDialog(target) {
+	return target instanceof Element ? target.closest("dialog") : null;
+}
+/**
+* An open popover that takes Escape before the dialog: `auto` or `hint` (they have a close
+* watcher). A `manual` popover, or `hint` where the engine maps it to `manual`, does not.
+*/
+function isOpenLightPopover(element) {
+	if (!element.hasAttribute("popover")) return false;
+	const reflected = element.popover;
+	if ((typeof reflected === "string" ? reflected : element.getAttribute("popover").toLowerCase()) === "manual") return false;
+	try {
+		return element.matches(":popover-open");
+	} catch {
+		return false;
+	}
+}
+/**
+* Whether Escape belongs to a layer inside `dialog` that sits above it (design 9: "closes the
+* innermost one only"): the target is inside an open nested `<dialog>` or popover, or an open
+* `auto` / `hint` popover inside the dialog would take the close request (close watchers are
+* per document, not per focus).
+*/
+function escapeBelongsToInnerLayer(dialog, target) {
+	for (let node = target instanceof Element ? target : null; node !== null && node !== dialog; node = node.parentElement) {
+		if (node instanceof HTMLDialogElement && node.open) return true;
+		if (isOpenLightPopover(node)) return true;
+	}
+	for (const element of dialog.querySelectorAll("[popover]")) if (isOpenLightPopover(element)) return true;
+	return false;
+}
+/** Whether a pointer event on the dialog itself lies outside its border box (the `::backdrop`). */
+function onBackdrop(dialog, event) {
+	if (event.target !== dialog) return false;
+	const { clientX, clientY } = event;
+	const rect = dialog.getBoundingClientRect();
+	return !(rect.top <= clientY && clientY <= rect.bottom && rect.left <= clientX && clientX <= rect.right);
+}
+/** An animation that ends: infinite ones (a spinner) would hold the content forever. */
+function ends(animation) {
+	const end = animation.effect?.getComputedTiming().endTime;
+	return typeof end === "number" && Number.isFinite(end);
+}
+/**
+* The dialog itself: a `<dialog>` with the id the Trigger's `commandfor` names, wired to Title
+* and Description through `aria-labelledby` / `aria-describedby`. Never renders `open`: modal
+* opening and closing go through `showModal()` / `close()` only. Style it with `:open` and
+* `:modal`; it emits `data-modal` but no `data-open`.
+*
+* In library mode the children render from committed state, so content that suspends keeps the
+* dialog closed (and the Trigger pending) until it is ready; `showModal()` runs in the layout
+* effect of the commit that mounted them. Closing is the browser's: the native `close` event
+* becomes `openChangeAction(false, { reason, returnValue })`.
+*
+* Owned keys (conventions 1.2): `id`, `open`, `closedby`, `aria-labelledby` and
+* `aria-describedby` (token-merged), `data-modal`, `suppressHydrationWarning`.
+*/
+function DialogPopup({ keepMounted, initialFocus, lightDismiss = false, experimental_closedBy = false, transition, className, style, children, render, ...rest }) {
+	const ctx = useDialogContext("Dialog.Popup");
+	const isLibrary = ctx.mode === "library";
+	const { modal, ids, dialogRef, triggerRef } = ctx;
+	const [dialog, setDialog] = useState(null);
+	const [exiting, setExiting] = useState(false);
+	const exitGeneration = useRef(0);
+	const awaitingClose = useRef(false);
+	const warnedFocus = useRef(false);
+	useDevWarning(!isLibrary && transition !== void 0, "Dialog.Popup: `transition` has no effect in JS-free mode; the browser opens and closes the dialog outside any React transition. Animate it with CSS (`@starting-style`).");
+	useDevWarning(!isLibrary && keepMounted === false, "Dialog.Popup: `keepMounted={false}` cannot be honoured in JS-free mode; the content is always mounted so that the server HTML is complete.");
+	const libraryRef = useCallback((element) => {
+		if (isDev && element.tagName !== "DIALOG") console.error(`Dialog.Popup: expected to render a <dialog> element but got <${element.tagName.toLowerCase()}>. Top layer, backdrop, focus and Escape all come from a real <dialog>.`);
+		dialogRef.current = element;
+		setDialog(element);
+		return () => {
+			if (dialogRef.current === element) dialogRef.current = null;
+			setDialog(null);
+		};
+	}, [dialogRef]);
+	const openDialog = (element) => {
+		let target = null;
+		if (initialFocus !== void 0) {
+			target = resolveInitialFocus(element, initialFocus);
+			if (target === null || !element.contains(target)) {
+				if (isDev && !warnedFocus.current) {
+					warnedFocus.current = true;
+					console.error(target === null ? "Dialog.Popup: `initialFocus` resolved to no element; the platform picks the focus target." : "Dialog.Popup: `initialFocus` is outside the dialog; the platform picks the focus target.");
+				}
+				target = null;
+			}
+		}
+		const added = target !== null && !target.hasAttribute("autofocus");
+		if (added) target.setAttribute("autofocus", "");
+		try {
+			if (modal) element.showModal();
+			else element.show();
+		} finally {
+			if (added) target.removeAttribute("autofocus");
+		}
+	};
+	const reconcileOnMount = useEffectEvent(() => {
+		const element = dialogRef.current;
+		if (element === null || !element.open) return;
+		ctx.requestOpen(void 0, "platform");
+	});
+	useLayoutEffect(() => {
+		if (isLibrary) reconcileOnMount();
+	}, [isLibrary]);
+	useLayoutEffect(() => {
+		if (!isLibrary) return;
+		const element = dialogRef.current;
+		if (element === null || !element.isConnected) return;
+		if (ctx.pending || ctx.latestInFlight() !== null) return;
+		if (ctx.committed && !element.open) {
+			if (awaitingClose.current) return;
+			openDialog(element);
+		} else if (!ctx.committed && element.open) {
+			ctx.recordCloseIntent(void 0);
+			element.close();
+		}
+	});
+	useEffect(() => {
+		if (isLibrary || initialFocus === void 0 || dialog === null) return;
+		const target = resolveInitialFocus(dialog, initialFocus);
+		if (target === null || !dialog.contains(target) || target.hasAttribute("autofocus")) return;
+		target.setAttribute("autofocus", "");
+		return () => target.removeAttribute("autofocus");
+	}, [
+		isLibrary,
+		initialFocus,
+		dialog
+	]);
+	const onCommand = useEffectEvent((event) => {
+		if (event.target !== dialogRef.current || event.defaultPrevented) return;
+		const command = String(event.command ?? "").toLowerCase();
+		if (command === "show-modal") {
+			if (!isLibrary) return;
+			event.preventDefault();
+			ctx.requestOpen(event, "activate");
+		} else if (command === "request-close" || command === "close") ctx.recordCloseIntent({
+			reason: "activate",
+			event
+		});
+	});
+	const onSubmit = useEffectEvent((event) => {
+		const element = dialogRef.current;
+		const form = event.target;
+		if (element === null || !(form instanceof HTMLFormElement)) return;
+		if (form.closest("dialog") !== element) return;
+		const formMethod = event.submitter?.getAttribute("formmethod");
+		if ((formMethod != null ? formMethod.toLowerCase() : form.method) !== "dialog") return;
+		ctx.recordCloseIntent({
+			reason: "activate",
+			event
+		});
+	});
+	const onClose = useEffectEvent((event) => {
+		const element = dialogRef.current;
+		if (element === null || event.target !== element) return;
+		awaitingClose.current = false;
+		const doc = element.ownerDocument;
+		const active = doc.activeElement;
+		if (active !== null && active !== doc.body && element.contains(active)) {
+			const trigger = triggerRef.current;
+			if (trigger !== null && trigger.isConnected) trigger.focus();
+			else if (active instanceof HTMLElement) active.blur();
+		}
+		const intent = ctx.takeCloseIntent();
+		if (!isLibrary) return;
+		if (element.isConnected && typeof element.getAnimations === "function") {
+			getComputedStyle(element).opacity;
+			const animations = element.getAnimations({ subtree: true }).filter(ends);
+			if (animations.length > 0) {
+				const generation = ++exitGeneration.current;
+				setExiting(true);
+				Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
+					if (exitGeneration.current === generation) startTransition(() => setExiting(false));
+				});
+			}
+		}
+		ctx.notifyClosed(intent?.event ?? event, intent?.reason ?? "dismiss", element.returnValue);
+	});
+	const onBeforeToggle = useEffectEvent((event) => {
+		if (event.target !== dialogRef.current) return;
+		const newState = event.newState;
+		awaitingClose.current = newState === "closed";
+		if (newState === "open") ctx.nextOpenGeneration();
+	});
+	useEffect(() => {
+		if (dialog === null) return;
+		const doc = dialog.ownerDocument;
+		const nativeClosedBy = experimental_closedBy && "closedBy" in dialog;
+		const listeners = [
+			[
+				dialog,
+				"command",
+				onCommand,
+				false
+			],
+			[
+				dialog,
+				"submit",
+				onSubmit,
+				false
+			],
+			[
+				dialog,
+				"close",
+				onClose,
+				false
+			],
+			[
+				dialog,
+				"beforetoggle",
+				onBeforeToggle,
+				false
+			]
+		];
+		if (!modal && !nativeClosedBy) listeners.push([
+			dialog,
+			"keydown",
+			(event) => {
+				const keyboardEvent = event;
+				if (keyboardEvent.key !== "Escape" || keyboardEvent.defaultPrevented) return;
+				if (!dialog.open || closestDialog(keyboardEvent.target) !== dialog) return;
+				if (escapeBelongsToInnerLayer(dialog, keyboardEvent.target)) return;
+				keyboardEvent.preventDefault();
+				dialog.requestClose();
+			},
+			false
+		]);
+		let pressedOutside = false;
+		const isOutside = (target) => {
+			if (!(target instanceof Node)) return true;
+			if (dialog.contains(target)) return false;
+			return !(triggerRef.current?.contains(target) ?? false);
+		};
+		let outsideAttached = false;
+		const onOutsidePointerDown = (event) => {
+			pressedOutside = dialog.open && isOutside(event.target);
+		};
+		const onOutsideClick = (event) => {
+			const pressed = pressedOutside;
+			pressedOutside = false;
+			if (!dialog.open || !pressed || !isOutside(event.target)) return;
+			dialog.requestClose();
+		};
+		const syncOutside = () => {
+			const want = dialog.open;
+			if (want === outsideAttached) return;
+			outsideAttached = want;
+			pressedOutside = false;
+			if (want) {
+				doc.addEventListener("pointerdown", onOutsidePointerDown, true);
+				doc.addEventListener("click", onOutsideClick, true);
+			} else {
+				doc.removeEventListener("pointerdown", onOutsidePointerDown, true);
+				doc.removeEventListener("click", onOutsideClick, true);
+			}
+		};
+		if (lightDismiss && !nativeClosedBy) {
+			if (modal) listeners.push([
+				dialog,
+				"pointerdown",
+				(event) => {
+					pressedOutside = dialog.open && onBackdrop(dialog, event);
+				},
+				false
+			], [
+				dialog,
+				"click",
+				(event) => {
+					const pressed = pressedOutside;
+					pressedOutside = false;
+					if (!dialog.open || !pressed || !onBackdrop(dialog, event)) return;
+					dialog.requestClose();
+				},
+				false
+			]);
+			else {
+				listeners.push([
+					dialog,
+					"toggle",
+					syncOutside,
+					false
+				]);
+				syncOutside();
+			}
+		}
+		for (const [target, type, listener, capture] of listeners) target.addEventListener(type, listener, capture);
+		return () => {
+			for (const [target, type, listener, capture] of listeners) target.removeEventListener(type, listener, capture);
+			if (outsideAttached) {
+				doc.removeEventListener("pointerdown", onOutsidePointerDown, true);
+				doc.removeEventListener("click", onOutsideClick, true);
+			}
+		};
+	}, [
+		dialog,
+		modal,
+		lightDismiss,
+		experimental_closedBy,
+		triggerRef
+	]);
+	const shown = !isLibrary || ctx.committed;
+	useEffect(() => {
+		if (!isDev || dialog === null || !shown) return;
+		if (dialog.hasAttribute("aria-label")) return;
+		const labelledBy = (dialog.getAttribute("aria-labelledby") ?? "").split(/\s+/);
+		const doc = dialog.ownerDocument;
+		if (labelledBy.some((id) => id !== "" && doc.getElementById(id) !== null)) return;
+		console.error("Dialog.Popup: the dialog has no accessible name. Render a Dialog.Title, or give the Popup an `aria-label`.");
+	}, [dialog, shown]);
+	const state = {
+		open: ctx.committed,
+		modal
+	};
+	const visible = ctx.committed || exiting;
+	const content = (s) => {
+		if (!isLibrary) return resolveStateValue(children, s);
+		if (keepMounted === true) return /* @__PURE__ */ jsx(Activity, {
+			mode: visible ? "visible" : "hidden",
+			children: resolveStateValue(children, s)
+		});
+		return visible ? resolveStateValue(children, s) : null;
+	};
+	const libraryProps = {
+		id: ids.dialog,
+		open: void 0,
+		closedby: experimental_closedBy ? lightDismiss ? "any" : "closerequest" : void 0,
+		"aria-labelledby": ids.title,
+		"aria-describedby": ids.description,
+		"data-modal": dataAttr(modal),
+		suppressHydrationWarning: true
+	};
+	const element = useRender({
+		defaultElement: "dialog",
+		render,
+		state,
+		className,
+		style,
+		children: content,
+		props: rest,
+		libraryProps,
+		ref: libraryRef
+	});
+	return useTransitionBoundary("Dialog.Popup", isLibrary ? transition : void 0, element);
+}
+DialogPopup.displayName = "DialogPopup";
+//#endregion
+export { DialogPopup };
+
+//# sourceMappingURL=dialog-popup.mjs.map

package/dist/dialog/dialog-popup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-popup.mjs","names":[],"sources":["../../src/dialog/dialog-popup.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Activity,\n  startTransition,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ComponentPropsWithRef,\n  CSSProperties,\n  ReactNode,\n  RefObject,\n  ViewTransitionClass,\n} from \"react\";\nimport { useTransitionBoundary } from \"../internal/transition-boundary.js\";\nimport { dataAttr } from \"../internal/data-attr.js\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { useDevWarning } from \"../internal/use-dev-warning.js\";\nimport { resolveStateValue, useRender } from \"../internal/use-render.js\";\nimport type { DataAttributes } from \"../internal/use-render.js\";\nimport { useDialogContext } from \"./dialog-context.js\";\n\nexport interface DialogPopupState {\n  /** Committed open state (library mode); `false` in JS-free mode. Read `:open` for the DOM truth. */\n  readonly open: boolean;\n  readonly modal: boolean;\n}\n\nexport interface DialogPopupProps extends Omit<\n  ComponentPropsWithRef<\"dialog\">,\n  \"id\" | \"open\" | \"closedby\" | \"onToggle\" | \"onBeforeToggle\" | \"className\" | \"style\" | \"children\"\n> {\n  /**\n   * Library mode: what happens to the children while the dialog is closed.\n   * - `false` (default): not rendered. Mounting them is part of the opening transition, so\n   *   content that suspends holds the open until it is ready. Unmount waits for the dialog's\n   *   exit animations.\n   * - `true`: rendered inside `<Activity mode=\"hidden\">`: DOM and state preserved, effects\n   *   stopped, pre-rendered at low priority. Not in the server HTML.\n   *\n   * Ignored in JS-free mode (always mounted).\n   */\n  keepMounted?: boolean;\n  /**\n   * Element to focus when the dialog opens: a ref, or a selector resolved inside the dialog.\n   * The library writes `autofocus` on it right before `showModal()` / `show()` and the platform\n   * focuses it. Default: the platform's choice (first focusable descendant; the dialog itself if\n   * none). Use `tabIndex={-1}` on a heading or wrapper for long or destructive dialogs (APG).\n   *\n   * In JS-free mode the browser opens the dialog itself, so the attribute is written after\n   * hydration and kept while mounted; before hydration only `autoFocus` in the markup works.\n   */\n  initialFocus?: RefObject<HTMLElement | null> | string;\n  /**\n   * Close on a click outside the dialog (on the backdrop for modal dialogs). Default `false`.\n   * Baseline: JS `pointerdown` + `click` listeners, which close only when both the press and the\n   * click land outside (a drag that starts inside, such as selecting text, never closes); with\n   * `experimental_closedBy`, native `closedby=\"any\"`, which behaves the same.\n   */\n  lightDismiss?: boolean;\n  /**\n   * Experimental (Chrome 134+, Firefox 141+; Safari 27.0 ignores it). Renders `closedby`\n   * (`\"any\"` when `lightDismiss`, else `\"closerequest\"`) and skips the JS dismiss listeners where\n   * `HTMLDialogElement.prototype.closedBy` exists. Elsewhere the JS baseline stays active.\n   * Default `false`.\n   */\n  experimental_closedBy?: boolean;\n  /**\n   * Library mode only. Forwarded to the `<ViewTransition default>` around the dialog. Animates\n   * the opening commit and content changes while open; the close is the browser's and animates\n   * with CSS. Ignored (dev warning) in JS-free mode.\n   *\n   * Static: without `transition` the part renders no `<ViewTransition>`; changing it between\n   * `undefined` and a value remounts the element. Any value, `\"none\"` included, makes a mount or\n   * `<Activity>` reveal of this part inside a transition start a document view transition: the\n   * page cross-fades for about 250 ms and the next transition commit waits for it (issue #35).\n   */\n  transition?: ViewTransitionClass;\n  className?: StateValue<string | undefined, DialogPopupState>;\n  style?: StateValue<CSSProperties | undefined, DialogPopupState>;\n  children?: StateValue<ReactNode, DialogPopupState>;\n  /** Must render a `<dialog>`. */\n  render?: RenderProp<ComponentPropsWithRef<\"dialog\">, DialogPopupState>;\n}\n\nconst isDev = process.env.NODE_ENV !== \"production\";\n\n/** Resolves `initialFocus` against the dialog (a ref, or a selector inside the dialog). */\nfunction resolveInitialFocus(\n  dialog: HTMLDialogElement,\n  initialFocus: RefObject<HTMLElement | null> | string,\n): HTMLElement | null {\n  if (typeof initialFocus === \"string\") return dialog.querySelector<HTMLElement>(initialFocus);\n  return initialFocus.current;\n}\n\n/** The nearest `<dialog>` around a node (the dialog itself counts). */\nfunction closestDialog(target: EventTarget | null): Element | null {\n  return target instanceof Element ? target.closest(\"dialog\") : null;\n}\n\n/**\n * An open popover that takes Escape before the dialog: `auto` or `hint` (they have a close\n * watcher). A `manual` popover, or `hint` where the engine maps it to `manual`, does not.\n */\nfunction isOpenLightPopover(element: Element): boolean {\n  if (!element.hasAttribute(\"popover\")) return false;\n  // The IDL attribute reflects the state the engine applies; jsdom has none.\n  const reflected: unknown = (element as HTMLElement).popover;\n  const state =\n    typeof reflected === \"string\" ? reflected : element.getAttribute(\"popover\")!.toLowerCase();\n  if (state === \"manual\") return false;\n  try {\n    return element.matches(\":popover-open\");\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Whether Escape belongs to a layer inside `dialog` that sits above it (design 9: \"closes the\n * innermost one only\"): the target is inside an open nested `<dialog>` or popover, or an open\n * `auto` / `hint` popover inside the dialog would take the close request (close watchers are\n * per document, not per focus).\n */\nfunction escapeBelongsToInnerLayer(dialog: HTMLDialogElement, target: EventTarget | null): boolean {\n  for (\n    let node = target instanceof Element ? target : null;\n    node !== null && node !== dialog;\n    node = node.parentElement\n  ) {\n    if (node instanceof HTMLDialogElement && node.open) return true;\n    if (isOpenLightPopover(node)) return true;\n  }\n  for (const element of dialog.querySelectorAll(\"[popover]\")) {\n    if (isOpenLightPopover(element)) return true;\n  }\n  return false;\n}\n\n/** Whether a pointer event on the dialog itself lies outside its border box (the `::backdrop`). */\nfunction onBackdrop(dialog: HTMLDialogElement, event: Event): boolean {\n  if (event.target !== dialog) return false;\n  const { clientX, clientY } = event as MouseEvent;\n  const rect = dialog.getBoundingClientRect();\n  return !(\n    rect.top <= clientY &&\n    clientY <= rect.bottom &&\n    rect.left <= clientX &&\n    clientX <= rect.right\n  );\n}\n\n/** An animation that ends: infinite ones (a spinner) would hold the content forever. */\nfunction ends(animation: Animation): boolean {\n  const end = animation.effect?.getComputedTiming().endTime;\n  return typeof end === \"number\" && Number.isFinite(end);\n}\n\n/**\n * The dialog itself: a `<dialog>` with the id the Trigger's `commandfor` names, wired to Title\n * and Description through `aria-labelledby` / `aria-describedby`. Never renders `open`: modal\n * opening and closing go through `showModal()` / `close()` only. Style it with `:open` and\n * `:modal`; it emits `data-modal` but no `data-open`.\n *\n * In library mode the children render from committed state, so content that suspends keeps the\n * dialog closed (and the Trigger pending) until it is ready; `showModal()` runs in the layout\n * effect of the commit that mounted them. Closing is the browser's: the native `close` event\n * becomes `openChangeAction(false, { reason, returnValue })`.\n *\n * Owned keys (conventions 1.2): `id`, `open`, `closedby`, `aria-labelledby` and\n * `aria-describedby` (token-merged), `data-modal`, `suppressHydrationWarning`.\n */\nexport function DialogPopup({\n  keepMounted,\n  initialFocus,\n  lightDismiss = false,\n  experimental_closedBy = false,\n  transition,\n  className,\n  style,\n  children,\n  render,\n  ...rest\n}: DialogPopupProps) {\n  const ctx = useDialogContext(\"Dialog.Popup\");\n  const isLibrary = ctx.mode === \"library\";\n  const { modal, ids, dialogRef, triggerRef } = ctx;\n  const [dialog, setDialog] = useState<HTMLDialogElement | null>(null);\n  // Children stay mounted while the dialog's exit animation runs (design 4.4).\n  const [exiting, setExiting] = useState(false);\n  const exitGeneration = useRef(0);\n  // Set by the synchronous `beforetoggle` of a close, cleared by the `close` event a task later:\n  // the dialog is closed but its notification is not dispatched yet, so the apply effect must\n  // not re-open it from a commit that lands in between.\n  const awaitingClose = useRef(false);\n  const warnedFocus = useRef(false);\n\n  useDevWarning(\n    !isLibrary && transition !== undefined,\n    \"Dialog.Popup: `transition` has no effect in JS-free mode; the browser opens and closes the \" +\n      \"dialog outside any React transition. Animate it with CSS (`@starting-style`).\",\n  );\n  useDevWarning(\n    !isLibrary && keepMounted === false,\n    \"Dialog.Popup: `keepMounted={false}` cannot be honoured in JS-free mode; the content is \" +\n      \"always mounted so that the server HTML is complete.\",\n  );\n\n  const libraryRef = useCallback(\n    (element: HTMLDialogElement) => {\n      if (isDev && element.tagName !== \"DIALOG\") {\n        console.error(\n          `Dialog.Popup: expected to render a <dialog> element but got <${element.tagName.toLowerCase()}>. ` +\n            \"Top layer, backdrop, focus and Escape all come from a real <dialog>.\",\n        );\n      }\n      dialogRef.current = element;\n      setDialog(element);\n      return () => {\n        if (dialogRef.current === element) dialogRef.current = null;\n        setDialog(null);\n      };\n    },\n    [dialogRef],\n  );\n\n  // --- Opening -----------------------------------------------------------------------------\n\n  const openDialog = (element: HTMLDialogElement): void => {\n    let target: HTMLElement | null = null;\n    if (initialFocus !== undefined) {\n      target = resolveInitialFocus(element, initialFocus);\n      if (target === null || !element.contains(target)) {\n        if (isDev && !warnedFocus.current) {\n          warnedFocus.current = true;\n          console.error(\n            target === null\n              ? \"Dialog.Popup: `initialFocus` resolved to no element; the platform picks the focus target.\"\n              : \"Dialog.Popup: `initialFocus` is outside the dialog; the platform picks the focus target.\",\n          );\n        }\n        target = null;\n      }\n    }\n    // The platform's dialog focusing steps honour `autofocus`; React drops `autoFocus` on\n    // client-rendered content (react/react#23301). Never `.focus()` (design 6.1).\n    const added = target !== null && !target.hasAttribute(\"autofocus\");\n    if (added) target!.setAttribute(\"autofocus\", \"\");\n    try {\n      if (modal) element.showModal();\n      else element.show();\n    } finally {\n      if (added) target!.removeAttribute(\"autofocus\");\n    }\n  };\n\n  // Mount reconciliation (design 2.4): a click before hydration opened the dialog natively.\n  // Runs before the apply effect; the dispatch makes the apply effect wait for it.\n  const reconcileOnMount = useEffectEvent(() => {\n    const element = dialogRef.current;\n    if (element === null || !element.open) return;\n    ctx.requestOpen(undefined, \"platform\");\n  });\n  useLayoutEffect(() => {\n    if (isLibrary) reconcileOnMount();\n  }, [isLibrary]);\n\n  // The apply effect (design 2.5): after every commit, once nothing is in flight, the DOM\n  // follows committed state. Opens on the user's dispatch, `defaultOpen`, a controlled parent,\n  // the re-open of a refused or failed close; closes after a controlled close or a refused\n  // pre-hydration open.\n  useLayoutEffect(() => {\n    if (!isLibrary) return;\n    const element = dialogRef.current;\n    if (element === null || !element.isConnected) return;\n    if (ctx.pending || ctx.latestInFlight() !== null) return;\n    if (ctx.committed && !element.open) {\n      if (awaitingClose.current) return;\n      openDialog(element);\n    } else if (!ctx.committed && element.open) {\n      // An echo: the `close` listener finds nothing intended and skips the dispatch. `close()`,\n      // not `requestClose()`: a parent's close is not vetoable.\n      ctx.recordCloseIntent(undefined);\n      element.close();\n    }\n  });\n\n  // JS-free mode: there is no \"right before showModal()\" (the browser runs the command), so the\n  // `autofocus` attribute stays on the target while it is mounted.\n  useEffect(() => {\n    if (isLibrary || initialFocus === undefined || dialog === null) return;\n    const target = resolveInitialFocus(dialog, initialFocus);\n    if (target === null || !dialog.contains(target) || target.hasAttribute(\"autofocus\")) return;\n    target.setAttribute(\"autofocus\", \"\");\n    return () => target.removeAttribute(\"autofocus\");\n  }, [isLibrary, initialFocus, dialog]);\n\n  // --- Native listeners (conventions 7.4) ---------------------------------------------------\n\n  const onCommand = useEffectEvent((event: Event) => {\n    if (event.target !== dialogRef.current || event.defaultPrevented) return;\n    const command = String((event as Event & { command?: string }).command ?? \"\").toLowerCase();\n    if (command === \"show-modal\") {\n      // A foreign invoker (design 2.2): opening goes through the library in library mode.\n      if (!isLibrary) return;\n      event.preventDefault();\n      ctx.requestOpen(event, \"activate\");\n    } else if (command === \"request-close\" || command === \"close\") {\n      ctx.recordCloseIntent({ reason: \"activate\", event });\n    }\n  });\n\n  const onSubmit = useEffectEvent((event: Event) => {\n    const element = dialogRef.current;\n    const form = event.target;\n    if (element === null || !(form instanceof HTMLFormElement)) return;\n    if (form.closest(\"dialog\") !== element) return;\n    const submitter = (event as SubmitEvent).submitter;\n    const formMethod = submitter?.getAttribute(\"formmethod\");\n    const method = formMethod != null ? formMethod.toLowerCase() : form.method;\n    if (method !== \"dialog\") return;\n    ctx.recordCloseIntent({ reason: \"activate\", event });\n  });\n\n  const onClose = useEffectEvent((event: Event) => {\n    const element = dialogRef.current;\n    if (element === null || event.target !== element) return;\n    awaitingClose.current = false;\n\n    // Focus return is the platform's; it leaves focus inside the hidden dialog only when the\n    // opener is gone (design 6.2).\n    const doc = element.ownerDocument;\n    const active = doc.activeElement;\n    if (active !== null && active !== doc.body && element.contains(active)) {\n      const trigger = triggerRef.current;\n      if (trigger !== null && trigger.isConnected) trigger.focus();\n      else if (active instanceof HTMLElement) active.blur();\n    }\n\n    const intent = ctx.takeCloseIntent();\n    if (!isLibrary) return;\n\n    // Keep the children while the exit animation runs (design 4.4). Firefox has none.\n    if (element.isConnected && typeof element.getAnimations === \"function\") {\n      void getComputedStyle(element).opacity; // flush style so the exit transitions exist\n      const animations = element.getAnimations({ subtree: true }).filter(ends);\n      if (animations.length > 0) {\n        const generation = ++exitGeneration.current;\n        setExiting(true);\n        void Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {\n          if (exitGeneration.current === generation) startTransition(() => setExiting(false));\n        });\n      }\n    }\n\n    ctx.notifyClosed(intent?.event ?? event, intent?.reason ?? \"dismiss\", element.returnValue);\n  });\n\n  const onBeforeToggle = useEffectEvent((event: Event) => {\n    if (event.target !== dialogRef.current) return;\n    const newState = (event as ToggleEvent).newState;\n    awaitingClose.current = newState === \"closed\";\n    // Every native open counts as a new opening (design 3.4, as Popover 14.1): foreign,\n    // pre-hydration and JS-free opens too, so a Close action from an earlier opening skips its\n    // close. Counted here, synchronously inside `showModal()` / `show()`, not at the queued\n    // `toggle`: an action settling between the open and that task would otherwise still see the\n    // old generation and close the new open.\n    if (newState === \"open\") ctx.nextOpenGeneration();\n  });\n\n  useEffect(() => {\n    if (dialog === null) return;\n    const doc = dialog.ownerDocument;\n    // Feature detection only with the flag on, inside an effect (conventions 8).\n    const nativeClosedBy = experimental_closedBy && \"closedBy\" in dialog;\n\n    const listeners: [EventTarget, string, EventListener, boolean][] = [\n      [dialog, \"command\", onCommand, false],\n      [dialog, \"submit\", onSubmit, false],\n      [dialog, \"close\", onClose, false],\n      [dialog, \"beforetoggle\", onBeforeToggle, false],\n    ];\n\n    if (!modal && !nativeClosedBy) {\n      // Non-modal dialogs get no close watcher Escape from the platform (design 2.6).\n      listeners.push([\n        dialog,\n        \"keydown\",\n        (event) => {\n          const keyboardEvent = event as KeyboardEvent;\n          if (keyboardEvent.key !== \"Escape\" || keyboardEvent.defaultPrevented) return;\n          if (!dialog.open || closestDialog(keyboardEvent.target) !== dialog) return;\n          // A popover or nested dialog inside takes this Escape (its close watcher); leave the\n          // event alone so that it can.\n          if (escapeBelongsToInnerLayer(dialog, keyboardEvent.target)) return;\n          keyboardEvent.preventDefault();\n          dialog.requestClose();\n        },\n        false,\n      ]);\n    }\n\n    // Light dismiss needs both the press and the click outside, like native `closedby=\"any\"`: a\n    // drag that starts inside (selecting text in an input) and ends on the backdrop or outside\n    // fires `click` on the common ancestor and must not close (it would lose a half-filled form).\n    let pressedOutside = false;\n\n    const isOutside = (target: EventTarget | null): boolean => {\n      if (!(target instanceof Node)) return true;\n      if (dialog.contains(target)) return false;\n      // The Trigger re-opening a non-modal dialog is not a click outside.\n      return !(triggerRef.current?.contains(target) ?? false);\n    };\n    let outsideAttached = false;\n    const onOutsidePointerDown = (event: Event) => {\n      pressedOutside = dialog.open && isOutside(event.target);\n    };\n    const onOutsideClick = (event: Event) => {\n      const pressed = pressedOutside;\n      pressedOutside = false;\n      if (!dialog.open || !pressed || !isOutside(event.target)) return;\n      dialog.requestClose();\n    };\n    const syncOutside = () => {\n      const want = dialog.open;\n      if (want === outsideAttached) return;\n      outsideAttached = want;\n      pressedOutside = false;\n      if (want) {\n        doc.addEventListener(\"pointerdown\", onOutsidePointerDown, true);\n        doc.addEventListener(\"click\", onOutsideClick, true);\n      } else {\n        doc.removeEventListener(\"pointerdown\", onOutsidePointerDown, true);\n        doc.removeEventListener(\"click\", onOutsideClick, true);\n      }\n    };\n\n    if (lightDismiss && !nativeClosedBy) {\n      if (modal) {\n        // A press or click on the ::backdrop targets the dialog itself, outside its border box.\n        listeners.push(\n          [\n            dialog,\n            \"pointerdown\",\n            (event) => {\n              pressedOutside = dialog.open && onBackdrop(dialog, event);\n            },\n            false,\n          ],\n          [\n            dialog,\n            \"click\",\n            (event) => {\n              const pressed = pressedOutside;\n              pressedOutside = false;\n              if (!dialog.open || !pressed || !onBackdrop(dialog, event)) return;\n              dialog.requestClose();\n            },\n            false,\n          ],\n        );\n      } else {\n        // A document listener only while open, following the native `toggle` (the React\n        // `onToggle` prop never fires on a hydrated <dialog>); reads `dialog.open`, not\n        // `newState` (coalescing).\n        listeners.push([dialog, \"toggle\", syncOutside, false]);\n        syncOutside();\n      }\n    }\n\n    for (const [target, type, listener, capture] of listeners) {\n      target.addEventListener(type, listener, capture);\n    }\n    return () => {\n      for (const [target, type, listener, capture] of listeners) {\n        target.removeEventListener(type, listener, capture);\n      }\n      if (outsideAttached) {\n        doc.removeEventListener(\"pointerdown\", onOutsidePointerDown, true);\n        doc.removeEventListener(\"click\", onOutsideClick, true);\n      }\n    };\n  }, [dialog, modal, lightDismiss, experimental_closedBy, triggerRef]);\n\n  // Development check: the dialog has an accessible name when it is (or can be) shown.\n  const shown = !isLibrary || ctx.committed;\n  useEffect(() => {\n    if (!isDev || dialog === null || !shown) return;\n    if (dialog.hasAttribute(\"aria-label\")) return;\n    const labelledBy = (dialog.getAttribute(\"aria-labelledby\") ?? \"\").split(/\\s+/);\n    const doc = dialog.ownerDocument;\n    if (labelledBy.some((id) => id !== \"\" && doc.getElementById(id) !== null)) return;\n    console.error(\n      \"Dialog.Popup: the dialog has no accessible name. Render a Dialog.Title, or give the \" +\n        \"Popup an `aria-label`.\",\n    );\n  }, [dialog, shown]);\n\n  const state: DialogPopupState = { open: ctx.committed, modal };\n  const visible = ctx.committed || exiting;\n\n  const content = (s: DialogPopupState): ReactNode => {\n    if (!isLibrary) return resolveStateValue(children, s);\n    if (keepMounted === true) {\n      // The mode changes with committed state, inside the Root's transition (conventions 5.5);\n      // it stays visible while an exit animation runs.\n      return (\n        <Activity mode={visible ? \"visible\" : \"hidden\"}>{resolveStateValue(children, s)}</Activity>\n      );\n    }\n    return visible ? resolveStateValue(children, s) : null;\n  };\n\n  const libraryProps: ComponentPropsWithRef<\"dialog\"> & DataAttributes = {\n    id: ids.dialog,\n    // Never rendered: removing `open` by hand hides a modal dialog without `close` and leaves\n    // `:modal` true (research). Owned so a `render` element cannot add it.\n    open: undefined,\n    closedby: experimental_closedBy ? (lightDismiss ? \"any\" : \"closerequest\") : undefined,\n    \"aria-labelledby\": ids.title,\n    \"aria-describedby\": ids.description,\n    \"data-modal\": dataAttr(modal),\n    // A pre-hydration open leaves an `open` attribute the server did not render (design 2.4).\n    suppressHydrationWarning: true,\n  };\n\n  const element = useRender<ComponentPropsWithRef<\"dialog\">, DialogPopupState>({\n    defaultElement: \"dialog\",\n    render,\n    state,\n    className,\n    style,\n    children: content,\n    props: rest,\n    libraryProps,\n    ref: libraryRef,\n  });\n\n  return useTransitionBoundary(\"Dialog.Popup\", isLibrary ? transition : undefined, element);\n}\n\nDialogPopup.displayName = \"DialogPopup\";\n"],"mappings":"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"}

package/dist/dialog/dialog-root.d.mts

@@ -0,0 +1,70 @@
+import { ActionDetails, ChangeAction, ChangeReason, StateValue } from "../internal/types.mjs";
+import { ReactNode } from "react";
+//#region src/dialog/dialog-root.d.ts
+/** Details passed as the second argument of `openChangeAction`. */
+export interface DialogOpenChangeDetails extends ActionDetails {
+  /**
+   * `"activate"`: the user acted on a part: Trigger (open), Close or Form submit (close).
+   * `"dismiss"`: the user closed the dialog without a part: Escape, Android back, an assistive-
+   * technology dismiss gesture, or a click outside (`lightDismiss` / `closedby="any"`).
+   * `"platform"`: the dialog was found open on mount (opened before hydration); `event` is
+   * `undefined`.
+   */
+  readonly reason: ChangeReason;
+  /**
+   * On close: `dialog.returnValue`: the `value` of the Close button or the form submitter that
+   * closed it, `""` for a dismiss. On open: `undefined`.
+   */
+  readonly returnValue: string | undefined;
+}
+export interface DialogRootState {
+  /** Optimistic open state (`false` in JS-free mode). Content rendered from it must not suspend. */
+  readonly open: boolean;
+  /** An `openChangeAction` dispatched through this Dialog is in flight (library mode only). */
+  readonly pending: boolean;
+  readonly modal: boolean;
+}
+export interface DialogRootProps {
+  /**
+   * Controlled open state. `undefined` means uncontrolled (and, with `defaultOpen` and
+   * `openChangeAction` also absent, JS-free mode).
+   */
+  open?: boolean;
+  /**
+   * Initial open state in uncontrolled library mode. The dialog opens after hydration, never in
+   * the server HTML.
+   */
+  defaultOpen?: boolean;
+  /**
+   * Awaited for `true` (the dialog opens when it resolves and the content has rendered); a
+   * notification for `false` (the dialog is already closed; the action runs inside the Root's
+   * transition). May be a Server Function. Rejections reach the nearest Error Boundary above
+   * Root.
+   *
+   * A controlled parent that does not adopt `false` gets the dialog re-opened once the action
+   * settles: closing is the browser's, this is not a veto.
+   *
+   * A `setState` placed after your own `await` is not a Transition update; wrap it in
+   * `startTransition` (React limitation).
+   */
+  openChangeAction?: ChangeAction<boolean, DialogOpenChangeDetails>;
+  /** `showModal()` (top layer, backdrop, inert page, Escape) or `show()`. Default `true`. */
+  modal?: boolean;
+  children?: StateValue<ReactNode, DialogRootState>;
+}
+/**
+ * Owns the ids, the mode, the open state and the context. Renders no DOM, so it has no `ref`,
+ * `className` or `style`; `pending` is exposed through `children(state)` and the Trigger.
+ *
+ * Without `open`, `defaultOpen` and `openChangeAction` the Dialog runs in **JS-free mode**: the
+ * Trigger is a native `command="show-modal"` invoker and the browser owns everything. With any of
+ * them it runs in **library mode**: opening is a transition (the Trigger shows `data-pending`,
+ * content renders from committed state, `showModal()` runs when it has committed); closing is
+ * the browser's and `openChangeAction(false)` is a notification.
+ */
+export declare function DialogRoot({ open, defaultOpen, openChangeAction, modal, children }: DialogRootProps): import("react").JSX.Element;
+export declare namespace DialogRoot {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=dialog-root.d.mts.map

package/dist/dialog/dialog-root.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.d.mts","names":[],"sources":["../../src/dialog/dialog-root.tsx"],"mappings":";;;;iBAaiB,gCAAgC;;;;;;;;WAQtC,QAAQ;;;;;WAKR;;iBAGM;;WAEN;;WAEA;WACA;;iBAGM;;;;;EAKf;;;;;EAKA;;;;;;;;;;;;;EAaA,mBAAmB,sBAAsB;;EAEzC;EACA,WAAW,WAAW,WAAW;;;;;;;;;;;;wBA4BnB,aACd,MACA,aACA,kBACA,OACA,YACC,kCAAe,IAAA;yBANF"}

package/dist/dialog/dialog-root.mjs

@@ -0,0 +1,113 @@
+"use client";
+import { createActionDetails } from "../internal/action-details.mjs";
+import { transitionTypes } from "../internal/transition-types.mjs";
+import { useControllableAction } from "../internal/use-controllable-action.mjs";
+import { resolveStateValue } from "../internal/use-render.mjs";
+import { useDevWarning } from "../internal/use-dev-warning.mjs";
+import { DialogContext } from "./dialog-context.mjs";
+import { useCallback, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/dialog/dialog-root.tsx
+/** How long a recorded close intent survives when the dialog did not close (design 2.3). */
+function clearLater(intentRef, intent, dialogRef) {
+	setTimeout(() => {
+		if (intentRef.current === intent && dialogRef.current?.open === true) intentRef.current = void 0;
+	}, 0);
+}
+/**
+* Owns the ids, the mode, the open state and the context. Renders no DOM, so it has no `ref`,
+* `className` or `style`; `pending` is exposed through `children(state)` and the Trigger.
+*
+* Without `open`, `defaultOpen` and `openChangeAction` the Dialog runs in **JS-free mode**: the
+* Trigger is a native `command="show-modal"` invoker and the browser owns everything. With any of
+* them it runs in **library mode**: opening is a transition (the Trigger shows `data-pending`,
+* content renders from committed state, `showModal()` runs when it has committed); closing is
+* the browser's and `openChangeAction(false)` is a notification.
+*/
+function DialogRoot({ open, defaultOpen, openChangeAction, modal = true, children }) {
+	const isLibraryNow = open !== void 0 || defaultOpen !== void 0 || openChangeAction !== void 0;
+	const [mode] = useState(isLibraryNow ? "library" : "static");
+	const isLibrary = mode === "library";
+	useDevWarning(isLibrary !== isLibraryNow, "Dialog.Root: the mode changed after mount (`open`, `defaultOpen` and `openChangeAction` were all absent on one render and present on another). Switching between JS-free and library mode is not supported.");
+	const { committed, optimistic, pending, dispatch, latestInFlight } = useControllableAction({
+		controlled: isLibrary ? open : void 0,
+		defaultValue: isLibrary ? defaultOpen : void 0,
+		initialValue: false,
+		action: isLibrary ? openChangeAction : void 0,
+		transitionTypes: (next) => transitionTypes("dialog", next ? "open" : "close"),
+		warn: {
+			component: "Dialog.Root",
+			prop: "open"
+		}
+	});
+	const id = useId();
+	const triggerRef = useRef(null);
+	const dialogRef = useRef(null);
+	const closeIntent = useRef(void 0);
+	const recordCloseIntent = useCallback((intent) => {
+		closeIntent.current = intent;
+		if (intent !== void 0) clearLater(closeIntent, intent, dialogRef);
+	}, []);
+	const takeCloseIntent = useCallback(() => {
+		const intent = closeIntent.current;
+		closeIntent.current = void 0;
+		return intent;
+	}, []);
+	const generation = useRef(0);
+	const openGeneration = useCallback(() => generation.current, []);
+	const nextOpenGeneration = useCallback(() => {
+		generation.current++;
+	}, []);
+	const intended = () => latestInFlight()?.next ?? optimistic;
+	const requestOpen = (event, reason) => {
+		if (!isLibrary || intended()) return;
+		nextOpenGeneration();
+		dispatch(true, createActionDetails(event, {
+			reason,
+			returnValue: void 0
+		}));
+	};
+	const notifyClosed = (event, reason, returnValue) => {
+		if (!isLibrary || !intended()) return;
+		dispatch(false, createActionDetails(event, {
+			reason,
+			returnValue
+		}));
+	};
+	const openState = isLibrary && optimistic;
+	const pendingState = isLibrary && pending;
+	const context = {
+		mode,
+		ids: {
+			dialog: id,
+			title: `${id}-title`,
+			description: `${id}-description`
+		},
+		modal,
+		committed: isLibrary && committed,
+		optimistic: openState,
+		pending: pendingState,
+		requestOpen,
+		notifyClosed,
+		latestInFlight,
+		triggerRef,
+		dialogRef,
+		recordCloseIntent,
+		takeCloseIntent,
+		openGeneration,
+		nextOpenGeneration
+	};
+	return /* @__PURE__ */ jsx(DialogContext, {
+		value: context,
+		children: resolveStateValue(children, {
+			open: openState,
+			pending: pendingState,
+			modal
+		})
+	});
+}
+DialogRoot.displayName = "DialogRoot";
+//#endregion
+export { DialogRoot };
+
+//# sourceMappingURL=dialog-root.mjs.map

package/dist/dialog/dialog-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.mjs","names":[],"sources":["../../src/dialog/dialog-root.tsx"],"sourcesContent":["\"use client\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createActionDetails } from \"../internal/action-details.js\";\nimport { transitionTypes } from \"../internal/transition-types.js\";\nimport type { ActionDetails, ChangeAction, ChangeReason, StateValue } from \"../internal/types.js\";\nimport { useControllableAction } from \"../internal/use-controllable-action.js\";\nimport { useDevWarning } from \"../internal/use-dev-warning.js\";\nimport { resolveStateValue } from \"../internal/use-render.js\";\nimport { DialogContext } from \"./dialog-context.js\";\nimport type { DialogCloseIntent, DialogContextValue, DialogMode } from \"./dialog-context.js\";\n\n/** Details passed as the second argument of `openChangeAction`. */\nexport interface DialogOpenChangeDetails extends ActionDetails {\n  /**\n   * `\"activate\"`: the user acted on a part: Trigger (open), Close or Form submit (close).\n   * `\"dismiss\"`: the user closed the dialog without a part: Escape, Android back, an assistive-\n   * technology dismiss gesture, or a click outside (`lightDismiss` / `closedby=\"any\"`).\n   * `\"platform\"`: the dialog was found open on mount (opened before hydration); `event` is\n   * `undefined`.\n   */\n  readonly reason: ChangeReason;\n  /**\n   * On close: `dialog.returnValue`: the `value` of the Close button or the form submitter that\n   * closed it, `\"\"` for a dismiss. On open: `undefined`.\n   */\n  readonly returnValue: string | undefined;\n}\n\nexport interface DialogRootState {\n  /** Optimistic open state (`false` in JS-free mode). Content rendered from it must not suspend. */\n  readonly open: boolean;\n  /** An `openChangeAction` dispatched through this Dialog is in flight (library mode only). */\n  readonly pending: boolean;\n  readonly modal: boolean;\n}\n\nexport interface DialogRootProps {\n  /**\n   * Controlled open state. `undefined` means uncontrolled (and, with `defaultOpen` and\n   * `openChangeAction` also absent, JS-free mode).\n   */\n  open?: boolean;\n  /**\n   * Initial open state in uncontrolled library mode. The dialog opens after hydration, never in\n   * the server HTML.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Awaited for `true` (the dialog opens when it resolves and the content has rendered); a\n   * notification for `false` (the dialog is already closed; the action runs inside the Root's\n   * transition). May be a Server Function. Rejections reach the nearest Error Boundary above\n   * Root.\n   *\n   * A controlled parent that does not adopt `false` gets the dialog re-opened once the action\n   * settles: closing is the browser's, this is not a veto.\n   *\n   * A `setState` placed after your own `await` is not a Transition update; wrap it in\n   * `startTransition` (React limitation).\n   */\n  openChangeAction?: ChangeAction<boolean, DialogOpenChangeDetails>;\n  /** `showModal()` (top layer, backdrop, inert page, Escape) or `show()`. Default `true`. */\n  modal?: boolean;\n  children?: StateValue<ReactNode, DialogRootState>;\n}\n\n/** How long a recorded close intent survives when the dialog did not close (design 2.3). */\nfunction clearLater(\n  intentRef: { current: DialogCloseIntent | undefined },\n  intent: DialogCloseIntent,\n  dialogRef: { current: HTMLDialogElement | null },\n): void {\n  setTimeout(() => {\n    // The dialog closed: its `close` event (queued as a task) consumes the intent. Still open:\n    // the close was cancelled (a prevented `cancel` or `command`), so the intent is stale.\n    if (intentRef.current === intent && dialogRef.current?.open === true) {\n      intentRef.current = undefined;\n    }\n  }, 0);\n}\n\n/**\n * Owns the ids, the mode, the open state and the context. Renders no DOM, so it has no `ref`,\n * `className` or `style`; `pending` is exposed through `children(state)` and the Trigger.\n *\n * Without `open`, `defaultOpen` and `openChangeAction` the Dialog runs in **JS-free mode**: the\n * Trigger is a native `command=\"show-modal\"` invoker and the browser owns everything. With any of\n * them it runs in **library mode**: opening is a transition (the Trigger shows `data-pending`,\n * content renders from committed state, `showModal()` runs when it has committed); closing is\n * the browser's and `openChangeAction(false)` is a notification.\n */\nexport function DialogRoot({\n  open,\n  defaultOpen,\n  openChangeAction,\n  modal = true,\n  children,\n}: DialogRootProps) {\n  // Mode is decided once, from the first render's props (design 14).\n  const isLibraryNow =\n    open !== undefined || defaultOpen !== undefined || openChangeAction !== undefined;\n  const [mode] = useState<DialogMode>(isLibraryNow ? \"library\" : \"static\");\n  const isLibrary = mode === \"library\";\n  useDevWarning(\n    isLibrary !== isLibraryNow,\n    \"Dialog.Root: the mode changed after mount (`open`, `defaultOpen` and `openChangeAction` \" +\n      \"were all absent on one render and present on another). Switching between JS-free and \" +\n      \"library mode is not supported.\",\n  );\n\n  // Hooks cannot be conditional: static mode calls the hook too and never dispatches.\n  const { committed, optimistic, pending, dispatch, latestInFlight } = useControllableAction<\n    boolean,\n    DialogOpenChangeDetails\n  >({\n    controlled: isLibrary ? open : undefined,\n    defaultValue: isLibrary ? defaultOpen : undefined,\n    initialValue: false,\n    action: isLibrary ? openChangeAction : undefined,\n    transitionTypes: (next) => transitionTypes(\"dialog\", next ? \"open\" : \"close\"),\n    warn: { component: \"Dialog.Root\", prop: \"open\" },\n  });\n\n  const id = useId();\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const closeIntent = useRef<DialogCloseIntent | undefined>(undefined);\n\n  const recordCloseIntent = useCallback((intent: DialogCloseIntent | undefined) => {\n    closeIntent.current = intent;\n    if (intent !== undefined) clearLater(closeIntent, intent, dialogRef);\n  }, []);\n  const takeCloseIntent = useCallback(() => {\n    const intent = closeIntent.current;\n    closeIntent.current = undefined;\n    return intent;\n  }, []);\n  // Advanced on every open (the open dispatch and the Popup's native `beforetoggle` to open), so a Close action that\n  // settles after the user dismissed and re-opened the dialog does not close the new open (the\n  // PO's open-generation rule, design/components/popover.md 3.4; review M2).\n  const generation = useRef(0);\n  const openGeneration = useCallback(() => generation.current, []);\n  const nextOpenGeneration = useCallback(() => {\n    generation.current++;\n  }, []);\n\n  // What the user already intends: the latest in-flight dispatch, else the optimistic value\n  // (conventions 3.8 rule 1). Judging no-ops against it also deduplicates the StrictMode re-run\n  // of the mount reconciliation and recognises the library's own `close()` echoing back.\n  const intended = (): boolean => latestInFlight()?.next ?? optimistic;\n\n  const requestOpen = (event: Event | undefined, reason: ChangeReason): void => {\n    if (!isLibrary || intended()) return;\n    nextOpenGeneration();\n    dispatch(true, createActionDetails(event, { reason, returnValue: undefined }));\n  };\n\n  const notifyClosed = (event: Event, reason: ChangeReason, returnValue: string): void => {\n    if (!isLibrary || !intended()) return;\n    dispatch(false, createActionDetails(event, { reason, returnValue }));\n  };\n\n  const openState = isLibrary && optimistic;\n  const pendingState = isLibrary && pending;\n\n  // Not memoised: `dispatch` is a new function on every render of the Root (Accordion does the\n  // same), so parts re-render with the Root, which they do anyway when its state changes.\n  const context: DialogContextValue = {\n    mode,\n    ids: { dialog: id, title: `${id}-title`, description: `${id}-description` },\n    modal,\n    committed: isLibrary && committed,\n    optimistic: openState,\n    pending: pendingState,\n    requestOpen,\n    notifyClosed,\n    latestInFlight,\n    triggerRef,\n    dialogRef,\n    recordCloseIntent,\n    takeCloseIntent,\n    openGeneration,\n    nextOpenGeneration,\n  };\n\n  const state: DialogRootState = {\n    open: openState,\n    pending: pendingState,\n    modal,\n  };\n\n  return <DialogContext value={context}>{resolveStateValue(children, state)}</DialogContext>;\n}\n\nDialogRoot.displayName = \"DialogRoot\";\n"],"mappings":";;;;;;;;;;;AAmEA,SAAS,WACP,WACA,QACA,WACM;CACN,iBAAiB;EAGf,IAAI,UAAU,YAAY,UAAU,UAAU,SAAS,SAAS,MAC9D,UAAU,UAAU,KAAA;CAExB,GAAG,CAAC;AACN;;;;;;;;;;;AAYA,SAAgB,WAAW,EACzB,MACA,aACA,kBACA,QAAQ,MACR,YACkB;CAElB,MAAM,eACJ,SAAS,KAAA,KAAa,gBAAgB,KAAA,KAAa,qBAAqB,KAAA;CAC1E,MAAM,CAAC,QAAQ,SAAqB,eAAe,YAAY,QAAQ;CACvE,MAAM,YAAY,SAAS;CAC3B,cACE,cAAc,cACd,6MAGF;CAGA,MAAM,EAAE,WAAW,YAAY,SAAS,UAAU,mBAAmB,sBAGnE;EACA,YAAY,YAAY,OAAO,KAAA;EAC/B,cAAc,YAAY,cAAc,KAAA;EACxC,cAAc;EACd,QAAQ,YAAY,mBAAmB,KAAA;EACvC,kBAAkB,SAAS,gBAAgB,UAAU,OAAO,SAAS,OAAO;EAC5E,MAAM;GAAE,WAAW;GAAe,MAAM;EAAO;CACjD,CAAC;CAED,MAAM,KAAK,MAAM;CACjB,MAAM,aAAa,OAA2B,IAAI;CAClD,MAAM,YAAY,OAAiC,IAAI;CACvD,MAAM,cAAc,OAAsC,KAAA,CAAS;CAEnE,MAAM,oBAAoB,aAAa,WAA0C;EAC/E,YAAY,UAAU;EACtB,IAAI,WAAW,KAAA,GAAW,WAAW,aAAa,QAAQ,SAAS;CACrE,GAAG,CAAC,CAAC;CACL,MAAM,kBAAkB,kBAAkB;EACxC,MAAM,SAAS,YAAY;EAC3B,YAAY,UAAU,KAAA;EACtB,OAAO;CACT,GAAG,CAAC,CAAC;CAIL,MAAM,aAAa,OAAO,CAAC;CAC3B,MAAM,iBAAiB,kBAAkB,WAAW,SAAS,CAAC,CAAC;CAC/D,MAAM,qBAAqB,kBAAkB;EAC3C,WAAW;CACb,GAAG,CAAC,CAAC;CAKL,MAAM,iBAA0B,eAAe,CAAC,EAAE,QAAQ;CAE1D,MAAM,eAAe,OAA0B,WAA+B;EAC5E,IAAI,CAAC,aAAa,SAAS,GAAG;EAC9B,mBAAmB;EACnB,SAAS,MAAM,oBAAoB,OAAO;GAAE;GAAQ,aAAa,KAAA;EAAU,CAAC,CAAC;CAC/E;CAEA,MAAM,gBAAgB,OAAc,QAAsB,gBAA8B;EACtF,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG;EAC/B,SAAS,OAAO,oBAAoB,OAAO;GAAE;GAAQ;EAAY,CAAC,CAAC;CACrE;CAEA,MAAM,YAAY,aAAa;CAC/B,MAAM,eAAe,aAAa;CAIlC,MAAM,UAA8B;EAClC;EACA,KAAK;GAAE,QAAQ;GAAI,OAAO,GAAG,GAAG;GAAS,aAAa,GAAG,GAAG;EAAc;EAC1E;EACA,WAAW,aAAa;EACxB,YAAY;EACZ,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAQA,OAAO,oBAAC,eAAD;EAAe,OAAO;EAAU,UAAA,kBAAkB,UAAU;GALjE,MAAM;GACN,SAAS;GACT;EAGqE,CAAC;CAAiB,CAAA;AAC3F;AAEA,WAAW,cAAc"}