@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/components/navigation/Stepper.mjs

@@ -3,17 +3,18 @@ import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t } from "../../lib/children.mjs";
 import { reportMissingContext as n } from "../../lib/dev.mjs";
 import { renderSlot as r, slotRendersContent as i } from "../../lib/slot.mjs";
-import { useEventCallback as a } from "../../hooks/useEventCallback.mjs";
-import { useControllable as o } from "../../hooks/useControllable.mjs";
-import { useId as s } from "../../hooks/useId.mjs";
-import { focusRing as c, forcedColors as l } from "../../lib/styles.mjs";
-import { CheckIcon as u, DismissIcon as d } from "../../lib/icons.mjs";
-import * as f from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { stepperClassNames as a, stepperStepClassNames as o } from "../../lib/classNames.mjs";
+import { useEventCallback as s } from "../../hooks/useEventCallback.mjs";
+import { useControllable as c } from "../../hooks/useControllable.mjs";
+import { useId as l } from "../../hooks/useId.mjs";
+import { focusRing as u, forcedColors as d } from "../../lib/styles.mjs";
+import { CheckIcon as f, DismissIcon as p } from "../../lib/icons.mjs";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper.tsx
-var h = "Completed:", g = "Error:", _ = [], v = () => _;
-function y() {
-	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = _, r = () => {
+var _ = "Completed:", v = "Error:", y = [], b = () => y;
+function x() {
+	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = y, r = () => {
 		if (n.length !== e.size) return !1;
 		let t;
 		for (let r of n) {
@@ -42,153 +43,153 @@ function y() {
 		sync: i
 	};
 }
-var b = f.createContext(null), x = f.createContext(null), S = () => {}, C = {
+var S = m.createContext(null), C = m.createContext(null), w = () => {}, T = {
 	activeStep: 0,
-	select: S,
+	select: w,
 	orientation: "horizontal",
 	linear: !1,
-	order: _,
+	order: y,
 	childCount: 0,
-	completedLabel: h,
-	errorLabel: g,
-	register: () => S,
-	sync: S
+	completedLabel: _,
+	errorLabel: v,
+	register: () => w,
+	sync: w
 };
-function w(e) {
-	return f.useContext(b) || (n(e, "Stepper"), C);
+function E(e) {
+	return m.useContext(S) || (n(e, "Stepper"), T);
 }
-function T(e) {
+function D(e) {
 	let n = 0;
 	return t(e).map(({ key: e, node: t }) => ({
 		key: e,
 		node: t,
-		slot: f.isValidElement(t) ? n++ : null
+		slot: m.isValidElement(t) ? n++ : null
 	}));
 }
-var E = "inline-flex items-center justify-center", D = e("bg-success", l.fill), O = "bg-border forced-colors:bg-[CanvasText] forced-colors:forced-color-adjust-none", k = ({ label: t, description: n, icon: a, disabled: o = !1, completed: h, error: g = !1, index: _, className: v, onClick: y, ref: b, ...S }) => {
-	let { activeStep: C, select: T, orientation: k, linear: A, order: j, childCount: M, completedLabel: N, errorLabel: P, register: F, sync: I } = w("Stepper.Step"), L = f.useContext(x), R = s("wave-step"), z = `${R}-label`, B = `${R}-description`, V = f.useCallback((e) => e ? F(R, e) : void 0, [F, R]);
-	f.useLayoutEffect(() => {
-		I();
+var O = "inline-flex items-center justify-center", k = e("bg-success", d.fill), A = "bg-border forced-colors:bg-[CanvasText] forced-colors:forced-color-adjust-none", j = ({ label: t, description: n, icon: a, disabled: s = !1, completed: c, error: _ = !1, index: v, className: y, onClick: b, ref: x, ...S }) => {
+	let { activeStep: w, select: T, orientation: D, linear: j, order: M, childCount: N, completedLabel: P, errorLabel: F, register: I, sync: L } = E("Stepper.Step"), R = m.useContext(C), z = l("wave-step"), B = `${z}-label`, V = `${z}-description`, H = m.useCallback((e) => e ? I(z, e) : void 0, [I, z]);
+	m.useLayoutEffect(() => {
+		L();
 	});
-	let H = j.indexOf(R), U = _ ?? (H === -1 ? L ?? 0 : H), W = U >= (H === -1 ? M : j.length) - 1, G = U === C, K = h ?? U < C, q = !o && (!A || U <= C + 1), J = k === "horizontal", Y = (e) => {
-		if (!q) {
+	let U = M.indexOf(z), W = v ?? (U === -1 ? R ?? 0 : U), G = W >= (U === -1 ? N : M.length) - 1, K = W === w, q = c ?? W < w, J = !s && (!j || W <= w + 1), Y = D === "horizontal", X = (e) => {
+		if (!J) {
 			e.preventDefault();
 			return;
 		}
-		y?.(e), !e.defaultPrevented && T(U);
-	}, X = (e) => {
-		e.target === e.currentTarget && (e.key === "Enter" ? (e.preventDefault(), e.currentTarget.click()) : e.key === " " && e.preventDefault());
+		b?.(e), !e.defaultPrevented && T(W);
 	}, ee = (e) => {
+		e.target === e.currentTarget && (e.key === "Enter" ? (e.preventDefault(), e.currentTarget.click()) : e.key === " " && e.preventDefault());
+	}, te = (e) => {
 		e.target === e.currentTarget && e.key === " " && (e.preventDefault(), e.currentTarget.click());
-	}, Z = g ? P : K ? N : "", te = Z ? `${Z} ${U + 1}.` : `${U + 1}.`, Q = !!a && i(a), $;
-	$ = g ? /* @__PURE__ */ p(d, {}) : K && !Q ? /* @__PURE__ */ p(u, {}) : Q ? r(a, "span", E, { "aria-hidden": !0 }) : /* @__PURE__ */ p("span", {
+	}, Z = _ ? F : q ? P : "", ne = Z ? `${Z} ${W + 1}.` : `${W + 1}.`, Q = !!a && i(a), $;
+	$ = _ ? /* @__PURE__ */ h(p, {}) : q && !Q ? /* @__PURE__ */ h(f, {}) : Q ? r(a, "span", e(o.icon, O), { "aria-hidden": !0 }) : /* @__PURE__ */ h("span", {
 		className: "text-caption-1 font-semibold",
-		children: U + 1
+		children: W + 1
 	});
-	let ne = g ? "text-error" : G ? "text-primary" : K ? "text-success" : "text-foreground";
-	return /* @__PURE__ */ p("li", {
-		ref: V,
-		className: e("flex min-w-0", J && !W && "flex-1"),
-		children: /* @__PURE__ */ m("div", {
-			ref: b,
-			"data-active": G ? "" : void 0,
-			"data-completed": K ? "" : void 0,
-			"data-error": g ? "" : void 0,
-			"data-disabled": o ? "" : void 0,
+	let re = _ ? "text-error" : K ? "text-primary" : q ? "text-success" : "text-foreground";
+	return /* @__PURE__ */ h("li", {
+		ref: H,
+		className: e(o.listItem, "flex min-w-0", Y && !G && "flex-1"),
+		children: /* @__PURE__ */ g("div", {
+			ref: x,
+			"data-active": K ? "" : void 0,
+			"data-completed": q ? "" : void 0,
+			"data-error": _ ? "" : void 0,
+			"data-disabled": s ? "" : void 0,
 			...S,
-			className: e(J ? "flex flex-1 items-center" : "flex flex-1 flex-col", v),
-			children: [/* @__PURE__ */ m("div", {
+			className: e(o.root, Y ? "flex flex-1 items-center" : "flex flex-1 flex-col", y),
+			children: [/* @__PURE__ */ g("div", {
 				role: "button",
-				tabIndex: q ? 0 : -1,
-				"aria-current": G ? "step" : void 0,
-				"aria-disabled": !q || void 0,
-				"aria-labelledby": z,
-				"aria-describedby": n ? B : void 0,
-				onClick: Y,
-				onKeyDown: X,
-				onKeyUp: ee,
-				className: e("relative flex rounded", J ? "flex-col items-center gap-1" : "items-center gap-3", c, q ? "cursor-pointer" : "cursor-default", o && "opacity-50"),
-				children: [/* @__PURE__ */ p("span", {
+				tabIndex: J ? 0 : -1,
+				"aria-current": K ? "step" : void 0,
+				"aria-disabled": !J || void 0,
+				"aria-labelledby": B,
+				"aria-describedby": n ? V : void 0,
+				onClick: X,
+				onKeyDown: ee,
+				onKeyUp: te,
+				className: e(o.button, "relative flex rounded", Y ? "flex-col items-center gap-1" : "items-center gap-3", u, J ? "cursor-pointer" : "cursor-default", s && "opacity-50"),
+				children: [/* @__PURE__ */ h("span", {
 					"aria-hidden": "true",
-					className: e("flex size-8 shrink-0 items-center justify-center rounded-full border-2 transition-colors motion-reduce:transition-none", g ? "border-error bg-error-tint text-error-tint-foreground" : G ? e("border-primary bg-primary text-primary-foreground", l.selectedLeaf) : K ? "border-success bg-success-tint text-success-tint-foreground" : "border-border bg-background text-muted-foreground"),
+					className: e(o.indicator, "flex size-8 shrink-0 items-center justify-center rounded-full border-2 transition-colors motion-reduce:transition-none", _ ? "border-error bg-error-tint text-error-tint-foreground" : K ? e("border-primary bg-primary text-primary-foreground", d.selectedLeaf) : q ? "border-success bg-success-tint text-success-tint-foreground" : "border-border bg-background text-muted-foreground"),
 					children: $
-				}), /* @__PURE__ */ m("span", {
-					className: e("flex flex-col", J && "items-center text-center"),
-					children: [/* @__PURE__ */ m("span", {
-						id: z,
-						className: e("font-semibold", J ? "text-caption-1 whitespace-nowrap" : "text-body-1", ne),
+				}), /* @__PURE__ */ g("span", {
+					className: e("flex flex-col", Y && "items-center text-center"),
+					children: [/* @__PURE__ */ g("span", {
+						id: B,
+						className: e(o.label, "font-semibold", Y ? "text-caption-1 whitespace-nowrap" : "text-body-1", re),
 						children: [
-							/* @__PURE__ */ p("span", {
+							/* @__PURE__ */ h("span", {
 								className: "sr-only",
-								children: te
+								children: ne
 							}),
 							" ",
 							t
 						]
-					}), n && /* @__PURE__ */ p("span", {
-						id: B,
-						className: e("text-muted-foreground", J ? "text-caption-2 whitespace-nowrap" : "text-caption-1"),
+					}), n && /* @__PURE__ */ h("span", {
+						id: V,
+						className: e(o.description, "text-muted-foreground", Y ? "text-caption-2 whitespace-nowrap" : "text-caption-1"),
 						children: n
 					})]
 				})]
-			}), !W && /* @__PURE__ */ p("div", {
+			}), !G && /* @__PURE__ */ h("div", {
 				"data-wave-stepper-connector": "",
 				"aria-hidden": "true",
-				className: e("transition-colors motion-reduce:transition-none", J ? "mx-2 h-0.5 flex-1" : "my-1 ms-3.75 min-h-6 w-0.5", K ? D : O)
+				className: e(o.connector, "transition-colors motion-reduce:transition-none", Y ? "mx-2 h-0.5 flex-1" : "my-1 ms-3.75 min-h-6 w-0.5", q ? k : A)
 			})]
 		})
 	});
 };
-k.displayName = "Step";
-var A = ({ activeStep: t, defaultActiveStep: n = 0, onStepChange: r, orientation: i = "horizontal", linear: s = !1, statusLabels: c, className: l, children: u, ref: d, ...m }) => {
-	let _ = c?.completed ?? h, S = c?.error ?? g, [C, w] = o(t, n), E = a(r), D = f.useCallback((e) => {
-		w(e), E(e);
-	}, [w, E]), [O] = f.useState(y), k = f.useSyncExternalStore(O.subscribe, O.getOrder, v), A = f.useRef(null);
-	f.useEffect(() => {
-		let e = A.current;
+j.displayName = "Step";
+var M = ({ activeStep: t, defaultActiveStep: n = 0, onStepChange: r, orientation: i = "horizontal", linear: o = !1, statusLabels: l, className: u, children: d, ref: f, ...p }) => {
+	let g = l?.completed ?? _, y = l?.error ?? v, [w, T] = c(t, n), E = s(r), O = m.useCallback((e) => {
+		T(e), E(e);
+	}, [T, E]), [k] = m.useState(x), A = m.useSyncExternalStore(k.subscribe, k.getOrder, b), j = m.useRef(null);
+	m.useEffect(() => {
+		let e = j.current;
 		if (!e) return;
-		let t = new MutationObserver(O.sync);
+		let t = new MutationObserver(k.sync);
 		return t.observe(e, {
 			childList: !0,
 			subtree: !0
 		}), () => t.disconnect();
-	}, [O]);
-	let j = f.useMemo(() => T(u), [u]), M = j.filter((e) => e.slot !== null).length, N = f.useMemo(() => ({
-		activeStep: C,
-		select: D,
+	}, [k]);
+	let M = m.useMemo(() => D(d), [d]), N = M.filter((e) => e.slot !== null).length, P = m.useMemo(() => ({
+		activeStep: w,
+		select: O,
 		orientation: i,
-		linear: s,
-		order: k,
-		childCount: M,
-		completedLabel: _,
-		errorLabel: S,
-		register: O.register,
-		sync: O.sync
+		linear: o,
+		order: A,
+		childCount: N,
+		completedLabel: g,
+		errorLabel: y,
+		register: k.register,
+		sync: k.sync
 	}), [
-		C,
-		D,
+		w,
+		O,
 		i,
-		s,
-		k,
-		M,
-		_,
-		S,
-		O
-	]), P = i === "horizontal";
-	return /* @__PURE__ */ p(b.Provider, {
-		value: N,
-		children: /* @__PURE__ */ p("div", {
-			ref: d,
+		o,
+		A,
+		N,
+		g,
+		y,
+		k
+	]), F = i === "horizontal";
+	return /* @__PURE__ */ h(S.Provider, {
+		value: P,
+		children: /* @__PURE__ */ h("div", {
+			ref: f,
 			role: "group",
 			"aria-label": "Progress",
 			"data-orientation": i,
-			...m,
-			className: e("flex", P ? "flex-row items-start" : "flex-col", l),
-			children: /* @__PURE__ */ p("ol", {
-				ref: A,
+			...p,
+			className: e(a.root, "flex", F ? "flex-row items-start" : "flex-col", u),
+			children: /* @__PURE__ */ h("ol", {
+				ref: j,
 				role: "list",
-				className: e("m-0 flex list-none p-0", P ? "flex-1 flex-row items-start" : "flex-col"),
-				children: j.map((e) => e.slot === null ? e.node : /* @__PURE__ */ p(x.Provider, {
+				className: e(a.list, "m-0 flex list-none p-0", F ? "flex-1 flex-row items-start" : "flex-col"),
+				children: M.map((e) => e.slot === null ? e.node : /* @__PURE__ */ h(C.Provider, {
 					value: e.slot,
 					children: e.node
 				}, e.key))
@@ -196,9 +197,9 @@ var A = ({ activeStep: t, defaultActiveStep: n = 0, onStepChange: r, orientation
 		})
 	});
 };
-A.displayName = "Stepper";
-var j = /* @__PURE__ */ Object.assign(A, { Step: k });
+M.displayName = "Stepper";
+var N = /* @__PURE__ */ Object.assign(M, { Step: j });
 //#endregion
-export { j as Stepper, k as StepperStep };
+export { N as Stepper, j as StepperStep };
 
 //# sourceMappingURL=Stepper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.mjs","names":["useId","useId$1","React","DEFAULT_COMPLETED_LABEL","DEFAULT_ERROR_LABEL","EMPTY_ORDER","getServerOrder","createStepRegistry","elements","listeners","order","isCurrent","previous","key","element","sync","next","a","b","i","listener","StepperContext","StepSlotContext","noop","INERT_CONTEXT","useStepperContext","reportMissingContext","componentName","numberChildren","slot","flattenChildren","children","node","indicatorSlotClasses","connectorCompletedClasses","cn","forcedColors","connectorPendingClasses","StepperStep","indexProp","rest","slotIndex","labelId","descriptionId","registerItem","register","position","index","isLast","childCount","isActive","activeStep","isCompleted","completed","isClickable","disabled","linear","horizontal","orientation","activate","onClick","event","select","handleKeyDown","handleKeyUp","status","error","errorLabel","completedLabel","statusText","hasIcon","icon","slotRendersContent","indicator","DismissIcon","CheckIcon","renderSlot","toneClass","className","description","focusRing","label","StepperRoot","controlledStep","statusLabels","setActiveStep","useControllable","defaultActiveStep","emitStepChange","useEventCallback","onStepChange","step","registry","listRef","list","observer","items","item","context","Stepper"],"sources":["../../../src/components/navigation/Stepper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { reportMissingContext } from '../../lib/dev';\nimport { CheckIcon, DismissIcon } from '../../lib/icons';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport type { Slot } from '../../lib/slot';\nimport { focusRing, forcedColors } from '../../lib/styles';\nimport type { Orientation } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\n\n/** Properties for the Stepper component. */\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled index (0-based) of the currently active step. */\n  activeStep?: number;\n  /** Default active step index for uncontrolled usage.\n   * @default 0\n   */\n  defaultActiveStep?: number;\n  /**\n   * Called with the step index whenever a step is activated (click, Enter or Space) — also when the\n   * active step is activated again (0.4 semantics). Not called for disabled or unreachable steps.\n   */\n  onStepChange?: (step: number) => void;\n  /** Layout orientation of the stepper.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * Whether navigation is restricted to sequential steps: only steps up to the one after the active\n   * step can be activated; later steps are `aria-disabled` and leave the tab order.\n   * @default false\n   */\n  linear?: boolean;\n  /**\n   * Visually hidden status text read before the number of a completed or error step (\"Completed:\n   * 2. Profile\"), for localization: `{ completed: 'Fullført:', error: 'Feil:' }`. A label that is\n   * not given keeps its English default; `''` leaves that status out of the step names.\n   * @default { completed: 'Completed:', error: 'Error:' }\n   */\n  statusLabels?: { completed?: string; error?: string };\n  /** Ref to the root `<div>` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst DEFAULT_COMPLETED_LABEL = 'Completed:';\nconst DEFAULT_ERROR_LABEL = 'Error:';\n\n/** Properties for the Step sub-component. */\nexport interface StepProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label text for the step. */\n  label: string;\n  /** Optional description text displayed below the label (the step button's description). */\n  description?: string;\n  /**\n   * Custom icon to display in the step indicator (`Slot<'span'>`: a node, or a slot object for full\n   * control). Decorative: rendered with `aria-hidden=\"true\"`; the step number stays in the name. A\n   * falsy icon (`''`, `0`) or a list of nothing is no icon: the step shows its number (or its check\n   * mark when completed).\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Whether the step is disabled and non-interactive.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Whether the step is marked as completed. Defaults to `true` for steps before the active step. */\n  completed?: boolean;\n  /**\n   * Whether the step is in an error state.\n   * @default false\n   */\n  error?: boolean;\n  /**\n   * Zero-based position of the step. Normally derived from the step's position in the Stepper\n   * (Fragments, conditional steps and wrapper components included); set it only to override that.\n   * In server HTML (and the first client render, before the steps register) each Stepper child\n   * counts as one step, so steps inside a wrapper component that renders more or fewer than one\n   * step are numbered correctly only after hydration; set `index` on them to pin the server HTML.\n   */\n  index?: number;\n  /** Ref to the step's root `<div>` (rendered inside the step's `<li>`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n// ---------------------------------------------------------------------------\n// Step registry: a useId-keyed descendant list in DOM order\n// ---------------------------------------------------------------------------\n\nconst EMPTY_ORDER: readonly string[] = [];\nconst getServerOrder = () => EMPTY_ORDER;\n\ninterface StepRegistry {\n  /** Registers a step's list item under its key; returns the cleanup that unregisters it. */\n  register: (key: string, element: HTMLElement) => () => void;\n  subscribe: (listener: () => void) => () => void;\n  /** Keys of the registered steps in DOM order (a new array only when the order changed). */\n  getOrder: () => readonly string[];\n  /**\n   * Re-reads the DOM order and notifies subscribers when it changed. Cheap when nothing moved (one\n   * pass over adjacent pairs), so every Step calls it after each of its commits. A commit that\n   * re-renders all n steps (an `activeStep` change) therefore costs n passes, O(n²) position\n   * checks, and the root's observer adds one pass per list mutation (indicator swaps included):\n   * negligible for step counts a stepper can show. If that ever matters, coalesce the per-step calls\n   * into one pass per commit (a dirty flag set by the steps, flushed once) — keeping this per-step\n   * call or the observer as the path for commits in which the root does not re-render.\n   */\n  sync: () => void;\n}\n\nfunction createStepRegistry(): StepRegistry {\n  const elements = new Map<string, HTMLElement>();\n  const listeners = new Set<() => void>();\n  let order = EMPTY_ORDER;\n\n  /** Whether `order` still lists exactly the registered elements, in DOM order. */\n  const isCurrent = () => {\n    if (order.length !== elements.size) return false;\n    let previous: HTMLElement | undefined;\n    for (const key of order) {\n      const element = elements.get(key);\n      if (!element) return false;\n      if (\n        previous &&\n        !(previous.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING)\n      ) {\n        return false;\n      }\n      previous = element;\n    }\n    return true;\n  };\n\n  const sync = () => {\n    if (isCurrent()) return;\n    const next = Array.from(elements.entries())\n      .sort(([, a], [, b]) =>\n        a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n      )\n      .map(([key]) => key);\n    if (next.length === order.length && next.every((key, i) => key === order[i])) return;\n    order = next;\n    listeners.forEach((listener) => listener());\n  };\n\n  return {\n    register(key, element) {\n      elements.set(key, element);\n      sync();\n      return () => {\n        if (elements.get(key) === element) elements.delete(key);\n        sync();\n      };\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    getOrder: () => order,\n    sync,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Contexts\n// ---------------------------------------------------------------------------\n\ninterface StepperContextValue {\n  activeStep: number;\n  /** Activates a step: updates the (uncontrolled) state and calls `onStepChange`. */\n  select: (step: number) => void;\n  orientation: Orientation;\n  linear: boolean;\n  /** Registered step keys in DOM order (empty on the server and before the first commit). */\n  order: readonly string[];\n  /** Number of element children after flattening Fragments (the pre-registration step count). */\n  childCount: number;\n  /** Resolved `statusLabels.completed`. */\n  completedLabel: string;\n  /** Resolved `statusLabels.error`. */\n  errorLabel: string;\n  register: StepRegistry['register'];\n  sync: StepRegistry['sync'];\n}\n\nconst StepperContext = React.createContext<StepperContextValue | null>(null);\n\n/**\n * Position of a Stepper child among the element children (Fragments flattened), set by the root\n * around each child. It numbers the steps on the server and in the first render; after mount the\n * registry's DOM order takes over (it also covers wrappers that render several steps or none, which\n * the slot numbering gets wrong — documented on `Stepper` and `StepProps.index`).\n */\nconst StepSlotContext = React.createContext<number | null>(null);\n\nconst noop = () => {};\nconst INERT_CONTEXT: StepperContextValue = {\n  activeStep: 0,\n  select: noop,\n  orientation: 'horizontal',\n  linear: false,\n  order: EMPTY_ORDER,\n  childCount: 0,\n  completedLabel: DEFAULT_COMPLETED_LABEL,\n  errorLabel: DEFAULT_ERROR_LABEL,\n  register: () => noop,\n  sync: noop,\n};\n\n/**\n * Reads the Stepper context; a Step outside a Stepper throws in development and logs once in\n * production, where it renders inert (C-CONTEXT).\n */\nfunction useStepperContext(componentName: string): StepperContextValue {\n  const context = React.useContext(StepperContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Stepper');\n  return INERT_CONTEXT;\n}\n\n/** A Stepper child after flattening; an element carries its position among the elements. */\ninterface StepperChild {\n  key: string;\n  node: React.ReactNode;\n  slot: number | null;\n}\n\n/**\n * The Stepper's children with Fragments flattened at any depth (`flattenChildren`: keys unique,\n * `null`/booleans dropped) and every element numbered in order.\n */\nfunction numberChildren(children: React.ReactNode): StepperChild[] {\n  let slot = 0;\n  return flattenChildren(children).map(({ key, node }) => ({\n    key,\n    node,\n    slot: React.isValidElement(node) ? slot++ : null,\n  }));\n}\n\n// ---------------------------------------------------------------------------\n// Step\n// ---------------------------------------------------------------------------\n\nconst indicatorSlotClasses = 'inline-flex items-center justify-center';\n\n/**\n * Connector colors. A connector is drawn by its background only, which forced colors replace with\n * Canvas, so it opts out there: a completed one is painted `Highlight` (`forcedColors.fill`), the\n * others `CanvasText`, like a Slider rail.\n */\nconst connectorCompletedClasses = cn('bg-success', forcedColors.fill);\nconst connectorPendingClasses =\n  'bg-border forced-colors:bg-[CanvasText] forced-colors:forced-color-adjust-none';\n\n/**\n * One step of a {@link Stepper}: a `role=\"button\"` step (indicator, label, optional description)\n * inside its own `<li>`, followed by a connector unless it is the last step. `ref`, `className` and\n * rest props land on the step's root `<div>`; `onClick` runs on activation by mouse, Enter or Space\n * (not for disabled or unreachable steps). Must be rendered inside a `Stepper` (throws in\n * development otherwise). Flat name `StepperStep`, importable from React Server Components.\n */\nconst StepperStep = ({\n  label,\n  description,\n  icon,\n  disabled = false,\n  completed,\n  error = false,\n  index: indexProp,\n  className,\n  onClick,\n  ref,\n  ...rest\n}: StepProps) => {\n  const {\n    activeStep,\n    select,\n    orientation,\n    linear,\n    order,\n    childCount,\n    completedLabel,\n    errorLabel,\n    register,\n    sync,\n  } = useStepperContext('Stepper.Step');\n  const slotIndex = React.useContext(StepSlotContext);\n  const key = useId('wave-step');\n  const labelId = `${key}-label`;\n  const descriptionId = `${key}-description`;\n\n  // The list item registers itself under this step's id; the registry sorts by DOM position.\n  const registerItem = React.useCallback(\n    (element: HTMLLIElement | null) => (element ? register(key, element) : undefined),\n    [register, key],\n  );\n  // A keyed reorder moves list items without re-running their ref callbacks, and a wrapper component\n  // can reorder its own steps without re-rendering the root: re-read the DOM order after every commit\n  // of this step (a changed order re-renders before paint). Moves that re-render no step at all\n  // (reused elements) are caught by the root's MutationObserver.\n  React.useLayoutEffect(() => {\n    sync();\n  });\n\n  const position = order.indexOf(key);\n  const index = indexProp ?? (position !== -1 ? position : (slotIndex ?? 0));\n  const stepCount = position !== -1 ? order.length : childCount;\n  const isLast = index >= stepCount - 1;\n  const isActive = index === activeStep;\n  const isCompleted = completed ?? index < activeStep;\n  const isClickable = !disabled && (!linear || index <= activeStep + 1);\n  const horizontal = orientation === 'horizontal';\n\n  /**\n   * The single activation path for mouse and keyboard (Enter/Space dispatch a click): an\n   * unavailable step does nothing — neither the consumer `onClick` nor `onStepChange` runs; a\n   * consumer `onClick` that calls `preventDefault()` suppresses the step change (C-COMPOSE).\n   */\n  const activate = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!isClickable) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    select(index);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.currentTarget.click();\n    } else if (event.key === ' ') {\n      // Space activates on keyup, like a native button; stop the page from scrolling.\n      event.preventDefault();\n    }\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget || event.key !== ' ') return;\n    event.preventDefault();\n    event.currentTarget.click();\n  };\n\n  const status = error ? errorLabel : isCompleted ? completedLabel : '';\n  const statusText = status ? `${status} ${index + 1}.` : `${index + 1}.`;\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in Menu,\n  // Nav, Tree and Avatar, and so is a collection whose items render nothing: the step keeps its\n  // number or check mark. The check does not consume a generator: renderSlot still renders it.\n  const hasIcon = !!icon && slotRendersContent(icon);\n  let indicator: React.ReactNode;\n  if (error) {\n    indicator = <DismissIcon />;\n  } else if (isCompleted && !hasIcon) {\n    indicator = <CheckIcon />;\n  } else if (hasIcon) {\n    indicator = renderSlot(icon, 'span', indicatorSlotClasses, { 'aria-hidden': true });\n  } else {\n    indicator = <span className=\"text-caption-1 font-semibold\">{index + 1}</span>;\n  }\n\n  const toneClass = error\n    ? 'text-error'\n    : isActive\n      ? 'text-primary'\n      : isCompleted\n        ? 'text-success'\n        : 'text-foreground';\n\n  return (\n    <li ref={registerItem} className={cn('flex min-w-0', horizontal && !isLast && 'flex-1')}>\n      <div\n        ref={ref}\n        data-active={isActive ? '' : undefined}\n        data-completed={isCompleted ? '' : undefined}\n        data-error={error ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        {...rest}\n        className={cn(horizontal ? 'flex flex-1 items-center' : 'flex flex-1 flex-col', className)}\n      >\n        <div\n          role=\"button\"\n          tabIndex={isClickable ? 0 : -1}\n          aria-current={isActive ? 'step' : undefined}\n          aria-disabled={isClickable ? undefined : true}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : undefined}\n          onClick={activate}\n          onKeyDown={handleKeyDown}\n          onKeyUp={handleKeyUp}\n          className={cn(\n            'relative flex rounded',\n            horizontal ? 'flex-col items-center gap-1' : 'items-center gap-3',\n            focusRing,\n            isClickable ? 'cursor-pointer' : 'cursor-default',\n            disabled && 'opacity-50',\n          )}\n        >\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'flex size-8 shrink-0 items-center justify-center rounded-full border-2 transition-colors motion-reduce:transition-none',\n              error\n                ? 'border-error bg-error-tint text-error-tint-foreground'\n                : isActive\n                  ? cn(\n                      'border-primary bg-primary text-primary-foreground',\n                      forcedColors.selectedLeaf,\n                    )\n                  : isCompleted\n                    ? 'border-success bg-success-tint text-success-tint-foreground'\n                    : 'border-border bg-background text-muted-foreground',\n            )}\n          >\n            {indicator}\n          </span>\n          <span className={cn('flex flex-col', horizontal && 'items-center text-center')}>\n            <span\n              id={labelId}\n              className={cn(\n                'font-semibold',\n                horizontal ? 'text-caption-1 whitespace-nowrap' : 'text-body-1',\n                toneClass,\n              )}\n            >\n              <span className=\"sr-only\">{statusText}</span> {label}\n            </span>\n            {description && (\n              <span\n                id={descriptionId}\n                className={cn(\n                  'text-muted-foreground',\n                  horizontal ? 'text-caption-2 whitespace-nowrap' : 'text-caption-1',\n                )}\n              >\n                {description}\n              </span>\n            )}\n          </span>\n        </div>\n        {!isLast && (\n          <div\n            data-wave-stepper-connector=\"\"\n            aria-hidden=\"true\"\n            className={cn(\n              'transition-colors motion-reduce:transition-none',\n              // Vertical: centred under the size-8 circle, (8 - 0.5) / 2 spacing units in, so the\n              // offset scales with the circle at any root font size.\n              horizontal ? 'mx-2 h-0.5 flex-1' : 'my-1 ms-3.75 min-h-6 w-0.5',\n              isCompleted ? connectorCompletedClasses : connectorPendingClasses,\n            )}\n          />\n        )}\n      </div>\n    </li>\n  );\n};\nStepperStep.displayName = 'Step';\n\n// ---------------------------------------------------------------------------\n// Root\n// ---------------------------------------------------------------------------\n\nconst StepperRoot = ({\n  activeStep: controlledStep,\n  defaultActiveStep = 0,\n  onStepChange,\n  orientation = 'horizontal',\n  linear = false,\n  statusLabels,\n  className,\n  children,\n  ref,\n  ...rest\n}: StepperProps) => {\n  // Resolved to strings, so an inline `statusLabels` object does not change the context each render.\n  const completedLabel = statusLabels?.completed ?? DEFAULT_COMPLETED_LABEL;\n  const errorLabel = statusLabels?.error ?? DEFAULT_ERROR_LABEL;\n  const [activeStep, setActiveStep] = useControllable(controlledStep, defaultActiveStep);\n  const emitStepChange = useEventCallback(onStepChange);\n  // Event callback semantics (C-NAMING): every activation emits, also of the active step.\n  const select = React.useCallback(\n    (step: number) => {\n      setActiveStep(step);\n      emitStepChange(step);\n    },\n    [setActiveStep, emitStepChange],\n  );\n\n  const [registry] = React.useState(createStepRegistry);\n  const order = React.useSyncExternalStore(registry.subscribe, registry.getOrder, getServerOrder);\n  // Steps re-sync after each of their commits. A move that re-renders no step (a wrapper reordering\n  // reused step elements) only shows up in the DOM: observe the list for it (C-HOOKS DOM-derived\n  // collection; the callback runs in a microtask, before paint).\n  const listRef = React.useRef<HTMLOListElement>(null);\n  React.useEffect(() => {\n    const list = listRef.current;\n    if (!list) return;\n    const observer = new MutationObserver(registry.sync);\n    observer.observe(list, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, [registry]);\n\n  const items = React.useMemo(() => numberChildren(children), [children]);\n  const childCount = items.filter((item) => item.slot !== null).length;\n\n  const context = React.useMemo<StepperContextValue>(\n    () => ({\n      activeStep,\n      select,\n      orientation,\n      linear,\n      order,\n      childCount,\n      completedLabel,\n      errorLabel,\n      register: registry.register,\n      sync: registry.sync,\n    }),\n    [\n      activeStep,\n      select,\n      orientation,\n      linear,\n      order,\n      childCount,\n      completedLabel,\n      errorLabel,\n      registry,\n    ],\n  );\n\n  const horizontal = orientation === 'horizontal';\n\n  return (\n    <StepperContext.Provider value={context}>\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Progress\"\n        data-orientation={orientation}\n        {...rest}\n        className={cn('flex', horizontal ? 'flex-row items-start' : 'flex-col', className)}\n      >\n        {/* role=\"list\" is not redundant: WebKit/VoiceOver drops list semantics from a\n            `list-style: none` list outside a <nav> unless the role is explicit. */}\n        <ol\n          ref={listRef}\n          role=\"list\"\n          className={cn(\n            'm-0 flex list-none p-0',\n            horizontal ? 'flex-1 flex-row items-start' : 'flex-col',\n          )}\n        >\n          {items.map((item) =>\n            item.slot === null ? (\n              item.node\n            ) : (\n              <StepSlotContext.Provider key={item.key} value={item.slot}>\n                {item.node}\n              </StepSlotContext.Provider>\n            ),\n          )}\n        </ol>\n      </div>\n    </StepperContext.Provider>\n  );\n};\nStepperRoot.displayName = 'Stepper';\n\n/**\n * A multi-step progress indicator. Steps are `Stepper.Step` children (Fragments, conditional steps\n * and wrapper components are numbered in DOM order) rendered as an ordered list inside a\n * `role=\"group\"` root named \"Progress\" (override with `aria-label`). The active step's button\n * carries `aria-current=\"step\"`; completed and error steps announce their status (\"Completed:\",\n * \"Error:\"; localized with `statusLabels`).\n *\n * Server rendering: before hydration, steps are numbered by their position among the Stepper's\n * children (Fragments flattened), so a wrapper component that renders more or fewer than one step\n * is numbered correctly only after hydration. Pin such steps with `index` if the server HTML must\n * already be exact.\n *\n * Compound access (`Stepper.Step`) needs a client module; React Server Components import the flat\n * name `StepperStep` instead.\n */\nexport const Stepper = /* @__PURE__ */ Object.assign(StepperRoot, { Step: StepperStep });\n\n// Flat name of `Stepper.Step` (C-COMPOUND).\nexport { StepperStep };\n"],"mappings":"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"}
+{"version":3,"file":"Stepper.mjs","names":["useId","useId$1","React","DEFAULT_COMPLETED_LABEL","DEFAULT_ERROR_LABEL","EMPTY_ORDER","getServerOrder","createStepRegistry","elements","listeners","order","isCurrent","previous","key","element","sync","next","a","b","i","listener","StepperContext","StepSlotContext","noop","INERT_CONTEXT","useStepperContext","reportMissingContext","componentName","numberChildren","slot","flattenChildren","children","node","indicatorSlotClasses","connectorCompletedClasses","cn","forcedColors","connectorPendingClasses","StepperStep","indexProp","rest","slotIndex","labelId","descriptionId","registerItem","register","position","index","isLast","childCount","isActive","activeStep","isCompleted","completed","isClickable","disabled","linear","horizontal","orientation","activate","onClick","event","select","handleKeyDown","handleKeyUp","status","error","errorLabel","completedLabel","statusText","hasIcon","icon","slotRendersContent","indicator","DismissIcon","CheckIcon","renderSlot","stepperStepClassNames","toneClass","className","description","focusRing","label","StepperRoot","controlledStep","statusLabels","setActiveStep","useControllable","defaultActiveStep","emitStepChange","useEventCallback","onStepChange","step","registry","listRef","list","observer","items","item","context","stepperClassNames","Stepper"],"sources":["../../../src/components/navigation/Stepper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { stepperClassNames, stepperStepClassNames } from '../../lib/classNames';\nimport { reportMissingContext } from '../../lib/dev';\nimport { CheckIcon, DismissIcon } from '../../lib/icons';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport type { Slot } from '../../lib/slot';\nimport { focusRing, forcedColors } from '../../lib/styles';\nimport type { Orientation } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\n\n/** Properties for the Stepper component. */\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled index (0-based) of the currently active step. */\n  activeStep?: number;\n  /** Default active step index for uncontrolled usage.\n   * @default 0\n   */\n  defaultActiveStep?: number;\n  /**\n   * Called with the step index whenever a step is activated (click, Enter or Space) — also when the\n   * active step is activated again (0.4 semantics). Not called for disabled or unreachable steps.\n   */\n  onStepChange?: (step: number) => void;\n  /** Layout orientation of the stepper.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * Whether navigation is restricted to sequential steps: only steps up to the one after the active\n   * step can be activated; later steps are `aria-disabled` and leave the tab order.\n   * @default false\n   */\n  linear?: boolean;\n  /**\n   * Visually hidden status text read before the number of a completed or error step (\"Completed:\n   * 2. Profile\"), for localization: `{ completed: 'Fullført:', error: 'Feil:' }`. A label that is\n   * not given keeps its English default; `''` leaves that status out of the step names.\n   * @default { completed: 'Completed:', error: 'Error:' }\n   */\n  statusLabels?: { completed?: string; error?: string };\n  /** Ref to the root `<div>` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst DEFAULT_COMPLETED_LABEL = 'Completed:';\nconst DEFAULT_ERROR_LABEL = 'Error:';\n\n/** Properties for the Step sub-component. */\nexport interface StepProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label text for the step. */\n  label: string;\n  /** Optional description text displayed below the label (the step button's description). */\n  description?: string;\n  /**\n   * Custom icon to display in the step indicator (`Slot<'span'>`: a node, or a slot object for full\n   * control). Decorative: rendered with `aria-hidden=\"true\"`; the step number stays in the name. A\n   * falsy icon (`''`, `0`) or a list of nothing is no icon: the step shows its number (or its check\n   * mark when completed).\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Whether the step is disabled and non-interactive.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Whether the step is marked as completed. Defaults to `true` for steps before the active step. */\n  completed?: boolean;\n  /**\n   * Whether the step is in an error state.\n   * @default false\n   */\n  error?: boolean;\n  /**\n   * Zero-based position of the step. Normally derived from the step's position in the Stepper\n   * (Fragments, conditional steps and wrapper components included); set it only to override that.\n   * In server HTML (and the first client render, before the steps register) each Stepper child\n   * counts as one step, so steps inside a wrapper component that renders more or fewer than one\n   * step are numbered correctly only after hydration; set `index` on them to pin the server HTML.\n   */\n  index?: number;\n  /** Ref to the step's root `<div>` (rendered inside the step's `<li>`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n// ---------------------------------------------------------------------------\n// Step registry: a useId-keyed descendant list in DOM order\n// ---------------------------------------------------------------------------\n\nconst EMPTY_ORDER: readonly string[] = [];\nconst getServerOrder = () => EMPTY_ORDER;\n\ninterface StepRegistry {\n  /** Registers a step's list item under its key; returns the cleanup that unregisters it. */\n  register: (key: string, element: HTMLElement) => () => void;\n  subscribe: (listener: () => void) => () => void;\n  /** Keys of the registered steps in DOM order (a new array only when the order changed). */\n  getOrder: () => readonly string[];\n  /**\n   * Re-reads the DOM order and notifies subscribers when it changed. Cheap when nothing moved (one\n   * pass over adjacent pairs), so every Step calls it after each of its commits. A commit that\n   * re-renders all n steps (an `activeStep` change) therefore costs n passes, O(n²) position\n   * checks, and the root's observer adds one pass per list mutation (indicator swaps included):\n   * negligible for step counts a stepper can show. If that ever matters, coalesce the per-step calls\n   * into one pass per commit (a dirty flag set by the steps, flushed once) — keeping this per-step\n   * call or the observer as the path for commits in which the root does not re-render.\n   */\n  sync: () => void;\n}\n\nfunction createStepRegistry(): StepRegistry {\n  const elements = new Map<string, HTMLElement>();\n  const listeners = new Set<() => void>();\n  let order = EMPTY_ORDER;\n\n  /** Whether `order` still lists exactly the registered elements, in DOM order. */\n  const isCurrent = () => {\n    if (order.length !== elements.size) return false;\n    let previous: HTMLElement | undefined;\n    for (const key of order) {\n      const element = elements.get(key);\n      if (!element) return false;\n      if (\n        previous &&\n        !(previous.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING)\n      ) {\n        return false;\n      }\n      previous = element;\n    }\n    return true;\n  };\n\n  const sync = () => {\n    if (isCurrent()) return;\n    const next = Array.from(elements.entries())\n      .sort(([, a], [, b]) =>\n        a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n      )\n      .map(([key]) => key);\n    if (next.length === order.length && next.every((key, i) => key === order[i])) return;\n    order = next;\n    listeners.forEach((listener) => listener());\n  };\n\n  return {\n    register(key, element) {\n      elements.set(key, element);\n      sync();\n      return () => {\n        if (elements.get(key) === element) elements.delete(key);\n        sync();\n      };\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    getOrder: () => order,\n    sync,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Contexts\n// ---------------------------------------------------------------------------\n\ninterface StepperContextValue {\n  activeStep: number;\n  /** Activates a step: updates the (uncontrolled) state and calls `onStepChange`. */\n  select: (step: number) => void;\n  orientation: Orientation;\n  linear: boolean;\n  /** Registered step keys in DOM order (empty on the server and before the first commit). */\n  order: readonly string[];\n  /** Number of element children after flattening Fragments (the pre-registration step count). */\n  childCount: number;\n  /** Resolved `statusLabels.completed`. */\n  completedLabel: string;\n  /** Resolved `statusLabels.error`. */\n  errorLabel: string;\n  register: StepRegistry['register'];\n  sync: StepRegistry['sync'];\n}\n\nconst StepperContext = React.createContext<StepperContextValue | null>(null);\n\n/**\n * Position of a Stepper child among the element children (Fragments flattened), set by the root\n * around each child. It numbers the steps on the server and in the first render; after mount the\n * registry's DOM order takes over (it also covers wrappers that render several steps or none, which\n * the slot numbering gets wrong — documented on `Stepper` and `StepProps.index`).\n */\nconst StepSlotContext = React.createContext<number | null>(null);\n\nconst noop = () => {};\nconst INERT_CONTEXT: StepperContextValue = {\n  activeStep: 0,\n  select: noop,\n  orientation: 'horizontal',\n  linear: false,\n  order: EMPTY_ORDER,\n  childCount: 0,\n  completedLabel: DEFAULT_COMPLETED_LABEL,\n  errorLabel: DEFAULT_ERROR_LABEL,\n  register: () => noop,\n  sync: noop,\n};\n\n/**\n * Reads the Stepper context; a Step outside a Stepper throws in development and logs once in\n * production, where it renders inert (C-CONTEXT).\n */\nfunction useStepperContext(componentName: string): StepperContextValue {\n  const context = React.useContext(StepperContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Stepper');\n  return INERT_CONTEXT;\n}\n\n/** A Stepper child after flattening; an element carries its position among the elements. */\ninterface StepperChild {\n  key: string;\n  node: React.ReactNode;\n  slot: number | null;\n}\n\n/**\n * The Stepper's children with Fragments flattened at any depth (`flattenChildren`: keys unique,\n * `null`/booleans dropped) and every element numbered in order.\n */\nfunction numberChildren(children: React.ReactNode): StepperChild[] {\n  let slot = 0;\n  return flattenChildren(children).map(({ key, node }) => ({\n    key,\n    node,\n    slot: React.isValidElement(node) ? slot++ : null,\n  }));\n}\n\n// ---------------------------------------------------------------------------\n// Step\n// ---------------------------------------------------------------------------\n\nconst indicatorSlotClasses = 'inline-flex items-center justify-center';\n\n/**\n * Connector colors. A connector is drawn by its background only, which forced colors replace with\n * Canvas, so it opts out there: a completed one is painted `Highlight` (`forcedColors.fill`), the\n * others `CanvasText`, like a Slider rail.\n */\nconst connectorCompletedClasses = cn('bg-success', forcedColors.fill);\nconst connectorPendingClasses =\n  'bg-border forced-colors:bg-[CanvasText] forced-colors:forced-color-adjust-none';\n\n/**\n * One step of a {@link Stepper}: a `role=\"button\"` step (indicator, label, optional description)\n * inside its own `<li>`, followed by a connector unless it is the last step. `ref`, `className` and\n * rest props land on the step's root `<div>`; `onClick` runs on activation by mouse, Enter or Space\n * (not for disabled or unreachable steps). Must be rendered inside a `Stepper` (throws in\n * development otherwise). Flat name `StepperStep`, importable from React Server Components.\n */\nconst StepperStep = ({\n  label,\n  description,\n  icon,\n  disabled = false,\n  completed,\n  error = false,\n  index: indexProp,\n  className,\n  onClick,\n  ref,\n  ...rest\n}: StepProps) => {\n  const {\n    activeStep,\n    select,\n    orientation,\n    linear,\n    order,\n    childCount,\n    completedLabel,\n    errorLabel,\n    register,\n    sync,\n  } = useStepperContext('Stepper.Step');\n  const slotIndex = React.useContext(StepSlotContext);\n  const key = useId('wave-step');\n  const labelId = `${key}-label`;\n  const descriptionId = `${key}-description`;\n\n  // The list item registers itself under this step's id; the registry sorts by DOM position.\n  const registerItem = React.useCallback(\n    (element: HTMLLIElement | null) => (element ? register(key, element) : undefined),\n    [register, key],\n  );\n  // A keyed reorder moves list items without re-running their ref callbacks, and a wrapper component\n  // can reorder its own steps without re-rendering the root: re-read the DOM order after every commit\n  // of this step (a changed order re-renders before paint). Moves that re-render no step at all\n  // (reused elements) are caught by the root's MutationObserver.\n  React.useLayoutEffect(() => {\n    sync();\n  });\n\n  const position = order.indexOf(key);\n  const index = indexProp ?? (position !== -1 ? position : (slotIndex ?? 0));\n  const stepCount = position !== -1 ? order.length : childCount;\n  const isLast = index >= stepCount - 1;\n  const isActive = index === activeStep;\n  const isCompleted = completed ?? index < activeStep;\n  const isClickable = !disabled && (!linear || index <= activeStep + 1);\n  const horizontal = orientation === 'horizontal';\n\n  /**\n   * The single activation path for mouse and keyboard (Enter/Space dispatch a click): an\n   * unavailable step does nothing — neither the consumer `onClick` nor `onStepChange` runs; a\n   * consumer `onClick` that calls `preventDefault()` suppresses the step change (C-COMPOSE).\n   */\n  const activate = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!isClickable) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    select(index);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.currentTarget.click();\n    } else if (event.key === ' ') {\n      // Space activates on keyup, like a native button; stop the page from scrolling.\n      event.preventDefault();\n    }\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget || event.key !== ' ') return;\n    event.preventDefault();\n    event.currentTarget.click();\n  };\n\n  const status = error ? errorLabel : isCompleted ? completedLabel : '';\n  const statusText = status ? `${status} ${index + 1}.` : `${index + 1}.`;\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in Menu,\n  // Nav, Tree and Avatar, and so is a collection whose items render nothing: the step keeps its\n  // number or check mark. The check does not consume a generator: renderSlot still renders it.\n  const hasIcon = !!icon && slotRendersContent(icon);\n  let indicator: React.ReactNode;\n  if (error) {\n    indicator = <DismissIcon />;\n  } else if (isCompleted && !hasIcon) {\n    indicator = <CheckIcon />;\n  } else if (hasIcon) {\n    indicator = renderSlot(icon, 'span', cn(stepperStepClassNames.icon, indicatorSlotClasses), {\n      'aria-hidden': true,\n    });\n  } else {\n    indicator = <span className=\"text-caption-1 font-semibold\">{index + 1}</span>;\n  }\n\n  const toneClass = error\n    ? 'text-error'\n    : isActive\n      ? 'text-primary'\n      : isCompleted\n        ? 'text-success'\n        : 'text-foreground';\n\n  return (\n    <li\n      ref={registerItem}\n      className={cn(\n        stepperStepClassNames.listItem,\n        'flex min-w-0',\n        horizontal && !isLast && 'flex-1',\n      )}\n    >\n      <div\n        ref={ref}\n        data-active={isActive ? '' : undefined}\n        data-completed={isCompleted ? '' : undefined}\n        data-error={error ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        {...rest}\n        className={cn(\n          stepperStepClassNames.root,\n          horizontal ? 'flex flex-1 items-center' : 'flex flex-1 flex-col',\n          className,\n        )}\n      >\n        <div\n          role=\"button\"\n          tabIndex={isClickable ? 0 : -1}\n          aria-current={isActive ? 'step' : undefined}\n          aria-disabled={isClickable ? undefined : true}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : undefined}\n          onClick={activate}\n          onKeyDown={handleKeyDown}\n          onKeyUp={handleKeyUp}\n          className={cn(\n            stepperStepClassNames.button,\n            'relative flex rounded',\n            horizontal ? 'flex-col items-center gap-1' : 'items-center gap-3',\n            focusRing,\n            isClickable ? 'cursor-pointer' : 'cursor-default',\n            disabled && 'opacity-50',\n          )}\n        >\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              stepperStepClassNames.indicator,\n              'flex size-8 shrink-0 items-center justify-center rounded-full border-2 transition-colors motion-reduce:transition-none',\n              error\n                ? 'border-error bg-error-tint text-error-tint-foreground'\n                : isActive\n                  ? cn(\n                      'border-primary bg-primary text-primary-foreground',\n                      forcedColors.selectedLeaf,\n                    )\n                  : isCompleted\n                    ? 'border-success bg-success-tint text-success-tint-foreground'\n                    : 'border-border bg-background text-muted-foreground',\n            )}\n          >\n            {indicator}\n          </span>\n          <span className={cn('flex flex-col', horizontal && 'items-center text-center')}>\n            <span\n              id={labelId}\n              className={cn(\n                stepperStepClassNames.label,\n                'font-semibold',\n                horizontal ? 'text-caption-1 whitespace-nowrap' : 'text-body-1',\n                toneClass,\n              )}\n            >\n              <span className=\"sr-only\">{statusText}</span> {label}\n            </span>\n            {description && (\n              <span\n                id={descriptionId}\n                className={cn(\n                  stepperStepClassNames.description,\n                  'text-muted-foreground',\n                  horizontal ? 'text-caption-2 whitespace-nowrap' : 'text-caption-1',\n                )}\n              >\n                {description}\n              </span>\n            )}\n          </span>\n        </div>\n        {!isLast && (\n          <div\n            data-wave-stepper-connector=\"\"\n            aria-hidden=\"true\"\n            className={cn(\n              stepperStepClassNames.connector,\n              'transition-colors motion-reduce:transition-none',\n              // Vertical: centred under the size-8 circle, (8 - 0.5) / 2 spacing units in, so the\n              // offset scales with the circle at any root font size.\n              horizontal ? 'mx-2 h-0.5 flex-1' : 'my-1 ms-3.75 min-h-6 w-0.5',\n              isCompleted ? connectorCompletedClasses : connectorPendingClasses,\n            )}\n          />\n        )}\n      </div>\n    </li>\n  );\n};\nStepperStep.displayName = 'Step';\n\n// ---------------------------------------------------------------------------\n// Root\n// ---------------------------------------------------------------------------\n\nconst StepperRoot = ({\n  activeStep: controlledStep,\n  defaultActiveStep = 0,\n  onStepChange,\n  orientation = 'horizontal',\n  linear = false,\n  statusLabels,\n  className,\n  children,\n  ref,\n  ...rest\n}: StepperProps) => {\n  // Resolved to strings, so an inline `statusLabels` object does not change the context each render.\n  const completedLabel = statusLabels?.completed ?? DEFAULT_COMPLETED_LABEL;\n  const errorLabel = statusLabels?.error ?? DEFAULT_ERROR_LABEL;\n  const [activeStep, setActiveStep] = useControllable(controlledStep, defaultActiveStep);\n  const emitStepChange = useEventCallback(onStepChange);\n  // Event callback semantics (C-NAMING): every activation emits, also of the active step.\n  const select = React.useCallback(\n    (step: number) => {\n      setActiveStep(step);\n      emitStepChange(step);\n    },\n    [setActiveStep, emitStepChange],\n  );\n\n  const [registry] = React.useState(createStepRegistry);\n  const order = React.useSyncExternalStore(registry.subscribe, registry.getOrder, getServerOrder);\n  // Steps re-sync after each of their commits. A move that re-renders no step (a wrapper reordering\n  // reused step elements) only shows up in the DOM: observe the list for it (C-HOOKS DOM-derived\n  // collection; the callback runs in a microtask, before paint).\n  const listRef = React.useRef<HTMLOListElement>(null);\n  React.useEffect(() => {\n    const list = listRef.current;\n    if (!list) return;\n    const observer = new MutationObserver(registry.sync);\n    observer.observe(list, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, [registry]);\n\n  const items = React.useMemo(() => numberChildren(children), [children]);\n  const childCount = items.filter((item) => item.slot !== null).length;\n\n  const context = React.useMemo<StepperContextValue>(\n    () => ({\n      activeStep,\n      select,\n      orientation,\n      linear,\n      order,\n      childCount,\n      completedLabel,\n      errorLabel,\n      register: registry.register,\n      sync: registry.sync,\n    }),\n    [\n      activeStep,\n      select,\n      orientation,\n      linear,\n      order,\n      childCount,\n      completedLabel,\n      errorLabel,\n      registry,\n    ],\n  );\n\n  const horizontal = orientation === 'horizontal';\n\n  return (\n    <StepperContext.Provider value={context}>\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Progress\"\n        data-orientation={orientation}\n        {...rest}\n        className={cn(\n          stepperClassNames.root,\n          'flex',\n          horizontal ? 'flex-row items-start' : 'flex-col',\n          className,\n        )}\n      >\n        {/* role=\"list\" is not redundant: WebKit/VoiceOver drops list semantics from a\n            `list-style: none` list outside a <nav> unless the role is explicit. */}\n        <ol\n          ref={listRef}\n          role=\"list\"\n          className={cn(\n            stepperClassNames.list,\n            'm-0 flex list-none p-0',\n            horizontal ? 'flex-1 flex-row items-start' : 'flex-col',\n          )}\n        >\n          {items.map((item) =>\n            item.slot === null ? (\n              item.node\n            ) : (\n              <StepSlotContext.Provider key={item.key} value={item.slot}>\n                {item.node}\n              </StepSlotContext.Provider>\n            ),\n          )}\n        </ol>\n      </div>\n    </StepperContext.Provider>\n  );\n};\nStepperRoot.displayName = 'Stepper';\n\n/**\n * A multi-step progress indicator. Steps are `Stepper.Step` children (Fragments, conditional steps\n * and wrapper components are numbered in DOM order) rendered as an ordered list inside a\n * `role=\"group\"` root named \"Progress\" (override with `aria-label`). The active step's button\n * carries `aria-current=\"step\"`; completed and error steps announce their status (\"Completed:\",\n * \"Error:\"; localized with `statusLabels`).\n *\n * Server rendering: before hydration, steps are numbered by their position among the Stepper's\n * children (Fragments flattened), so a wrapper component that renders more or fewer than one step\n * is numbered correctly only after hydration. Pin such steps with `index` if the server HTML must\n * already be exact.\n *\n * Compound access (`Stepper.Step`) needs a client module; React Server Components import the flat\n * name `StepperStep` instead.\n */\nexport const Stepper = /* @__PURE__ */ Object.assign(StepperRoot, { Step: StepperStep });\n\n// Flat name of `Stepper.Step` (C-COMPOUND).\nexport { StepperStep };\n"],"mappings":"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"}

package/dist/components/overlays/Dialog.cjs

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