@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/Slider/Slider2.js

@@ -0,0 +1,142 @@
+"use client";
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(215)) / 1 * (parseInt(r(259)) / 2) + parseInt(r(245)) / 3 * (parseInt(r(244)) / 4) + -parseInt(r(238)) / 5 * (parseInt(r(251)) / 6) + parseInt(r(240)) / 7 * (-parseInt(r(252)) / 8) + -parseInt(r(247)) / 9 * (-parseInt(r(213)) / 10) + parseInt(r(261)) / 11 * (-parseInt(r(214)) / 12) + parseInt(r(227)) / 13 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(i, 829267);
+function t(e, n) {
+	e -= 212;
+	let r = i(), a = r[e];
+	t.AGnWfP === void 0 && (t.jpkHwj = 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.lbuVip = {}, t.AGnWfP = !0);
+	let o = r[0];
+	t.APdyDU !== o && (t.lbuVip = {}, t.APdyDU = o);
+	let s = t.lbuVip[e];
+	return s === void 0 ? (a = t.jpkHwj(a), t.lbuVip[e] = a) : a = s, a;
+}
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { cx as r } from "../../primitives/index.js";
+function i() {
+	let e = /* @__PURE__ */ "rxnJyxbL.AxnbCNjHEq.y2XPzw50wa.zhmTC2XPzgvYx190AhvTyG.nJG4ndy1nxr5z1bAra.C29Tzq.mZaZoteWnKn4vMTiCG.D2LKDgG.C3bSAxq.Aw5WDxq.nhzRqvLvza.ndm1ntqWm3beuK5csq.Dg9gAxHLza.mZy2nZvUy0vvtK8.zgL2.Ag9YAxPVBNrHBa.rw5K.nMr1BM51BW.oeXVuvvMtq.ChjLDMvUDerLzMf1Bhq.Cg9PBNrLCKLK.zhmTC2XPzgvYx19TyxjR.BwfW.BgvUz3rO.zhmTC2XPzgvYx19TyxjRlwXHyMvS.mKfeB1P5Ca.sg9Tzq.mtflBhbcB1q.yxv0BW.mZa3me1SvhHgDa.mtyXmJi5ndHssvjWtKu.mZK0nJyYq01SrffT.C2v0ug9PBNrLCKnHChr1CMu.y3vYCMvUDa.zhmTC2XPzgvYx19Yyw5Nzq.C3bHBG.A2v5.BMv2zxi.CM91BMq.BNvTyMvY.zhmTC2XPzgvYx192ywX1zq.zhmTC2XPzgvYx19YywLS.zhmTC2XPzgvYls1SywjLBgvK.mte1mJm4mtfyuuLPrw0.Bwf4.BwLU.yNv0Dg9U.BgfIzwW.DMfSDwu.ywjZ".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
+/* empty css       */
+import { useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = (t, n, r) => Math[e(229)](r, Math[e(228)](n, t));
+function d({ value: t, defaultValue: i, onValueChange: d, onValueCommit: f, min: p = 0, max: m = 100, step: h = 1, minDistance: g = 0, marks: _, formatValue: v = String, showValue: y = e(212), size: b = "md", disabled: x, name: S, id: C, className: w, "aria-label": T, getThumbLabel: E }) {
+	let D = e, O = Array.isArray(t ?? i), [k, A] = n(t, i ?? p, d), j = Array[D(235)](k) ? k : [k], M = o(j);
+	a(() => {
+		let e = D;
+		M[e(217)] = j;
+	});
+	let N = o(null), P = o([]), [F, I] = s(null), L = o(j), R = (String(h)[D(242)](".")[1] ?? "")[D(257)], z = (e) => u(Number((Math[D(222)]((e - p) / h) * h + p)[D(246)](R)), p, m), B = (e) => (e - p) / (m - p) * 100, V = (e) => O ? [e[0], e[1]] : e[0], H = (e, t) => {
+		let n = D, r = [...M[n(217)]], i = z(t);
+		O && (i = e === 0 ? Math[n(229)](i, r[1] - g) : Math.max(i, r[0] + g)), i !== r[e] && (r[e] = i, M[n(217)] = r, A(V(r)));
+	}, U = (e) => {
+		let t = D, n = N[t(217)].getBoundingClientRect();
+		return p + u((e - n.left) / n[t(241)], 0, 1) * (m - p);
+	}, W = (e) => {
+		let t = D;
+		if (x || e[t(230)] !== 0) return;
+		e[t(253)]();
+		let n = U(e.clientX), r = O ? Math[t(233)](n - j[0]) < Math[t(233)](n - j[1]) ? 0 : Math[t(233)](n - j[0]) > Math[t(233)](n - j[1]) ? 1 : n < j[0] ? 0 : 1 : 0;
+		e.currentTarget[t(216)](e[t(254)]), L[t(217)] = M.current, I(r), H(r, n), P[t(217)][r]?.focus();
+	}, G = (e) => {
+		F !== null && H(F, U(e[D(236)]));
+	}, K = () => {
+		F !== null && (I(null), f?.(V(M.current)));
+	}, q = (e) => (t) => {
+		let n = D;
+		if (t[n(220)] === n(234) && F !== null) {
+			t[n(253)](), I(null), M.current = L[n(217)], A(V(L[n(217)]));
+			return;
+		}
+		if (F !== null) return;
+		let r = h * Math[n(228)](1, Math.round((m - p) / h / 10)), i = {
+			ArrowRight: h,
+			ArrowUp: h,
+			ArrowLeft: -h,
+			ArrowDown: -h,
+			PageUp: r,
+			PageDown: -r
+		}, a;
+		t[n(220)] in i ? a = j[e] + i[t[n(220)]] : t[n(220)] === n(260) ? a = p : t[n(220)] === n(250) && (a = m), a !== void 0 && (t[n(253)](), H(e, a), f?.(V(M[n(217)])));
+	}, J = (_ ?? [])[D(256)]((e) => typeof e === D(223) ? { value: e } : e), Y = J[D(239)]((e) => e[D(231)] != null), X = O ? j[0] : p, Z = j[j[D(257)] - 1];
+	return l(D(248), {
+		id: C,
+		className: r("ds-slider", "ds-slider--" + b, Y && D(226), w),
+		"data-disabled": x || void 0,
+		"data-dragging": F !== null || void 0,
+		onPointerDown: W,
+		onPointerMove: G,
+		onPointerUp: K,
+		onPointerCancel: K,
+		children: [l(D(248), {
+			ref: N,
+			className: D(225),
+			children: [
+				c(D(248), {
+					className: "ds-slider__track",
+					children: c(D(248), {
+						className: D(218),
+						style: {
+							left: B(X) + "%",
+							right: 100 - B(Z) + "%"
+						}
+					})
+				}),
+				J[D(256)]((e) => c(D(219), {
+					className: D(255),
+					"data-in-range": e[D(232)] >= X && e[D(232)] <= Z || void 0,
+					style: { left: B(e[D(232)]) + "%" }
+				}, e[D(232)])),
+				j[D(256)]((e, t) => c(D(219), {
+					ref: (e) => {
+						let n = D;
+						P[n(217)][t] = e;
+					},
+					role: "slider",
+					tabIndex: x ? -1 : 0,
+					"aria-valuemin": O && t === 1 ? j[0] : p,
+					"aria-valuemax": O && t === 0 ? j[1] : m,
+					"aria-valuenow": e,
+					"aria-valuetext": v(e),
+					"aria-label": E?.(t) ?? T,
+					"aria-orientation": D(249),
+					"aria-disabled": x || void 0,
+					className: D(237),
+					"data-active": F === t || void 0,
+					style: { left: B(e) + "%" },
+					onKeyDown: q(t),
+					children: y !== D(221) && c(D(219), {
+						className: D(224),
+						"data-show": y,
+						children: v(e)
+					})
+				}, t)),
+				Y && J[D(256)]((e) => e[D(231)] != null && c(D(219), {
+					className: D(258),
+					style: { left: B(e.value) + "%" },
+					children: e[D(231)]
+				}, "l-" + e.value))
+			]
+		}), S && j[D(256)]((e, t) => c(D(243), {
+			type: "hidden",
+			name: O ? S + "[" + t + "]" : S,
+			value: e
+		}, t))]
+	});
+}
+export { d as Slider };

package/lib/components/SocialLoginButton/SocialLoginButton.js

@@ -0,0 +1,84 @@
+"use client";
+var e = t;
+(function(e, n) {
+	for (var r = t, i = e();;) try {
+		if (-parseInt(r(375)) / 1 + -parseInt(r(382)) / 2 + -parseInt(r(385)) / 3 + parseInt(r(381)) / 4 * (-parseInt(r(376)) / 5) + parseInt(r(380)) / 6 + -parseInt(r(379)) / 7 + parseInt(r(389)) / 8 * (parseInt(r(387)) / 9) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(r, 498480);
+function t(e, n) {
+	e -= 375;
+	var i = r(), a = i[e];
+	t.yqOfZl === void 0 && (t.oZjnnG = 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.TgFFIj = {}, t.yqOfZl = !0);
+	var o = i[0];
+	t.WxgRvZ !== o && (t.TgFFIj = {}, t.WxgRvZ = o);
+	var s = t.TgFFIj[e];
+	return s === void 0 ? (a = t.oZjnnG(a), t.TgFFIj[e] = a) : a = s, a;
+}
+import { BrandIcon as n } from "../../primitives/BrandIcon.js";
+function r() {
+	var e = [
+		"C2vJB25Kyxj5",
+		"ofPMruDZrG",
+		"nJi4nZCXD2H2y3ny",
+		"ntuWqM1QAMfT",
+		"r29Vz2XL",
+		"y29UDgLUDwu",
+		"nJe3ndqYn3vYugrkza",
+		"mJy5otm0mgn3D1PYqW",
+		"mJK3ndHrzNnStxO",
+		"mteZmZC4ogPirfP0sa",
+		"66gCioUHNoQ3UoYDUa",
+		"66gCioQWGoYEHE2vMoQ4Sa",
+		"mtGWodC2owPitMXTwG",
+		"qxbWBgu",
+		"mZe5mJu3odfQBeLbwMW"
+	];
+	return r = function() {
+		return e;
+	}, r();
+}
+import { Button as i } from "../../primitives/index.js";
+import { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var s = {
+	google: {
+		name: e(377),
+		variant: e(388)
+	},
+	apple: {
+		name: e(386),
+		variant: "primary"
+	}
+}, c = {
+	continue: "로 계속하기",
+	signin: e(383),
+	signup: e(384)
+}, l = {
+	sm: 14,
+	md: 16,
+	lg: 18
+}, u = a(function({ provider: t, action: r = e(378), size: a = "md", iconOnly: u, children: d, ...f }, p) {
+	let { name: m, variant: h } = s[t], g = m + c[r];
+	return o(i, {
+		ref: p,
+		variant: h,
+		size: a,
+		iconOnly: u,
+		icon: o(n, {
+			name: t,
+			size: l[a]
+		}),
+		"aria-label": u ? g : void 0,
+		"data-provider": t,
+		...f,
+		children: d ?? g
+	});
+});
+export { u as SocialLoginButton };

package/lib/components/SparkChart/SparkChart2.js

@@ -0,0 +1,217 @@
+"use client";
+const e = p;
+(function(e, t) {
+	let n = p, r = e();
+	for (;;) try {
+		if (-parseInt(n(278)) / 1 + -parseInt(n(263)) / 2 * (-parseInt(n(300)) / 3) + parseInt(n(316)) / 4 + -parseInt(n(315)) / 5 * (-parseInt(n(311)) / 6) + parseInt(n(323)) / 7 + parseInt(n(326)) / 8 * (-parseInt(n(273)) / 9) + -parseInt(n(291)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(h, 475384);
+import { cx as t } from "../../primitives/index.js";
+/* empty css             */
+import { ChartTooltip as n } from "../Chart/ChartParts.js";
+import { bandPath as r, formatNumber as i, linePath as a } from "../Chart/chart2.js";
+import { useChartInteraction as ee } from "../Chart/useChartInteraction.js";
+import { isSparkValue as o, sparkColor as te } from "./spark.js";
+import { Sparkbar as s } from "../Sparkbar/Sparkbar2.js";
+/* empty css           */
+import { useId as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = 8, ne = 1.5, re = 2.5;
+function p(e, t) {
+	e -= 257;
+	let n = h(), r = n[e];
+	p.uBsyxL === void 0 && (p.OHxaeC = 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);
+	}, p.bSyIkZ = {}, p.uBsyxL = !0);
+	let i = n[0];
+	p.kOirlP !== i && (p.bSyIkZ = {}, p.kOirlP = i);
+	let a = p.bSyIkZ[e];
+	return a === void 0 ? (r = p.OHxaeC(r), p.bSyIkZ[e] = r) : r = a, r;
+}
+function m(e) {
+	let t = p;
+	return u(v, {
+		...e,
+		type: t(307)
+	});
+}
+function h() {
+	let e = /* @__PURE__ */ "zgvMCW.B3bLBG.zhmTy2HHCNrFx3bSB3q.yMfY.C29SAwq.y2XHC3noyw1L.zhmTy2HHCNrFx3nY.mtCXmdq3mJb6D3P1uuW.BgvMDa.y2XVC2vK.y2XPzw50wa.zgL2.Dg9Uzq.C3bHBG.BgvUz3rO.Aw1N.m21TCfvryW.zhmTC3bHCMTFx2D1AwrL.DMfYkc0TywnJzw50kq.zhmTC3bHCMTFx3n0B3a.DxjSkcm.lwXPDMu.D2LKDgG.BgLUzq.zhmTC3bHCMTFx2XPBMu.DhjHBNnSyxrLka.Cgf0Aa.nZK0mdy0uxPgyw1w.7lAu7j20ioQ3UoUEMo2uHa.yxjPys1SywjLBa.ChGP.mZvTy3n3r2i.mtK0mZaWoeXdquvQqW.Dg9VBhrPCa.lwzPBgW.BwfW.AgLNAgvYsxm.y2LYy2XL.DhjHBNnSyxrLwcG.ndK3mJqWmwfOA1f5DG.DMfSDwvmywjLBa.zhmTC3bHCMTFx2rVDa.nteZnJmYyKXZveLJ.y3vYCMvUDfrHCMDLDa.6RIW66gDioYxHUYDJa.C3rVCa.ywnJzw50.zgvMyxvSDefJDgL2zuLUzgv4.AgvPz2H0.otaYmtuWzgLAvM13.zhmTy2HHCNrFx2HPDa.C21VB3rO.zMLSDgvY.Bwf4.zhmTC3bHCMS.BwLU.yxjLyq.ywn0AxzLsw5KzxG.B25by3rPDMvjBMrLEenOyw5Nzq.mtHTq0XwC1a.z3jHzgLLBNq.ChvZAa.lwzPBgWP.BgLUzwfYr3jHzgLLBNq.mJu5mZe0Bvz2vK1j.Cg9SAxrL.C3r5Bgu.ChGSia.CM91BMq.DMfSDwu".split(".");
+	return h = function() {
+		return e;
+	}, h();
+}
+function g(e) {
+	return u(v, {
+		...e,
+		type: "area"
+	});
+}
+function _({ type: t = e(307), ...n }) {
+	let r = e;
+	return t === r(287) ? u(s, {
+		data: n.data,
+		height: n[r(262)] ?? 32,
+		max: n.max,
+		color: n.color,
+		tone: n[r(296)],
+		higherIs: n[r(320)],
+		worseTone: n.worseTone,
+		tooltip: n[r(317)],
+		formatLabel: n.formatLabel,
+		valueLabel: n[r(324)],
+		formatValue: n.formatValue,
+		activeIndex: n[r(271)],
+		defaultActiveIndex: n[r(261)],
+		onActiveIndexChange: n[r(272)],
+		"aria-label": n[r(313)],
+		className: n[r(289)],
+		style: {
+			width: n[r(306)],
+			...n[r(280)]
+		}
+	}) : u(v, {
+		...n,
+		type: t
+	});
+}
+function v({ type: s, data: p, height: m = 32, width: h, curve: g = e(265), color: _, tone: v = e(260), higherIs: ie, worseTone: ae, min: oe, max: se, endDot: y, fill: b = "gradient", tooltip: x = !0, formatLabel: S = (e) => e + 1 + "일", valueLabel: ce = "값", formatValue: le = i, activeIndex: ue, defaultActiveIndex: de, onActiveIndexChange: fe, "aria-label": pe, className: me, style: he }) {
+	let C = e, w = p[C(298)], T = x, { open: E, shown: D, settled: ge, width: O, tipRef: _e, tipSize: k, hover: A, leave: j, plotProps: M } = ee({
+		count: T ? w : 0,
+		activeIndex: ue,
+		defaultActiveIndex: de,
+		onActiveIndexChange: fe
+	}), { ref: N, ...P } = M, F = c(), I = te(p, {
+		color: _,
+		tone: v,
+		higherIs: ie,
+		worseTone: ae
+	}), L = p[C(266)](o), R = oe ?? (L[C(298)] ? Math[C(269)](...L) : 0), z = se ?? (L[C(298)] ? Math[C(267)](...L) : 0), B = z - R, V = y ? 3.5 : ne, H = y ? 3.5 : 1, U = (e) => w > 1 ? H + e / (w - 1) * Math.max(0, O - H * 2) : O / 2, W = (e) => B > 0 ? V + (1 - (Math[C(269)](z, Math[C(267)](R, e)) - R) / B) * (m - V * 2) : m / 2, G = [], K = null;
+	for (let e = 0; e < w; e++) {
+		let t = p[e];
+		o(t) ? (!K && (K = [], G[C(275)](K)), K[C(275)]([U(e), W(t)])) : K = null;
+	}
+	let ve = G[C(319)]((e) => a(e, g)).join(""), ye = s === "area" ? G.map((e) => r(e, e[C(319)](([e]) => [e, m]), g)) : [], q = -1;
+	for (let e = w - 1; e >= 0; e--) if (o(p[e])) {
+		q = e;
+		break;
+	}
+	let J = D === null ? null : p[D], Y = o(J), X = D === null ? 0 : U(D), be = X + f + k.w > O ? Math[C(267)](0, X - f - k.w) : X + f, xe = (m - k.h) / 2, Z = Y ? le(J) : C(258), Q = (e) => {
+		let t = C, n = e[t(257)].getBoundingClientRect(), r = w > 1 ? (e[t(294)] - n[t(292)]) / n.width : 0;
+		A(Math.min(w - 1, Math.max(0, Math[t(282)](r * (w - 1)))));
+	}, $ = pe ?? (s === C(270) ? "영역 추이" : "추이"), Se = T ? {
+		...P,
+		"aria-roledescription": C(312),
+		"aria-label": $,
+		"aria-describedby": F + C(305)
+	} : {
+		role: C(299),
+		"aria-label": $
+	};
+	return d("div", {
+		ref: N,
+		...Se,
+		className: t("ds-chart", C(286), C(268), me),
+		style: {
+			width: h,
+			height: m,
+			...I && { "--_c": I },
+			...he
+		},
+		children: [O > 0 && d("svg", {
+			className: "ds-chart__svg",
+			width: O,
+			height: m,
+			"aria-hidden": !0,
+			children: [
+				s === "area" && b === "gradient" && u(C(284), { children: d(C(277), {
+					id: F + C(318),
+					x1: "0",
+					x2: "0",
+					y1: "0",
+					y2: "1",
+					children: [u(C(259), {
+						offset: "0%",
+						className: C(303),
+						style: { stopOpacity: .22 }
+					}), u(C(259), {
+						offset: "100%",
+						className: C(303),
+						style: { stopOpacity: 0 }
+					})]
+				}) }),
+				ye.map((e, t) => u(C(310), {
+					className: "ds-spark__area",
+					d: e,
+					fill: b === C(274) ? C(304) + F + C(276) : void 0,
+					"data-solid": b === C(288) || void 0
+				}, t)),
+				u(C(310), {
+					className: C(308),
+					d: ve,
+					pathLength: 1
+				}),
+				y && q >= 0 && u(C(321), {
+					className: "ds-spark__end",
+					r: re,
+					style: { transform: C(309) + U(q) + C(281) + W(p[q]) + C(314) }
+				}),
+				T && d(l, { children: [
+					u(C(307), {
+						className: C(301),
+						"data-state": E ? "open" : C(293),
+						x1: 0,
+						x2: 0,
+						y1: 0,
+						y2: m,
+						style: { transform: C(322) + (Math[C(282)](X) + .5) + C(314) }
+					}),
+					u("g", {
+						className: C(325),
+						"data-state": E && Y ? C(285) : "closed",
+						style: { transform: C(309) + X + "px, " + (Y ? W(J) : m / 2) + C(314) },
+						children: u(C(321), { r: 3 })
+					}),
+					u("rect", {
+						className: C(264),
+						x: 0,
+						y: 0,
+						width: O,
+						height: m,
+						onPointerMove: Q,
+						onPointerDown: Q,
+						onPointerLeave: j
+					})
+				] })
+			]
+		}), T && d(l, { children: [u(C(295), {
+			ref: _e,
+			className: "ds-chart__tip",
+			"data-state": C(E ? 285 : 293),
+			"data-settled": ge || void 0,
+			style: { transform: C(309) + be + "px, " + xe + "px)" },
+			"aria-hidden": !0,
+			children: u(n, {
+				title: D === null ? null : S(D),
+				rows: [{
+					key: C(283),
+					label: ce,
+					color: I ?? C(302),
+					value: Z
+				}]
+			})
+		}), u(C(297), {
+			id: F + "-live",
+			className: C(290),
+			"aria-live": C(279),
+			children: E && D !== null ? S(D) + ": " + Z : ""
+		})] })]
+	});
+}
+export { g as SparkArea, _ as SparkChart, m as SparkLine };

package/lib/components/SparkChart/spark.js

@@ -0,0 +1,71 @@
+"use client";
+const e = n;
+function t() {
+	let e = [
+		"ndeZngHytgHksq",
+		"DMfYka",
+		"DMfYkc0T",
+		"nJGZmJaXmKnizg5pua",
+		"BM9Uzq",
+		"DMfYkc0TC3vJy2vZCYK",
+		"AxngAw5PDgu",
+		"BNvTyMvY",
+		"nZC2nJe5mfHZBKj2ra",
+		"mtK5mZq4A2vutM9r",
+		"BgvUz3rO",
+		"BMv1DhjHBa",
+		"ndmWmZC3nwzmtvjrra",
+		"ndC3ntKYBgPms0TK",
+		"nfPVqvvoza",
+		"zg93BG",
+		"DMfYkc0TywnJzw50kq",
+		"mZaYnte4ohDLExD3uq",
+		"mtqYmeDouNfHtW",
+		"otLWChPlu1m"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (-parseInt(r(204)) / 1 * (-parseInt(r(209)) / 2) + parseInt(r(212)) / 3 + parseInt(r(218)) / 4 + parseInt(r(213)) / 5 * (-parseInt(r(215)) / 6) + -parseInt(r(207)) / 7 + parseInt(r(208)) / 8 * (-parseInt(r(214)) / 9) + -parseInt(r(203)) / 10 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 871286);
+function n(e, r) {
+	e -= 203;
+	let i = t(), a = i[e];
+	n.qQwPmw === void 0 && (n.mzMwuA = 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);
+	}, n.NejWet = {}, n.qQwPmw = !0);
+	let o = i[0];
+	n.kptgOn !== o && (n.NejWet = {}, n.kptgOn = o);
+	let s = n.NejWet[e];
+	return s === void 0 ? (a = n.mzMwuA(a), n.NejWet[e] = a) : a = s, a;
+}
+var r = (t) => typeof t === e(222) && Number[e(221)](t);
+function i(t) {
+	let n = e, i = t.filter(r);
+	if (i[n(205)] < 2) return "none";
+	let a = i[i[n(205)] - 1] - i[0];
+	return a > 0 ? "up" : n(a < 0 ? 210 : 219);
+}
+function a(t, { color: n, tone: r, higherIs: a = "better", worseTone: o = "warning" }) {
+	let s = e;
+	if (n) return n.startsWith("--") ? s(216) + n + ")" : n;
+	if (r === "accent") return s(211);
+	if (r === s(206)) return "var(--chart-5)";
+	if (r === "trend") {
+		let e = i(t);
+		return e === "none" || a === s(206) ? "var(--chart-5)" : e === "up" == (a === "better") ? s(220) : s(217) + o + ")";
+	}
+}
+var o = r;
+export { o as isSparkValue, a as sparkColor, i as sparkTrend };

package/lib/components/Sparkbar/Sparkbar2.js

@@ -0,0 +1,111 @@
+"use client";
+(function(e, t) {
+	let n = o, r = e();
+	for (;;) try {
+		if (parseInt(n(275)) / 1 + parseInt(n(283)) / 2 * (parseInt(n(301)) / 3) + parseInt(n(290)) / 4 * (parseInt(n(298)) / 5) + parseInt(n(269)) / 6 * (-parseInt(n(303)) / 7) + -parseInt(n(276)) / 8 + -parseInt(n(289)) / 9 * (parseInt(n(279)) / 10) + -parseInt(n(291)) / 11 * (-parseInt(n(278)) / 12) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(i, 260737);
+import { cx as e } from "../../primitives/index.js";
+/* empty css             */
+import { ChartTooltip as t } from "../Chart/ChartParts.js";
+import { formatNumber as n } from "../Chart/chart2.js";
+import { useChartInteraction as r } from "../Chart/useChartInteraction.js";
+function i() {
+	let e = /* @__PURE__ */ "mJq5mJGWohP4AwjqCW.mtbwrM5vD24.zhmTy2HHCNrFx3rPCa.y2XVC2vK.Bwf4.mKXlB2PVBq.zgL2.zhmTy2HHCNrFx3nY.D2LKDgG.Cg9SAxrL.6RIW66gDioYxHUYDJa.mJmYnJGXnu9pzMjXzq.mtm5nNzzru5qsa.mJj3sxL6wMK.DhjHBNnSyxrLka.BgvMDa.BgvUz3rO.C3bHBG.zMXVB3i.ChGSidaP.mZvmDNDQDg0.DMfSDwu.BwfW.odCYmZq2zxf4z3Pn.zhmTy2HHCNq.ndG2odm2Dg5Wq2De.zhmTC3bHCMTIyxi.BgfZDa.zhmTC3bHCMTIyxjFx2jHCG.mZb3vvzLB24.BwLU.lwXPDMu.66Ej64YaioQ3UoUEMo2uHa.y2XPzw50wa.z2v0qM91BMrPBMDdBgLLBNrszwn0.ndq5nJi4wxj0qNfQ.mJmZmdq3mKX3wLDrwq.Bwf4kdjWEcWG".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
+import { sparkColor as a } from "../SparkChart/spark.js";
+/* empty css         */
+function o(e, t) {
+	e -= 269;
+	let n = i(), r = n[e];
+	o.KujFsB === void 0 && (o.ayMnHh = 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);
+	}, o.cFobSy = {}, o.KujFsB = !0);
+	let a = n[0];
+	o.SdOPBm !== a && (o.cFobSy = {}, o.SdOPBm = a);
+	let s = o.cFobSy[e];
+	return s === void 0 ? (r = o.ayMnHh(r), o.cFobSy[e] = r) : r = s, r;
+}
+import { useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = 8;
+function d({ data: i, height: d = 48, max: f, color: p, tone: m, higherIs: h, worseTone: g, formatLabel: _ = (e) => e + 1 + "일", formatValue: v = n, valueLabel: y = "값", tooltip: b = !0, activeIndex: x, defaultActiveIndex: S, onActiveIndexChange: C, "aria-label": w = "막대 그래프", className: T, style: E }) {
+	let D = o, O = i[D(294)], { open: k, shown: A, settled: j, width: M, tipRef: N, tipSize: P, hover: F, leave: I, plotProps: L } = r({
+		count: O,
+		activeIndex: x,
+		defaultActiveIndex: S,
+		onActiveIndexChange: C,
+		initialKeyboardIndex: D(305)
+	}), R = s(), z = f ?? Math[D(282)](0, ...i[D(300)]((e) => e ?? 0)), B = (e) => z > 0 ? Math[D(282)](0, Math[D(270)](100, e / z * 100)) : 0, V = O ? M / O : 0, H = A === null ? void 0 : i[A], U = A === null ? 0 : A * V, W = U + V + u + P.w > M ? Math.max(0, U - u - P.w) : U + V + u, G = H == null ? D(288) : v(H), K = (e) => {
+		let t = D, n = e.currentTarget[t(274)]();
+		F(Math[t(270)](O - 1, Math[t(282)](0, Math[t(296)]((e[t(273)] - n[t(293)]) / n[t(286)] * O))));
+	}, q = a(i, {
+		color: p,
+		tone: m,
+		higherIs: h,
+		worseTone: g
+	});
+	return l("div", {
+		...L,
+		className: e(D(302), "ds-chart__plot", D(304), T),
+		style: {
+			height: d,
+			...q && { "--_c": q },
+			...E
+		},
+		"aria-roledescription": D(272),
+		"aria-label": w,
+		"aria-describedby": R + D(271),
+		children: [
+			c("div", {
+				className: "ds-sparkbar__bars",
+				onPointerMove: K,
+				onPointerDown: K,
+				onPointerLeave: I,
+				"aria-hidden": !0,
+				children: i[D(300)]((e, t) => c(D(295), {
+					className: "ds-sparkbar__slot",
+					children: c("span", {
+						className: D(306),
+						"data-empty": e === null || void 0,
+						"data-active": k && A === t || void 0,
+						style: e === null ? void 0 : { height: D(277) + B(e) + "%)" }
+					})
+				}, t))
+			}),
+			b && c(D(284), {
+				ref: N,
+				className: D(280),
+				"data-state": k ? "open" : D(281),
+				"data-settled": j || void 0,
+				style: { transform: D(292) + W + D(297) },
+				"aria-hidden": !0,
+				children: c(t, {
+					title: A === null ? null : _(A),
+					rows: [{
+						key: D(299),
+						label: y,
+						color: q ?? "var(--n6)",
+						value: G
+					}]
+				})
+			}),
+			c(D(295), {
+				id: R + D(271),
+				className: D(285),
+				"aria-live": D(287),
+				children: k && A !== null ? _(A) + ": " + G : ""
+			})
+		]
+	});
+}
+export { d as Sparkbar };