@thewhatmatters/wmds 0.4.8 → 0.4.27

package/dist/components/atoms/RiveHand/RiveHand.js

@@ -1,55 +1,57 @@
 "use client";
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { applyRiveHandTokenColors as t, installRiveHandLayoutRect as n, nextRiveHandIdleDelayMs as r, paintRiveHandColors as i, riveHandArtboards as a, riveHandBooleanInput as o, riveHandBooleanValue as s, riveHandBoxSize as c, riveHandClassName as l, riveHandEnteredAttr as ee, riveHandFillProperty as u, riveHandGrowDelaySec as d, riveHandGrowOrigin as f, riveHandGrowSettled as p, riveHandHasLayoutBox as m, riveHandIdleAllowed as h, riveHandIdleHoldMs as te, riveHandInlineLayout as g, riveHandInlineSlotClassName as _, riveHandIntersectsViewport as v, riveHandOutlineProperty as ne, riveHandSrc as y, riveHandStateMachine as b, riveHandWasmSrc as x, riveHands as re } from "./riveHandUtils.js";
+import { applyRiveHandTokenColors as t, installRiveHandLayoutRect as n, nextRiveHandIdleDelayMs as r, paintRiveHandColors as i, riveHandArtboards as a, riveHandBooleanInput as o, riveHandBooleanValue as s, riveHandBoxSize as c, riveHandClassName as l, riveHandEnteredAttr as ee, riveHandFillProperty as u, riveHandGrowDelaySec as d, riveHandGrowOrigin as f, riveHandGrowSettled as p, riveHandHasLayoutBox as m, riveHandIdleAllowed as h, riveHandIdleHoldMs as te, riveHandInlineLayout as g, riveHandInlineSlotClassName as _, riveHandIntersectsViewport as ne, riveHandOutlineProperty as re, riveHandSrc as v, riveHandStateMachine as y, riveHandWasmSrc as b, riveHands as x } from "./riveHandUtils.js";
 import { useEffect as S, useLayoutEffect as C, useMemo as ie, useRef as w, useState as T } from "react";
 import { jsx as E } from "react/jsx-runtime";
 import { motion as ae } from "motion/react";
-import { Fit as oe, Layout as se, Rive as D, RuntimeLoader as O, useRive as ce, useStateMachineInput as le, useViewModelInstanceColor as k } from "@rive-app/react-canvas";
-import { createPortal as ue } from "react-dom";
-O.setWasmUrl(x), D.suppressDeprecationWarnings = [.../* @__PURE__ */ new Set([...D.suppressDeprecationWarnings, "state-machine-inputs"])];
-function de(e, t, n) {
+import * as D from "@rive-app/react-canvas";
+import { createPortal as oe } from "react-dom";
+//#region src/components/atoms/RiveHand/RiveHand.tsx
+var { Fit: se, Layout: ce, Rive: O, RuntimeLoader: k, useRive: le, useStateMachineInput: ue, useViewModelInstanceColor: A } = "RuntimeLoader" in D ? D : D.default;
+k.setWasmUrl(b), O.suppressDeprecationWarnings = [.../* @__PURE__ */ new Set([...O.suppressDeprecationWarnings, "state-machine-inputs"])];
+function j(e, t, n) {
 	if (!(!t || !m(t.clientWidth, t.clientHeight))) {
 		if (n) {
 			e.drawFrame(), e.pause();
 			return;
 		}
-		if (v(t.getBoundingClientRect(), window.innerWidth, window.innerHeight)) {
+		if (ne(t.getBoundingClientRect(), window.innerWidth, window.innerHeight)) {
 			if (typeof e.play == "function" && (e.isStopped || e.isPaused)) {
-				e.play(e.isStopped ? b : void 0);
+				e.play(e.isStopped ? y : void 0);
 				return;
 			}
 			e.startRendering();
 		}
 	}
 }
-function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, entrance: j = "none", className: fe, "aria-hidden": M = !0 }) {
-	let [N, pe] = T(!1), [P, F] = T(!1), [me, he] = T(0), [I, L] = T(!1), [R, z] = T(j === "none"), B = w(N);
-	B.current = N;
-	let V = w(O);
-	V.current = O;
-	let H = w(null), ge = ie(() => new se({ fit: oe.Contain }), []), { rive: U, RiveComponent: _e } = ce({
-		src: y,
-		artboard: a[x],
-		stateMachine: b,
+function M({ hand: b, size: x, inline: D = !1, active: O = !1, idle: k = !0, entrance: M = "none", className: de, "aria-hidden": N = !0 }) {
+	let [P, fe] = T(!1), [F, I] = T(!1), [pe, me] = T(0), [L, R] = T(!1), [z, B] = T(M === "none"), V = w(P);
+	V.current = P;
+	let H = w(O);
+	H.current = O;
+	let U = w(null), he = ie(() => new ce({ fit: se.Contain }), []), { rive: W, RiveComponent: ge } = le({
+		src: v,
+		artboard: a[b],
+		stateMachine: y,
 		autoplay: !0,
 		autoBind: !0,
 		shouldDisableRiveListeners: !0,
-		layout: ge,
+		layout: he,
 		onRiveReady: (e) => {
 			i(e), e.drawFrame();
 		}
-	}), { setRgb: W } = k(u, U?.viewModelInstance), { setRgb: G } = k(ne, U?.viewModelInstance), K = le(U, b, o);
+	}), { setRgb: G } = A(u, W?.viewModelInstance), { setRgb: K } = A(re, W?.viewModelInstance), q = ue(W, y, o);
 	C(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function") {
-			F(!0);
+			I(!0);
 			return;
 		}
-		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => pe(e.matches);
-		return t(), F(!0), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => fe(e.matches);
+		return t(), I(!0), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []), S(() => {
 		if (typeof document > "u" || typeof MutationObserver > "u") return;
-		let e = new MutationObserver(() => he((e) => e + 1));
+		let e = new MutationObserver(() => me((e) => e + 1));
 		return e.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: [
@@ -60,63 +62,63 @@ function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, en
 		}), () => e.disconnect();
 	}, []), S(() => {
 		t({
-			handFill: { setRgb: W },
-			outline: { setRgb: G }
-		}), U && (N ? K && (K.value = !1) : K && (K.value = s(O, I, !1)), de(U, H.current, N));
+			handFill: { setRgb: G },
+			outline: { setRgb: K }
+		}), W && (P ? q && (q.value = !1) : q && (q.value = s(O, L, !1)), j(W, U.current, P));
 	}, [
 		O,
-		I,
-		K,
-		N,
-		U,
+		L,
+		q,
+		P,
 		W,
 		G,
-		me
+		K,
+		pe
 	]), S(() => {
-		if (!P || N || j === "none") return;
-		let e = H.current, t = e?.parentElement ?? e;
+		if (!F || P || M === "none") return;
+		let e = U.current, t = e?.parentElement ?? e;
 		if (!t || typeof IntersectionObserver > "u") {
-			z(!0);
+			B(!0);
 			return;
 		}
 		let n = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && (z(!0), n.disconnect());
+			e.some((e) => e.isIntersecting) && (B(!0), n.disconnect());
 		});
 		return n.observe(t), () => n.disconnect();
 	}, [
-		j,
-		P,
-		N
+		M,
+		F,
+		P
 	]), S(() => {
-		if (!A || N) return;
-		let e = H.current, t = 0, n = 0, i = document.visibilityState !== "hidden", a = typeof IntersectionObserver > "u", o = !1, s = () => {
+		if (!k || P) return;
+		let e = U.current, t = 0, n = 0, i = document.visibilityState !== "hidden", a = typeof IntersectionObserver > "u", o = !1, s = () => {
 			window.clearTimeout(t), window.clearTimeout(n), t = 0, n = 0;
 		}, c = e?.closest("[data-text-sequence]") ? e.closest("[data-rive-hand-slot]") : null, l = () => !c || c.getAttribute("data-rive-hand-entered") === "true", u = () => {
 			s(), l() && (o || !h({
 				idle: !0,
-				reduced: B.current,
+				reduced: V.current,
 				pageVisible: i,
 				inView: a
 			}) || (t = window.setTimeout(() => {
 				if (!(o || !l() || !h({
 					idle: !0,
-					reduced: B.current,
+					reduced: V.current,
 					pageVisible: i,
 					inView: a
 				}))) {
-					if (V.current) {
+					if (H.current) {
 						u();
 						return;
 					}
-					L(!0), n = window.setTimeout(() => {
-						L(!1), u();
+					R(!0), n = window.setTimeout(() => {
+						R(!1), u();
 					}, te);
 				}
 			}, r())));
 		}, d = (e) => {
-			e !== a && (a = e, a || L(!1), u());
+			e !== a && (a = e, a || R(!1), u());
 		}, f = () => {
-			i = document.visibilityState !== "hidden", i || L(!1), u();
+			i = document.visibilityState !== "hidden", i || R(!1), u();
 		}, p = null;
 		typeof IntersectionObserver < "u" && e ? (p = new IntersectionObserver((e) => {
 			let t = e[e.length - 1];
@@ -128,25 +130,25 @@ function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, en
 		typeof ResizeObserver < "u" && e && (g = new ResizeObserver(() => {
 			if (!e.isConnected || !m(e.clientWidth, e.clientHeight)) return;
 			let t = e.getBoundingClientRect();
-			m(t.width, t.height) && d(v(t, window.innerWidth, window.innerHeight));
+			m(t.width, t.height) && d(ne(t, window.innerWidth, window.innerHeight));
 		}), g.observe(e));
 		let _ = null;
 		return c && typeof MutationObserver < "u" && (_ = new MutationObserver(() => {
-			l() || L(!1), u();
+			l() || R(!1), u();
 		}), _.observe(c, {
 			attributes: !0,
 			attributeFilter: [ee]
 		})), document.addEventListener("visibilitychange", f), () => {
-			o = !0, s(), L(!1), p?.disconnect(), g?.disconnect(), _?.disconnect(), document.removeEventListener("visibilitychange", f);
+			o = !0, s(), R(!1), p?.disconnect(), g?.disconnect(), _?.disconnect(), document.removeEventListener("visibilitychange", f);
 		};
 	}, [
-		A,
-		P,
-		N
+		k,
+		F,
+		P
 	]);
-	let q = D ? g(x) : null, J = q ? q.box : c(re ?? "1em"), [Y, ve] = T(null), X = !D && P && !N && j === "slide-up", Z = !D && P && !N && j === "grow";
+	let J = D ? g(b) : null, _e = J ? J.box : c(x ?? "1em"), [Y, ve] = T(null), X = !D && F && !P && M === "slide-up", Z = !D && F && !P && M === "grow";
 	C(() => {
-		let e = H.current;
+		let e = U.current;
 		if (e) {
 			if (e.shadowRoot) {
 				ve(e.shadowRoot);
@@ -155,25 +157,25 @@ function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, en
 			ve(e.attachShadow({ mode: "open" }));
 		}
 	}, [X, Z]), C(() => {
-		let e = H.current?.shadowRoot?.querySelector("canvas");
+		let e = U.current?.shadowRoot?.querySelector("canvas");
 		e && n(e);
 	}, [Y]);
 	let Q = w(() => {});
 	S(() => {
-		let e = H.current;
-		if (!U || !e) return;
+		let e = U.current;
+		if (!W || !e) return;
 		let t = () => {
-			let e = H.current;
+			let e = U.current;
 			if (!e) return;
 			let t = e.getBoundingClientRect();
 			if (!p(e.offsetWidth, e.offsetHeight, t.width, t.height)) return;
 			let n = e.shadowRoot?.querySelector("canvas");
-			n && e.clientWidth > 0 && e.clientHeight > 0 && (n.style.width = `${e.clientWidth}px`, n.style.height = `${e.clientHeight}px`), m(e.clientWidth, e.clientHeight) && (U.resizeDrawingSurfaceToCanvas(), de(U, e, B.current));
+			n && e.clientWidth > 0 && e.clientHeight > 0 && (n.style.width = `${e.clientWidth}px`, n.style.height = `${e.clientHeight}px`), m(e.clientWidth, e.clientHeight) && (W.resizeDrawingSurfaceToCanvas(), j(W, e, V.current));
 		};
 		Q.current = t;
 		let n = 0, r = 0, i = () => {
 			t();
-			let e = H.current, a = e?.shadowRoot?.querySelector("canvas"), o = !a || a.clientWidth < 1 || a.clientHeight < 1, s = !e || !e.isConnected || e.clientWidth < 1 || e.clientHeight < 1;
+			let e = U.current, a = e?.shadowRoot?.querySelector("canvas"), o = !a || a.clientWidth < 1 || a.clientHeight < 1, s = !e || !e.isConnected || e.clientWidth < 1 || e.clientHeight < 1;
 			(o || s) && e?.isConnected && n < 8 && (n += 1, r = requestAnimationFrame(i));
 		};
 		if (i(), typeof ResizeObserver > "u") return () => {
@@ -188,39 +190,39 @@ function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, en
 	}, [
 		Z,
 		X,
-		U
+		W
 	]);
-	let ye = Y ? ue(/* @__PURE__ */ E("div", {
+	let ye = Y ? oe(/* @__PURE__ */ E("div", {
 		style: {
 			width: "100%",
 			height: "100%"
 		},
-		children: /* @__PURE__ */ E(_e, {})
-	}), Y) : null, be = e(l, fe), xe = {
-		width: J,
-		height: J,
+		children: /* @__PURE__ */ E(ge, {})
+	}), Y) : null, be = e(l, de), xe = {
+		width: _e,
+		height: _e,
 		transformOrigin: Z ? f : void 0,
-		...q ? {
+		...J ? {
 			position: "absolute",
 			left: "50%",
 			top: "50%",
-			transform: q.transform
+			transform: J.transform
 		} : {}
 	}, $ = !X && !Z ? /* @__PURE__ */ E("div", {
-		ref: H,
-		"aria-hidden": M,
-		"data-rive-hand": x,
+		ref: U,
+		"aria-hidden": N,
+		"data-rive-hand": b,
 		className: be,
 		style: xe,
 		children: ye
 	}) : /* @__PURE__ */ E(ae.div, {
-		ref: H,
-		"aria-hidden": M,
-		"data-rive-hand": x,
+		ref: U,
+		"aria-hidden": N,
+		"data-rive-hand": b,
 		className: be,
 		style: xe,
 		initial: X ? { y: "100%" } : { scale: 0 },
-		animate: X ? { y: R ? "0%" : "100%" } : { scale: +!!R },
+		animate: X ? { y: z ? "0%" : "100%" } : { scale: +!!z },
 		transition: X ? {
 			type: "spring",
 			stiffness: 260,
@@ -231,18 +233,18 @@ function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, en
 			stiffness: 480,
 			damping: 12,
 			mass: .55,
-			delay: R ? d : 0
+			delay: z ? d : 0
 		},
 		onAnimationComplete: () => {
 			Q.current();
 		},
 		children: ye
 	});
-	return q ? /* @__PURE__ */ E("span", {
-		"aria-hidden": M,
-		"data-rive-hand-slot": x,
+	return J ? /* @__PURE__ */ E("span", {
+		"aria-hidden": N,
+		"data-rive-hand-slot": b,
 		className: _,
-		style: { width: q.slot },
+		style: { width: J.slot },
 		children: /* @__PURE__ */ E("span", {
 			"data-rive-hand-pop": "",
 			className: "pointer-events-none absolute left-0 top-0 h-0 w-full",
@@ -251,4 +253,4 @@ function A({ hand: x, size: re, inline: D = !1, active: O = !1, idle: A = !0, en
 	}) : $;
 }
 //#endregion
-export { A as RiveHand, a as riveHandArtboards, y as riveHandSrc, x as riveHandWasmSrc, re as riveHands };
+export { M as RiveHand, a as riveHandArtboards, v as riveHandSrc, b as riveHandWasmSrc, x as riveHands };

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

@@ -0,0 +1,54 @@
+import type { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from "react";
+import { type TableAlign } from "./tableStyles";
+export { tableAligns, type TableAlign } from "./tableStyles";
+/** Layout-only — width, margin, or grid placement. */
+export type TableLayoutClassName = string;
+export interface TableProps {
+    /** `TableCaption`, `TableHeader`, `TableBody`, and `TableFooter`. */
+    children: ReactNode;
+    /** Names the scrolling region and the table. One of `aria-label` or `aria-labelledby` is required. */
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    /** Layout-only — applies to the scroll box. */
+    className?: TableLayoutClassName;
+}
+export interface TableSectionProps {
+    children?: ReactNode;
+    className?: TableLayoutClassName;
+}
+export interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, "className"> {
+    children?: ReactNode;
+    className?: TableLayoutClassName;
+}
+export interface TableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "className" | "align"> {
+    /** Text alignment of the column. Default `start`. */
+    align?: TableAlign;
+    /** Pin the column to the start edge while the table scrolls sideways. Set it on every cell of the column. */
+    sticky?: boolean;
+    className?: TableLayoutClassName;
+}
+export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "className" | "align"> {
+    /** Text alignment of the column. Default `start`. `end` sets tabular figures. */
+    align?: TableAlign;
+    /** Pin the column to the start edge while the table scrolls sideways. Set it on every cell of the column. */
+    sticky?: boolean;
+    className?: TableLayoutClassName;
+}
+export interface TableCaptionProps {
+    children: ReactNode;
+    className?: TableLayoutClassName;
+}
+/**
+ * Semantic table in a horizontal-scroll box. The box is a focusable `region` named by the table's
+ * label, so a keyboard can scroll it; the table never squeezes its columns below their content.
+ */
+declare function Table({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className }: TableProps): import("react").JSX.Element;
+declare function TableHeader({ children, className }: TableSectionProps): import("react").JSX.Element;
+declare function TableBody({ children, className }: TableSectionProps): import("react").JSX.Element;
+declare function TableFooter({ children, className }: TableSectionProps): import("react").JSX.Element;
+declare function TableRow({ children, className, ...rest }: TableRowProps): import("react").JSX.Element;
+declare function TableHead({ align, sticky, scope, className, children, ...rest }: TableHeadProps): import("react").JSX.Element;
+declare function TableCell({ align, sticky, className, children, ...rest }: TableCellProps): import("react").JSX.Element;
+declare function TableCaption({ children, className }: TableCaptionProps): import("react").JSX.Element;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAYL,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,sDAAsD;AACtD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,qEAAqE;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACzG,qDAAqD;IACrD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6GAA6G;IAC7G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACzG,iFAAiF;IACjF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6GAA6G;IAC7G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED;;;GAGG;AACH,iBAAS,KAAK,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,UAAU,+BAc7G;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE9D;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE5D;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE9D;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAMhE;AAED,iBAAS,SAAS,CAAC,EAAE,KAAe,EAAE,MAAM,EAAE,KAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAM1G;AAED,iBAAS,SAAS,CAAC,EAAE,KAAe,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAM3F;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE/D;AAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/atoms/Table/Table.js

@@ -0,0 +1,66 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { tableAlignClasses as t, tableAligns as n, tableBodyClasses as r, tableCaptionClasses as i, tableCellClasses as a, tableClasses as o, tableFooterClasses as s, tableHeadClasses as c, tableHeaderClasses as l, tableRowClasses as u, tableScrollClasses as d } from "./tableStyles.js";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/atoms/Table/Table.tsx
+function p({ children: t, "aria-label": n, "aria-labelledby": r, className: i }) {
+	return /* @__PURE__ */ f("div", {
+		role: "region",
+		tabIndex: 0,
+		"aria-label": n,
+		"aria-labelledby": r,
+		className: e(d, i),
+		children: /* @__PURE__ */ f("table", {
+			className: o,
+			children: t
+		})
+	});
+}
+function m({ children: t, className: n }) {
+	return /* @__PURE__ */ f("thead", {
+		className: e(l, n),
+		children: t
+	});
+}
+function h({ children: t, className: n }) {
+	return /* @__PURE__ */ f("tbody", {
+		className: e(r, n),
+		children: t
+	});
+}
+function g({ children: t, className: n }) {
+	return /* @__PURE__ */ f("tfoot", {
+		className: e(s, n),
+		children: t
+	});
+}
+function _({ children: t, className: n, ...r }) {
+	return /* @__PURE__ */ f("tr", {
+		...r,
+		className: e(u, n),
+		children: t
+	});
+}
+function v({ align: n = "start", sticky: r, scope: i = "col", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ f("th", {
+		...s,
+		scope: i,
+		className: e(c, t[n], r && "sticky start-0 z-10 bg-body", a),
+		children: o
+	});
+}
+function y({ align: n = "start", sticky: r, className: i, children: o, ...s }) {
+	return /* @__PURE__ */ f("td", {
+		...s,
+		className: e(a, t[n], r && "sticky start-0 z-10 bg-body", i),
+		children: o
+	});
+}
+function b({ children: t, className: n }) {
+	return /* @__PURE__ */ f("caption", {
+		className: e(i, n),
+		children: t
+	});
+}
+//#endregion
+export { p as Table, h as TableBody, b as TableCaption, y as TableCell, g as TableFooter, v as TableHead, m as TableHeader, _ as TableRow, n as tableAligns };

package/dist/components/atoms/Table/tableStyles.d.ts

@@ -0,0 +1,18 @@
+export declare const tableAligns: readonly ["start", "center", "end"];
+/** Horizontal alignment of a column's text — `end` for figures. */
+export type TableAlign = (typeof tableAligns)[number];
+/** The scroll box. Focusable so a keyboard can scroll a wide table. */
+export declare const tableScrollClasses = "w-full max-w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring";
+/** A table with a `colgroup` lays its columns out from the `col` widths, so a filled and an empty table match. */
+export declare const tableClasses: string;
+export declare const tableHeaderClasses = "[&_tr]:border-b [&_tr]:border-border";
+export declare const tableBodyClasses = "[&_tr:last-child]:border-b-0";
+export declare const tableFooterClasses = "border-t border-border-emphasized [&>tr]:border-b-0";
+export declare const tableRowClasses = "border-b border-border transition-colors hover:bg-ghost-hover";
+export declare const tableHeadClasses: string;
+export declare const tableCellClasses = "px-3 py-3 align-middle";
+export declare const tableCaptionClasses: string;
+/** A column pinned to the start edge while the rest scrolls — opaque so cells slide under it. */
+export declare const tableStickyClasses = "sticky start-0 z-10 bg-body";
+export declare const tableAlignClasses: Record<TableAlign, string>;
+//# sourceMappingURL=tableStyles.d.ts.map

package/dist/components/atoms/Table/tableStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Table/tableStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,6IAC6G,CAAC;AAE7I,kHAAkH;AAClH,eAAO,MAAM,YAAY,QAAkH,CAAC;AAE5I,eAAO,MAAM,kBAAkB,yCAAyC,CAAC;AAEzE,eAAO,MAAM,gBAAgB,iCAAiC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,wDAAwD,CAAC;AAExF,eAAO,MAAM,eAAe,kEAAkE,CAAC;AAE/F,eAAO,MAAM,gBAAgB,QAAmG,CAAC;AAEjI,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AAEzD,eAAO,MAAM,mBAAmB,QAA0D,CAAC;AAE3F,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIxD,CAAC"}

package/dist/components/atoms/Table/tableStyles.js

@@ -0,0 +1,14 @@
+"use client";
+import { typographyClass as e } from "../../../lib/typography.js";
+//#region src/components/atoms/Table/tableStyles.ts
+var t = [
+	"start",
+	"center",
+	"end"
+], n = "w-full max-w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring", r = `w-full min-w-max caption-bottom border-collapse has-[colgroup]:table-fixed text-fg ${e("body")}`, i = "[&_tr]:border-b [&_tr]:border-border", a = "[&_tr:last-child]:border-b-0", o = "border-t border-border-emphasized [&>tr]:border-b-0", s = "border-b border-border transition-colors hover:bg-ghost-hover", c = `h-11 px-3 text-start align-middle font-normal whitespace-nowrap ${e("ui-label")}`, l = "px-3 py-3 align-middle", u = `mt-3 text-start ${e("body")} text-muted`, d = "sticky start-0 z-10 bg-body", f = {
+	start: "text-start",
+	center: "text-center",
+	end: "text-end tabular-nums"
+};
+//#endregion
+export { f as tableAlignClasses, t as tableAligns, a as tableBodyClasses, u as tableCaptionClasses, l as tableCellClasses, r as tableClasses, o as tableFooterClasses, c as tableHeadClasses, i as tableHeaderClasses, s as tableRowClasses, n as tableScrollClasses, d as tableStickyClasses };

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

@@ -16,6 +16,12 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
     message?: string;
     /** Status band placement when `message` is set — default `bottom`. */
     messagePosition?: InputMessagePosition;
+    /**
+     * Progress text under the field, announced politely as it changes — "Saving…", "Saved".
+     * The live region stays mounted while the prop is a string (pass `""` when idle), so a change is
+     * heard. Not validation — use `status` + `message` for that. Omitted with `inline`.
+     */
+    liveStatus?: string;
     /** Trailing spinner — async validation. */
     loading?: boolean;
     /** Visible row count — default **4**. */

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,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,+GAuJnB,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,+GA6JnB,CAAC"}