@thewhatmatters/wmds 0.4.42 → 0.4.45

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

@@ -24,6 +24,8 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
     liveStatus?: string;
     /** Trailing spinner — async validation. */
     loading?: boolean;
+    /** Read out while `loading` (Loading states Y4). Default "Checking…". */
+    loadingLabel?: string;
     /** Visible row count — default **4**. */
     rows?: number;
     /** Native resize — default **`vertical`**. */

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,+GAgKnB,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,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,+GAyKnB,CAAC"}

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

@@ -1,8 +1,8 @@
 "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 ee } from "../Input/inputShellStyles.js";
-import { InputStatusBanner as s, warnStatusWithoutMessage as c } from "../inputShared/InputStatusBanner.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, warnStatusWithoutMessage as ee } 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";
@@ -14,88 +14,98 @@ 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 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;
+var k = S(function({ size: c = "md", label: _, description: y, status: S, message: k, liveStatus: A, messagePosition: j = "bottom", loading: M = !1, loadingLabel: N = "Checking…", rows: P = 4, resize: F = "vertical", inline: I = !1, className: L, disabled: R, id: z, "aria-describedby": B, ...V }, H) {
+	ee("TextArea", S, k);
+	let U = C(), W = z ?? U;
 	D({
 		label: _,
-		"aria-label": B["aria-label"],
-		"aria-labelledby": B["aria-labelledby"]
+		"aria-label": V["aria-label"],
+		"aria-labelledby": V["aria-labelledby"]
 	}), O({
 		status: S,
 		message: k,
-		inline: F,
+		inline: I,
 		label: _,
 		description: y,
 		liveStatus: A
 	});
-	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
+	let G = k != null && k.length > 0 && S != null, K = !G && (M || S != null), q = y == null ? void 0 : `${W}-description`, J = G ? `${W}-message` : void 0, Y = [
+		B,
+		q,
+		J
 	].filter(Boolean).join(" ") || void 0;
-	if (F) return /* @__PURE__ */ T("textarea", {
-		...B,
-		ref: V,
-		id: U,
-		rows: N,
-		disabled: L,
+	if (I) return /* @__PURE__ */ T("textarea", {
+		...V,
+		ref: H,
+		id: W,
+		rows: P,
+		disabled: R,
 		"aria-invalid": S === "error" || void 0,
-		"aria-describedby": J,
-		className: e(a, m, I)
+		"aria-busy": M || void 0,
+		"aria-describedby": Y,
+		className: e(a, m, L)
 	});
-	let Y = /* @__PURE__ */ T("textarea", {
-		...B,
-		ref: V,
-		id: U,
-		rows: N,
-		disabled: L,
+	let X = /* @__PURE__ */ T("textarea", {
+		...V,
+		ref: H,
+		id: W,
+		rows: P,
+		disabled: R,
 		"aria-invalid": S === "error" || void 0,
-		"aria-describedby": J,
-		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]),
+		"aria-busy": M || void 0,
+		"aria-describedby": Y,
+		className: e(a, g[F], u, p[c], h[c], v, K && s[c], G && e(n, "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0", "rounded-none"))
+	}), re = K ? /* @__PURE__ */ T("span", {
+		className: e(b, x[c]),
 		children: /* @__PURE__ */ T(l, {
-			size: s,
+			size: c,
 			status: M ? void 0 : S,
 			loading: M
 		})
-	}) : null, Z = /* @__PURE__ */ E(w, { children: [Y, X] }), re = /* @__PURE__ */ T("div", {
-		className: e(te(s, S === "success" ? void 0 : S, P), I),
+	}) : null, Z = /* @__PURE__ */ E(w, { children: [
+		X,
+		re,
+		M ? /* @__PURE__ */ T("span", {
+			role: "status",
+			className: "sr-only",
+			children: N
+		}) : null
+	] }), ie = /* @__PURE__ */ T("div", {
+		className: e(te(c, S === "success" ? void 0 : S, F), L),
 		children: Z
-	}), ie = /* @__PURE__ */ T("div", {
-		className: e("relative w-full", d(P, s)),
+	}), ae = /* @__PURE__ */ T("div", {
+		className: e("relative w-full", d(F, c)),
 		children: Z
-	}), Q = W && S != null && q != null ? /* @__PURE__ */ T(ne, {
+	}), Q = G && S != null && J != null ? /* @__PURE__ */ T(ne, {
 		status: S,
 		message: k,
-		messageId: q,
-		size: s,
+		messageId: J,
+		size: c,
 		messagePosition: j
-	}) : null, $ = W && S != null ? /* @__PURE__ */ E("div", {
-		className: r(s, S),
+	}) : null, $ = G && S != null ? /* @__PURE__ */ E("div", {
+		className: r(c, S),
 		children: [
 			j === "top" ? Q : null,
 			/* @__PURE__ */ T("div", {
-				className: f(s, S, j),
-				children: ie
+				className: f(c, S, j),
+				children: ae
 			}),
 			j === "bottom" ? Q : null
 		]
 	}) : /* @__PURE__ */ T("div", {
 		className: i,
-		children: re
+		children: ie
 	});
 	return _ == null && y == null && A == null ? $ : /* @__PURE__ */ E("div", {
 		className: o,
 		children: [
 			_ == null ? null : /* @__PURE__ */ T("label", {
-				htmlFor: U,
-				className: e(t("ui-label"), L && "opacity-50"),
+				htmlFor: W,
+				className: e(t("ui-label"), R && "opacity-50"),
 				children: _
 			}),
-			K == null ? null : /* @__PURE__ */ T("p", {
-				id: K,
+			q == null ? null : /* @__PURE__ */ T("p", {
+				id: q,
 				className: t("caption"),
 				children: y
 			}),
@@ -103,7 +113,7 @@ var k = S(function({ size: s = "md", label: _, description: y, status: S, messag
 			A == null ? null : /* @__PURE__ */ T("p", {
 				role: "status",
 				"aria-live": "polite",
-				id: `${U}-live-status`,
+				id: `${W}-live-status`,
 				className: t("caption"),
 				children: A
 			})
@@ -111,7 +121,7 @@ var k = S(function({ size: s = "md", label: _, description: y, status: S, messag
 	});
 });
 function ne({ status: e, message: t, messageId: n, size: r, messagePosition: i }) {
-	return /* @__PURE__ */ T(s, {
+	return /* @__PURE__ */ T(c, {
 		status: e,
 		message: t,
 		messageId: n,

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

@@ -1 +1 @@
-{"version":3,"file":"InputTrailingAffordance.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/inputShared/InputTrailingAffordance.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAenC,8EAA8E;AAC9E,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,sCAmBA"}
+{"version":3,"file":"InputTrailingAffordance.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/inputShared/InputTrailingAffordance.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAenC,8EAA8E;AAC9E,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,sCAsBA"}

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

@@ -1,26 +1,28 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { inputSpinnerSizeClasses as t, inputStatusIconClasses as n, inputStatusIconSizeClasses as r } from "../Input/inputShellStyles.js";
-import { CheckCircle2 as i, CircleX as a, Loader2 as o, TriangleAlert as s } from "lucide-react";
-import { jsx as c } from "react/jsx-runtime";
+import { useDelayedLoading as t } from "../../../lib/useDelayedLoading.js";
+import { inputSpinnerSizeClasses as n, inputStatusIconClasses as r, inputStatusIconSizeClasses as i } from "../Input/inputShellStyles.js";
+import { CheckCircle2 as a, CircleX as o, Loader2 as s, TriangleAlert as c } from "lucide-react";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/atoms/inputShared/InputTrailingAffordance.tsx
-function l({ status: t, size: o }) {
-	let l = e(r[o], n[t]);
-	return c(t === "error" ? a : t === "warning" ? s : i, {
-		className: l,
+function u({ status: t, size: n }) {
+	let s = e(i[n], r[t]);
+	return l(t === "error" ? o : t === "warning" ? c : a, {
+		className: s,
 		strokeWidth: 2,
 		"aria-hidden": !0
 	});
 }
-function u({ size: n, status: r, loading: i }) {
-	return i ? /* @__PURE__ */ c(o, {
-		className: e(t[n], "animate-spin stroke-current text-muted"),
+function d({ size: r, status: i, loading: a }) {
+	let o = t(a === !0);
+	return a ? o ? /* @__PURE__ */ l(s, {
+		className: e(n[r], "animate-spin motion-reduce:animate-none stroke-current text-muted"),
 		strokeWidth: 2,
 		"aria-hidden": !0
-	}) : r == null ? null : /* @__PURE__ */ c(l, {
-		status: r,
-		size: n
+	}) : null : i == null ? null : /* @__PURE__ */ l(u, {
+		status: i,
+		size: r
 	});
 }
 //#endregion
-export { u as InputTrailingAffordance };
+export { d as InputTrailingAffordance };

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

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

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

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { typographyClass as t } from "../../../lib/typography.js";
-import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
-import { calEmbedClasses as r, calEmbedEmptyClasses as i, calEmbedFrameClasses as a } from "./calEmbedStyles.js";
+import { TextLink as t } from "../../atoms/TextLink/TextLink.js";
+import { calEmbedClasses as n, calEmbedEmptyClasses as r, calEmbedFrameClasses as i } from "./calEmbedStyles.js";
+import { EmptyState as a } from "../EmptyState/EmptyState.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/molecules/CalEmbed/CalEmbed.tsx
 var c = "#email", l = "Skip, just email me", u = "Booking isn’t available right now", d = "We’ll follow up by email with a few times instead.";
@@ -12,40 +12,34 @@ function f(e) {
 function p(e, t) {
 	e != null && (t.preventDefault(), e());
 }
-function m({ skipHref: e = c, skipLabel: t = l, onSkip: r, className: i }) {
-	return /* @__PURE__ */ o(n, {
+function m({ skipHref: e = c, skipLabel: n = l, onSkip: r, className: i }) {
+	return /* @__PURE__ */ o(t, {
 		href: e,
 		className: i,
 		"data-cal-embed-skip": "",
 		onClick: (e) => p(r, e),
-		children: t
+		children: n
 	});
 }
-function h({ children: n, emptyTitle: p = u, emptyDescription: h = d, skip: g, skipHref: _ = c, skipLabel: v = l, onSkip: y, className: b }) {
-	let x = f(n), S = g === void 0 ? /* @__PURE__ */ o(m, {
+function h({ children: t, emptyTitle: p = u, emptyDescription: h = d, skip: g, skipHref: _ = c, skipLabel: v = l, onSkip: y, className: b }) {
+	let x = f(t), S = g === void 0 ? /* @__PURE__ */ o(m, {
 		skipHref: _,
 		skipLabel: v,
 		onSkip: y
 	}) : null;
 	return /* @__PURE__ */ s("div", {
-		className: e(r, b),
+		className: e(n, b),
 		"data-cal-embed": "",
 		children: [x ? S : null, /* @__PURE__ */ o("div", {
-			className: a,
-			children: x ? n : /* @__PURE__ */ s("div", {
-				className: i,
+			className: i,
+			children: x ? t : /* @__PURE__ */ o("div", {
+				className: r,
 				"data-cal-embed-empty": "",
-				children: [
-					/* @__PURE__ */ o("p", {
-						className: t("subheading"),
-						children: p
-					}),
-					/* @__PURE__ */ o("p", {
-						className: e(t("caption"), "text-muted"),
-						children: h
-					}),
-					S
-				]
+				children: /* @__PURE__ */ o(a, {
+					title: p,
+					description: h,
+					action: S
+				})
 			})
 		})]
 	});

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+import { type EmptyStateKind } from "./emptyStateStyles";
+export { emptyStateKinds, type EmptyStateKind } from "./emptyStateStyles";
+/** Layout-only — width or margin. */
+export type EmptyStateLayoutClassName = string;
+export interface EmptyStateProps {
+    /**
+     * - `first-use`: nothing here yet. Say what shows up here and give the main action ("No projects yet" /
+     *   "Projects you start show up here." / Start a project).
+     * - `no-results`: a search or filter found nothing. Name the words or filters ("No work matches Restaurants
+     *   and Video") and offer Clear filters (`onClearFilters`, required).
+     * - `done`: everything is handled ("You’re all caught up"). A short positive line, no action.
+     */
+    kind?: EmptyStateKind;
+    /** The one line that says what’s going on, in the feature’s words. */
+    title: ReactNode;
+    /** Optional: what shows up here, or why nothing matched. One sentence. */
+    description?: ReactNode;
+    /**
+     * `first-use`: one way forward, a **Button**. `role="primary"` when the empty state is the page’s main
+     * content (nothing else on the page asks for an action); `secondary` only when the page already has a
+     * primary (Z3, U7).
+     */
+    action?: ReactNode;
+    /** `no-results`: clears the search and filters. */
+    onClearFilters?: () => void;
+    clearFiltersLabel?: string;
+    /** At most a quiet "Learn more" **TextLink**. */
+    learnMore?: ReactNode;
+    /** A 24px glyph that names the thing (Lucide). No illustrations. */
+    icon?: ReactNode;
+    className?: EmptyStateLayoutClassName;
+}
+/**
+ * Empty states (Rule 22): what takes a list’s place when there’s nothing in it. The page around it stays
+ * (heading, search, filters). Looks different from loading (Skeleton) and from an error.
+ */
+export declare function EmptyState({ kind, title, description, action, onClearFilters, clearFiltersLabel, learnMore, icon, className, }: EmptyStateProps): import("react").JSX.Element;
+/** A plain string in an `empty` slot becomes an **EmptyState** (Z7); anything else is used as given. */
+export declare function emptySlot(empty: ReactNode, kind?: EmptyStateKind): ReactNode;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE1E,qCAAqC;AACrC,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sEAAsE;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAkB,EAClB,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,iBAAmC,EACnC,SAAS,EACT,IAAI,EACJ,SAAS,GACV,EAAE,eAAe,+BA+BjB;AAED,wGAAwG;AACxG,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,GAAE,cAA4B,GAAG,SAAS,CAEzF"}

package/dist/components/molecules/EmptyState/EmptyState.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Button as t } from "../../atoms/Button/Button.js";
+import { emptyStateActionsClasses as n, emptyStateClasses as r, emptyStateDescriptionClasses as i, emptyStateIconClasses as a, emptyStateKinds as o, emptyStateTitleClasses as s } from "./emptyStateStyles.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/molecules/EmptyState/EmptyState.tsx
+function u({ kind: o = "first-use", title: u, description: d, action: f, onClearFilters: p, clearFiltersLabel: m = "Clear filters", learnMore: h, icon: g, className: _ }) {
+	o === "no-results" && p == null && console.warn("[WMDS EmptyState] `kind=\"no-results\"` needs `onClearFilters` (a way back to everything)."), o === "done" && f != null && console.warn("[WMDS EmptyState] `kind=\"done\"` takes no action: a short positive line is enough.");
+	let v = o === "done" ? null : o === "no-results" ? o === "no-results" && p != null ? /* @__PURE__ */ c(t, {
+		role: "secondary",
+		size: "sm",
+		onClick: p,
+		children: m
+	}) : null : f;
+	return /* @__PURE__ */ l("div", {
+		className: e(r, _),
+		"data-empty-state": o,
+		children: [
+			g == null ? null : /* @__PURE__ */ c("span", {
+				className: a,
+				"aria-hidden": !0,
+				children: g
+			}),
+			/* @__PURE__ */ c("p", {
+				className: s,
+				children: u
+			}),
+			d == null ? null : /* @__PURE__ */ c("p", {
+				className: i,
+				children: d
+			}),
+			v != null || h != null ? /* @__PURE__ */ l("div", {
+				className: n,
+				children: [v, h]
+			}) : null
+		]
+	});
+}
+function d(e, t = "first-use") {
+	return typeof e == "string" ? /* @__PURE__ */ c(u, {
+		kind: t,
+		title: e
+	}) : e;
+}
+//#endregion
+export { u as EmptyState, d as emptySlot, o as emptyStateKinds };

package/dist/components/molecules/EmptyState/emptyStateStyles.d.ts

@@ -0,0 +1,10 @@
+export declare const emptyStateKinds: readonly ["first-use", "no-results", "done"];
+export type EmptyStateKind = (typeof emptyStateKinds)[number];
+/** Takes the list’s place only: centred, compact, so the action shows without scrolling at 390 (Z9). */
+export declare const emptyStateClasses = "flex w-full flex-col items-center gap-2 px-4 py-8 text-center";
+/** 24px, only when it names the thing (Z9). No illustrations. */
+export declare const emptyStateIconClasses = "mb-1 inline-flex text-muted [&>svg]:size-6 [&>svg]:shrink-0 [&>svg]:stroke-current";
+export declare const emptyStateTitleClasses: string;
+export declare const emptyStateDescriptionClasses: string;
+export declare const emptyStateActionsClasses = "mt-2 flex flex-wrap items-center justify-center gap-3";
+//# sourceMappingURL=emptyStateStyles.d.ts.map

package/dist/components/molecules/EmptyState/emptyStateStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyStateStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EmptyState/emptyStateStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,8CAA+C,CAAC;AAC5E,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,kEAAkE,CAAC;AACjG,iEAAiE;AACjE,eAAO,MAAM,qBAAqB,uFAAuF,CAAC;AAC1H,eAAO,MAAM,sBAAsB,QAA+C,CAAC;AACnF,eAAO,MAAM,4BAA4B,QAAwE,CAAC;AAClH,eAAO,MAAM,wBAAwB,0DAA0D,CAAC"}

package/dist/components/molecules/EmptyState/emptyStateStyles.js

@@ -0,0 +1,11 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+//#region src/components/molecules/EmptyState/emptyStateStyles.ts
+var n = [
+	"first-use",
+	"no-results",
+	"done"
+], r = "flex w-full flex-col items-center gap-2 px-4 py-8 text-center", i = "mb-1 inline-flex text-muted [&>svg]:size-6 [&>svg]:shrink-0 [&>svg]:stroke-current", a = e(t("subheading"), "text-fg"), o = e(t("caption"), "max-w-[40ch] text-pretty text-muted"), s = "mt-2 flex flex-wrap items-center justify-center gap-3";
+//#endregion
+export { s as emptyStateActionsClasses, r as emptyStateClasses, o as emptyStateDescriptionClasses, i as emptyStateIconClasses, n as emptyStateKinds, a as emptyStateTitleClasses };

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

@@ -22,6 +22,11 @@ export interface IndexListProps {
     titleAs?: IndexListTitleElement;
     /** Shown in place of the rows when there are none — for example "No posts match these filters." */
     empty?: ReactNode;
+    /**
+     * The result count, read out when it changes (Empty states Z6): "12 projects", "0 projects match".
+     * Kept in a status line that's always there, so the change is announced.
+     */
+    resultsLabel?: string;
     /** Names the list for screen readers, for example "Posts". */
     "aria-label"?: string;
     "aria-labelledby"?: string;
@@ -53,7 +58,7 @@ export interface IndexListItemProps {
  * Editorial index — a ruled list where each row has a meta column, a large linked title, and an
  * optional preview that expands under the title. Optional column captions share the rows' tracks.
  */
-declare function IndexListRoot({ captions, size, titleAs, empty, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, }: IndexListProps): import("react").JSX.Element;
+declare function IndexListRoot({ captions, size, titleAs, empty, resultsLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, }: IndexListProps): import("react").JSX.Element;
 declare function IndexListItem({ title, href, render, meta, preview, defaultOpen, open: openProp, onOpenChange, previewLabel, className, }: IndexListItemProps): import("react").JSX.Element;
 export declare const IndexList: typeof IndexListRoot & {
     Item: typeof IndexListItem;

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

@@ -1 +1 @@
-{"version":3,"file":"IndexList.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IndexList/IndexList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAiBL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,KAAK,aAAa,EAClB,KAAK,qBAAqB,GAC3B,MAAM,mBAAmB,CAAC;AAE3B,sDAAsD;AACtD,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,iGAAiG;IACjG,IAAI,EAAE,SAAS,CAAC;IAChB,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,4FAA4F;IAC5F,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,mGAAmG;IACnG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2GAA2G;IAC3G,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AASD;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,OAAc,EACd,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,+BA8BhB;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,OAAO,EACP,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BA6CpB;AAED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}
+{"version":3,"file":"IndexList.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IndexList/IndexList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAiBL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,KAAK,aAAa,EAClB,KAAK,qBAAqB,GAC3B,MAAM,mBAAmB,CAAC;AAG3B,sDAAsD;AACtD,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,iGAAiG;IACjG,IAAI,EAAE,SAAS,CAAC;IAChB,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,4FAA4F;IAC5F,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,mGAAmG;IACnG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2GAA2G;IAC3G,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AASD;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,OAAc,EACd,KAAK,EACL,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,+BAmChB;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,OAAO,EACP,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BA6CpB;AAED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}