@thewhatmatters/wmds 0.4.9 → 0.4.28

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

@@ -1,20 +1,20 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { ButtonBadge as t } from "./ButtonBadge.js";
-import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as p, buttonRoleClasses as m, buttonRoles as h, buttonRowBaseClasses as g, buttonRowLayoutClasses as _, buttonRowWidthClasses as v, buttonSizeClasses as y, buttonWidths as b } from "./buttonStyles.js";
-import { ButtonIcon as x } from "./ButtonIcon.js";
-import { buttonStatusHoldMs as S, defaultStatusLabels as C, getNextButtonStatus as w } from "./buttonStatusStyles.js";
-import { ButtonStatusButton as T } from "./ButtonStatusButton.js";
-import { forwardRef as E } from "react";
-import { SquareArrowOutUpRight as D } from "lucide-react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { useRender as A } from "@base-ui/react/use-render";
+import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as ee, buttonRoleClasses as p, buttonRoles as m, buttonRowBaseClasses as h, buttonRowLayoutClasses as g, buttonRowWidthClasses as _, buttonSizeClasses as v, buttonWidths as y } from "./buttonStyles.js";
+import { ButtonIcon as b } from "./ButtonIcon.js";
+import { buttonStatusHoldMs as x, defaultStatusLabels as S, getNextButtonStatus as C } from "./buttonStatusStyles.js";
+import { ButtonStatusButton as w } from "./ButtonStatusButton.js";
+import { forwardRef as T } from "react";
+import { SquareArrowOutUpRight as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useRender as k } from "@base-ui/react/use-render";
 //#region src/components/atoms/Button/Button.tsx
-function j(e) {
-	e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout !== "pill" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` without `status` only.");
+function A(e) {
+	e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout === "row" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` and `layout=\"nav\"` without `status` only.");
 }
-var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
-	return A({
+var j = T(function({ render: e, type: t, disabled: n, ...r }, i) {
+	return k({
 		render: e,
 		ref: i,
 		defaultTagName: "button",
@@ -29,32 +29,48 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
 			disabled: n
 		}
 	});
-}), N = E(function({ children: r, role: a = "primary", layout: c = "pill", width: h, align: b, emphasis: S, size: C = "md", disabled: w, type: E = "button", status: A, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
-	if (j({
-		status: A,
+}), M = T(function({ render: e, type: t, disabled: n, ...r }, i) {
+	return k({
+		render: e,
+		ref: i,
+		defaultTagName: "button",
+		props: e ? {
+			...r,
+			"aria-disabled": n ? !0 : void 0,
+			"data-disabled": n ? "" : void 0,
+			tabIndex: n ? -1 : r.tabIndex
+		} : {
+			...r,
+			type: t,
+			disabled: n
+		}
+	});
+}), N = T(function({ children: r, role: a = "primary", layout: c = "pill", width: m, align: y, emphasis: x, size: S = "md", disabled: C, type: T = "button", status: k, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
+	if (A({
+		status: k,
 		icon: F,
 		count: I,
 		layout: c,
 		render: B,
 		endIcon: R,
 		mono: L,
-		width: h,
-		align: b,
-		emphasis: S,
+		width: m,
+		align: y,
+		emphasis: x,
 		role: a,
 		external: V
-	}), A != null) return /* @__PURE__ */ O(T, {
+	}), k != null) return /* @__PURE__ */ D(w, {
 		...Z,
 		ref: Q,
-		status: A,
+		status: k,
 		role: a,
-		size: C,
+		size: S,
 		statusLabels: N,
 		icon: F,
 		disableOnError: P,
-		disabled: w,
+		disabled: C,
 		className: U,
-		type: E,
+		type: T,
 		onClick: W,
 		"aria-label": G,
 		"aria-pressed": K,
@@ -64,11 +80,11 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
 		form: X,
 		children: r
 	});
-	if (c === "row") return /* @__PURE__ */ O("button", {
+	if (c === "row") return /* @__PURE__ */ D("button", {
 		...Z,
 		ref: Q,
-		type: E,
-		disabled: w,
+		type: T,
+		disabled: C,
 		onClick: W,
 		"aria-label": G,
 		"aria-pressed": K,
@@ -76,17 +92,18 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
 		id: J,
 		name: Y,
 		form: X,
-		className: e(g, m[a], _, v[h ?? "fill"], U),
+		className: e(h, p[a], g, _[m ?? "fill"], U),
 		"data-role": a,
 		"data-layout": "row",
-		"data-width": h ?? "fill",
+		"data-width": m ?? "fill",
 		children: r
 	});
-	if (c === "nav") return /* @__PURE__ */ O("button", {
+	if (c === "nav") return /* @__PURE__ */ D(j, {
 		...Z,
 		ref: Q,
-		type: E,
-		disabled: w,
+		render: B,
+		type: T,
+		disabled: C,
 		onClick: W,
 		"aria-label": G,
 		"aria-pressed": K,
@@ -95,13 +112,15 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
 		id: J,
 		name: Y,
 		form: X,
-		className: e(g, u, d(z), U),
+		className: e(h, u, d(z), U),
+		"data-role": a,
+		"data-size": S,
 		"data-layout": "nav",
 		"data-selected": z ? "" : void 0,
 		children: r
 	});
 	let $ = V && B != null;
-	return /* @__PURE__ */ k(M, {
+	return /* @__PURE__ */ O(M, {
 		...Z,
 		...$ ? {
 			target: "_blank",
@@ -109,8 +128,8 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
 		} : null,
 		ref: Q,
 		render: B,
-		type: E,
-		disabled: w,
+		type: T,
+		disabled: C,
 		onClick: W,
 		"aria-label": G,
 		"aria-pressed": K,
@@ -118,41 +137,41 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
 		id: J,
 		name: Y,
 		form: X,
-		className: e(i, n[b ?? "center"], a === "outline" && S === "quiet" ? f : m[a], y[C], p, "gap-2", U),
+		className: e(i, n[y ?? "center"], a === "outline" && x === "quiet" ? f : p[a], v[S], ee, "gap-2", U),
 		"data-role": a,
-		"data-size": C,
-		"data-align": b,
-		"data-emphasis": a === "outline" ? S ?? "strong" : void 0,
+		"data-size": S,
+		"data-align": y,
+		"data-emphasis": a === "outline" ? x ?? "strong" : void 0,
 		"data-mono": L ? "" : void 0,
 		"data-end-icon": R ? "" : void 0,
 		"data-external": $ ? "" : void 0,
 		children: [
-			F ? /* @__PURE__ */ O(x, {
-				size: C,
+			F ? /* @__PURE__ */ D(b, {
+				size: S,
 				children: F
 			}) : null,
-			/* @__PURE__ */ k("span", {
+			/* @__PURE__ */ O("span", {
 				className: L ? l : void 0,
-				children: [r, $ ? /* @__PURE__ */ O("span", {
+				children: [r, $ ? /* @__PURE__ */ D("span", {
 					className: "sr-only",
 					children: " (opens in a new tab)"
 				}) : null]
 			}),
-			$ && H ? /* @__PURE__ */ O(D, {
+			$ && H ? /* @__PURE__ */ D(E, {
 				className: s,
 				strokeWidth: 2,
 				"aria-hidden": !0
 			}) : null,
-			R ? /* @__PURE__ */ O("span", {
+			R ? /* @__PURE__ */ D("span", {
 				className: o,
-				children: /* @__PURE__ */ O(x, {
+				children: /* @__PURE__ */ D(b, {
 					size: "xs",
 					children: R
 				})
 			}) : null,
-			I == null ? null : /* @__PURE__ */ O(t, { value: I })
+			I == null ? null : /* @__PURE__ */ D(t, { value: I })
 		]
 	});
 });
 //#endregion
-export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, h as buttonRoles, S as buttonStatusHoldMs, b as buttonWidths, C as defaultStatusLabels, w as getNextButtonStatus };
+export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, m as buttonRoles, x as buttonStatusHoldMs, y as buttonWidths, S as defaultStatusLabels, C as getNextButtonStatus };

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,uHAkE7B,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;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"}

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

@@ -9,13 +9,14 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { motion as m } 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 = r(d, h);
+	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: P,
+		disabled: b,
+		"aria-disabled": P || void 0,
 		"aria-busy": d === "loading" || void 0,
 		"aria-live": "polite",
 		"aria-label": T,
@@ -24,12 +25,18 @@ var h = d(function({ status: d, role: h = "primary", size: g = "md", statusLabel
 		"data-role": h,
 		"data-size": g,
 		"data-status": d,
-		animate: F,
+		animate: I,
 		initial: !1,
 		className: e(t, "justify-center", l[g], (d !== "idle" || v != null) && c[g], n, i(d, h), "overflow-hidden", x),
-		whileTap: P ? void 0 : { scale: .98 },
+		whileTap: F ? void 0 : { scale: .98 },
 		transition: a,
-		onClick: w,
+		onClick: (e) => {
+			if (P) {
+				e.preventDefault();
+				return;
+			}
+			w?.(e);
+		},
 		id: O,
 		name: k,
 		form: A,

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;AA4CF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO3D,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,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"}

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

@@ -24,6 +24,10 @@ var e = {
 	outline: {
 		backgroundColor: "transparent",
 		color: "var(--color-fg)"
+	},
+	"inverse-outline": {
+		backgroundColor: "transparent",
+		color: "var(--color-on-brand)"
 	}
 }, t = {
 	loading: {
@@ -49,7 +53,8 @@ var e = {
 	ghost: "",
 	destructive: "",
 	inverse: "shadow-raised",
-	outline: ""
+	outline: "",
+	"inverse-outline": ""
 };
 function i(n, r) {
 	return n === "idle" ? e[r] : t[n];

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

@@ -1,10 +1,10 @@
 /** Prescribed action roles — not a semantic color picker. ADR-0004. */
-export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline"];
+export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline", "inverse-outline"];
 export type ButtonRole = (typeof buttonRoles)[number];
 export type ButtonSize = "xs" | "sm" | "md" | "lg";
 export type IconButtonSize = ButtonSize;
 /** All action buttons are pills by default — `layout="row"` for flat full-width detail lines. */
-export declare const buttonPillClass = "rounded-full";
+export declare const buttonPillClass = "rounded-[var(--radius-control)]";
 export declare const buttonLayouts: readonly ["pill", "row", "nav"];
 export type ButtonLayout = (typeof buttonLayouts)[number];
 /** `layout="row"` width: `fill` (default) spans the container; `hug` sizes to its content. */

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

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,iFAAkF,CAAC;AAE3G,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAaxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}
+{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,oGAQd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,oCAAoC,CAAC;AAEjE,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAmBxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}

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

@@ -1,6 +1,6 @@
 "use client";
-import { motionTransition as e, pressScaleClass as t } from "../../../lib/motion.js";
-import { clusterHeightClasses as n, clusterSquareClasses as r } from "../../../lib/clusterScale.js";
+import { clusterHeightClasses as e, clusterSquareClasses as t } from "../../../lib/clusterScale.js";
+import { motionTransition as n, pressScaleClass as r } from "../../../lib/motion.js";
 //#region src/components/atoms/Button/buttonStyles.ts
 var i = [
 	"primary",
@@ -8,18 +8,20 @@ var i = [
 	"ghost",
 	"destructive",
 	"inverse",
-	"outline"
-], a = "rounded-full", o = [
+	"outline",
+	"inverse-outline"
+], a = "rounded-[var(--radius-control)]", o = [
 	"pill",
 	"row",
 	"nav"
-], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + e("fast") + " " + t + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
+], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + n("fast") + " " + r + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
 	primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
 	secondary: "bg-secondary text-secondary-foreground shadow-raised hover:bg-secondary-hover active:bg-secondary-active",
 	ghost: "bg-transparent text-ghost-foreground hover:bg-ghost-hover active:bg-ghost-active",
 	destructive: "bg-error text-on-error hover:bg-error-hover active:bg-error-active",
 	inverse: "bg-on-brand text-brand shadow-raised hover:bg-on-brand-hover active:bg-on-brand-hover",
-	outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active"
+	outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active",
+	"inverse-outline": "border border-on-brand bg-transparent text-on-brand hover:bg-on-brand-hover hover:text-brand active:bg-on-brand-hover active:text-brand"
 }, f = "border border-border bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active", p = {
 	center: "justify-center",
 	start: "justify-start text-left"
@@ -29,9 +31,9 @@ var i = [
 	md: "px-5",
 	lg: "px-7"
 }, v = {
-	xs: `${n.sm} ${_.xs} py-1 text-sm leading-none`,
-	sm: `${n.md} ${_.sm} py-1.5 text-sm leading-none`,
-	md: `${n.lg} ${_.md} py-2.5 text-sm leading-none`,
+	xs: `${e.sm} ${_.xs} py-1 text-sm leading-none`,
+	sm: `${e.md} ${_.sm} py-1.5 text-sm leading-none`,
+	md: `${e.lg} ${_.md} py-2.5 text-sm leading-none`,
 	lg: `min-h-12 ${_.lg} py-3 text-base leading-none`
 }, y = {
 	xs: "size-3.5",
@@ -39,14 +41,14 @@ var i = [
 	md: "size-4",
 	lg: "size-[1.125rem]"
 }, b = {
-	xs: r.sm,
-	sm: r.md,
-	md: r.lg,
+	xs: t.sm,
+	sm: t.md,
+	md: t.lg,
 	lg: "size-12 shrink-0"
-}, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + e("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
+}, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + n("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
 	fill: "w-full justify-between gap-3",
 	hug: "w-auto justify-start gap-1.5"
-}, w = "h-auto min-h-0 w-full justify-start gap-2.5 rounded-xl px-2.5 py-2 text-left text-sm font-normal leading-[var(--line-height-sm)] focus-visible:ring-inset focus-visible:ring-offset-0";
+}, w = "h-auto min-h-0 w-full justify-start gap-2.5 rounded-[var(--radius-control-box)] px-2.5 py-2 text-left text-sm font-normal leading-[var(--line-height-sm)] focus-visible:ring-inset focus-visible:ring-offset-0";
 function T(e) {
 	return e ? "bg-secondary text-secondary-foreground" : "bg-transparent text-muted hover:bg-ghost-hover hover:text-fg";
 }

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,4GA4MnB,CAAC"}
+{"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,4GAgNnB,CAAC"}

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

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

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

@@ -34,7 +34,7 @@ export declare const checkboxRowBaseClasses = "group/checkbox relative flex w-fu
 export declare const checkboxRowLabelOnlyClasses = "items-center";
 export declare const checkboxRowClasses: string;
 export declare const checkboxRowDisabledClasses = "cursor-not-allowed";
-export declare const checkboxHiddenInputClasses = "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed";
+export declare const checkboxHiddenInputClasses = "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed aria-disabled:cursor-not-allowed";
 export declare const checkboxFocusRingClasses = "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-body";
 export declare function checkboxBoxClassesFor(size: CheckboxSize, checked: boolean, indeterminate: boolean, disabled?: boolean, status?: InputStatus): string;
 export declare function checkboxLabelClassesFor(disabled?: boolean, withDescription?: boolean): string;

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

@@ -1 +1 @@
-{"version":3,"file":"checkboxStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/checkboxStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,aAAa,uBAAwB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,kIAAkI;AAClI,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAIlC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mHAC0E,CAAC;AAEnH,eAAO,MAAM,yBAAyB,0HACmF,CAAC;AAE1H,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,gCAAgC,CAAC;AAEjE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,oBAAoB,QAA8B,CAAC;AAEhE,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,QAAiD,CAAC;AAEzF,4FAA4F;AAC5F,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAEpG,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,WAAW,CAAC;AAEpD,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AAEjF,+EAA+E;AAC/E,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE,eAAO,MAAM,mCAAmC,QAA4C,CAAC;AAE7F,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGtE,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGjF,CAAC;AAEF,eAAO,MAAM,sBAAsB,uDACmB,CAAC;AAEvD,0DAA0D;AAC1D,eAAO,MAAM,2BAA2B,iBAAiB,CAAC;AAE1D,eAAO,MAAM,kBAAkB,QAA0D,CAAC;AAE1F,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,eAAO,MAAM,0BAA0B,8FACsD,CAAC;AAE9F,eAAO,MAAM,wBAAwB,sKACgI,CAAC;AAEtK,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,OAAO,EACtB,QAAQ,CAAC,EAAE,OAAO,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAWR;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAK7F;AAED,iEAAiE;AACjE,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAK1E"}
+{"version":3,"file":"checkboxStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/checkboxStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,aAAa,uBAAwB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,kIAAkI;AAClI,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGrE,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAIlC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mHAC0E,CAAC;AAEnH,eAAO,MAAM,yBAAyB,0HACmF,CAAC;AAE1H,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,gCAAgC,CAAC;AAEjE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,oBAAoB,QAA8B,CAAC;AAEhE,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,QAAiD,CAAC;AAEzF,4FAA4F;AAC5F,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAEpG,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,WAAW,CAAC;AAEpD,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,sCAAsC,CAAC;AAEjF,+EAA+E;AAC/E,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE,eAAO,MAAM,mCAAmC,QAA4C,CAAC;AAE7F,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGtE,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGjF,CAAC;AAEF,eAAO,MAAM,sBAAsB,uDACmB,CAAC;AAEvD,0DAA0D;AAC1D,eAAO,MAAM,2BAA2B,iBAAiB,CAAC;AAE1D,eAAO,MAAM,kBAAkB,QAA0D,CAAC;AAE1F,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,eAAO,MAAM,0BAA0B,+HACuF,CAAC;AAE/H,eAAO,MAAM,wBAAwB,sKACgI,CAAC;AAEtK,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,OAAO,EACtB,QAAQ,CAAC,EAAE,OAAO,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAWR;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAK7F;AAED,iEAAiE;AACjE,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAK1E"}

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

@@ -27,7 +27,7 @@ var a = ["sm", "md"], o = {
 	md: "mt-0.5"
 }, T = "group/checkbox relative flex w-full cursor-pointer", E = "items-center";
 e(T, E);
-var D = "cursor-not-allowed", O = "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed", k = "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-body";
+var D = "cursor-not-allowed", O = "peer absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed aria-disabled:cursor-not-allowed", k = "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-body";
 function A(t, n, r, a, o) {
 	let s = n || r;
 	return e(d, c[t], k, s ? p : f, o != null && i[o], a && "opacity-50");