@thewhatmatters/wmds 0.4.32 → 0.4.34

package/dist/components/molecules/Card/Card.js

@@ -2,86 +2,99 @@
 import { cn as e } from "../../../lib/cn.js";
 import { Badge as t } from "../../atoms/Badge/Badge.js";
 import { Skeleton as n } from "../../atoms/Skeleton/Skeleton.js";
-import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as T, cardShapes as E, cardSubtitleClasses as D, cardTerminalBarClasses as O, cardTerminalFrameClasses as k, cardTerminalFrameElementClasses as A, cardTerminalHeightClasses as j, cardTerminalHeights as M, cardTerminalMessageClasses as N, cardTerminalStageClasses as P, cardTerminalStates as F, cardTerminalTitleClasses as I, cardTitleClasses as L, cardVariantClasses as R, cardVariants as z } from "./cardStyles.js";
-import { Children as B, createContext as V, isValidElement as H, useContext as U } from "react";
-import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as ee, cardShapes as T, cardSubtitleClasses as E, cardTerminalBarClasses as D, cardTerminalFrameClasses as O, cardTerminalFrameElementClasses as k, cardTerminalHeightClasses as A, cardTerminalHeights as j, cardTerminalMessageClasses as M, cardTerminalStageClasses as N, cardTerminalStates as P, cardTerminalTitleClasses as F, cardTitleClasses as I, cardVariantClasses as L, cardVariants as R } from "./cardStyles.js";
+import { Children as z, createContext as B, isValidElement as V, useContext as H } from "react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/components/molecules/Card/Card.tsx
-var q = V("none"), J = V(!1);
-function Y() {
-	return U(q);
+var K = [
+	"default",
+	"inverse",
+	"field",
+	"light"
+];
+function q(e) {
+	return e === "inverse" ? {
+		"data-tone": "inverse",
+		"data-theme": "dark"
+	} : e === "field" ? { "data-tone": "field" } : e === "light" ? { "data-theme": "light" } : {};
 }
-function X({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", className: c, children: l, ...u }) {
-	let d = r === "none", f = B.toArray(l), p = f.some((e) => H(e) && e.type === Z), m = f.some((e) => H(e) && e.type === Q), h = f.some((e) => H(e) && e.type === $), S = d && f.some((e) => H(e) && e.type === Q && e.props.variant === "terminal"), w = d && m && !h, E = d && m && !p, D = a ?? w, O = o ?? E, k = S && !h;
-	return /* @__PURE__ */ G(q.Provider, {
+var J = B("none"), Y = B(!1);
+function X() {
+	return H(J);
+}
+function te({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", tone: c = "default", className: l, children: u, ...d }) {
+	let f = r === "none", p = z.toArray(u), m = p.some((e) => V(e) && e.type === Z), h = p.some((e) => V(e) && e.type === Q), S = p.some((e) => V(e) && e.type === $), w = f && p.some((e) => V(e) && e.type === Q && e.props.variant === "terminal"), T = f && h && !S, E = f && h && !m, D = a ?? T, O = o ?? E, k = w && !S;
+	return /* @__PURE__ */ W(J.Provider, {
 		value: r,
-		children: /* @__PURE__ */ G(J.Provider, {
+		children: /* @__PURE__ */ W(Y.Provider, {
 			value: D,
-			children: /* @__PURE__ */ G(s, {
-				className: e(i, d ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, T[t], R[n], C[r]), c),
+			children: /* @__PURE__ */ W(s, {
+				className: e(i, f ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, ee[t], L[n], C[r]), l),
 				"data-shape": t,
 				"data-variant": n,
 				"data-padding": r,
-				"data-layout": d ? "shell" : void 0,
-				...u,
-				children: l
+				"data-layout": f ? "shell" : void 0,
+				...q(c),
+				...d,
+				children: u
 			})
 		})
 	});
 }
 function Z({ className: t, children: n, start: r, end: i, ...a }) {
-	let o = Y(), s = r ?? n;
-	return /* @__PURE__ */ K("header", {
+	let o = X(), s = r ?? n;
+	return /* @__PURE__ */ G("header", {
 		className: e(w[o].header, t),
 		...a,
-		children: [s == null ? null : /* @__PURE__ */ G("div", {
+		children: [s == null ? null : /* @__PURE__ */ W("div", {
 			className: h,
 			children: s
-		}), i == null ? null : /* @__PURE__ */ G("div", {
+		}), i == null ? null : /* @__PURE__ */ W("div", {
 			className: m,
 			children: i
 		})]
 	});
 }
 function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s, title: c = "Terminal", height: l = "md", readOnly: u = !1, state: d = "ready", message: f = "Disconnected", ...p }) {
-	let m = Y(), h = U(J), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
-	return /* @__PURE__ */ G("div", {
-		className: e(_ ? k : w[m].body, _ && j[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
+	let m = X(), h = H(Y), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
+	return /* @__PURE__ */ W("div", {
+		className: e(_ ? O : w[m].body, _ && A[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
 		"data-variant": _ ? "terminal" : void 0,
 		"data-theme": _ ? "dark" : void 0,
 		"data-state": _ ? d : void 0,
 		"data-height": _ ? l : void 0,
 		...p,
-		children: _ ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K("div", {
-			className: O,
-			children: [/* @__PURE__ */ G("span", {
-				className: I,
+		children: _ ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ G("div", {
+			className: D,
+			children: [/* @__PURE__ */ W("span", {
+				className: F,
 				children: c
-			}), u ? /* @__PURE__ */ G(t, {
+			}), u ? /* @__PURE__ */ W(t, {
 				size: "sm",
 				emphasis: "muted",
 				children: "Read only"
 			}) : null]
-		}), /* @__PURE__ */ K("div", {
-			className: P,
+		}), /* @__PURE__ */ G("div", {
+			className: N,
 			"aria-busy": d === "loading" || void 0,
 			children: [
-				d === "loading" ? /* @__PURE__ */ G(n, {
+				d === "loading" ? /* @__PURE__ */ W(n, {
 					width: "100%",
 					height: "100%",
 					radius: "inner"
 				}) : null,
-				d === "disconnected" ? /* @__PURE__ */ G("p", {
-					className: N,
+				d === "disconnected" ? /* @__PURE__ */ W("p", {
+					className: M,
 					role: "status",
 					children: f
 				}) : null,
-				d === "ready" && !v ? /* @__PURE__ */ G("p", {
-					className: N,
+				d === "ready" && !v ? /* @__PURE__ */ W("p", {
+					className: M,
 					role: "status",
 					children: "No session"
 				}) : null,
-				v ? /* @__PURE__ */ G("iframe", {
-					className: A,
+				v ? /* @__PURE__ */ W("iframe", {
+					className: k,
 					title: c,
 					...o == null ? { srcDoc: s } : { src: o }
 				}) : null
@@ -90,24 +103,24 @@ function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s,
 	});
 }
 function $({ className: t, children: n, ...r }) {
-	let i = Y();
-	return /* @__PURE__ */ G("footer", {
+	let i = X();
+	return /* @__PURE__ */ W("footer", {
 		className: e(w[i].footer, t),
 		...r,
 		children: n
 	});
 }
-function ee({ className: t, ...n }) {
-	return /* @__PURE__ */ G("hr", {
+function ne({ className: t, ...n }) {
+	return /* @__PURE__ */ W("hr", {
 		className: e(c, t),
 		...n
 	});
 }
-var te = Object.assign(X, {
+var re = Object.assign(te, {
 	Header: Z,
 	Body: Q,
 	Footer: $,
-	Divider: ee
+	Divider: ne
 });
 //#endregion
-export { te as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, E as cardShapes, D as cardSubtitleClasses, M as cardTerminalHeights, F as cardTerminalStates, L as cardTitleClasses, z as cardVariants };
+export { re as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, T as cardShapes, E as cardSubtitleClasses, j as cardTerminalHeights, P as cardTerminalStates, I as cardTitleClasses, K as cardTones, R as cardVariants };

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

@@ -6,9 +6,17 @@ export type FieldLayoutClassName = string;
 export interface FieldProps {
     /** Visible label — omit when children are self-labeled. */
     label?: string;
-    /** Neutral helper below the control(s). */
+    /** Neutral hint between the label and the control(s) (Labels and placeholders F8): read before typing. */
     description?: string;
-    /** Stack (default) or label beside control. */
+    /**
+     * A character counter ("67 / 400"), the one helper that sits below the control, next to what it counts
+     * (as GOV.UK places it). Read with the control, like the hint.
+     */
+    counter?: string;
+    /**
+     * Stack (default) or label beside control. `horizontal` applies from `lg` (1024) up and stacks below
+     * it. For dense app settings only, never marketing or contact forms (Form layout L8).
+     */
     orientation?: FieldOrientation;
     /** Explicit control id — auto-wired for a single child when omitted. */
     htmlFor?: string;
@@ -21,5 +29,5 @@ export interface FieldProps {
  * Label/layout wrapper for form controls (ADR-0006) — never required.
  * Validation stays on **Input** / **TextArea** (`status` + `message`); **Field** owns spacing and orientation only.
  */
-export declare function Field({ label, description, orientation, htmlFor, disabled, children, className, }: FieldProps): import("react").JSX.Element;
+export declare function Field({ label, description, counter, orientation, htmlFor, disabled, children, className, }: FieldProps): import("react").JSX.Element;
 //# sourceMappingURL=Field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAQL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA8BD;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,WAAwB,EACxB,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,+BAsFZ"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAQL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0GAA0G;IAC1G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA8BD;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAwB,EACxB,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,+BAmGZ"}

package/dist/components/molecules/Field/Field.js

@@ -16,60 +16,75 @@ function _(e) {
 	let t = g(e.children);
 	t != null && t.props.label != null && console.warn("[WMDS Field] Child has its own `label` — omit one label source (Field or control).");
 }
-function v({ label: s, description: l, orientation: u = "vertical", htmlFor: d, disabled: v = !1, children: b, className: x }) {
-	let S = f();
+function v({ label: s, description: l, counter: u, orientation: d = "vertical", htmlFor: v, disabled: b = !1, children: x, className: S }) {
+	let C = f();
 	_({
 		label: s,
-		children: b
+		children: x
 	});
-	let C = h(b), w = g(b), T = d ?? w?.props.id ?? (w == null ? void 0 : `${S}-control`), E = l == null ? void 0 : `${S}-description`, D = s == null ? void 0 : `${S}-legend`, O = w == null ? w : y(w, T, E), k = C > 1 ? /* @__PURE__ */ p("div", {
+	let w = h(x), T = g(x), E = v ?? T?.props.id ?? (T == null ? void 0 : `${C}-control`), D = l == null ? void 0 : `${C}-description`, O = u == null ? void 0 : `${C}-counter`, k = [D, O].filter(Boolean).join(" ") || void 0, A = s == null ? void 0 : `${C}-legend`, j = T == null ? T : y(T, E, k), M = w > 1 ? /* @__PURE__ */ p("div", {
 		className: o,
-		children: b
-	}) : O ?? b, A = l == null ? null : /* @__PURE__ */ p("p", {
-		id: E,
+		children: x
+	}) : j ?? x, N = l == null ? null : /* @__PURE__ */ p("p", {
+		id: D,
 		className: t,
 		children: l
+	}), P = u == null ? null : /* @__PURE__ */ p("p", {
+		id: O,
+		className: t,
+		"data-field-counter": "",
+		children: u
 	});
-	return s == null && l == null ? /* @__PURE__ */ p("div", {
-		className: e("w-full", x),
-		children: b
+	return s == null && l == null && u == null ? /* @__PURE__ */ p("div", {
+		className: e("w-full", S),
+		children: x
 	}) : s == null ? /* @__PURE__ */ m("div", {
-		className: e(c, x),
-		children: [C > 1 ? b : O ?? b, A]
-	}) : C > 1 ? /* @__PURE__ */ m("div", {
+		className: e(c, S),
+		children: [
+			N,
+			w > 1 ? x : j ?? x,
+			P
+		]
+	}) : w > 1 ? /* @__PURE__ */ m("div", {
 		role: "group",
-		"aria-labelledby": D,
-		"aria-describedby": E,
-		className: e(c, x),
+		"aria-labelledby": A,
+		"aria-describedby": k,
+		className: e(c, S),
 		children: [
 			/* @__PURE__ */ p("span", {
-				id: D,
-				className: a(v),
+				id: A,
+				className: a(b),
 				children: s
 			}),
-			k,
-			A
+			N,
+			M,
+			P
 		]
-	}) : u === "horizontal" ? /* @__PURE__ */ m("div", {
-		className: e(i, x),
+	}) : d === "horizontal" ? /* @__PURE__ */ m("div", {
+		className: e(i, S),
 		children: [/* @__PURE__ */ p("label", {
-			htmlFor: T,
-			className: e(r, a(v)),
+			htmlFor: E,
+			className: e(r, a(b)),
 			children: s
 		}), /* @__PURE__ */ m("div", {
 			className: n,
-			children: [k, A]
+			children: [
+				N,
+				M,
+				P
+			]
 		})]
 	}) : /* @__PURE__ */ m("div", {
-		className: e(c, x),
+		className: e(c, S),
 		children: [
 			/* @__PURE__ */ p("label", {
-				htmlFor: T,
-				className: a(v),
+				htmlFor: E,
+				className: a(b),
 				children: s
 			}),
-			k,
-			A
+			N,
+			M,
+			P
 		]
 	});
 }

package/dist/components/molecules/Field/fieldStyles.d.ts

@@ -2,12 +2,15 @@ export declare const fieldOrientations: readonly ["vertical", "horizontal"];
 export type FieldOrientation = (typeof fieldOrientations)[number];
 /** Vertical label → control → description — matches Input field stack rhythm. */
 export declare const fieldVerticalStackClasses = "flex w-full flex-col gap-1.5";
-/** Label beside control — Stripe-style two-column row. */
-export declare const fieldHorizontalStackClasses = "flex w-full items-start gap-4";
-/** Left label column — fixed band; control column flexes. */
-export declare const fieldHorizontalLabelColumnClasses = "w-[7.5rem] shrink-0 pt-2.5 md:w-32";
-/** Right control column in horizontal layout. */
-export declare const fieldHorizontalControlColumnClasses = "flex min-w-0 flex-1 flex-col gap-1.5";
+/**
+ * Label beside control — Stripe-style two-column row, from `lg` (1024) only. Below that it stacks like
+ * the vertical Field, since a side label squeezes the control on phones and tablets (Form layout L8).
+ */
+export declare const fieldHorizontalStackClasses = "flex w-full flex-col gap-1.5 lg:flex-row lg:items-start lg:gap-4";
+/** Left label column from `lg` — fixed band; control column flexes. Stacked above the control below `lg`. */
+export declare const fieldHorizontalLabelColumnClasses = "lg:w-32 lg:shrink-0 lg:pt-2.5";
+/** Right control column in horizontal layout (full width while stacked). */
+export declare const fieldHorizontalControlColumnClasses = "flex w-full min-w-0 flex-col gap-1.5 lg:flex-1";
 /** Gap between multiple controls under one label. */
 export declare const fieldMultiControlStackClasses = "flex w-full flex-col gap-2";
 export declare const fieldLabelClasses: string;

package/dist/components/molecules/Field/fieldStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Field/fieldStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,qCAAsC,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,iFAAiF;AACjF,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE,0DAA0D;AAC1D,eAAO,MAAM,2BAA2B,kCAAkC,CAAC;AAE3E,6DAA6D;AAC7D,eAAO,MAAM,iCAAiC,uCACR,CAAC;AAEvC,iDAAiD;AACjD,eAAO,MAAM,mCAAmC,yCACR,CAAC;AAEzC,qDAAqD;AACrD,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AAE1E,eAAO,MAAM,iBAAiB,QAA8B,CAAC;AAE7D,eAAO,MAAM,uBAAuB,QAA6B,CAAC;AAElE,wBAAgB,oBAAoB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAE/D"}
+{"version":3,"file":"fieldStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Field/fieldStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,qCAAsC,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,iFAAiF;AACjF,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,2BAA2B,qEAAqE,CAAC;AAE9G,6GAA6G;AAC7G,eAAO,MAAM,iCAAiC,kCAAkC,CAAC;AAEjF,4EAA4E;AAC5E,eAAO,MAAM,mCAAmC,mDACE,CAAC;AAEnD,qDAAqD;AACrD,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AAE1E,eAAO,MAAM,iBAAiB,QAA8B,CAAC;AAE7D,eAAO,MAAM,uBAAuB,QAA6B,CAAC;AAElE,wBAAgB,oBAAoB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAE/D"}

package/dist/components/molecules/Field/fieldStyles.js

@@ -3,7 +3,7 @@ import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
 import "../../atoms/Input/inputShellStyles.js";
 //#region src/components/molecules/Field/fieldStyles.ts
-var n = ["vertical", "horizontal"], r = "flex w-full flex-col gap-1.5", i = "flex w-full items-start gap-4", a = "w-[7.5rem] shrink-0 pt-2.5 md:w-32", o = "flex min-w-0 flex-1 flex-col gap-1.5", s = "flex w-full flex-col gap-2", c = t("ui-label"), l = t("caption");
+var n = ["vertical", "horizontal"], r = "flex w-full flex-col gap-1.5", i = "flex w-full flex-col gap-1.5 lg:flex-row lg:items-start lg:gap-4", a = "lg:w-32 lg:shrink-0 lg:pt-2.5", o = "flex w-full min-w-0 flex-col gap-1.5 lg:flex-1", s = "flex w-full flex-col gap-2", c = t("ui-label"), l = t("caption");
 function u(t) {
 	return e(c, t && "opacity-50");
 }

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

@@ -16,27 +16,37 @@ export interface IntakeFormProps {
     /** Character ceiling for project details. Default 400. */
     detailsMax?: number;
     /**
-     * Shows the optional Company field. Default `true`. Left out, the form closes up and
+     * Shows the optional Company field. Default `false` (Required and optional Q9: ask less). Left out, the form closes up and
      * `values.company` keeps its value (empty), so `isIntakeAboutValid` and the app's submit code are
      * unchanged.
      */
     company?: boolean;
     /**
-     * Shows the optional Link field. Default `true`. Left out, the form closes up and `values.url`
+     * Shows the optional website field ("Your website", with an Optional badge). Default `true`. Left out, the form closes up and `values.url`
      * keeps its value (empty, which is valid).
      */
     link?: boolean;
+    /**
+     * How many times Continue was pressed on this step (the caller counts; Buttons U6: Continue stays
+     * enabled). From 1 on, every field shows its error. Two or more errors put an **ErrorSummary** at the
+     * top and focus it; one error focuses its field (Errors and validation V5). Default 0.
+     */
+    submitCount?: number;
     className?: IntakeFormLayoutClassName;
 }
 /** Empty link is fine. A filled value must be an http(s) URL. */
 export declare function isIntakeUrlValid(value: string | null | undefined): boolean;
 /** Name, a real email, and details within the counter. Company and link stay optional. */
 export declare function isIntakeAboutValid(values: IntakeAboutValues, detailsMax?: number): boolean;
+/** Form layout L9: what the counter says. People may type past the limit; the counter tells them by how much. */
+export declare function intakeCounterText(length: number, max: number): string;
 /**
  * About-you step — **Field** rows for name, email, company, link, and project details.
  * Required fields show **Input** / **TextArea** `status` + `message` on blur when invalid.
- * Company and link stay optional; `company={false}` and `link={false}` leave them out (the short
- * form: name, email, details). The details description is the character counter.
+ * Name, email and details are required (`aria-required`); the website is optional and says so with a
+ * badge. Company is off by default (`company` shows it, labelled "Company (optional)"); `link={false}`
+ * leaves the website out (the short form: name, email, details). Hints sit above their fields; the details
+ * counter sits below the box, next to what it counts.
  */
-export declare function IntakeForm({ values, onChange, detailsMax, company, link, className, }: IntakeFormProps): import("react").JSX.Element;
+export declare function IntakeForm({ values, onChange, detailsMax, company, link, submitCount, className, }: IntakeFormProps): import("react").JSX.Element;
 //# sourceMappingURL=IntakeForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IntakeForm.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IntakeForm/IntakeForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qCAAqC;AACrC,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAM9B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAMD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAW1E;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,EACzB,UAAU,GAAE,MAAyB,GACpC,OAAO,CAQT;AA+BD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,UAA6B,EAC7B,OAAc,EACd,IAAW,EACX,SAAS,GACV,EAAE,eAAe,+BAuFjB"}
+{"version":3,"file":"IntakeForm.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IntakeForm/IntakeForm.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qCAAqC;AACrC,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAM9B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAMD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAW1E;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,EACzB,UAAU,GAAE,MAAyB,GACpC,OAAO,CAQT;AAID,iHAAiH;AACjH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AA0CD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,UAA6B,EAC7B,OAAe,EACf,IAAW,EACX,WAAe,EACf,SAAS,GACV,EAAE,eAAe,+BA+HjB"}