@goliapkg/gds 1.7.0 → 2.0.1

package/dist/{l3-atoms-Cvu01YHO.js → l3-atoms-BCJNqPHk.js}

@@ -1,14 +1,15 @@
 import { r as e, t } from "./glass-CQTlX7IO.js";
-import { r as n, t as r } from "./button-avu-rQU4.js";
+import { r as n, t as r } from "./button-BD3VHhwq.js";
 import { r as i } from "./motion-DUPegem-.js";
-import { t as a } from "./badge-DTJq6AXr.js";
-import { r as o, t as s } from "./textarea-BJCl_aH2.js";
+import { t as a } from "./badge-BCvi5RVF.js";
+import { r as o, t as s } from "./textarea-Btdu41rY.js";
 import { t as c } from "./skeleton-C9FFZSYN.js";
-import { t as l } from "./avatar-l3SaMCmU.js";
-import { n as u } from "./resize-handle-ilSc7QRM.js";
-import { t as d } from "./switch-DC85Os9r.js";
+import { t as l } from "./avatar-Ct8OOGx6.js";
+import { n as u } from "./resize-handle-BjSNhgJK.js";
+import { t as d } from "./switch-BAS-GXJV.js";
 import { r as f } from "./dom-17XgfxMq.js";
-import { Children as p, forwardRef as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import { n as p } from "./loading-dots-C1LPHGa0.js";
+import { Children as ee, forwardRef as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/l3-atoms/animated-border.tsx
 var S = {
@@ -16,12 +17,12 @@ var S = {
 	gradient: "border-0 bg-gradient-to-r from-accent via-success to-accent bg-[length:200%_100%] animate-[gradient-shift_3s_ease_infinite] p-[2px]",
 	pulse: "border-2 border-accent animate-[border-pulse_2s_ease-in-out_infinite]"
 };
-function ee({ children: t, className: n, variant: r = "gradient" }) {
+function C({ children: t, className: n, variant: r = "gradient" }) {
 	return r === "gradient" ? /* @__PURE__ */ b("div", {
 		className: e("rounded-lg", S.gradient, n),
 		"data-component": "animated-border",
 		children: /* @__PURE__ */ b("div", {
-			className: "rounded-[calc(0.5rem-2px)] bg-bg",
+			className: "bg-bg rounded-[calc(0.5rem-2px)]",
 			children: t
 		})
 	}) : /* @__PURE__ */ b("div", {
@@ -32,7 +33,7 @@ function ee({ children: t, className: n, variant: r = "gradient" }) {
 }
 //#endregion
 //#region src/l3-atoms/animated-counter.tsx
-var C = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void 0, { maximumFractionDigits: 2 }), w = m(function({ className: t, duration: n = 500, format: r = C, prefix: i, suffix: a, value: o, ...s }, c) {
+var w = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void 0, { maximumFractionDigits: 2 }), T = m(function({ className: t, duration: n = 500, format: r = w, prefix: i, suffix: a, value: o, ...s }, c) {
 	let [l, u] = y(o), d = v(o), f = v(0);
 	return g(() => {
 		let e = d.current, t = o;
@@ -56,13 +57,13 @@ var C = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void
 });
 //#endregion
 //#region src/l3-atoms/animated-number.tsx
-function T(e) {
+function te(e) {
 	return e.toLocaleString();
 }
-function te(e) {
+function ne(e) {
 	return 1 - (1 - e) ** 3;
 }
-var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }, a) {
+var re = m(function({ value: t, duration: n = 500, format: r = te, className: i }, a) {
 	let [o, s] = y(t), c = v(t);
 	return g(() => {
 		let e = c.current;
@@ -73,7 +74,7 @@ var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }
 		let r = performance.now(), i;
 		function a(o) {
 			let c = o - r, l = Math.min(c / n, 1);
-			s(e + (t - e) * te(l)), l < 1 && (i = requestAnimationFrame(a));
+			s(e + (t - e) * ne(l)), l < 1 && (i = requestAnimationFrame(a));
 		}
 		return i = requestAnimationFrame(a), () => cancelAnimationFrame(i);
 	}, [t, n]), /* @__PURE__ */ b("span", {
@@ -82,7 +83,7 @@ var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }
 		"data-component": "animated-number",
 		children: r(o)
 	});
-}), re = m(function({ count: t, maxCount: n = 99, className: r, ...i }, o) {
+}), ie = m(function({ count: t, maxCount: n = 99, className: r, ...i }, o) {
 	let s = t !== void 0 && t > 0;
 	return /* @__PURE__ */ x("span", {
 		className: e("relative inline-flex", r),
@@ -97,7 +98,7 @@ var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }
 });
 //#endregion
 //#region src/l3-atoms/barcode.tsx
-function ie(e) {
+function ae(e) {
 	let t = [];
 	t.push(3, 1, 1, 1, 3, 1);
 	for (let n = 0; n < e.length; n++) {
@@ -106,8 +107,8 @@ function ie(e) {
 	}
 	return t.push(3, 1, 1, 1, 3), t;
 }
-var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !0, color: a = "currentColor", className: o }, s) {
-	let c = _(() => ie(t), [t]), l = c.reduce((e, t) => e + t, 0), u = i ? r - 16 : r, d = n / l, f = 0, p = [];
+var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !0, color: a = "currentColor", className: o }, s) {
+	let c = _(() => ae(t), [t]), l = c.reduce((e, t) => e + t, 0), u = i ? r - 16 : r, d = n / l, f = 0, p = [];
 	for (let e = 0; e < c.length; e++) {
 		let t = c[e] * d;
 		e % 2 == 0 && p.push({
@@ -142,23 +143,23 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 			children: t
 		})]
 	});
-}), oe = {
+}), se = {
 	default: "animate-pulse",
 	fast: "animate-pulse [animation-duration:0.5s]",
 	slow: "animate-pulse [animation-duration:3s]"
-}, se = m(function({ active: t = !0, children: n, className: r, speed: i = "default", ...a }, o) {
+}, ce = m(function({ active: t = !0, children: n, className: r, speed: i = "default", ...a }, o) {
 	return /* @__PURE__ */ b("span", {
-		className: e(t && oe[i], r),
+		className: e(t && se[i], r),
 		"data-component": "blinking",
 		ref: o,
 		...a,
 		children: n
 	});
-}), ce = {
+}), le = {
 	default: "h-2 w-2",
 	lg: "h-3 w-3",
 	sm: "h-1.5 w-1.5"
-}, le = m(function({ className: t, color: n, count: r = 3, size: i = "default", ...a }, o) {
+}, ue = m(function({ className: t, color: n, count: r = 3, size: i = "default", ...a }, o) {
 	let s = Array.from({ length: r }, (e, t) => t);
 	return /* @__PURE__ */ b("div", {
 		className: e("inline-flex items-center gap-1", t),
@@ -167,14 +168,14 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 		role: "status",
 		...a,
 		children: s.map((t) => /* @__PURE__ */ b("span", {
-			className: e("animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full bg-fg-muted", ce[i]),
+			className: e("bg-fg-muted animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full", le[i]),
 			style: {
 				animationDelay: `${t * 160}ms`,
 				...n === void 0 ? {} : { backgroundColor: n }
 			}
 		}, t))
 	});
-}), ue = m(function({ className: t, disabled: n = !1, onChange: r, options: i, selectAll: a = !1, value: o, ...s }, c) {
+}), de = m(function({ className: t, disabled: n = !1, onChange: r, options: i, selectAll: a = !1, value: o, ...s }, c) {
 	let l = i.length > 0 && i.every((e) => o.includes(e.value)), d = (e, t) => {
 		r(t ? [...o, e] : o.filter((t) => t !== e));
 	}, f = (e) => {
@@ -182,7 +183,7 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 	};
 	return /* @__PURE__ */ x("div", {
 		ref: c,
-		className: e("flex flex-col gds-gap", t),
+		className: e("gds-gap flex flex-col", t),
 		"data-component": "checkbox-group",
 		role: "group",
 		...s,
@@ -205,7 +206,7 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 		lg: "h-14 w-14",
 		sm: "h-7 w-7"
 	} }
-}), de = m(function({ className: t, color: n, copyable: r = !1, label: a, size: o, ...s }, c) {
+}), fe = m(function({ className: t, color: n, copyable: r = !1, label: a, size: o, ...s }, c) {
 	let [l, u] = y(!1), d = v(null), f = h(async () => {
 		r && (await navigator.clipboard.writeText(n), u(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => {
 			u(!1), d.current = null;
@@ -228,16 +229,16 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 				children: p
 			}) : p,
 			/* @__PURE__ */ b("span", {
-				className: "font-mono text-[10px] text-fg-muted",
+				className: "text-fg-muted font-mono text-[10px]",
 				children: l ? "Copied!" : n
 			}),
 			a !== void 0 && /* @__PURE__ */ b("span", {
-				className: "text-[10px] text-fg-muted/60",
+				className: "text-fg-muted/60 text-[10px]",
 				children: a
 			})
 		]
 	});
-}), fe = m(function({ text: t, label: n = "Copy", copiedLabel: i = "Copied!", variant: a = "default", size: o = "default", className: s }, c) {
+}), pe = m(function({ text: t, label: n = "Copy", copiedLabel: i = "Copied!", variant: a = "default", size: o = "default", className: s }, c) {
 	let [l, u] = y(!1), d = v(null);
 	g(() => () => {
 		d.current !== null && clearTimeout(d.current);
@@ -277,14 +278,14 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 		}),
 		children: l ? i : n
 	});
-}), pe = {
+}), me = {
 	accent: "bg-accent text-accent-fg",
 	danger: "bg-danger text-white",
 	success: "bg-success text-white"
-}, me = m(function({ className: t, count: n, max: r = 99, variant: i = "danger", ...a }, o) {
+}, he = m(function({ className: t, count: n, max: r = 99, variant: i = "danger", ...a }, o) {
 	let s = n > r ? `${r}+` : String(n);
 	return /* @__PURE__ */ b("span", {
-		className: e("inline-flex min-w-5 select-none items-center justify-center rounded-full px-1.5 py-0.5 text-[10px] font-bold leading-none", pe[i], t),
+		className: e("inline-flex min-w-5 items-center justify-center rounded-full px-1.5 py-0.5 text-[10px] leading-none font-bold select-none", me[i], t),
 		"data-component": "count-badge",
 		"data-variant": i,
 		ref: o,
@@ -294,17 +295,17 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 });
 //#endregion
 //#region src/l3-atoms/count-up.tsx
-function he(e, t, n) {
+function ge(e, t, n) {
 	let r = e.toFixed(t);
 	if (n === "") return r;
 	let [i, a] = r.split("."), o = i.replace(/\B(?=(\d{3})+(?!\d))/g, n);
 	return a === void 0 ? o : `${o}.${a}`;
 }
-function ge(e) {
+function D(e) {
 	let t = e - 1;
 	return t * t * t + 1;
 }
-var _e = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, suffix: a, separator: o = ",", className: s }, c) {
+var O = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, suffix: a, separator: o = ",", className: s }, c) {
 	let [l, u] = y(0);
 	return g(() => {
 		if (n <= 0) {
@@ -314,7 +315,7 @@ var _e = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i,
 		let e = performance.now(), r;
 		function i(a) {
 			let o = a - e, s = Math.min(o / n, 1);
-			u(ge(s) * t), s < 1 && (r = requestAnimationFrame(i));
+			u(D(s) * t), s < 1 && (r = requestAnimationFrame(i));
 		}
 		return r = requestAnimationFrame(i), () => cancelAnimationFrame(r);
 	}, [t, n]), /* @__PURE__ */ x("span", {
@@ -323,14 +324,14 @@ var _e = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i,
 		"data-component": "count-up",
 		children: [
 			i ?? "",
-			he(l, r, o),
+			ge(l, r, o),
 			a ?? ""
 		]
 	});
 });
 //#endregion
 //#region src/l3-atoms/countdown.tsx
-function D(e) {
+function k(e) {
 	let t = Math.max(0, e - Date.now()), n = Math.floor(t / 1e3 % 60), r = Math.floor(t / 1e3 / 60 % 60), i = Math.floor(t / 1e3 / 60 / 60 % 24);
 	return {
 		days: Math.floor(t / 1e3 / 60 / 60 / 24),
@@ -340,15 +341,15 @@ function D(e) {
 		total: t
 	};
 }
-function O(e) {
+function A(e) {
 	return e.toString().padStart(2, "0");
 }
-var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds: i = !0, className: a }, o) {
-	let s = new Date(t).getTime(), [c, l] = y(() => D(s));
+var j = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds: i = !0, className: a }, o) {
+	let s = new Date(t).getTime(), [c, l] = y(() => k(s));
 	g(() => {
 		if (c.total <= 0) return;
 		let e = setInterval(() => {
-			let t = D(s);
+			let t = k(s);
 			l(t), t.total <= 0 && (clearInterval(e), n !== void 0 && n());
 		}, 1e3);
 		return () => clearInterval(e);
@@ -360,16 +361,16 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 	let u = [];
 	return r && u.push({
 		label: "D",
-		value: O(c.days)
+		value: A(c.days)
 	}), u.push({
 		label: "H",
-		value: O(c.hours)
+		value: A(c.hours)
 	}), u.push({
 		label: "M",
-		value: O(c.minutes)
+		value: A(c.minutes)
 	}), i && u.push({
 		label: "S",
-		value: O(c.seconds)
+		value: A(c.seconds)
 	}), /* @__PURE__ */ b("div", {
 		ref: o,
 		className: e("inline-flex items-center gap-1", a),
@@ -381,29 +382,29 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 				"data-testid": "separator",
 				children: ":"
 			}), /* @__PURE__ */ b("span", {
-				className: "inline-flex items-center justify-center rounded bg-bg-tertiary px-1.5 py-0.5 tabular-nums gds-radius-button gds-text-body text-fg",
+				className: "bg-bg-tertiary gds-radius-button gds-text-body text-fg inline-flex items-center justify-center rounded px-1.5 py-0.5 tabular-nums",
 				"data-testid": `segment-${e.label}`,
 				children: e.value
 			})]
 		}, e.label))
 	});
-}), A = n("inline-flex select-none items-center justify-center rounded-full text-[10px] font-bold text-accent-fg min-w-[18px] h-[18px] px-1", {
+}), M = n("inline-flex select-none items-center justify-center rounded-full text-[10px] font-bold text-accent-fg min-w-[18px] h-[18px] px-1", {
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
 		danger: "bg-danger animate-pulse",
 		default: "bg-accent"
 	} }
-}), j = m(function({ className: t, count: n, max: r = 99, variant: i, ...a }, o) {
+}), N = m(function({ className: t, count: n, max: r = 99, variant: i, ...a }, o) {
 	if (n <= 0) return null;
 	let s = n > r ? `${r}+` : String(n);
 	return /* @__PURE__ */ b("span", {
-		className: e(A({ variant: i }), t),
+		className: e(M({ variant: i }), t),
 		"data-component": "countdown-badge",
 		ref: o,
 		...a,
 		children: s
 	});
-}), M = m(function({ children: t, className: n, offset: r, smooth: i = !0, ...a }, o) {
+}), P = m(function({ children: t, className: n, offset: r, smooth: i = !0, ...a }, o) {
 	let s = v(null), [c, l] = y({
 		x: 0,
 		y: 0
@@ -429,7 +430,7 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 			children: t
 		})
 	});
-}), N = m(function({ className: t, inverted: n = !1, unit: r, value: i, ...a }, o) {
+}), F = m(function({ className: t, inverted: n = !1, unit: r, value: i, ...a }, o) {
 	let s = i > 0, c = i < 0, l = (n ? c : s) ? "text-success" : (n ? s : c) ? "text-danger" : "text-fg-muted", u = `${s ? "↑" : c ? "↓" : ""}${s ? "+" : ""}${i}${r === void 0 ? "" : r}`;
 	return /* @__PURE__ */ b("span", {
 		className: e("inline-flex items-center gap-0.5 text-sm font-medium tabular-nums", l, t),
@@ -439,19 +440,19 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 		...a,
 		children: u
 	});
-}), P = {
+}), I = {
 	accent: "bg-accent shadow-[0_0_6px_var(--color-accent)]",
 	success: "bg-success shadow-[0_0_6px_var(--color-success)]",
 	warning: "bg-warning shadow-[0_0_6px_var(--color-warning)]",
 	danger: "bg-danger shadow-[0_0_6px_var(--color-danger)]"
-}, F = {
+}, L = {
 	sm: "h-1.5 w-1.5",
 	default: "h-2.5 w-2.5",
 	lg: "h-3.5 w-3.5"
-}, I = m(function({ color: t = "accent", pulse: n, size: r = "default", className: i, ...a }, o) {
+}, _e = m(function({ color: t = "accent", pulse: n, size: r = "default", className: i, ...a }, o) {
 	return /* @__PURE__ */ b("span", {
 		ref: o,
-		className: e("inline-block rounded-full", P[t], F[r], n === !0 && "animate-pulse", i),
+		className: e("inline-block rounded-full", I[t], L[r], n === !0 && "animate-pulse", i),
 		"data-component": "glow-dot",
 		"data-variant": t,
 		...a
@@ -492,62 +493,24 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 		children: n.map((e, t) => /* @__PURE__ */ x("span", {
 			className: "contents",
 			children: [t > 0 && /* @__PURE__ */ b("span", {
-				className: "text-[10px] text-fg-muted",
+				className: "text-fg-muted text-[10px]",
 				children: "+"
 			}), /* @__PURE__ */ b(o, { children: e })]
 		}, t))
 	});
 }), xe = {
-	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-	left: "right-full top-1/2 -translate-y-1/2 mr-2",
-	right: "left-full top-1/2 -translate-y-1/2 ml-2",
-	top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
-}, Se = {
-	bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-bg-tertiary border-x-transparent border-t-transparent border-4",
-	left: "left-full top-1/2 -translate-y-1/2 border-l-bg-tertiary border-y-transparent border-r-transparent border-4",
-	right: "right-full top-1/2 -translate-y-1/2 border-r-bg-tertiary border-y-transparent border-l-transparent border-4",
-	top: "top-full left-1/2 -translate-x-1/2 border-t-bg-tertiary border-x-transparent border-b-transparent border-4"
-}, L = m(function({ children: n, className: r, content: i, delay: a = 300, glass: o, interactive: s = !1, maxWidth: c, placement: l = "top", ...u }, d) {
-	let [f, p] = y(!1), m = v(void 0), g = v(void 0), _ = h(() => {
-		clearTimeout(g.current), m.current = setTimeout(() => p(!0), a);
-	}, [a]), S = h(() => {
-		clearTimeout(m.current), s ? g.current = setTimeout(() => p(!1), 150) : p(!1);
-	}, [s]);
-	return /* @__PURE__ */ x("div", {
-		className: e("relative inline-flex", r),
-		"data-component": "tooltip",
-		"data-state": f ? "open" : "closed",
-		onMouseEnter: _,
-		onMouseLeave: S,
-		ref: d,
-		...u,
-		children: [n, f && /* @__PURE__ */ x("div", {
-			className: e("pointer-events-none absolute z-50 animate-popup whitespace-nowrap gds-radius-tooltip gds-pad-x-sm gds-pad-y-sm gds-text-label text-fg", s && "pointer-events-auto", o === !0 ? t(o) : "bg-bg-tertiary", o === !0 && "border border-white/10"),
-			onMouseEnter: s ? _ : void 0,
-			onMouseLeave: s ? S : void 0,
-			style: c === void 0 ? void 0 : {
-				maxWidth: c,
-				whiteSpace: "normal"
-			},
-			children: [/* @__PURE__ */ b("span", { className: e("absolute", Se[l]) }), /* @__PURE__ */ b("span", {
-				className: (xe[l], ""),
-				children: i
-			})]
-		})]
-	});
-}), Ce = {
 	default: "h-4 w-4",
 	sm: "h-3.5 w-3.5"
-}, we = m(function({ className: t, content: n, size: r = "default", ...i }, a) {
-	return /* @__PURE__ */ b(L, {
+}, Se = m(function({ className: t, content: n, size: r = "default", ...i }, a) {
+	return /* @__PURE__ */ b(p, {
 		content: n,
 		ref: a,
 		...i,
 		children: /* @__PURE__ */ b("span", {
-			className: e("inline-flex cursor-help items-center text-fg-muted/60 hover:text-fg-muted", t),
+			className: e("text-fg-muted/60 hover:text-fg-muted inline-flex cursor-help items-center", t),
 			"data-component": "info-tip",
 			children: /* @__PURE__ */ x("svg", {
-				className: Ce[r],
+				className: xe[r],
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: "2",
@@ -560,14 +523,14 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 			})
 		})
 	});
-}), Te = m(function({ label: t, value: n, mono: r = !1, className: i, ...a }, o) {
+}), Ce = m(function({ label: t, value: n, mono: r = !1, className: i, ...a }, o) {
 	return /* @__PURE__ */ x("div", {
 		ref: o,
-		className: e("inline-flex items-baseline gap-1.5 gds-text-body", i),
+		className: e("gds-text-body inline-flex items-baseline gap-1.5", i),
 		"data-component": "key-value",
 		...a,
 		children: [/* @__PURE__ */ b("span", {
-			className: "shrink-0 text-fg-muted gds-text-caption",
+			className: "text-fg-muted gds-text-caption shrink-0",
 			children: t
 		}), /* @__PURE__ */ b("span", {
 			className: e("text-fg", r && "font-mono"),
@@ -577,7 +540,7 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
 });
 //#endregion
 //#region src/l3-atoms/keyboard-shortcut.tsx
-function Ee(e) {
+function we(e) {
 	let t = e.toLowerCase().split("+"), n = {
 		ctrl: !1,
 		meta: !1,
@@ -590,7 +553,7 @@ function Ee(e) {
 		mainKey: r
 	};
 }
-function De(e) {
+function Te(e) {
 	return {
 		ctrl: "Ctrl",
 		meta: "⌘",
@@ -599,8 +562,8 @@ function De(e) {
 		alt: "Alt"
 	}[e.toLowerCase()] ?? e.toUpperCase();
 }
-var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1, className: a }, s) {
-	let { modifiers: c, mainKey: l } = Ee(t), u = h((e) => {
+var Ee = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1, className: a }, s) {
+	let { modifiers: c, mainKey: l } = we(t), u = h((e) => {
 		i || e.ctrlKey === c.ctrl && e.metaKey === c.meta && e.shiftKey === c.shift && e.altKey === c.alt && e.key.toLowerCase() === l && (e.preventDefault(), n());
 	}, [
 		i,
@@ -612,14 +575,14 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
 		n
 	]);
 	if (g(() => (window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u)), [u]), !r) return null;
-	let d = t.split("+").map((e, t) => /* @__PURE__ */ b(o, { children: De(e) }, t));
+	let d = t.split("+").map((e, t) => /* @__PURE__ */ b(o, { children: Te(e) }, t));
 	return /* @__PURE__ */ b("span", {
 		ref: s,
 		className: e("inline-flex items-center gap-1", a),
 		"data-component": "keyboard-shortcut",
 		children: d
 	});
-}), ke = m(function({ className: t, label: n = "LIVE", ...r }, i) {
+}), De = m(function({ className: t, label: n = "LIVE", ...r }, i) {
 	return /* @__PURE__ */ x("span", {
 		className: e("inline-flex items-center gap-1.5", t),
 		"data-component": "live-dot",
@@ -627,13 +590,13 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
 		...r,
 		children: [/* @__PURE__ */ x("span", {
 			className: "relative flex h-2 w-2",
-			children: [/* @__PURE__ */ b("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-danger opacity-75" }), /* @__PURE__ */ b("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-danger" })]
+			children: [/* @__PURE__ */ b("span", { className: "bg-danger absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ b("span", { className: "bg-danger relative inline-flex h-2 w-2 rounded-full" })]
 		}), /* @__PURE__ */ b("span", {
-			className: "text-xs font-bold uppercase tracking-wide text-danger",
+			className: "text-danger text-xs font-bold tracking-wide uppercase",
 			children: n
 		})]
 	});
-}), Ae = m(function({ children: t, strength: n = .3, radius: r = 100, className: i }, a) {
+}), Oe = m(function({ children: t, strength: n = .3, radius: r = 100, className: i }, a) {
 	let o = v(null), [s, c] = y({
 		x: 0,
 		y: 0
@@ -670,7 +633,7 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
 		onMouseLeave: u,
 		children: t
 	});
-}), je = m(function({ children: t, speed: n = 30, direction: r = "left", pauseOnHover: i = !0, className: a }, o) {
+}), ke = m(function({ children: t, speed: n = 30, direction: r = "left", pauseOnHover: i = !0, className: a }, o) {
 	let s = v(null), [c, l] = y(10);
 	g(() => {
 		if (s.current === null) return;
@@ -707,17 +670,17 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
 		lg: "h-4",
 		sm: "h-1.5"
 	} }
-}), Me = {
+}), Ae = {
 	danger: "bg-danger",
 	default: "bg-accent",
 	success: "bg-success",
 	warning: "bg-warning"
 };
-function Ne(e) {
+function je(e) {
 	return e >= .8 ? "bg-danger" : e >= .6 ? "bg-warning" : e >= .4 ? "bg-accent" : "bg-success";
 }
-var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValue: a = !0, size: o, value: s, variant: c = "auto", ...l }, u) {
-	let d = r - i, f = d > 0 ? Math.max(0, Math.min(1, (s - i) / d)) : 0, p = c === "auto" ? Ne(f) : Me[c] ?? "bg-accent";
+var Me = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValue: a = !0, size: o, value: s, variant: c = "auto", ...l }, u) {
+	let d = r - i, f = d > 0 ? Math.max(0, Math.min(1, (s - i) / d)) : 0, p = c === "auto" ? je(f) : Ae[c] ?? "bg-accent";
 	return /* @__PURE__ */ x("div", {
 		className: e("w-full", t),
 		"data-component": "meter",
@@ -726,10 +689,10 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
 		children: [(n !== void 0 || a) && /* @__PURE__ */ x("div", {
 			className: "mb-1 flex items-center justify-between",
 			children: [n !== void 0 && /* @__PURE__ */ b("span", {
-				className: "gds-text-body font-medium text-fg",
+				className: "gds-text-body text-fg font-medium",
 				children: n
 			}), a && /* @__PURE__ */ x("span", {
-				className: "font-mono gds-text-label text-fg-muted tabular-nums",
+				className: "gds-text-label text-fg-muted font-mono tabular-nums",
 				children: [Math.round(f * 100), "%"]
 			})]
 		}), /* @__PURE__ */ b("div", {
@@ -740,12 +703,12 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
 			className: R({ size: o }),
 			role: "meter",
 			children: /* @__PURE__ */ b("div", {
-				className: e("h-full gds-radius-badge transition-all duration-500", p),
+				className: e("gds-radius-badge h-full transition-all duration-500", p),
 				style: { width: `${f * 100}%` }
 			})
 		})]
 	});
-}), Fe = m(function({ className: t, format: n = String, value: r }, i) {
+}), Ne = m(function({ className: t, format: n = String, value: r }, i) {
 	let a = _(() => n(r).split(""), [r, n]);
 	return /* @__PURE__ */ b("span", {
 		className: e("inline-flex items-center tabular-nums select-none", t),
@@ -760,10 +723,10 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
 			})
 		}, `${t}-slot`) : /* @__PURE__ */ b("span", { children: e }, `${t}-static`))
 	});
-}), Ie = m(function({ className: t, label: n, online: r, ...i }, a) {
+}), Pe = m(function({ className: t, label: n, online: r, ...i }, a) {
 	let o = r ? "bg-success" : "bg-fg-muted/40", s = n ?? (r ? "Online" : "Offline");
 	return /* @__PURE__ */ x("span", {
-		className: e("inline-flex items-center gds-gap-sm", t),
+		className: e("gds-gap-sm inline-flex items-center", t),
 		"data-component": "online-indicator",
 		ref: a,
 		...i,
@@ -775,7 +738,7 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
 });
 //#endregion
 //#region src/l3-atoms/orbit.tsx
-function Le({ children: t, className: n, duration: r = 10, radius: i = 100 }) {
+function Fe({ children: t, className: n, duration: r = 10, radius: i = 100 }) {
 	let a = t.length;
 	return /* @__PURE__ */ b("div", {
 		className: e("relative select-none", n),
@@ -805,16 +768,16 @@ function Le({ children: t, className: n, duration: r = 10, radius: i = 100 }) {
 }
 //#endregion
 //#region src/l3-atoms/percentage.tsx
-var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i, ...a }, o) {
+var Ie = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i, ...a }, o) {
 	let s = i > 0, c = s ? "text-success" : i < 0 ? "text-danger" : "text-fg-muted", l = `${r && s ? "+" : ""}${i.toFixed(n)}%`;
 	return /* @__PURE__ */ b("span", {
-		className: e("inline-flex tabular-nums text-sm font-medium", c, t),
+		className: e("inline-flex text-sm font-medium tabular-nums", c, t),
 		"data-component": "percentage",
 		ref: o,
 		...a,
 		children: l
 	});
-}), ze = {
+}), Le = {
 	default: "h-16 w-16 text-lg",
 	lg: "h-20 w-20 text-xl",
 	sm: "h-12 w-12 text-sm"
@@ -822,10 +785,10 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 	default: 3,
 	lg: 3.5,
 	sm: 2.5
-}, Be = m(function({ className: t, size: n = "default", value: r, ...i }, a) {
+}, Re = m(function({ className: t, size: n = "default", value: r, ...i }, a) {
 	let o = Math.max(0, Math.min(100, r)), s = _(() => o >= 80 ? "text-success" : o >= 50 ? "text-warning" : "text-danger", [o]), c = 2 * Math.PI * 18, l = c - o / 100 * c;
 	return /* @__PURE__ */ x("div", {
-		className: e("relative inline-flex items-center justify-center select-none", ze[n], t),
+		className: e("relative inline-flex items-center justify-center select-none", Le[n], t),
 		"data-component": "percentage-circle",
 		ref: a,
 		...i,
@@ -857,7 +820,7 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 			children: [o, "%"]
 		})]
 	});
-}), Ve = m(function({ className: t, currency: n = "¥", showSign: r = !1, value: i, ...a }, o) {
+}), ze = m(function({ className: t, currency: n = "¥", showSign: r = !1, value: i, ...a }, o) {
 	let s = i < 0, c = i > 0, l = s ? "text-danger" : c ? "text-success" : "text-fg", u = r && c ? "+" : "", d = Math.abs(i).toLocaleString();
 	return /* @__PURE__ */ x("span", {
 		className: e("tabular-nums", l, t),
@@ -870,13 +833,13 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 			d
 		]
 	});
-}), He = {
+}), Be = {
 	accent: "stroke-accent",
 	danger: "stroke-danger",
 	success: "stroke-success",
 	warning: "stroke-warning"
-}, Ue = m(function({ value: t, size: n = 64, strokeWidth: r = 4, showValue: i = !0, variant: a = "accent", className: o }, s) {
-	let c = (n - r) / 2, l = 2 * Math.PI * c, u = Math.max(0, Math.min(100, t)), d = l * (1 - u / 100), f = n / 2, p = He[a] ?? "stroke-accent";
+}, Ve = m(function({ value: t, size: n = 64, strokeWidth: r = 4, showValue: i = !0, variant: a = "accent", className: o }, s) {
+	let c = (n - r) / 2, l = 2 * Math.PI * c, u = Math.max(0, Math.min(100, t)), d = l * (1 - u / 100), f = n / 2, p = Be[a] ?? "stroke-accent";
 	return /* @__PURE__ */ x("svg", {
 		ref: s,
 		className: e("shrink-0", o),
@@ -919,7 +882,7 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 			})
 		]
 	});
-}), We = m(function({ className: t, size: n = 48, strokeWidth: r = 4, value: i, ...a }, o) {
+}), He = m(function({ className: t, size: n = 48, strokeWidth: r = 4, value: i, ...a }, o) {
 	let s = Math.max(0, Math.min(100, i)), c = (n - r) / 2, l = 2 * Math.PI * c, u = l * (1 - s / 100), d = n / 2;
 	return /* @__PURE__ */ x("div", {
 		"aria-valuemax": 100,
@@ -954,7 +917,7 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 				strokeWidth: r
 			})]
 		}), /* @__PURE__ */ x("span", {
-			className: "absolute font-mono text-xs font-bold text-fg",
+			className: "text-fg absolute font-mono text-xs font-bold",
 			style: { fontSize: n * .22 },
 			children: [s, "%"]
 		})]
@@ -964,11 +927,11 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 	danger: "bg-danger",
 	success: "bg-success",
 	warning: "bg-warning"
-}, Ge = {
+}, Ue = {
 	default: "h-2.5 w-2.5",
 	lg: "h-3.5 w-3.5",
 	sm: "h-2 w-2"
-}, Ke = m(function({ className: t, color: n = "success", label: r, size: i = "default", ...a }, o) {
+}, We = m(function({ className: t, color: n = "success", label: r, size: i = "default", ...a }, o) {
 	return /* @__PURE__ */ x("span", {
 		className: e("inline-flex items-center", r !== void 0 && "gds-gap-sm", t),
 		"data-component": "pulse-indicator",
@@ -976,13 +939,13 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 		...a,
 		children: [/* @__PURE__ */ x("span", {
 			className: "relative inline-flex",
-			children: [/* @__PURE__ */ b("span", { className: e("rounded-full", B[n], Ge[i]) }), /* @__PURE__ */ b("span", { className: e("absolute inset-0 animate-ping rounded-full opacity-50", B[n]) })]
+			children: [/* @__PURE__ */ b("span", { className: e("rounded-full", B[n], Ue[i]) }), /* @__PURE__ */ b("span", { className: e("absolute inset-0 animate-ping rounded-full opacity-50", B[n]) })]
 		}), r !== void 0 && /* @__PURE__ */ b("span", {
 			className: "gds-text-label text-fg-muted",
 			children: r
 		})]
 	});
-}), qe = m(function({ active: t = !0, className: n, color: r, count: i = 3, size: a = 80, ...o }, s) {
+}), Ge = m(function({ active: t = !0, className: n, color: r, count: i = 3, size: a = 80, ...o }, s) {
 	if (!t) return /* @__PURE__ */ b("div", {
 		className: e("relative inline-flex", n),
 		"data-component": "pulse-ring",
@@ -1010,12 +973,12 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
 });
 //#endregion
 //#region src/l3-atoms/qr-code.tsx
-function Je(e) {
+function Ke(e) {
 	let t = 5381;
 	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n) | 0;
 	return Math.abs(t);
 }
-function Ye(e) {
+function qe(e) {
 	let t = e;
 	return () => (t = t * 1103515245 + 12345 & 2147483647, t / 2147483647);
 }
@@ -1028,11 +991,11 @@ function U(e, t) {
 	});
 	return n;
 }
-var Xe = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColor: i = "transparent", className: a }, o) {
+var Je = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColor: i = "transparent", className: a }, o) {
 	let s = _(() => {
 		let e = [];
 		e.push(...U(0, 0)), e.push(...U(V - 7, 0)), e.push(...U(0, V - 7));
-		let n = Ye(Je(t));
+		let n = qe(Ke(t));
 		for (let t = 0; t < V; t++) for (let r = 0; r < V; r++) t < 8 && r < 8 || t < 8 && r >= V - 8 || t >= V - 8 && r < 8 || n() > .55 && e.push({
 			x: r,
 			y: t
@@ -1077,7 +1040,7 @@ var Xe = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
 			sm: "h-9 w-9"
 		}
 	}
-}), Ze = m(function({ className: t, disabled: n, icon: r, label: a, onClick: o, size: s, variant: c, ...l }, u) {
+}), Ye = m(function({ className: t, disabled: n, icon: r, label: a, onClick: o, size: s, variant: c, ...l }, u) {
 	return /* @__PURE__ */ x("div", {
 		className: "inline-flex flex-col items-center gap-1",
 		children: [/* @__PURE__ */ b("button", {
@@ -1097,13 +1060,13 @@ var Xe = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
 				children: r
 			})
 		}), a !== void 0 && /* @__PURE__ */ b("span", {
-			className: "select-none text-[10px] text-fg-muted",
+			className: "text-fg-muted text-[10px] select-none",
 			children: a
 		})]
 	});
-}), Qe = m(function({ className: t, direction: n = "vertical", disabled: r = !1, onChange: a, options: o, value: s, ...c }, l) {
+}), Xe = m(function({ className: t, direction: n = "vertical", disabled: r = !1, onChange: a, options: o, value: s, ...c }, l) {
 	return /* @__PURE__ */ b("div", {
-		className: e("flex gds-gap", n === "vertical" ? "flex-col" : "flex-row flex-wrap", t),
+		className: e("gds-gap flex", n === "vertical" ? "flex-col" : "flex-row flex-wrap", t),
 		"data-component": "radio-group",
 		ref: l,
 		role: "radiogroup",
@@ -1112,14 +1075,14 @@ var Xe = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
 			let n = t.value === s, o = r || t.disabled === !0;
 			return /* @__PURE__ */ x("button", {
 				"aria-checked": n,
-				className: e("inline-flex select-none items-center gds-gap-sm gds-text-body", i, o && "cursor-not-allowed opacity-50"),
+				className: e("gds-gap-sm gds-text-body inline-flex items-center select-none", i, o && "cursor-not-allowed opacity-50"),
 				disabled: o,
 				onClick: () => a?.(t.value),
 				role: "radio",
 				type: "button",
 				children: [/* @__PURE__ */ b("span", {
-					className: e("inline-flex gds-icon shrink-0 items-center justify-center gds-radius-badge border transition-colors", n ? "border-accent" : "border-border hover:border-accent/50"),
-					children: n && /* @__PURE__ */ b("span", { className: "h-2 w-2 gds-radius-badge bg-accent" })
+					className: e("gds-icon gds-radius-badge inline-flex shrink-0 items-center justify-center border transition-colors", n ? "border-accent" : "border-border hover:border-accent/50"),
+					children: n && /* @__PURE__ */ b("span", { className: "gds-radius-badge bg-accent h-2 w-2" })
 				}), /* @__PURE__ */ b("span", {
 					className: "text-fg",
 					children: t.label
@@ -1146,10 +1109,10 @@ function K({ filled: t }) {
 		})
 	});
 }
-var $e = m(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, renderStar: o, size: s = "default", value: c, ...l }, u) {
+var Ze = m(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, renderStar: o, size: s = "default", value: c, ...l }, u) {
 	let [d, f] = y(null), p = h(() => f(null), []);
 	return /* @__PURE__ */ b("div", {
-		className: e("inline-flex gds-gap-xs", t),
+		className: e("gds-gap-xs inline-flex", t),
 		"data-component": "rating",
 		onMouseLeave: a ? void 0 : p,
 		ref: u,
@@ -1188,19 +1151,19 @@ function q(e) {
 	let s = Math.floor(o / 30);
 	return s < 12 ? `${s}mo ago` : `${Math.floor(s / 12)}y ago`;
 }
-function et(e) {
+function Qe(e) {
 	return e.toLocaleString();
 }
-var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
+var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 	let [o, s] = y(() => q(n)), c = v(null);
 	g(() => (s(q(n)), c.current = setInterval(() => {
 		s(q(n));
 	}, 3e4), () => {
 		c.current !== null && clearInterval(c.current);
 	}), [n]);
-	let l = n instanceof Date ? n : new Date(n), u = et(l);
+	let l = n instanceof Date ? n : new Date(n), u = Qe(l);
 	return /* @__PURE__ */ b("time", {
-		className: e("font-mono text-fg-muted", t),
+		className: e("text-fg-muted font-mono", t),
 		"data-component": "relative-time",
 		dateTime: l.toISOString(),
 		ref: a,
@@ -1208,12 +1171,12 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		...i,
 		children: r === void 0 ? o : `${r} ${o}`
 	});
-}), nt = {
+}), et = {
 	accent: "bg-accent text-accent-fg",
 	danger: "bg-danger text-white",
 	success: "bg-success text-white",
 	warning: "bg-warning text-white"
-}, rt = m(function({ children: t, label: n, variant: r = "accent", position: i = "top-right", className: a, ...o }, s) {
+}, tt = m(function({ children: t, label: n, variant: r = "accent", position: i = "top-right", className: a, ...o }, s) {
 	let c = i === "top-right";
 	return /* @__PURE__ */ x("div", {
 		ref: s,
@@ -1221,11 +1184,11 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		"data-component": "ribbon",
 		...o,
 		children: [/* @__PURE__ */ b("div", {
-			className: e("pointer-events-none absolute top-3 z-10 px-6 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm", nt[r], c ? "-right-6 rotate-45" : "-left-6 -rotate-45"),
+			className: e("pointer-events-none absolute top-3 z-10 px-6 py-0.5 text-[10px] font-bold tracking-wider uppercase shadow-sm", et[r], c ? "-right-6 rotate-45" : "-left-6 -rotate-45"),
 			children: n
 		}), t]
 	});
-}), it = m(function({ className: t, color: n, position: r = "top-right", text: i, ...a }, o) {
+}), nt = m(function({ className: t, color: n, position: r = "top-right", text: i, ...a }, o) {
 	let s = r === "top-right";
 	return /* @__PURE__ */ b("div", {
 		className: e("absolute top-0 z-10 overflow-hidden", s ? "right-0" : "left-0", t),
@@ -1237,7 +1200,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		},
 		...a,
 		children: /* @__PURE__ */ b("div", {
-			className: "flex items-center justify-center text-xs font-bold text-accent-fg select-none",
+			className: "text-accent-fg flex items-center justify-center text-xs font-bold select-none",
 			style: {
 				backgroundColor: n ?? "var(--color-accent)",
 				left: s ? void 0 : -20,
@@ -1250,12 +1213,12 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			children: i
 		})
 	});
-}), at = 0, ot = m(function({ children: t, color: n = "currentColor", disabled: r = !1, className: i }, a) {
+}), rt = 0, it = m(function({ children: t, color: n = "currentColor", disabled: r = !1, className: i }, a) {
 	let [o, s] = y([]), c = h((e) => {
 		if (r) return;
 		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, a = Math.max(t.width, t.height) * 2;
 		s((e) => [...e, {
-			id: at++,
+			id: rt++,
 			x: n,
 			y: i,
 			size: a
@@ -1269,7 +1232,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		className: e("relative overflow-hidden", i),
 		onPointerDown: c,
 		children: [t, o.map((e) => /* @__PURE__ */ b("span", {
-			className: "pointer-events-none absolute animate-ripple rounded-full",
+			className: "animate-ripple pointer-events-none absolute rounded-full",
 			style: {
 				left: e.x - e.size / 2,
 				top: e.y - e.size / 2,
@@ -1280,7 +1243,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			onAnimationEnd: () => l(e.id)
 		}, e.id))]
 	});
-}), st = m(function({ className: t, color: n, height: r = 3, ...i }, a) {
+}), at = m(function({ className: t, color: n, height: r = 3, ...i }, a) {
 	let [o, s] = y(0), c = h(() => {
 		let e = document.documentElement.scrollTop, t = document.documentElement.scrollHeight - document.documentElement.clientHeight;
 		t > 0 && s(e / t * 100);
@@ -1292,14 +1255,14 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		style: { height: `${r}px` },
 		...i,
 		children: /* @__PURE__ */ b("div", {
-			className: "h-full bg-accent transition-[width] duration-100 ease-out",
+			className: "bg-accent h-full transition-[width] duration-100 ease-out",
 			style: {
 				width: `${o}%`,
 				...n === void 0 ? {} : { backgroundColor: n }
 			}
 		})
 	});
-}), ct = m(function({ threshold: t = 300, smooth: n = !0, className: r }, a) {
+}), ot = m(function({ threshold: t = 300, smooth: n = !0, className: r }, a) {
 	let [o, s] = y(() => typeof window > "u" ? !1 : window.scrollY >= t);
 	return g(() => {
 		let e = () => s(window.scrollY >= t);
@@ -1312,7 +1275,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			top: 0,
 			behavior: n ? "smooth" : "auto"
 		}),
-		className: e("fixed bottom-6 right-6 z-40 flex h-10 w-10 items-center justify-center rounded-full bg-accent text-accent-fg shadow-lg transition-opacity hover:bg-accent/90", i, r),
+		className: e("bg-accent text-accent-fg hover:bg-accent/90 fixed right-6 bottom-6 z-40 flex h-10 w-10 items-center justify-center rounded-full shadow-lg transition-opacity", i, r),
 		"data-component": "scroll-to-top",
 		children: /* @__PURE__ */ b("svg", {
 			width: "16",
@@ -1326,13 +1289,13 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			children: /* @__PURE__ */ b("path", { d: "M8 12V4M4 7l4-3 4 3" })
 		})
 	}) : null;
-}), lt = {
+}), st = {
 	default: "px-3 py-1.5 text-xs",
 	sm: "px-2 py-1 text-[11px]"
-}, ut = m(function({ options: n, value: r, onChange: a, size: o = "default", disabled: s, glass: c, className: l, ...u }, d) {
+}, ct = m(function({ options: n, value: r, onChange: a, size: o = "default", disabled: s, glass: c, className: l, ...u }, d) {
 	return /* @__PURE__ */ b("div", {
 		ref: d,
-		className: e("inline-flex select-none gds-radius-button bg-bg-tertiary p-0.5", c === !0 && t(c), s === !0 && "pointer-events-none opacity-50", l),
+		className: e("gds-radius-button bg-bg-tertiary inline-flex p-0.5 select-none", c === !0 && t(c), s === !0 && "pointer-events-none opacity-50", l),
 		"data-component": "segmented-control",
 		"data-state": s === !0 ? "disabled" : "enabled",
 		role: "radiogroup",
@@ -1347,12 +1310,12 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 				onClick: () => {
 					n || a(t.value);
 				},
-				className: e("gds-radius-button transition-all", lt[o ?? "default"], i, n ? "bg-bg font-medium text-fg gds-shadow-sm" : "text-fg-muted hover:text-fg"),
+				className: e("gds-radius-button transition-all", st[o ?? "default"], i, n ? "bg-bg text-fg gds-shadow-sm font-medium" : "text-fg-muted hover:text-fg"),
 				children: t.label
 			}, t.value);
 		})
 	});
-}), dt = m(function({ className: t, description: n, keys: r, ...i }, a) {
+}), lt = m(function({ className: t, description: n, keys: r, ...i }, a) {
 	return /* @__PURE__ */ x("span", {
 		className: e("inline-flex items-center gap-2", t),
 		"data-component": "shortcut-display",
@@ -1362,11 +1325,11 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			className: "inline-flex items-center gap-0.5",
 			children: r.map((e, t) => /* @__PURE__ */ b(o, { children: e }, t))
 		}), n !== void 0 && /* @__PURE__ */ b("span", {
-			className: "text-xs text-fg-muted",
+			className: "text-fg-muted text-xs",
 			children: n
 		})]
 	});
-}), ft = {
+}), ut = {
 	"avatar-text": () => /* @__PURE__ */ x("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ b(c, { variant: "circle" }), /* @__PURE__ */ x("div", {
@@ -1405,8 +1368,8 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			height: 36
 		})]
 	})
-}, pt = m(function({ className: t, count: n = 1, variant: r = "avatar-text" }, i) {
-	let a = ft[r];
+}, dt = m(function({ className: t, count: n = 1, variant: r = "avatar-text" }, i) {
+	let a = ut[r];
 	return /* @__PURE__ */ b("div", {
 		ref: i,
 		className: e("flex flex-col gap-4", t),
@@ -1414,8 +1377,8 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		"data-variant": r,
 		children: Array.from({ length: n }, (e, t) => /* @__PURE__ */ b("div", { children: a() }, t))
 	});
-}), mt = "M12 0l3 9 9 3-9 3-3 9-3-9-9-3 9-3z";
-function ht(e, t) {
+}), ft = "M12 0l3 9 9 3-9 3-3 9-3-9-9-3 9-3z";
+function pt(e, t) {
 	let n = 360 / t * e * Math.PI / 180, r = 70 + e % 3 * 15;
 	return {
 		position: "absolute",
@@ -1428,7 +1391,7 @@ function ht(e, t) {
 		opacity: 0
 	};
 }
-var gt = m(function({ children: t, active: n = !0, count: r = 3, color: i = "var(--gds-accent)", className: a }, o) {
+var mt = m(function({ children: t, active: n = !0, count: r = 3, color: i = "var(--gds-accent)", className: a }, o) {
 	let s = Array.from({ length: r }, (e, t) => t);
 	return /* @__PURE__ */ x("span", {
 		ref: o,
@@ -1439,25 +1402,25 @@ var gt = m(function({ children: t, active: n = !0, count: r = 3, color: i = "var
 			n && s.map((e) => /* @__PURE__ */ b("svg", {
 				viewBox: "0 0 24 24",
 				fill: i,
-				style: ht(e, r),
+				style: pt(e, r),
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ b("path", { d: mt })
+				children: /* @__PURE__ */ b("path", { d: ft })
 			}, e)),
 			n && /* @__PURE__ */ b("style", { children: "\n            @keyframes gds-sparkle {\n              0%, 100% { opacity: 0; transform: scale(0) rotate(0deg); }\n              50% { opacity: 1; transform: scale(1) rotate(180deg); }\n            }\n          " })
 		]
 	});
-}), _t = {
+}), ht = {
 	fade: "animate-[stagger-fade_0.4s_ease_both]",
 	scale: "animate-[stagger-scale_0.4s_ease_both]",
 	"slide-up": "animate-[stagger-slide-up_0.4s_ease_both]"
 };
-function vt({ animation: t = "fade", children: n, className: r, delay: i = 80 }) {
-	let a = p.toArray(n);
+function gt({ animation: t = "fade", children: n, className: r, delay: i = 80 }) {
+	let a = ee.toArray(n);
 	return /* @__PURE__ */ b("div", {
 		className: e("", r),
 		"data-component": "stagger",
 		children: a.map((e, n) => /* @__PURE__ */ b("div", {
-			className: _t[t],
+			className: ht[t],
 			style: { animationDelay: `${n * i}ms` },
 			children: e
 		}, n))
@@ -1465,12 +1428,12 @@ function vt({ animation: t = "fade", children: n, className: r, delay: i = 80 })
 }
 //#endregion
 //#region src/l3-atoms/star-rating.tsx
-var yt = {
+var _t = {
 	sm: 14,
 	default: 18,
 	lg: 24
 }, J = "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z";
-function bt({ fill: e, s: t, color: n }) {
+function vt({ fill: e, s: t, color: n }) {
 	let r = `half-${Math.random().toString(36).slice(2, 8)}`;
 	return e === "full" ? /* @__PURE__ */ b("svg", {
 		width: t,
@@ -1517,8 +1480,8 @@ function bt({ fill: e, s: t, color: n }) {
 		children: /* @__PURE__ */ b("path", { d: J })
 	});
 }
-var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "currentColor", className: a }, o) {
-	let s = yt[r], c = i === "currentColor" ? "var(--color-warning)" : i;
+var yt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "currentColor", className: a }, o) {
+	let s = _t[r], c = i === "currentColor" ? "var(--color-warning)" : i;
 	return /* @__PURE__ */ b("div", {
 		ref: o,
 		className: e("inline-flex items-center gap-0.5", a),
@@ -1527,7 +1490,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 		"aria-label": `${t} out of ${n} stars`,
 		children: Array.from({ length: n }, (e, n) => {
 			let r = t - n;
-			return /* @__PURE__ */ b(bt, {
+			return /* @__PURE__ */ b(vt, {
 				fill: r >= 1 ? "full" : r >= .5 ? "half" : "empty",
 				s,
 				color: c
@@ -1541,10 +1504,10 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 	inactive: "bg-fg-muted/10 text-fg-muted",
 	pending: "bg-warning/10 text-warning",
 	warning: "bg-warning/10 text-warning"
-}, St = m(function({ className: n, glass: r, icon: i, label: a, size: o = "default", status: s, ...c }, l) {
+}, bt = m(function({ className: n, glass: r, icon: i, label: a, size: o = "default", status: s, ...c }, l) {
 	let u = a ?? s;
 	return /* @__PURE__ */ x("span", {
-		className: e("inline-flex select-none items-center gds-gap-xs gds-radius-badge font-medium", o === "sm" ? "gds-pad-x-sm py-px gds-text-caption" : "gds-pad-x-sm gds-pad-y-sm gds-text-body", Y[s], t(r), r === !0 && "border border-white/10 bg-white/5", n),
+		className: e("gds-gap-xs gds-radius-badge inline-flex items-center font-medium select-none", o === "sm" ? "gds-pad-x-sm py-px gds-text-caption" : "gds-pad-x-sm gds-pad-y-sm gds-text-body", Y[s], t(r), r === !0 && "border border-white/10 bg-white/5", n),
 		"data-component": "status-badge",
 		"data-state": s,
 		ref: l,
@@ -1554,7 +1517,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 			children: i
 		}), u]
 	});
-}), Ct = {
+}), xt = {
 	status: Y,
 	size: {
 		default: "gds-pad-x-sm gds-pad-y-sm gds-text-body",
@@ -1564,9 +1527,9 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 	connected: "bg-success",
 	connecting: "bg-warning animate-pulse",
 	disconnected: "bg-danger"
-}, wt = m(function({ className: t, label: n, status: r, ...i }, a) {
+}, St = m(function({ className: t, label: n, status: r, ...i }, a) {
 	return /* @__PURE__ */ x("span", {
-		className: e("inline-flex items-center gds-gap-sm", t),
+		className: e("gds-gap-sm inline-flex items-center", t),
 		"data-component": "status-dot",
 		"data-state": r,
 		ref: a,
@@ -1576,21 +1539,21 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 			children: n
 		})]
 	});
-}), Tt = { status: X }, Et = m(function({ className: t, disabled: n = !1, items: r, onChange: i }, a) {
+}), Ct = { status: X }, wt = m(function({ className: t, disabled: n = !1, items: r, onChange: i }, a) {
 	return /* @__PURE__ */ b("div", {
 		ref: a,
 		className: e("flex flex-col gap-3", t),
 		"data-component": "switch-group",
 		role: "group",
 		children: r.map((e) => /* @__PURE__ */ x("div", {
-			className: "flex items-center justify-between gap-4 gds-pad-x gds-pad-y-sm",
+			className: "gds-pad-x gds-pad-y-sm flex items-center justify-between gap-4",
 			children: [/* @__PURE__ */ x("div", {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ b("div", {
-					className: "gds-text-body font-medium text-fg",
+					className: "gds-text-body text-fg font-medium",
 					children: e.label
 				}), e.description !== void 0 && /* @__PURE__ */ b("div", {
-					className: "mt-0.5 gds-text-caption text-fg-muted",
+					className: "gds-text-caption text-fg-muted mt-0.5",
 					children: e.description
 				})]
 			}), /* @__PURE__ */ b(d, {
@@ -1600,25 +1563,25 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 			})]
 		}, e.id))
 	});
-}), Dt = {
+}), Tt = {
 	accent: "bg-accent/15 text-accent",
 	danger: "bg-danger/15 text-danger",
 	muted: "bg-fg-muted/10 text-fg-muted",
 	success: "bg-success/15 text-success",
 	warning: "bg-warning/15 text-warning"
-}, Ot = {
+}, Et = {
 	default: "px-1.5 py-0.5 text-[10px]",
 	sm: "px-1 py-px text-[9px]"
-}, kt = m(function({ className: t, label: n, size: r = "default", variant: i = "accent", ...a }, o) {
+}, Dt = m(function({ className: t, label: n, size: r = "default", variant: i = "accent", ...a }, o) {
 	return /* @__PURE__ */ b("span", {
-		className: e("inline-flex select-none items-center rounded-full font-bold uppercase leading-none tracking-wider", Dt[i], Ot[r], t),
+		className: e("inline-flex items-center rounded-full leading-none font-bold tracking-wider uppercase select-none", Tt[i], Et[r], t),
 		"data-component": "text-badge",
 		"data-variant": i,
 		ref: o,
 		...a,
 		children: n
 	});
-}), At = m(function({ children: t, className: n, effect: r, gradientFrom: i, gradientTo: a, style: o, ...s }, c) {
+}), Ot = m(function({ children: t, className: n, effect: r, gradientFrom: i, gradientTo: a, style: o, ...s }, c) {
 	let l = i ?? "var(--gds-accent)", u = a ?? "var(--gds-success)";
 	return r === "gradient" ? /* @__PURE__ */ b("span", {
 		className: e("bg-clip-text text-transparent", n),
@@ -1632,7 +1595,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 		...s,
 		children: t
 	}) : r === "highlight" ? /* @__PURE__ */ b("span", {
-		className: e("box-decoration-clone bg-accent/20 px-1", n),
+		className: e("bg-accent/20 box-decoration-clone px-1", n),
 		"data-component": "text-effect",
 		"data-variant": r,
 		ref: c,
@@ -1651,7 +1614,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 		...s,
 		children: t
 	});
-}), jt = m(function({ className: t, error: n, maxLength: r, onChange: i, value: a, ...o }, c) {
+}), kt = m(function({ className: t, error: n, maxLength: r, onChange: i, value: a, ...o }, c) {
 	let l = a.length, u = r !== void 0 && l >= r * .9;
 	return /* @__PURE__ */ x("div", {
 		className: e("flex flex-col", t),
@@ -1668,20 +1631,20 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 			children: r === void 0 ? l : `${l} / ${r}`
 		})]
 	});
-}), Mt = {
+}), At = {
 	default: "h-8 w-8",
 	sm: "h-6 w-6"
-}, Nt = {
+}, jt = {
 	default: 16,
 	sm: 14
-}, Pt = m(function({ mode: t, onChange: n, size: r = "default", className: a }, o) {
-	let s = t === "dark", c = Nt[r];
+}, Mt = m(function({ mode: t, onChange: n, size: r = "default", className: a }, o) {
+	let s = t === "dark", c = jt[r];
 	return /* @__PURE__ */ b("button", {
 		ref: o,
 		type: "button",
 		"aria-label": s ? "Switch to light mode" : "Switch to dark mode",
 		onClick: () => n(s ? "light" : "dark"),
-		className: e("inline-flex items-center justify-center rounded-full text-fg-muted transition-colors hover:text-fg select-none", Mt[r], i, a),
+		className: e("text-fg-muted hover:text-fg inline-flex items-center justify-center rounded-full transition-colors select-none", At[r], i, a),
 		"data-component": "theme-toggle",
 		"data-state": t,
 		children: s ? /* @__PURE__ */ x("svg", {
@@ -1714,7 +1677,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 	sm: "px-2 py-1 text-[11px]",
 	default: "px-3 py-1.5 text-xs",
 	lg: "px-4 py-2 text-sm"
-} }, Q = Z, Ft = m(function({ items: t, value: n, onChange: r, exclusive: a, size: o = "default", disabled: s, className: c, ...l }, u) {
+} }, Nt = Z, Pt = m(function({ items: t, value: n, onChange: r, exclusive: a, size: o = "default", disabled: s, className: c, ...l }, u) {
 	function d(e) {
 		if (a === !0) {
 			n.includes(e) || r([e]);
@@ -1724,7 +1687,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 	}
 	return /* @__PURE__ */ b("div", {
 		ref: u,
-		className: e("inline-flex select-none overflow-hidden gds-radius-button border border-border bg-bg", s === !0 && "pointer-events-none opacity-50", c),
+		className: e("gds-radius-button border-border bg-bg inline-flex overflow-hidden border select-none", s === !0 && "pointer-events-none opacity-50", c),
 		"data-component": "toggle-group",
 		"data-state": s === !0 ? "disabled" : "enabled",
 		role: "group",
@@ -1733,7 +1696,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 			let c = n.includes(r.value), l = a === t.length - 1;
 			return /* @__PURE__ */ b("button", {
 				"aria-pressed": c,
-				className: e("transition-colors", Z.size[o ?? "default"], !l && "border-r border-border", i, c ? "bg-accent/10 text-accent" : "text-fg-muted hover:bg-bg-tertiary"),
+				className: e("transition-colors", Z.size[o ?? "default"], !l && "border-border border-r", i, c ? "bg-accent/10 text-accent" : "text-fg-muted hover:bg-bg-tertiary"),
 				disabled: s,
 				onClick: () => d(r.value),
 				type: "button",
@@ -1741,11 +1704,11 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 			}, r.value);
 		})
 	});
-}), It = {
+}), Q = {
 	sm: 12,
 	default: 16
-}, Lt = m(function({ className: t, direction: n, size: r = "default", ...i }, a) {
-	let o = It[r];
+}, Ft = m(function({ className: t, direction: n, size: r = "default", ...i }, a) {
+	let o = Q[r];
 	return /* @__PURE__ */ b("span", {
 		className: e("inline-flex", n === "up" ? "text-success" : n === "down" ? "text-danger" : "text-fg-muted", t),
 		"data-component": "trend-arrow",
@@ -1771,7 +1734,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 });
 //#endregion
 //#region src/l3-atoms/trend-indicator.tsx
-function Rt({ className: t, inverse: n = !1, label: r, value: i }) {
+function It({ className: t, inverse: n = !1, label: r, value: i }) {
 	let a = i > 0, o = i < 0, s = i === 0 ? "text-fg-muted" : a ? n ? "text-danger" : "text-success" : n ? "text-success" : "text-danger", c = a ? "▲" : o ? "▼" : "─", l = a ? "+" : "";
 	return /* @__PURE__ */ x("span", {
 		className: e("inline-flex items-center gap-1 text-sm font-medium select-none", s, t),
@@ -1787,7 +1750,7 @@ function Rt({ className: t, inverse: n = !1, label: r, value: i }) {
 				"%"
 			] }),
 			r !== void 0 && /* @__PURE__ */ b("span", {
-				className: "text-xs font-normal text-fg-muted",
+				className: "text-fg-muted text-xs font-normal",
 				children: r
 			})
 		]
@@ -1795,10 +1758,10 @@ function Rt({ className: t, inverse: n = !1, label: r, value: i }) {
 }
 //#endregion
 //#region src/l3-atoms/truncated-list.tsx
-var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a }, o) {
+var Lt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a }, o) {
 	let s = n.slice(0, r), c = n.length - r;
 	return /* @__PURE__ */ x("div", {
-		className: e("inline-flex flex-wrap items-center gds-gap-sm", t),
+		className: e("gds-gap-sm inline-flex flex-wrap items-center", t),
 		"data-component": "truncated-list",
 		ref: o,
 		...a,
@@ -1807,7 +1770,7 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 			children: i === void 0 ? `+${c} more` : i(c)
 		})]
 	});
-}), Bt = m(function({ text: t, speed: n = 50, delay: r = 0, cursor: i = !0, onComplete: a, className: o }, s) {
+}), Rt = m(function({ text: t, speed: n = 50, delay: r = 0, cursor: i = !0, onComplete: a, className: o }, s) {
 	let [c, l] = y(0), [u, d] = y(r <= 0);
 	return g(() => {
 		if (r <= 0) return;
@@ -1840,17 +1803,17 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 			children: "|"
 		})]
 	});
-}), Vt = {
+}), zt = {
 	default: "text-accent",
 	gold: "text-warning",
 	official: "text-success"
-}, Ht = {
+}, Bt = {
 	default: 16,
 	sm: 12
-}, Ut = m(function({ className: t, size: n = "default", variant: r = "default", ...i }, a) {
-	let o = Ht[n];
+}, Vt = m(function({ className: t, size: n = "default", variant: r = "default", ...i }, a) {
+	let o = Bt[n];
 	return /* @__PURE__ */ b("span", {
-		className: e("inline-flex shrink-0 items-center", Vt[r], t),
+		className: e("inline-flex shrink-0 items-center", zt[r], t),
 		"data-component": "verified-badge",
 		"data-variant": r,
 		ref: a,
@@ -1863,7 +1826,7 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 			children: /* @__PURE__ */ b("path", { d: "M12 1l3.09 2.26L19 3.27l.01 3.91L22 10.18 19.82 13l.18 3.91-3.91 1.01L13.09 21 12 23l-3.09-2.26L5 21.73l-.01-3.91L2 14.82 4.18 12l-.18-3.91 3.91-1.01L10.91 4 12 1zm-1.5 12.5l5-5-1.41-1.41L10.5 10.67 8.41 8.59 7 10l3.5 3.5z" })
 		})
 	});
-}), Wt = m(function({ value: t, onChange: n, min: r, max: a, step: o = 1, disabled: s = !1, className: c, ...l }, u) {
+}), Ht = m(function({ value: t, onChange: n, min: r, max: a, step: o = 1, disabled: s = !1, className: c, ...l }, u) {
 	let d = r !== void 0 && t <= r, f = a !== void 0 && t >= a;
 	return /* @__PURE__ */ x("div", {
 		ref: u,
@@ -1873,18 +1836,18 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 		children: [
 			/* @__PURE__ */ b("button", {
 				type: "button",
-				className: e("flex h-7 w-7 items-center justify-center rounded-md border border-border text-fg-muted transition-colors hover:bg-bg-tertiary disabled:opacity-40", i),
+				className: e("border-border text-fg-muted hover:bg-bg-tertiary flex h-7 w-7 items-center justify-center rounded-md border transition-colors disabled:opacity-40", i),
 				disabled: s || d,
 				onClick: () => n(Math.max(r ?? -Infinity, t - o)),
 				children: "−"
 			}),
 			/* @__PURE__ */ b("span", {
-				className: "min-w-[2rem] text-center tabular-nums gds-text text-fg",
+				className: "gds-text text-fg min-w-[2rem] text-center tabular-nums",
 				children: t
 			}),
 			/* @__PURE__ */ b("button", {
 				type: "button",
-				className: e("flex h-7 w-7 items-center justify-center rounded-md border border-border text-fg-muted transition-colors hover:bg-bg-tertiary disabled:opacity-40", i),
+				className: e("border-border text-fg-muted hover:bg-bg-tertiary flex h-7 w-7 items-center justify-center rounded-md border transition-colors disabled:opacity-40", i),
 				disabled: s || f,
 				onClick: () => n(Math.min(a ?? Infinity, t + o)),
 				children: "+"
@@ -1892,7 +1855,7 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 		]
 	});
 }), $ = 10;
-function Gt({ className: t, onChange: n, value: r }) {
+function Ut({ className: t, onChange: n, value: r }) {
 	let i = Math.round(r / 100 * $), a = h((e) => {
 		n(Math.round((e + 1) / $ * 100));
 	}, [n]);
@@ -1908,7 +1871,7 @@ function Gt({ className: t, onChange: n, value: r }) {
 }
 //#endregion
 //#region src/l3-atoms/zoom-on-hover.tsx
-var Kt = m(function({ children: t, className: n, duration: r = 300, scale: i = 1.1, ...a }, o) {
+var Wt = m(function({ children: t, className: n, duration: r = 300, scale: i = 1.1, ...a }, o) {
 	return /* @__PURE__ */ b("div", {
 		className: e("overflow-hidden", n),
 		"data-component": "zoom-on-hover",
@@ -1928,6 +1891,6 @@ var Kt = m(function({ children: t, className: n, duration: r = 300, scale: i = 1
 	});
 });
 //#endregion
-export { Oe as $, it as A, We as B, gt as C, w as Ct, ct as D, ut as E, Ze as F, Le as G, Ve as H, W as I, Pe as J, Ie as K, Xe as L, tt as M, $e as N, st as O, Qe as P, ke as Q, qe as R, vt as S, ne as St, dt as T, Be as U, Ue as V, Re as W, je as X, R as Y, Ae as Z, wt as _, ue as _t, Bt as a, ve as at, Ct as b, ae as bt, Lt as c, M as ct, Q as d, k as dt, Te as et, Pt as f, _e as ft, Et as g, E as gt, kt as h, de as ht, Ut as i, ye as it, rt as j, ot as k, Ft as l, j as lt, At as m, fe as mt, Gt as n, L as nt, zt as o, I as ot, jt as p, me as pt, Fe as q, Wt as r, be as rt, Rt as s, N as st, Kt as t, we as tt, Z as u, A as ut, Tt as v, le as vt, pt as w, ee as wt, xt as x, re as xt, St as y, se as yt, Ke as z };
+export { Ee as $, nt as A, He as B, mt as C, C as Ct, ot as D, ct as E, Ye as F, Fe as G, ze as H, W as I, Me as J, Pe as K, Je as L, $e as M, Ze as N, at as O, Xe as P, De as Q, Ge as R, gt as S, T as St, lt as T, Re as U, Ve as V, Ie as W, ke as X, R as Y, Oe as Z, St as _, ue as _t, Rt as a, _e as at, xt as b, ie as bt, Ft as c, N as ct, Nt as d, O as dt, Ce as et, Mt as f, he as ft, wt as g, de as gt, Dt as h, E as ht, Vt as i, ve as it, tt as j, it as k, Pt as l, M as lt, Ot as m, fe as mt, Ut as n, be as nt, Lt as o, F as ot, kt as p, pe as pt, Ne as q, Ht as r, ye as rt, It as s, P as st, Wt as t, Se as tt, Z as u, j as ut, Ct as v, ce as vt, dt as w, yt as x, re as xt, bt as y, oe as yt, We as z };
 
-//# sourceMappingURL=l3-atoms-Cvu01YHO.js.map
+//# sourceMappingURL=l3-atoms-BCJNqPHk.js.map