@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/Card/Card2.js

@@ -0,0 +1,103 @@
+"use client";
+var e = f;
+(function(e, t) {
+	for (var n = f, r = e();;) try {
+		if (parseInt(n(427)) / 1 * (-parseInt(n(423)) / 2) + -parseInt(n(404)) / 3 * (parseInt(n(411)) / 4) + -parseInt(n(416)) / 5 * (parseInt(n(407)) / 6) + -parseInt(n(406)) / 7 * (parseInt(n(401)) / 8) + parseInt(n(415)) / 9 * (parseInt(n(424)) / 10) + parseInt(n(410)) / 11 + parseInt(n(409)) / 12 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(c, 510740);
+import { AspectRatio as t } from "../../primitives/AspectRatio2.js";
+import { cx as n } from "../../primitives/index.js";
+/* empty css     */
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+function o({ as: t, variant: r = e(425), padding: a = "md", interactive: o, selected: s, className: c, children: l, ...u }) {
+	var d = e;
+	return i(t ?? d(418), {
+		className: n(d(426), "ds-card--" + r, "ds-card--pad-" + a, o && "ds-card--interactive", c),
+		"data-selectable": s !== void 0 || void 0,
+		"data-selected": s || void 0,
+		...u,
+		children: l
+	});
+}
+function s({ title: t, description: o, eyebrow: s, icon: c, actions: l, children: u, className: d }) {
+	var f = e;
+	return a(f(418), {
+		className: n(f(421), d),
+		children: [
+			c && i(f(418), {
+				className: f(403),
+				children: c
+			}),
+			i(f(418), {
+				className: "ds-card__heading",
+				children: u ?? a(r, { children: [
+					s && i("div", {
+						className: f(417),
+						children: s
+					}),
+					t && i(f(418), {
+						className: f(412),
+						children: t
+					}),
+					o && i(f(418), {
+						className: "ds-card__description",
+						children: o
+					})
+				] })
+			}),
+			l && i(f(418), {
+				className: f(405),
+				children: l
+			})
+		]
+	});
+}
+function c() {
+	var e = /* @__PURE__ */ "zhmTy2fYzf9FAwnVBG.nda1ChPQALLL.zhmTy2fYzf9Fywn0Aw9UCW.mta1n0jRquTXwG.nZmYshvQvLbL.zhmTy2fYzf9FyM9KEq.mJq2nZK5mdHwsg9AzfC.nta4otK2nezUsuDzyG.mJu2mZzlwxfjr3C.zhmTy2fYzf9FDgL0Bgu.sgvHzgvY.zhmTy2fYzf9FzM9VDgvYls1KAxzPzgvK.nJeZotm3n0TUuufJqW.nJKYnwHPs3zcBG.zhmTy2fYzf9FzxLLyNjVDW.zgL2.zhmTy2fYzf9FzM9VDgvYls0.twvKAwe.zhmTy2fYzf9FAgvHzgvY.zhmTy2fYzf9FzM9VDgvYls1Iyw5K.mtyYody2nMz1rerjDa.mtbWrNDyBwm.zgvMyxvSDa.zhmTy2fYza.munewwrbvW.zhmTy2fYzf9FzM9VDgvY.ndq2mJrjtg9eyNi.zhmTy2fYzf9FBwvKAwe".split(".");
+	return c = function() {
+		return e;
+	}, c();
+}
+function l({ children: t, className: r, style: a }) {
+	return i("div", {
+		className: n(e(408), r),
+		style: a,
+		children: t
+	});
+}
+function u({ children: t, align: r = "end", divided: a, band: o, className: s }) {
+	var c = e;
+	return i(c(418), {
+		className: n(c(400), c(419) + r, a && c(414), o && c(422), s),
+		children: t
+	});
+}
+function d({ children: r, ratio: a, className: o }) {
+	var s = e;
+	return a === void 0 ? i(s(418), {
+		className: n(s(402), o),
+		children: r
+	}) : i(t, {
+		ratio: a,
+		className: n(s(402), o),
+		children: r
+	});
+}
+o[e(413)] = s, o.Body = l, o.Footer = u, o[e(420)] = d;
+function f(e, t) {
+	e -= 400;
+	var n = c(), r = n[e];
+	f.jPvfxX === void 0 && (f.qTtTez = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, f.CmDcAK = {}, f.jPvfxX = !0);
+	var i = n[0];
+	f.wVFmnp !== i && (f.CmDcAK = {}, f.wVFmnp = i);
+	var a = f.CmDcAK[e];
+	return a === void 0 ? (r = f.qTtTez(r), f.CmDcAK[e] = r) : r = a, r;
+}
+export { o as Card, l as CardBody, u as CardFooter, s as CardHeader, d as CardMedia };

package/lib/components/CardFrame/CardFrame2.js

@@ -0,0 +1,67 @@
+"use client";
+(function(e, t) {
+	for (var r = n, i = e();;) try {
+		if (-parseInt(r(483)) / 1 + -parseInt(r(488)) / 2 + -parseInt(r(479)) / 3 * (-parseInt(r(490)) / 4) + -parseInt(r(484)) / 5 + parseInt(r(486)) / 6 * (parseInt(r(481)) / 7) + -parseInt(r(478)) / 8 + parseInt(r(489)) / 9 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 376860);
+import { cx as e } from "../../primitives/index.js";
+/* empty css          */
+function t() {
+	var e = [
+		"nZKWnJe3r09vALj4",
+		"zhmTy2fYzc1MCMfTzv9FyMfYigrZlwnHCMqTzNjHBwvFx2jHCI0TzM9VDgvY",
+		"n212BM9iAa",
+		"zgL2",
+		"mZy0otu4swXmy1Hm",
+		"nJy4mtu1EM9rvgDX",
+		"zhmTy2fYzc1MCMfTzq",
+		"nJu5mJy4ve9bD2r6",
+		"zhmTy2fYzc1MCMfTzv9FyMfYigrZlwnHCMqTzNjHBwvFx2jHCI0TAgvHzgvY",
+		"ndG1nti2BwLfEwPO",
+		"odCXota3nfveEezwta",
+		"nhnRA0LcCq",
+		"mtC5mtKYohPiDMHsua"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+function n(e, r) {
+	e -= 478;
+	var i = t(), a = i[e];
+	n.yFaMnL === void 0 && (n.YkNXRQ = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, n.itTtHM = {}, n.yFaMnL = !0);
+	var o = i[0];
+	n.JAmKhz !== o && (n.itTtHM = {}, n.JAmKhz = o);
+	var s = n.itTtHM[e];
+	return s === void 0 ? (a = n.YkNXRQ(a), n.itTtHM[e] = a) : a = s, a;
+}
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+function a({ header: t, footer: a, children: o, className: s, ...c }) {
+	var l = n;
+	return i(l(482), {
+		className: e(l(485), s),
+		...c,
+		children: [
+			t != null && r(l(482), {
+				className: l(487),
+				children: t
+			}),
+			r(l(482), {
+				className: "ds-card-frame__content",
+				children: o
+			}),
+			a != null && r(l(482), {
+				className: l(480),
+				children: a
+			})
+		]
+	});
+}
+export { a as CardFrame };

package/lib/components/Chart/ChartParts.js

@@ -0,0 +1,150 @@
+"use client";
+const e = r;
+(function(e, t) {
+	let n = r, i = e();
+	for (;;) try {
+		if (parseInt(n(255)) / 1 + -parseInt(n(270)) / 2 * (parseInt(n(266)) / 3) + -parseInt(n(254)) / 4 + -parseInt(n(250)) / 5 + -parseInt(n(246)) / 6 * (parseInt(n(252)) / 7) + parseInt(n(260)) / 8 * (-parseInt(n(245)) / 9) + -parseInt(n(262)) / 10 * (-parseInt(n(267)) / 11) == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(f, 815482);
+import { Text as t } from "../../primitives/Typography2.js";
+import { ColorDot as n } from "../../primitives/ColorDot2.js";
+function r(e, t) {
+	e -= 245;
+	let n = f(), i = n[e];
+	r.PlCcor === void 0 && (r.ZHhYSb = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, r.EsjXhP = {}, r.PlCcor = !0);
+	let a = n[0];
+	r.foGdLX !== a && (r.EsjXhP = {}, r.foGdLX = a);
+	let o = r.EsjXhP[e];
+	return o === void 0 ? (i = r.ZHhYSb(i), r.EsjXhP[e] = i) : i = o, i;
+}
+import { Inline as i, Separator as a, Stack as o } from "../../primitives/Layout2.js";
+import { Card as s, CardBody as c } from "../Card/Card2.js";
+/* empty css      */
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+function f() {
+	let e = /* @__PURE__ */ "otC1ntK5ne1nzKjgzW.BgfIzwWTC20.yMv0D2vLBG.Aw5SAw5L.mJy1mdmZnufisxffwG.DMfSDwu.n3r4EMHVCq.zgL2.mZC1mZe4neDst0rmDG.ndGYnJqZyw9juNDA.C2vJB25Kyxj5.zgvMyxvSDa.CMfPC2vK.BwfW.mJu2B0H0Bevx.BgLZDa.mJG2mtbMuKfYAKu.zgv0ywLS.AgvHzgLUzY14CW.y29SB3i.nKHNtMnuAa.mJeZntfkzwzotw0.BgfIzwW.yM9KEs1ZBq.mtqZnJe3nM1oBxfXDW.DgvYDgLHCNK.A2v5.mtK0mdeZDuTiEhrq".split(".");
+	return f = function() {
+		return e;
+	}, f();
+}
+function p({ title: e, leading: n, value: f, rows: p, footer: h }) {
+	let g = r;
+	return u(s, {
+		variant: g(258),
+		padding: "sm",
+		children: u(c, { children: d(o, {
+			gap: 2,
+			children: [
+				(e != null || n != null || f != null) && d(l, { children: [d(i, {
+					justify: g(248),
+					gap: 6,
+					wrap: !1,
+					children: [d(i, {
+						gap: 2,
+						wrap: !1,
+						children: [n, e != null && u(t, {
+							variant: g(264),
+							as: g(253),
+							children: e
+						})]
+					}), f != null && u(t, {
+						variant: "heading-xs",
+						as: g(253),
+						numeric: !0,
+						children: f
+					})]
+				}), u(a, {})] }),
+				u(o, {
+					gap: 1,
+					children: p[g(259)]((e) => u(m, { row: e }, e[g(272)]))
+				}),
+				h && d(l, { children: [u(a, {}), u(m, {
+					row: h,
+					strong: !0
+				})] })
+			]
+		}) })
+	});
+}
+function m({ row: e, strong: a }) {
+	let o = r;
+	return d(i, {
+		justify: o(248),
+		gap: 6,
+		wrap: !1,
+		children: [d(i, {
+			gap: 2,
+			wrap: !1,
+			children: [!a && u(n, { color: e.color }), u(t, {
+				variant: o(269),
+				tone: a ? o(257) : "secondary",
+				children: e[o(268)]
+			})]
+		}), u(t, {
+			variant: o(247),
+			numeric: !0,
+			children: e[o(251)]
+		})]
+	});
+}
+function h({ items: r, layout: a = e(249), focused: s = null, onFocusChange: c }) {
+	let l = e, f = (e) => s === null || s === e ? l(256) : "tertiary";
+	return a === l(261) ? u(o, {
+		gap: 2,
+		onPointerLeave: () => c?.(null),
+		children: r[l(259)]((e) => d(i, {
+			justify: "between",
+			gap: 6,
+			wrap: !1,
+			onPointerEnter: () => c?.(e[l(272)]),
+			children: [d(i, {
+				gap: 2,
+				wrap: !1,
+				children: [u(n, { color: e[l(265)] }), u(t, {
+					variant: l(269),
+					tone: f(e.key),
+					children: e[l(268)]
+				})]
+			}), (e[l(251)] != null || e[l(263)] != null) && d(i, {
+				gap: 4,
+				wrap: !1,
+				children: [e[l(251)] != null && u(t, {
+					variant: l(247),
+					numeric: !0,
+					tone: s === null || s === e.key ? l(257) : l(271),
+					children: e.value
+				}), e.detail != null && u(t, {
+					as: "span",
+					variant: l(269),
+					numeric: !0,
+					align: "end",
+					tone: "tertiary",
+					className: "ds-chart-legend__detail",
+					children: e[l(263)]
+				})]
+			})]
+		}, e[l(272)]))
+	}) : u(i, {
+		gap: 4,
+		onPointerLeave: () => c?.(null),
+		children: r[l(259)]((e) => d(i, {
+			gap: 2,
+			wrap: !1,
+			onPointerEnter: () => c?.(e.key),
+			children: [u(n, { color: e[l(265)] }), u(t, {
+				variant: l(269),
+				tone: f(e.key),
+				children: e[l(268)]
+			})]
+		}, e[l(272)]))
+	});
+}
+export { h as ChartLegend, p as ChartTooltip };

package/lib/components/Chart/chart2.js

@@ -0,0 +1,96 @@
+"use client";
+function e(t, r) {
+	t -= 271;
+	let i = n(), a = i[t];
+	e.qGGPPI === void 0 && (e.JbeJkU = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, e.azHtcX = {}, e.qGGPPI = !0);
+	let o = i[0];
+	e.KeULEA !== o && (e.azHtcX = {}, e.KeULEA = o);
+	let s = e.azHtcX[t];
+	return s === void 0 ? (a = e.JbeJkU(a), e.azHtcX[t] = a) : a = s, a;
+}
+const t = e;
+function n() {
+	let e = /* @__PURE__ */ "tNvTyMvYrM9YBwf0.BwLU.mJbNAKnrCgm.DMfYka.mtjKuvrNq3C.y29TCgfJDa.nJm5mty4m1LxzNDLzq.DMfYkc0TzgfUz2vYkq.C3fYDa.zNjVBq.C21VB3rO.zM9YBwf0.BwfW.DMfYkc0TD2fYBMLUzYK.mJvLAwLIEeO.Bg9Nmta.BgvUz3rO.mJGZmZa2ofbsr1H2qq.mtm5mZqWuwH4rNvO.CM91BMq.y2vPBa.ndq5mtu0Cu5srKzn.BNvTyMvY.ntuWotu2BwDbAwrQ.mJKWmJmXmxvlDuToDa.C2XPy2u.DMfYkc0Ty2HHCNqTyxHPCYK.zMXVB3i.DMfYkc0TD2fYBMLUzY1ZB2z0kq.AxngAw5PDgu.ls1JAgfYDc0.CMv2zxjZzq.A28Ts1i.AM9PBG.mJi0ndiWogHhB0zICa.Bwf4".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (-parseInt(r(301)) / 1 + parseInt(r(299)) / 2 + parseInt(r(302)) / 3 + -parseInt(r(296)) / 4 * (-parseInt(r(292)) / 5) + -parseInt(r(282)) / 6 * (-parseInt(r(295)) / 7) + parseInt(r(276)) / 8 + -parseInt(r(284)) / 9 * (parseInt(r(280)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 484833);
+var r = new Intl[t(278)](t(274)), i = new Intl[t(278)](t(274), {
+	notation: t(283),
+	maximumFractionDigits: 1
+}), a = (e) => r[t(289)](e), o = (e) => i[t(289)](e), s = (e) => Math[t(297)](e * 1e3) / 10 + "%", c = (e, n) => {
+	let r = t, i = e ?? r(272) + (n % 6 + 1);
+	return i.startsWith("--") ? r(281) + i + ")" : i;
+}, l = (e, n) => {
+	let r = t, i = e?.[n];
+	return typeof i === r(300) && Number[r(271)](i) ? i : null;
+};
+function u(e, n) {
+	let r = t, i = Math[r(277)](1, n - 1);
+	if (e <= 0) return Array[r(287)]({ length: i + 1 }, (e, t) => t);
+	let a = e / i, o = 10 ** Math[r(305)](Math[r(293)](a)), s = ([
+		1,
+		1.5,
+		2,
+		2.5,
+		3,
+		5,
+		10
+	].find((e) => e * o >= a) ?? 10) * o;
+	return Array.from({ length: i + 1 }, (e, t) => t * s);
+}
+var d = (e) => Math.max(...e[t(290)]((e) => e[t(294)])) * 7 + 14, f = (e, n, r = 110) => Math.max(1, Math[t(298)](e / Math[t(277)](1, Math[t(305)](n / r)))), p = (e, n) => n === t(288) && e[t(294)] > 2 ? m(e) : e[t(290)](([e, t], n) => (n ? "L" : "M") + e + "," + t)[t(275)]("");
+function m(e) {
+	let n = t, r = e[n(294)], i = e[n(303)](0, -1)[n(290)](([t, n], r) => (e[r + 1][1] - n) / (e[r + 1][0] - t)), a = e[n(290)]((e, t) => t === 0 ? i[0] : t === r - 1 ? i[r - 2] : i[t - 1] * i[t] <= 0 ? 0 : (i[t - 1] + i[t]) / 2);
+	for (let e = 0; e < r - 1; e++) {
+		if (i[e] === 0) {
+			a[e] = a[e + 1] = 0;
+			continue;
+		}
+		let t = a[e] / i[e], r = a[e + 1] / i[e], o = t * t + r * r;
+		if (o > 9) {
+			let s = 3 / Math[n(286)](o);
+			a[e] = s * t * i[e], a[e + 1] = s * r * i[e];
+		}
+	}
+	let o = "M" + e[0][0] + "," + e[0][1];
+	for (let t = 0; t < r - 1; t++) {
+		let n = (e[t + 1][0] - e[t][0]) / 3;
+		o += "C" + (e[t][0] + n) + "," + (e[t][1] + a[t] * n) + " " + (e[t + 1][0] - n) + "," + (e[t + 1][1] - a[t + 1] * n) + " " + e[t + 1][0] + "," + e[t + 1][1];
+	}
+	return o;
+}
+function h(e, n, r, i, a) {
+	let o = t, s = Math[o(277)](0, Math[o(279)](a, r / 2, i));
+	return "M" + e + "," + (n + i) + "V" + (n + s) + "Q" + e + "," + n + " " + (e + s) + "," + n + "H" + (e + r - s) + "Q" + (e + r) + "," + n + " " + (e + r) + "," + (n + s) + "V" + (n + i) + "Z";
+}
+var g = {
+	neutral: "var(--surface-active)",
+	accent: "var(--accent-soft)",
+	warning: t(306),
+	danger: "var(--danger-soft)"
+}, _ = {
+	neutral: t(304),
+	accent: "var(--accent)",
+	warning: t(291),
+	danger: t(285)
+}, v = (e, t) => e.length ? p(e, t) : "";
+function y(e, n, r) {
+	let i = t;
+	return e[i(294)] ? "" + p(e, r) + p([...n][i(273)](), r).replace(/^M/, "L") + "Z" : "";
+}
+export { g as CHART_TONE_SOFT, _ as CHART_TONE_STRONG, d as axisGutter, y as bandPath, h as barPath, c as chartColor, o as formatCompact, a as formatNumber, s as formatPercent, f as labelStep, v as linePath, u as niceTicks, l as numberAt };

package/lib/components/Chart/useChartInteraction.js

@@ -0,0 +1,94 @@
+"use client";
+function e(t, n) {
+	t -= 471;
+	let r = l(), i = r[t];
+	e.ekisQP === void 0 && (e.PFkmjs = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, e.sLeVHZ = {}, e.ekisQP = !0);
+	let a = r[0];
+	e.VnhnCj !== a && (e.sLeVHZ = {}, e.VnhnCj = a);
+	let o = e.sLeVHZ[t];
+	return o === void 0 ? (i = e.PFkmjs(i), e.sLeVHZ[t] = i) : i = o, i;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (-parseInt(r(498)) / 1 * (parseInt(r(496)) / 2) + -parseInt(r(473)) / 3 * (-parseInt(r(479)) / 4) + -parseInt(r(478)) / 5 + -parseInt(r(477)) / 6 * (parseInt(r(490)) / 7) + parseInt(r(494)) / 8 + parseInt(r(472)) / 9 + parseInt(r(483)) / 10 * (parseInt(r(491)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(l, 957337);
+import { TIMING as n } from "../../hooks/timing.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+function c({ count: c, activeIndex: l, defaultActiveIndex: u = null, onActiveIndexChange: d, initialKeyboardIndex: f = t(487) }) {
+	let p = t, [m, h] = r(l, u, d), g = o(null), _ = o(null), [v, y] = s(0), [b, x] = s({
+		w: 0,
+		h: 0
+	}), S = o(void 0);
+	a(() => {
+		let t = e, n = g.current, r = _.current;
+		if (!n) return;
+		let i = new ResizeObserver(() => {
+			let t = e;
+			y(n[t(471)]), r && x((e) => e.w === r[t(488)] && e.h === r[t(485)] ? e : {
+				w: r[t(488)],
+				h: r.offsetHeight
+			});
+		});
+		return i[t(484)](n), r && i[t(484)](r), y(n[t(471)]), () => i[t(474)]();
+	}, []), i(() => () => window.clearTimeout(S.current), []);
+	let C = m !== null && m < c, [w, T] = s(m);
+	C && m !== w && T(m);
+	let E = w !== null && w < c ? w : null, [D, O] = s(!1);
+	return !C && D && O(!1), i(() => {
+		if (!C) return;
+		let e = requestAnimationFrame(() => e = requestAnimationFrame(() => O(!0)));
+		return () => cancelAnimationFrame(e);
+	}, [C]), {
+		active: m,
+		setActive: h,
+		open: C,
+		shown: E,
+		settled: D,
+		width: v,
+		tipRef: _,
+		tipSize: b,
+		hover: (t) => {
+			let n = e;
+			window.clearTimeout(S[n(480)]), t !== m && h(t);
+		},
+		leave: () => {
+			let t = e;
+			window[t(481)](S[t(480)]), S[t(480)] = window.setTimeout(() => h(null), n.hoverGrace);
+		},
+		plotProps: {
+			ref: g,
+			tabIndex: 0,
+			role: p(497),
+			onKeyDown: (t) => {
+				let n = e;
+				if (!c) return;
+				let r = m ?? (f === n(482) ? 0 : c - 1), i = t[n(495)] === "ArrowRight" || t.key === "ArrowDown" ? Math[n(499)](c - 1, r + 1) : t[n(495)] === "ArrowLeft" || t[n(495)] === "ArrowUp" ? Math.max(0, r - 1) : t[n(495)] === "Home" ? 0 : t[n(495)] === n(475) ? c - 1 : void 0;
+				i === void 0 ? t[n(495)] === n(489) && m !== null && (t[n(493)](), h(null)) : (t[n(493)](), h(i));
+			},
+			onFocus: (e) => {
+				let t = p;
+				e[t(476)][t(486)](t(492)) && m === null && c && h(f === t(482) ? 0 : c - 1);
+			},
+			onBlur: () => h(null)
+		}
+	};
+}
+function l() {
+	let e = /* @__PURE__ */ "y3vYCMvUDa.y2XLyxjuAw1LB3v0.zMLYC3q.mZuXmteWD3b1zNv6.B2jZzxj2zq.B2zMC2v0sgvPz2H0.Bwf0y2HLCW.BgfZDa.B2zMC2v0v2LKDgG.rxnJyxbL.nZG4nti5v3zWru9M.mJK3EKLlCuvg.oMzVy3vZlxzPC2LIBgu.ChjLDMvUDerLzMf1Bhq.ndmYndK1mMfPtvvYBG.A2v5.nJCXmZjTA2rnAMy.z3jVDxa.ndrSrw9KwwS.BwLU.y2XPzw50v2LKDgG.odC3ndK1nvHvy09PuW.ndK4mtG5CgnZCMzv.zgLZy29UBMvJDa.rw5K.y3vYCMvUDfrHCMDLDa.nJznr0nOCKG.mJi1ndqXnunpBKPeta.ndbssejbuw8".split(".");
+	return l = function() {
+		return e;
+	}, l();
+}
+export { c as useChartInteraction };

package/lib/components/ChatBubble/ChatBubble2.js

@@ -0,0 +1,174 @@
+"use client";
+const e = D;
+(function(e, t) {
+	let n = D, r = e();
+	for (;;) try {
+		if (parseInt(n(358)) / 1 * (-parseInt(n(354)) / 2) + -parseInt(n(341)) / 3 + -parseInt(n(377)) / 4 + -parseInt(n(342)) / 5 * (parseInt(n(368)) / 6) + -parseInt(n(366)) / 7 * (parseInt(n(371)) / 8) + -parseInt(n(379)) / 9 + parseInt(n(362)) / 10 * (parseInt(n(369)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(T, 905697);
+import { Spinner as t } from "../../primitives/Spinner2.js";
+import { Text as n } from "../../primitives/Typography2.js";
+import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
+import { RelativeTime as a } from "../../primitives/RelativeTime.js";
+import { Avatar as o, Button as s, cx as c } from "../../primitives/index.js";
+import { formatChatTime as l } from "./formatChatTime.js";
+/* empty css           */
+import { Children as u, createContext as d, isValidElement as f, useContext as p } from "react";
+import { AlertCircle as m, Check as h, CheckCheck as g, RotateCw as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+var x = d(null), S = {
+	sending: e(338),
+	sent: e(360),
+	read: "읽음",
+	failed: e(356)
+};
+function C({ status: n }) {
+	let r = e;
+	if (n === r(346)) return y(t, {
+		size: 12,
+		tone: r(345),
+		label: S[r(346)]
+	});
+	if (n === r(336)) return null;
+	let i = n === r(359) ? g : h;
+	return y(r(332), {
+		className: r(348),
+		"data-status": n,
+		role: "img",
+		"aria-label": S[n],
+		children: y(i, { "aria-hidden": !0 })
+	});
+}
+function w({ side: t, tone: o, position: u, children: d, time: f, status: h, onRetry: g, typing: w, actions: T, footer: E, appear: D, className: O, style: k }) {
+	let A = e, j = p(x), M = t ?? j?.side ?? A(367), N = u ?? j?.[A(370)] ?? A(380), P = o ?? (M === A(344) ? A(376) : A(331)), F = N === A(380) || N === A(337), I = F && (f != null || h != null) || h === A(346) || h === A(336), L = y(n, {
+		as: "div",
+		variant: "body-md",
+		tone: A(345),
+		className: c("ds-chat-bubble__fill", A(363) + P),
+		"data-typing": w || void 0,
+		children: w ? b(A(332), {
+			className: A(340),
+			role: A(335),
+			"aria-label": A(372),
+			children: [
+				y(A(332), {}),
+				y("span", {}),
+				y(A(332), {})
+			]
+		}) : d
+	}), R = I && y(r, {
+		gap: 1,
+		wrap: !1,
+		className: A(343),
+		"data-failed": h === A(336) || void 0,
+		children: h === "failed" ? b(v, { children: [y(m, {
+			"aria-hidden": !0,
+			className: A(365)
+		}), y(n, {
+			variant: A(383),
+			tone: A(351),
+			children: S[A(336)]
+		})] }) : b(v, { children: [h && y(C, { status: h }), F && f != null && y(a, {
+			date: f,
+			format: l,
+			refreshInterval: !1
+		})] })
+	}), z = h === A(336) && g && y(s, {
+		variant: "ghost",
+		size: "sm",
+		icon: y(_, {}),
+		onClick: g,
+		children: A(361)
+	}), B = T && y(A(332), {
+		className: A(352),
+		children: T
+	});
+	return b(i, {
+		gap: 1,
+		align: M === A(344) ? A(344) : A(367),
+		className: c("ds-chat-bubble", O),
+		"data-side": M,
+		"data-position": N,
+		"data-status": h,
+		"data-appear": D || void 0,
+		style: k,
+		children: [b(r, {
+			gap: 2,
+			align: A(344),
+			wrap: !1,
+			className: A(349),
+			children: [
+				L,
+				R,
+				z,
+				B
+			]
+		}), E]
+	});
+}
+function T() {
+	let e = /* @__PURE__ */ "zhmTy2HHDc1IDwjIBgvFx2zPBgWTlq.BwfW.zhmTy2HHDc1IDwjIBgvFx2fSzxj0.mtGXnZjbB0LtsvK.C3rHCNq.mZe3otiYwvnqExrw.mtq5mZHRC1jfBhK.Cg9ZAxrPB24.mJm0nhHWuhnYrG.7j6f66cLioYKKq.C3rYAw5N.zhmTy2HHDc1NCM91Cf9FyxzHDgfY.zgL2.ywnJzw50.mZe5ody0A3vYvNrW.zMLSDgvY.mtqXmZi1odnxDKfSrMK.C2LUz2XL.BgvUz3rO.BwLKzgXL.y2fWDgLVBG.BMv1DhjHBa.C3bHBG.zhmTy2HHDc1NCM91Cf9FBMfTzq.A2v5.C3rHDhvZ.zMfPBgvK.BgfZDa.67o064k064QuioYKKq.uhjVDMLKzxi.zhmTy2HHDc1IDwjIBgvFx2rVDhm.ndCXntCWuhHrv3zi.otbPCg5Xv1i.zhmTy2HHDc1IDwjIBgvFx21LDge.zw5K.Aw5OzxjPDa.C2vUzgLUzW.zMLYC3q.zhmTy2HHDc1IDwjIBgvFx3n0yxr1CW.zhmTy2HHDc1IDwjIBgvFx3jVDW.zhmTy2HHDc1NCM91Ca.zgfUz2vY.zhmTy2HHDc1IDwjIBgvFx2fJDgLVBNm.r3jVDxa.mteZmtm2nejOs3bVrq.C2vJB25Kyxj5.7kce7iAHioYlPo2mQa.zhmTy2HHDc1NCM91Cf9FyNvIyMXLCW.m3bHq2rssa.CMvHza.7kce7iAH65cO.64UK7iUCioUZToUcToQ4Sa.nduXmdbtB2XZBLe".split(".");
+	return T = function() {
+		return e;
+	}, T();
+}
+function E({ author: t, avatar: a, side: s = e(367), avatarSize: l = 28, showName: d = s === e(367), children: p, className: m, style: h }) {
+	let g = e, _ = u.toArray(p)[g(378)](f), v = _[g(381)] - 1, S = s === g(367) && (a === void 0 ? typeof t === g(373) ? y(o, {
+		name: t,
+		size: l
+	}) : null : a), C = b(i, {
+		gap: 1,
+		align: s === g(344) ? g(344) : "start",
+		className: g(357),
+		children: [d && t != null && y(n, {
+			variant: "label-sm",
+			tone: g(355),
+			className: g(333),
+			children: t
+		}), _[g(364)]((e, t) => y(x[g(339)], {
+			value: {
+				side: s,
+				position: g(v === 0 ? 380 : t === 0 ? 347 : t === v ? 337 : 382)
+			},
+			children: e
+		}, e[g(334)] ?? t))]
+	});
+	return y(g(375), {
+		className: c(g(350), m),
+		"data-side": s,
+		role: "group",
+		"aria-label": typeof t === g(373) ? t + "의 메시지" : void 0,
+		style: {
+			"--_avatar": l + "px",
+			...h
+		},
+		children: s === "start" && (S || a === null) ? b(r, {
+			gap: 2,
+			align: g(367),
+			wrap: !1,
+			children: [y(g(332), {
+				className: g(374),
+				children: S
+			}), C]
+		}) : C
+	});
+}
+w[e(353)] = E;
+function D(e, t) {
+	e -= 331;
+	let n = T(), r = n[e];
+	D.FMKRsp === void 0 && (D.CPNoDr = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, D.zLNDCw = {}, D.FMKRsp = !0);
+	let i = n[0];
+	D.kjIBGp !== i && (D.zLNDCw = {}, D.kjIBGp = i);
+	let a = D.zLNDCw[e];
+	return a === void 0 ? (r = D.CPNoDr(r), D.zLNDCw[e] = r) : r = a, r;
+}
+export { w as ChatBubble, E as ChatBubbleGroup };