@thewhatmatters/wmds 0.4.42 → 0.4.45

package/CHANGELOG.md

@@ -5,7 +5,61 @@ Every release of `@thewhatmatters/wmds` is listed here, newest first.
 - **Versions follow semver.** While the major version is `0`, a minor bump (`0.3.0`) can break an app and a patch bump (`0.2.1`) does not. Apps depend on `^0.2.0`, which accepts patches only.
 - **Every release has a Consumer actions section**: the exact steps an app takes when it moves to that version. It says **None** when there are none. Agents upgrading an app read every Consumer actions section between the old and new version, oldest first.
 - **Pasted patterns:** when a release changes a **Pattern — …** story's Show code, it is named under Consumer actions so apps re-copy it.
-- **How to add an entry** (contributors): add your change to the top entry. If that version is already on npm (`npm view @thewhatmatters/wmds versions`), start a new entry above it and bump `version` in `package.json` to match. `npm run check:changelog` enforces the format.
+- **How to add an entry** (contributors): don't edit this file on a feature branch. Add a release note as `changes/<topic>.md` (format in `changes/README.md`). The release step, `npm run release:prepare` on its own **Release 0.x.y** branch, folds every note into one new entry here and bumps the version once. `npm run check:changelog` checks this file and the notes.
+
+## 0.4.45
+
+**Chart.SegmentedRing: a screen-sized gauge that steps through figures.**
+
+- **Chart.SegmentedRing** `size="fluid"`: fills its container's width (square), with the centre figure in the display face at 18% of the ring's width, for a ring that carries a whole screen (Stats — Pinned Counter).
+- **Chart.SegmentedRing** `animate="always"`: sweeps from the current fill to each new value, so one gauge steps through several figures instead of jumping or emptying.
+
+**SiteNav `overMedia`: a transparent nav over a full-bleed photo or video.**
+
+- **SiteNav** `overMedia` (new): while expanded, the bar lays over the top of the next section instead of taking room above it, with no fill and the dark theme's light ink, so the footage shows through (Hero — Stage with a backdrop; Randy, 2026-11-01). Scrolled, the compact pill is the usual one. Story **SiteNav → State — over media**, with a test (out of flow, transparent, light ink).
+
+### Consumer actions
+
+- None. Existing sizes and `animate` values behave as before.
+- None. For a page that opens on a full-bleed picture or video, pass `overMedia` to the page's `SiteNav`.
+
+## 0.4.44
+
+**Empty states (Rule 22).**
+- **EmptyState** (new, Z7–Z9): what takes a list’s place when it’s empty. `kind="first-use"` (what shows up here + the main action), `"no-results"` (names the words or filters; Clear filters via `onClearFilters`, required), `"done"` (a short positive line, no action). Optional 24px icon, no illustrations; at most a quiet "Learn more". Warns on a `no-results` without `onClearFilters` and a `done` with an action. Docs give a sentence template for each kind.
+- **Every `empty` slot uses it** (Z7): a plain string in TileGrid, IndexList, TaskRows (table) or LogView `empty` renders an EmptyState (TaskRows’ "Nothing waiting" is a `done`). CalEmbed’s empty state is an EmptyState with the email route as its action.
+- **`resultsLabel`** on TileGrid and IndexList (new, Z6): the result count in a status line, read out when it changes ("0 projects match").
+- Story **Components/EmptyState → Pattern — filter to zero** (interaction test: the heading and filters stay, the empty state names the filters, the count is announced, Clear filters brings everything back).
+
+**Loading states (Rule 21).**
+- **`useDelayedLoading(loading, { delay, minDuration })`** (new, Y7): show an indicator only after 400ms, and keep it at least 400ms once shown. Input and TextArea use it for their spinner.
+- **Input / TextArea `loading`** (Y4): the field carries `aria-busy`, and a status line says what's happening (new `loadingLabel`, default "Checking…").
+- **Reduced motion** (Y6): every spinner holds still (Button, Input, TextArea, Checkbox, Switch, Status ring); the words carry the state.
+- **400ms timing everywhere WMDS loads** (Y7): Checkbox, Switch and IconButton spinners, and the LinkTile, Stat and LogView skeletons wait 400ms (room kept at once) and stay at least 400ms. Busy state and blocking start immediately.
+- **LinkTile `loading`** (Y4): busy with words for screen readers (new `loadingLabel`, default "Loading…"), no longer hidden.
+- **Button loading look** (Y8): keeps the role's own fill (a primary stays primary) with the spinner; the grey fill read as disabled. Default labels are a send ("Sending…", "Sent", "Try again"), and Button warns when `status="loading"` has no `statusLabels.loading`.
+- **Button `status`** (Y8): one width through idle, loading, success and error (no resize), so a "Sending…" label never moves the layout. Still `aria-live`, focusable, and repeat presses are ignored while loading. Docs: in forms, success hands over to the confirmation.
+
+- **Progress** (new, Y9): a progress bar for waits over 10 seconds, uploads and exports. Label, "3 of 12 files" or a percentage, time left, Cancel (required unless `cancellable={false}`), `status="error"` with `message` and Retry (`onRetry`). `role="progressbar"` with values and `aria-valuetext`; screen readers hear every 10% and "… complete", not every tick. Indeterminate only without a total; still under reduced motion. Stories: upload with a count, export percentage, no total, failed with retry, complete.
+
+### Consumer actions
+
+None required. Replace hand-built empty messages with **EmptyState**, pick the kind, and pass `resultsLabel` on filtered lists.
+Button `status` defaults changed from "Processing / Success / Error" to "Sending… / Sent / Try again", and loading keeps the button's own fill: pass your own `statusLabels` (Button now warns when the loading label is missing). Wrap your own loading indicators in `useDelayedLoading`. Give send buttons real `statusLabels` ("Sending…").
+
+## 0.4.43
+
+**AppShell `asideMode="inset"` and a `toolbar` slot.** From `lg`, an inset aside is a raised card floating inside the page surface, under the title bar and the toolbar, 12px from the end and bottom edges (radius-surface-md, border, shadow-lg). The page narrows beside it and is never covered. Its header is the title bar's 56px band, with the title and description centred. The new `toolbar` prop / **AppShell.Toolbar** slot is a full-width band under the title bar; with an inset aside it spans above both. Below `lg` the aside is the overlay **Panel**, as in the other modes. New `asideFooter`: actions pinned under the aside's scrolling body (Copy, Reset), in every mode (the **Panel** `footer` in overlay). Fixed for docked and inset asides that start open: the server and the first paint no longer render the overlay **Panel** before the desktop query runs (it caused a hydration mismatch and a flash of the overlay). Story **Components/AppShell → State — aside inset, with a toolbar** (interaction test: inside the surface, under the toolbar, 12px gap, 56px header, page not covered, footer pinned).
+
+**Contributors: release notes as files, and releasing as its own step.**
+
+- Feature branches add a release note as `changes/<topic>.md` instead of editing `CHANGELOG.md` and the version, so two open branches no longer conflict. `npm run release:prepare` folds the notes into one entry and bumps the version once, on its own **Release 0.x.y** branch. `npm run check:changelog` also checks the notes. See `AGENTS.md` → **Releases**.
+- The **report-wmds-gap** skill's contributing steps say to add a `changes/` note.
+- `src/package.manifest.ts` lists one component per line, sorted.
+
+### Consumer actions
+
+None required. For a live-controls panel that should sit inside the page (the patterns gallery's Type panel), pass `asideMode="inset"`, move the view toolbar into `toolbar`, and put the button that opens the aside at the toolbar's end.
 
 ## 0.4.42
 

package/dist/components/atoms/Button/ButtonSpinner.js

@@ -5,7 +5,7 @@ import { jsx as n } from "react/jsx-runtime";
 //#region src/components/atoms/Button/ButtonSpinner.tsx
 function r({ size: r }) {
 	return /* @__PURE__ */ n("span", {
-		className: e("animate-spin shrink-0 rounded-full border-2 border-current border-r-transparent", t[r]),
+		className: e("animate-spin motion-reduce:animate-none shrink-0 rounded-full border-2 border-current border-r-transparent", t[r]),
 		"aria-hidden": !0
 	});
 }

package/dist/components/atoms/Button/ButtonStatusButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonStatusButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonStatusButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,kEAAkE;IAClE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,uHA6E7B,CAAC"}
+{"version":3,"file":"ButtonStatusButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonStatusButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,kEAAkE;IAClE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,kBAAkB,uHA0G7B,CAAC"}

package/dist/components/atoms/Button/ButtonStatusButton.js

@@ -1,51 +1,70 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { buttonBaseClasses as t, buttonPillClass as n } from "./buttonStyles.js";
-import { getStatusPaint as r, getStatusShellClass as i, statusMorphTransition as a } from "./buttonStatusMotion.js";
-import { ButtonStatusIcon as o, ButtonStatusLabel as s } from "./ButtonStatusContent.js";
-import { buttonStatusIconGapClasses as c, buttonStatusSizeClasses as l, resolveStatusLabels as u } from "./buttonStatusStyles.js";
-import { forwardRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { motion as m } from "motion/react";
+import { buttonBaseClasses as t, buttonIconSizeClasses as n, buttonPillClass as r } from "./buttonStyles.js";
+import { getStatusPaint as i, getStatusShellClass as a, statusMorphTransition as o } from "./buttonStatusMotion.js";
+import { ButtonStatusIcon as s, ButtonStatusLabel as c } from "./ButtonStatusContent.js";
+import { buttonStatusIconGapClasses as l, buttonStatusSizeClasses as u, resolveStatusLabels as d } from "./buttonStatusStyles.js";
+import { forwardRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { motion as h } from "motion/react";
 //#region src/components/atoms/Button/ButtonStatusButton.tsx
-var h = d(function({ status: d, role: h = "primary", size: g = "md", statusLabels: _, icon: v, disableOnError: y = !1, disabled: b, className: x, children: S, type: C = "button", onClick: w, "aria-label": T, "aria-pressed": E, "aria-keyshortcuts": D, id: O, name: k, form: A, ...j }, M) {
-	let N = u(S, _)[d], P = !b && (d === "loading" || d === "error" && y), F = b || P, I = r(d, h);
-	return /* @__PURE__ */ p(m.button, {
-		...j,
-		ref: M,
-		type: C,
-		layout: !0,
-		disabled: b,
-		"aria-disabled": P || void 0,
-		"aria-busy": d === "loading" || void 0,
+var g = [
+	"idle",
+	"loading",
+	"success",
+	"error"
+], _ = f(function({ status: f, role: _ = "primary", size: v = "md", statusLabels: y, icon: b, disableOnError: x = !1, disabled: S, className: C, children: w, type: T = "button", onClick: E, "aria-label": D, "aria-pressed": O, "aria-keyshortcuts": k, id: A, name: j, form: M, ...N }, P) {
+	let F = d(w, y);
+	f === "loading" && y?.loading == null && console.warn("[WMDS Button] `status=\"loading\"` without `statusLabels.loading`: say what is happening (\"Saving…\").");
+	let I = F[f], L = !S && (f === "loading" || f === "error" && x), R = S || L, z = i(f, _);
+	return /* @__PURE__ */ p(h.button, {
+		...N,
+		ref: P,
+		type: T,
+		disabled: S,
+		"aria-disabled": L || void 0,
+		"aria-busy": f === "loading" || void 0,
 		"aria-live": "polite",
-		"aria-label": T,
-		"aria-pressed": E,
-		"aria-keyshortcuts": D,
-		"data-role": h,
-		"data-size": g,
-		"data-status": d,
-		animate: I,
+		"aria-label": D,
+		"aria-pressed": O,
+		"aria-keyshortcuts": k,
+		"data-role": _,
+		"data-size": v,
+		"data-status": f,
+		animate: z,
 		initial: !1,
-		className: e(t, "justify-center", l[g], (d !== "idle" || v != null) && c[g], n, i(d, h), "overflow-hidden", x),
-		whileTap: F ? void 0 : { scale: .98 },
-		transition: a,
+		className: e(t, "justify-center", u[v], r, a(f, _), "overflow-hidden", L && "aria-disabled:!opacity-100", C),
+		whileTap: R ? void 0 : { scale: .98 },
+		transition: o,
 		onClick: (e) => {
-			if (P) {
+			if (L) {
 				e.preventDefault();
 				return;
 			}
-			w?.(e);
+			E?.(e);
 		},
-		id: O,
-		name: k,
-		form: A,
-		children: [/* @__PURE__ */ f(o, {
-			status: d,
-			size: g,
-			icon: v
-		}), /* @__PURE__ */ f(s, { label: N })]
+		id: A,
+		name: j,
+		form: M,
+		children: /* @__PURE__ */ m("span", {
+			className: "inline-grid items-center justify-items-center",
+			children: [g.map((t) => /* @__PURE__ */ m("span", {
+				"aria-hidden": !0,
+				className: e("invisible col-start-1 row-start-1 inline-flex items-center whitespace-nowrap", (t !== "idle" || b != null) && l[v]),
+				children: [t !== "idle" || b != null ? /* @__PURE__ */ p("span", { className: e("shrink-0", n[v]) }) : null, /* @__PURE__ */ p("span", {
+					"data-label": F[t],
+					className: "before:content-[attr(data-label)]"
+				})]
+			}, t)), /* @__PURE__ */ m("span", {
+				className: e("col-start-1 row-start-1 inline-flex items-center", (f !== "idle" || b != null) && l[v]),
+				children: [/* @__PURE__ */ p(s, {
+					status: f,
+					size: v,
+					icon: b
+				}), /* @__PURE__ */ p(c, { label: I })]
+			})]
+		})
 	});
 });
 //#endregion
-export { h as ButtonStatusButton };
+export { _ as ButtonStatusButton };

package/dist/components/atoms/Button/ButtonStatusContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonStatusContent.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonStatusContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAwCzD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,IAAI,EACJ,IAAI,GACL,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,sCAiCA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAkB7D"}
+{"version":3,"file":"ButtonStatusContent.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonStatusContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AA0CzD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,IAAI,EACJ,IAAI,GACL,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,sCAiCA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAkB7D"}

package/dist/components/atoms/Button/ButtonStatusContent.js

@@ -4,13 +4,13 @@ import { buttonIconSizeClasses as t } from "./buttonStyles.js";
 import { statusIconSpring as n, statusLabelSpring as r } from "./buttonStatusMotion.js";
 import { Check as i, Loader2 as a, X as o } from "lucide-react";
 import { jsx as s } from "react/jsx-runtime";
-import { AnimatePresence as c, motion as l, useTime as u, useTransform as d } from "motion/react";
+import { AnimatePresence as c, motion as l, useReducedMotion as u, useTime as d, useTransform as f } from "motion/react";
 //#region src/components/atoms/Button/ButtonStatusContent.tsx
-function f({ size: n }) {
-	let r = u(), i = d(r, [0, 1e3], [0, 360], { clamp: !1 });
+function p({ size: n }) {
+	let r = d(), i = f(r, [0, 1e3], [0, 360], { clamp: !1 }), o = u();
 	return /* @__PURE__ */ s(l.span, {
 		className: "inline-flex shrink-0",
-		style: { rotate: i },
+		style: o ? void 0 : { rotate: i },
 		"aria-hidden": !0,
 		children: /* @__PURE__ */ s(a, {
 			className: e("stroke-current", t[n]),
@@ -18,15 +18,15 @@ function f({ size: n }) {
 		})
 	});
 }
-function p({ status: n, size: r }) {
+function m({ status: n, size: r }) {
 	let a = e("shrink-0 stroke-current", t[r]);
-	return n === "loading" ? /* @__PURE__ */ s(f, { size: r }) : s(n === "success" ? i : o, {
+	return n === "loading" ? /* @__PURE__ */ s(p, { size: r }) : s(n === "success" ? i : o, {
 		className: a,
 		strokeWidth: 2.5,
 		"aria-hidden": !0
 	});
 }
-function m({ status: r, size: i, icon: a }) {
+function h({ status: r, size: i, icon: a }) {
 	return r === "idle" && a == null ? null : /* @__PURE__ */ s(c, {
 		mode: "popLayout",
 		initial: !1,
@@ -54,14 +54,14 @@ function m({ status: r, size: i, icon: a }) {
 			children: r === "idle" ? /* @__PURE__ */ s("span", {
 				className: e("inline-flex shrink-0 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", t[i]),
 				children: a
-			}) : /* @__PURE__ */ s(p, {
+			}) : /* @__PURE__ */ s(m, {
 				status: r,
 				size: i
 			})
 		}, r)
 	});
 }
-function h({ label: e }) {
+function g({ label: e }) {
 	return /* @__PURE__ */ s("span", {
 		className: "relative inline-flex items-center justify-center overflow-hidden",
 		children: /* @__PURE__ */ s(c, {
@@ -92,4 +92,4 @@ function h({ label: e }) {
 	});
 }
 //#endregion
-export { m as ButtonStatusIcon, h as ButtonStatusLabel };
+export { h as ButtonStatusIcon, g as ButtonStatusLabel };

package/dist/components/atoms/Button/buttonStatusMotion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgDF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQ3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAElF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
+{"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgDF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQ3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAKlF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}

package/dist/components/atoms/Button/buttonStatusMotion.js

@@ -44,7 +44,7 @@ var e = {
 	}
 }, n = {
 	idle: "",
-	loading: "shadow-raised",
+	loading: "",
 	success: "shadow-inset-highlight",
 	error: ""
 }, r = {
@@ -57,7 +57,7 @@ var e = {
 	"inverse-outline": ""
 };
 function i(n, r) {
-	return n === "idle" ? e[r] : t[n];
+	return n === "loading" || n === "idle" ? e[r] : t[n];
 }
 function a(e, t) {
 	return e === "idle" ? r[t] : n[e];

package/dist/components/atoms/Button/buttonStatusStyles.d.ts

@@ -7,6 +7,10 @@ export declare const buttonStatusCycle: ButtonStatus[];
  * the button returns to `idle`, in milliseconds.
  */
 export declare const buttonStatusHoldMs = 2000;
+/**
+ * Fallbacks for a send, the common use (Loading states Y8). Pass `statusLabels` in your own words
+ * ("Saving…", "Saved"): Button warns in development when `status` has no loading label of yours.
+ */
 export declare const defaultStatusLabels: Record<ButtonStatus, string>;
 export declare function getNextButtonStatus(current: ButtonStatus): ButtonStatus;
 export declare function resolveStatusLabels(children: ReactNode, overrides?: Partial<Record<ButtonStatus, string>>): Record<ButtonStatus, string>;

package/dist/components/atoms/Button/buttonStatusStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStatusStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,4HAA4H;AAC5H,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAA4C,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK5D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAGvE;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,SAAS,EACnB,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAChD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAW9B;AAED,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB;;;;;CAKW,CAAC;AAEhD,eAAO,MAAM,0BAA0B;;;;;CAKQ,CAAC"}
+{"version":3,"file":"buttonStatusStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,4HAA4H;AAC5H,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAA4C,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK5D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAGvE;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,SAAS,EACnB,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAChD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAW9B;AAED,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB;;;;;CAKW,CAAC;AAEhD,eAAO,MAAM,0BAA0B;;;;;CAKQ,CAAC"}

package/dist/components/atoms/Button/buttonStatusStyles.js

@@ -8,10 +8,10 @@ var n = [
 	"success",
 	"error"
 ], r = 2e3, i = {
-	idle: "Start",
-	loading: "Processing",
-	success: "Success",
-	error: "Error"
+	idle: "Send",
+	loading: "Sending…",
+	success: "Sent",
+	error: "Try again"
 };
 function a(e) {
 	return n[(n.indexOf(e) + 1) % n.length];

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAoBL,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE5E,qDAAqD;AACrD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAcD;;;GAGG;AACH,eAAO,MAAM,QAAQ,4GAiNnB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAoBL,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE5E,qDAAqD;AACrD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAcD;;;GAGG;AACH,eAAO,MAAM,QAAQ,4GAmNnB,CAAC"}

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

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

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

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