@thewhatmatters/wmds 0.4.9 → 0.4.28

package/dist/components/organisms/Dialog/Dialog.js

@@ -2,67 +2,47 @@
 import { cn as e } from "../../../lib/cn.js";
 import { motionTransitionProp as t } from "../../../lib/motion.js";
 import { Card as n } from "../../molecules/Card/Card.js";
-import { dialogBackdropClasses as r, dialogOverlayRootClasses as i, dialogPanelShellClasses as a, dialogPanelSizeClasses as o, dialogSizes as s, overlayPanelChromeClasses as c, overlayPanelDialogBodyScrollClasses as l, overlayPanelDialogFooterClasses as u, overlayPanelMaxHeightClasses as d } from "./dialogStyles.js";
-import { OverlayPanelHeader as f } from "./OverlayPanelHeader.js";
-import { focusInitialElement as p, lockBodyScroll as m, trapFocus as h } from "../../../lib/dialogOverlay.js";
-import { DialogProvider as g, useDialogContext as _, useDialogLabelIds as v } from "./DialogContext.js";
-import { useCallback as y, useEffect as b, useRef as x } from "react";
+import { useOverlayLifecycle as r } from "../../../lib/dialogOverlay.js";
+import { dialogBackdropClasses as i, dialogHeaderInsetTopClasses as a, dialogOverlayRootClasses as o, dialogPanelInsetXClasses as s, dialogPanelShellClasses as c, dialogPanelSizeClasses as l, dialogSizes as u, overlayPanelChromeClasses as d, overlayPanelDialogBodyLastScrollClasses as f, overlayPanelDialogBodyScrollClasses as p, overlayPanelDialogFooterClasses as m, overlayPanelMaxHeightClasses as h } from "./dialogStyles.js";
+import { OverlayPanelHeader as g } from "./OverlayPanelHeader.js";
+import { DialogProvider as _, useDialogContext as v, useDialogLabelIds as y } from "./DialogContext.js";
+import { useCallback as b, useRef as x } from "react";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
 import { AnimatePresence as w, motion as T } from "motion/react";
 import { createPortal as E } from "react-dom";
 //#region src/components/organisms/Dialog/Dialog.tsx
-function D({ role: n, "aria-labelledby": a, "aria-describedby": o, initialFocusSelector: s, fill: c = !1, children: l }) {
-	let { open: u, onOpenChange: d, dismissOnBackdrop: f, dismissOnEscape: g, triggerRef: v } = _("DialogPortal"), D = x(null), O = x(null), k = y(() => {
-		d(!1);
-	}, [d]);
-	b(() => {
-		if (!u) return;
-		O.current = v.current ?? document.activeElement;
-		let e = m(), t = D.current, n = () => {};
-		return t != null && (n = h(t), window.requestAnimationFrame(() => {
-			p(t, s);
-		})), () => {
-			n(), e(), O.current?.focus?.();
-		};
-	}, [
-		s,
-		u,
-		v
-	]), b(() => {
-		if (!u || !g) return;
-		function e(e) {
-			e.key === "Escape" && (e.preventDefault(), k());
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [
-		k,
-		g,
-		u
-	]);
-	function A(e) {
-		if (!f) return;
+function D({ role: n, "aria-labelledby": a, "aria-describedby": s, initialFocusSelector: c, fill: l = !1, children: u }) {
+	let { open: d, onOpenChange: f, dismissOnBackdrop: p, dismissOnEscape: m, triggerRef: h } = v("DialogPortal"), g = x(null), _ = b(() => {
+		f(!1);
+	}, [f]);
+	r(g, {
+		open: d,
+		onClose: _,
+		closeOnEscape: m,
+		initialFocus: c,
+		returnFocusRef: h
+	});
+	function y(e) {
 		let t = e.target;
-		D.current?.contains(t) || k();
+		g.current?.contains(t) || (e.preventDefault(), p && _());
 	}
-	return typeof document > "u" ? null : E(/* @__PURE__ */ S(w, { children: u ? /* @__PURE__ */ C(T.div, {
-		className: e(i, c && "max-md:p-0 md:p-6"),
+	return typeof document > "u" ? null : E(/* @__PURE__ */ S(w, { children: d ? /* @__PURE__ */ C(T.div, {
+		className: e(o, l && "max-md:p-0 md:p-6"),
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: t("medium"),
-		onMouseDown: A,
+		onMouseDown: y,
 		children: [/* @__PURE__ */ S("div", {
-			className: r,
+			className: i,
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ S(T.div, {
-			ref: D,
-			className: e("relative z-[1] flex w-full justify-center", c && "h-full items-center"),
+			ref: g,
+			className: e("relative z-[1] flex w-full justify-center", l && "h-full items-center"),
 			role: n,
 			"aria-modal": "true",
 			"aria-labelledby": a,
-			"aria-describedby": o,
+			"aria-describedby": s,
 			initial: {
 				opacity: 0,
 				scale: .96,
@@ -82,13 +62,13 @@ function D({ role: n, "aria-labelledby": a, "aria-describedby": o, initialFocusS
 			onMouseDown: (e) => {
 				e.stopPropagation();
 			},
-			children: l
+			children: u
 		})]
 	}) : null }), document.body);
 }
 function O({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscape: r = !0, children: i }) {
-	let { titleId: a, descriptionId: o } = v("dialog"), s = x(null);
-	return /* @__PURE__ */ S(g, {
+	let { titleId: a, descriptionId: o } = y("dialog"), s = x(null);
+	return /* @__PURE__ */ S(_, {
 		value: {
 			open: e,
 			onOpenChange: t,
@@ -102,7 +82,7 @@ function O({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscap
 	});
 }
 function k({ children: e, className: t }) {
-	let { onOpenChange: n, triggerRef: r } = _("Dialog.Trigger");
+	let { onOpenChange: n, triggerRef: r } = v("Dialog.Trigger");
 	return /* @__PURE__ */ S("span", {
 		ref: r,
 		className: t,
@@ -113,40 +93,41 @@ function k({ children: e, className: t }) {
 		children: e
 	});
 }
-function A({ title: t, description: r, headerStart: i, showClose: s = !0, headerEnd: p, footer: m, size: h = "md", "aria-labelledby": g, className: v, children: y }) {
-	let { titleId: b, descriptionId: x, onOpenChange: w } = _("Dialog.Content"), T = t != null, E = r != null, O = y != null || !T && E, k = m != null, A = O || k;
+function A({ title: t, description: r, headerStart: i, showClose: o = !0, headerEnd: u, footer: _, size: y = "md", "aria-labelledby": b, className: x, children: w }) {
+	let { titleId: T, descriptionId: E, onOpenChange: O } = v("Dialog.Content"), k = t != null, A = r != null, j = w != null || !k && A, M = _ != null, N = j || M;
 	return /* @__PURE__ */ S(D, {
 		role: "dialog",
-		"aria-labelledby": T ? b : g,
-		"aria-describedby": E ? x : void 0,
-		fill: h === "full",
+		"aria-labelledby": k ? T : b,
+		"aria-describedby": A ? E : void 0,
+		fill: y === "full",
 		children: /* @__PURE__ */ C(n, {
 			padding: "none",
-			bodyTerminal: m == null,
-			className: e(o[h], c, h === "full" ? void 0 : d, a, v),
+			bodyTerminal: _ == null,
+			className: e(l[y], d, y === "full" ? void 0 : h, c, s, x),
 			children: [
-				/* @__PURE__ */ S(f, {
-					titleId: b,
-					descriptionId: x,
+				/* @__PURE__ */ S(g, {
+					titleId: T,
+					descriptionId: E,
 					title: t,
 					description: r,
 					headerStart: i,
-					headerEnd: p,
-					showClose: s,
+					headerEnd: u,
+					showClose: o,
 					closeLabel: "Close dialog",
-					onClose: () => w(!1)
+					onClose: () => O(!1),
+					className: a
 				}),
-				A ? /* @__PURE__ */ C("div", {
-					className: l,
-					children: [!T && E ? /* @__PURE__ */ S("p", {
-						id: x,
+				N ? /* @__PURE__ */ C("div", {
+					className: M ? p : f,
+					children: [!k && A ? /* @__PURE__ */ S("p", {
+						id: E,
 						className: "text-muted",
 						children: r
-					}) : null, y]
+					}) : null, w]
 				}) : null,
-				k ? /* @__PURE__ */ S("footer", {
-					className: u,
-					children: m
+				M ? /* @__PURE__ */ S("footer", {
+					className: m,
+					children: _
 				}) : null
 			]
 		})
@@ -157,4 +138,4 @@ var j = Object.assign(O, {
 	Content: A
 });
 //#endregion
-export { j as Dialog, D as DialogPortal, s as dialogSizes };
+export { j as Dialog, D as DialogPortal, u as dialogSizes };

package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/OverlayPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAiC,EACjC,oBAA0C,EAC1C,WAAW,EACX,SAAS,EACT,SAAgB,EAChB,UAAoB,EACpB,OAAO,EACP,UAAkB,EAClB,SAAS,GACV,EAAE,uBAAuB,sCAiEzB"}
+{"version":3,"file":"OverlayPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/OverlayPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAiC,EACjC,oBAA0C,EAC1C,WAAW,EACX,SAAS,EACT,SAAgB,EAChB,UAAoB,EACpB,OAAO,EACP,UAAkB,EAClB,SAAS,GACV,EAAE,uBAAuB,sCAmEzB"}

package/dist/components/organisms/Dialog/OverlayPanelHeader.js

@@ -11,6 +11,7 @@ function p({ titleId: p, descriptionId: m, title: h, description: g, titleClassN
 	let E = h != null, D = g != null;
 	if (!E && !x && y == null && b == null) return null;
 	let O = /* @__PURE__ */ d(i.Header, {
+		role: "presentation",
 		className: e(a, w ? o : void 0, T),
 		start: y != null || E ? /* @__PURE__ */ f("div", {
 			className: c,

package/dist/components/organisms/Dialog/dialogStyles.d.ts

@@ -57,7 +57,20 @@ export declare const overlayPanelFooterClasses: string;
 export declare const dialogPanelShellClasses = "gap-4";
 /** Dialog body scroll — horizontal inset + light vertical pad for copy blocks. */
 export declare const overlayPanelDialogBodyScrollClasses: string;
-/** Dialog footer — top inset without hairlines. */
+/**
+ * Dialog / AlertDialog edge inset — 24px on every side, phones included.
+ * The Card shell gives 16px at the sides (header, body, footer `px-4`) and 16px top / bottom;
+ * `px-2` on the shell plus {@link dialogHeaderInsetTopClasses} / {@link dialogFooterInsetBottomClasses}
+ * add the remaining 8px, so a pill action clears the 16px shell radius. **Sheet** / **Panel** keep 16px.
+ */
+export declare const dialogPanelInsetXClasses = "px-2";
+/** Header top — 16px shell pad + 8px = 24px. */
+export declare const dialogHeaderInsetTopClasses = "pt-2";
+/** Footer bottom — 16px shell pad + 8px = 24px. */
+export declare const dialogFooterInsetBottomClasses = "pb-2";
+/** Body of a **Dialog** with no footer — it is the last row, so it owns the bottom (2px shell + 22px = 24px). */
+export declare const overlayPanelDialogBodyLastScrollClasses: string;
+/** Dialog footer — top inset without hairlines, 24px from the bottom edge. */
 export declare const overlayPanelDialogFooterClasses: string;
 /** Footer shell when a scroll body precedes the footer. */
 export declare const overlayPanelFooterDelineatedShellClasses = "shrink-0 w-full";

package/dist/components/organisms/Dialog/dialogStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/dialogStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uDAAuD;AACvD,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,uCAAuC;AACvC,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM7D,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,4BAA4B,sBAAsB,CAAC;AAEhE,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,QAAyC,CAAC;AAE5E,qFAAqF;AACrF,eAAO,MAAM,sBAAsB,QAA0C,CAAC;AAE9E,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,QAAmB,CAAC;AAExD,qGAAqG;AACrG,eAAO,MAAM,iBAAiB,QAAoC,CAAC;AAEnE,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,wBAAwB,QAAsB,CAAC;AAE5D,4CAA4C;AAC5C,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,0CAA0C,CAAC;AAEjF,qEAAqE;AACrE,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,iGAAiG;AACjG,eAAO,MAAM,2BAA2B,mDAAmD,CAAC;AAE5F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,iGAAiG;AACjG,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,wCAAwC,SAAS,CAAC;AAE/D,uGAAuG;AACvG,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,0CACT,CAAC;AAE1C,qDAAqD;AACrD,eAAO,MAAM,kCAAkC,wGACwD,CAAC;AAExG,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA+C,CAAC;AAErF,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,gCAAgC,CAAC;AAEtE,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,eAAO,MAAM,6BAA6B,QAIzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,2GAA2G;AAC3G,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,+BAA+B,QAAwC,CAAC;AAErF,2DAA2D;AAC3D,eAAO,MAAM,wCAAwC,oBAAoB,CAAC;AAE1E,+DAA+D;AAC/D,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,8BAA8B,QAG1C,CAAC"}
+{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/dialogStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uDAAuD;AACvD,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,uCAAuC;AACvC,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM7D,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,4BAA4B,sBAAsB,CAAC;AAEhE,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,QAAyC,CAAC;AAE5E,qFAAqF;AACrF,eAAO,MAAM,sBAAsB,QAA0C,CAAC;AAE9E,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,QAAmB,CAAC;AAExD,qGAAqG;AACrG,eAAO,MAAM,iBAAiB,QAAoC,CAAC;AAEnE,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,wBAAwB,QAAsB,CAAC;AAE5D,4CAA4C;AAC5C,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,0CAA0C,CAAC;AAEjF,qEAAqE;AACrE,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,iGAAiG;AACjG,eAAO,MAAM,2BAA2B,mDAAmD,CAAC;AAE5F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,iGAAiG;AACjG,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,wCAAwC,SAAS,CAAC;AAE/D,uGAAuG;AACvG,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,0CACT,CAAC;AAE1C,qDAAqD;AACrD,eAAO,MAAM,kCAAkC,wGACwD,CAAC;AAExG,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA+C,CAAC;AAErF,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,gCAAgC,CAAC;AAEtE,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,eAAO,MAAM,6BAA6B,QAIzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,2GAA2G;AAC3G,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,SAAS,CAAC;AAE/C,gDAAgD;AAChD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAElD,mDAAmD;AACnD,eAAO,MAAM,8BAA8B,SAAS,CAAC;AAErD,iHAAiH;AACjH,eAAO,MAAM,uCAAuC,QAGnD,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,+BAA+B,QAI3C,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,wCAAwC,oBAAoB,CAAC;AAE1E,+DAA+D;AAC/D,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,8BAA8B,QAG1C,CAAC"}

package/dist/components/organisms/Dialog/dialogStyles.js

@@ -20,7 +20,7 @@ var m = e(r, "flex w-full items-center justify-end gap-2"), h = "flex shrink-0 i
 e(S, C);
 var w = "flex min-w-0 flex-1 items-start gap-3", T = "flex shrink-0 items-center pt-0.5 text-muted [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:stroke-current";
 e(d, "pt-1 text-muted");
-var E = "flex min-h-0 flex-col gap-3", D = e(E, "h-full"), O = e(d, r, "min-h-0 flex-1 overflow-y-auto overscroll-contain"), k = e(m, "shrink-0"), A = "gap-4", j = e(O, "py-1"), M = e(k, "pt-2"), N = "shrink-0 w-full", P = e(m, "pt-3 pb-4"), F = e(N, "border-t border-border pt-3");
-e(F, "pb-4");
+var E = "flex min-h-0 flex-col gap-3", D = e(E, "h-full"), O = e(d, r, "min-h-0 flex-1 overflow-y-auto overscroll-contain"), k = e(m, "shrink-0"), A = "gap-4", j = e(O, "py-1"), M = "px-2", N = "pt-2", P = "pb-2", F = e(O, "pt-1 pb-[22px]"), I = e(k, "pt-2", P), L = "shrink-0 w-full", R = e(m, "pt-3 pb-4"), z = e(L, "border-t border-border pt-3");
+e(z, "pb-4");
 //#endregion
-export { p as alertDialogTitleClasses, s as dialogBackdropClasses, d as dialogBodyCopyClasses, f as dialogBodyMutedClasses, h as dialogFooterActionsClasses, m as dialogFooterClasses, o as dialogOverlayRootClasses, l as dialogOverlayRootFullClasses, u as dialogPanelBoxFullClasses, A as dialogPanelShellClasses, c as dialogPanelSizeClasses, a as dialogSizes, O as overlayPanelBodyScrollClasses, g as overlayPanelChromeClasses, j as overlayPanelDialogBodyScrollClasses, M as overlayPanelDialogFooterClasses, k as overlayPanelFooterClasses, F as overlayPanelFooterDelineatedClasses, P as overlayPanelFooterDelineatedInnerClasses, N as overlayPanelFooterDelineatedShellClasses, x as overlayPanelFooterHairlineClasses, y as overlayPanelHairlineClasses, v as overlayPanelHeaderClasses, C as overlayPanelHeaderDelineatedInnerClasses, S as overlayPanelHeaderDelineatedShellClasses, b as overlayPanelHeaderHairlineClasses, w as overlayPanelHeaderStartClusterClasses, T as overlayPanelHeaderStartSlotClasses, _ as overlayPanelMaxHeightClasses, D as overlayPanelSectionStackClasses, E as overlayPanelStackClasses };
+export { p as alertDialogTitleClasses, s as dialogBackdropClasses, d as dialogBodyCopyClasses, f as dialogBodyMutedClasses, h as dialogFooterActionsClasses, m as dialogFooterClasses, P as dialogFooterInsetBottomClasses, N as dialogHeaderInsetTopClasses, o as dialogOverlayRootClasses, l as dialogOverlayRootFullClasses, u as dialogPanelBoxFullClasses, M as dialogPanelInsetXClasses, A as dialogPanelShellClasses, c as dialogPanelSizeClasses, a as dialogSizes, O as overlayPanelBodyScrollClasses, g as overlayPanelChromeClasses, F as overlayPanelDialogBodyLastScrollClasses, j as overlayPanelDialogBodyScrollClasses, I as overlayPanelDialogFooterClasses, k as overlayPanelFooterClasses, z as overlayPanelFooterDelineatedClasses, R as overlayPanelFooterDelineatedInnerClasses, L as overlayPanelFooterDelineatedShellClasses, x as overlayPanelFooterHairlineClasses, y as overlayPanelHairlineClasses, v as overlayPanelHeaderClasses, C as overlayPanelHeaderDelineatedInnerClasses, S as overlayPanelHeaderDelineatedShellClasses, b as overlayPanelHeaderHairlineClasses, w as overlayPanelHeaderStartClusterClasses, T as overlayPanelHeaderStartSlotClasses, _ as overlayPanelMaxHeightClasses, D as overlayPanelSectionStackClasses, E as overlayPanelStackClasses };

package/dist/components/organisms/FilterPanel/FilterPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/G,OAAO,EAAwB,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,yBAAyB,GAC/B,MAAM,mBAAmB,CAAC;AAE3B,wEAAwE;AACxE,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,sFAAsF;IACtF,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,uEAAuE;IACvE,SAAS,EAAE,eAAe,CAAC;IAC3B,4EAA4E;IAC5E,iBAAiB,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,wFAAwF;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AA2BD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiBlH;AAiCD,6EAA6E;AAC7E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAmB3D;AAED,6DAA6D;AAC7D,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAcvE;AAED,oGAAoG;AACpG,iBAAS,gBAAgB,gCAuBxB;AAED,eAAO,MAAM,WAAW;;;;CAItB,CAAC"}
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+D,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvH,OAAO,EAAwB,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,yBAAyB,GAC/B,MAAM,mBAAmB,CAAC;AAE3B,wEAAwE;AACxE,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,sFAAsF;IACtF,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,uEAAuE;IACvE,SAAS,EAAE,eAAe,CAAC;IAC3B,4EAA4E;IAC5E,iBAAiB,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,wFAAwF;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AA2BD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiBlH;AAmCD,6EAA6E;AAC7E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA8B3D;AAED,6DAA6D;AAC7D,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAcvE;AAED,oGAAoG;AACpG,iBAAS,gBAAgB,gCA8BxB;AAED,eAAO,MAAM,WAAW;;;;CAItB,CAAC"}

package/dist/components/organisms/FilterPanel/FilterPanel.js

@@ -5,28 +5,28 @@ import { Accordion as n } from "../../molecules/Accordion/Accordion.js";
 import { CheckboxGroup as r } from "../../molecules/CheckboxGroup/CheckboxGroup.js";
 import { Sheet as i } from "../Sheet/Sheet.js";
 import { countFilterOptions as a, filterFacetValues as o, filterSelectionCount as s, matchesFilterSelection as c, useFilterSelection as l } from "./filterSelection.js";
-import { createContext as u, useContext as d, useId as f, useMemo as p, useState as m } from "react";
-import { SlidersHorizontal as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createContext as u, useContext as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
+import { SlidersHorizontal as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/organisms/FilterPanel/FilterPanel.tsx
-var v = {
+var y = {
 	title: "Filters",
 	clear: "Clear all",
 	show: (e) => `Show ${e}`
-}, y = u(null);
-function b(e) {
-	let t = d(y);
+}, b = u(null);
+function x(e) {
+	let t = d(b);
 	if (t == null) throw Error(`[WMDS FilterPanel] ${e} must be inside <FilterPanel>.`);
 	return t;
 }
-function x({ groups: e, selection: t, onSelectionChange: n, resultsLabel: r, labels: i, children: a }) {
-	let [o, c] = m(!1), l = p(() => ({
+function S({ groups: e, selection: t, onSelectionChange: n, resultsLabel: r, labels: i, children: a }) {
+	let [o, c] = h(!1), l = p(() => ({
 		groups: e,
 		selection: t,
 		onSelectionChange: n,
 		resultsLabel: r,
 		labels: {
-			...v,
+			...y,
 			...i
 		},
 		activeCount: s(t),
@@ -40,20 +40,20 @@ function x({ groups: e, selection: t, onSelectionChange: n, resultsLabel: r, lab
 		i,
 		o
 	]);
-	return /* @__PURE__ */ g(y.Provider, {
+	return /* @__PURE__ */ _(b.Provider, {
 		value: l,
 		children: a
 	});
 }
-function S() {
-	let { groups: e, selection: t, onSelectionChange: i } = b("FilterPanel.Groups");
-	return /* @__PURE__ */ g(n, {
+function C() {
+	let { groups: e, selection: t, onSelectionChange: i } = x("FilterPanel.Groups");
+	return /* @__PURE__ */ _(n, {
 		variant: "plain",
 		flush: !0,
-		children: e.map((e) => /* @__PURE__ */ g(n.Item, {
+		children: e.map((e) => /* @__PURE__ */ _(n.Item, {
 			label: e.label,
 			defaultOpen: !0,
-			children: /* @__PURE__ */ g(r, {
+			children: /* @__PURE__ */ _(r, {
 				label: e.label,
 				labelHidden: !0,
 				size: "sm",
@@ -62,7 +62,7 @@ function S() {
 					...t,
 					[e.id]: n
 				}),
-				children: e.options.map((e) => /* @__PURE__ */ g(r.Item, {
+				children: e.options.map((e) => /* @__PURE__ */ _(r.Item, {
 					value: e.value,
 					label: e.label,
 					count: e.count,
@@ -72,66 +72,76 @@ function S() {
 		}, e.id))
 	});
 }
-function C({ className: n }) {
-	let { labels: r, activeCount: i, onSelectionChange: a } = b("FilterPanel.Rail"), o = f();
-	return /* @__PURE__ */ _("aside", {
+var w = "button:not([disabled]), input:not([disabled]), a[href]";
+function T({ className: n }) {
+	let { labels: r, activeCount: i, onSelectionChange: a } = x("FilterPanel.Rail"), o = f(), s = m(null), c = m(null);
+	function l() {
+		a({}), [...s.current?.querySelectorAll(w) ?? []].find((e) => e !== c.current)?.focus();
+	}
+	return /* @__PURE__ */ v("aside", {
+		ref: s,
 		"aria-labelledby": o,
 		className: n,
 		"data-filter-panel-rail": "",
-		children: [/* @__PURE__ */ g(t, {
+		children: [/* @__PURE__ */ _(t, {
 			id: o,
-			end: /* @__PURE__ */ g(e, {
+			end: /* @__PURE__ */ _(e, {
+				ref: c,
 				role: "ghost",
 				size: "xs",
 				disabled: i === 0,
-				onClick: () => a({}),
+				onClick: l,
 				children: r.clear
 			}),
 			children: r.title
-		}), /* @__PURE__ */ g(S, {})]
+		}), /* @__PURE__ */ _(C, {})]
 	});
 }
-function w({ icon: t, className: n }) {
-	let { labels: r, activeCount: i, setSheetOpen: a } = b("FilterPanel.Trigger");
-	return /* @__PURE__ */ g(e, {
+function E({ icon: t, className: n }) {
+	let { labels: r, activeCount: i, setSheetOpen: a } = x("FilterPanel.Trigger");
+	return /* @__PURE__ */ _(e, {
 		role: "secondary",
-		icon: t ?? /* @__PURE__ */ g(h, {}),
+		icon: t ?? /* @__PURE__ */ _(g, {}),
 		count: i > 0 ? i : void 0,
 		className: n,
 		onClick: () => a(!0),
 		children: r.title
 	});
 }
-function T() {
-	let { labels: t, activeCount: n, onSelectionChange: r, resultsLabel: a, sheetOpen: o, setSheetOpen: s } = b("FilterPanel.Sheet");
-	return /* @__PURE__ */ g(i, {
+function D() {
+	let { labels: t, activeCount: n, onSelectionChange: r, resultsLabel: a, sheetOpen: o, setSheetOpen: s } = x("FilterPanel.Sheet"), c = m(null);
+	function l() {
+		r({}), c.current?.focus();
+	}
+	return /* @__PURE__ */ _(i, {
 		open: o,
 		onOpenChange: s,
-		children: /* @__PURE__ */ g(i.Content, {
+		children: /* @__PURE__ */ _(i.Content, {
 			title: t.title,
-			footer: /* @__PURE__ */ _("div", {
+			footer: /* @__PURE__ */ v("div", {
 				className: "flex items-center justify-end gap-2",
-				children: [/* @__PURE__ */ g(e, {
+				children: [/* @__PURE__ */ _(e, {
 					role: "secondary",
 					size: "sm",
 					disabled: n === 0,
-					onClick: () => r({}),
+					onClick: l,
 					children: t.clear
-				}), /* @__PURE__ */ g(e, {
+				}), /* @__PURE__ */ _(e, {
+					ref: c,
 					role: "primary",
 					size: "sm",
 					onClick: () => s(!1),
 					children: t.show(a)
 				})]
 			}),
-			children: /* @__PURE__ */ g(S, {})
+			children: /* @__PURE__ */ _(C, {})
 		})
 	});
 }
-var E = Object.assign(x, {
-	Rail: C,
-	Trigger: w,
-	Sheet: T
+var O = Object.assign(S, {
+	Rail: T,
+	Trigger: E,
+	Sheet: D
 });
 //#endregion
-export { E as FilterPanel, a as countFilterOptions, o as filterFacetValues, s as filterSelectionCount, c as matchesFilterSelection, l as useFilterSelection };
+export { O as FilterPanel, a as countFilterOptions, o as filterFacetValues, s as filterSelectionCount, c as matchesFilterSelection, l as useFilterSelection };

package/dist/components/organisms/IntakeModal/IntakeModal.d.ts

@@ -21,6 +21,11 @@ export interface IntakeModalProps {
     backDisabled?: boolean;
     continueDisabled?: boolean;
     continueLabel?: string;
+    /**
+     * Escape closes the modal. Set `false` when closing would lose answers the visitor has typed
+     * (the Close button still closes). Default `true`.
+     */
+    dismissOnEscape?: boolean;
     children?: ReactNode;
     className?: IntakeModalLayoutClassName;
 }
@@ -29,5 +34,5 @@ export interface IntakeModalProps {
  * Wordmark, close, step progress, and a pinned footer.
  * Focus trap, Escape, scroll lock, and `aria-modal`.
  */
-export declare function IntakeModal({ open, onOpenChange, step, steps, title, showProgress, hideFooter, hideContinue, onBack, onContinue, backDisabled, continueDisabled, continueLabel, children, className, }: IntakeModalProps): import("react").ReactPortal | null;
+export declare function IntakeModal({ open, onOpenChange, step, steps, title, showProgress, hideFooter, hideContinue, onBack, onContinue, backDisabled, continueDisabled, continueLabel, dismissOnEscape, children, className, }: IntakeModalProps): import("react").ReactPortal | null;
 //# sourceMappingURL=IntakeModal.d.ts.map

package/dist/components/organisms/IntakeModal/IntakeModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntakeModal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeModal/IntakeModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuB9E,wDAAwD;AACxD,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,IAAQ,EACR,KAAS,EACT,KAAyB,EACzB,YAAmB,EACnB,UAAkB,EAClB,YAAoB,EACpB,MAAM,EACN,UAAU,EACV,YAAoB,EACpB,gBAAwB,EACxB,aAA0B,EAC1B,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,sCAiIlB"}
+{"version":3,"file":"IntakeModal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeModal/IntakeModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBnE,wDAAwD;AACxD,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,IAAQ,EACR,KAAS,EACT,KAAyB,EACzB,YAAmB,EACnB,UAAkB,EAClB,YAAoB,EACpB,MAAM,EACN,UAAU,EACV,YAAoB,EACpB,gBAAwB,EACxB,aAA0B,EAC1B,eAAsB,EACtB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,sCA6FlB"}

package/dist/components/organisms/IntakeModal/IntakeModal.js

@@ -5,104 +5,92 @@ import { motionTransitionProp as t } from "../../../lib/motion.js";
 import { Button as n } from "../../atoms/Button/Button.js";
 import { IconButton as r } from "../../atoms/IconButton/IconButton.js";
 import { StepProgress as i } from "../../molecules/StepProgress/StepProgress.js";
-import { focusInitialElement as a, lockBodyScroll as o, trapFocus as s } from "../../../lib/dialogOverlay.js";
-import { intakeModalBodyClasses as c, intakeModalBrandClasses as l, intakeModalCenteredContentClasses as u, intakeModalContentClasses as d, intakeModalFooterClasses as f, intakeModalHeaderClasses as p, intakeModalMarkClasses as m, intakeModalProgressClasses as h, intakeModalRootClasses as g, intakeModalWordmarkClasses as _ } from "./intakeModalStyles.js";
-import { useCallback as v, useEffect as y, useId as b, useRef as x } from "react";
-import { X as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { AnimatePresence as T, motion as E } from "motion/react";
-import { createPortal as D } from "react-dom";
+import { useOverlayLifecycle as a } from "../../../lib/dialogOverlay.js";
+import { intakeModalBodyClasses as o, intakeModalBrandClasses as s, intakeModalCenteredContentClasses as c, intakeModalContentClasses as l, intakeModalFooterClasses as u, intakeModalHeaderClasses as d, intakeModalMarkClasses as f, intakeModalProgressClasses as p, intakeModalRootClasses as m, intakeModalWordmarkClasses as h } from "./intakeModalStyles.js";
+import { useCallback as g, useId as _, useRef as v } from "react";
+import { X as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AnimatePresence as S, motion as C } from "motion/react";
+import { createPortal as w } from "react-dom";
 //#region src/components/organisms/IntakeModal/IntakeModal.tsx
-function O({ open: O, onOpenChange: k, step: A = 1, steps: j = 4, title: M = "Start a project", showProgress: N = !0, hideFooter: P = !1, hideContinue: F = !1, onBack: I, onContinue: L, backDisabled: R = !1, continueDisabled: z = !1, continueLabel: B = "Continue", children: V, className: H }) {
-	let U = b(), W = x(null), G = x(null), K = v(() => {
-		k(!1);
-	}, [k]);
-	return y(() => {
-		if (!O) return;
-		G.current = document.activeElement;
-		let e = o(), t = W.current, n = () => void 0;
-		return t != null && (n = s(t), window.requestAnimationFrame(() => {
-			a(t, "[aria-label=\"Close\"]");
-		})), () => {
-			n(), e(), G.current?.focus?.();
-		};
-	}, [O]), y(() => {
-		if (!O) return;
-		function e(e) {
-			e.key === "Escape" && (e.preventDefault(), K());
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [K, O]), typeof document > "u" ? null : D(/* @__PURE__ */ C(T, { children: O ? /* @__PURE__ */ w(E.div, {
-		ref: W,
-		className: e(g, H),
+function T({ open: T, onOpenChange: E, step: D = 1, steps: O = 4, title: k = "Start a project", showProgress: A = !0, hideFooter: j = !1, hideContinue: M = !1, onBack: N, onContinue: P, backDisabled: F = !1, continueDisabled: I = !1, continueLabel: L = "Continue", dismissOnEscape: R = !0, children: z, className: B }) {
+	let V = _(), H = v(null), U = g(() => {
+		E(!1);
+	}, [E]);
+	return a(H, {
+		open: T,
+		onClose: U,
+		closeOnEscape: R,
+		initialFocus: "[aria-label=\"Close\"]"
+	}), typeof document > "u" ? null : w(/* @__PURE__ */ b(S, { children: T ? /* @__PURE__ */ x(C.div, {
+		ref: H,
+		className: e(m, B),
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-labelledby": U,
+		"aria-labelledby": V,
 		"data-intake-modal": "",
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: t("medium"),
 		children: [
-			/* @__PURE__ */ C("h1", {
-				id: U,
+			/* @__PURE__ */ b("h1", {
+				id: V,
 				className: "sr-only",
-				children: M
+				children: k
 			}),
-			/* @__PURE__ */ w("header", {
-				className: p,
-				children: [/* @__PURE__ */ w("div", {
-					className: l,
-					children: [/* @__PURE__ */ C("span", {
-						className: m,
+			/* @__PURE__ */ x("header", {
+				className: d,
+				children: [/* @__PURE__ */ x("div", {
+					className: s,
+					children: [/* @__PURE__ */ b("span", {
+						className: f,
 						"aria-hidden": !0,
 						children: "WM"
-					}), /* @__PURE__ */ C("span", {
-						className: _,
+					}), /* @__PURE__ */ b("span", {
+						className: h,
 						children: "WhatMatters"
 					})]
-				}), /* @__PURE__ */ C(r, {
-					icon: /* @__PURE__ */ C(S, { strokeWidth: 2 }),
+				}), /* @__PURE__ */ b(r, {
+					icon: /* @__PURE__ */ b(y, { strokeWidth: 2 }),
 					"aria-label": "Close",
 					role: "ghost",
 					size: "md",
-					onClick: K
+					onClick: U
 				})]
 			}),
-			N ? /* @__PURE__ */ C("div", {
-				className: h,
-				children: /* @__PURE__ */ C(i, {
-					step: A,
-					steps: j
+			A ? /* @__PURE__ */ b("div", {
+				className: p,
+				children: /* @__PURE__ */ b(i, {
+					step: D,
+					steps: O
 				})
 			}) : null,
-			/* @__PURE__ */ C("div", {
-				className: c,
-				children: /* @__PURE__ */ C("div", {
-					className: P ? u : d,
-					children: V
+			/* @__PURE__ */ b("div", {
+				className: o,
+				children: /* @__PURE__ */ b("div", {
+					className: j ? c : l,
+					children: z
 				})
 			}),
-			P ? null : /* @__PURE__ */ w("footer", {
-				className: f,
-				children: [/* @__PURE__ */ C(n, {
+			j ? null : /* @__PURE__ */ x("footer", {
+				className: u,
+				children: [/* @__PURE__ */ b(n, {
 					role: "secondary",
 					type: "button",
-					disabled: R,
-					onClick: I,
+					disabled: F,
+					onClick: N,
 					children: "Back"
-				}), F ? null : /* @__PURE__ */ C(n, {
+				}), M ? null : /* @__PURE__ */ b(n, {
 					role: "primary",
 					type: "button",
-					disabled: z,
-					onClick: L,
-					children: B
+					disabled: I,
+					onClick: P,
+					children: L
 				})]
 			})
 		]
 	}) : null }), document.body);
 }
 //#endregion
-export { O as IntakeModal };
+export { T as IntakeModal };