@thewhatmatters/wmds 0.4.9 → 0.4.27

package/dist/components/atoms/Input/inputShellStyles.js

@@ -10,110 +10,110 @@ var n = [
 	"error",
 	"warning",
 	"success"
-], i = ["top", "bottom"], a = `transition-[color,background-color,box-shadow,border-color,outline-color] ${t("fast")}`, o = "w-full min-w-0 bg-surface font-sans font-normal tracking-normal text-fg placeholder:text-disabled " + a, s = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-body", c = {
+], i = ["top", "bottom"], a = `transition-[color,background-color,box-shadow,border-color,outline-color] ${t("fast")}`, o = "w-full min-w-0 bg-surface font-sans font-normal tracking-normal text-fg placeholder:text-disabled " + a, s = "type-code !font-mono !leading-none", c = "focus-visible:outline-none focus-visible:ring-2", l = {
 	default: "focus-visible:ring-focus-ring",
 	error: "focus-visible:ring-error-focus-ring",
 	warning: "focus-visible:ring-warning-focus-ring",
 	success: "focus-visible:ring-success-focus-ring"
-}, l = {
-	error: "focus-within:outline-none focus-within:ring-2 focus-within:ring-error-focus-ring focus-within:ring-offset-2 focus-within:ring-offset-body",
-	warning: "focus-within:outline-none focus-within:ring-2 focus-within:ring-warning-focus-ring focus-within:ring-offset-2 focus-within:ring-offset-body",
-	success: "focus-within:outline-none focus-within:ring-2 focus-within:ring-success-focus-ring focus-within:ring-offset-2 focus-within:ring-offset-body"
 }, u = {
+	error: "focus-within:outline-none focus-within:ring-2 focus-within:ring-error-focus-ring",
+	warning: "focus-within:outline-none focus-within:ring-2 focus-within:ring-warning-focus-ring",
+	success: "focus-within:outline-none focus-within:ring-2 focus-within:ring-success-focus-ring"
+}, d = {
 	sm: "h-8 px-2.5 text-xs leading-none",
 	md: "h-11 px-3 text-sm leading-none",
 	lg: "min-h-12 px-4 text-base leading-none"
-}, d = "border border-border-control", f = "shadow-raised", p = {
-	sm: e(d, f),
-	md: e(d, f),
-	lg: e(d, f)
-}, m = {
+}, f = "border border-border-control", p = "shadow-raised", m = {
+	sm: e(f, p),
+	md: e(f, p),
+	lg: e(f, p)
+}, h = {
 	sm: "rounded-full",
 	md: "rounded-full",
 	lg: "rounded-full"
-}, h = {
+}, g = {
 	error: "border-error",
 	warning: "border-warning",
 	success: "border-success"
-}, g = {
+}, _ = {
 	sm: "-mt-4 pt-6",
 	md: "-mt-[1.375rem] pt-8",
 	lg: "-mt-6 pt-8"
-}, _ = {
+}, v = {
 	sm: "pb-6",
 	md: "pb-8",
 	lg: "pb-8"
-}, v = {
+}, y = {
 	sm: "-mt-4",
 	md: "-mt-[1.375rem]",
 	lg: "-mt-6"
 };
-g.md, _.md;
-function y(t, n) {
+_.md, v.md;
+function b(t, n) {
 	return e("relative flex w-full flex-col", a);
 }
-function b(t, n, r) {
-	return e("relative z-10 flex w-full items-center border bg-surface shadow-sm", m[t], h[n], l[n], r === "top" && v[t], a);
-}
 function x(t, n, r) {
-	return r === "bottom" ? e("relative z-0 flex w-full items-center gap-2 px-3 pb-3 leading-snug", g[n], "rounded-b-[1.375rem]", S[t]) : e("relative z-0 flex w-full items-center gap-2 px-3 pt-2.5 leading-snug", _[n], "rounded-t-[1.375rem]", S[t]);
+	return e("relative z-10 flex w-full items-center border bg-surface shadow-sm", h[t], g[n], u[n], r === "top" && y[t], a);
 }
-var S = {
+function S(t, n, r) {
+	return r === "bottom" ? e("relative z-0 flex w-full items-center gap-2 px-3 pb-3 leading-snug", _[n], "rounded-b-[1.375rem]", C[t]) : e("relative z-0 flex w-full items-center gap-2 px-3 pt-2.5 leading-snug", v[n], "rounded-t-[1.375rem]", C[t]);
+}
+var C = {
 	error: "bg-error-muted text-error",
 	warning: "bg-warning-muted text-warning",
 	success: "bg-success-muted text-success"
 };
-e("flex items-center gap-2 px-3 py-2.5 leading-snug", S.error), e("flex items-center gap-2 px-3 py-2.5 leading-snug", S.warning), e("flex items-center gap-2 px-3 py-2.5 leading-snug", S.success);
-var C = {
+e("flex items-center gap-2 px-3 py-2.5 leading-snug", C.error), e("flex items-center gap-2 px-3 py-2.5 leading-snug", C.warning), e("flex items-center gap-2 px-3 py-2.5 leading-snug", C.success);
+var w = {
 	error: "size-4 shrink-0 stroke-current",
 	warning: "size-4 shrink-0 stroke-current",
 	success: "size-4 shrink-0 stroke-current"
 };
-function w(e) {
-	return y(e, "error");
+function T(e) {
+	return b(e, "error");
 }
-var T = {
+var E = {
 	sm: "pl-8",
 	md: "pl-10",
 	lg: "pl-11"
-}, E = {
+}, D = {
 	sm: "pr-8",
 	md: "pr-10",
 	lg: "pr-11"
-}, D = {
+}, O = {
 	sm: "pr-[4.5rem]",
 	md: "pr-20",
 	lg: "pr-24"
-}, O = {
+}, k = {
 	sm: "pr-[6.5rem]",
 	md: "pr-28",
 	lg: "pr-32"
-}, k = {
+}, A = {
 	sm: "right-2.5",
 	md: "right-3",
 	lg: "right-3.5"
-}, A = "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center gap-1.5", j = "pointer-events-none shrink-0", M = {
+}, j = "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center gap-1.5", M = "pointer-events-none shrink-0", N = {
 	sm: "left-2.5",
 	md: "left-3",
 	lg: "left-3.5"
-}, N = {
+}, P = {
 	sm: "size-3.5 shrink-0 stroke-current text-muted",
 	md: "size-4 shrink-0 stroke-current text-muted",
 	lg: "size-4 shrink-0 stroke-current text-muted"
-}, P = {
+}, F = {
 	sm: "size-4 shrink-0 stroke-current",
 	md: "size-4 shrink-0 stroke-current",
 	lg: "size-5 shrink-0 stroke-current"
-}, F = {
+}, I = {
 	sm: "size-3.5 shrink-0",
 	md: "size-4 shrink-0",
 	lg: "size-4 shrink-0"
-}, I = {
+}, L = {
 	error: "text-error",
 	warning: "text-warning",
 	success: "text-success"
 };
-w("sm"), w("md"), w("lg");
-var L = "w-full min-w-0 bg-transparent font-sans font-normal tracking-normal text-fg placeholder:text-disabled " + a, R = "rounded-none border-0 shadow-none focus-visible:outline-none focus-visible:ring-0", z = "rounded-none border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:ring-0", B = "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", V = "flex w-full flex-col gap-1.5", H = "flex w-full flex-col gap-1.5", U = "opacity-50";
+T("sm"), T("md"), T("lg");
+var R = "w-full min-w-0 bg-transparent font-sans font-normal tracking-normal text-fg placeholder:text-disabled " + a, z = "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0", B = "rounded-none border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0", V = "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", H = "flex w-full flex-col gap-1.5", U = "flex w-full flex-col gap-1.5", W = "opacity-50";
 //#endregion
-export { L as inputAttachedFieldClasses, R as inputAttachedInputClasses, o as inputBaseClasses, g as inputCompoundBannerOverlapBottomClasses, _ as inputCompoundBannerOverlapTopPadClasses, v as inputCompoundFieldOverlapTopClasses, b as inputCompoundInnerFieldClassesFor, w as inputCompoundOuterClassesFor, y as inputCompoundShellClassesFor, l as inputCompoundShellFocusRingClasses, H as inputControlStackClasses, B as inputDisabledClasses, U as inputDisabledLabelClasses, O as inputEndBadgeAndStatusGapClasses, D as inputEndBadgeGapClasses, j as inputEndBadgeWrapperClasses, V as inputFieldStackClasses, T as inputIconGapClasses, M as inputIconPositionClasses, N as inputIconSizeClasses, z as inputInlineClasses, i as inputMessagePositions, d as inputShellBorderClasses, p as inputShellClasses, f as inputShellElevationClasses, a as inputShellTransitionClasses, u as inputSizeClasses, n as inputSizes, s as inputSoloFocusRingBaseClasses, c as inputSoloFocusRingColorClasses, m as inputSoloRadiusClasses, F as inputSpinnerSizeClasses, x as inputStatusBannerClassesFor, C as inputStatusBannerIconClasses, S as inputStatusBannerSurfaceClasses, E as inputStatusGapClasses, I as inputStatusIconClasses, P as inputStatusIconSizeClasses, h as inputStatusShellClasses, r as inputStatuses, A as inputTrailingInsetClasses, k as inputTrailingInsetPositionClasses };
+export { R as inputAttachedFieldClasses, z as inputAttachedInputClasses, o as inputBaseClasses, _ as inputCompoundBannerOverlapBottomClasses, v as inputCompoundBannerOverlapTopPadClasses, y as inputCompoundFieldOverlapTopClasses, x as inputCompoundInnerFieldClassesFor, T as inputCompoundOuterClassesFor, b as inputCompoundShellClassesFor, u as inputCompoundShellFocusRingClasses, U as inputControlStackClasses, V as inputDisabledClasses, W as inputDisabledLabelClasses, k as inputEndBadgeAndStatusGapClasses, O as inputEndBadgeGapClasses, M as inputEndBadgeWrapperClasses, H as inputFieldStackClasses, E as inputIconGapClasses, N as inputIconPositionClasses, P as inputIconSizeClasses, B as inputInlineClasses, i as inputMessagePositions, s as inputMonoFaceClasses, f as inputShellBorderClasses, m as inputShellClasses, p as inputShellElevationClasses, a as inputShellTransitionClasses, d as inputSizeClasses, n as inputSizes, c as inputSoloFocusRingBaseClasses, l as inputSoloFocusRingColorClasses, h as inputSoloRadiusClasses, I as inputSpinnerSizeClasses, S as inputStatusBannerClassesFor, w as inputStatusBannerIconClasses, C as inputStatusBannerSurfaceClasses, D as inputStatusGapClasses, L as inputStatusIconClasses, F as inputStatusIconSizeClasses, g as inputStatusShellClasses, r as inputStatuses, j as inputTrailingInsetClasses, A as inputTrailingInsetPositionClasses };

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

@@ -1 +1 @@
-{"version":3,"file":"RiveHand.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RiveHand/RiveHand.tsx"],"names":[],"mappings":"AAeA,OAAO,EAIL,iBAAiB,EAkBjB,WAAW,EAEX,eAAe,EACf,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,CAAC;AAaF,qEAAqE;AACrE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAkC7C,MAAM,WAAW,aAAa;IAC5B,0FAA0F;IAC1F,IAAI,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,MAAc,EACd,MAAc,EACd,IAAW,EACX,QAAiB,EACjB,SAAS,EACT,aAAa,EAAE,UAAiB,GACjC,EAAE,aAAa,+BAkXf"}
+{"version":3,"file":"RiveHand.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RiveHand/RiveHand.tsx"],"names":[],"mappings":"AAOA,OAAO,EAIL,iBAAiB,EAkBjB,WAAW,EAEX,eAAe,EACf,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,CAAC;AAqBF,qEAAqE;AACrE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAkC7C,MAAM,WAAW,aAAa;IAC5B,0FAA0F;IAC1F,IAAI,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,MAAc,EACd,MAAc,EACd,IAAW,EACX,QAAiB,EACjB,SAAS,EACT,aAAa,EAAE,UAAiB,GACjC,EAAE,aAAa,+BAkXf"}

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"}