@thewhatmatters/wmds 0.3.0 → 0.4.1

package/dist/components/atoms/Checkbox/Checkbox.js

@@ -2,100 +2,117 @@
 import { cn as e } from "../../../lib/cn.js";
 import "../Input/inputShellStyles.js";
 import { InputStatusBanner as t } from "../inputShared/InputStatusBanner.js";
-import { checkboxBoxClassesFor as n, checkboxCheckIconSizeClasses as r, checkboxDescriptionClasses as i, checkboxDescriptionRowClasses as ee, checkboxHiddenInputClasses as a, checkboxHitTargetDescriptionAlignClasses as o, checkboxHitTargetSizeClasses as s, checkboxIndeterminateBarSizeClasses as c, checkboxLabelClassesFor as l, checkboxMarkClasses as u, checkboxRowBaseClasses as d, checkboxRowSizeClasses as f, checkboxSizes as p, checkboxStatusBannerClassesFor as m, checkboxTextColumnClasses as h } from "./checkboxStyles.js";
-import { forwardRef as g, useCallback as _, useId as v, useState as y } from "react";
-import { Check as te, Loader2 as ne } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { checkboxBoxClassesFor as ee, checkboxCheckIconSizeClasses as n, checkboxCountClasses as r, checkboxCountTitleLineClasses as i, checkboxDescriptionClasses as a, checkboxDescriptionRowClasses as te, checkboxHiddenInputClasses as o, checkboxHitTargetDescriptionAlignClasses as s, checkboxHitTargetSizeClasses as ne, checkboxIndeterminateBarSizeClasses as re, checkboxLabelClassesFor as c, checkboxMarkClasses as l, checkboxRowBaseClasses as u, checkboxRowSizeClasses as d, checkboxSizes as f, checkboxStatusBannerClassesFor as p, checkboxTextColumnClasses as m } from "./checkboxStyles.js";
+import { forwardRef as h, useCallback as ie, useId as ae, useState as oe } from "react";
+import { Check as se, Loader2 as ce } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/atoms/Checkbox/Checkbox.tsx
-var C = {
+var y = {
 	sm: "sm",
 	md: "md"
 };
-function w(e) {
+function b(e) {
 	e.message != null && e.status == null && console.warn("[WMDS Checkbox] `message` requires `status`.");
 }
-var T = g(function({ size: p = "md", label: g, labelHidden: T = !1, description: E, indeterminate: D = !1, status: O, message: k, loading: A = !1, className: j, disabled: M, readOnly: N, checked: P, defaultChecked: F, id: I, onChange: L, ...R }, z) {
-	let B = v(), V = I ?? B;
-	w({
-		status: O,
-		message: k
+var x = h(function({ size: f = "md", label: h, labelHidden: x = !1, description: S, count: C, countLabel: le, indeterminate: w = !1, 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 = ae(), R = N ?? L;
+	b({
+		status: T,
+		message: E
 	});
-	let H = P !== void 0, [U, W] = y(F ?? !1), G = H ? !!P : U, K = M || A, q = k != null && k.length > 0 && O != null, J = q ? `${V}-message` : void 0, Y = E != null && !T ? `${V}-description` : void 0, X = [
-		R["aria-describedby"],
-		Y,
-		J
-	].filter(Boolean).join(" ") || void 0, re = _((e) => {
-		e && (e.indeterminate = D), typeof z == "function" ? z(e) : z != null && (z.current = e);
-	}, [D, z]), ie = (e) => {
-		if (N) {
+	let z = j !== void 0, [B, V] = oe(M ?? !1), H = z ? !!j : B, U = k || D, W = E != null && E.length > 0 && T != null, G = W ? `${R}-message` : void 0, K = S != null && !x ? `${R}-description` : void 0, ue = [
+		F["aria-describedby"],
+		K,
+		G
+	].filter(Boolean).join(" ") || void 0, de = ie((e) => {
+		e && (e.indeterminate = w), typeof I == "function" ? I(e) : I != null && (I.current = e);
+	}, [w, I]), fe = (e) => {
+		if (A) {
 			e.preventDefault();
 			return;
 		}
-		H || W(e.target.checked), L?.(e);
-	}, ae = n(p, G, D, K, q ? void 0 : O), Z = E != null && !T, Q = (t) => /* @__PURE__ */ S("span", {
-		className: e("relative flex shrink-0 items-center justify-center", s[p], t),
-		children: [/* @__PURE__ */ x("input", {
-			...R,
-			ref: re,
-			id: V,
+		z || V(e.target.checked), P?.(e);
+	}, pe = ee(f, H, w, U, W ? void 0 : T), q = S != null && !x, J = C != null, Y = C?.toLocaleString("en-US"), X = J ? /* @__PURE__ */ _("span", {
+		className: "sr-only",
+		children: ` (${le ?? Y})`
+	}) : null, Z = J ? /* @__PURE__ */ _("span", {
+		className: r,
+		"aria-hidden": !0,
+		children: Y
+	}) : null, Q = (t) => /* @__PURE__ */ v("span", {
+		className: e("relative flex shrink-0 items-center justify-center", ne[f], t),
+		children: [/* @__PURE__ */ _("input", {
+			...F,
+			ref: de,
+			id: R,
 			type: "checkbox",
-			checked: H ? P : void 0,
-			defaultChecked: H ? void 0 : F,
-			disabled: K,
-			readOnly: N,
-			"aria-invalid": O === "error" || void 0,
-			"aria-describedby": X,
-			"aria-checked": D ? "mixed" : void 0,
-			"aria-busy": A || void 0,
-			onChange: ie,
-			className: a
-		}), /* @__PURE__ */ x("span", {
-			className: ae,
+			checked: z ? j : void 0,
+			defaultChecked: z ? void 0 : M,
+			disabled: U,
+			readOnly: A,
+			"aria-invalid": T === "error" || void 0,
+			"aria-describedby": ue,
+			"aria-checked": w ? "mixed" : void 0,
+			"aria-busy": D || void 0,
+			onChange: fe,
+			className: o
+		}), /* @__PURE__ */ _("span", {
+			className: pe,
 			"aria-hidden": !0,
-			children: A ? /* @__PURE__ */ x(ne, {
-				className: e(r[p], u, "animate-spin"),
+			children: D ? /* @__PURE__ */ _(ce, {
+				className: e(n[f], l, "animate-spin"),
 				strokeWidth: 2
-			}) : D ? /* @__PURE__ */ x("span", { className: e(c[p], u, "rounded-full bg-current") }) : G ? /* @__PURE__ */ x(te, {
-				className: e(r[p], u),
+			}) : w ? /* @__PURE__ */ _("span", { className: e(re[f], l, "rounded-full bg-current") }) : H ? /* @__PURE__ */ _(se, {
+				className: e(n[f], l),
 				strokeWidth: 3,
 				"aria-hidden": !0
 			}) : null
 		})]
-	}), $ = /* @__PURE__ */ x("label", {
-		htmlFor: V,
-		className: e(d, !Z && "items-center", !Z && f[p], K && "cursor-not-allowed", j),
-		children: T ? /* @__PURE__ */ S(b, { children: [Q(), /* @__PURE__ */ x("span", {
+	}), $ = /* @__PURE__ */ _("label", {
+		htmlFor: R,
+		className: e(u, !q && "items-center", !q && d[f], U && "cursor-not-allowed", O),
+		children: x ? /* @__PURE__ */ v(g, { children: [Q(), /* @__PURE__ */ v("span", {
 			className: "sr-only",
-			children: g
-		})] }) : Z ? /* @__PURE__ */ S("span", {
-			className: ee[p],
-			children: [Q(o[p]), /* @__PURE__ */ S("span", {
-				className: h,
-				children: [/* @__PURE__ */ x("span", {
-					className: l(K, !0),
-					children: g
-				}), /* @__PURE__ */ x("span", {
-					id: Y,
+			children: [h, X]
+		})] }) : q ? /* @__PURE__ */ v("span", {
+			className: e(te[f], J && "flex-1"),
+			children: [Q(s[f]), /* @__PURE__ */ v("span", {
+				className: e(m, J && "flex-1"),
+				children: [J ? /* @__PURE__ */ v("span", {
 					className: i,
-					children: E
+					children: [/* @__PURE__ */ v("span", {
+						className: c(U, !0),
+						children: [h, X]
+					}), Z]
+				}) : /* @__PURE__ */ _("span", {
+					className: c(U, !0),
+					children: h
+				}), /* @__PURE__ */ _("span", {
+					id: K,
+					className: a,
+					children: S
 				})]
 			})]
-		}) : /* @__PURE__ */ S(b, { children: [Q(), /* @__PURE__ */ x("span", {
-			className: l(K),
-			children: g
-		})] })
+		}) : /* @__PURE__ */ v(g, { children: [
+			Q(),
+			/* @__PURE__ */ v("span", {
+				className: c(U),
+				children: [h, X]
+			}),
+			Z
+		] })
 	});
-	return !q || O == null || J == null ? $ : /* @__PURE__ */ S("div", {
+	return !W || T == null || G == null ? $ : /* @__PURE__ */ v("div", {
 		className: "flex w-full flex-col gap-1.5",
-		children: [$, /* @__PURE__ */ x(t, {
-			status: O,
-			message: k,
-			messageId: J,
-			size: C[p],
+		children: [$, /* @__PURE__ */ _(t, {
+			status: T,
+			message: E,
+			messageId: G,
+			size: y[f],
 			messagePosition: "bottom",
-			bannerClassName: m(O)
+			bannerClassName: p(T)
 		})]
 	});
 });
 //#endregion
-export { T as Checkbox, p as checkboxSizes };
+export { x as Checkbox, f as checkboxSizes };

package/dist/components/atoms/Checkbox/checkboxStyles.d.ts

@@ -17,6 +17,12 @@ export declare const checkboxBoxDisabledClasses = "opacity-50";
 export declare const checkboxLabelClasses: string;
 /** Tighter than global `type-supporting` leading — checkbox description only. */
 export declare const checkboxDescriptionClasses: string;
+/** Trailing option count — muted caption at the row's end, like **NavList** item counts. */
+export declare const checkboxCountClasses: string;
+/** With a count, the description layout stretches so the count reaches the row's end. */
+export declare const checkboxCountStretchClasses = "flex-1";
+/** Title line beside a count in the description layout. */
+export declare const checkboxCountTitleLineClasses = "flex min-w-0 items-baseline gap-2";
 /** Label + description column beside the box — tight title/subtitle rhythm. */
 export declare const checkboxTextColumnClasses = "flex min-w-0 flex-col gap-px";
 export declare const checkboxLabelWithDescriptionClasses: string;

package/dist/components/atoms/Checkbox/checkboxStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/checkboxStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,aAAa,uBAAwB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,kIAAkI;AAClI,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAIlC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mHAC0E,CAAC;AAEnH,eAAO,MAAM,yBAAyB,0HACmF,CAAC;AAE1H,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,gCAAgC,CAAC;AAEjE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,oBAAoB,QAA8B,CAAC;AAEhE,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,QAAiD,CAAC;AAEzF,+EAA+E;AAC/E,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE,eAAO,MAAM,mCAAmC,QAA4C,CAAC;AAE7F,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGtE,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGjF,CAAC;AAEF,eAAO,MAAM,sBAAsB,uDACmB,CAAC;AAEvD,0DAA0D;AAC1D,eAAO,MAAM,2BAA2B,iBAAiB,CAAC;AAE1D,eAAO,MAAM,kBAAkB,QAA0D,CAAC;AAE1F,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,eAAO,MAAM,0BAA0B,8FACsD,CAAC;AAE9F,eAAO,MAAM,wBAAwB,sKACgI,CAAC;AAEtK,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,OAAO,EACtB,QAAQ,CAAC,EAAE,OAAO,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAWR;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAK7F;AAED,iEAAiE;AACjE,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAK1E"}
+{"version":3,"file":"checkboxStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/checkboxStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,aAAa,uBAAwB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,kIAAkI;AAClI,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAIlC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mHAC0E,CAAC;AAEnH,eAAO,MAAM,yBAAyB,0HACmF,CAAC;AAE1H,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,gCAAgC,CAAC;AAEjE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,oBAAoB,QAA8B,CAAC;AAEhE,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,QAAiD,CAAC;AAEzF,4FAA4F;AAC5F,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAEpG,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,WAAW,CAAC;AAEpD,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AAEjF,+EAA+E;AAC/E,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE,eAAO,MAAM,mCAAmC,QAA4C,CAAC;AAE7F,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGtE,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGjF,CAAC;AAEF,eAAO,MAAM,sBAAsB,uDACmB,CAAC;AAEvD,0DAA0D;AAC1D,eAAO,MAAM,2BAA2B,iBAAiB,CAAC;AAE1D,eAAO,MAAM,kBAAkB,QAA0D,CAAC;AAE1F,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,eAAO,MAAM,0BAA0B,8FACsD,CAAC;AAE9F,eAAO,MAAM,wBAAwB,sKACgI,CAAC;AAEtK,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,OAAO,EACtB,QAAQ,CAAC,EAAE,OAAO,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAWR;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAK7F;AAED,iEAAiE;AACjE,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAK1E"}

package/dist/components/atoms/Checkbox/checkboxStyles.js

@@ -19,24 +19,24 @@ var a = ["sm", "md"], o = {
 }, u = {
 	sm: "h-0.5 w-2.5",
 	md: "h-0.5 w-3"
-}, d = e("pointer-events-none flex items-center justify-center border shadow-none", "transition-[background-color,border-color,color]", n("fast")), f = "border-border-emphasized bg-surface group-hover/checkbox:border-border-emphasized group-hover/checkbox:bg-body", p = "border-primary bg-primary text-primary-foreground group-hover/checkbox:border-primary group-hover/checkbox:bg-primary", m = "stroke-current text-inherit", h = "opacity-50", g = t("ui-label"), _ = e(t("caption"), "leading-snug"), v = "flex min-w-0 flex-col gap-px", y = e(g, "leading-tight"), b = {
+}, d = e("pointer-events-none flex items-center justify-center border shadow-none", "transition-[background-color,border-color,color]", n("fast")), f = "border-border-emphasized bg-surface group-hover/checkbox:border-border-emphasized group-hover/checkbox:bg-body", p = "border-primary bg-primary text-primary-foreground group-hover/checkbox:border-primary group-hover/checkbox:bg-primary", m = "stroke-current text-inherit", h = "opacity-50", g = t("ui-label"), _ = e(t("caption"), "leading-snug"), v = e("ml-auto shrink-0 tabular-nums", t("caption")), y = "flex-1", b = "flex min-w-0 items-baseline gap-2", x = "flex min-w-0 flex-col gap-px", S = e(g, "leading-tight"), C = {
 	sm: "flex min-w-0 items-start gap-2",
 	md: "flex min-w-0 items-start gap-2.5"
-}, x = {
+}, w = {
 	sm: "mt-px",
 	md: "mt-0.5"
-}, S = "group/checkbox relative flex w-full cursor-pointer", C = "items-center";
-e(S, C);
-var w = "cursor-not-allowed", T = "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed", E = "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-body";
-function D(t, n, r, a, o) {
+}, T = "group/checkbox relative flex w-full cursor-pointer", E = "items-center";
+e(T, E);
+var D = "cursor-not-allowed", O = "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed", k = "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-body";
+function A(t, n, r, a, o) {
 	let s = n || r;
-	return e(d, c[t], E, s ? p : f, o != null && i[o], a && "opacity-50");
+	return e(d, c[t], k, s ? p : f, o != null && i[o], a && "opacity-50");
 }
-function O(t, n) {
-	return e(n ? y : g, t && "opacity-50");
+function j(t, n) {
+	return e(n ? S : g, t && "opacity-50");
 }
-function k(t) {
+function M(t) {
 	return e("flex w-full items-start gap-2 rounded-lg px-2.5 py-2 leading-snug", r[t]);
 }
 //#endregion
-export { d as checkboxBoxBaseClasses, p as checkboxBoxCheckedClasses, D as checkboxBoxClassesFor, h as checkboxBoxDisabledClasses, c as checkboxBoxSizeClasses, f as checkboxBoxUncheckedClasses, l as checkboxCheckIconSizeClasses, _ as checkboxDescriptionClasses, b as checkboxDescriptionRowClasses, E as checkboxFocusRingClasses, T as checkboxHiddenInputClasses, x as checkboxHitTargetDescriptionAlignClasses, s as checkboxHitTargetSizeClasses, u as checkboxIndeterminateBarSizeClasses, g as checkboxLabelClasses, O as checkboxLabelClassesFor, y as checkboxLabelWithDescriptionClasses, m as checkboxMarkClasses, S as checkboxRowBaseClasses, w as checkboxRowDisabledClasses, C as checkboxRowLabelOnlyClasses, o as checkboxRowSizeClasses, a as checkboxSizes, k as checkboxStatusBannerClassesFor, v as checkboxTextColumnClasses };
+export { d as checkboxBoxBaseClasses, p as checkboxBoxCheckedClasses, A as checkboxBoxClassesFor, h as checkboxBoxDisabledClasses, c as checkboxBoxSizeClasses, f as checkboxBoxUncheckedClasses, l as checkboxCheckIconSizeClasses, v as checkboxCountClasses, y as checkboxCountStretchClasses, b as checkboxCountTitleLineClasses, _ as checkboxDescriptionClasses, C as checkboxDescriptionRowClasses, k as checkboxFocusRingClasses, O as checkboxHiddenInputClasses, w as checkboxHitTargetDescriptionAlignClasses, s as checkboxHitTargetSizeClasses, u as checkboxIndeterminateBarSizeClasses, g as checkboxLabelClasses, j as checkboxLabelClassesFor, S as checkboxLabelWithDescriptionClasses, m as checkboxMarkClasses, T as checkboxRowBaseClasses, D as checkboxRowDisabledClasses, E as checkboxRowLabelOnlyClasses, o as checkboxRowSizeClasses, a as checkboxSizes, M as checkboxStatusBannerClassesFor, x as checkboxTextColumnClasses };

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

@@ -22,6 +22,11 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
     fab?: boolean;
     /** Shows spinner instead of icon — async feedback. */
     loading?: boolean;
+    /**
+     * Toggle pattern — the on/off state of a toggle such as a vote. Sets `aria-pressed`, and the
+     * selected fill while `true`. Omit for a plain action. Not with `fab` or `inset`.
+     */
+    pressed?: boolean;
     disabled?: boolean;
     type?: "button" | "submit" | "reset";
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAUhC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACpE;IACD,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,IAAI,CAAC,EAAE,cAAc,GAAG,mBAAmB,CAAC;IAC5C,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAaD;;;GAGG;AACH,eAAO,MAAM,UAAU,+GAuHrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAWhC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACpE;IACD,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,IAAI,CAAC,EAAE,cAAc,GAAG,mBAAmB,CAAC;IAC5C,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgBD;;;GAGG;AACH,eAAO,MAAM,UAAU,+GA4HrB,CAAC"}

package/dist/components/atoms/IconButton/IconButton.js

@@ -3,82 +3,87 @@ import { cn as e } from "../../../lib/cn.js";
 import { buttonBaseClasses as t, buttonRoleClasses as n, iconButtonSizeClasses as r } from "../Button/buttonStyles.js";
 import { ButtonIcon as i } from "../Button/ButtonIcon.js";
 import { ButtonSpinner as a } from "../Button/ButtonSpinner.js";
-import { iconButtonExpandedStyle as o, iconButtonInsetHitClasses as s, iconButtonInsetIconSizeClasses as c, iconButtonShapeClass as l } from "./iconButtonStyles.js";
-import { forwardRef as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
-import { useRender as f } from "@base-ui/react/use-render";
+import { iconButtonExpandedStyle as o, iconButtonInsetHitClasses as s, iconButtonInsetIconSizeClasses as c, iconButtonPressedClasses as l, iconButtonShapeClass as u } from "./iconButtonStyles.js";
+import { forwardRef as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { useRender as p } from "@base-ui/react/use-render";
 //#region src/components/atoms/IconButton/IconButton.tsx
-function p(e) {
-	e.fab && e.role != null && e.role !== "primary" && console.warn("[WMDS IconButton] `fab` uses primary role — omit `role` or set `primary`."), e.render != null && (e.fab || e.inset) && console.warn("[WMDS IconButton] `render` is not supported with `fab` or `inset`.");
+function m(e) {
+	e.fab && e.role != null && e.role !== "primary" && console.warn("[WMDS IconButton] `fab` uses primary role — omit `role` or set `primary`."), e.render != null && (e.fab || e.inset) && console.warn("[WMDS IconButton] `render` is not supported with `fab` or `inset`."), e.pressed !== void 0 && (e.fab || e.inset) && console.warn("[WMDS IconButton] `pressed` (toggle) is not supported with `fab` or `inset`.");
 }
-var m = u(function({ icon: u, "aria-label": m, role: h, size: g = "md", inset: _ = !1, title: v, fab: y = !1, loading: b = !1, disabled: x, type: S = "button", render: C, className: w, onClick: T, onKeyDown: E, "aria-current": D, "aria-haspopup": O, "aria-expanded": k, "aria-controls": A, id: j, name: M, form: N, ...P }, F) {
-	p({
-		fab: y,
-		role: h,
-		render: C,
-		inset: _
+var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v = !1, title: y, fab: b = !1, loading: x = !1, pressed: S, disabled: C, type: w = "button", render: T, className: E, onClick: D, onKeyDown: O, "aria-current": k, "aria-haspopup": A, "aria-expanded": j, "aria-controls": M, id: N, name: P, form: F, ...I }, L) {
+	m({
+		fab: b,
+		role: g,
+		render: T,
+		inset: v,
+		pressed: S
 	});
-	let I = y ? "primary" : h ?? "ghost", L = x || b, R = v === void 0 ? m : v, z = _ ? g : null, B = _ ? s[z ?? "md"] : r[g], V = e(t, "justify-center", n[I], B, l, _ && "focus-visible:ring-offset-1 focus-visible:ring-offset-surface", y && "shadow-soft-card", w), H = b ? /* @__PURE__ */ d(a, { size: _ ? "xs" : g }) : _ ? /* @__PURE__ */ d("span", {
-		className: e("inline-flex shrink-0 items-center justify-center text-inherit [&>svg]:size-full", c[z ?? "md"]),
+	let R = b ? "primary" : g ?? "ghost", z = C || x, B = y === void 0 ? h : y, V = v ? _ : null, H = v ? s[V ?? "md"] : r[_], U = e(t, "justify-center", S === !0 ? l : n[R], H, u, v && "focus-visible:ring-offset-1 focus-visible:ring-offset-surface", b && "shadow-soft-card", E), W = x ? /* @__PURE__ */ f(a, { size: v ? "xs" : _ }) : v ? /* @__PURE__ */ f("span", {
+		className: e("inline-flex shrink-0 items-center justify-center text-inherit [&>svg]:size-full", c[V ?? "md"]),
 		"aria-hidden": !0,
-		children: u
-	}) : /* @__PURE__ */ d(i, {
-		size: g,
-		children: u
+		children: d
+	}) : /* @__PURE__ */ f(i, {
+		size: _,
+		children: d
 	});
-	return f({
-		render: C,
-		ref: F,
+	return p({
+		render: T,
+		ref: L,
 		defaultTagName: "button",
-		props: C ? {
-			...P,
-			className: V,
-			"aria-label": m,
-			"aria-current": D,
-			"aria-haspopup": O,
-			"aria-expanded": k,
-			"aria-controls": A,
-			"aria-busy": b || void 0,
-			"aria-disabled": L ? !0 : void 0,
-			"data-disabled": L ? "" : void 0,
-			"data-role": I,
-			"data-size": g,
-			"data-pattern": y ? "fab" : _ ? "inset" : "icon",
-			"data-loading": b || void 0,
-			title: R === "" ? void 0 : R,
-			tabIndex: L ? -1 : P.tabIndex,
-			onClick: T,
-			onKeyDown: E,
-			id: j,
-			name: M,
-			form: N,
-			style: k && I === "ghost" ? o : void 0,
-			children: H
+		props: T ? {
+			...I,
+			className: U,
+			"aria-label": h,
+			"aria-current": k,
+			"aria-haspopup": A,
+			"aria-expanded": j,
+			"aria-controls": M,
+			"aria-pressed": S ?? I["aria-pressed"],
+			"data-pressed": S === !0 ? "" : void 0,
+			"aria-busy": x || void 0,
+			"aria-disabled": z ? !0 : void 0,
+			"data-disabled": z ? "" : void 0,
+			"data-role": R,
+			"data-size": _,
+			"data-pattern": b ? "fab" : v ? "inset" : "icon",
+			"data-loading": x || void 0,
+			title: B === "" ? void 0 : B,
+			tabIndex: z ? -1 : I.tabIndex,
+			onClick: D,
+			onKeyDown: O,
+			id: N,
+			name: P,
+			form: F,
+			style: j && R === "ghost" ? o : void 0,
+			children: W
 		} : {
-			...P,
-			className: V,
-			type: S,
-			disabled: L,
-			"aria-busy": b || void 0,
-			"aria-label": m,
-			"aria-current": D,
-			"aria-haspopup": O,
-			"aria-expanded": k,
-			"aria-controls": A,
-			title: R === "" ? void 0 : R,
-			onClick: T,
-			onKeyDown: E,
-			id: j,
-			name: M,
-			form: N,
-			style: k && I === "ghost" ? o : void 0,
-			"data-role": I,
-			"data-size": g,
-			"data-pattern": y ? "fab" : _ ? "inset" : "icon",
-			"data-loading": b || void 0,
-			children: H
+			...I,
+			className: U,
+			type: w,
+			disabled: z,
+			"aria-busy": x || void 0,
+			"aria-label": h,
+			"aria-current": k,
+			"aria-haspopup": A,
+			"aria-expanded": j,
+			"aria-controls": M,
+			"aria-pressed": S ?? I["aria-pressed"],
+			"data-pressed": S === !0 ? "" : void 0,
+			title: B === "" ? void 0 : B,
+			onClick: D,
+			onKeyDown: O,
+			id: N,
+			name: P,
+			form: F,
+			style: j && R === "ghost" ? o : void 0,
+			"data-role": R,
+			"data-size": _,
+			"data-pattern": b ? "fab" : v ? "inset" : "icon",
+			"data-loading": x || void 0,
+			children: W
 		}
 	});
 });
 //#endregion
-export { m as IconButton };
+export { h as IconButton };

package/dist/components/atoms/IconButton/iconButtonStyles.d.ts

@@ -4,6 +4,11 @@ export declare const iconButtonShapeClass = "shrink-0 rounded-full";
 export declare const iconButtonExpandedStyle: {
     backgroundColor: "color-mix(in srgb, currentColor 5%, transparent)";
 };
+/**
+ * Toggle pattern, pressed — the pressed overlay (it reads on any surface, in both themes) and a
+ * filled glyph, in place of the role's fill. Unpressed toggles keep their role.
+ */
+export declare const iconButtonPressedClasses = "bg-ghost-active text-fg hover:bg-ghost-active active:bg-ghost-active [&_svg]:fill-current";
 /** FAB pattern — raised elevation on primary fill. */
 export declare const iconButtonFabClasses = "shadow-soft-card";
 /** Pill shell for a compact row of ghost IconButtons — Pattern: toolbar group. */

package/dist/components/atoms/IconButton/iconButtonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconButtonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/iconButtonStyles.ts"],"names":[],"mappings":"AAEA,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D,oFAAoF;AACpF,eAAO,MAAM,uBAAuB;;CAEX,CAAC;AAE1B,sDAAsD;AACtD,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,oFACyC,CAAC;AAEpF,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAIxE,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAI7E,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,2BAA2B,kEACyB,CAAC"}
+{"version":3,"file":"iconButtonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/iconButtonStyles.ts"],"names":[],"mappings":"AAEA,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D,oFAAoF;AACpF,eAAO,MAAM,uBAAuB;;CAEX,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,wBAAwB,8FACwD,CAAC;AAE9F,sDAAsD;AACtD,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,oFACyC,CAAC;AAEpF,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAIxE,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAI7E,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,2BAA2B,kEACyB,CAAC"}

package/dist/components/atoms/IconButton/iconButtonStyles.js

@@ -1,13 +1,13 @@
 "use client";
 //#region src/components/atoms/IconButton/iconButtonStyles.ts
-var e = "shrink-0 rounded-full", t = { backgroundColor: "color-mix(in srgb, currentColor 5%, transparent)" }, n = "shadow-soft-card", r = {
+var e = "shrink-0 rounded-full", t = { backgroundColor: "color-mix(in srgb, currentColor 5%, transparent)" }, n = "bg-ghost-active text-fg hover:bg-ghost-active active:bg-ghost-active [&_svg]:fill-current", r = "shadow-soft-card", i = {
 	sm: "size-5",
 	md: "size-6",
 	lg: "size-7"
-}, i = {
+}, a = {
 	sm: "size-2.5 shrink-0 stroke-current",
 	md: "size-3 shrink-0 stroke-current",
 	lg: "size-3.5 shrink-0 stroke-current"
-}, a = "focus-visible:ring-offset-1 focus-visible:ring-offset-surface";
+}, o = "focus-visible:ring-offset-1 focus-visible:ring-offset-surface";
 //#endregion
-export { t as iconButtonExpandedStyle, n as iconButtonFabClasses, a as iconButtonInsetFocusClasses, r as iconButtonInsetHitClasses, i as iconButtonInsetIconSizeClasses, e as iconButtonShapeClass };
+export { t as iconButtonExpandedStyle, r as iconButtonFabClasses, o as iconButtonInsetFocusClasses, i as iconButtonInsetHitClasses, a as iconButtonInsetIconSizeClasses, n as iconButtonPressedClasses, e as iconButtonShapeClass };

package/dist/components/atoms/Kbd/useKbdChoiceKeys.d.ts

@@ -1,3 +1,4 @@
+import { type RefObject } from "react";
 export interface UseKbdChoiceKeysOptions {
     /**
      * When false, digit listeners stay idle. Use while the numbered choices are
@@ -5,17 +6,25 @@ export interface UseKbdChoiceKeysOptions {
      */
     enabled?: boolean;
     /**
-     * `KeyboardEvent.key` → select handler. Keys are usually `"1"`…`"4"`.
+     * `KeyboardEvent.key` → select handler. Keys are usually `"1"`…`"7"`.
      * Each handler must match the click path for that choice (toggle / select).
      */
     choices: Readonly<Record<string, () => void>>;
+    /**
+     * Only while focus is inside this element — for example a gate in the chat window, so digits
+     * typed elsewhere on the page are left alone. Omit to listen page-wide.
+     */
+    scope?: RefObject<HTMLElement | null>;
 }
+/** Text entry — a text field, text area, select, or editable element — where digits are typing. */
+export declare function kbdChoiceKeysTypingTarget(target: EventTarget | null): boolean;
 /**
  * Window-level shortcuts for numbered choices documented with **Kbd**.
  *
  * **Kbd** stays display-only — this hook owns the select behavior so Pattern
- * Show code can copy both. Ignores editable targets (`input`, `textarea`,
- * `select`, contenteditable) and meta/ctrl/alt chords.
+ * Show code can copy both. Ignores text entry (text inputs, `textarea`, `select`,
+ * contenteditable) and meta/ctrl/alt chords; a focused checkbox or radio still takes digits.
+ * With `scope`, digits act only while focus is inside that element.
  */
-export declare function useKbdChoiceKeys({ enabled, choices, }: UseKbdChoiceKeysOptions): void;
+export declare function useKbdChoiceKeys({ enabled, choices, scope, }: UseKbdChoiceKeysOptions): void;
 //# sourceMappingURL=useKbdChoiceKeys.d.ts.map

package/dist/components/atoms/Kbd/useKbdChoiceKeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKbdChoiceKeys.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Kbd/useKbdChoiceKeys.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAc,EACd,OAAO,GACR,EAAE,uBAAuB,GAAG,IAAI,CAoBhC"}
+{"version":3,"file":"useKbdChoiceKeys.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Kbd/useKbdChoiceKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACvC;AAKD,mGAAmG;AACnG,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAM7E;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAc,EACd,OAAO,EACP,KAAK,GACN,EAAE,uBAAuB,GAAG,IAAI,CAwBhC"}

package/dist/components/atoms/Kbd/useKbdChoiceKeys.js

@@ -1,18 +1,37 @@
 "use client";
-import { isEditableGridOverlayTarget as e } from "../../../lib/gridOverlayUtils.js";
-import { useEffect as t, useRef as n } from "react";
+import { useEffect as e, useRef as t } from "react";
 //#region src/components/atoms/Kbd/useKbdChoiceKeys.ts
-function r({ enabled: r = !0, choices: i }) {
-	let a = n(i);
-	a.current = i, t(() => {
-		if (!r) return;
-		let t = (t) => {
-			if (t.defaultPrevented || t.metaKey || t.ctrlKey || t.altKey || e(t.target)) return;
-			let n = a.current[t.key];
-			n != null && (t.preventDefault(), n());
+var n = /* @__PURE__ */ new Set([
+	"button",
+	"checkbox",
+	"color",
+	"file",
+	"image",
+	"radio",
+	"range",
+	"reset",
+	"submit"
+]);
+function r(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return t.isContentEditable === !0 || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.tagName === "INPUT" && !n.has(String(t.type ?? "text").toLowerCase());
+}
+function i({ enabled: n = !0, choices: i, scope: a }) {
+	let o = t(i);
+	o.current = i, e(() => {
+		if (!n) return;
+		let e = (e) => {
+			if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.altKey || r(e.target)) return;
+			if (a != null) {
+				let t = e.target;
+				if (!(t instanceof Node) || a.current?.contains(t) !== !0) return;
+			}
+			let t = o.current[e.key];
+			t != null && (e.preventDefault(), t());
 		};
-		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-	}, [r]);
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [n, a]);
 }
 //#endregion
-export { r as useKbdChoiceKeys };
+export { r as kbdChoiceKeysTypingTarget, i as useKbdChoiceKeys };

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+import { type ProseElement, type ProseMeasure, type ProseSize } from "./proseStyles";
+export { proseElements, proseMeasures, proseSizes, type ProseElement, type ProseMeasure, type ProseSize, } from "./proseStyles";
+/** Layout-only — margin or grid placement. */
+export type ProseLayoutClassName = string;
+export interface ProseProps {
+    /** Rendered long-form content — plain HTML elements (the output of a markdown renderer). */
+    children: ReactNode;
+    /** `lg` (default) — `type-reading` article text. `md` — `type-body`, for denser notes. */
+    size?: ProseSize;
+    /** `reading` (default) caps lines at 40rem. `none` fills the column. */
+    measure?: ProseMeasure;
+    /** The wrapping element. Default: `div`. */
+    as?: ProseElement;
+    className?: ProseLayoutClassName;
+}
+/**
+ * Long-form content — headings, paragraphs, lists, quotes, inline code, code blocks, rules, images,
+ * and tables — set from plain HTML elements inside it, with the spacing between them. Pass rendered
+ * markdown in; there is no class map to keep.
+ */
+export declare function Prose({ children, size, measure, as: Element, className }: ProseProps): import("react").JSX.Element;
+//# sourceMappingURL=Prose.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,aAAa,EACb,aAAa,EACb,UAAU,EACV,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,GACf,MAAM,eAAe,CAAC;AAEvB,8CAA8C;AAC9C,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,4FAA4F;IAC5F,QAAQ,EAAE,SAAS,CAAC;IACpB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4CAA4C;IAC5C,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,OAAmB,EAAE,EAAE,EAAE,OAAe,EAAE,SAAS,EAAE,EAAE,UAAU,+BAU/G"}

package/dist/components/atoms/Prose/Prose.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { proseElementClasses as t, proseElements as n, proseMeasureClasses as r, proseMeasures as i, proseSizeClasses as a, proseSizes as o } from "./proseStyles.js";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/atoms/Prose/Prose.tsx
+function c({ children: n, size: i = "lg", measure: o = "reading", as: c = "div", className: l }) {
+	return /* @__PURE__ */ s(c, {
+		className: e(t, a[i], r[o], l),
+		"data-size": i,
+		"data-prose": "",
+		children: n
+	});
+}
+//#endregion
+export { c as Prose, n as proseElements, i as proseMeasures, o as proseSizes };