@thewhatmatters/wmds 0.2.0

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

@@ -0,0 +1,168 @@
+/**
+ * Decorative hands from the Interactive Icon Set remix.
+ * Artboard `31_Cigarette` has no cigarette — it is the point hand.
+ */
+export declare const riveHands: readonly ["point", "rock"];
+export type RiveHandName = (typeof riveHands)[number];
+/** Point is artboard `31_Cigarette` (cigarette removed). Rock is `29_Rock`. */
+export declare const riveHandArtboards: Record<RiveHandName, string>;
+export declare const riveHandSrc = "/rive/interactive-icon-set.riv";
+/**
+ * Where the app serves the Rive runtime WASM, next to the `.riv` file.
+ * Copy `node_modules/@rive-app/canvas/rive.wasm` to `public/rive/rive.wasm`.
+ * When that file is missing the runtime falls back to its CDN build.
+ */
+export declare const riveHandWasmSrc = "/rive/rive.wasm";
+export declare const riveHandStateMachine = "State Machine 1";
+export declare const riveHandBooleanInput = "Boolean 1";
+export declare const riveHandFillProperty = "handFill";
+export declare const riveHandOutlineProperty = "outline";
+/**
+ * Hand fill — surface white in light mode (`#ffffff`).
+ * Theme alias of `--color-background-surface`.
+ */
+export declare const riveHandFillToken = "--color-surface";
+export declare const riveHandFillFallbackToken = "--color-background-surface";
+/**
+ * WhatMatters brand navy. `--color-brand` is `#011272` in both themes.
+ * The hardcoded fallback is the same navy when that token cannot be read.
+ */
+export declare const riveHandOutlineToken = "--color-brand";
+/** `#011272` — used when `--color-brand` is missing. */
+export declare const riveHandOutlineFallback: Rgb;
+export declare const riveHandClassName = "pointer-events-none";
+/** Marketing hero opts in. `none` is the resting box with no entrance. */
+export declare const riveHandEntrances: readonly ["slide-up", "grow", "none"];
+export type RiveHandEntrance = (typeof riveHandEntrances)[number];
+/**
+ * Gap after a finished gesture, and before the first one.
+ * Each hand rolls its own 1–2s wait so the two poses rarely start together.
+ */
+export declare const riveHandIdleMinMs = 1000;
+export declare const riveHandIdleMaxMs = 2000;
+/**
+ * How long `Boolean 1` stays true for one idle gesture.
+ * The next 1–2s gap starts only after this hold releases.
+ */
+export declare const riveHandIdleHoldMs = 1100;
+/** Point hand follows the rock by this much. Inside the 150–250ms stagger. */
+export declare const riveHandGrowDelaySec = 0.2;
+/**
+ * Scale origin for `entrance="grow"` — lower-left of the point art, where it grips the s.
+ * Fractions of the hand box.
+ */
+export declare const riveHandGrowOrigin = "22% 76%";
+/**
+ * Gap between the line box bottom and the text baseline on `type-display-1` (line-height 1.15).
+ * The rock clip wrapper uses this as `bottom` so the hand rises out of the baseline.
+ */
+export declare const riveHandBaselineFromLineBottom = "0.22em";
+/** `random` is a unit interval, the same contract as `Math.random()`. Returns the post-gesture wait. */
+export declare function nextRiveHandIdleDelayMs(random?: number): number;
+/** Idle pulses only while the hand is allowed to move and the page can be seen. */
+export declare function riveHandIdleAllowed(input: {
+    idle: boolean;
+    reduced: boolean;
+    pageVisible: boolean;
+    inView: boolean;
+}): boolean;
+/** True once the hand box can hold a drawing. A 0×0 canvas is not a frame yet. */
+export declare function riveHandHasLayoutBox(width: number, height: number): boolean;
+/**
+ * Viewport overlap of a sized box.
+ * A zero-area rect is not an answer — the inline slot is 0px tall, so visibility
+ * has to come from the hand box, not that slot.
+ */
+export declare function riveHandIntersectsViewport(rect: {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+}, viewportWidth: number, viewportHeight: number): boolean;
+/** `Boolean 1` while hovering, focusing, or inside an idle pulse. Reduced motion forces it off. */
+export declare function riveHandBooleanValue(active: boolean, idlePulse: boolean, reduced: boolean): boolean;
+/**
+ * Border box Rive should rasterize.
+ * `resizeDrawingSurfaceToCanvas` reads `getBoundingClientRect`, which includes transforms.
+ * A grow entrance mounts at `scale: 0`, so that rect is 0×0, and the later scale does not
+ * change `clientWidth`, so the runtime never samples again. Layout size ignores that scale.
+ */
+export declare function riveHandLayoutClientRect(canvas: HTMLCanvasElement, painted: DOMRect): DOMRect;
+/** Report layout size from `getBoundingClientRect` so a scale transform cannot zero the backing store. */
+export declare function installRiveHandLayoutRect(canvas: HTMLCanvasElement): void;
+/** True once a grow scale has settled and it is safe to resample the drawing surface. */
+export declare function riveHandGrowSettled(layoutWidth: number, layoutHeight: number, paintedWidth: number, paintedHeight: number): boolean;
+export interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface RiveHandColorTarget {
+    rgb: (r: number, g: number, b: number) => void;
+}
+export interface RiveHandColorSetter {
+    setRgb: (r: number, g: number, b: number) => void;
+}
+/** A number is pixels. Any other value is a CSS length (`1.25em` tracks the parent font). */
+export declare function riveHandBoxSize(size: number | string): string;
+/** Drawn hand height when `inline` is set. Matches TextSequence marks (`1.15em`). */
+export declare const riveHandInlineVisibleEm = 1.15;
+/**
+ * Pop origin for a hand slot inside TextSequence.
+ * The slot is zero height and the ink is centered on it, so `50% 50%` is the
+ * drawn hand's center — the same visual center the circle and pill use.
+ */
+export declare const riveHandSequenceOrigin = "50% 50%";
+/** Set on the slot when the sequence pop finishes. Idle waits for it inside a TextSequence. */
+export declare const riveHandEnteredAttr = "data-rive-hand-entered";
+/**
+ * Drawn outline as a fraction of the square canvas, measured from a raster
+ * after Rive has fit the artboard. Both hands sit in padding, and the rock
+ * outline is only about half the canvas height.
+ */
+export declare const riveHandInkFractions: {
+    readonly rock: {
+        readonly width: 0.324;
+        readonly height: 0.505;
+        readonly centerX: 0.5;
+        readonly centerY: 0.409;
+    };
+    readonly point: {
+        readonly width: 0.455;
+        readonly height: 0.422;
+        readonly centerX: 0.462;
+        readonly centerY: 0.545;
+    };
+};
+export interface RiveHandInlineLayout {
+    /** Canvas box. Larger than the ink so the drawn hand reaches `riveHandInlineVisibleEm`. */
+    box: string;
+    /** In-flow gap. Zero height, as wide as the drawn hand. */
+    slot: string;
+    /** Shifts the canvas so the ink center sits on the slot center. */
+    transform: string;
+}
+/** Scale and shift that make the drawn hand about 1.15em, centered on the line. */
+export declare function riveHandInlineLayout(hand: RiveHandName): RiveHandInlineLayout;
+/** Zero-height inline gap. The canvas is absolute, so the line box stays put. */
+export declare const riveHandInlineSlotClassName = "pointer-events-none relative mx-[0.08em] inline-block h-0 shrink-0 select-none align-middle";
+export declare function cssColorToRgb(value: string): Rgb | null;
+/** Resolve a theme token to 0–255 channels. Returns null when the token is missing. */
+export declare function readCssTokenRgb(token: string): Rgb | null;
+export declare function readRiveHandFillRgb(): Rgb | null;
+export declare function readRiveHandOutlineRgb(): Rgb;
+/** Low-level view-model paint used from `onRiveReady` so the first frame is token-colored. */
+export declare function paintRiveHandColors(rive: {
+    viewModelInstance: {
+        color: (path: string) => RiveHandColorTarget | null;
+    } | null;
+} | null): void;
+/** Hook path — `useViewModelInstanceColor` setters. */
+export declare function applyRiveHandTokenColors(targets: {
+    handFill?: RiveHandColorSetter | null;
+    outline?: RiveHandColorSetter | null;
+}): void;
+export declare function prefersReducedMotion(): boolean;
+//# sourceMappingURL=riveHandUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"riveHandUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RiveHand/riveHandUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,SAAS,4BAA6B,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,+EAA+E;AAC/E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG1D,CAAC;AAEF,eAAO,MAAM,WAAW,mCAAmC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,eAAO,MAAM,oBAAoB,oBAAoB,CAAC;AAEtD,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAEhD,eAAO,MAAM,oBAAoB,aAAa,CAAC;AAE/C,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAEnD,eAAO,MAAM,yBAAyB,+BAA+B,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,wDAAwD;AACxD,eAAO,MAAM,uBAAuB,EAAE,GAA6B,CAAC;AAEpE,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD,0EAA0E;AAC1E,eAAO,MAAM,iBAAiB,uCAAwC,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAEtC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,8EAA8E;AAC9E,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,8BAA8B,WAAW,CAAC;AAEvD,wGAAwG;AACxG,wBAAgB,uBAAuB,CAAC,MAAM,GAAE,MAAsB,GAAG,MAAM,CAG9E;AAED,mFAAmF;AACnF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,GAAG,OAAO,CAEV;AAED,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAE3E;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACjG,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,OAAO,CAGT;AAED,mGAAmG;AACnG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAGnG;AAID;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAO7F;AAED,0GAA0G;AAC1G,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAKzE;AAED,yFAAyF;AACzF,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAGnI;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE7D;AAED,qFAAqF;AACrF,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,2BAA2B,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;CAGvB,CAAC;AAEX,MAAM,WAAW,oBAAoB;IACnC,2FAA2F;IAC3F,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,oBAAoB,CAS7E;AAED,iFAAiF;AACjF,eAAO,MAAM,2BAA2B,gGACuD,CAAC;AAEhG,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CA6BvD;AAkBD,uFAAuF;AACvF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAmBzD;AAED,wBAAgB,mBAAmB,IAAI,GAAG,GAAG,IAAI,CAEhD;AAED,wBAAgB,sBAAsB,IAAI,GAAG,CAE5C;AAED,8FAA8F;AAC9F,wBAAgB,mBAAmB,CACjC,IAAI,EAAE;IACJ,iBAAiB,EAAE;QACjB,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,mBAAmB,GAAG,IAAI,CAAC;KACrD,GAAG,IAAI,CAAC;CACV,GAAG,IAAI,GACP,IAAI,CAcN;AAED,uDAAuD;AACvD,wBAAgB,wBAAwB,CAAC,OAAO,EAAE;IAChD,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACtC,GAAG,IAAI,CASP;AAED,wBAAgB,oBAAoB,IAAI,OAAO,CAK9C"}

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

@@ -0,0 +1,123 @@
+"use client";
+//#region src/components/atoms/RiveHand/riveHandUtils.ts
+var e = ["point", "rock"], t = {
+	point: "31_Cigarette",
+	rock: "29_Rock"
+}, n = "/rive/interactive-icon-set.riv", r = "/rive/rive.wasm", i = "State Machine 1", a = "Boolean 1", o = "handFill", s = "outline", c = "--color-surface", l = "--color-background-surface", u = "--color-brand", d = {
+	r: 1,
+	g: 18,
+	b: 114
+}, f = "pointer-events-none", p = 1e3, m = 1100, h = .2, g = "22% 76%";
+function _(e = Math.random()) {
+	return Math.round(p + Math.min(1, Math.max(0, e)) * 1e3);
+}
+function v(e) {
+	return e.idle && !e.reduced && e.pageVisible && e.inView;
+}
+function y(e, t) {
+	return e >= 1 && t >= 1;
+}
+function b(e, t, n) {
+	return y(e.width, e.height) ? e.bottom > 0 && e.right > 0 && e.top < n && e.left < t : !1;
+}
+function x(e, t, n) {
+	return n ? !1 : e || t;
+}
+var S = /* @__PURE__ */ new WeakSet();
+function C(e, t) {
+	let n = e.clientWidth || t.width, r = e.clientHeight || t.height;
+	return Math.abs(n - t.width) < .5 && Math.abs(r - t.height) < .5 ? t : new DOMRect(t.x, t.y, n, r);
+}
+function w(e) {
+	if (S.has(e)) return;
+	S.add(e);
+	let t = e.getBoundingClientRect.bind(e);
+	e.getBoundingClientRect = () => C(e, t());
+}
+function T(e, t, n, r) {
+	return e < 1 || t < 1 ? !1 : n / e >= .92 && r / t >= .92;
+}
+function E(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+var D = 1.15, O = "50% 50%", k = "data-rive-hand-entered", A = {
+	rock: {
+		width: .324,
+		height: .505,
+		centerX: .5,
+		centerY: .409
+	},
+	point: {
+		width: .455,
+		height: .422,
+		centerX: .462,
+		centerY: .545
+	}
+};
+function j(e) {
+	return e.toFixed(2);
+}
+function M(e) {
+	let t = A[e], n = D / t.height, r = n * t.width;
+	return {
+		box: `${j(n)}em`,
+		slot: `${j(r)}em`,
+		transform: `translate(${j(-50 - (t.centerX - .5) * 100)}%, ${j(-50 - (t.centerY - .5) * 100)}%)`
+	};
+}
+var N = "pointer-events-none relative mx-[0.08em] inline-block h-0 shrink-0 select-none align-middle";
+function P(e) {
+	let t = e.trim(), n = t.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+	if (n) {
+		let e = n[1];
+		e.length === 3 && (e = e.split("").map((e) => e + e).join(""));
+		let t = Number.parseInt(e, 16);
+		return {
+			r: t >> 16 & 255,
+			g: t >> 8 & 255,
+			b: t & 255
+		};
+	}
+	let r = t.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);
+	return r ? {
+		r: Math.round(Number(r[1])),
+		g: Math.round(Number(r[2])),
+		b: Math.round(Number(r[3]))
+	} : null;
+}
+function F(e, t) {
+	if (typeof document > "u" || t > 2) return null;
+	let n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), r = P(n);
+	if (r) return r;
+	let i = n.match(/^var\(\s*(--[\w-]+)\s*\)$/);
+	return i ? F(i[1], t + 1) : null;
+}
+function I(e) {
+	if (typeof document > "u") return null;
+	let t = document.createElement("span");
+	t.style.color = `var(${e})`, document.body.appendChild(t);
+	let n = getComputedStyle(t).color, r = t.parentElement ? getComputedStyle(t.parentElement).color : "";
+	if (t.remove(), n && n !== r) {
+		let e = P(n);
+		if (e) return e;
+	}
+	return F(e, 0);
+}
+function L() {
+	return I("--color-surface") ?? I("--color-background-surface");
+}
+function R() {
+	return I("--color-brand") ?? d;
+}
+function z(e) {
+	let t = e?.viewModelInstance;
+	if (!t) return;
+	let n = L(), r = R();
+	n && t.color(o)?.rgb(n.r, n.g, n.b), r && t.color(s)?.rgb(r.r, r.g, r.b);
+}
+function B(e) {
+	let t = L(), n = R();
+	t && e.handFill?.setRgb(t.r, t.g, t.b), n && e.outline?.setRgb(n.r, n.g, n.b);
+}
+//#endregion
+export { B as applyRiveHandTokenColors, P as cssColorToRgb, w as installRiveHandLayoutRect, _ as nextRiveHandIdleDelayMs, z as paintRiveHandColors, I as readCssTokenRgb, L as readRiveHandFillRgb, R as readRiveHandOutlineRgb, t as riveHandArtboards, a as riveHandBooleanInput, x as riveHandBooleanValue, E as riveHandBoxSize, f as riveHandClassName, k as riveHandEnteredAttr, l as riveHandFillFallbackToken, o as riveHandFillProperty, c as riveHandFillToken, h as riveHandGrowDelaySec, g as riveHandGrowOrigin, T as riveHandGrowSettled, y as riveHandHasLayoutBox, v as riveHandIdleAllowed, m as riveHandIdleHoldMs, p as riveHandIdleMinMs, A as riveHandInkFractions, M as riveHandInlineLayout, N as riveHandInlineSlotClassName, D as riveHandInlineVisibleEm, b as riveHandIntersectsViewport, C as riveHandLayoutClientRect, d as riveHandOutlineFallback, s as riveHandOutlineProperty, u as riveHandOutlineToken, O as riveHandSequenceOrigin, n as riveHandSrc, i as riveHandStateMachine, r as riveHandWasmSrc, e as riveHands };

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

@@ -0,0 +1,28 @@
+import type { CSSProperties } from "react";
+import { skeletonRadii, type SkeletonRadius } from "./skeletonStyles";
+export type { SkeletonRadius } from "./skeletonStyles";
+export { skeletonRadii };
+/** Layout-only — width/height in grids; not for color overrides. */
+export type SkeletonLayoutClassName = string;
+export interface SkeletonProps {
+    /** Block width — number (px) or CSS length. Default `100%`. */
+    width?: number | string;
+    /** Block height — number (px) or CSS length. Default `100%`. */
+    height?: number | string;
+    /** Corner radius token — default `container` (12px). */
+    radius?: SkeletonRadius;
+    /**
+     * Stagger index for sequential placeholders (0, 1, 2…).
+     * Offsets shimmer delay — wave across skeleton screens.
+     */
+    index?: number;
+    className?: SkeletonLayoutClassName;
+    style?: CSSProperties;
+}
+/**
+ * Loading placeholder block — compose into skeleton screens (Card, chart wells, KPI rows).
+ * Shimmer sweep via Motion — [skeleton shimmer example](https://motion.dev/examples/react-skeleton-shimmer).
+ * Pair with `aria-busy` on the owning region; this shape is decorative (`aria-hidden`).
+ */
+export declare function Skeleton({ width, height, radius, index, className, style, }: SkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAIL,aAAa,EAGb,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,oEAAoE;AACpE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAc,EACd,MAAe,EACf,MAAoB,EACpB,KAAS,EACT,SAAS,EACT,KAAK,GACN,EAAE,aAAa,+BA6Bf"}

package/dist/components/atoms/Skeleton/Skeleton.js

@@ -0,0 +1,32 @@
+"use client";
+import { readMotionDurationSeconds as e } from "../../../lib/motion.js";
+import { skeletonDelaySeconds as t, skeletonDimensionStyle as n, skeletonHostClasses as r, skeletonRadii as i, skeletonShimmerBandClasses as a, skeletonShimmerRepeatDelayS as o } from "./skeletonStyles.js";
+import { jsx as s } from "react/jsx-runtime";
+import { motion as c, useReducedMotion as l } from "motion/react";
+//#region src/components/atoms/Skeleton/Skeleton.tsx
+function u({ width: i = "100%", height: u = "100%", radius: d = "container", index: f = 0, className: p, style: m }) {
+	let h = l();
+	return /* @__PURE__ */ s("span", {
+		className: r(d, p),
+		style: {
+			...n(i, u),
+			...m
+		},
+		"aria-hidden": !0,
+		children: h ? null : /* @__PURE__ */ s(c.span, {
+			"aria-hidden": !0,
+			className: a,
+			initial: { x: "-100%" },
+			animate: { x: "200%" },
+			transition: {
+				duration: e("slow"),
+				ease: "linear",
+				repeat: Infinity,
+				repeatDelay: o,
+				delay: t(f)
+			}
+		})
+	});
+}
+//#endregion
+export { u as Skeleton, i as skeletonRadii };

package/dist/components/atoms/Skeleton/skeletonStyles.d.ts

@@ -0,0 +1,23 @@
+/** Astryx-aligned radius scale — [Skeleton](https://astryx.atmeta.com/components/Skeleton). */
+export declare const skeletonRadii: readonly ["none", "inner", "element", "container", "full"];
+export type SkeletonRadius = (typeof skeletonRadii)[number];
+export declare const skeletonRadiusClasses: Record<SkeletonRadius, string>;
+/** Resting block — pairs with Motion shimmer overlay in {@link Skeleton}. */
+export declare const skeletonRootClasses = "block shrink-0 bg-skeleton wmds-skeleton-host";
+/** Shimmer host — clips the sweeping highlight ([Motion skeleton shimmer](https://motion.dev/examples/react-skeleton-shimmer)). */
+export declare const skeletonShimmerHostClasses = "relative overflow-hidden";
+/** Horizontal highlight band — theme-aware via semantic surface mix. */
+export declare const skeletonShimmerBandClasses = "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";
+/** Initial delay before shimmer starts (ms) — avoids flash on fast loads. */
+export declare const skeletonDelayMs = 1000;
+/** Stagger increment per `index` prop (ms). */
+export declare const skeletonStaggerMs = 100;
+/** Pause between shimmer sweeps (seconds). */
+export declare const skeletonShimmerRepeatDelayS = 0.5;
+export declare function skeletonDelaySeconds(index: number): number;
+export declare function skeletonDimensionStyle(width: number | string, height: number | string): {
+    width: number | string;
+    height: number | string;
+};
+export declare function skeletonHostClasses(radius: SkeletonRadius, className?: string): string;
+//# sourceMappingURL=skeletonStyles.d.ts.map

package/dist/components/atoms/Skeleton/skeletonStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeletonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Skeleton/skeletonStyles.ts"],"names":[],"mappings":"AAEA,+FAA+F;AAC/F,eAAO,MAAM,aAAa,4DAA6D,CAAC;AAExF,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhE,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,mBAAmB,kDAAkD,CAAC;AAEnF,mIAAmI;AACnI,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,wEAAwE;AACxE,eAAO,MAAM,0BAA0B,yLACiJ,CAAC;AAEzL,6EAA6E;AAC7E,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,+CAA+C;AAC/C,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,8CAA8C;AAC9C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,MAAM,EAAE,MAAM,GAAG,MAAM,GACtB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAErD;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAOtF"}

package/dist/components/atoms/Skeleton/skeletonStyles.js

@@ -0,0 +1,30 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+//#region src/components/atoms/Skeleton/skeletonStyles.ts
+var t = [
+	"none",
+	"inner",
+	"element",
+	"container",
+	"full"
+], n = {
+	none: "rounded-none",
+	inner: "rounded-sm",
+	element: "rounded-lg",
+	container: "rounded-xl",
+	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) {
+	return (o + 100 * e) / 1e3;
+}
+function l(e, t) {
+	return {
+		width: e,
+		height: t
+	};
+}
+function u(t, a) {
+	return e(r, i, n[t], a);
+}
+//#endregion
+export { o as skeletonDelayMs, c as skeletonDelaySeconds, l as skeletonDimensionStyle, u as skeletonHostClasses, t as skeletonRadii, n as skeletonRadiusClasses, r as skeletonRootClasses, a as skeletonShimmerBandClasses, i as skeletonShimmerHostClasses, s as skeletonShimmerRepeatDelayS };

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

@@ -0,0 +1,40 @@
+import { type StatusTone } from "./statusDotStyles";
+export declare const statusVariants: readonly ["ring", "dot"];
+export type StatusVariant = (typeof statusVariants)[number];
+export { statusTones, type StatusTone } from "./statusDotStyles";
+/** Layout-only — not for colors or size overrides. */
+export type StatusLayoutClassName = string;
+type StatusBesideLabelProps = {
+    /** Visible text beside the indicator exposes meaning — indicator is aria-hidden. */
+    besideLabel: true;
+    /** Optional — devtools only when adjacent text is the accessible name. */
+    label?: string;
+} | {
+    /** Indicator stands alone — `label` is required for screen readers and tooltip. */
+    besideLabel?: false;
+    label: string;
+};
+export type StatusRingVariantProps = StatusBesideLabelProps & {
+    variant: "ring";
+    /** Spinning arc — **running** task step. Omit or false for **pending**. */
+    active?: boolean;
+    /** Step number centered in the ring. */
+    step?: number;
+    className?: StatusLayoutClassName;
+};
+export type StatusDotVariantProps = StatusBesideLabelProps & {
+    variant: "dot";
+    /** Semantic dot color — required for `variant="dot"`. */
+    tone: StatusTone;
+    /** Pulse for live, processing, or urgent attention. Respects `prefers-reduced-motion`. */
+    pulsing?: boolean;
+    className?: StatusLayoutClassName;
+};
+export type StatusProps = StatusRingVariantProps | StatusDotVariantProps;
+/**
+ * Fixed-scale status indicators — **`variant="ring"`** (24px) or **`variant="dot"`** (8px).
+ * Pattern-first: `variant="ring"` (24px task progress) or `variant="dot"` (8px semantic dot).
+ */
+export declare function Status(props: StatusProps): import("react").JSX.Element;
+export { statusRingArcVisibleRatio, statusRingSizePx, statusRingStrokePx, } from "./statusRingStyles";
+//# sourceMappingURL=Status.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Status/Status.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAa3B,eAAO,MAAM,cAAc,0BAA2B,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEjE,sDAAsD;AACtD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,KAAK,sBAAsB,GACvB;IACE,oFAAoF;IACpF,WAAW,EAAE,IAAI,CAAC;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACD;IACE,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG;IAC3D,OAAO,EAAE,KAAK,CAAC;IACf,yDAAyD;IACzD,IAAI,EAAE,UAAU,CAAC;IACjB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;AAgGzE;;;GAGG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAQxC;AAED,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,oBAAoB,CAAC"}

package/dist/components/atoms/Status/Status.js

@@ -0,0 +1,84 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { statusDotBaseClasses as t, statusDotToneClasses as n, statusTones as r } from "./statusDotStyles.js";
+import { statusRingArcClasses as i, statusRingArcVisibleRatio as a, statusRingShellClasses as o, statusRingSizePx as s, statusRingStepClasses as c, statusRingSvgClasses as l, statusRingTrackClasses as u } from "./statusRingStyles.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/atoms/Status/Status.tsx
+var p = ["ring", "dot"];
+function m(e) {
+	!e.besideLabel && e.label == null && console.warn("[WMDS Status] Provide `label` unless `besideLabel` is set.");
+}
+function h({ active: t = !1, step: n, label: r, besideLabel: s = !1, className: p }) {
+	m({
+		besideLabel: s,
+		label: r
+	});
+	let h = 2 * Math.PI * 11;
+	return /* @__PURE__ */ f("span", {
+		role: s ? void 0 : "img",
+		"aria-hidden": s ? !0 : void 0,
+		"aria-label": s ? void 0 : r,
+		title: s ? void 0 : r,
+		className: e(o, p),
+		style: {
+			width: 24,
+			height: 24
+		},
+		"data-variant": "ring",
+		"data-pattern": s ? "beside-label" : "standalone",
+		"data-active": t || void 0,
+		"data-step": n ?? void 0,
+		children: [/* @__PURE__ */ f("svg", {
+			width: 24,
+			height: 24,
+			className: e(l, t && "animate-spin"),
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ d("circle", {
+				cx: 12,
+				cy: 12,
+				r: 11,
+				fill: "none",
+				className: u,
+				strokeWidth: 2
+			}), t ? /* @__PURE__ */ d("circle", {
+				cx: 12,
+				cy: 12,
+				r: 11,
+				fill: "none",
+				className: i,
+				strokeWidth: 2,
+				strokeLinecap: "round",
+				strokeDasharray: `${h * a} ${h * (1 - a)}`
+			}) : null]
+		}), n == null ? null : /* @__PURE__ */ d("span", {
+			className: c,
+			children: n
+		})]
+	});
+}
+function g({ tone: r, label: i, besideLabel: a = !1, pulsing: o = !1, className: s }) {
+	return m({
+		besideLabel: a,
+		label: i
+	}), /* @__PURE__ */ d("span", {
+		role: a ? void 0 : "img",
+		"aria-hidden": a ? !0 : void 0,
+		"aria-label": a ? void 0 : i,
+		title: a ? void 0 : i,
+		className: e(t, n[r], o && "animate-status-dot-pulse", s),
+		"data-variant": "dot",
+		"data-tone": r,
+		"data-pattern": a ? "beside-label" : "standalone",
+		"data-pulsing": o || void 0
+	});
+}
+function _(e) {
+	if (e.variant === "ring") {
+		let { variant: t, ...n } = e;
+		return /* @__PURE__ */ d(h, { ...n });
+	}
+	let { variant: t, ...n } = e;
+	return /* @__PURE__ */ d(g, { ...n });
+}
+//#endregion
+export { _ as Status, s as statusRingSizePx, r as statusTones, p as statusVariants };

package/dist/components/atoms/Status/statusDotStyles.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticVariant } from "../../../lib/semanticVariants";
+export declare const statusTones: readonly ["neutral", "info", "success", "warning", "destructive"];
+export type StatusTone = (typeof statusTones)[number];
+/** Fixed 8px dot — semantic fill from `tone`. */
+export declare const statusDotBaseClasses = "inline-block size-2 shrink-0 rounded-full";
+export declare const statusDotToneClasses: Record<StatusTone, string>;
+export declare const statusDotPulseClass = "animate-status-dot-pulse";
+export declare function isStatusTone(value: string): value is StatusTone;
+export type { SemanticVariant };
+//# sourceMappingURL=statusDotStyles.d.ts.map

package/dist/components/atoms/Status/statusDotStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusDotStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Status/statusDotStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,eAAO,MAAM,WAAW,mEAAoE,CAAC;AAE7F,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAEhF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,6BAA6B,CAAC;AAE9D,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,UAAU,CAE/D;AAED,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/atoms/Status/statusDotStyles.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/atoms/Status/statusDotStyles.ts
+var e = [
+	"neutral",
+	"info",
+	"success",
+	"warning",
+	"destructive"
+], t = "inline-block size-2 shrink-0 rounded-full", n = {
+	neutral: "bg-muted",
+	info: "bg-info",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-error"
+}, r = "animate-status-dot-pulse";
+//#endregion
+export { t as statusDotBaseClasses, r as statusDotPulseClass, n as statusDotToneClasses, e as statusTones };

package/dist/components/atoms/Status/statusRingStyles.d.ts

@@ -0,0 +1,12 @@
+/** Fixed diameter — pairs with **Accordion** / **TaskRows** leading slot (`size-6`). */
+export declare const statusRingSizePx = 24;
+export declare const statusRingStrokePx = 2;
+/** ~28% visible arc when `active` — matches task-progress ring reference. */
+export declare const statusRingArcVisibleRatio = 0.28;
+export declare const statusRingShellClasses = "relative inline-flex shrink-0 items-center justify-center";
+export declare const statusRingSvgClasses = "absolute inset-0";
+export declare const statusRingSvgActiveClasses = "animate-spin";
+export declare const statusRingTrackClasses = "stroke-border";
+export declare const statusRingArcClasses = "stroke-muted";
+export declare const statusRingStepClasses: string;
+//# sourceMappingURL=statusRingStyles.d.ts.map

package/dist/components/atoms/Status/statusRingStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusRingStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Status/statusRingStyles.ts"],"names":[],"mappings":"AAEA,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,6EAA6E;AAC7E,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C,eAAO,MAAM,sBAAsB,8DAC0B,CAAC;AAE9D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,eAAO,MAAM,0BAA0B,iBAAiB,CAAC;AAEzD,eAAO,MAAM,sBAAsB,kBAAkB,CAAC;AAEtD,eAAO,MAAM,oBAAoB,iBAAiB,CAAC;AAEnD,eAAO,MAAM,qBAAqB,QAAgG,CAAC"}

package/dist/components/atoms/Status/statusRingStyles.js

@@ -0,0 +1,6 @@
+"use client";
+import { typographyClass as e } from "../../../lib/typography.js";
+//#region src/components/atoms/Status/statusRingStyles.ts
+var t = 24, n = .28, r = "relative inline-flex shrink-0 items-center justify-center", i = "absolute inset-0", a = "animate-spin", o = "stroke-border", s = "stroke-muted", c = `${e("caption")} relative font-semibold tabular-nums text-fg text-[0.65625rem]`;
+//#endregion
+export { s as statusRingArcClasses, n as statusRingArcVisibleRatio, r as statusRingShellClasses, t as statusRingSizePx, c as statusRingStepClasses, a as statusRingSvgActiveClasses, i as statusRingSvgClasses, o as statusRingTrackClasses };

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

@@ -0,0 +1,27 @@
+import { type InputHTMLAttributes } from "react";
+import { type SwitchLayout, type SwitchSize } from "./switchStyles";
+import type { InputStatus } from "../Input/inputShellStyles";
+export { switchLayouts, switchSizes, type SwitchLayout, type SwitchSize } from "./switchStyles";
+export { inputStatuses, type InputStatus } from "../Input/inputShellStyles";
+/** Layout-only — width/margin on the row wrapper. */
+export type SwitchLayoutClassName = string;
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "role"> {
+    size?: SwitchSize;
+    /** `inline` — control leading (Checkbox rhythm). `settings` — label left, switch trailing. */
+    layout?: SwitchLayout;
+    /** Visible label — always rendered; use `labelHidden` to visually hide. */
+    label: string;
+    labelHidden?: boolean;
+    /** Neutral helper below the label. */
+    description?: string;
+    status?: InputStatus;
+    message?: string;
+    loading?: boolean;
+    className?: SwitchLayoutClassName;
+}
+/**
+ * Boolean toggle — pill track + sliding thumb.
+ * Pill track + sliding thumb; `layout="settings"` for label-left / switch-right rows.
+ */
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +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"}