@thewhatmatters/wmds 0.4.31 → 0.4.32

package/dist/components/atoms/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAMf,OAAO,EAkBL,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE5E,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAaD;;;GAGG;AACH,eAAO,MAAM,MAAM,0GA+KjB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAMf,OAAO,EAkBL,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE5E,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAaD;;;GAGG;AACH,eAAO,MAAM,MAAM,0GAgLjB,CAAC"}

package/dist/components/atoms/Switch/Switch.js

@@ -2,9 +2,9 @@
 import { cn as e } from "../../../lib/cn.js";
 import { motionTransitionProp as t } from "../../../lib/motion.js";
 import "../Input/inputShellStyles.js";
-import { InputStatusBanner as ee } from "../inputShared/InputStatusBanner.js";
-import { switchDescriptionClasses as n, switchDescriptionRowClasses as te, switchHiddenInputClasses as r, switchHitTargetDescriptionAlignClasses as i, switchHitTargetSizeClasses as a, switchLabelClassesFor as o, switchLayouts as s, switchRowBaseClasses as ne, switchRowLabelOnlyClasses as re, switchRowSizeClasses as ie, switchSettingsRowClasses as c, switchSizes as l, switchStatusBannerClassesFor as u, switchTextColumnClasses as d, switchThumbClasses as f, switchThumbOffsetPx as p, switchThumbSizeClasses as m, switchTrackClassesFor as ae } from "./switchStyles.js";
-import { forwardRef as h, useId as oe, useState as se } from "react";
+import { InputStatusBanner as ee, warnStatusWithoutMessage as n } from "../inputShared/InputStatusBanner.js";
+import { switchDescriptionClasses as te, switchDescriptionRowClasses as r, switchHiddenInputClasses as i, switchHitTargetDescriptionAlignClasses as ne, switchHitTargetSizeClasses as re, switchLabelClassesFor as a, switchLayouts as o, switchRowBaseClasses as ie, switchRowLabelOnlyClasses as s, switchRowSizeClasses as ae, switchSettingsRowClasses as oe, switchSizes as c, switchStatusBannerClassesFor as l, switchTextColumnClasses as u, switchThumbClasses as d, switchThumbOffsetPx as f, switchThumbSizeClasses as p, switchTrackClassesFor as se } from "./switchStyles.js";
+import { forwardRef as m, useId as ce, useState as h } from "react";
 import { Loader2 as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { motion as b } from "motion/react";
@@ -16,24 +16,25 @@ var x = {
 function S(e) {
 	e.message != null && e.status == null && console.warn("[WMDS Switch] `message` requires `status`.");
 }
-var C = h(function({ size: s = "md", layout: l = "inline", label: h, labelHidden: C = !1, description: w, status: T, message: E, loading: D = !1, className: O, disabled: k, readOnly: A, checked: j, defaultChecked: M, id: N, onChange: P, ...F }, I) {
-	let L = oe(), R = N ?? L;
+var C = m(function({ size: o = "md", layout: c = "inline", label: m, labelHidden: C = !1, description: w, status: T, message: E, loading: D = !1, className: O, disabled: k, readOnly: A, checked: j, defaultChecked: M, id: N, onChange: P, ...F }, I) {
+	n("Switch", T, E);
+	let L = ce(), R = N ?? L;
 	S({
 		status: T,
 		message: E
 	});
-	let z = j !== void 0, [B, V] = se(M ?? !1), H = z ? !!j : B, U = k || D, W = D && !k, G = E != null && E.length > 0 && T != null, K = G ? `${R}-message` : void 0, q = w != null && !C ? `${R}-description` : void 0, ce = [
+	let z = j !== void 0, [B, V] = h(M ?? !1), H = z ? !!j : B, U = k || D, W = D && !k, G = E != null && E.length > 0 && T != null, K = G ? `${R}-message` : void 0, q = w != null && !C ? `${R}-description` : void 0, le = [
 		F["aria-describedby"],
 		q,
 		K
-	].filter(Boolean).join(" ") || void 0, le = (e) => {
+	].filter(Boolean).join(" ") || void 0, ue = (e) => {
 		if (A || W) {
 			e.preventDefault();
 			return;
 		}
 		z || V(e.target.checked), P?.(e);
-	}, ue = ae(s, H, U, G ? void 0 : T), J = w != null && !C, Y = t("fast"), X = p[s], Z = (t) => /* @__PURE__ */ y("span", {
-		className: e("relative flex shrink-0 items-center justify-center", a[s], t),
+	}, de = se(o, H, U, G ? void 0 : T), J = w != null && !C, Y = t("fast"), X = f[o], Z = (t) => /* @__PURE__ */ y("span", {
+		className: e("relative flex shrink-0 items-center justify-center", re[o], t),
 		children: [/* @__PURE__ */ v("input", {
 			...F,
 			ref: I,
@@ -46,15 +47,15 @@ var C = h(function({ size: s = "md", layout: l = "inline", label: h, labelHidden
 			"aria-disabled": W || void 0,
 			readOnly: A,
 			"aria-invalid": T === "error" || void 0,
-			"aria-describedby": ce,
+			"aria-describedby": le,
 			"aria-busy": D || void 0,
-			onChange: le,
-			className: r
+			onChange: ue,
+			className: i
 		}), /* @__PURE__ */ v("span", {
-			className: ue,
+			className: de,
 			"aria-hidden": !0,
 			children: D ? /* @__PURE__ */ v(b.span, {
-				className: e(m[s], "flex items-center justify-center"),
+				className: e(p[o], "flex items-center justify-center"),
 				animate: { x: H ? X : 0 },
 				transition: Y,
 				children: /* @__PURE__ */ v(g, {
@@ -62,36 +63,36 @@ var C = h(function({ size: s = "md", layout: l = "inline", label: h, labelHidden
 					strokeWidth: 2
 				})
 			}) : /* @__PURE__ */ v(b.span, {
-				className: e(f, m[s]),
+				className: e(d, p[o]),
 				animate: { x: H ? X : 0 },
 				transition: Y
 			})
 		})]
 	}), Q = C ? /* @__PURE__ */ v("span", {
 		className: "sr-only",
-		children: h
+		children: m
 	}) : /* @__PURE__ */ y("span", {
-		className: d,
+		className: u,
 		children: [/* @__PURE__ */ v("span", {
-			className: o(U, J),
-			children: h
+			className: a(U, J),
+			children: m
 		}), J ? /* @__PURE__ */ v("span", {
 			id: q,
-			className: n,
+			className: te,
 			children: w
 		}) : null]
 	}), $ = /* @__PURE__ */ v("label", {
 		htmlFor: R,
-		className: e(ne, l === "settings" ? c : re, l === "inline" && !J && ie[s], l === "inline" && J && void 0, U && "cursor-not-allowed", O),
+		className: e(ie, c === "settings" ? oe : s, c === "inline" && !J && ae[o], c === "inline" && J && void 0, U && "cursor-not-allowed", O),
 		children: C ? /* @__PURE__ */ y(_, { children: [Z(), /* @__PURE__ */ v("span", {
 			className: "sr-only",
-			children: h
-		})] }) : l === "settings" ? /* @__PURE__ */ y(_, { children: [Q, Z()] }) : J ? /* @__PURE__ */ y("span", {
-			className: te[s],
-			children: [Z(i[s]), Q]
+			children: m
+		})] }) : c === "settings" ? /* @__PURE__ */ y(_, { children: [Q, Z()] }) : J ? /* @__PURE__ */ y("span", {
+			className: r[o],
+			children: [Z(ne[o]), Q]
 		}) : /* @__PURE__ */ y(_, { children: [Z(), C ? null : /* @__PURE__ */ v("span", {
-			className: o(U),
-			children: h
+			className: a(U),
+			children: m
 		})] })
 	});
 	return !G || T == null || K == null ? $ : /* @__PURE__ */ y("div", {
@@ -100,11 +101,11 @@ var C = h(function({ size: s = "md", layout: l = "inline", label: h, labelHidden
 			status: T,
 			message: E,
 			messageId: K,
-			size: x[s],
+			size: x[o],
 			messagePosition: "bottom",
-			bannerClassName: u(T)
+			bannerClassName: l(T)
 		})]
 	});
 });
 //#endregion
-export { C as Switch, s as switchLayouts, l as switchSizes };
+export { C as Switch, o as switchLayouts, c as switchSizes };

package/dist/components/atoms/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAqBL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC1G,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1G,sEAAsE;AACtE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAqBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,+GA6JnB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAqBL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC1G,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1G,sEAAsE;AACtE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAqBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,+GAgKnB,CAAC"}

package/dist/components/atoms/TextArea/TextArea.js

@@ -1,105 +1,106 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
-import { inputAttachedFieldClasses as n, inputCompoundShellClassesFor as r, inputControlStackClasses as i, inputDisabledClasses as a, inputFieldStackClasses as o, inputStatusGapClasses as s } from "../Input/inputShellStyles.js";
-import { InputStatusBanner as c } from "../inputShared/InputStatusBanner.js";
-import { InputTrailingAffordance as ee } from "../inputShared/InputTrailingAffordance.js";
-import { textareaBaseClasses as l, textareaCompoundFieldPaddingClasses as u, textareaCompoundInnerFieldClassesFor as d, textareaFixedPaddingClasses as f, textareaInlineClasses as p, textareaMinHeightClasses as m, textareaResizeClasses as te, textareaResizes as h, textareaShellFieldClasses as g, textareaSoloShellClassesFor as _, textareaStatusBannerClassesFor as v, textareaTrailingInsetClasses as y, textareaTrailingInsetPositionClasses as b } from "./textareaShellStyles.js";
-import { forwardRef as x, useId as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { inputAttachedFieldClasses as n, inputCompoundShellClassesFor as r, inputControlStackClasses as i, inputDisabledClasses as a, inputFieldStackClasses as o, inputStatusGapClasses as ee } from "../Input/inputShellStyles.js";
+import { InputStatusBanner as s, warnStatusWithoutMessage as c } from "../inputShared/InputStatusBanner.js";
+import { InputTrailingAffordance as l } from "../inputShared/InputTrailingAffordance.js";
+import { textareaBaseClasses as u, textareaCompoundFieldPaddingClasses as d, textareaCompoundInnerFieldClassesFor as f, textareaFixedPaddingClasses as p, textareaInlineClasses as m, textareaMinHeightClasses as h, textareaResizeClasses as g, textareaResizes as _, textareaShellFieldClasses as v, textareaSoloShellClassesFor as te, textareaStatusBannerClassesFor as y, textareaTrailingInsetClasses as b, textareaTrailingInsetPositionClasses as x } from "./textareaShellStyles.js";
+import { forwardRef as S, useId as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/components/atoms/TextArea/TextArea.tsx
-function E(e) {
+function D(e) {
 	e.label == null && e["aria-label"] == null && e["aria-labelledby"] == null && console.warn("[WMDS TextArea] Provide `label`, `aria-label`, or `aria-labelledby`.");
 }
-function D(e) {
+function O(e) {
 	e.message != null && e.status == null && console.warn("[WMDS TextArea] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.liveStatus != null || e.status != null || e.message != null) && console.warn("[WMDS TextArea] `inline` is for PromptBar only — omit label, description, and validation.");
 }
-var O = x(function({ size: c = "md", label: h, description: v, status: x, message: O, liveStatus: A, messagePosition: j = "bottom", loading: M = !1, rows: N = 4, resize: P = "vertical", inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
-	let H = S(), U = R ?? H;
-	E({
-		label: h,
+var k = S(function({ size: s = "md", label: _, description: y, status: S, message: k, liveStatus: A, messagePosition: j = "bottom", loading: M = !1, rows: N = 4, resize: P = "vertical", inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
+	c("TextArea", S, k);
+	let H = C(), U = R ?? H;
+	D({
+		label: _,
 		"aria-label": B["aria-label"],
 		"aria-labelledby": B["aria-labelledby"]
-	}), D({
-		status: x,
-		message: O,
+	}), O({
+		status: S,
+		message: k,
 		inline: F,
-		label: h,
-		description: v,
+		label: _,
+		description: y,
 		liveStatus: A
 	});
-	let W = O != null && O.length > 0 && x != null, G = !W && (M || x != null), K = v != null && !W ? `${U}-description` : void 0, q = W ? `${U}-message` : void 0, J = [
+	let W = k != null && k.length > 0 && S != null, G = !W && (M || S != null), K = y == null ? void 0 : `${U}-description`, q = W ? `${U}-message` : void 0, J = [
 		z,
 		K,
 		q
 	].filter(Boolean).join(" ") || void 0;
-	if (F) return /* @__PURE__ */ w("textarea", {
+	if (F) return /* @__PURE__ */ T("textarea", {
 		...B,
 		ref: V,
 		id: U,
 		rows: N,
 		disabled: L,
-		"aria-invalid": x === "error" || void 0,
+		"aria-invalid": S === "error" || void 0,
 		"aria-describedby": J,
-		className: e(a, p, I)
+		className: e(a, m, I)
 	});
-	let Y = /* @__PURE__ */ w("textarea", {
+	let Y = /* @__PURE__ */ T("textarea", {
 		...B,
 		ref: V,
 		id: U,
 		rows: N,
 		disabled: L,
-		"aria-invalid": x === "error" || void 0,
+		"aria-invalid": S === "error" || void 0,
 		"aria-describedby": J,
-		className: e(a, te[P], l, f[c], m[c], g, G && s[c], W && e(n, "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0", "rounded-none"))
-	}), X = G ? /* @__PURE__ */ w("span", {
-		className: e(y, b[c]),
-		children: /* @__PURE__ */ w(ee, {
-			size: c,
-			status: M ? void 0 : x,
+		className: e(a, g[P], u, p[s], h[s], v, G && ee[s], W && e(n, "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0", "rounded-none"))
+	}), X = G ? /* @__PURE__ */ T("span", {
+		className: e(b, x[s]),
+		children: /* @__PURE__ */ T(l, {
+			size: s,
+			status: M ? void 0 : S,
 			loading: M
 		})
-	}) : null, Z = /* @__PURE__ */ T(C, { children: [Y, X] }), ne = /* @__PURE__ */ w("div", {
-		className: e(_(c, x, P), I),
+	}) : null, Z = /* @__PURE__ */ E(w, { children: [Y, X] }), re = /* @__PURE__ */ T("div", {
+		className: e(te(s, S === "success" ? void 0 : S, P), I),
 		children: Z
-	}), re = /* @__PURE__ */ w("div", {
-		className: e("relative w-full", u(P, c)),
+	}), ie = /* @__PURE__ */ T("div", {
+		className: e("relative w-full", d(P, s)),
 		children: Z
-	}), Q = W && x != null && q != null ? /* @__PURE__ */ w(k, {
-		status: x,
-		message: O,
+	}), Q = W && S != null && q != null ? /* @__PURE__ */ T(ne, {
+		status: S,
+		message: k,
 		messageId: q,
-		size: c,
+		size: s,
 		messagePosition: j
-	}) : null, $ = W && x != null ? /* @__PURE__ */ T("div", {
-		className: r(c, x),
+	}) : null, $ = W && S != null ? /* @__PURE__ */ E("div", {
+		className: r(s, S),
 		children: [
 			j === "top" ? Q : null,
-			/* @__PURE__ */ w("div", {
-				className: d(c, x, j),
-				children: re
+			/* @__PURE__ */ T("div", {
+				className: f(s, S, j),
+				children: ie
 			}),
 			j === "bottom" ? Q : null
 		]
-	}) : /* @__PURE__ */ w("div", {
+	}) : /* @__PURE__ */ T("div", {
 		className: i,
-		children: ne
+		children: re
 	});
-	return h == null && v == null && A == null ? $ : /* @__PURE__ */ T("div", {
+	return _ == null && y == null && A == null ? $ : /* @__PURE__ */ E("div", {
 		className: o,
 		children: [
-			h == null ? null : /* @__PURE__ */ w("label", {
+			_ == null ? null : /* @__PURE__ */ T("label", {
 				htmlFor: U,
 				className: e(t("ui-label"), L && "opacity-50"),
-				children: h
+				children: _
 			}),
-			$,
-			K == null ? null : /* @__PURE__ */ w("p", {
+			K == null ? null : /* @__PURE__ */ T("p", {
 				id: K,
 				className: t("caption"),
-				children: v
+				children: y
 			}),
-			A == null ? null : /* @__PURE__ */ w("p", {
+			$,
+			A == null ? null : /* @__PURE__ */ T("p", {
 				role: "status",
 				"aria-live": "polite",
 				id: `${U}-live-status`,
@@ -109,15 +110,15 @@ var O = x(function({ size: c = "md", label: h, description: v, status: x, messag
 		]
 	});
 });
-function k({ status: e, message: t, messageId: n, size: r, messagePosition: i }) {
-	return /* @__PURE__ */ w(c, {
+function ne({ status: e, message: t, messageId: n, size: r, messagePosition: i }) {
+	return /* @__PURE__ */ T(s, {
 		status: e,
 		message: t,
 		messageId: n,
 		size: r,
 		messagePosition: i,
-		bannerClassName: v(e, r, i)
+		bannerClassName: y(e, r, i)
 	});
 }
 //#endregion
-export { O as TextArea, h as textareaResizes };
+export { k as TextArea, _ as textareaResizes };

package/dist/components/atoms/TextArea/textareaShellStyles.js

@@ -19,8 +19,8 @@ var g = [
 	md: "min-h-24",
 	lg: "min-h-28"
 }, b = {
-	sm: "px-2.5 py-2 text-xs leading-normal",
-	md: "px-3 py-2.5 text-sm leading-normal",
+	sm: "px-2.5 py-2 text-xs pointer-coarse:text-base leading-normal",
+	md: "px-3 py-2.5 text-sm pointer-coarse:text-base leading-normal",
 	lg: "px-4 py-3 text-base leading-normal"
 }, x = {
 	sm: "pr-2.5 pb-2.5",

package/dist/components/atoms/inputShared/InputStatusBanner.d.ts

@@ -1,4 +1,9 @@
 import { type InputMessagePosition, type InputSize, type InputStatus } from "../Input/inputShellStyles";
+/**
+ * Errors and validation V10: an error or a warning always says what's wrong. Warns in the console when a
+ * field has `status="error"` or `"warning"` and no `message`; a status-only success tick is fine.
+ */
+export declare function warnStatusWithoutMessage(component: string, status: InputStatus | undefined, message: unknown): void;
 /** Tinted validation band — shared by **Input** and **TextArea** (ADR-0006). */
 export declare function InputStatusBanner({ status, message, messageId, size, messagePosition, bannerClassName, className, }: {
     status: InputStatus;

package/dist/components/atoms/inputShared/InputStatusBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputStatusBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/inputShared/InputStatusBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAenC,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe,EAAE,oBAAoB,CAAC;IACtC,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAeA"}
+{"version":3,"file":"InputStatusBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/inputShared/InputStatusBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAkBnC;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,QAI5G;AAED,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe,EAAE,oBAAoB,CAAC;IACtC,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAmBA"}

package/dist/components/atoms/inputShared/InputStatusBanner.js

@@ -12,13 +12,24 @@ function c({ status: e }) {
 		"aria-hidden": !0
 	});
 }
-function l({ status: n, message: r, messageId: i, size: a, messagePosition: l, bannerClassName: u, className: d }) {
+var l = {
+	error: "Error:",
+	warning: "Warning:",
+	success: null
+};
+function u(e, t, n) {
+	(t === "error" || t === "warning") && (n == null || n === "") && console.warn(`[WMDS ${e}] \`status="${t}"\` needs a \`message\` that says what's wrong and how to fix it.`);
+}
+function d({ status: n, message: r, messageId: i, size: a, messagePosition: u, bannerClassName: d, className: f }) {
 	return /* @__PURE__ */ s("p", {
 		id: i,
-		className: e(u ?? t(n, a, l), "text-xs font-normal tracking-normal", d),
+		className: e(d ?? t(n, a, u), "text-xs font-normal tracking-normal", f),
 		role: n === "error" ? "alert" : "status",
-		children: [/* @__PURE__ */ o(c, { status: n }), /* @__PURE__ */ o("span", { children: r })]
+		children: [/* @__PURE__ */ o(c, { status: n }), /* @__PURE__ */ s("span", { children: [l[n] == null ? null : /* @__PURE__ */ s("span", {
+			className: "sr-only",
+			children: [l[n], " "]
+		}), r] })]
 	});
 }
 //#endregion
-export { l as InputStatusBanner };
+export { d as InputStatusBanner, u as warnStatusWithoutMessage };

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EACL,yBAAyB,EACzB,aAAa,EACb,KAAK,wBAAwB,EAC7B,KAAK,YAAY,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,qDAAqD;AACrD,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,4BAA4B,CAAC;CAC1C;AAkBD,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+BA2EpB;AAED,eAAO,MAAM,aAAa;;CAExB,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EACL,yBAAyB,EACzB,aAAa,EACb,KAAK,wBAAwB,EAC7B,KAAK,YAAY,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,qDAAqD;AACrD,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,4BAA4B,CAAC;CAC1C;AAkBD,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+BA4EpB;AAED,eAAO,MAAM,aAAa;;CAExB,CAAC"}

package/dist/components/molecules/CheckboxGroup/CheckboxGroup.js

@@ -1,76 +1,76 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { InputStatusBanner as t } from "../../atoms/inputShared/InputStatusBanner.js";
-import { checkboxStatusBannerClassesFor as n } from "../../atoms/Checkbox/checkboxStyles.js";
-import { checkboxGroupDescriptionClasses as r, checkboxGroupDescriptionSpacingClasses as i, checkboxGroupFieldStackClasses as a, checkboxGroupItemsClasses as o, checkboxGroupLabelClassesFor as s, checkboxGroupLegendLabelOnlySpacingClasses as c, checkboxGroupLegendWithDescriptionSpacingClasses as l, checkboxGroupMessageTopSpacingClasses as u, checkboxGroupOrientations as d } from "./checkboxGroupStyles.js";
-import { CheckboxGroupProvider as f } from "./CheckboxGroupContext.js";
-import { CheckboxGroupItem as p } from "./CheckboxGroupItem.js";
-import { useId as m, useMemo as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { InputStatusBanner as t, warnStatusWithoutMessage as n } from "../../atoms/inputShared/InputStatusBanner.js";
+import { checkboxStatusBannerClassesFor as r } from "../../atoms/Checkbox/checkboxStyles.js";
+import { checkboxGroupDescriptionClasses as i, checkboxGroupDescriptionSpacingClasses as a, checkboxGroupFieldStackClasses as o, checkboxGroupItemsClasses as s, checkboxGroupLabelClassesFor as c, checkboxGroupLegendLabelOnlySpacingClasses as l, checkboxGroupLegendWithDescriptionSpacingClasses as u, checkboxGroupMessageTopSpacingClasses as d, checkboxGroupOrientations as f } from "./checkboxGroupStyles.js";
+import { CheckboxGroupProvider as p } from "./CheckboxGroupContext.js";
+import { CheckboxGroupItem as m } from "./CheckboxGroupItem.js";
+import { useId as h, useMemo as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/molecules/CheckboxGroup/CheckboxGroup.tsx
-var v = {
+var y = {
 	sm: "sm",
 	md: "md"
 };
-function y(e) {
+function b(e) {
 	e.message != null && e.status == null && console.warn("[WMDS CheckboxGroup] `message` requires `status`."), e.values != null != (e.onValuesChange != null) && console.warn("[WMDS CheckboxGroup] `values` and `onValuesChange` must be used together.");
 }
-function b({ label: d, labelHidden: p = !1, description: b, values: x, onValuesChange: S, orientation: C = "vertical", size: w = "md", disabled: T = !1, status: E, message: D, children: O, className: k }) {
-	let A = m();
-	y({
-		status: E,
-		message: D,
-		values: x,
-		onValuesChange: S
-	});
-	let j = d == null ? void 0 : `${A}-legend`, M = b == null ? void 0 : `${A}-description`, N = D != null && E != null ? `${A}-message` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0, F = h(() => ({
-		values: x,
-		onValuesChange: S,
-		disabled: T,
-		size: w
+function x({ label: f, labelHidden: m = !1, description: x, values: S, onValuesChange: C, orientation: w = "vertical", size: T = "md", disabled: E = !1, status: D, message: O, children: k, className: A }) {
+	let j = h();
+	b({
+		status: D,
+		message: O,
+		values: S,
+		onValuesChange: C
+	}), n("CheckboxGroup", D, O);
+	let M = f == null ? void 0 : `${j}-legend`, N = x == null ? void 0 : `${j}-description`, P = O != null && D != null ? `${j}-message` : void 0, F = [N, P].filter(Boolean).join(" ") || void 0, I = g(() => ({
+		values: S,
+		onValuesChange: C,
+		disabled: E,
+		size: T
 	}), [
-		x,
 		S,
-		T,
-		w
+		C,
+		E,
+		T
 	]);
-	return /* @__PURE__ */ _("fieldset", {
-		disabled: T,
-		className: e(a, "min-w-0 border-0 p-0", k),
+	return /* @__PURE__ */ v("fieldset", {
+		disabled: E,
+		className: e(o, "min-w-0 border-0 p-0", A),
 		children: [
-			d == null ? null : /* @__PURE__ */ g("legend", {
-				id: j,
-				className: e(s(T), p && "sr-only", b == null ? c : l),
-				children: d
-			}),
-			b == null ? null : /* @__PURE__ */ g("p", {
+			f == null ? null : /* @__PURE__ */ _("legend", {
 				id: M,
-				className: e(r, i),
-				children: b
+				className: e(c(E), m && "sr-only", x == null ? l : u),
+				children: f
+			}),
+			x == null ? null : /* @__PURE__ */ _("p", {
+				id: N,
+				className: e(i, a),
+				children: x
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				role: "group",
-				"aria-labelledby": j,
-				"aria-describedby": P,
-				"aria-invalid": E === "error" || void 0,
-				"aria-disabled": T || void 0,
-				className: o[C],
-				children: /* @__PURE__ */ g(f, {
-					value: F,
-					children: O
+				"aria-labelledby": M,
+				"aria-describedby": F,
+				"aria-invalid": D === "error" || void 0,
+				"aria-disabled": E || void 0,
+				className: s[w],
+				children: /* @__PURE__ */ _(p, {
+					value: I,
+					children: k
 				})
 			}),
-			D != null && E != null && N != null ? /* @__PURE__ */ g(t, {
-				status: E,
-				message: D,
-				messageId: N,
-				size: v[w],
+			O != null && D != null && P != null ? /* @__PURE__ */ _(t, {
+				status: D,
+				message: O,
+				messageId: P,
+				size: y[T],
 				messagePosition: "bottom",
-				bannerClassName: e(n(E), u)
+				bannerClassName: e(r(D), d)
 			}) : null
 		]
 	});
 }
-var x = Object.assign(b, { Item: p });
+var S = Object.assign(x, { Item: m });
 //#endregion
-export { x as CheckboxGroup, d as checkboxGroupOrientations };
+export { S as CheckboxGroup, f as checkboxGroupOrientations };

package/dist/components/molecules/CopyField/copyFieldStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copyFieldStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CopyField/copyFieldStyles.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAAiE,CAAC;AAEpG;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yDAAyD,CAAC;AAE5F;;;GAGG;AACH,eAAO,MAAM,sBAAsB,QAAuC,CAAC;AAE3E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,oBAAoB,CAAC"}
+{"version":3,"file":"copyFieldStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CopyField/copyFieldStyles.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAAiE,CAAC;AAEpG;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yDAAyD,CAAC;AAE5F;;;GAGG;AAEH,eAAO,MAAM,sBAAsB,QAAuE,CAAC;AAE3G;;;GAGG;AACH,eAAO,MAAM,oBAAoB,oBAAoB,CAAC"}

package/dist/components/molecules/CopyField/copyFieldStyles.js

@@ -2,6 +2,6 @@
 import { cn as e } from "../../../lib/cn.js";
 import { promptBarSendClasses as t, promptBarShellClasses as n, promptBarShellStartPadClasses as r } from "../PromptBar/promptBarStyles.js";
 //#region src/components/molecules/CopyField/copyFieldStyles.ts
-var i = "flex w-full min-w-0 flex-col gap-2", a = "type-label", o = e(n, r.field), s = "h-9 min-h-9 w-full min-w-0 flex-1 truncate px-0 py-0", c = e(t, "shrink-0"), l = "type-supporting";
+var i = "flex w-full min-w-0 flex-col gap-2", a = "type-label", o = e(n, r.field), s = "h-9 min-h-9 w-full min-w-0 flex-1 truncate px-0 py-0", c = e(t, "shrink-0 pointer-coarse:overflow-visible"), l = "type-supporting";
 //#endregion
 export { c as copyFieldButtonClasses, i as copyFieldClasses, l as copyFieldHintClasses, a as copyFieldLabelClasses, o as copyFieldShellClasses, s as copyFieldValueClasses };

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

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import { type ErrorSummaryHeadingLevel } from "./errorSummaryStyles";
+export { errorSummaryHeadingLevels, type ErrorSummaryHeadingLevel } from "./errorSummaryStyles";
+/** Layout-only — margin or grid placement. */
+export type ErrorSummaryLayoutClassName = string;
+export interface ErrorSummaryItem {
+    /** The `id` of the field with the error; its link moves focus there. */
+    field: string;
+    /** The same words as the field's own message ("Enter your email address"). */
+    message: ReactNode;
+}
+export interface ErrorSummaryProps {
+    /** One line per error, in the order the fields appear. Renders nothing when empty. */
+    errors: ErrorSummaryItem[];
+    /** Default: "There's a problem". */
+    title?: ReactNode;
+    /** Its heading level in the page outline. Default `h2`. */
+    as?: ErrorSummaryHeadingLevel;
+    /**
+     * Move focus to the summary when its errors change, so a screen reader starts here after a failed
+     * submit. Default `true`.
+     */
+    focusOnShow?: boolean;
+    className?: ErrorSummaryLayoutClassName;
+}
+/**
+ * The summary at the top of a form after a failed submit (Errors and validation V5): "There's a problem",
+ * then one link per error, worded like the field's own message. It takes focus when it appears, and each
+ * link moves focus to its field. The fields keep their inline messages too.
+ */
+export declare function ErrorSummary({ errors, title, as: Heading, focusOnShow, className }: ErrorSummaryProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ErrorSummary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ErrorSummary/ErrorSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKL,KAAK,wBAAwB,EAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,yBAAyB,EAAE,KAAK,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhG,8CAA8C;AAC9C,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2DAA2D;IAC3D,EAAE,CAAC,EAAE,wBAAwB,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAA2B,EAAE,EAAE,EAAE,OAAc,EAAE,WAAkB,EAAE,SAAS,EAAE,EAAE,iBAAiB,sCA4CzI"}

package/dist/components/molecules/ErrorSummary/ErrorSummary.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { errorSummaryClasses as t, errorSummaryHeadingLevels as n, errorSummaryLinkClasses as r, errorSummaryListClasses as i, errorSummaryTitleClasses as a } from "./errorSummaryStyles.js";
+import { useEffect as o, useId as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/molecules/ErrorSummary/ErrorSummary.tsx
+function d({ errors: n, title: d = "There's a problem", as: f = "h2", focusOnShow: p = !0, className: m }) {
+	let h = c(null), g = s(), _ = n.map((e) => e.field).join("|");
+	return o(() => {
+		p && _ !== "" && h.current?.focus();
+	}, [p, _]), n.length === 0 ? null : /* @__PURE__ */ u("div", {
+		ref: h,
+		role: "alert",
+		"aria-labelledby": g,
+		tabIndex: -1,
+		className: e(t, m),
+		"data-error-summary": "",
+		children: [/* @__PURE__ */ l(f, {
+			id: g,
+			className: a,
+			children: d
+		}), /* @__PURE__ */ l("ul", {
+			className: i,
+			children: n.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("a", {
+				href: `#${e.field}`,
+				className: r,
+				onClick: (t) => {
+					let n = document.getElementById(e.field);
+					n != null && (t.preventDefault(), n.scrollIntoView({ block: "center" }), n.focus({ preventScroll: !0 }));
+				},
+				children: e.message
+			}) }, e.field))
+		})]
+	});
+}
+//#endregion
+export { d as ErrorSummary, n as errorSummaryHeadingLevels };