@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/Card/Card2.js

@@ -0,0 +1,104 @@
+"use client";
+var e = c;
+(function(e, t) {
+	for (var n = c, r = e();;) try {
+		if (parseInt(n(341)) / 1 + parseInt(n(352)) / 2 * (-parseInt(n(349)) / 3) + -parseInt(n(339)) / 4 * (-parseInt(n(332)) / 5) + parseInt(n(351)) / 6 + -parseInt(n(353)) / 7 + -parseInt(n(348)) / 8 + -parseInt(n(354)) / 9 * (-parseInt(n(355)) / 10) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(d, 475930);
+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: e, variant: t = "default", padding: r = "md", interactive: a, selected: o, className: s, children: l, ...u }) {
+	var d = c;
+	return i(e ?? "div", {
+		className: n("ds-card", "ds-card--" + t, d(338) + r, a && d(340), s),
+		"data-selectable": o !== void 0 || void 0,
+		"data-selected": o || void 0,
+		...u,
+		children: l
+	});
+}
+function s({ title: e, description: t, eyebrow: o, icon: s, actions: l, children: u, className: d }) {
+	var f = c;
+	return a(f(337), {
+		className: n(f(344), d),
+		children: [
+			s && i("div", {
+				className: "ds-card__icon",
+				children: s
+			}),
+			i("div", {
+				className: f(343),
+				children: u ?? a(r, { children: [
+					o && i("div", {
+						className: f(342),
+						children: o
+					}),
+					e && i(f(337), {
+						className: "ds-card__title",
+						children: e
+					}),
+					t && i(f(337), {
+						className: f(356),
+						children: t
+					})
+				] })
+			}),
+			l && i(f(337), {
+				className: f(331),
+				children: l
+			})
+		]
+	});
+}
+function c(e, t) {
+	e -= 331;
+	var n = d(), r = n[e];
+	c.hHXqyN === void 0 && (c.foswYD = 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);
+	}, c.jcLUnf = {}, c.hHXqyN = !0);
+	var i = n[0];
+	c.iidrhW !== i && (c.jcLUnf = {}, c.iidrhW = i);
+	var a = c.jcLUnf[e];
+	return a === void 0 ? (r = c.foswYD(r), c.jcLUnf[e] = r) : r = a, r;
+}
+function l({ children: e, className: t, style: r }) {
+	var a = c;
+	return i(a(337), {
+		className: n(a(350), t),
+		style: r,
+		children: e
+	});
+}
+function u({ children: t, align: r = e(334), divided: a, band: o, className: s }) {
+	var c = e;
+	return i(c(337), {
+		className: n(c(346), c(347) + r, a && c(333), o && c(336), s),
+		children: t
+	});
+}
+function d() {
+	var e = /* @__PURE__ */ "mJbHEhnNsgu.zhmTy2fYzf9FzgvZy3jPChrPB24.twvKAwe.zhmTy2fYzf9FBwvKAwe.zhmTy2fYzf9Fywn0Aw9UCW.mte5otvOrwHOB1i.zhmTy2fYzf9FzM9VDgvYls1KAxzPzgvK.zw5K.qM9KEq.zhmTy2fYzf9FzM9VDgvYls1Iyw5K.zgL2.zhmTy2fYzc0TCgfKlq.mti0nenHuwDwyW.zhmTy2fYzc0TAw50zxjHy3rPDMu.mZq4mtyWwK1WA1zA.zhmTy2fYzf9FzxLLyNjVDW.zhmTy2fYzf9FAgvHzgLUzW.zhmTy2fYzf9FAgvHzgvY.sgvHzgvY.zhmTy2fYzf9FzM9VDgvY.zhmTy2fYzf9FzM9VDgvYls0.ndu5odyWmfDHCgP6tG.nJLbCfb1A1y.zhmTy2fYzf9FyM9KEq.mtaXoda2ofP4rvP0DW.oda5nZrZuMPNs1a.mJyYota4mxz1Dfvuzq.ndKYmti1neDxyNHktq".split(".");
+	return d = function() {
+		return e;
+	}, d();
+}
+function f({ children: r, ratio: a, className: o }) {
+	var s = e;
+	return a === void 0 ? i(s(337), {
+		className: n(s(358), o),
+		children: r
+	}) : i(t, {
+		ratio: a,
+		className: n(s(358), o),
+		children: r
+	});
+}
+o[e(345)] = s, o[e(335)] = l, o.Footer = u, o[e(357)] = f;
+export { o as Card, l as CardBody, u as CardFooter, s as CardHeader, f as CardMedia };

package/lib/components/CardFrame/CardFrame2.js

@@ -0,0 +1,72 @@
+"use client";
+(function(e, n) {
+	for (var r = t, i = e();;) try {
+		if (parseInt(r(222)) / 1 * (-parseInt(r(226)) / 2) + parseInt(r(234)) / 3 * (parseInt(r(218)) / 4) + -parseInt(r(228)) / 5 * (parseInt(r(225)) / 6) + parseInt(r(230)) / 7 * (-parseInt(r(219)) / 8) + parseInt(r(223)) / 9 * (-parseInt(r(229)) / 10) + -parseInt(r(221)) / 11 * (parseInt(r(235)) / 12) + parseInt(r(220)) / 13 * (parseInt(r(233)) / 14) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 403677);
+import { cx as e } from "../../primitives/index.js";
+function t(e, r) {
+	e -= 218;
+	var i = n(), a = i[e];
+	t.rokZlj === void 0 && (t.PqfiWB = 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);
+	}, t.PJpIQR = {}, t.rokZlj = !0);
+	var o = i[0];
+	t.ESVpBA !== o && (t.PJpIQR = {}, t.ESVpBA = o);
+	var s = t.PJpIQR[e];
+	return s === void 0 ? (a = t.PqfiWB(a), t.PJpIQR[e] = a) : a = s, a;
+}
+function n() {
+	var e = [
+		"mtm1nurrDLjfsG",
+		"mtb5yNnmuK8",
+		"mJi0mZiZngfPsNP4uG",
+		"zhmTy2fYzc1MCMfTzv9Fy29UDgvUDa",
+		"zhmTy2fYzc1MCMfTzv9FyMfYigrZlwnHCMqTzNjHBwvFx2jHCI0TzM9VDgvY",
+		"mJHcwerQA2C",
+		"m2HADgXjyW",
+		"mtjbBxziuMW",
+		"mta0ntCXmNrJwxzRzW",
+		"mtzLr091y1e",
+		"mta1ndCYmZHvyujvANm",
+		"mJaYodGXohLsywXlqq",
+		"ndu3C2viyxPx",
+		"ndu3nJC2mu9VCLLXva",
+		"zhmTy2fYzc1MCMfTzq",
+		"mJiZmMrMtM5ACa",
+		"mJaWrxDkAgfz",
+		"zgL2"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+/* empty css          */
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+function a({ header: n, footer: a, children: o, className: s, ...c }) {
+	var l = t;
+	return i(l(227), {
+		className: e(l(224), s),
+		...c,
+		children: [
+			n != null && r("div", {
+				className: "ds-card-frame__bar ds-card-frame__bar--header",
+				children: n
+			}),
+			r(l(227), {
+				className: l(231),
+				children: o
+			}),
+			a != null && r(l(227), {
+				className: l(232),
+				children: a
+			})
+		]
+	});
+}
+export { a as CardFrame };

package/lib/components/Chart/ChartParts.js

@@ -0,0 +1,150 @@
+"use client";
+const e = c;
+(function(e, t) {
+	let n = c, r = e();
+	for (;;) try {
+		if (-parseInt(n(258)) / 1 * (parseInt(n(255)) / 2) + parseInt(n(267)) / 3 + -parseInt(n(256)) / 4 * (parseInt(n(265)) / 5) + -parseInt(n(249)) / 6 * (parseInt(n(270)) / 7) + parseInt(n(263)) / 8 * (-parseInt(n(262)) / 9) + -parseInt(n(259)) / 10 * (parseInt(n(260)) / 11) + -parseInt(n(276)) / 12 * (-parseInt(n(261)) / 13) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(p, 971091);
+import { Text as t } from "../../primitives/Typography2.js";
+import { ColorDot as n } from "../../primitives/ColorDot2.js";
+import { Inline as r, Separator as i, Stack as a } from "../../primitives/Layout2.js";
+import { Card as o, CardBody as s } from "../Card/Card2.js";
+/* empty css      */
+function c(e, t) {
+	e -= 248;
+	let n = p(), r = n[e];
+	c.ATPdkx === void 0 && (c.lVFlRD = 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);
+	}, c.PZCXRw = {}, c.ATPdkx = !0);
+	let i = n[0];
+	c.MaeYyI !== i && (c.PZCXRw = {}, c.MaeYyI = i);
+	let a = c.PZCXRw[e];
+	return a === void 0 ? (r = c.lVFlRD(r), c.PZCXRw[e] = r) : r = a, r;
+}
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+function f({ title: e, leading: n, value: f, rows: p, footer: h }) {
+	let g = c;
+	return u(o, {
+		variant: g(272),
+		padding: "sm",
+		children: u(s, { children: d(a, {
+			gap: 2,
+			children: [
+				(e != null || n != null || f != null) && d(l, { children: [d(r, {
+					justify: g(257),
+					gap: 6,
+					wrap: !1,
+					children: [d(r, {
+						gap: 2,
+						wrap: !1,
+						children: [n, e != null && u(t, {
+							variant: g(251),
+							as: "div",
+							children: e
+						})]
+					}), f != null && u(t, {
+						variant: "heading-xs",
+						as: "div",
+						numeric: !0,
+						children: f
+					})]
+				}), u(i, {})] }),
+				u(a, {
+					gap: 1,
+					children: p[g(271)]((e) => u(m, { row: e }, e[g(274)]))
+				}),
+				h && d(l, { children: [u(i, {}), u(m, {
+					row: h,
+					strong: !0
+				})] })
+			]
+		}) })
+	});
+}
+function p() {
+	let e = /* @__PURE__ */ "ndyYD3Lzu3nH.zw5K.AgvHzgLUzY14CW.Aw5SAw5L.DgvYDgLHCNK.BgfIzwWTC20.mtGYmJi2mMPUBNL6zq.mZiZndiWvev0werR.yMv0D2vLBG.mw5py0zWqW.mJiXmhDSr0XsrG.mZq0nJnhBxryvxi.mtnetKjIrMi.nZjKz21dsuu.mtq5ntq3mLbrvwDAEq.yM9KEs1ZBq.otvgugjTuMG.y29SB3i.nty2mdG3murusfnoDG.zgvMyxvSDa.C2vJB25Kyxj5.nZeYntnQs1zhqwK.BwfW.CMfPC2vK.zgv0ywLS.A2v5.DMfSDwu.ntqWmZC4otzADNHYrKy.BgfIzwW".split(".");
+	return p = function() {
+		return e;
+	}, p();
+}
+function m({ row: e, strong: i }) {
+	let a = c;
+	return d(r, {
+		justify: a(257),
+		gap: 6,
+		wrap: !1,
+		children: [d(r, {
+			gap: 2,
+			wrap: !1,
+			children: [!i && u(n, { color: e[a(266)] }), u(t, {
+				variant: a(264),
+				tone: i ? a(268) : "secondary",
+				children: e[a(248)]
+			})]
+		}), u(t, {
+			variant: a(254),
+			numeric: !0,
+			children: e.value
+		})]
+	});
+}
+function h({ items: i, layout: o = e(252), focused: s = null, onFocusChange: c }) {
+	let l = e, f = (e) => l(s === null || s === e ? 269 : 253);
+	return o === "list" ? u(a, {
+		gap: 2,
+		onPointerLeave: () => c?.(null),
+		children: i[l(271)]((e) => d(r, {
+			justify: l(257),
+			gap: 6,
+			wrap: !1,
+			onPointerEnter: () => c?.(e.key),
+			children: [d(r, {
+				gap: 2,
+				wrap: !1,
+				children: [u(n, { color: e[l(266)] }), u(t, {
+					variant: l(264),
+					tone: f(e[l(274)]),
+					children: e[l(248)]
+				})]
+			}), (e.value != null || e.detail != null) && d(r, {
+				gap: 4,
+				wrap: !1,
+				children: [e[l(275)] != null && u(t, {
+					variant: "label-sm",
+					numeric: !0,
+					tone: s === null || s === e[l(274)] ? l(268) : l(253),
+					children: e[l(275)]
+				}), e[l(273)] != null && u(t, {
+					as: "span",
+					variant: l(264),
+					numeric: !0,
+					align: l(250),
+					tone: "tertiary",
+					className: "ds-chart-legend__detail",
+					children: e.detail
+				})]
+			})]
+		}, e[l(274)]))
+	}) : u(r, {
+		gap: 4,
+		onPointerLeave: () => c?.(null),
+		children: i[l(271)]((e) => d(r, {
+			gap: 2,
+			wrap: !1,
+			onPointerEnter: () => c?.(e[l(274)]),
+			children: [u(n, { color: e[l(266)] }), u(t, {
+				variant: l(264),
+				tone: f(e[l(274)]),
+				children: e[l(248)]
+			})]
+		}, e[l(274)]))
+	});
+}
+export { h as ChartLegend, f as ChartTooltip };

package/lib/components/Chart/chart2.js

@@ -0,0 +1,96 @@
+"use client";
+const e = t;
+function t(e, r) {
+	e -= 117;
+	let i = n(), a = i[e];
+	t.DiKeqR === void 0 && (t.ZWHHOt = 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);
+	}, t.YDkxKb = {}, t.DiKeqR = !0);
+	let o = i[0];
+	t.atzLif !== o && (t.YDkxKb = {}, t.atzLif = o);
+	let s = t.YDkxKb[e];
+	return s === void 0 ? (a = t.ZWHHOt(a), t.YDkxKb[e] = a) : a = s, a;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (-parseInt(r(150)) / 1 * (-parseInt(r(135)) / 2) + parseInt(r(130)) / 3 + -parseInt(r(126)) / 4 * (-parseInt(r(118)) / 5) + parseInt(r(149)) / 6 + -parseInt(r(153)) / 7 * (-parseInt(r(127)) / 8) + -parseInt(r(144)) / 9 + parseInt(r(119)) / 10 * (-parseInt(r(140)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 100953);
+function n() {
+	let e = /* @__PURE__ */ "mti0nen6yMjJsG.mJK2svLjDuTg.A28Ts1i.C21VB3rO.mZyYnte0vunuugv6.BgvUz3rO.y29TCgfJDa.AM9PBG.zMXVB3i.mtzdBuDeru8.zNjVBq.DMfYkc0TD2fYBMLUzY1ZB2z0kq.DMfYkc0Ty2HHCNqTyxHPCYK.Bg9Nmta.mJjNqw5TCwC.y2vPBa.BNvTyMvY.DMfYka.ndCZmdmXzvrrEgjO.AxngAw5PDgu.ls1JAgfYDc0.DMfYkc0TzgfUz2vYlxnVzNqP.zMLUza.mte0otK4nfnOrhDjEq.mJm5nNvnAwzNzq.DMfYkc0TC3vYzMfJzs1Hy3rPDMuP.BwfW.mZaWmdL6AKnoDLO.CMv2zxjZzq.mJKXnwXOrevzAG.mJu5mdq1mhbNAMjNAq.DMfYkc0TzgfUz2vYkq.CM91BMq.tNvTyMvYrM9YBwf0.zM9YBwf0.Bwf4.BwLU".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+var r = new Intl[e(122)](e(128)), i = new Intl[e(122)](e(128), {
+	notation: e(132),
+	maximumFractionDigits: 1
+}), a = (t) => r[e(123)](t), o = (t) => i[e(123)](t), s = (t) => Math[e(121)](t * 1e3) / 10 + "%", c = (t, n) => {
+	let r = e, i = t ?? r(146) + (n % 6 + 1);
+	return i.startsWith("--") ? r(143) + i + ")" : i;
+}, l = (t, n) => {
+	let r = e, i = t?.[n];
+	return typeof i === r(142) && Number[r(145)](i) ? i : null;
+};
+function u(t, n) {
+	let r = e, i = Math[r(124)](1, n - 1);
+	if (t <= 0) return Array[r(136)]({ length: i + 1 }, (e, t) => t);
+	let a = t / i, o = 10 ** Math[r(134)](Math[r(139)](a)), s = ([
+		1,
+		1.5,
+		2,
+		2.5,
+		3,
+		5,
+		10
+	][r(148)]((e) => e * o >= a) ?? 10) * o;
+	return Array[r(136)]({ length: i + 1 }, (e, t) => t * s);
+}
+var d = (t) => Math[e(124)](...t[e(152)]((t) => t[e(131)])) * 7 + 14, f = (t, n, r = 110) => Math.max(1, Math[e(141)](t / Math[e(124)](1, Math.floor(n / r)))), p = (t, n) => n === e(129) && t[e(131)] > 2 ? m(t) : t.map(([e, t], n) => (n ? "L" : "M") + e + "," + t)[e(133)]("");
+function m(t) {
+	let n = e, r = t[n(131)], i = t.slice(0, -1).map(([e, n], r) => (t[r + 1][1] - n) / (t[r + 1][0] - e)), a = t[n(152)]((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], n = a[e + 1] / i[e], r = t * t + n * n;
+		if (r > 9) {
+			let o = 3 / Math.sqrt(r);
+			a[e] = o * t * i[e], a[e + 1] = o * n * i[e];
+		}
+	}
+	let o = "M" + t[0][0] + "," + t[0][1];
+	for (let e = 0; e < r - 1; e++) {
+		let n = (t[e + 1][0] - t[e][0]) / 3;
+		o += "C" + (t[e][0] + n) + "," + (t[e][1] + a[e] * n) + " " + (t[e + 1][0] - n) + "," + (t[e + 1][1] - a[e + 1] * n) + " " + t[e + 1][0] + "," + t[e + 1][1];
+	}
+	return o;
+}
+function h(t, n, r, i, a) {
+	let o = e, s = Math[o(124)](0, Math[o(125)](a, r / 2, i));
+	return "M" + t + "," + (n + i) + "V" + (n + s) + "Q" + t + "," + n + " " + (t + s) + "," + n + "H" + (t + r - s) + "Q" + (t + r) + "," + n + " " + (t + r) + "," + (n + s) + "V" + (n + i) + "Z";
+}
+var g = {
+	neutral: e(151),
+	accent: "var(--accent-soft)",
+	warning: e(137),
+	danger: e(147)
+}, _ = {
+	neutral: e(138),
+	accent: "var(--accent)",
+	warning: "var(--warning)",
+	danger: e(120)
+}, v = (t, n) => t[e(131)] ? p(t, n) : "";
+function y(t, n, r) {
+	let i = e;
+	return t[i(131)] ? "" + p(t, r) + p([...n][i(117)](), 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";
+const e = t;
+function t(e, r) {
+	e -= 333;
+	let i = n(), a = i[e];
+	t.uxmFPO === void 0 && (t.cBczNr = 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);
+	}, t.OrzuxQ = {}, t.uxmFPO = !0);
+	let o = i[0];
+	t.VjIWYk !== o && (t.OrzuxQ = {}, t.VjIWYk = o);
+	let s = t.OrzuxQ[e];
+	return s === void 0 ? (a = t.cBczNr(a), t.OrzuxQ[e] = a) : a = s, a;
+}
+function n() {
+	let e = /* @__PURE__ */ "BwLU.B2jZzxj2zq.mLPSCvzmwq.Ag92zxjhCMfJzq.mJa1mJmXnM1mBK9PsG.mZG1mZCYmMDAqNHlvG.mtaZnJy5ntbKwuzyDLC.B2zMC2v0sgvPz2H0.y2XLyxjuAw1LB3v0.offuzKnktq.Bwf4.B2zMC2v0v2LKDgG.mtKWodrAs2juqM0.qxjYB3DsAwDODa.C2v0vgLTzw91Da.mtGZmdC4m1jyvgvMBa.qxjYB3DvCa.y2XPzw50v2LKDgG.qxjYB3Dmzwz0.oMzVy3vZlxzPC2LIBgu.ChjLDMvUDerLzMf1Bhq.BgfZDa.nJeYmZK0mKfZEMXewq.rxnJyxbL.y3vYCMvUDa.zMLYC3q.nJe5ntvHzMPZCMy.nde1rvfoz3zM.rw5K.A2v5".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(356)) / 1 * (parseInt(r(362)) / 2) + -parseInt(r(345)) / 3 + -parseInt(r(342)) / 4 * (parseInt(r(357)) / 5) + parseInt(r(335)) / 6 + -parseInt(r(334)) / 7 * (-parseInt(r(339)) / 8) + -parseInt(r(352)) / 9 + parseInt(r(336)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 347433);
+import { TIMING as r } from "../../hooks/timing.js";
+import { useControllableState as i } from "../../hooks/useControllableState.js";
+import { useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+function l({ count: n, activeIndex: l, defaultActiveIndex: u = null, onActiveIndexChange: d, initialKeyboardIndex: f = e(351) }) {
+	let p = e, [m, h] = i(l, u, d), g = s(null), _ = s(null), [v, y] = c(0), [b, x] = c({
+		w: 0,
+		h: 0
+	}), S = s(void 0);
+	o(() => {
+		let e = t, n = g[e(354)], r = _[e(354)];
+		if (!n) return;
+		let i = new ResizeObserver(() => {
+			let t = e;
+			y(n.clientWidth), r && x((e) => e.w === r[t(341)] && e.h === r[t(337)] ? e : {
+				w: r.offsetWidth,
+				h: r[t(337)]
+			});
+		});
+		return i.observe(n), r && i[e(361)](r), y(n[e(347)]), () => i.disconnect();
+	}, []), a(() => () => window[p(338)](S[p(354)]), []);
+	let C = m !== null && m < n, [w, T] = c(m);
+	C && m !== w && T(m);
+	let E = w !== null && w < n ? w : null, [D, O] = c(!1);
+	return !C && D && O(!1), a(() => {
+		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: (e) => {
+			let t = p;
+			window[t(338)](S[t(354)]), e !== m && h(e);
+		},
+		leave: () => {
+			let e = p;
+			window[e(338)](S[e(354)]), S[e(354)] = window[e(344)](() => h(null), r[e(333)]);
+		},
+		plotProps: {
+			ref: g,
+			tabIndex: 0,
+			role: "group",
+			onKeyDown: (e) => {
+				let t = p;
+				if (!n) return;
+				let r = m ?? (f === t(355) ? 0 : n - 1), i = e[t(359)] === t(343) || e[t(359)] === "ArrowDown" ? Math[t(360)](n - 1, r + 1) : e[t(359)] === t(348) || e[t(359)] === t(346) ? Math[t(340)](0, r - 1) : e[t(359)] === "Home" ? 0 : e[t(359)] === t(358) ? n - 1 : void 0;
+				i === void 0 ? e[t(359)] === t(353) && m !== null && (e[t(350)](), h(null)) : (e[t(350)](), h(i));
+			},
+			onFocus: (e) => {
+				let t = p;
+				e.currentTarget.matches(t(349)) && m === null && n && h(f === t(355) ? 0 : n - 1);
+			},
+			onBlur: () => h(null)
+		}
+	};
+}
+export { l 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(442)) / 1 * (parseInt(n(431)) / 2) + -parseInt(n(445)) / 3 * (-parseInt(n(437)) / 4) + -parseInt(n(440)) / 5 + parseInt(n(448)) / 6 + parseInt(n(406)) / 7 * (parseInt(n(413)) / 8) + -parseInt(n(444)) / 9 + parseInt(n(409)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(v, 329069);
+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";
+function v() {
+	let e = /* @__PURE__ */ "7kce7iAH65cO.zw5K.z2HVC3q.7j6f66cLioYKKq.Aw5OzxjPDa.7kce7iAHioYlPo2mQa.C3bHBG.7j2yioUPLoYlNoYNGa.zhmTy2HHDc1IDwjIBgvFx2zPBgW.odi1mdKYr2PhzKzZ.zMLSDgvY.C2vUzgLUzW.zMLYC3q.zhmTy2HHDc1IDwjIBgvFx2fJDgLVBNm.BwLKzgXL.mJKXodHWtxLgy3e.y2fWDgLVBG.zhmTy2HHDc1NCM91Cf9FyxzHDgfY.mty5nJCYmfzdvw1ZDG.zhmTy2HHDc1IDwjIBgvFx2fSzxj0.mxbmEe9cBq.C3rYAw5N.ntKWmZqZm0XIzwvIyq.ouTjAvDMyq.ywnJzw50.zhmTy2HHDc1IDwjIBgu.mJmWntCYmMz1B1DQsq.zhmTy2HHDc1NCM91Ca.C2LUz2XL.r3jVDxa.64UK7iUCioUZToUcToQ4Sa.mtyZmwnHtwnLwG.yM9KEs1Tza.BgfZDa.mtGXotG5mhLkvwfnqq.zhmTy2HHDc1NCM91Cf9FBMfTzq.C2LKzq.C2vJB25Kyxj5.mteXmtjMCfn1Duy.uhjVDMLKzxi.zhmTy2HHDc1IDwjIBgvFx2zPBgWTlq.BgfIzwWTC20.zhmTy2HHDc1NCM91Cf9FyNvIyMXLCW.zMfPBgvK.Cg9ZAxrPB24.C3rHCNq.zhmTy2HHDc1IDwjIBgvFx3jVDW".split(".");
+	return v = function() {
+		return e;
+	}, v();
+}
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+var S = d(null), C = {
+	sending: "보내는 중",
+	sent: e(422),
+	read: "읽음",
+	failed: e(427)
+};
+function w({ status: n }) {
+	let r = e;
+	if (n === r(433)) return b(t, {
+		size: 12,
+		tone: r(426),
+		label: C[r(433)]
+	});
+	if (n === "failed") return null;
+	let i = n === "read" ? g : h;
+	return b(r(428), {
+		className: "ds-chat-bubble__status",
+		"data-status": n,
+		role: "img",
+		"aria-label": C[n],
+		children: b(i, { "aria-hidden": !0 })
+	});
+}
+function T({ side: t, tone: o, position: u, children: d, time: f, status: h, onRetry: g, typing: v, actions: T, footer: E, appear: D, className: O, style: k }) {
+	let A = e, j = p(S), M = t ?? j?.[A(411)] ?? A(420), N = u ?? j?.[A(419)] ?? A(403), P = o ?? (M === A(423) ? A(446) : "neutral"), F = N === A(403) || N === A(408), I = F && (f != null || h != null) || h === "sending" || h === "failed", L = b(n, {
+		as: "div",
+		variant: A(407),
+		tone: A(426),
+		className: c(A(430), A(415) + P),
+		"data-typing": v || void 0,
+		children: v ? x(A(428), {
+			className: "ds-chat-bubble__dots",
+			role: "status",
+			"aria-label": A(425),
+			children: [
+				b(A(428), {}),
+				b(A(428), {}),
+				b(A(428), {})
+			]
+		}) : d
+	}), R = I && b(r, {
+		gap: 1,
+		wrap: !1,
+		className: "ds-chat-bubble__meta",
+		"data-failed": h === "failed" || void 0,
+		children: h === "failed" ? x(y, { children: [b(m, {
+			"aria-hidden": !0,
+			className: A(441)
+		}), b(n, {
+			variant: A(438),
+			tone: "danger",
+			children: C.failed
+		})] }) : x(y, { children: [h && b(w, { status: h }), F && f != null && b(a, {
+			date: f,
+			format: l,
+			refreshInterval: !1
+		})] })
+	}), z = h === A(418) && g && b(s, {
+		variant: A(424),
+		size: "sm",
+		icon: b(_, {}),
+		onClick: g,
+		children: A(405)
+	}), B = T && b(A(428), {
+		className: A(435),
+		children: T
+	});
+	return x(i, {
+		gap: 1,
+		align: M === A(423) ? "end" : A(420),
+		className: c(A(447), O),
+		"data-side": M,
+		"data-position": N,
+		"data-status": h,
+		"data-appear": D || void 0,
+		style: k,
+		children: [x(r, {
+			gap: 2,
+			align: A(423),
+			wrap: !1,
+			className: A(421),
+			children: [
+				L,
+				R,
+				z,
+				B
+			]
+		}), E]
+	});
+}
+function E({ author: t, avatar: a, side: s = e(420), avatarSize: l = 28, showName: d = s === "start", children: p, className: m, style: h }) {
+	let g = e, _ = u.toArray(p)[g(432)](f), v = _.length - 1, y = s === "start" && (a === void 0 ? typeof t === g(443) ? b(o, {
+		name: t,
+		size: l
+	}) : null : a), C = x(i, {
+		gap: 1,
+		align: s === g(423) ? g(423) : g(420),
+		className: g(417),
+		children: [d && t != null && b(n, {
+			variant: g(416),
+			tone: g(412),
+			className: g(410),
+			children: t
+		}), _.map((e, t) => b(S[g(414)], {
+			value: {
+				side: s,
+				position: g(v === 0 ? 403 : t === 0 ? 434 : t === v ? 408 : 436)
+			},
+			children: e
+		}, e.key ?? t))]
+	});
+	return b("div", {
+		className: c(g(402), m),
+		"data-side": s,
+		role: "group",
+		"aria-label": typeof t == "string" ? t + g(429) : void 0,
+		style: {
+			"--_avatar": l + "px",
+			...h
+		},
+		children: s === "start" && (y || a === null) ? x(r, {
+			gap: 2,
+			align: "start",
+			wrap: !1,
+			children: [b(g(428), {
+				className: g(439),
+				children: y
+			}), C]
+		}) : C
+	});
+}
+function D(e, t) {
+	e -= 402;
+	let n = v(), r = n[e];
+	D.CGZWYf === void 0 && (D.oMivpx = 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.rsgeeI = {}, D.CGZWYf = !0);
+	let i = n[0];
+	D.eHCqaQ !== i && (D.rsgeeI = {}, D.eHCqaQ = i);
+	let a = D.rsgeeI[e];
+	return a === void 0 ? (r = D.oMivpx(r), D.rsgeeI[e] = r) : r = a, r;
+}
+T[e(404)] = E;
+export { T as ChatBubble, E as ChatBubbleGroup };