@goliapkg/gds 2.1.1 → 2.2.0

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

@@ -1,14 +1,15 @@
 import { r as e, t } from "./glass-CQTlX7IO.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-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-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 { n as p } from "./loading-dots-C1LPHGa0.js";
+import { t as n } from "./dist-qdXk1a7h.js";
+import { t as r } from "./a11y-CoNNB_xa.js";
+import { t as i } from "./badge-B3ijD3ch.js";
+import { t as a } from "./button-fRpdsI_4.js";
+import { r as o, t as s } from "./textarea-DD1huKel.js";
+import { t as c } from "./skeleton-DhqLfA7r.js";
+import { t as l } from "./avatar-oCar1zX6.js";
+import { n as u } from "./resize-handle-BFffbhyG.js";
+import { t as d } from "./switch-COzaggYE.js";
+import { r as f } from "./dom-DkPgnDHP.js";
+import { t as p } from "./tooltip-BlvhLCp0.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
@@ -83,13 +84,13 @@ var re = m(function({ value: t, duration: n = 500, format: r = te, className: i
 		"data-component": "animated-number",
 		children: r(o)
 	});
-}), ie = m(function({ count: t, maxCount: n = 99, className: r, ...i }, o) {
+}), ie = m(function({ count: t, maxCount: n = 99, className: r, ...a }, o) {
 	let s = t !== void 0 && t > 0;
 	return /* @__PURE__ */ x("span", {
 		className: e("relative inline-flex", r),
 		"data-component": "avatar-badge",
 		ref: o,
-		children: [/* @__PURE__ */ b(l, { ...i }), s && /* @__PURE__ */ b(a, {
+		children: [/* @__PURE__ */ b(l, { ...a }), s && /* @__PURE__ */ b(i, {
 			className: "absolute -top-1 -right-1 z-10",
 			count: t,
 			countMax: n
@@ -206,12 +207,12 @@ var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 		lg: "h-14 w-14",
 		sm: "h-7 w-7"
 	} }
-}), fe = m(function({ className: t, color: n, copyable: r = !1, label: a, size: o, ...s }, c) {
+}), fe = m(function({ className: t, color: n, copyable: i = !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(() => {
+		i && (await navigator.clipboard.writeText(n), u(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => {
 			u(!1), d.current = null;
 		}, 2e3));
-	}, [n, r]), p = /* @__PURE__ */ b("span", {
+	}, [n, i]), p = /* @__PURE__ */ b("span", {
 		className: e(E({ size: o }), "block"),
 		style: { backgroundColor: n }
 	});
@@ -221,9 +222,9 @@ var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 		ref: c,
 		...s,
 		children: [
-			r ? /* @__PURE__ */ b("button", {
+			i ? /* @__PURE__ */ b("button", {
 				"aria-label": `Copy ${n}`,
-				className: e("rounded-md select-none", i),
+				className: e("rounded-md select-none", r),
 				onClick: f,
 				type: "button",
 				children: p
@@ -238,7 +239,7 @@ var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 			})
 		]
 	});
-}), pe = 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: r = "Copied!", variant: i = "default", size: o = "default", className: s }, c) {
 	let [l, u] = y(!1), d = v(null);
 	g(() => () => {
 		d.current !== null && clearTimeout(d.current);
@@ -246,9 +247,9 @@ var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 	let f = h(() => {
 		navigator.clipboard.writeText(t).catch(() => {}), u(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => u(!1), 1500);
 	}, [t]);
-	return /* @__PURE__ */ b(r, {
+	return /* @__PURE__ */ b(a, {
 		ref: c,
-		variant: a === "ghost" ? "ghost" : "secondary",
+		variant: i === "ghost" ? "ghost" : "secondary",
 		size: o,
 		className: e(s),
 		onClick: f,
@@ -276,7 +277,7 @@ var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
 				rx: "1.5"
 			}), /* @__PURE__ */ b("path", { d: "M10 4V2.5A1.5 1.5 0 008.5 1h-6A1.5 1.5 0 001 2.5v6A1.5 1.5 0 002.5 10H4" })]
 		}),
-		children: l ? i : n
+		children: l ? r : n
 	});
 }), me = {
 	accent: "bg-accent text-accent-fg",
@@ -1040,14 +1041,14 @@ var Je = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
 			sm: "h-9 w-9"
 		}
 	}
-}), Ye = 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: i, 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", {
 			className: e(W({
 				size: s,
 				variant: c
-			}), i, n === !0 && "pointer-events-none opacity-40", t),
+			}), r, n === !0 && "pointer-events-none opacity-40", t),
 			"data-component": "quick-action",
 			"data-variant": c ?? "primary",
 			disabled: n,
@@ -1057,14 +1058,14 @@ var Je = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
 			...l,
 			children: /* @__PURE__ */ b("span", {
 				className: "gds-icon-child",
-				children: r
+				children: i
 			})
 		}), a !== void 0 && /* @__PURE__ */ b("span", {
 			className: "text-fg-muted text-[10px] select-none",
 			children: a
 		})]
 	});
-}), Xe = 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: i = !1, onChange: a, options: o, value: s, ...c }, l) {
 	return /* @__PURE__ */ b("div", {
 		className: e("gds-gap flex", n === "vertical" ? "flex-col" : "flex-row flex-wrap", t),
 		"data-component": "radio-group",
@@ -1072,10 +1073,10 @@ var Je = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
 		role: "radiogroup",
 		...c,
 		children: o.map((t) => {
-			let n = t.value === s, o = r || t.disabled === !0;
+			let n = t.value === s, o = i || t.disabled === !0;
 			return /* @__PURE__ */ x("button", {
 				"aria-checked": n,
-				className: e("gds-gap-sm gds-text-body inline-flex items-center select-none", i, o && "cursor-not-allowed opacity-50"),
+				className: e("gds-gap-sm gds-text-body inline-flex items-center select-none", r, o && "cursor-not-allowed opacity-50"),
 				disabled: o,
 				onClick: () => a?.(t.value),
 				role: "radio",
@@ -1109,7 +1110,7 @@ function K({ filled: t }) {
 		})
 	});
 }
-var Ze = 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: i, 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("gds-gap-xs inline-flex", t),
@@ -1124,8 +1125,8 @@ var Ze = m(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, r
 				className: G[s],
 				children: o === void 0 ? /* @__PURE__ */ b(K, { filled: u }) : o(u, n)
 			}, n) : /* @__PURE__ */ b("button", {
-				className: e("transition-transform hover:scale-110", i),
-				onClick: () => r?.(l),
+				className: e("transition-transform hover:scale-110", r),
+				onClick: () => i?.(l),
 				onMouseEnter: () => f(l),
 				type: "button",
 				children: /* @__PURE__ */ b("span", {
@@ -1262,7 +1263,7 @@ var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			}
 		})
 	});
-}), ot = m(function({ threshold: t = 300, smooth: n = !0, className: r }, a) {
+}), ot = m(function({ threshold: t = 300, smooth: n = !0, className: i }, a) {
 	let [o, s] = y(() => typeof window > "u" ? !1 : window.scrollY >= t);
 	return g(() => {
 		let e = () => s(window.scrollY >= t);
@@ -1275,7 +1276,7 @@ var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 			top: 0,
 			behavior: n ? "smooth" : "auto"
 		}),
-		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),
+		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", r, i),
 		"data-component": "scroll-to-top",
 		children: /* @__PURE__ */ b("svg", {
 			width: "16",
@@ -1292,7 +1293,7 @@ var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 }), st = {
 	default: "px-3 py-1.5 text-xs",
 	sm: "px-2 py-1 text-[11px]"
-}, ct = 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: i, onChange: a, size: o = "default", disabled: s, glass: c, className: l, ...u }, d) {
 	return /* @__PURE__ */ b("div", {
 		ref: d,
 		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),
@@ -1301,7 +1302,7 @@ var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 		role: "radiogroup",
 		...u,
 		children: n.map((t) => {
-			let n = t.value === r;
+			let n = t.value === i;
 			return /* @__PURE__ */ b("button", {
 				type: "button",
 				role: "radio",
@@ -1310,7 +1311,7 @@ var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
 				onClick: () => {
 					n || a(t.value);
 				},
-				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"),
+				className: e("gds-radius-button transition-all", st[o ?? "default"], r, n ? "bg-bg text-fg gds-shadow-sm font-medium" : "text-fg-muted hover:text-fg"),
 				children: t.label
 			}, t.value);
 		})
@@ -1637,14 +1638,14 @@ var yt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 }, jt = {
 	default: 16,
 	sm: 14
-}, Mt = m(function({ mode: t, onChange: n, size: r = "default", className: a }, o) {
-	let s = t === "dark", c = jt[r];
+}, Mt = m(function({ mode: t, onChange: n, size: i = "default", className: a }, o) {
+	let s = t === "dark", c = jt[i];
 	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("text-fg-muted hover:text-fg inline-flex items-center justify-center rounded-full transition-colors select-none", At[r], i, a),
+		className: e("text-fg-muted hover:text-fg inline-flex items-center justify-center rounded-full transition-colors select-none", At[i], r, a),
 		"data-component": "theme-toggle",
 		"data-state": t,
 		children: s ? /* @__PURE__ */ x("svg", {
@@ -1677,13 +1678,13 @@ var yt = 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"
-} }, Nt = Z, Pt = 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: i, exclusive: a, size: o = "default", disabled: s, className: c, ...l }, u) {
 	function d(e) {
 		if (a === !0) {
-			n.includes(e) || r([e]);
+			n.includes(e) || i([e]);
 			return;
 		}
-		n.includes(e) ? r(n.filter((t) => t !== e)) : r([...n, e]);
+		n.includes(e) ? i(n.filter((t) => t !== e)) : i([...n, e]);
 	}
 	return /* @__PURE__ */ b("div", {
 		ref: u,
@@ -1692,16 +1693,16 @@ var yt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
 		"data-state": s === !0 ? "disabled" : "enabled",
 		role: "group",
 		...l,
-		children: t.map((r, a) => {
-			let c = n.includes(r.value), l = a === t.length - 1;
+		children: t.map((i, a) => {
+			let c = n.includes(i.value), l = a === t.length - 1;
 			return /* @__PURE__ */ b("button", {
 				"aria-pressed": c,
-				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"),
+				className: e("transition-colors", Z.size[o ?? "default"], !l && "border-border border-r", r, c ? "bg-accent/10 text-accent" : "text-fg-muted hover:bg-bg-tertiary"),
 				disabled: s,
-				onClick: () => d(r.value),
+				onClick: () => d(i.value),
 				type: "button",
-				children: r.label
-			}, r.value);
+				children: i.label
+			}, i.value);
 		})
 	});
 }), Q = {
@@ -1826,8 +1827,8 @@ var Lt = 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" })
 		})
 	});
-}), 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;
+}), Ht = m(function({ value: t, onChange: n, min: i, max: a, step: o = 1, disabled: s = !1, className: c, ...l }, u) {
+	let d = i !== void 0 && t <= i, f = a !== void 0 && t >= a;
 	return /* @__PURE__ */ x("div", {
 		ref: u,
 		className: e("inline-flex items-center gap-1 select-none", c),
@@ -1836,9 +1837,9 @@ var Lt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 		children: [
 			/* @__PURE__ */ b("button", {
 				type: "button",
-				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),
+				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", r),
 				disabled: s || d,
-				onClick: () => n(Math.max(r ?? -Infinity, t - o)),
+				onClick: () => n(Math.max(i ?? -Infinity, t - o)),
 				children: "−"
 			}),
 			/* @__PURE__ */ b("span", {
@@ -1847,7 +1848,7 @@ var Lt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
 			}),
 			/* @__PURE__ */ b("button", {
 				type: "button",
-				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),
+				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", r),
 				disabled: s || f,
 				onClick: () => n(Math.min(a ?? Infinity, t + o)),
 				children: "+"
@@ -1893,4 +1894,4 @@ var Wt = m(function({ children: t, className: n, duration: r = 300, scale: i = 1
 //#endregion
 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-BCJNqPHk.js.map
+//# sourceMappingURL=l3-atoms-CumlHlnP.js.map