@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/HeroTileStack/heroTileScatter.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Pointer scatter for HeroTileStack.
+ *
+ * Position pushes along x only: each card moves away from the pointer's x,
+ * with distance falloff scaled by `strength`. A still pointer does not
+ * offset y. Vertical travel is a separate, clamped mapping from pointer
+ * velocity (`heroTileVelocityY`) so a flick lifts the fan and the position
+ * spring returns it when the pointer slows.
+ */
+export declare const heroTileStackDefaultFalloff = 150;
+/**
+ * Edge length the default `strength`, `falloff`, and `maxVertical` were tuned
+ * against. Scatter px scale by measured tile width / this value, so a 400px
+ * tile travels twice as far as a 200px tile and the fan keeps its proportions.
+ */
+export declare const heroTileStackReferenceSize = 200;
+/** Largest square edge, in px. `tileSize` and `--hero-tile-max` override the fluid cap. */
+export declare const heroTileStackDefaultTileSize = 400;
+/**
+ * Gentle horizontal shift. Cards near the pointer stay on screen, close to
+ * the stack. Raise `strength` for a wider scatter.
+ */
+export declare const heroTileStackDefaultStrength = 120;
+/**
+ * Px of vertical nudge per px/s of vertical pointer velocity.
+ * A moderate flick approaches `heroTileStackDefaultMaxVertical`.
+ */
+export declare const heroTileStackDefaultVelocityFactor = 0.02;
+/** Clamp for the velocity nudge, in px. Small next to the horizontal shift. */
+export declare const heroTileStackDefaultMaxVertical = 24;
+/**
+ * Horizontal velocity contributes this fraction of `velocityFactor` to the
+ * vertical nudge. Vertical velocity stays the main driver.
+ */
+export declare const heroTileStackVelocityXShare = 0.25;
+/** Extra tilt (degrees) is clamped so a strong push does not spin the card. */
+export declare const heroTileStackMaxTilt = 40;
+/**
+ * How long a coarse-pointer tap holds the scatter before the springs return.
+ * Long enough for the default spring to arrive, then the cards spring back.
+ */
+export declare const heroTileStackTapHoldMs = 520;
+export declare const heroTileStackDefaultSpring: {
+    readonly stiffness: 160;
+    readonly damping: 16;
+    readonly mass: 0.9;
+};
+export interface HeroTileRepelInput {
+    /** Pointer position in the stack's local coordinate space. */
+    pointerX: number;
+    pointerY: number;
+    /** Card resting center in that same space. */
+    centerX: number;
+    centerY: number;
+    /** Multiplier. `0` is still. The default is a gentle horizontal shift. */
+    strength: number;
+    /**
+     * Distance falloff in px, measured on x. Influence is 1 at the card's x
+     * and a quarter of that when the horizontal distance equals `falloff`.
+     */
+    falloff?: number;
+}
+export interface HeroTileRepel {
+    x: number;
+    y: number;
+    /** Added to the card's resting tilt. */
+    rotate: number;
+}
+export interface HeroTileVelocityInput {
+    /** Horizontal pointer velocity in px/s. Positive is to the right. */
+    velocityX: number;
+    /** Vertical pointer velocity in px/s. Positive is downward. */
+    velocityY: number;
+    /** Px of nudge per px/s of vertical velocity. */
+    velocityFactor?: number;
+    /** Absolute clamp in px. */
+    maxVertical?: number;
+}
+export interface HeroTileRestingLayout {
+    offsetX: number;
+    /** CSS length. Percentages are of the tile. */
+    offsetY: string;
+    /** Resting tilt in degrees. */
+    rotate: number;
+    zIndex: number;
+}
+export interface HeroTileRestingOverrides {
+    offsetX?: number;
+    offsetY?: number | string;
+    rotate?: number;
+    zIndex?: number;
+}
+/**
+ * Repel a card horizontally from the pointer. Pure: same inputs always
+ * return the same `{ x, y, rotate }`. `x` / `y` are px. `y` is 0 — vertical
+ * travel comes from `heroTileVelocityY`. `rotate` is degrees, scaled from
+ * the horizontal push.
+ */
+export declare function heroTileRepel(input: HeroTileRepelInput): HeroTileRepel;
+/**
+ * Map pointer velocity (px/s) to a vertical offset in px.
+ * Vertical velocity is the driver. Horizontal velocity adds
+ * `heroTileStackVelocityXShare` of the same factor. The result is clamped
+ * to ±`maxVertical`. A still pointer returns 0.
+ */
+export declare function heroTileVelocityY(input: HeroTileVelocityInput): number;
+/**
+ * Resting fan for a tile. The first four indexes use the default stack
+ * (slight alternating tilt, small vertical nudge, later tiles paint on top).
+ * Further tiles continue that fan. Per-tile fields override the preset.
+ */
+export declare function heroTileRestingLayout(index: number, overrides?: HeroTileRestingOverrides): HeroTileRestingLayout;
+/**
+ * Scale scatter distances with the painted tile. `1` at
+ * `heroTileStackReferenceSize`. Non-positive or non-finite widths stay at `1`.
+ */
+export declare function heroTileStackSizeScale(tileWidth: number): number;
+/** Coarse pointers and touch get one scatter from the tap, then a spring back. */
+export declare function heroTileStackIsOneShot(pointerType: string, coarsePointer: boolean): boolean;
+//# sourceMappingURL=heroTileScatter.d.ts.map

package/dist/components/organisms/HeroTileStack/heroTileScatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroTileScatter.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeroTileStack/heroTileScatter.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,2FAA2F;AAC3F,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,kCAAkC,OAAO,CAAC;AAEvD,+EAA+E;AAC/E,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,KAAK,CAAC;AASvC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AASD,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CA0BtE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,CAkBtE;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,wBAAwB,GACnC,qBAAqB,CAmBvB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED,kFAAkF;AAClF,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,GAAG,OAAO,CAE3F"}

package/dist/components/organisms/HeroTileStack/heroTileScatter.js

@@ -0,0 +1,83 @@
+"use client";
+//#region src/components/organisms/HeroTileStack/heroTileScatter.ts
+var e = 150, t = 200, n = 400, r = 120, i = .02, a = 24, o = .25, s = 520, c = {
+	stiffness: 160,
+	damping: 16,
+	mass: .9
+}, l = [
+	{
+		offsetX: 0,
+		offsetY: "5%",
+		rotate: 2,
+		zIndex: 1
+	},
+	{
+		offsetX: 0,
+		offsetY: "-6%",
+		rotate: -3,
+		zIndex: 2
+	},
+	{
+		offsetX: 0,
+		offsetY: "5%",
+		rotate: 6,
+		zIndex: 3
+	},
+	{
+		offsetX: 0,
+		offsetY: "-4%",
+		rotate: -2,
+		zIndex: 4
+	}
+];
+function u(e) {
+	return Number.isFinite(e);
+}
+function d(e) {
+	let t = e.falloff ?? 150;
+	if (!u(e.pointerX) || !u(e.pointerY) || !u(e.centerX) || !u(e.centerY) || !u(e.strength) || !u(t) || t <= 0 || e.strength === 0) return {
+		x: 0,
+		y: 0,
+		rotate: 0
+	};
+	let n = e.centerX - e.pointerX, r = Math.abs(n);
+	if (r === 0) return {
+		x: 0,
+		y: 0,
+		rotate: 0
+	};
+	let i = (t / (r + t)) ** 2, a = Math.sign(n) * e.strength * i, o = a * .1;
+	return {
+		x: a,
+		y: 0,
+		rotate: Math.max(-40, Math.min(40, o))
+	};
+}
+function f(e) {
+	let t = e.velocityFactor ?? .02, n = e.maxVertical ?? 24;
+	if (!u(e.velocityX) || !u(e.velocityY) || !u(t) || !u(n) || t === 0 || n <= 0) return 0;
+	let r = e.velocityY * t + e.velocityX * t * o;
+	return Math.max(-n, Math.min(n, r));
+}
+function p(e, t) {
+	let n = l[e] ?? {
+		offsetX: 0,
+		offsetY: e % 2 == 0 ? "5%" : "-5%",
+		rotate: e % 2 == 0 ? 4 : -3,
+		zIndex: e + 1
+	}, r = t?.offsetY === void 0 ? n.offsetY : typeof t.offsetY == "number" ? `${t.offsetY}px` : t.offsetY;
+	return {
+		offsetX: t?.offsetX ?? n.offsetX,
+		offsetY: r,
+		rotate: t?.rotate ?? n.rotate,
+		zIndex: t?.zIndex ?? n.zIndex
+	};
+}
+function m(e) {
+	return !u(e) || e <= 0 ? 1 : e / 200;
+}
+function h(e, t) {
+	return t || e === "touch";
+}
+//#endregion
+export { d as heroTileRepel, p as heroTileRestingLayout, e as heroTileStackDefaultFalloff, a as heroTileStackDefaultMaxVertical, c as heroTileStackDefaultSpring, r as heroTileStackDefaultStrength, n as heroTileStackDefaultTileSize, i as heroTileStackDefaultVelocityFactor, h as heroTileStackIsOneShot, t as heroTileStackReferenceSize, m as heroTileStackSizeScale, s as heroTileStackTapHoldMs, o as heroTileStackVelocityXShare, f as heroTileVelocityY };

package/dist/components/organisms/HeroTileStack/heroTileStackStyles.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Hero tile stack shell.
+ *
+ * The root clips the inline axis (`overflow-x: clip`) so a raised `strength`
+ * cannot open a horizontal scrollbar. `clip` does not force the block axis
+ * into a scroll container, so `overflow-y: visible` still lets cards leave
+ * the stack vertically. The row itself does not clip.
+ *
+ * Tile size is `--hero-tile-size`: a square, at most `--hero-tile-max`
+ * (400px), and a fraction of the stack width. Below `md` the overlap
+ * tightens into a pile.
+ */
+/** Outer frame — full width of the hero, clips inline overflow only. */
+export declare const heroTileStackRootClasses = "relative isolate w-full max-w-full overflow-x-clip overflow-y-visible @container";
+/**
+ * Resting hit area. Sets `--hero-tile-size` and `--hero-tile-overlap` from the
+ * parent inline-size container. Below `md`: a tight pile. From `md`: the fan,
+ * capped by `--hero-tile-max` (default 400px).
+ */
+export declare const heroTileStackRowClasses: string;
+/** Square tile. Width is `--hero-tile-size`. */
+export declare const heroTileStackTileSize = "var(--hero-tile-size)";
+/** Negative inline margin. The CSS variable is already negative. */
+export declare const heroTileStackTileOverlap = "var(--hero-tile-overlap)";
+export declare const heroTileStackSlotClasses = "relative aspect-square shrink-0";
+/**
+ * Moving surface. Radius is `--radius-card-shell`. Elevation is
+ * `--shadow-soft-card` (`shadow-soft-card`) so the shadow travels with the card.
+ * Pointer events stay on the resting slot — a flown card does not keep the scatter alive.
+ */
+export declare const heroTileStackSurfaceClasses = "pointer-events-none absolute inset-0 overflow-hidden rounded-[var(--radius-card-shell)] bg-surface shadow-soft-card will-change-transform";
+export declare const heroTileStackImageClasses = "h-full w-full object-cover select-none";
+//# sourceMappingURL=heroTileStackStyles.d.ts.map

package/dist/components/organisms/HeroTileStack/heroTileStackStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroTileStackStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeroTileStack/heroTileStackStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,qFAC+C,CAAC;AAErF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,QAMzB,CAAC;AAEZ,gDAAgD;AAChD,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,oEAAoE;AACpE,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AAEnE,eAAO,MAAM,wBAAwB,oCAAoC,CAAC;AAE1E;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,8IACqG,CAAC;AAE9I,eAAO,MAAM,yBAAyB,2CAA2C,CAAC"}

package/dist/components/organisms/HeroTileStack/heroTileStackStyles.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/organisms/HeroTileStack/heroTileStackStyles.ts
+var e = "relative isolate w-full max-w-full overflow-x-clip overflow-y-visible @container", t = [
+	"relative mx-auto flex w-fit max-w-full touch-manipulation select-none items-center justify-center overflow-visible px-1 py-6 md:px-3",
+	"[--hero-tile-size:min(var(--hero-tile-max,400px),58cqi)]",
+	"[--hero-tile-overlap:calc(var(--hero-tile-size)*-0.82)]",
+	"md:[--hero-tile-size:min(var(--hero-tile-max,400px),34cqi)]",
+	"md:[--hero-tile-overlap:calc(var(--hero-tile-size)*-0.44)]"
+].join(" "), n = "var(--hero-tile-size)", r = "var(--hero-tile-overlap)", i = "relative aspect-square shrink-0", a = "pointer-events-none absolute inset-0 overflow-hidden rounded-[var(--radius-card-shell)] bg-surface shadow-soft-card will-change-transform", o = "h-full w-full object-cover select-none";
+//#endregion
+export { o as heroTileStackImageClasses, e as heroTileStackRootClasses, t as heroTileStackRowClasses, i as heroTileStackSlotClasses, a as heroTileStackSurfaceClasses, r as heroTileStackTileOverlap, n as heroTileStackTileSize };

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

@@ -0,0 +1,33 @@
+import { type IntakeConfirmationVariant } from "./intakeConfirmationStyles";
+export { intakeConfirmationCopy, intakeConfirmationVariants, intakeConfettiColors, type IntakeConfirmationVariant, } from "./intakeConfirmationStyles";
+/** Layout-only — width or margin. */
+export type IntakeConfirmationLayoutClassName = string;
+export interface IntakeConfirmationProps {
+    /** `booked` after a calendar confirm. `emailed` after the skip link. */
+    variant: IntakeConfirmationVariant;
+    /** Closes the intake. Omitted in a static specimen. */
+    onDone?: () => void;
+    /** Booked time label — shown when set (typically with `variant="booked"`). */
+    bookingTime?: string;
+    /** Join-video URL — rendered as **TextLink**. */
+    videoHref?: string;
+    /** Label for the video link. Default `Join video call`. */
+    videoLabel?: string;
+    /** Google Calendar URL — rendered as **TextLink**. */
+    googleCalendarHref?: string;
+    /** Label for the Google Calendar link. Default `Add to Google Calendar`. */
+    googleCalendarLabel?: string;
+    /** `.ics` download URL — rendered as **Button** `render={<a/>}`. */
+    icsHref?: string;
+    /** Label for the `.ics` action. Default `Download .ics`. */
+    icsLabel?: string;
+    className?: IntakeConfirmationLayoutClassName;
+}
+/**
+ * Confirmation surface. Fires one Confetti burst when it mounts.
+ * Reduced motion leaves the static copy and skips the burst.
+ * 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;
+//# sourceMappingURL=IntakeConfirmation.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,77 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+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";
+//#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;
+	return i({
+		particleCount: 90,
+		spread: 180,
+		startVelocity: 28,
+		colors: [...a],
+		origin: {
+			x: typeof window > "u" ? 0 : window.innerWidth / 2,
+			y: 0
+		}
+	}), /* @__PURE__ */ m("div", {
+		className: e(c, C),
+		"data-intake-confirmation": f,
+		children: [
+			/* @__PURE__ */ p(t, {
+				variant: f === "booked" ? "neutral" : "info",
+				emphasis: "muted",
+				children: w.badge
+			}),
+			/* @__PURE__ */ p("h2", {
+				className: d,
+				children: w.title
+			}),
+			/* @__PURE__ */ p("p", {
+				className: s,
+				children: w.body
+			}),
+			T ? /* @__PURE__ */ m("div", {
+				className: o,
+				children: [
+					g == null ? null : /* @__PURE__ */ p("p", {
+						className: u,
+						children: g
+					}),
+					_ == null ? null : /* @__PURE__ */ p(r, {
+						href: _,
+						external: !0,
+						children: v
+					}),
+					y == null ? null : /* @__PURE__ */ p(r, {
+						href: y,
+						external: !0,
+						children: b
+					}),
+					x == null ? null : /* @__PURE__ */ p(n, {
+						role: "secondary",
+						size: "md",
+						render: /* @__PURE__ */ p("a", {
+							href: x,
+							download: !0
+						}),
+						children: S
+					})
+				]
+			}) : null,
+			h == null ? null : /* @__PURE__ */ p(n, {
+				role: "primary",
+				type: "button",
+				onClick: h,
+				children: "Done"
+			})
+		]
+	});
+}
+//#endregion
+export { h as IntakeConfirmation, a as intakeConfettiColors, l as intakeConfirmationCopy, f as intakeConfirmationVariants };

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

@@ -0,0 +1,22 @@
+/**
+ * Brand colors for the intake burst. `--color-brand` is #011272 in both themes.
+ * 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];
+export declare const intakeConfirmationCopy: Record<IntakeConfirmationVariant, {
+    badge: string;
+    title: string;
+    body: string;
+}>;
+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";
+/** Existing heading-2 — the confirmation sentence under the headline. */
+export declare const intakeConfirmationBodyClasses = "type-heading-2 max-w-2xl text-balance text-fg";
+/** 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";
+//# sourceMappingURL=intakeConfirmationStyles.d.ts.map

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

@@ -0,0 +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,eAAO,MAAM,6BAA6B,kDAAkD,CAAC;AAE7F,0DAA0D;AAC1D,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AAEjF,sFAAsF;AACtF,eAAO,MAAM,gCAAgC,qDACO,CAAC"}

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

@@ -0,0 +1,25 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+//#region src/components/organisms/IntakeConfirmation/intakeConfirmationStyles.ts
+var t = [
+	"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)"
+], n = ["booked", "emailed"], r = {
+	booked: {
+		badge: "Booked",
+		title: "You're booked",
+		body: "The time is on the calendar. We'll send a short note so you know what to bring."
+	},
+	emailed: {
+		badge: "Sent",
+		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-heading-2 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";
+//#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 };

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

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+/** Layout-only — not for surface or color overrides. */
+export type IntakeModalLayoutClassName = string;
+export interface IntakeModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Current step, 1-based. Shown when `showProgress` is set. */
+    step?: number;
+    /** Segment count. Default 4. */
+    steps?: number;
+    /** Accessible name. Default `Start a project`. */
+    title?: string;
+    /** Navy step bar under the wordmark. Default true. */
+    showProgress?: boolean;
+    /** Hide the Back / Continue footer. Confirmation screens pass true. */
+    hideFooter?: boolean;
+    /** Omit Continue. Step 4 passes true — confirm lives in the step, not the footer. */
+    hideContinue?: boolean;
+    onBack?: () => void;
+    onContinue?: () => void;
+    backDisabled?: boolean;
+    continueDisabled?: boolean;
+    continueLabel?: string;
+    children?: ReactNode;
+    className?: IntakeModalLayoutClassName;
+}
+/**
+ * Full-screen intake shell. Opens from a Start a project action.
+ * 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;
+//# sourceMappingURL=IntakeModal.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,108 @@
+"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 { 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";
+//#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),
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": U,
+		"data-intake-modal": "",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: t("medium"),
+		children: [
+			/* @__PURE__ */ C("h1", {
+				id: U,
+				className: "sr-only",
+				children: M
+			}),
+			/* @__PURE__ */ w("header", {
+				className: p,
+				children: [/* @__PURE__ */ w("div", {
+					className: l,
+					children: [/* @__PURE__ */ C("span", {
+						className: m,
+						"aria-hidden": !0,
+						children: "WM"
+					}), /* @__PURE__ */ C("span", {
+						className: _,
+						children: "WhatMatters"
+					})]
+				}), /* @__PURE__ */ C(r, {
+					icon: /* @__PURE__ */ C(S, { strokeWidth: 2 }),
+					"aria-label": "Close",
+					role: "ghost",
+					size: "md",
+					onClick: K
+				})]
+			}),
+			N ? /* @__PURE__ */ C("div", {
+				className: h,
+				children: /* @__PURE__ */ C(i, {
+					step: A,
+					steps: j
+				})
+			}) : null,
+			/* @__PURE__ */ C("div", {
+				className: c,
+				children: /* @__PURE__ */ C("div", {
+					className: P ? u : d,
+					children: V
+				})
+			}),
+			P ? null : /* @__PURE__ */ w("footer", {
+				className: f,
+				children: [/* @__PURE__ */ C(n, {
+					role: "secondary",
+					type: "button",
+					disabled: R,
+					onClick: I,
+					children: "Back"
+				}), F ? null : /* @__PURE__ */ C(n, {
+					role: "primary",
+					type: "button",
+					disabled: z,
+					onClick: L,
+					children: B
+				})]
+			})
+		]
+	}) : null }), document.body);
+}
+//#endregion
+export { O as IntakeModal };

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

@@ -0,0 +1,14 @@
+export declare const intakeModalRootClasses: string;
+export declare const intakeModalHeaderClasses = "flex h-16 shrink-0 items-center justify-between border-b border-border px-4 md:px-8";
+export declare const intakeModalBrandClasses = "flex items-center gap-2";
+/** Typographic WM mark — there is no separate logo asset. */
+export declare const intakeModalMarkClasses = "font-sans text-[length:var(--font-size-xl)] font-bold leading-none tracking-[-0.04em] text-brand";
+export declare const intakeModalWordmarkClasses = "font-sans text-[length:var(--font-size-lg)] font-medium leading-none tracking-normal text-brand";
+export declare const intakeModalProgressClasses = "mx-auto w-full max-w-3xl shrink-0 px-4 py-4 md:px-8";
+export declare const intakeModalBodyClasses = "min-h-0 flex-1 overflow-y-auto";
+export declare const intakeModalContentClasses = "mx-auto flex w-full max-w-3xl flex-col gap-8 px-4 py-10 md:px-8 md:py-14";
+/** Confirmation body — fills the scrollport and centers the block. */
+export declare const intakeModalCenteredContentClasses = "mx-auto flex min-h-full w-full max-w-3xl flex-col items-center justify-center px-4 py-10 md:px-8";
+/** Pinned under the scrolling step on every width, including mobile. */
+export declare const intakeModalFooterClasses: string;
+//# sourceMappingURL=intakeModalStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"intakeModalStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/IntakeModal/intakeModalStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,QAElC,CAAC;AAEF,eAAO,MAAM,wBAAwB,wFACkD,CAAC;AAExF,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AAEjE,6DAA6D;AAC7D,eAAO,MAAM,sBAAsB,qGACiE,CAAC;AAErG,eAAO,MAAM,0BAA0B,oGAC4D,CAAC;AAEpG,eAAO,MAAM,0BAA0B,wDAAwD,CAAC;AAEhG,eAAO,MAAM,sBAAsB,mCAAmC,CAAC;AAEvE,eAAO,MAAM,yBAAyB,6EACsC,CAAC;AAE7E,sEAAsE;AACtE,eAAO,MAAM,iCAAiC,qGACsD,CAAC;AAErG,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,QAIpC,CAAC"}

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

@@ -0,0 +1,7 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { motionTransition as t } from "../../../lib/motion.js";
+//#region src/components/organisms/IntakeModal/intakeModalStyles.ts
+var n = e("fixed inset-0 z-[100] flex h-dvh flex-col bg-body text-fg"), r = "flex h-16 shrink-0 items-center justify-between border-b border-border px-4 md:px-8", i = "flex items-center gap-2", a = "font-sans text-[length:var(--font-size-xl)] font-bold leading-none tracking-[-0.04em] text-brand", o = "font-sans text-[length:var(--font-size-lg)] font-medium leading-none tracking-normal text-brand", s = "mx-auto w-full max-w-3xl shrink-0 px-4 py-4 md:px-8", c = "min-h-0 flex-1 overflow-y-auto", l = "mx-auto flex w-full max-w-3xl flex-col gap-8 px-4 py-10 md:px-8 md:py-14", u = "mx-auto flex min-h-full w-full max-w-3xl flex-col items-center justify-center px-4 py-10 md:px-8", d = e("flex shrink-0 items-center justify-between gap-3 border-t border-border bg-body px-4 py-4 md:px-8", "pb-[max(1rem,env(safe-area-inset-bottom))]", t("fast"));
+//#endregion
+export { c as intakeModalBodyClasses, i as intakeModalBrandClasses, u as intakeModalCenteredContentClasses, l as intakeModalContentClasses, d as intakeModalFooterClasses, r as intakeModalHeaderClasses, a as intakeModalMarkClasses, s as intakeModalProgressClasses, n as intakeModalRootClasses, o as intakeModalWordmarkClasses };

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+import { type IconButtonSize } from "../../atoms/IconButton/IconButton";
+export type MoreMenuItem = {
+    /** Stable action id — passed to `onAction`. */
+    id: string;
+    label: string;
+    start?: ReactNode;
+    end?: ReactNode;
+    disabled?: boolean;
+};
+/** Layout-only — margin in Card header clusters. */
+export type MoreMenuLayoutClassName = string;
+export interface MoreMenuProps {
+    /** Accessible name for the kebab trigger — e.g. "More market actions". */
+    "aria-label": string;
+    items: MoreMenuItem[];
+    onAction?: (id: string) => void;
+    /** Toolbar size — default **`sm`** (cluster md); use **`xs`** beside **SegmentedControl** / **Chip** `sm`. */
+    size?: IconButtonSize;
+    disabled?: boolean;
+    className?: MoreMenuLayoutClassName;
+}
+/**
+ * Kebab **IconButton** + floating action menu — composes **Dropdown.Menu** / **Dropdown.Item**.
+ * Card header `end` slot pattern; menu right-aligns to the trigger (`align="end"`).
+ */
+export declare function MoreMenu({ "aria-label": ariaLabel, items, onAction, size, disabled, className, }: MoreMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=MoreMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,mCAAmC,CAAC;AASpF,MAAM,MAAM,YAAY,GAAG;IACzB,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oDAAoD;AACpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8GAA8G;IAC9G,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAgBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAgB,EAChB,SAAS,GACV,EAAE,aAAa,+BA6Mf"}