@goliapkg/gds 0.9.3 → 0.9.5

package/dist/l3-atoms-CsN9IA9J.js

@@ -0,0 +1,1794 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n, t as r } from "./button-avu-rQU4.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 c } from "./skeleton-C9FFZSYN.js";
+import { t as l } from "./avatar-By0U5Vts.js";
+import { n as u } from "./resize-handle-CktEYqwi.js";
+import { t as d } from "./switch-DC85Os9r.js";
+import { r as f } from "./dom-17XgfxMq.js";
+import { forwardRef as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/l3-atoms/animated-counter.tsx
+var x = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void 0, { maximumFractionDigits: 2 }), S = p(function({ className: t, duration: n = 500, format: r = x, prefix: i, suffix: a, value: o, ...s }, c) {
+	let [l, u] = v(o), d = _(o), f = _(0);
+	return h(() => {
+		let e = d.current, t = o;
+		if (d.current = t, e === t) return;
+		let r = performance.now(), i = t - e, a = (o) => {
+			let s = o - r, c = Math.min(1, s / n);
+			u(e + i * (1 - (1 - c) ** 3)), c < 1 ? f.current = requestAnimationFrame(a) : u(t);
+		};
+		return f.current = requestAnimationFrame(a), () => cancelAnimationFrame(f.current);
+	}, [o, n]), /* @__PURE__ */ b("span", {
+		className: e("tabular-nums select-none", t),
+		"data-component": "animated-counter",
+		ref: c,
+		...s,
+		children: [
+			i !== void 0 && /* @__PURE__ */ y("span", { children: i }),
+			r(l),
+			a !== void 0 && /* @__PURE__ */ y("span", { children: a })
+		]
+	});
+});
+//#endregion
+//#region src/l3-atoms/animated-number.tsx
+function ee(e) {
+	return e.toLocaleString();
+}
+function C(e) {
+	return 1 - (1 - e) ** 3;
+}
+var w = p(function({ value: t, duration: n = 500, format: r = ee, className: i }, a) {
+	let [o, s] = v(t), c = _(t);
+	return h(() => {
+		let e = c.current;
+		if (c.current = t, n <= 0) {
+			s(t);
+			return;
+		}
+		let r = performance.now(), i;
+		function a(o) {
+			let c = o - r, l = Math.min(c / n, 1);
+			s(e + (t - e) * C(l)), l < 1 && (i = requestAnimationFrame(a));
+		}
+		return i = requestAnimationFrame(a), () => cancelAnimationFrame(i);
+	}, [t, n]), /* @__PURE__ */ y("span", {
+		ref: a,
+		className: e("tabular-nums", i),
+		"data-component": "animated-number",
+		children: r(o)
+	});
+}), T = p(function({ count: t, maxCount: n = 99, className: r, ...i }, o) {
+	let s = t !== void 0 && t > 0;
+	return /* @__PURE__ */ b("span", {
+		className: e("relative inline-flex", r),
+		"data-component": "avatar-badge",
+		ref: o,
+		children: [/* @__PURE__ */ y(l, { ...i }), s && /* @__PURE__ */ y(a, {
+			className: "absolute -top-1 -right-1 z-10",
+			count: t,
+			countMax: n
+		})]
+	});
+});
+//#endregion
+//#region src/l3-atoms/barcode.tsx
+function te(e) {
+	let t = [];
+	t.push(3, 1, 1, 1, 3, 1);
+	for (let n = 0; n < e.length; n++) {
+		let r = e.charCodeAt(n);
+		t.push(r & 1 ? 2 : 1, r & 2 ? 2 : 1, r & 4 ? 2 : 1, r & 8 ? 2 : 1, r & 16 ? 2 : 1, 1);
+	}
+	return t.push(3, 1, 1, 1, 3), t;
+}
+var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !0, color: a = "currentColor", className: o }, s) {
+	let c = g(() => te(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({
+			x: f,
+			w: t
+		}), f += t;
+	}
+	return /* @__PURE__ */ b("svg", {
+		ref: s,
+		width: n,
+		height: r,
+		viewBox: `0 0 ${n} ${r}`,
+		className: e("shrink-0", o),
+		"data-component": "barcode",
+		"data-testid": "barcode-svg",
+		role: "img",
+		"aria-label": `Barcode: ${t}`,
+		children: [p.map((e, t) => /* @__PURE__ */ y("rect", {
+			x: e.x,
+			y: 0,
+			width: e.w,
+			height: u,
+			fill: a
+		}, t)), i && /* @__PURE__ */ y("text", {
+			x: n / 2,
+			y: r - 2,
+			textAnchor: "middle",
+			fontSize: 11,
+			fill: a,
+			fontFamily: "monospace",
+			"data-testid": "barcode-text",
+			children: t
+		})]
+	});
+}), re = {
+	default: "animate-pulse",
+	fast: "animate-pulse [animation-duration:0.5s]",
+	slow: "animate-pulse [animation-duration:3s]"
+}, ie = p(function({ active: t = !0, children: n, className: r, speed: i = "default", ...a }, o) {
+	return /* @__PURE__ */ y("span", {
+		className: e(t && re[i], r),
+		"data-component": "blinking",
+		ref: o,
+		...a,
+		children: n
+	});
+}), ae = {
+	default: "h-2 w-2",
+	lg: "h-3 w-3",
+	sm: "h-1.5 w-1.5"
+}, oe = p(function({ className: t, color: n, count: r = 3, size: i = "default", ...a }, o) {
+	let s = Array.from({ length: r }, (e, t) => t);
+	return /* @__PURE__ */ y("div", {
+		className: e("inline-flex items-center gap-1", t),
+		"data-component": "bounce-dot",
+		ref: o,
+		role: "status",
+		...a,
+		children: s.map((t) => /* @__PURE__ */ y("span", {
+			className: e("animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full bg-fg-muted", ae[i]),
+			style: {
+				animationDelay: `${t * 160}ms`,
+				...n === void 0 ? {} : { backgroundColor: n }
+			}
+		}, t))
+	});
+}), se = p(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) => {
+		r(e ? i.map((e) => e.value) : []);
+	};
+	return /* @__PURE__ */ b("div", {
+		ref: c,
+		className: e("flex flex-col gds-gap", t),
+		"data-component": "checkbox-group",
+		role: "group",
+		...s,
+		children: [a && /* @__PURE__ */ y(u, {
+			checked: l,
+			disabled: n,
+			label: "Select all",
+			onChange: f
+		}), i.map((e) => /* @__PURE__ */ y(u, {
+			checked: o.includes(e.value),
+			disabled: n,
+			label: e.label,
+			onChange: (t) => d(e.value, t)
+		}, e.value))]
+	});
+}), E = n("rounded-md", {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: "h-10 w-10",
+		lg: "h-14 w-14",
+		sm: "h-7 w-7"
+	} }
+}), ce = p(function({ className: t, color: n, copyable: r = !1, label: a, size: o, ...s }, c) {
+	let [l, u] = v(!1), d = _(null), f = m(async () => {
+		r && (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__ */ y("span", {
+		className: e(E({ size: o }), "block"),
+		style: { backgroundColor: n }
+	});
+	return /* @__PURE__ */ b("span", {
+		className: e("inline-flex flex-col items-center gap-1", t),
+		"data-component": "color-swatch",
+		ref: c,
+		...s,
+		children: [
+			r ? /* @__PURE__ */ y("button", {
+				"aria-label": `Copy ${n}`,
+				className: e("rounded-md select-none", i),
+				onClick: f,
+				type: "button",
+				children: p
+			}) : p,
+			/* @__PURE__ */ y("span", {
+				className: "font-mono text-[10px] text-fg-muted",
+				children: l ? "Copied!" : n
+			}),
+			a !== void 0 && /* @__PURE__ */ y("span", {
+				className: "text-[10px] text-fg-muted/60",
+				children: a
+			})
+		]
+	});
+}), le = p(function({ text: t, label: n = "Copy", copiedLabel: i = "Copied!", variant: a = "default", size: o = "default", className: s }, c) {
+	let [l, u] = v(!1), d = _(null);
+	h(() => () => {
+		d.current !== null && clearTimeout(d.current);
+	}, []);
+	let f = m(() => {
+		navigator.clipboard.writeText(t).catch(() => {}), u(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => u(!1), 1500);
+	}, [t]);
+	return /* @__PURE__ */ y(r, {
+		ref: c,
+		variant: a === "ghost" ? "ghost" : "secondary",
+		size: o,
+		className: e(s),
+		onClick: f,
+		"data-component": "copy-button",
+		icon: l ? /* @__PURE__ */ y("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 14 14",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: /* @__PURE__ */ y("path", { d: "M2 7l3 3 7-7" })
+		}) : /* @__PURE__ */ b("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 14 14",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			children: [/* @__PURE__ */ y("rect", {
+				x: "4",
+				y: "4",
+				width: "8",
+				height: "8",
+				rx: "1.5"
+			}), /* @__PURE__ */ y("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
+	});
+}), ue = {
+	accent: "bg-accent text-accent-fg",
+	danger: "bg-danger text-white",
+	success: "bg-success text-white"
+}, de = p(function({ className: t, count: n, max: r = 99, variant: i = "danger", ...a }, o) {
+	let s = n > r ? `${r}+` : String(n);
+	return /* @__PURE__ */ y("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", ue[i], t),
+		"data-component": "count-badge",
+		"data-variant": i,
+		ref: o,
+		...a,
+		children: s
+	});
+});
+//#endregion
+//#region src/l3-atoms/count-up.tsx
+function fe(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 pe(e) {
+	let t = e - 1;
+	return t * t * t + 1;
+}
+var D = p(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, suffix: a, separator: o = ",", className: s }, c) {
+	let [l, u] = v(0);
+	return h(() => {
+		if (n <= 0) {
+			u(t);
+			return;
+		}
+		let e = performance.now(), r;
+		function i(a) {
+			let o = a - e, s = Math.min(o / n, 1);
+			u(pe(s) * t), s < 1 && (r = requestAnimationFrame(i));
+		}
+		return r = requestAnimationFrame(i), () => cancelAnimationFrame(r);
+	}, [t, n]), /* @__PURE__ */ b("span", {
+		ref: c,
+		className: e("tabular-nums", s),
+		"data-component": "count-up",
+		children: [
+			i ?? "",
+			fe(l, r, o),
+			a ?? ""
+		]
+	});
+});
+//#endregion
+//#region src/l3-atoms/countdown.tsx
+function O(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),
+		hours: i,
+		minutes: r,
+		seconds: n,
+		total: t
+	};
+}
+function k(e) {
+	return e.toString().padStart(2, "0");
+}
+var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds: i = !0, className: a }, o) {
+	let s = new Date(t).getTime(), [c, l] = v(() => O(s));
+	h(() => {
+		if (c.total <= 0) return;
+		let e = setInterval(() => {
+			let t = O(s);
+			l(t), t.total <= 0 && (clearInterval(e), n !== void 0 && n());
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [
+		s,
+		n,
+		c.total
+	]);
+	let u = [];
+	return r && u.push({
+		label: "D",
+		value: k(c.days)
+	}), u.push({
+		label: "H",
+		value: k(c.hours)
+	}), u.push({
+		label: "M",
+		value: k(c.minutes)
+	}), i && u.push({
+		label: "S",
+		value: k(c.seconds)
+	}), /* @__PURE__ */ y("div", {
+		ref: o,
+		className: e("inline-flex items-center gap-1", a),
+		"data-component": "countdown",
+		children: u.map((e, t) => /* @__PURE__ */ b("div", {
+			className: "flex items-center gap-1",
+			children: [t > 0 && /* @__PURE__ */ y("span", {
+				className: "text-fg-muted gds-text-body",
+				"data-testid": "separator",
+				children: ":"
+			}), /* @__PURE__ */ y("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",
+				"data-testid": `segment-${e.label}`,
+				children: e.value
+			})]
+		}, e.label))
+	});
+}), j = 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"
+	} }
+}), M = p(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__ */ y("span", {
+		className: e(j({ variant: i }), t),
+		"data-component": "countdown-badge",
+		ref: o,
+		...a,
+		children: s
+	});
+}), N = p(function({ children: t, className: n, offset: r, smooth: i = !0, ...a }, o) {
+	let s = _(null), [c, l] = v({
+		x: 0,
+		y: 0
+	}), u = r?.x ?? 0, d = r?.y ?? 0, p = m((e) => {
+		let t = s.current?.getBoundingClientRect();
+		t !== void 0 && l({
+			x: e.clientX - t.left + u,
+			y: e.clientY - t.top + d
+		});
+	}, [u, d]);
+	return /* @__PURE__ */ y("div", {
+		className: e("relative", n),
+		"data-component": "cursor-follow",
+		onMouseMove: p,
+		ref: f(s, o),
+		...a,
+		children: /* @__PURE__ */ y("div", {
+			className: "pointer-events-none absolute",
+			style: {
+				transform: `translate(${c.x}px, ${c.y}px)`,
+				transition: i ? "transform 80ms ease-out" : void 0
+			},
+			children: t
+		})
+	});
+}), P = p(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__ */ y("span", {
+		className: e("inline-flex items-center gap-0.5 text-sm font-medium tabular-nums", l, t),
+		"data-component": "diff-indicator",
+		"data-direction": s ? "up" : c ? "down" : "neutral",
+		ref: o,
+		...a,
+		children: u
+	});
+}), F = {
+	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)]"
+}, I = {
+	sm: "h-1.5 w-1.5",
+	default: "h-2.5 w-2.5",
+	lg: "h-3.5 w-3.5"
+}, L = p(function({ color: t = "accent", size: n = "default", className: r, ...i }, a) {
+	return /* @__PURE__ */ y("span", {
+		ref: a,
+		className: e("inline-block rounded-full", F[t], I[n], r),
+		"data-component": "glow-dot",
+		"data-variant": t,
+		...i
+	});
+}), R = p(function({ children: t, className: n, from: r = "#6366f1", to: i = "#ec4899", ...a }, o) {
+	return /* @__PURE__ */ y("span", {
+		className: e("inline-block bg-clip-text text-transparent", n),
+		"data-component": "gradient-text",
+		ref: o,
+		style: { backgroundImage: `linear-gradient(to right, ${r}, ${i})` },
+		...a,
+		children: t
+	});
+}), z = p(function({ className: t, color: n = "var(--color-accent)", max: r = 100, showValue: i = !1, size: a = 32, value: o, ...s }, c) {
+	let l = r > 0 ? Math.min(Math.max(o / r, 0), 1) : 0;
+	return /* @__PURE__ */ y("div", {
+		className: e("inline-flex items-center justify-center rounded text-[10px] font-medium", t),
+		"data-component": "heat-cell",
+		ref: c,
+		style: {
+			backgroundColor: n,
+			height: a,
+			opacity: .1 + l * .9,
+			width: a
+		},
+		...s,
+		children: i && /* @__PURE__ */ y("span", {
+			className: "text-white mix-blend-difference",
+			children: o
+		})
+	});
+}), B = p(function({ className: t, keys: n, ...r }, i) {
+	return /* @__PURE__ */ y("span", {
+		className: e("inline-flex items-center gap-1", t),
+		"data-component": "hotkey",
+		ref: i,
+		...r,
+		children: n.map((e, t) => /* @__PURE__ */ b("span", {
+			className: "contents",
+			children: [t > 0 && /* @__PURE__ */ y("span", {
+				className: "text-[10px] text-fg-muted",
+				children: "+"
+			}), /* @__PURE__ */ y(o, { children: e })]
+		}, t))
+	});
+}), me = {
+	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"
+}, he = {
+	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"
+}, V = p(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] = v(!1), h = _(void 0), g = _(void 0), x = m(() => {
+		clearTimeout(g.current), h.current = setTimeout(() => p(!0), a);
+	}, [a]), S = m(() => {
+		clearTimeout(h.current), s ? g.current = setTimeout(() => p(!1), 150) : p(!1);
+	}, [s]);
+	return /* @__PURE__ */ b("div", {
+		className: e("relative inline-flex", r),
+		"data-component": "tooltip",
+		"data-state": f ? "open" : "closed",
+		onMouseEnter: x,
+		onMouseLeave: S,
+		ref: d,
+		...u,
+		children: [n, f && /* @__PURE__ */ b("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 ? x : void 0,
+			onMouseLeave: s ? S : void 0,
+			style: c === void 0 ? void 0 : {
+				maxWidth: c,
+				whiteSpace: "normal"
+			},
+			children: [/* @__PURE__ */ y("span", { className: e("absolute", he[l]) }), /* @__PURE__ */ y("span", {
+				className: (me[l], ""),
+				children: i
+			})]
+		})]
+	});
+}), ge = {
+	default: "h-4 w-4",
+	sm: "h-3.5 w-3.5"
+}, _e = p(function({ className: t, content: n, size: r = "default", ...i }, a) {
+	return /* @__PURE__ */ y(V, {
+		content: n,
+		ref: a,
+		...i,
+		children: /* @__PURE__ */ y("span", {
+			className: e("inline-flex cursor-help items-center text-fg-muted/60 hover:text-fg-muted", t),
+			"data-component": "info-tip",
+			children: /* @__PURE__ */ b("svg", {
+				className: ge[r],
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				viewBox: "0 0 24 24",
+				children: [/* @__PURE__ */ y("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}), /* @__PURE__ */ y("path", { d: "M12 16v-4M12 8h.01" })]
+			})
+		})
+	});
+}), ve = p(function({ label: t, value: n, mono: r = !1, className: i, ...a }, o) {
+	return /* @__PURE__ */ b("div", {
+		ref: o,
+		className: e("inline-flex items-baseline gap-1.5 gds-text-body", i),
+		"data-component": "key-value",
+		...a,
+		children: [/* @__PURE__ */ y("span", {
+			className: "shrink-0 text-fg-muted gds-text-caption",
+			children: t
+		}), /* @__PURE__ */ y("span", {
+			className: e("text-fg", r && "font-mono"),
+			children: n
+		})]
+	});
+});
+//#endregion
+//#region src/l3-atoms/keyboard-shortcut.tsx
+function ye(e) {
+	let t = e.toLowerCase().split("+"), n = {
+		ctrl: !1,
+		meta: !1,
+		shift: !1,
+		alt: !1
+	}, r = "";
+	for (let e of t) e === "ctrl" ? n.ctrl = !0 : e === "meta" || e === "cmd" ? n.meta = !0 : e === "shift" ? n.shift = !0 : e === "alt" ? n.alt = !0 : r = e;
+	return {
+		modifiers: n,
+		mainKey: r
+	};
+}
+function be(e) {
+	return {
+		ctrl: "Ctrl",
+		meta: "⌘",
+		cmd: "⌘",
+		shift: "⇧",
+		alt: "Alt"
+	}[e.toLowerCase()] ?? e.toUpperCase();
+}
+var xe = p(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1, className: a }, s) {
+	let { modifiers: c, mainKey: l } = ye(t), u = m((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,
+		c.ctrl,
+		c.meta,
+		c.shift,
+		c.alt,
+		l,
+		n
+	]);
+	if (h(() => (window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u)), [u]), !r) return null;
+	let d = t.split("+").map((e, t) => /* @__PURE__ */ y(o, { children: be(e) }, t));
+	return /* @__PURE__ */ y("span", {
+		ref: s,
+		className: e("inline-flex items-center gap-1", a),
+		"data-component": "keyboard-shortcut",
+		children: d
+	});
+}), Se = p(function({ className: t, label: n = "LIVE", ...r }, i) {
+	return /* @__PURE__ */ b("span", {
+		className: e("inline-flex items-center gap-1.5", t),
+		"data-component": "live-dot",
+		ref: i,
+		...r,
+		children: [/* @__PURE__ */ b("span", {
+			className: "relative flex h-2 w-2",
+			children: [/* @__PURE__ */ y("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-danger opacity-75" }), /* @__PURE__ */ y("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-danger" })]
+		}), /* @__PURE__ */ y("span", {
+			className: "text-xs font-bold uppercase tracking-wide text-danger",
+			children: n
+		})]
+	});
+}), Ce = p(function({ children: t, strength: n = .3, radius: r = 100, className: i }, a) {
+	let o = _(null), [s, c] = v({
+		x: 0,
+		y: 0
+	}), l = m((e) => {
+		let t = o.current;
+		if (t === null) return;
+		let i = t.getBoundingClientRect(), a = i.left + i.width / 2, s = i.top + i.height / 2, l = e.clientX - a, u = e.clientY - s;
+		if (Math.sqrt(l * l + u * u) > r) {
+			c({
+				x: 0,
+				y: 0
+			});
+			return;
+		}
+		c({
+			x: l * n,
+			y: u * n
+		});
+	}, [n, r]), u = m(() => {
+		c({
+			x: 0,
+			y: 0
+		});
+	}, []);
+	return /* @__PURE__ */ y("div", {
+		ref: f(o, a),
+		"data-component": "magnetic-button",
+		className: e("inline-block", i),
+		style: {
+			transform: `translate(${s.x}px, ${s.y}px)`,
+			transition: "transform 200ms ease-out"
+		},
+		onMouseMove: l,
+		onMouseLeave: u,
+		children: t
+	});
+}), we = p(function({ children: t, speed: n = 30, direction: r = "left", pauseOnHover: i = !0, className: a }, o) {
+	let s = _(null), [c, l] = v(10);
+	h(() => {
+		if (s.current === null) return;
+		let e = s.current.scrollWidth / 2;
+		e > 0 && l(e / n);
+	}, [n, t]);
+	let u = r === "left" ? "0%" : "-50%", d = r === "left" ? "-50%" : "0%";
+	return /* @__PURE__ */ y("div", {
+		ref: o,
+		className: e("overflow-hidden", a),
+		"data-component": "marquee",
+		children: /* @__PURE__ */ b("div", {
+			ref: s,
+			className: e("inline-flex will-change-transform", i && "hover:[animation-play-state:paused]"),
+			style: {
+				animation: `marquee-scroll ${c}s linear infinite`,
+				"--marquee-from": u,
+				"--marquee-to": d
+			},
+			children: [/* @__PURE__ */ y("div", {
+				className: "flex shrink-0",
+				children: t
+			}), /* @__PURE__ */ y("div", {
+				className: "flex shrink-0",
+				"aria-hidden": !0,
+				children: t
+			})]
+		})
+	});
+}), H = n("overflow-hidden gds-radius-badge bg-bg-tertiary", {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: "h-2.5",
+		lg: "h-4",
+		sm: "h-1.5"
+	} }
+}), Te = {
+	danger: "bg-danger",
+	default: "bg-accent",
+	success: "bg-success",
+	warning: "bg-warning"
+};
+function Ee(e) {
+	return e >= .8 ? "bg-danger" : e >= .6 ? "bg-warning" : e >= .4 ? "bg-accent" : "bg-success";
+}
+var De = p(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" ? Ee(f) : Te[c] ?? "bg-accent";
+	return /* @__PURE__ */ b("div", {
+		className: e("w-full", t),
+		"data-component": "meter",
+		ref: u,
+		...l,
+		children: [(n !== void 0 || a) && /* @__PURE__ */ b("div", {
+			className: "mb-1 flex items-center justify-between",
+			children: [n !== void 0 && /* @__PURE__ */ y("span", {
+				className: "gds-text-body font-medium text-fg",
+				children: n
+			}), a && /* @__PURE__ */ b("span", {
+				className: "font-mono gds-text-label text-fg-muted tabular-nums",
+				children: [Math.round(f * 100), "%"]
+			})]
+		}), /* @__PURE__ */ y("div", {
+			"aria-label": n,
+			"aria-valuemax": r,
+			"aria-valuemin": i,
+			"aria-valuenow": s,
+			className: H({ size: o }),
+			role: "meter",
+			children: /* @__PURE__ */ y("div", {
+				className: e("h-full gds-radius-badge transition-all duration-500", p),
+				style: { width: `${f * 100}%` }
+			})
+		})]
+	});
+}), Oe = p(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__ */ b("span", {
+		className: e("inline-flex items-center gds-gap-sm", t),
+		"data-component": "online-indicator",
+		ref: a,
+		...i,
+		children: [/* @__PURE__ */ y("span", { className: e("h-2 w-2 shrink-0 rounded-full", o) }), /* @__PURE__ */ y("span", {
+			className: "gds-text-label text-fg-muted",
+			children: s
+		})]
+	});
+}), ke = p(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__ */ y("span", {
+		className: e("inline-flex tabular-nums text-sm font-medium", c, t),
+		"data-component": "percentage",
+		ref: o,
+		...a,
+		children: l
+	});
+}), Ae = {
+	default: "h-16 w-16 text-lg",
+	lg: "h-20 w-20 text-xl",
+	sm: "h-12 w-12 text-sm"
+}, U = {
+	default: 3,
+	lg: 3.5,
+	sm: 2.5
+}, je = p(function({ className: t, size: n = "default", value: r, ...i }, a) {
+	let o = Math.max(0, Math.min(100, r)), s = g(() => o >= 80 ? "text-success" : o >= 50 ? "text-warning" : "text-danger", [o]), c = 2 * Math.PI * 18, l = c - o / 100 * c;
+	return /* @__PURE__ */ b("div", {
+		className: e("relative inline-flex items-center justify-center select-none", Ae[n], t),
+		"data-component": "percentage-circle",
+		ref: a,
+		...i,
+		children: [/* @__PURE__ */ b("svg", {
+			className: "absolute inset-0 h-full w-full -rotate-90",
+			viewBox: "0 0 40 40",
+			children: [/* @__PURE__ */ y("circle", {
+				className: "text-fg-muted/10",
+				cx: "20",
+				cy: "20",
+				fill: "none",
+				r: 18,
+				stroke: "currentColor",
+				strokeWidth: U[n]
+			}), /* @__PURE__ */ y("circle", {
+				className: e("transition-all duration-500", s),
+				cx: "20",
+				cy: "20",
+				fill: "none",
+				r: 18,
+				stroke: "currentColor",
+				strokeDasharray: c,
+				strokeDashoffset: l,
+				strokeLinecap: "round",
+				strokeWidth: U[n]
+			})]
+		}), /* @__PURE__ */ b("span", {
+			className: e("font-mono font-bold", s),
+			children: [o, "%"]
+		})]
+	});
+}), Me = p(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__ */ b("span", {
+		className: e("tabular-nums", l, t),
+		"data-component": "price",
+		ref: o,
+		...a,
+		children: [
+			s ? "-" : u,
+			n,
+			d
+		]
+	});
+}), Ne = {
+	accent: "stroke-accent",
+	danger: "stroke-danger",
+	success: "stroke-success",
+	warning: "stroke-warning"
+}, Pe = p(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 = Ne[a] ?? "stroke-accent";
+	return /* @__PURE__ */ b("svg", {
+		ref: s,
+		className: e("shrink-0", o),
+		"data-component": "progress-circle",
+		height: n,
+		viewBox: `0 0 ${n} ${n}`,
+		width: n,
+		children: [
+			/* @__PURE__ */ y("circle", {
+				className: "stroke-border/30",
+				cx: f,
+				cy: f,
+				fill: "none",
+				r: c,
+				strokeWidth: r
+			}),
+			/* @__PURE__ */ y("circle", {
+				className: e("transition-all duration-500", p),
+				cx: f,
+				cy: f,
+				fill: "none",
+				r: c,
+				strokeDasharray: l,
+				strokeDashoffset: d,
+				strokeLinecap: "round",
+				strokeWidth: r,
+				style: {
+					transform: "rotate(-90deg)",
+					transformOrigin: "center"
+				}
+			}),
+			i && /* @__PURE__ */ b("text", {
+				className: "fill-fg font-medium",
+				dominantBaseline: "central",
+				fontSize: n * .22,
+				textAnchor: "middle",
+				x: f,
+				y: f,
+				children: [Math.round(u), "%"]
+			})
+		]
+	});
+}), Fe = p(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__ */ b("div", {
+		"aria-valuemax": 100,
+		"aria-valuemin": 0,
+		"aria-valuenow": s,
+		className: e("inline-flex items-center justify-center select-none", t),
+		"data-component": "progress-ring",
+		ref: o,
+		role: "progressbar",
+		...a,
+		children: [/* @__PURE__ */ b("svg", {
+			className: "rotate-[-90deg]",
+			height: n,
+			viewBox: `0 0 ${n} ${n}`,
+			width: n,
+			children: [/* @__PURE__ */ y("circle", {
+				className: "stroke-bg-tertiary",
+				cx: d,
+				cy: d,
+				fill: "none",
+				r: c,
+				strokeWidth: r
+			}), /* @__PURE__ */ y("circle", {
+				className: "stroke-accent transition-all duration-500",
+				cx: d,
+				cy: d,
+				fill: "none",
+				r: c,
+				strokeDasharray: l,
+				strokeDashoffset: u,
+				strokeLinecap: "round",
+				strokeWidth: r
+			})]
+		}), /* @__PURE__ */ b("span", {
+			className: "absolute font-mono text-xs font-bold text-fg",
+			style: { fontSize: n * .22 },
+			children: [s, "%"]
+		})]
+	});
+}), W = {
+	accent: "bg-accent",
+	danger: "bg-danger",
+	success: "bg-success",
+	warning: "bg-warning"
+}, Ie = {
+	default: "h-2.5 w-2.5",
+	lg: "h-3.5 w-3.5",
+	sm: "h-2 w-2"
+}, Le = p(function({ className: t, color: n = "success", label: r, size: i = "default", ...a }, o) {
+	return /* @__PURE__ */ b("span", {
+		className: e("inline-flex items-center", r !== void 0 && "gds-gap-sm", t),
+		"data-component": "pulse-indicator",
+		ref: o,
+		...a,
+		children: [/* @__PURE__ */ b("span", {
+			className: "relative inline-flex",
+			children: [/* @__PURE__ */ y("span", { className: e("rounded-full", W[n], Ie[i]) }), /* @__PURE__ */ y("span", { className: e("absolute inset-0 animate-ping rounded-full opacity-50", W[n]) })]
+		}), r !== void 0 && /* @__PURE__ */ y("span", {
+			className: "gds-text-label text-fg-muted",
+			children: r
+		})]
+	});
+}), Re = p(function({ active: t = !0, className: n, color: r, count: i = 3, size: a = 80, ...o }, s) {
+	if (!t) return /* @__PURE__ */ y("div", {
+		className: e("relative inline-flex", n),
+		"data-component": "pulse-ring",
+		ref: s,
+		...o
+	});
+	let c = Array.from({ length: i }, (e, t) => t);
+	return /* @__PURE__ */ b("div", {
+		className: e("relative inline-flex items-center justify-center", n),
+		"data-component": "pulse-ring",
+		ref: s,
+		style: {
+			height: a,
+			width: a
+		},
+		...o,
+		children: [c.map((e) => /* @__PURE__ */ y("span", {
+			className: "absolute inset-0 rounded-full border-2 opacity-0",
+			style: {
+				animation: `gds-pulse-ring ${1.5 + i * .2}s ease-out ${1.5 / i * e}s infinite`,
+				borderColor: r ?? "var(--color-accent)"
+			}
+		}, e)), /* @__PURE__ */ y("style", { children: "\n          @keyframes gds-pulse-ring {\n            0% { transform: scale(0.3); opacity: 0.8; }\n            100% { transform: scale(1); opacity: 0; }\n          }\n        " })]
+	});
+});
+//#endregion
+//#region src/l3-atoms/qr-code.tsx
+function ze(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 Be(e) {
+	let t = e;
+	return () => (t = t * 1103515245 + 12345 & 2147483647, t / 2147483647);
+}
+var G = 21, K = 1;
+function q(e, t) {
+	let n = [];
+	for (let r = 0; r < 7; r++) for (let i = 0; i < 7; i++) (r === 0 || r === 6 || i === 0 || i === 6 || r >= 2 && r <= 4 && i >= 2 && i <= 4) && n.push({
+		x: e + i,
+		y: t + r
+	});
+	return n;
+}
+var Ve = p(function({ value: t, size: n = 128, color: r = "currentColor", bgColor: i = "transparent", className: a }, o) {
+	let s = g(() => {
+		let e = [];
+		e.push(...q(0, 0)), e.push(...q(G - 7, 0)), e.push(...q(0, G - 7));
+		let n = Be(ze(t));
+		for (let t = 0; t < G; t++) for (let r = 0; r < G; r++) t < 8 && r < 8 || t < 8 && r >= G - 8 || t >= G - 8 && r < 8 || n() > .55 && e.push({
+			x: r,
+			y: t
+		});
+		return e;
+	}, [t]);
+	return /* @__PURE__ */ b("svg", {
+		ref: o,
+		width: n,
+		height: n,
+		viewBox: `0 0 ${G} ${G}`,
+		className: e("shrink-0", a),
+		"data-component": "qr-code",
+		"data-testid": "qr-code-svg",
+		role: "img",
+		"aria-label": `QR code for: ${t}`,
+		children: [/* @__PURE__ */ y("rect", {
+			width: G,
+			height: G,
+			fill: i
+		}), s.map((e, t) => /* @__PURE__ */ y("rect", {
+			x: e.x,
+			y: e.y,
+			width: K,
+			height: K,
+			fill: r
+		}, t))]
+	});
+}), J = n("inline-flex shrink-0 select-none items-center justify-center rounded-full transition-transform active:scale-95 hover:scale-105", {
+	defaultVariants: {
+		size: "default",
+		variant: "primary"
+	},
+	variants: {
+		variant: {
+			primary: "bg-accent text-accent-fg gds-shadow-lg",
+			secondary: "border border-border bg-surface text-fg gds-shadow-md"
+		},
+		size: {
+			default: "h-11 w-11",
+			lg: "h-14 w-14",
+			sm: "h-9 w-9"
+		}
+	}
+}), He = p(function({ className: t, disabled: n, icon: r, label: a, onClick: o, size: s, variant: c, ...l }, u) {
+	return /* @__PURE__ */ b("div", {
+		className: "inline-flex flex-col items-center gap-1",
+		children: [/* @__PURE__ */ y("button", {
+			className: e(J({
+				size: s,
+				variant: c
+			}), i, n === !0 && "pointer-events-none opacity-40", t),
+			"data-component": "quick-action",
+			"data-variant": c ?? "primary",
+			disabled: n,
+			onClick: o,
+			ref: u,
+			type: "button",
+			...l,
+			children: /* @__PURE__ */ y("span", {
+				className: "gds-icon-child",
+				children: r
+			})
+		}), a !== void 0 && /* @__PURE__ */ y("span", {
+			className: "select-none text-[10px] text-fg-muted",
+			children: a
+		})]
+	});
+}), Ue = p(function({ className: t, direction: n = "vertical", disabled: r = !1, onChange: a, options: o, value: s, ...c }, l) {
+	return /* @__PURE__ */ y("div", {
+		className: e("flex gds-gap", n === "vertical" ? "flex-col" : "flex-row flex-wrap", t),
+		"data-component": "radio-group",
+		ref: l,
+		role: "radiogroup",
+		...c,
+		children: o.map((t) => {
+			let n = t.value === s, o = r || t.disabled === !0;
+			return /* @__PURE__ */ b("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"),
+				disabled: o,
+				onClick: () => a?.(t.value),
+				role: "radio",
+				type: "button",
+				children: [/* @__PURE__ */ y("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__ */ y("span", { className: "h-2 w-2 gds-radius-badge bg-accent" })
+				}), /* @__PURE__ */ y("span", {
+					className: "text-fg",
+					children: t.label
+				})]
+			}, t.value);
+		})
+	});
+}), Y = {
+	default: "gds-sq-xs",
+	lg: "gds-sq-sm",
+	sm: "gds-icon"
+};
+function X({ filled: t }) {
+	return /* @__PURE__ */ y("svg", {
+		className: e(Y.default, t ? "fill-warning text-warning" : "text-fg-muted/20"),
+		fill: t ? "currentColor" : "none",
+		stroke: "currentColor",
+		strokeWidth: 1.5,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ y("path", {
+			d: "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",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+var We = p(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, renderStar: o, size: s = "default", value: c, ...l }, u) {
+	let [d, f] = v(null), p = m(() => f(null), []);
+	return /* @__PURE__ */ y("div", {
+		className: e("inline-flex gds-gap-xs", t),
+		"data-component": "rating",
+		onMouseLeave: a ? void 0 : p,
+		ref: u,
+		role: "group",
+		...l,
+		children: Array.from({ length: n }, (t, n) => {
+			let l = n + 1, u = d === null ? l <= c : l <= d;
+			return a ? /* @__PURE__ */ y("span", {
+				className: Y[s],
+				children: o === void 0 ? /* @__PURE__ */ y(X, { filled: u }) : o(u, n)
+			}, n) : /* @__PURE__ */ y("button", {
+				className: e("transition-transform hover:scale-110", i),
+				onClick: () => r?.(l),
+				onMouseEnter: () => f(l),
+				type: "button",
+				children: /* @__PURE__ */ y("span", {
+					className: Y[s],
+					children: o === void 0 ? /* @__PURE__ */ y(X, { filled: u }) : o(u, n)
+				})
+			}, n);
+		})
+	});
+});
+//#endregion
+//#region src/l3-atoms/relative-time.tsx
+function Z(e) {
+	let t = e instanceof Date ? e : new Date(e), n = Date.now() - t.getTime(), r = Math.floor(n / 1e3);
+	if (r < 60) return "just now";
+	let i = Math.floor(r / 60);
+	if (i < 60) return `${i}m ago`;
+	let a = Math.floor(i / 60);
+	if (a < 24) return `${a}h ago`;
+	let o = Math.floor(a / 24);
+	if (o === 1) return "yesterday";
+	if (o < 30) return `${o}d ago`;
+	let s = Math.floor(o / 30);
+	return s < 12 ? `${s}mo ago` : `${Math.floor(s / 12)}y ago`;
+}
+function Ge(e) {
+	return e.toLocaleString();
+}
+var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
+	let [o, s] = v(() => Z(n)), c = _(null);
+	h(() => (s(Z(n)), c.current = setInterval(() => {
+		s(Z(n));
+	}, 3e4), () => {
+		c.current !== null && clearInterval(c.current);
+	}), [n]);
+	let l = n instanceof Date ? n : new Date(n), u = Ge(l);
+	return /* @__PURE__ */ y("time", {
+		className: e("font-mono text-fg-muted", t),
+		"data-component": "relative-time",
+		dateTime: l.toISOString(),
+		ref: a,
+		title: u,
+		...i,
+		children: r === void 0 ? o : `${r} ${o}`
+	});
+}), qe = {
+	accent: "bg-accent text-accent-fg",
+	danger: "bg-danger text-white",
+	success: "bg-success text-white",
+	warning: "bg-warning text-white"
+}, Je = p(function({ children: t, label: n, variant: r = "accent", position: i = "top-right", className: a, ...o }, s) {
+	let c = i === "top-right";
+	return /* @__PURE__ */ b("div", {
+		ref: s,
+		className: e("relative overflow-hidden", a),
+		"data-component": "ribbon",
+		...o,
+		children: [/* @__PURE__ */ y("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", qe[r], c ? "-right-6 rotate-45" : "-left-6 -rotate-45"),
+			children: n
+		}), t]
+	});
+}), Ye = p(function({ className: t, color: n, position: r = "top-right", text: i, ...a }, o) {
+	let s = r === "top-right";
+	return /* @__PURE__ */ y("div", {
+		className: e("absolute top-0 z-10 overflow-hidden", s ? "right-0" : "left-0", t),
+		"data-component": "ribbon-banner",
+		ref: o,
+		style: {
+			height: 80,
+			width: 80
+		},
+		...a,
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-center justify-center text-xs font-bold text-accent-fg select-none",
+			style: {
+				backgroundColor: n ?? "var(--color-accent)",
+				left: s ? void 0 : -20,
+				position: "absolute",
+				right: s ? -20 : void 0,
+				top: 16,
+				transform: s ? "rotate(45deg)" : "rotate(-45deg)",
+				width: 120
+			},
+			children: i
+		})
+	});
+}), Xe = 0, Ze = p(function({ children: t, color: n = "currentColor", disabled: r = !1, className: i }, a) {
+	let [o, s] = v([]), c = m((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: Xe++,
+			x: n,
+			y: i,
+			size: a
+		}]);
+	}, [r]), l = m((e) => {
+		s((t) => t.filter((t) => t.id !== e));
+	}, []);
+	return /* @__PURE__ */ b("div", {
+		ref: a,
+		"data-component": "ripple-effect",
+		className: e("relative overflow-hidden", i),
+		onPointerDown: c,
+		children: [t, o.map((e) => /* @__PURE__ */ y("span", {
+			className: "pointer-events-none absolute animate-ripple rounded-full",
+			style: {
+				left: e.x - e.size / 2,
+				top: e.y - e.size / 2,
+				width: e.size,
+				height: e.size,
+				backgroundColor: n
+			},
+			onAnimationEnd: () => l(e.id)
+		}, e.id))]
+	});
+}), Qe = p(function({ className: t, color: n, height: r = 3, ...i }, a) {
+	let [o, s] = v(0), c = m(() => {
+		let e = document.documentElement.scrollTop, t = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+		t > 0 && s(e / t * 100);
+	}, []);
+	return h(() => (window.addEventListener("scroll", c, { passive: !0 }), () => window.removeEventListener("scroll", c)), [c]), /* @__PURE__ */ y("div", {
+		className: e("fixed top-0 right-0 left-0 z-50", t),
+		"data-component": "scroll-progress",
+		ref: a,
+		style: { height: `${r}px` },
+		...i,
+		children: /* @__PURE__ */ y("div", {
+			className: "h-full bg-accent transition-[width] duration-100 ease-out",
+			style: {
+				width: `${o}%`,
+				...n === void 0 ? {} : { backgroundColor: n }
+			}
+		})
+	});
+}), $e = p(function({ threshold: t = 300, smooth: n = !0, className: r }, a) {
+	let [o, s] = v(() => typeof window > "u" ? !1 : window.scrollY >= t);
+	return h(() => {
+		let e = () => s(window.scrollY >= t);
+		return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+	}, [t]), o ? /* @__PURE__ */ y("button", {
+		ref: a,
+		type: "button",
+		"aria-label": "Scroll to top",
+		onClick: () => window.scrollTo({
+			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),
+		"data-component": "scroll-to-top",
+		children: /* @__PURE__ */ y("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ y("path", { d: "M8 12V4M4 7l4-3 4 3" })
+		})
+	}) : null;
+}), et = {
+	default: "px-3 py-1.5 text-xs",
+	sm: "px-2 py-1 text-[11px]"
+}, tt = p(function({ options: n, value: r, onChange: a, size: o = "default", disabled: s, glass: c, className: l, ...u }, d) {
+	return /* @__PURE__ */ y("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),
+		"data-component": "segmented-control",
+		"data-state": s === !0 ? "disabled" : "enabled",
+		role: "radiogroup",
+		...u,
+		children: n.map((t) => {
+			let n = t.value === r;
+			return /* @__PURE__ */ y("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": n,
+				disabled: s,
+				onClick: () => {
+					n || a(t.value);
+				},
+				className: e("gds-radius-button transition-all", et[o ?? "default"], i, n ? "bg-bg font-medium text-fg gds-shadow-sm" : "text-fg-muted hover:text-fg"),
+				children: t.label
+			}, t.value);
+		})
+	});
+}), nt = p(function({ className: t, description: n, keys: r, ...i }, a) {
+	return /* @__PURE__ */ b("span", {
+		className: e("inline-flex items-center gap-2", t),
+		"data-component": "shortcut-display",
+		ref: a,
+		...i,
+		children: [/* @__PURE__ */ y("span", {
+			className: "inline-flex items-center gap-0.5",
+			children: r.map((e, t) => /* @__PURE__ */ y(o, { children: e }, t))
+		}), n !== void 0 && /* @__PURE__ */ y("span", {
+			className: "text-xs text-fg-muted",
+			children: n
+		})]
+	});
+}), rt = {
+	"avatar-text": () => /* @__PURE__ */ b("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ y(c, { variant: "circle" }), /* @__PURE__ */ b("div", {
+			className: "flex flex-1 flex-col gap-2",
+			children: [/* @__PURE__ */ y(c, {
+				variant: "text",
+				width: "60%"
+			}), /* @__PURE__ */ y(c, {
+				variant: "text",
+				width: "40%"
+			})]
+		})]
+	}),
+	card: () => /* @__PURE__ */ b("div", {
+		className: "flex flex-col gap-3",
+		children: [
+			/* @__PURE__ */ y(c, { variant: "rect" }),
+			/* @__PURE__ */ y(c, { variant: "text" }),
+			/* @__PURE__ */ y(c, {
+				variant: "text",
+				width: "80%"
+			}),
+			/* @__PURE__ */ y(c, {
+				variant: "text",
+				width: "50%"
+			})
+		]
+	}),
+	"form-field": () => /* @__PURE__ */ b("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ y(c, {
+			variant: "text",
+			width: "30%"
+		}), /* @__PURE__ */ y(c, {
+			variant: "rect",
+			height: 36
+		})]
+	})
+}, it = p(function({ className: t, count: n = 1, variant: r = "avatar-text" }, i) {
+	let a = rt[r];
+	return /* @__PURE__ */ y("div", {
+		ref: i,
+		className: e("flex flex-col gap-4", t),
+		"data-component": "skeleton-group",
+		"data-variant": r,
+		children: Array.from({ length: n }, (e, t) => /* @__PURE__ */ y("div", { children: a() }, t))
+	});
+}), at = "M12 0l3 9 9 3-9 3-3 9-3-9-9-3 9-3z";
+function ot(e, t) {
+	let n = 360 / t * e * Math.PI / 180, r = 70 + e % 3 * 15;
+	return {
+		position: "absolute",
+		top: "50%",
+		left: "50%",
+		width: 10,
+		height: 10,
+		transform: `translate(${Math.cos(n) * r}%, ${Math.sin(n) * r}%)`,
+		animation: `gds-sparkle 1.4s ease-in-out ${e * .2}s infinite`,
+		opacity: 0
+	};
+}
+var st = p(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__ */ b("span", {
+		ref: o,
+		className: e("relative inline-block", a),
+		"data-component": "sparkle",
+		children: [
+			t,
+			n && s.map((e) => /* @__PURE__ */ y("svg", {
+				viewBox: "0 0 24 24",
+				fill: i,
+				style: ot(e, r),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ y("path", { d: at })
+			}, e)),
+			n && /* @__PURE__ */ y("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          " })
+		]
+	});
+}), ct = {
+	sm: 14,
+	default: 18,
+	lg: 24
+}, Q = "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 lt({ fill: e, s: t, color: n }) {
+	let r = `half-${Math.random().toString(36).slice(2, 8)}`;
+	return e === "full" ? /* @__PURE__ */ y("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: n,
+		stroke: n,
+		strokeWidth: 1,
+		children: /* @__PURE__ */ y("path", { d: Q })
+	}) : e === "half" ? /* @__PURE__ */ b("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		stroke: n,
+		strokeWidth: 1,
+		children: [
+			/* @__PURE__ */ y("defs", { children: /* @__PURE__ */ y("clipPath", {
+				id: r,
+				children: /* @__PURE__ */ y("rect", {
+					x: "0",
+					y: "0",
+					width: "12",
+					height: "24"
+				})
+			}) }),
+			/* @__PURE__ */ y("path", {
+				d: Q,
+				fill: "none"
+			}),
+			/* @__PURE__ */ y("path", {
+				d: Q,
+				fill: n,
+				clipPath: `url(#${r})`
+			})
+		]
+	}) : /* @__PURE__ */ y("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1,
+		className: "text-fg-muted/30",
+		children: /* @__PURE__ */ y("path", { d: Q })
+	});
+}
+var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "currentColor", className: a }, o) {
+	let s = ct[r], c = i === "currentColor" ? "var(--color-warning)" : i;
+	return /* @__PURE__ */ y("div", {
+		ref: o,
+		className: e("inline-flex items-center gap-0.5", a),
+		"data-component": "star-rating",
+		role: "img",
+		"aria-label": `${t} out of ${n} stars`,
+		children: Array.from({ length: n }, (e, n) => {
+			let r = t - n;
+			return /* @__PURE__ */ y(lt, {
+				fill: r >= 1 ? "full" : r >= .5 ? "half" : "empty",
+				s,
+				color: c
+			}, n);
+		})
+	});
+}), dt = {
+	active: "bg-success/10 text-success",
+	draft: "bg-fg-muted/10 text-fg-muted",
+	error: "bg-danger/10 text-danger",
+	inactive: "bg-fg-muted/10 text-fg-muted",
+	pending: "bg-warning/10 text-warning",
+	warning: "bg-warning/10 text-warning"
+}, ft = p(function({ className: n, glass: r, icon: i, label: a, size: o = "default", status: s, ...c }, l) {
+	let u = a ?? s;
+	return /* @__PURE__ */ b("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", dt[s], t(r), r === !0 && "border border-white/10 bg-white/5", n),
+		"data-component": "status-badge",
+		"data-state": s,
+		ref: l,
+		...c,
+		children: [i !== void 0 && /* @__PURE__ */ y("span", {
+			className: "gds-icon-child-sm",
+			children: i
+		}), u]
+	});
+}), pt = {
+	connected: "bg-success",
+	connecting: "bg-warning animate-pulse",
+	disconnected: "bg-danger"
+}, mt = p(function({ className: t, label: n, status: r, ...i }, a) {
+	return /* @__PURE__ */ b("span", {
+		className: e("inline-flex items-center gds-gap-sm", t),
+		"data-component": "status-dot",
+		"data-state": r,
+		ref: a,
+		...i,
+		children: [/* @__PURE__ */ y("span", { className: e("h-2 w-2 shrink-0 rounded-full", pt[r]) }), n !== void 0 && /* @__PURE__ */ y("span", {
+			className: "gds-text-label text-fg-muted",
+			children: n
+		})]
+	});
+}), ht = p(function({ className: t, disabled: n = !1, items: r, onChange: i }, a) {
+	return /* @__PURE__ */ y("div", {
+		ref: a,
+		className: e("flex flex-col gap-3", t),
+		"data-component": "switch-group",
+		role: "group",
+		children: r.map((e) => /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-between gap-4 gds-pad-x gds-pad-y-sm",
+			children: [/* @__PURE__ */ b("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ y("div", {
+					className: "gds-text-body font-medium text-fg",
+					children: e.label
+				}), e.description !== void 0 && /* @__PURE__ */ y("div", {
+					className: "mt-0.5 gds-text-caption text-fg-muted",
+					children: e.description
+				})]
+			}), /* @__PURE__ */ y(d, {
+				checked: e.checked,
+				disabled: n,
+				onChange: (t) => i(e.id, t)
+			})]
+		}, e.id))
+	});
+}), gt = {
+	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"
+}, _t = {
+	default: "px-1.5 py-0.5 text-[10px]",
+	sm: "px-1 py-px text-[9px]"
+}, vt = p(function({ className: t, label: n, size: r = "default", variant: i = "accent", ...a }, o) {
+	return /* @__PURE__ */ y("span", {
+		className: e("inline-flex select-none items-center rounded-full font-bold uppercase leading-none tracking-wider", gt[i], _t[r], t),
+		"data-component": "text-badge",
+		"data-variant": i,
+		ref: o,
+		...a,
+		children: n
+	});
+}), yt = p(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__ */ y("span", {
+		className: e("bg-clip-text text-transparent", n),
+		"data-component": "text-effect",
+		"data-variant": r,
+		ref: c,
+		style: {
+			backgroundImage: `linear-gradient(135deg, ${l}, ${u})`,
+			...o
+		},
+		...s,
+		children: t
+	}) : r === "highlight" ? /* @__PURE__ */ y("span", {
+		className: e("box-decoration-clone bg-accent/20 px-1", n),
+		"data-component": "text-effect",
+		"data-variant": r,
+		ref: c,
+		style: o,
+		...s,
+		children: t
+	}) : /* @__PURE__ */ y("span", {
+		className: e(n),
+		"data-component": "text-effect",
+		"data-variant": r,
+		ref: c,
+		style: {
+			textShadow: "0 0 8px var(--gds-accent), 0 0 16px var(--gds-accent)",
+			...o
+		},
+		...s,
+		children: t
+	});
+}), $ = p(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__ */ b("div", {
+		className: e("flex flex-col", t),
+		"data-component": "textarea-counter",
+		children: [/* @__PURE__ */ y(s, {
+			error: n ?? u,
+			maxLength: r,
+			onChange: (e) => i(e.target.value),
+			ref: c,
+			value: a,
+			...o
+		}), /* @__PURE__ */ y("div", {
+			className: e("mt-1 text-right text-[11px]", u ? "text-danger" : "text-fg-muted"),
+			children: r === void 0 ? l : `${l} / ${r}`
+		})]
+	});
+}), bt = {
+	default: "h-8 w-8",
+	sm: "h-6 w-6"
+}, xt = {
+	default: 16,
+	sm: 14
+}, St = p(function({ mode: t, onChange: n, size: r = "default", className: a }, o) {
+	let s = t === "dark", c = xt[r];
+	return /* @__PURE__ */ y("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", bt[r], i, a),
+		"data-component": "theme-toggle",
+		"data-state": t,
+		children: s ? /* @__PURE__ */ b("svg", {
+			width: c,
+			height: c,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			className: "transition-transform duration-200",
+			children: [/* @__PURE__ */ y("circle", {
+				cx: "8",
+				cy: "8",
+				r: "3"
+			}), /* @__PURE__ */ y("path", { d: "M8 1v2M8 13v2M1 8h2M13 8h2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41" })]
+		}) : /* @__PURE__ */ y("svg", {
+			width: c,
+			height: c,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			className: "transition-transform duration-200",
+			children: /* @__PURE__ */ y("path", { d: "M13.5 8.5a5.5 5.5 0 01-7-7A5.5 5.5 0 108 14a5.48 5.48 0 005.5-5.5z" })
+		})
+	});
+}), Ct = {
+	default: "px-3 py-1.5 text-xs",
+	sm: "px-2 py-1 text-[11px]"
+}, wt = p(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]);
+			return;
+		}
+		n.includes(e) ? r(n.filter((t) => t !== e)) : r([...n, e]);
+	}
+	return /* @__PURE__ */ y("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),
+		"data-component": "toggle-group",
+		"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;
+			return /* @__PURE__ */ y("button", {
+				"aria-pressed": c,
+				className: e("transition-colors", Ct[o ?? "default"], !l && "border-r border-border", i, c ? "bg-accent/10 text-accent" : "text-fg-muted hover:bg-bg-tertiary"),
+				disabled: s,
+				onClick: () => d(r.value),
+				type: "button",
+				children: r.label
+			}, r.value);
+		})
+	});
+}), Tt = {
+	sm: 12,
+	default: 16
+}, Et = p(function({ className: t, direction: n, size: r = "default", ...i }, a) {
+	let o = Tt[r];
+	return /* @__PURE__ */ y("span", {
+		className: e("inline-flex", n === "up" ? "text-success" : n === "down" ? "text-danger" : "text-fg-muted", t),
+		"data-component": "trend-arrow",
+		"data-direction": n,
+		ref: a,
+		...i,
+		children: /* @__PURE__ */ b("svg", {
+			fill: "none",
+			height: o,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			viewBox: "0 0 24 24",
+			width: o,
+			children: [
+				n === "up" && /* @__PURE__ */ y("path", { d: "M12 19V5M5 12l7-7 7 7" }),
+				n === "down" && /* @__PURE__ */ y("path", { d: "M12 5v14M19 12l-7 7-7-7" }),
+				n === "flat" && /* @__PURE__ */ y("path", { d: "M5 12h14" })
+			]
+		})
+	});
+}), Dt = p(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a }, o) {
+	let s = n.slice(0, r), c = n.length - r;
+	return /* @__PURE__ */ b("div", {
+		className: e("inline-flex flex-wrap items-center gds-gap-sm", t),
+		"data-component": "truncated-list",
+		ref: o,
+		...a,
+		children: [s.map((e, t) => /* @__PURE__ */ y("span", { children: e }, t)), c > 0 && /* @__PURE__ */ y("span", {
+			className: "gds-text-label text-fg-muted",
+			children: i === void 0 ? `+${c} more` : i(c)
+		})]
+	});
+}), Ot = p(function({ text: t, speed: n = 50, delay: r = 0, cursor: i = !0, onComplete: a, className: o }, s) {
+	let [c, l] = v(0), [u, d] = v(r <= 0);
+	return h(() => {
+		if (r <= 0) return;
+		let e = setTimeout(() => d(!0), r);
+		return () => clearTimeout(e);
+	}, [r]), h(() => {
+		if (!u) return;
+		if (c >= t.length) {
+			a !== void 0 && a();
+			return;
+		}
+		let e = setTimeout(() => l((e) => e + 1), n);
+		return () => clearTimeout(e);
+	}, [
+		c,
+		t.length,
+		n,
+		u,
+		a
+	]), h(() => {
+		l(0), r <= 0 && d(!0);
+	}, [t, r]), /* @__PURE__ */ b("span", {
+		ref: s,
+		className: e(o),
+		"data-component": "typewriter",
+		children: [t.slice(0, c), i && /* @__PURE__ */ y("span", {
+			className: "inline-block animate-pulse",
+			"data-testid": "cursor",
+			"aria-hidden": !0,
+			children: "|"
+		})]
+	});
+}), kt = {
+	default: "text-accent",
+	gold: "text-warning",
+	official: "text-success"
+}, At = {
+	default: 16,
+	sm: 12
+}, jt = p(function({ className: t, size: n = "default", variant: r = "default", ...i }, a) {
+	let o = At[n];
+	return /* @__PURE__ */ y("span", {
+		className: e("inline-flex shrink-0 items-center", kt[r], t),
+		"data-component": "verified-badge",
+		"data-variant": r,
+		ref: a,
+		...i,
+		children: /* @__PURE__ */ y("svg", {
+			fill: "currentColor",
+			height: o,
+			viewBox: "0 0 24 24",
+			width: o,
+			children: /* @__PURE__ */ y("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" })
+		})
+	});
+}), Mt = p(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__ */ b("div", {
+		ref: u,
+		className: e("inline-flex items-center gap-1 select-none", c),
+		"data-component": "visual-counter",
+		...l,
+		children: [
+			/* @__PURE__ */ y("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),
+				disabled: s || d,
+				onClick: () => n(Math.max(r ?? -Infinity, t - o)),
+				children: "−"
+			}),
+			/* @__PURE__ */ y("span", {
+				className: "min-w-[2rem] text-center tabular-nums gds-text text-fg",
+				children: t
+			}),
+			/* @__PURE__ */ y("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),
+				disabled: s || f,
+				onClick: () => n(Math.min(a ?? Infinity, t + o)),
+				children: "+"
+			})
+		]
+	});
+}), Nt = p(function({ children: t, className: n, duration: r = 300, scale: i = 1.1, ...a }, o) {
+	return /* @__PURE__ */ y("div", {
+		className: e("overflow-hidden", n),
+		"data-component": "zoom-on-hover",
+		ref: o,
+		...a,
+		children: /* @__PURE__ */ y("div", {
+			className: "transition-transform ease-out",
+			style: { transitionDuration: `${r}ms` },
+			onMouseEnter: (e) => {
+				e.currentTarget.style.transform = `scale(${i})`;
+			},
+			onMouseLeave: (e) => {
+				e.currentTarget.style.transform = "scale(1)";
+			},
+			children: t
+		})
+	});
+});
+//#endregion
+export { N as $, Ve as A, H as B, Ye as C, Ue as D, We as E, Me as F, ve as G, Ce as H, je as I, B as J, _e as K, ke as L, Le as M, Fe as N, He as O, Pe as P, P as Q, Oe as R, Ze as S, Ke as T, Se as U, we as V, xe as W, R as X, z as Y, L as Z, it as _, Dt as a, le as at, $e as b, St as c, se as ct, vt as d, ne as dt, M as et, ht as f, T as ft, st as g, ut as h, Ot as i, de as it, Re as j, J as k, $ as l, oe as lt, ft as m, S as mt, Mt as n, A as nt, Et as o, ce as ot, mt as p, w as pt, V as q, jt as r, D as rt, wt as s, E as st, Nt as t, j as tt, yt as u, ie as ut, nt as v, Je as w, Qe as x, tt as y, De as z };
+
+//# sourceMappingURL=l3-atoms-CsN9IA9J.js.map