@thewhatmatters/wmds 0.4.34 → 0.4.35

package/CHANGELOG.md

@@ -7,6 +7,30 @@ Every release of `@thewhatmatters/wmds` is listed here, newest first.
 - **Pasted patterns:** when a release changes a **Pattern — …** story's Show code, it is named under Consumer actions so apps re-copy it.
 - **How to add an entry** (contributors): add your change to the top entry. If that version is already on npm (`npm view @thewhatmatters/wmds versions`), start a new entry above it and bump `version` in `package.json` to match. `npm run check:changelog` enforces the format.
 
+## 0.4.35
+
+**Contact and booking forms: two steps, booking after the request, a way out above the calendar, and nothing lost on close.**
+
+- **IntakeModal** (Contact and booking forms T7, T9):
+  - Two steps by default (`steps` was 4): details, then the optional booking. The confirmation isn't counted.
+  - New `hasAnswers`: with typed answers, Close and Escape ask "Discard your answers?" (Keep editing, focused / Discard).
+  - New **useIntakeUrlState**: keeps `?sketch` in the URL while the modal is open. The link can be shared, a refresh reopens it, and Back closes it.
+- **CalEmbed** (T8): the "Skip, just email me" link sits **above** the calendar, so on a phone it's visible without scrolling past the month. With no embed (not set up, or it failed), the email route shows inside the empty state straight away.
+- **CalEmbed stories:** "Pattern — skip in footer" is replaced by **Pattern — skip above the calendar** (`CalEmbed.Skip` in `Card.Header`). The pasted pattern id changes, so `wmds-check` reports `pattern-removed` for copies of the old one: move the skip above the calendar.
+- **IntakeConfirmation** (T2, T3): one "what happens next and when" sentence: `email` and `replyWithin` (default "within one business day") give "We'll email you at {email} within one business day with a few times that fit."; the booked variant names `bookingTime` in it. `summary` shows as "You told us: “…”". Then `contact`, then Done. New export `intakeConfirmationReplyWithin`.
+- **IntakeModal**: no Back on step 1; the WM mark and wordmark take the ink in dark mode (navy on near-black failed 3:1).
+- **IntakeHoneypot** and `isIntakeHoneypotFilled` (new, T4): a spam trap people never see or reach (`aria-hidden`, `tabindex="-1"`, no autofill). Drop requests where it's filled, on the server, with rate limits. No CAPTCHA.
+- Stories **Components/IntakeModal → Pattern — sketch request** (details → optional booking → confirmation; "Send my request"; reply time under the form; contact details on the confirmation) and **Pattern — send failed** (answers kept, Try again, email route; T5, T6). Interaction tests cover the URL, the discard question, both steps, Back keeping answers, the skip above the calendar, the failure and the honeypot.
+
+### Consumer actions
+
+- Pass `steps={2}` or drop `steps`, and move the booking after the details are sent.
+- Pass `hasAnswers` while the visitor has typed something, and keep answers in your state.
+- Open the modal with `useIntakeUrlState`, and give the form its own page too (see wmds-patterns Contact — Sketch Page).
+- Add **IntakeHoneypot** and check it on the server.
+- On the confirmation, pass `summary` and `contact`. Pass `email` so the sentence names it, and change `replyWithin` if one business day isn't true for you.
+- If you placed `CalEmbed.Skip` after the calendar (for example in `Card.Footer`), move it to `Card.Header`, above the calendar.
+
 ## 0.4.34
 
 **Required and optional fields: mark the exception, read the badge with the field, never on autofill. Field width and form layout: widths that hint at the answer, a State select, side labels only on wide screens, and counters that don't cut text. Dropdowns, radios and checkboxes: a native Select for forms, bigger boxes with visible borders, and errors on Continue.**

package/dist/components/molecules/CalEmbed/CalEmbed.d.ts

@@ -4,7 +4,7 @@ export type CalEmbedLayoutClassName = string;
 export declare const calEmbedSkipHref = "#email";
 export declare const calEmbedSkipLabel = "Skip, just email me";
 export declare const calEmbedEmptyTitle = "Booking isn\u2019t available right now";
-export declare const calEmbedEmptyDescription = "Skip this step and we\u2019ll follow up by email.";
+export declare const calEmbedEmptyDescription = "We\u2019ll follow up by email with a few times instead.";
 export interface CalEmbedSkipProps {
     /** Skip destination. Default `#email`. */
     skipHref?: string;
@@ -26,10 +26,10 @@ export interface CalEmbedProps {
     /** Empty-state supporting line. Default points visitors at the skip. */
     emptyDescription?: ReactNode;
     /**
-     * Skip slot. Omit to render the default **TextLink** after the frame.
-     * Pass `false` or **CalEmbed.Skip** when you place the skip yourself
-     * (typically **Card.Footer**). CalEmbed does not render an in-body skip
-     * when this slot is used.
+     * Skip slot. Omit to render the default **TextLink** above the frame (or inside the empty state).
+     * Pass `false` or **CalEmbed.Skip** when you place the skip yourself. Keep it visible without
+     * scrolling past the calendar at 390 (T8): above the frame or in a pinned footer, not after a month
+     * grid. CalEmbed does not render an in-body skip when this slot is used.
      */
     skip?: ReactNode | false;
     /** Skip destination when the in-body skip is shown. Default `#email`. */
@@ -41,7 +41,7 @@ export interface CalEmbedProps {
     className?: CalEmbedLayoutClassName;
 }
 /**
- * Same **TextLink** CalEmbed uses after the frame. Place it in **Card.Footer**
+ * Same **TextLink** CalEmbed uses above the frame. Place it in **Card.Header** (above the calendar, T8)
  * and pass `skip={false}` (or `skip={<CalEmbed.Skip />}`) so the in-body link is omitted.
  */
 export declare function CalEmbedSkip({ skipHref, skipLabel, onSkip, className, }: CalEmbedSkipProps): import("react").JSX.Element;

package/dist/components/molecules/CalEmbed/CalEmbed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalEmbed.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CalEmbed/CalEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAUnD,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,kBAAkB,2CAAsC,CAAC;AACtE,eAAO,MAAM,wBAAwB,sDAAiD,CAAC;AAEvF,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAcD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAA2B,EAC3B,SAA6B,EAC7B,MAAM,EACN,SAAS,GACV,EAAE,iBAAiB,+BAWnB;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,UAA+B,EAC/B,gBAA2C,EAC3C,IAAI,EACJ,QAA2B,EAC3B,SAA6B,EAC7B,MAAM,EACN,SAAS,GACV,EAAE,aAAa,+BAkBf;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"CalEmbed.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CalEmbed/CalEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAUnD,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,kBAAkB,2CAAsC,CAAC;AACtE,eAAO,MAAM,wBAAwB,4DAAuD,CAAC;AAE7F,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAcD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAA2B,EAC3B,SAA6B,EAC7B,MAAM,EACN,SAAS,GACV,EAAE,iBAAiB,+BAWnB;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,UAA+B,EAC/B,gBAA2C,EAC3C,IAAI,EACJ,QAA2B,EAC3B,SAA6B,EAC7B,MAAM,EACN,SAAS,GACV,EAAE,aAAa,+BAsBf;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/molecules/CalEmbed/CalEmbed.js

@@ -5,7 +5,7 @@ import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
 import { calEmbedClasses as r, calEmbedEmptyClasses as i, calEmbedFrameClasses as a } from "./calEmbedStyles.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/molecules/CalEmbed/CalEmbed.tsx
-var c = "#email", l = "Skip, just email me", u = "Booking isn’t available right now", d = "Skip this step and we’ll follow up by email.";
+var c = "#email", l = "Skip, just email me", u = "Booking isn’t available right now", d = "We’ll follow up by email with a few times instead.";
 function f(e) {
 	return e != null && e !== !1 && e !== "";
 }
@@ -22,27 +22,32 @@ function m({ skipHref: e = c, skipLabel: t = l, onSkip: r, className: i }) {
 	});
 }
 function h({ children: n, emptyTitle: p = u, emptyDescription: h = d, skip: g, skipHref: _ = c, skipLabel: v = l, onSkip: y, className: b }) {
+	let x = f(n), S = g === void 0 ? /* @__PURE__ */ o(m, {
+		skipHref: _,
+		skipLabel: v,
+		onSkip: y
+	}) : null;
 	return /* @__PURE__ */ s("div", {
 		className: e(r, b),
 		"data-cal-embed": "",
-		children: [/* @__PURE__ */ o("div", {
+		children: [x ? S : null, /* @__PURE__ */ o("div", {
 			className: a,
-			children: f(n) ? n : /* @__PURE__ */ s("div", {
+			children: x ? n : /* @__PURE__ */ s("div", {
 				className: i,
 				"data-cal-embed-empty": "",
-				children: [/* @__PURE__ */ o("p", {
-					className: t("subheading"),
-					children: p
-				}), /* @__PURE__ */ o("p", {
-					className: e(t("caption"), "text-muted"),
-					children: h
-				})]
+				children: [
+					/* @__PURE__ */ o("p", {
+						className: t("subheading"),
+						children: p
+					}),
+					/* @__PURE__ */ o("p", {
+						className: e(t("caption"), "text-muted"),
+						children: h
+					}),
+					S
+				]
 			})
-		}), g === void 0 ? /* @__PURE__ */ o(m, {
-			skipHref: _,
-			skipLabel: v,
-			onSkip: y
-		}) : null]
+		})]
 	});
 }
 var g = Object.assign(h, { Skip: m });

package/dist/components/molecules/IntakeForm/IntakeHoneypot.d.ts

@@ -0,0 +1,17 @@
+/** Props for **IntakeHoneypot**. */
+export interface IntakeHoneypotProps {
+    /** Field name the server checks. Default `fax`: plausible to a bot, never a real question here. */
+    name?: string;
+    value: string;
+    onChange: (value: string) => void;
+}
+/**
+ * Contact and booking forms T4: spam checks without a puzzle. A field people never see or reach, hidden
+ * from screen readers too (`aria-hidden`, `tabindex="-1"`, no autofill), that bots fill in. Drop any
+ * request where it has a value, on the server, alongside rate limits and a time-to-submit check. Never
+ * a CAPTCHA.
+ */
+export declare function IntakeHoneypot({ name, value, onChange }: IntakeHoneypotProps): import("react").JSX.Element;
+/** True when the honeypot was filled: treat the request as spam (check this on the server too). */
+export declare function isIntakeHoneypotFilled(value: string | null | undefined): boolean;
+//# sourceMappingURL=IntakeHoneypot.d.ts.map

package/dist/components/molecules/IntakeForm/IntakeHoneypot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntakeHoneypot.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IntakeForm/IntakeHoneypot.tsx"],"names":[],"mappings":"AAEA,oCAAoC;AACpC,MAAM,WAAW,mBAAmB;IAClC,mGAAmG;IACnG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAgBpF;AAED,mGAAmG;AACnG,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAEhF"}

package/dist/components/molecules/IntakeForm/IntakeHoneypot.js

@@ -0,0 +1,29 @@
+"use client";
+import { useId as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/molecules/IntakeForm/IntakeHoneypot.tsx
+function r({ name: r = "fax", value: i, onChange: a }) {
+	let o = e();
+	return /* @__PURE__ */ n("div", {
+		"aria-hidden": "true",
+		className: "absolute -left-[9999px] size-px overflow-hidden",
+		"data-intake-honeypot": "",
+		children: [/* @__PURE__ */ t("label", {
+			htmlFor: o,
+			children: "Leave this empty"
+		}), /* @__PURE__ */ t("input", {
+			id: o,
+			name: r,
+			type: "text",
+			tabIndex: -1,
+			autoComplete: "off",
+			value: i,
+			onChange: (e) => a(e.target.value)
+		})]
+	});
+}
+function i(e) {
+	return (e ?? "").trim().length > 0;
+}
+//#endregion
+export { r as IntakeHoneypot, i as isIntakeHoneypotFilled };

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

@@ -1,5 +1,6 @@
+import type { ReactNode } from "react";
 import { type IntakeConfirmationVariant } from "./intakeConfirmationStyles";
-export { intakeConfirmationCopy, intakeConfirmationVariants, intakeConfettiColors, type IntakeConfirmationVariant, } from "./intakeConfirmationStyles";
+export { intakeConfirmationCopy, intakeConfirmationReplyWithin, intakeConfirmationVariants, intakeConfettiColors, type IntakeConfirmationVariant, } from "./intakeConfirmationStyles";
 /** Layout-only — width or margin. */
 export type IntakeConfirmationLayoutClassName = string;
 export interface IntakeConfirmationProps {
@@ -21,6 +22,17 @@ export interface IntakeConfirmationProps {
     icsHref?: string;
     /** Label for the `.ics` action. Default `Download .ics`. */
     icsLabel?: string;
+    /** Where we'll reply (`emailed`): "We'll email you at {email} …". */
+    email?: string;
+    /**
+     * When we'll reply (Contact and booking forms T3), part of the one "what happens next" sentence. Default
+     * "within one business day". Never promise what you don't keep.
+     */
+    replyWithin?: string;
+    /** What we got: a short recap of their request, shown as "You told us: “…”" (e.g. "A new site before spring"). */
+    summary?: ReactNode;
+    /** How to reach us meanwhile: phone, email, hours (T1, T3). */
+    contact?: ReactNode;
     className?: IntakeConfirmationLayoutClassName;
 }
 /**
@@ -29,5 +41,5 @@ export interface IntakeConfirmationProps {
  * Optional booking actions reuse **TextLink** and **Button** — no new confirmation style.
  * Mount **ConfettiProvider** above this component.
  */
-export declare function IntakeConfirmation({ variant, onDone, bookingTime, videoHref, videoLabel, googleCalendarHref, googleCalendarLabel, icsHref, icsLabel, className, }: IntakeConfirmationProps): import("react").JSX.Element;
+export declare function IntakeConfirmation({ variant, onDone, bookingTime, videoHref, videoLabel, googleCalendarHref, googleCalendarLabel, icsHref, icsLabel, email, replyWithin, summary, contact, className, }: IntakeConfirmationProps): import("react").JSX.Element;
 //# sourceMappingURL=IntakeConfirmation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IntakeConfirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeConfirmation/IntakeConfirmation.tsx"],"names":[],"mappings":"AAOA,OAAO,EAQL,KAAK,yBAAyB,EAC/B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,4BAA4B,CAAC;AAEpC,qCAAqC;AACrC,MAAM,MAAM,iCAAiC,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,wEAAwE;IACxE,OAAO,EAAE,yBAAyB,CAAC;IACnC,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,iCAAiC,CAAC;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,EACT,UAA8B,EAC9B,kBAAkB,EAClB,mBAA8C,EAC9C,OAAO,EACP,QAA0B,EAC1B,SAAS,GACV,EAAE,uBAAuB,+BA0DzB"}
+{"version":3,"file":"IntakeConfirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeConfirmation/IntakeConfirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EASL,KAAK,yBAAyB,EAC/B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,4BAA4B,CAAC;AAEpC,qCAAqC;AACrC,MAAM,MAAM,iCAAiC,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,wEAAwE;IACxE,OAAO,EAAE,yBAAyB,CAAC;IACnC,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kHAAkH;IAClH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,iCAAiC,CAAC;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,EACT,UAA8B,EAC9B,kBAAkB,EAClB,mBAA8C,EAC9C,OAAO,EACP,QAA0B,EAC1B,KAAK,EACL,WAA2C,EAC3C,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,+BAmEzB"}

package/dist/components/organisms/IntakeConfirmation/IntakeConfirmation.js

@@ -5,11 +5,11 @@ import { Badge as t } from "../../atoms/Badge/Badge.js";
 import { Button as n } from "../../atoms/Button/Button.js";
 import { TextLink as r } from "../../atoms/TextLink/TextLink.js";
 import { useConfettiOnMount as i } from "../Confetti/Confetti.js";
-import { intakeConfettiColors as a, intakeConfirmationActionsClasses as o, intakeConfirmationBodyClasses as s, intakeConfirmationClasses as c, intakeConfirmationCopy as l, intakeConfirmationMetaClasses as u, intakeConfirmationTitleClasses as d, intakeConfirmationVariants as f } from "./intakeConfirmationStyles.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { intakeConfettiColors as a, intakeConfirmationActionsClasses as o, intakeConfirmationBodyClasses as s, intakeConfirmationClasses as c, intakeConfirmationCopy as l, intakeConfirmationMetaClasses as u, intakeConfirmationReplyWithin as d, intakeConfirmationTitleClasses as f, intakeConfirmationVariants as p } from "./intakeConfirmationStyles.js";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/organisms/IntakeConfirmation/IntakeConfirmation.tsx
-function h({ variant: f, onDone: h, bookingTime: g, videoHref: _, videoLabel: v = "Join video call", googleCalendarHref: y, googleCalendarLabel: b = "Add to Google Calendar", icsHref: x, icsLabel: S = "Download .ics", className: C }) {
-	let w = l[f], T = g != null || _ != null || y != null || x != null;
+function g({ variant: p, onDone: g, bookingTime: _, videoHref: v, videoLabel: y = "Join video call", googleCalendarHref: b, googleCalendarLabel: x = "Add to Google Calendar", icsHref: S, icsLabel: C = "Download .ics", email: w, replyWithin: T = d, summary: E, contact: D, className: O }) {
+	let k = l[p], A = p === "emailed" ? `We'll email you${w ? ` at ${w}` : ""} ${T} with a few times that fit.` : _ == null ? k.body : `We'll see you on ${_}, and we'll email a short note before so you know what to bring.`, j = v != null || b != null || S != null;
 	return i({
 		particleCount: 90,
 		spread: 180,
@@ -19,59 +19,64 @@ function h({ variant: f, onDone: h, bookingTime: g, videoHref: _, videoLabel: v
 			x: typeof window > "u" ? 0 : window.innerWidth / 2,
 			y: 0
 		}
-	}), /* @__PURE__ */ m("div", {
-		className: e(c, C),
-		"data-intake-confirmation": f,
+	}), /* @__PURE__ */ h("div", {
+		className: e(c, O),
+		"data-intake-confirmation": p,
 		children: [
-			/* @__PURE__ */ p(t, {
-				variant: f === "booked" ? "neutral" : "info",
+			/* @__PURE__ */ m(t, {
+				variant: p === "booked" ? "neutral" : "info",
 				emphasis: "muted",
-				children: w.badge
+				children: k.badge
 			}),
-			/* @__PURE__ */ p("h2", {
-				className: d,
-				children: w.title
+			/* @__PURE__ */ m("h2", {
+				className: f,
+				children: k.title
 			}),
-			/* @__PURE__ */ p("p", {
+			/* @__PURE__ */ m("p", {
 				className: s,
-				children: w.body
+				children: A
 			}),
-			T ? /* @__PURE__ */ m("div", {
+			E == null ? null : /* @__PURE__ */ h("p", {
+				className: u,
+				"data-intake-summary": "",
+				children: ["You told us: ", /* @__PURE__ */ m("q", { children: E })]
+			}),
+			j ? /* @__PURE__ */ h("div", {
 				className: o,
 				children: [
-					g == null ? null : /* @__PURE__ */ p("p", {
-						className: u,
-						children: g
-					}),
-					_ == null ? null : /* @__PURE__ */ p(r, {
-						href: _,
+					v == null ? null : /* @__PURE__ */ m(r, {
+						href: v,
 						external: !0,
-						children: v
+						children: y
 					}),
-					y == null ? null : /* @__PURE__ */ p(r, {
-						href: y,
+					b == null ? null : /* @__PURE__ */ m(r, {
+						href: b,
 						external: !0,
-						children: b
+						children: x
 					}),
-					x == null ? null : /* @__PURE__ */ p(n, {
+					S == null ? null : /* @__PURE__ */ m(n, {
 						role: "secondary",
 						size: "md",
-						render: /* @__PURE__ */ p("a", {
-							href: x,
+						render: /* @__PURE__ */ m("a", {
+							href: S,
 							download: !0
 						}),
-						children: S
+						children: C
 					})
 				]
 			}) : null,
-			h == null ? null : /* @__PURE__ */ p(n, {
+			D == null ? null : /* @__PURE__ */ m("div", {
+				className: u,
+				children: D
+			}),
+			g == null ? null : /* @__PURE__ */ m(n, {
 				role: "primary",
 				type: "button",
-				onClick: h,
+				onClick: g,
 				children: "Done"
 			})
 		]
 	});
 }
 //#endregion
-export { h as IntakeConfirmation, a as intakeConfettiColors, l as intakeConfirmationCopy, f as intakeConfirmationVariants };
+export { g as IntakeConfirmation, a as intakeConfettiColors, l as intakeConfirmationCopy, d as intakeConfirmationReplyWithin, p as intakeConfirmationVariants };

package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts

@@ -5,11 +5,15 @@
 export declare const intakeConfettiColors: readonly ["var(--color-brand)", "var(--color-brand-soft)", "var(--color-primary)", "var(--color-info-muted)", "var(--color-accent)", "var(--color-chart-categorical-1)", "var(--color-chart-categorical-4)"];
 export declare const intakeConfirmationVariants: readonly ["booked", "emailed"];
 export type IntakeConfirmationVariant = (typeof intakeConfirmationVariants)[number];
+/** T2, T3: when the reply comes. Keep it true for your team. */
+/** When we reply, inside the confirmation's one "what happens next" sentence (T3). */
+export declare const intakeConfirmationReplyWithin = "within one business day";
 export declare const intakeConfirmationCopy: Record<IntakeConfirmationVariant, {
     badge: string;
     title: string;
     body: string;
 }>;
+/** Left on phones, where the next-step sentence with an email runs 3 lines; centred from md (Headings H8). */
 export declare const intakeConfirmationClasses: string;
 /** Existing display-2 — the confirmation headline, larger than the step titles. */
 export declare const intakeConfirmationTitleClasses = "type-display-2 text-balance text-fg";
@@ -19,5 +23,5 @@ export declare const intakeConfirmationBodyClasses = "type-large max-w-2xl text-
 /** Booked time under the body — supporting muted type. */
 export declare const intakeConfirmationMetaClasses = "type-body text-balance text-muted";
 /** Optional booking actions — **TextLink** / **Button** stack, same center column. */
-export declare const intakeConfirmationActionsClasses = "flex w-full max-w-md flex-col items-center gap-3";
+export declare const intakeConfirmationActionsClasses = "flex w-full max-w-md flex-col items-start gap-3 md:items-center";
 //# sourceMappingURL=intakeConfirmationStyles.d.ts.map

package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"intakeConfirmationStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeConfirmation/intakeConfirmationStyles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,8MAQvB,CAAC;AAEX,eAAO,MAAM,0BAA0B,gCAAiC,CAAC;AAEzE,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,yBAAyB,EACzB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAY/C,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAErC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AAEpF,yEAAyE;AACzE,6EAA6E;AAC7E,eAAO,MAAM,6BAA6B,8CAA8C,CAAC;AAEzF,0DAA0D;AAC1D,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AAEjF,sFAAsF;AACtF,eAAO,MAAM,gCAAgC,qDACO,CAAC"}
+{"version":3,"file":"intakeConfirmationStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeConfirmation/intakeConfirmationStyles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,8MAQvB,CAAC;AAEX,eAAO,MAAM,0BAA0B,gCAAiC,CAAC;AAEzE,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpF,gEAAgE;AAChE,sFAAsF;AACtF,eAAO,MAAM,6BAA6B,4BAA4B,CAAC;AAEvE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,yBAAyB,EACzB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAY/C,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,QAErC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AAEpF,yEAAyE;AACzE,6EAA6E;AAC7E,eAAO,MAAM,6BAA6B,8CAA8C,CAAC;AAEzF,0DAA0D;AAC1D,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AAEjF,sFAAsF;AACtF,eAAO,MAAM,gCAAgC,oEACsB,CAAC"}

package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.js

@@ -9,7 +9,7 @@ var t = [
 	"var(--color-accent)",
 	"var(--color-chart-categorical-1)",
 	"var(--color-chart-categorical-4)"
-], n = ["booked", "emailed"], r = {
+], n = ["booked", "emailed"], r = "within one business day", i = {
 	booked: {
 		badge: "Booked",
 		title: "You're booked",
@@ -20,6 +20,6 @@ var t = [
 		title: "We'll be in touch",
 		body: "No calendar needed. We'll reply by email with a few times that fit."
 	}
-}, i = e("flex w-full max-w-3xl flex-col items-center gap-8 text-center"), a = "type-display-2 text-balance text-fg", o = "type-large max-w-2xl text-balance text-fg", s = "type-body text-balance text-muted", c = "flex w-full max-w-md flex-col items-center gap-3";
+}, a = e("flex w-full max-w-3xl flex-col items-start gap-8 text-left md:items-center md:text-center"), o = "type-display-2 text-balance text-fg", s = "type-large max-w-2xl text-balance text-fg", c = "type-body text-balance text-muted", l = "flex w-full max-w-md flex-col items-start gap-3 md:items-center";
 //#endregion
-export { t as intakeConfettiColors, c as intakeConfirmationActionsClasses, o as intakeConfirmationBodyClasses, i as intakeConfirmationClasses, r as intakeConfirmationCopy, s as intakeConfirmationMetaClasses, a as intakeConfirmationTitleClasses, n as intakeConfirmationVariants };
+export { t as intakeConfettiColors, l as intakeConfirmationActionsClasses, s as intakeConfirmationBodyClasses, a as intakeConfirmationClasses, i as intakeConfirmationCopy, c as intakeConfirmationMetaClasses, r as intakeConfirmationReplyWithin, o as intakeConfirmationTitleClasses, n as intakeConfirmationVariants };

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

@@ -6,7 +6,10 @@ export interface IntakeModalProps {
     onOpenChange: (open: boolean) => void;
     /** Current step, 1-based. Shown when `showProgress` is set. */
     step?: number;
-    /** Segment count. Default 4. */
+    /**
+     * Segment count. Default 2: details, then the optional booking; the confirmation isn't counted
+     * (Contact and booking forms T7: at most 3 steps, and only when a later step depends on earlier ones).
+     */
     steps?: number;
     /** Accessible name. Default `Start a project`. */
     title?: string;
@@ -29,6 +32,12 @@ export interface IntakeModalProps {
      * (the Close button still closes). Default `true`.
      */
     dismissOnEscape?: boolean;
+    /**
+     * The visitor has typed answers. Close and Escape then ask "Discard your answers?" before closing
+     * (Contact and booking forms T9). Keep the answers in the caller's state, so an accidental close
+     * that's undone, or reopening, finds them still there.
+     */
+    hasAnswers?: boolean;
     children?: ReactNode;
     className?: IntakeModalLayoutClassName;
 }
@@ -37,5 +46,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, dismissOnEscape, 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, hasAnswers, 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,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;;OAEG;IACH,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,sCA8FlB"}
+{"version":3,"file":"IntakeModal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeModal/IntakeModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBxF,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;;;OAGG;IACH,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;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,UAAkB,EAClB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,sCAqIlB"}

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

@@ -1,96 +1,128 @@
 "use client";
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-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 { 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";
+import { typographyClass as t } from "../../../lib/typography.js";
+import { motionTransitionProp as n } from "../../../lib/motion.js";
+import { Button as r } from "../../atoms/Button/Button.js";
+import { IconButton as i } from "../../atoms/IconButton/IconButton.js";
+import { StepProgress as a } from "../../molecules/StepProgress/StepProgress.js";
+import { useOverlayLifecycle as o } from "../../../lib/dialogOverlay.js";
+import { intakeModalBodyClasses as s, intakeModalBrandClasses as c, intakeModalCenteredContentClasses as l, intakeModalContentClasses as u, intakeModalFooterClasses as d, intakeModalHeaderClasses as f, intakeModalMarkClasses as p, intakeModalProgressClasses as m, intakeModalRootClasses as h, intakeModalWordmarkClasses as g } from "./intakeModalStyles.js";
+import { useCallback as _, useEffect as v, useId as y, useRef as b, useState 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";
 //#region src/components/organisms/IntakeModal/IntakeModal.tsx
-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,
+function O({ open: O, onOpenChange: k, step: A = 1, steps: j = 2, 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", dismissOnEscape: V = !0, hasAnswers: H = !1, children: U, className: W }) {
+	let G = y(), K = b(null), q = y(), J = b(null), [Y, X] = x(!1), Z = _(() => {
+		X(!1), k(!1);
+	}, [k]), Q = _(() => {
+		H ? X(!0) : Z();
+	}, [H, Z]);
+	return v(() => {
+		Y && J.current?.focus();
+	}, [Y]), v(() => {
+		O || X(!1);
+	}, [O]), o(K, {
+		open: O,
+		onClose: Q,
+		closeOnEscape: V,
 		initialFocus: "[aria-label=\"Close\"]"
-	}), typeof document > "u" ? null : w(/* @__PURE__ */ b(S, { children: T ? /* @__PURE__ */ x(C.div, {
-		ref: H,
-		className: e(m, B),
+	}), typeof document > "u" ? null : D(/* @__PURE__ */ C(T, { children: O ? /* @__PURE__ */ w(E.div, {
+		ref: K,
+		className: e(h, W),
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-labelledby": V,
+		"aria-labelledby": G,
 		"data-intake-modal": "",
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		transition: t("medium"),
+		transition: n("medium"),
 		children: [
-			/* @__PURE__ */ b("h1", {
-				id: V,
+			/* @__PURE__ */ C("h1", {
+				id: G,
 				className: "sr-only",
-				children: k
+				children: M
 			}),
-			/* @__PURE__ */ x("header", {
-				className: d,
-				children: [/* @__PURE__ */ x("div", {
-					className: s,
-					children: [/* @__PURE__ */ b("span", {
-						className: f,
+			/* @__PURE__ */ w("header", {
+				className: f,
+				children: [/* @__PURE__ */ w("div", {
+					className: c,
+					children: [/* @__PURE__ */ C("span", {
+						className: p,
 						"aria-hidden": !0,
 						children: "WM"
-					}), /* @__PURE__ */ b("span", {
-						className: h,
+					}), /* @__PURE__ */ C("span", {
+						className: g,
 						children: "WhatMatters"
 					})]
-				}), /* @__PURE__ */ b(r, {
-					icon: /* @__PURE__ */ b(y, { strokeWidth: 2 }),
+				}), /* @__PURE__ */ C(i, {
+					icon: /* @__PURE__ */ C(S, { strokeWidth: 2 }),
 					"aria-label": "Close",
 					role: "ghost",
 					size: "md",
-					onClick: U
+					onClick: Q
 				})]
 			}),
-			A ? /* @__PURE__ */ b("div", {
-				className: p,
-				children: /* @__PURE__ */ b(i, {
-					step: D,
-					steps: O
+			N ? /* @__PURE__ */ C("div", {
+				className: m,
+				children: /* @__PURE__ */ C(a, {
+					step: A,
+					steps: j
 				})
 			}) : null,
-			/* @__PURE__ */ b("div", {
-				className: o,
-				children: /* @__PURE__ */ b("div", {
-					className: j ? c : l,
-					children: z
+			/* @__PURE__ */ C("div", {
+				className: s,
+				children: /* @__PURE__ */ C("div", {
+					className: P ? l : u,
+					children: U
 				})
 			}),
-			j ? null : /* @__PURE__ */ x("footer", {
-				className: u,
-				children: [M ? null : /* @__PURE__ */ b(n, {
+			Y ? /* @__PURE__ */ w("footer", {
+				className: e(d, "flex-wrap"),
+				role: "alertdialog",
+				"aria-labelledby": q,
+				"data-intake-discard": "",
+				children: [
+					/* @__PURE__ */ C("p", {
+						id: q,
+						className: e(t("ui-label"), "basis-full text-fg md:basis-auto"),
+						children: "Discard your answers?"
+					}),
+					/* @__PURE__ */ C(r, {
+						ref: J,
+						role: "primary",
+						type: "button",
+						onClick: () => X(!1),
+						children: "Keep editing"
+					}),
+					/* @__PURE__ */ C(r, {
+						role: "ghost",
+						type: "button",
+						onClick: Z,
+						children: "Discard"
+					})
+				]
+			}) : P ? null : /* @__PURE__ */ w("footer", {
+				className: d,
+				children: [F ? null : /* @__PURE__ */ C(r, {
 					role: "primary",
 					type: "button",
-					disabled: I,
-					onClick: P,
-					children: L
-				}), /* @__PURE__ */ b(n, {
+					disabled: z,
+					onClick: L,
+					children: B
+				}), A > 1 ? /* @__PURE__ */ C(r, {
 					role: "ghost",
 					type: "button",
-					disabled: F,
-					onClick: N,
+					disabled: R,
+					onClick: I,
 					children: "Back"
-				})]
+				}) : null]
 			})
 		]
 	}) : null }), document.body);
 }
 //#endregion
-export { T as IntakeModal };
+export { O as IntakeModal };