@thewhatmatters/wmds 0.4.34 → 0.4.36

package/CHANGELOG.md

@@ -7,6 +7,47 @@ 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.36
+
+**Colour fixes from building every component in light and dark: fills that vanished, the navy on the dark body, invalid hovers, and a primary Button on a band.**
+
+- **`--color-accent-muted`** (and `--color-secondary`, which reads it): `#ebebeb` light (was the body's `#f8f8f8`), `#363636` dark (was the surface's `#262626`). The selected NavList pill, empty StepProgress segments, secondary Badges and Buttons, the AppShell avatar, Chips, and the Dropdown and Select item hover now show on the body and the surface.
+- **`--color-brand` in dark** is `#5566e0`, the navy's hue lifted (was `#011272`, 1.09:1 on the dark body): 3.58:1 on the body, 3.14:1 on the surface, white on it 4.81:1. The PromptBar send button, the selected SelectableCard border, the filled StepProgress segment, FooterReveal, TextSequence and TextSequenceShape marks now read in dark. **`--color-brand-surface` defaults to `#011272` itself** (it was `var(--color-brand)`), so `tone="inverse"` bands keep the deep navy in dark, and a client's own brand surface still wins.
+- **Dark status hovers:** `--color-{error,success,warning,info}-hover` mixed `108%` with white, which is invalid, so the browser dropped them. They're `88%` with white now, the same lift as the primary.
+- **Primary on a field band:** inside `tone="field"`, `--color-primary` inverts to the field's ink with the field colour as its label (Randy, 2026-10-29). A primary Button on a field band was the band's own colour, since the field defaults to the primary. Inverse bands are unchanged (they take the dark, or the client's dark, primary).
+- **Type scale metadata:** `astryxTypeScale` lists display line heights 1.05 / 1.1 / 1.15, matching typography.css (it said 1.15 / 1.2 / 1.24).
+- **FooterReveal.Ruled** in dark keeps the deep navy ink on its white field.
+- Tests: no `color-mix` above 100%; the secondary fill separates from body and surface in both themes; the dark brand's contrast; the field primary inversion; the type metadata matches the CSS.
+
+### Consumer actions
+
+- None required. Look at dark mode where you use `bg-brand` / `text-brand` as a large field: it's the lighter `#5566e0` now. Use `--color-brand-surface` (or a `tone="inverse"` Band) for a deep navy section in dark.
+- If your brand stylesheet sets `--color-brand` for dark, keep it at 3:1 or more on `--color-background-body` and white at 4.5:1 or more on it.
+
+## 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/colors.css

@@ -28,7 +28,12 @@
 
   /* Accent (neutral UI chrome — not brand) */
   --color-accent: #262626;
-  --color-accent-muted: #f8f8f8;
+  /*
+   * `--color-secondary` (selected pills, empty progress segments, secondary badges, item hover).
+   * It must differ from both the body (#f8f8f8) and the surface (#fff), or those fills vanish:
+   * #ebebeb is 1.12:1 on the body and 1.19:1 on the surface.
+   */
+  --color-accent-muted: #ebebeb;
   --color-on-accent: #ffffff;
 
   /* Overlays & neutral fills */
@@ -114,7 +119,8 @@
    * - field: a saturated section colour (`tone="field"`). Default: the primary.
    * `*-muted` is the secondary text step on that colour; it must clear 4.5:1 too.
    */
-  --color-brand-surface: var(--color-brand);
+  /* The navy itself, not var(--color-brand): the dark brand is lifted for dark grounds, and a dark section stays deep. */
+  --color-brand-surface: #011272;
   --color-on-brand-surface: var(--color-on-brand);
   --color-field: var(--color-primary);
   --color-on-field: var(--color-on-primary);
@@ -189,7 +195,8 @@
   --color-text-accent: #ebebeb;
 
   --color-accent: #ebebeb;
-  --color-accent-muted: #262626;
+  /* Off the body (#1b1b1b, 1.43:1) and the surface (#262626, 1.26:1), so fills and item hover show on both. */
+  --color-accent-muted: #363636;
   --color-on-accent: #171717;
 
   --color-neutral: #ffffff1a;
@@ -226,11 +233,11 @@
   --color-on-primary: #fafaf8;
 
   /*
-   * The field stays #011272. That navy on #1b1b1b is 1.09:1 and on #262626 is 1.04:1,
-   * so it cannot be the hand outline. `--color-brand-outline` is 45% navy / 55% white
-   * (about #8d94c0): 5.1:1 on #262626 and 5.8:1 on #1b1b1b.
+   * #011272 on #1b1b1b is 1.09:1, so the dark brand is the same navy hue lifted to #5566e0:
+   * 3.58:1 on the body and 3.14:1 on the surface (marks, borders, fills), and white on it is 4.81:1
+   * (send button, selected pill). Inverse bands keep the deep navy (`--color-brand-surface` is #011272 on :root).
    */
-  --color-brand: #011272;
+  --color-brand: #5566e0;
   --color-on-brand: #ffffff;
   --color-brand-outline: color-mix(in srgb, var(--color-brand) 45%, white);
   --color-brand-soft: color-mix(in srgb, var(--color-on-brand) 40%, var(--color-brand));
@@ -338,7 +345,15 @@
   /* Default: the ink itself, since a lighter step on a mid-tone field would fall under 4.5:1. */
   --tone-muted: var(--color-on-field-muted, var(--color-on-field));
   /* A tinted card would pull a mid-tone field under 4.5:1, so cards sit flat on the field. */
-  --tone-raised: var(--tone-bg);
+  --tone-raised: var(--tone-bg);  /*
+   * The field defaults to the primary, so a primary Button would vanish into it. On a field the primary
+   * inverts: the field's ink as the fill, the field colour as the label (Randy, 2026-10-29).
+   * Inverse bands keep the primary: they carry data-theme="dark", so it takes the dark (or client's dark) value.
+   */
+  --color-primary: var(--tone-fg);
+  --color-on-primary: var(--tone-bg);
+  --color-primary-hover: color-mix(in srgb, var(--tone-fg) 88%, var(--tone-bg));
+  --color-primary-active: color-mix(in srgb, var(--tone-fg) 80%, var(--tone-bg));
 }
 
 [data-tone="inverse"],

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

@@ -1,15 +1,19 @@
 /**
- * Brand colors for the intake burst. `--color-brand` is #011272 in both themes.
+ * Brand colors for the intake burst. `--color-brand` is #011272 (light) and #5566e0 (dark).
  * Passed to the existing Confetti `colors` option — not a second palette token.
  */
 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"}