@thewhatmatters/wmds 0.4.9 → 0.4.28

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 = {
-	sm: "rounded-full",
-	md: "rounded-full",
-	lg: "rounded-full"
+}, f = "border border-border-control", p = "shadow-raised", m = {
+	sm: e(f, p),
+	md: e(f, p),
+	lg: e(f, p)
 }, h = {
+	sm: "rounded-[var(--radius-control)]",
+	md: "rounded-[var(--radius-control)]",
+	lg: "rounded-[var(--radius-control)]"
+}, 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);
+}
+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 S = {
+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/Skeleton/skeletonStyles.js

@@ -11,7 +11,7 @@ var t = [
 	none: "rounded-none",
 	inner: "rounded-sm",
 	element: "rounded-lg",
-	container: "rounded-xl",
+	container: "rounded-[var(--radius-surface-md)]",
 	full: "rounded-full"
 }, r = "block shrink-0 bg-skeleton wmds-skeleton-host", i = "relative overflow-hidden", a = "pointer-events-none absolute inset-y-0 w-1/2 bg-gradient-to-r from-transparent via-[color-mix(in_srgb,var(--color-background-surface)_55%,var(--color-skeleton)_45%)] to-transparent", o = 1e3, s = .5;
 function c(e) {

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

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