@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/Slider/Slider2.js

@@ -0,0 +1,142 @@
+"use client";
+function e() {
+	let t = /* @__PURE__ */ "zgL2.z2v0qM91BMrPBMDdBgLLBNrszwn0.BNvTyMvY.zhmTC2XPzgvYx19Yyw5Nzq.odmYmty3zKfitgPq.C29Tzq.CM91BMq.BwLU.zhmTC2XPzgvYx192ywX1zq.ntCXnwvSqMLiyq.yxv0BW.zhmTC2XPzgvYx190AhvTyG.mJiXnZe4Evbxtfrv.zhmTC2XPzgvYx19TyxjR.nJC0odu4n094y1fcAa.BgvUz3rO.ChjLDMvUDerLzMf1Bhq.zhmTC2XPzgvY.BMv2zxi.y3vYCMvUDa.rxnJyxbL.BgfIzwW.C3bHBG.BwfW.DMfSDwu.BgvMDa.ywjZ.mJG3yNPevLfz.mtG2mZG1A3PPrLno.otC4otzXC0TPCha.mJaZoda4mg1cu3LluW.Cg9PBNrLCKLK.zM9JDxm.yNv0Dg9U.y3vYCMvUDfrHCMDLDa.zhmTC2XPzgvYx19YywLS.C3bSAxq.AxnbCNjHEq.A2v5.C2XPzgvY.y2XPzw50wa.nZy0Bur0uhDj.Dg9gAxHLza.zhmTC2XPzgvYls0.sg9Tzq.Bwf4.zhmTC2XPzgvYx190CMfJAW.mtHZturSALu".split(".");
+	return e = function() {
+		return t;
+	}, e();
+}
+const t = n;
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (parseInt(r(156)) / 1 + parseInt(r(164)) / 2 + parseInt(r(161)) / 3 * (-parseInt(r(145)) / 4) + parseInt(r(132)) / 5 * (-parseInt(r(151)) / 6) + parseInt(r(131)) / 7 * (parseInt(r(133)) / 8) + -parseInt(r(166)) / 9 + parseInt(r(134)) / 10 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(e, 423022);
+function n(t, r) {
+	t -= 126;
+	let i = e(), a = i[t];
+	n.lwPCEz === void 0 && (n.ksytRP = 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.CjFQxg = {}, n.lwPCEz = !0);
+	let o = i[0];
+	n.axMVqQ !== o && (n.CjFQxg = {}, n.axMVqQ = o);
+	let s = n.CjFQxg[t];
+	return s === void 0 ? (a = n.ksytRP(a), n.CjFQxg[t] = a) : a = s, a;
+}
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+/* 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 = (e, n, r) => Math[t(159)](r, Math.max(n, e));
+function d({ value: e, defaultValue: n, onValueChange: d, onValueCommit: f, min: p = 0, max: m = 100, step: h = 1, minDistance: g = 0, marks: _, formatValue: v = String, showValue: y = t(162), size: b = "md", disabled: x, name: S, id: C, className: w, "aria-label": T, getThumbLabel: E }) {
+	let D = t, O = Array[D(141)](e ?? n), [k, A] = r(e, n ?? p, d), j = Array[D(141)](k) ? k : [k], M = o(j);
+	a(() => {
+		M.current = j;
+	});
+	let N = o(null), P = o([]), [F, I] = s(null), L = o(j), R = (String(h)[D(140)](".")[1] ?? "")[D(167)], z = (e) => u(Number((Math[D(158)]((e - p) / h) * h + p)[D(146)](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(171)]], i = z(t);
+		O && (i = e === 0 ? Math[n(159)](i, r[1] - g) : Math[n(149)](i, r[0] + g)), i !== r[e] && (r[e] = i, M[n(171)] = r, A(V(r)));
+	}, U = (e) => {
+		let t = D, n = N[t(171)][t(153)]();
+		return p + u((e - n[t(129)]) / n.width, 0, 1) * (m - p);
+	}, W = (e) => {
+		let t = D;
+		if (x || e[t(137)] !== 0) return;
+		e[t(168)]();
+		let n = U(e.clientX), r = O ? Math.abs(n - j[0]) < Math[t(130)](n - j[1]) ? 0 : Math[t(130)](n - j[0]) > Math[t(130)](n - j[1]) ? 1 : n < j[0] ? 0 : 1 : 0;
+		e[t(138)].setPointerCapture(e[t(135)]), L[t(171)] = M.current, I(r), H(r, n), P[t(171)][r]?.[t(136)]();
+	}, G = (e) => {
+		F !== null && H(F, U(e[D(144)]));
+	}, K = () => {
+		let e = D;
+		F !== null && (I(null), f?.(V(M[e(171)])));
+	}, q = (e) => (t) => {
+		let n = D;
+		if (t[n(142)] === n(172) && F !== null) {
+			t[n(168)](), I(null), M[n(171)] = L.current, A(V(L[n(171)]));
+			return;
+		}
+		if (F !== null) return;
+		let r = h * Math[n(149)](1, Math.round((m - p) / h / 10)), i = {
+			ArrowRight: h,
+			ArrowUp: h,
+			ArrowLeft: -h,
+			ArrowDown: -h,
+			PageUp: r,
+			PageDown: -r
+		}, a;
+		t[n(142)] in i ? a = j[e] + i[t.key] : t[n(142)] === n(148) ? a = p : t[n(142)] === "End" && (a = m), a !== void 0 && (t[n(168)](), H(e, a), f?.(V(M[n(171)])));
+	}, J = (_ ?? [])[D(127)]((e) => typeof e === D(154) ? { value: e } : e), Y = J[D(157)]((e) => e[D(173)] != null), X = O ? j[0] : p, Z = j[j.length - 1];
+	return l(D(152), {
+		id: C,
+		className: i(D(169), D(147) + b, Y && "ds-slider--labeled", w),
+		"data-disabled": x || void 0,
+		"data-dragging": F !== null || void 0,
+		onPointerDown: W,
+		onPointerMove: G,
+		onPointerUp: K,
+		onPointerCancel: K,
+		children: [l("div", {
+			ref: N,
+			className: D(139),
+			children: [
+				c(D(152), {
+					className: D(150),
+					children: c(D(152), {
+						className: D(155),
+						style: {
+							left: B(X) + "%",
+							right: 100 - B(Z) + "%"
+						}
+					})
+				}),
+				J[D(127)]((e) => c(D(126), {
+					className: D(165),
+					"data-in-range": e[D(128)] >= X && e[D(128)] <= Z || void 0,
+					style: { left: B(e[D(128)]) + "%" }
+				}, e[D(128)])),
+				j.map((e, t) => c(D(126), {
+					ref: (e) => {
+						let n = D;
+						P[n(171)][t] = e;
+					},
+					role: D(143),
+					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": "horizontal",
+					"aria-disabled": x || void 0,
+					className: D(163),
+					"data-active": F === t || void 0,
+					style: { left: B(e) + "%" },
+					onKeyDown: q(t),
+					children: y !== D(170) && c(D(126), {
+						className: D(160),
+						"data-show": y,
+						children: v(e)
+					})
+				}, t)),
+				Y && J[D(127)]((e) => e[D(173)] != null && c(D(126), {
+					className: "ds-slider__mark-label",
+					style: { left: B(e.value) + "%" },
+					children: e[D(173)]
+				}, "l-" + e.value))
+			]
+		}), S && j.map((e, t) => c("input", {
+			type: "hidden",
+			name: O ? S + "[" + t + "]" : S,
+			value: e
+		}, t))]
+	});
+}
+export { d as Slider };

package/lib/components/SocialLoginButton/SocialLoginButton.js

@@ -0,0 +1,85 @@
+"use client";
+var e = i;
+(function(e, t) {
+	for (var n = i, r = e();;) try {
+		if (-parseInt(n(486)) / 1 + parseInt(n(473)) / 2 * (parseInt(n(481)) / 3) + parseInt(n(483)) / 4 + -parseInt(n(480)) / 5 + parseInt(n(471)) / 6 * (parseInt(n(477)) / 7) + -parseInt(n(479)) / 8 + parseInt(n(472)) / 9 * (parseInt(n(474)) / 10) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(r, 963431);
+import { BrandIcon as t } from "../../primitives/BrandIcon.js";
+import { Button as n } from "../../primitives/index.js";
+function r() {
+	var e = [
+		"mZy2mJu5nuTKvuHQsa",
+		"ntCWouX4shzjAa",
+		"y29UDgLUDwu",
+		"ntuWmJGYofnPt1nMsa",
+		"C2vJB25Kyxj5",
+		"r29Vz2XL",
+		"nZa1nJa5t1zLtxfe",
+		"nKHlu3PLrq",
+		"mJy0nJK4mwrIDLrpsq",
+		"ndu4Dxj4DgjU",
+		"mtbiAfLRr1K",
+		"66gCioQWGoYEHE2vMoQ4Sa",
+		"66gCioUHNoQ3UoYDUa",
+		"nJi0ntG5n056DMvgsG",
+		"ChjPBwfYEq",
+		"ndC3mduYmfLvrwvLsa"
+	];
+	return r = function() {
+		return e;
+	}, r();
+}
+function i(e, t) {
+	e -= 471;
+	var n = r(), a = n[e];
+	i.xZGfyg === void 0 && (i.obCKPN = 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);
+	}, i.zwPWft = {}, i.xZGfyg = !0);
+	var o = n[0];
+	i.YkgLYJ !== o && (i.zwPWft = {}, i.YkgLYJ = o);
+	var s = i.zwPWft[e];
+	return s === void 0 ? (a = i.obCKPN(a), i.zwPWft[e] = a) : a = s, a;
+}
+import { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var s = {
+	google: {
+		name: e(485),
+		variant: e(484)
+	},
+	apple: {
+		name: "Apple",
+		variant: e(478)
+	}
+}, c = {
+	continue: "로 계속하기",
+	signin: e(476),
+	signup: e(475)
+}, l = {
+	sm: 14,
+	md: 16,
+	lg: 18
+}, u = a(function({ provider: r, action: i = e(482), size: a = "md", iconOnly: u, children: d, ...f }, p) {
+	let { name: m, variant: h } = s[r], g = m + c[i];
+	return o(n, {
+		ref: p,
+		variant: h,
+		size: a,
+		iconOnly: u,
+		icon: o(t, {
+			name: r,
+			size: l[a]
+		}),
+		"aria-label": u ? g : void 0,
+		"data-provider": r,
+		...f,
+		children: d ?? g
+	});
+});
+export { u as SocialLoginButton };

package/lib/components/SparkChart/SparkChart2.js

@@ -0,0 +1,217 @@
+"use client";
+const e = v;
+(function(e, t) {
+	let n = v, r = e();
+	for (;;) try {
+		if (parseInt(n(494)) / 1 + -parseInt(n(454)) / 2 + -parseInt(n(436)) / 3 * (parseInt(n(484)) / 4) + parseInt(n(463)) / 5 + parseInt(n(439)) / 6 + -parseInt(n(466)) / 7 * (-parseInt(n(447)) / 8) + -parseInt(n(483)) / 9 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(c, 316010);
+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 ne } from "react";
+function c() {
+	let e = /* @__PURE__ */ "C29SAwq.zgL2.BwfW.y2XVC2vK.ywnJzw50.m0jTwuH5ta.zhmTC3bHCMTFx2fYzwe.zM9YBwf0tgfIzwW.mJK4nZCZmefqqwzctG.Cgf0Aa.DhjHBNnSyxrLka.DMfSDwu.lwzPBgWP.zhmTy2HHCNrFx3bSB3q.zhmTC3bHCMTFx2D1AwrL.C3rVCa.mZi4qu1iufPu.zgf0yq.ywn0AxzLsw5KzxG.DMfSDwvmywjLBa.zgvMyxvSDefJDgL2zuLUzgv4.6RIW66gDioYxHUYDJa.Bwf4.ndy5nZe2DerSA1jV.y3vYCMvUDfrHCMDLDa.yxjLyq.lwXPDMu.z3jHzgLLBNq.zhmTy2HHCNq.AM9PBG.B25by3rPDMvjBMrLEenOyw5Nzq.BgLUzwfYr3jHzgLLBNq.mti5mte1mhrAsK1cqq.BgLUzq.ChGP.nJu4mJfYBNLbC0e.zhmTC3bHCMTFx2rVDa.zhmTy2HHCNrFx3nY.Aw1N.lwzPBgW.y2XPzw50wa.D29YC2vuB25L.zhmTC3bHCMS.CM91BMq.BgvUz3rO.zhmTC3bHCMTFx3n0B3a.zhmTy2HHCNrFx3rPCa.zhmTC3bHCMTFx2vUza.mtaWjq.Dg9Uzq.BgvMDa.D2LKDgG.nZiYnZu0ouTKwuXcqG.mtiWnta5nNPJDgPvCa.AgLNAgvYsxm.DMfYkc0TywnJzw50kq.DxjSkcm.zhmTy2HHCNrFx3n2zW.C3bHBG.zMLSDgvY.y29SB3i.B3bLBG.yxjPys1SywjLBa.nteZndK1rwXwz0Hp.C3zN.7jIb7jETioY2LoYDTa.BwLU.ChGSia.y2XHC3noyw1L.ChvZAa".split(".");
+	return c = function() {
+		return e;
+	}, c();
+}
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = 8, p = 1.5, m = 2.5;
+function h(e) {
+	return u(y, {
+		...e,
+		type: "line"
+	});
+}
+function g(e) {
+	let t = v;
+	return u(y, {
+		...e,
+		type: t(456)
+	});
+}
+function _({ type: t = e(464), ...n }) {
+	let r = e;
+	return t === "bar" ? u(s, {
+		data: n[r(448)],
+		height: n.height ?? 32,
+		max: n.max,
+		color: n[r(491)],
+		tone: n[r(480)],
+		higherIs: n[r(485)],
+		worseTone: n[r(472)],
+		tooltip: n.tooltip,
+		formatLabel: n[r(438)],
+		valueLabel: n[r(450)],
+		formatValue: n.formatValue,
+		activeIndex: n[r(449)],
+		defaultActiveIndex: n[r(451)],
+		onActiveIndexChange: n[r(461)],
+		"aria-label": n[r(493)],
+		className: n[r(499)],
+		style: {
+			width: n[r(482)],
+			...n.style
+		}
+	}) : u(y, {
+		...n,
+		type: t
+	});
+}
+function v(e, t) {
+	e -= 434;
+	let n = c(), r = n[e];
+	v.vqMzCZ === void 0 && (v.KXkKiC = 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);
+	}, v.sxIiNI = {}, v.vqMzCZ = !0);
+	let i = n[0];
+	v.adJxob !== i && (v.sxIiNI = {}, v.adJxob = i);
+	let a = v.sxIiNI[e];
+	return a === void 0 ? (r = v.KXkKiC(r), v.sxIiNI[e] = r) : r = a, r;
+}
+function y({ type: s, data: c, height: h = 32, width: g, curve: _ = "smooth", color: v, tone: y = e(435), higherIs: re, worseTone: ie, min: ae, max: oe, endDot: b, fill: x = e(458), tooltip: se = !0, formatLabel: S = (e) => e + 1 + "일", valueLabel: C = "값", formatValue: ce = i, activeIndex: le, defaultActiveIndex: ue, onActiveIndexChange: de, "aria-label": fe, className: pe, style: me }) {
+	let w = e, T = c[w(475)], E = se, { open: D, shown: O, settled: he, width: k, tipRef: ge, tipSize: A, hover: _e, leave: j, plotProps: M } = ee({
+		count: E ? T : 0,
+		activeIndex: le,
+		defaultActiveIndex: ue,
+		onActiveIndexChange: de
+	}), { ref: N, ...P } = M, F = ne(), I = te(c, {
+		color: v,
+		tone: y,
+		higherIs: re,
+		worseTone: ie
+	}), L = c[w(490)](o), R = ae ?? (L.length ? Math.min(...L) : 0), z = oe ?? (L[w(475)] ? Math[w(453)](...L) : 0), B = z - R, V = b ? 3.5 : p, H = b ? 3.5 : 1, U = (e) => T > 1 ? H + e / (T - 1) * Math[w(453)](0, k - H * 2) : k / 2, W = (e) => B > 0 ? V + (1 - (Math[w(497)](z, Math.max(R, e)) - R) / B) * (h - V * 2) : h / 2, G = [], K = null;
+	for (let e = 0; e < T; e++) {
+		let t = c[e];
+		o(t) ? (!K && (K = [], G.push(K)), K[w(500)]([U(e), W(t)])) : K = null;
+	}
+	let ve = G[w(503)]((e) => a(e, _))[w(460)](""), ye = s === w(456) ? G.map((e) => r(e, e[w(503)](([e]) => [e, h]), _)) : [], q = -1;
+	for (let e = T - 1; e >= 0; e--) if (o(c[e])) {
+		q = e;
+		break;
+	}
+	let J = O === null ? null : c[O], Y = o(J), X = O === null ? 0 : U(O), be = X + f + A.w > k ? Math[w(453)](0, X - f - A.w) : X + f, xe = (h - A.h) / 2, Z = Y ? ce(J) : w(452), Q = (e) => {
+		let t = w, n = e[t(455)].getBoundingClientRect(), r = T > 1 ? (e[t(471)] - n[t(481)]) / n[t(482)] : 0;
+		_e(Math[t(497)](T - 1, Math[t(453)](0, Math.round(r * (T - 1)))));
+	}, $ = fe ?? (s === w(456) ? w(496) : "추이"), Se = E ? {
+		...P,
+		"aria-roledescription": "추이 그래프",
+		"aria-label": $,
+		"aria-describedby": F + "-live"
+	} : {
+		role: w(469),
+		"aria-label": $
+	};
+	return d(w(502), {
+		ref: N,
+		...Se,
+		className: t(w(459), w(444), w(473), pe),
+		style: {
+			width: g,
+			height: h,
+			...I && { "--_c": I },
+			...me
+		},
+		children: [k > 0 && d(w(495), {
+			className: w(488),
+			width: k,
+			height: h,
+			"aria-hidden": !0,
+			children: [
+				s === w(456) && x === w(458) && u("defs", { children: d(w(462), {
+					id: F + w(470),
+					x1: "0",
+					x2: "0",
+					y1: "0",
+					y2: "1",
+					children: [u(w(446), {
+						offset: "0%",
+						className: w(476),
+						style: { stopOpacity: .22 }
+					}), u("stop", {
+						offset: w(479),
+						className: w(476),
+						style: { stopOpacity: 0 }
+					})]
+				}) }),
+				ye.map((e, t) => u(w(440), {
+					className: w(437),
+					d: e,
+					fill: x === w(458) ? w(487) + F + w(443) : void 0,
+					"data-solid": x === w(501) || void 0
+				}, t)),
+				u(w(440), {
+					className: "ds-spark__line",
+					d: ve,
+					pathLength: 1
+				}),
+				b && q >= 0 && u("circle", {
+					className: w(478),
+					r: m,
+					style: { transform: w(441) + U(q) + w(498) + W(c[q]) + w(465) }
+				}),
+				E && d(l, { children: [
+					u(w(464), {
+						className: w(445),
+						"data-state": w(D ? 492 : 434),
+						x1: 0,
+						x2: 0,
+						y1: 0,
+						y2: h,
+						style: { transform: "translateX(" + (Math[w(474)](X) + .5) + "px)" }
+					}),
+					u("g", {
+						className: w(467),
+						"data-state": w(D && Y ? 492 : 434),
+						style: { transform: w(441) + X + w(498) + (Y ? W(J) : h / 2) + w(465) },
+						children: u("circle", { r: 3 })
+					}),
+					u("rect", {
+						className: "ds-chart__hit",
+						x: 0,
+						y: 0,
+						width: k,
+						height: h,
+						onPointerMove: Q,
+						onPointerDown: Q,
+						onPointerLeave: j
+					})
+				] })
+			]
+		}), E && d(l, { children: [u(w(502), {
+			ref: ge,
+			className: w(477),
+			"data-state": w(D ? 492 : 434),
+			"data-settled": he || void 0,
+			style: { transform: w(441) + be + w(498) + xe + w(465) },
+			"aria-hidden": !0,
+			children: u(n, {
+				title: O === null ? null : S(O),
+				rows: [{
+					key: w(442),
+					label: C,
+					color: I ?? w(486),
+					value: Z
+				}]
+			})
+		}), u(w(489), {
+			id: F + w(457),
+			className: w(468),
+			"aria-live": "polite",
+			children: D && O !== null ? S(O) + ": " + Z : ""
+		})] })]
+	});
+}
+export { g as SparkArea, _ as SparkChart, h as SparkLine };

package/lib/components/SparkChart/spark.js

@@ -0,0 +1,76 @@
+"use client";
+const e = o;
+(function(e, t) {
+	let n = o, r = e();
+	for (;;) try {
+		if (parseInt(n(443)) / 1 + parseInt(n(444)) / 2 * (parseInt(n(441)) / 3) + -parseInt(n(432)) / 4 + -parseInt(n(448)) / 5 + -parseInt(n(436)) / 6 + parseInt(n(430)) / 7 + -parseInt(n(445)) / 8 * (-parseInt(n(431)) / 9) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(a, 985773);
+var t = (t) => typeof t === e(447) && Number[e(428)](t);
+function n(n) {
+	let r = e, i = n[r(438)](t);
+	if (i[r(439)] < 2) return r(442);
+	let a = i[i[r(439)] - 1] - i[0];
+	return a > 0 ? "up" : r(a < 0 ? 446 : 442);
+}
+function r(t, { color: r, tone: i, higherIs: a = "better", worseTone: o = e(437) }) {
+	let s = e;
+	if (r) return r[s(433)]("--") ? s(434) + r + ")" : r;
+	if (i === s(426)) return s(425);
+	if (i === "neutral") return s(427);
+	if (i === s(429)) {
+		let e = n(t);
+		return e === s(442) || a === s(424) ? s(427) : e === "up" == (a === s(435)) ? "var(--success)" : s(440) + o + ")";
+	}
+}
+var i = t;
+function a() {
+	let e = [
+		"BMv1DhjHBa",
+		"DMfYkc0TywnJzw50kq",
+		"ywnJzw50",
+		"DMfYkc0Ty2HHCNqTnsK",
+		"AxngAw5PDgu",
+		"DhjLBMq",
+		"mta5odeYmtvhAM94B0G",
+		"mti2mJqZqLrbs1vu",
+		"nZGWnJK4oejuu0vRBq",
+		"C3rHCNrZv2L0Aa",
+		"DMfYka",
+		"yMv0DgvY",
+		"mJCWoti3mg1tuu9eAW",
+		"D2fYBMLUzW",
+		"zMLSDgvY",
+		"BgvUz3rO",
+		"DMfYkc0T",
+		"ndy1mJC5Ew5lCLHv",
+		"BM9Uzq",
+		"mty5nJmYmev2wxzNuW",
+		"oe1ZvfneDa",
+		"mJy0zLHLvhni",
+		"zg93BG",
+		"BNvTyMvY",
+		"ndC5nJmXnw1stLrjCW"
+	];
+	return a = function() {
+		return e;
+	}, a();
+}
+function o(e, t) {
+	e -= 424;
+	let n = a(), r = n[e];
+	o.DaFCHD === void 0 && (o.vBKJME = 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.JdShbC = {}, o.DaFCHD = !0);
+	let i = n[0];
+	o.YRMgtZ !== i && (o.JdShbC = {}, o.YRMgtZ = i);
+	let s = o.JdShbC[e];
+	return s === void 0 ? (r = o.vBKJME(r), o.JdShbC[e] = r) : r = s, r;
+}
+export { i as isSparkValue, r as sparkColor, n 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(139)) / 1 + -parseInt(n(147)) / 2 * (parseInt(n(150)) / 3) + parseInt(n(157)) / 4 * (-parseInt(n(124)) / 5) + parseInt(n(142)) / 6 + -parseInt(n(138)) / 7 + parseInt(n(132)) / 8 * (parseInt(n(121)) / 9) + -parseInt(n(137)) / 10 * (-parseInt(n(135)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(s, 552121);
+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";
+import { sparkColor as i } from "../SparkChart/spark.js";
+/* empty css         */
+import { useId as a } from "react";
+function o(e, t) {
+	e -= 121;
+	let n = s(), r = n[e];
+	o.QAxvyb === void 0 && (o.ugLhHL = 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.ZKOflY = {}, o.QAxvyb = !0);
+	let i = n[0];
+	o.wOeUeW !== i && (o.ZKOflY = {}, o.wOeUeW = i);
+	let a = o.ZKOflY[e];
+	return a === void 0 ? (r = o.ugLhHL(r), o.ZKOflY[e] = r) : r = a, r;
+}
+function s() {
+	let e = /* @__PURE__ */ "zhmTy2HHCNrFx3rPCa.BgvMDa.oevRC2vWsq.zMXVB3i.BgvUz3rO.mtf0uvHHC1K.BwfW.mtm0ndi3mtbfsgnbBMu.mte5odm5m2jxDvHpCW.ntC3otu5r1b5DLzO.ChGSidaP.y3vYCMvUDfrHCMDLDa.ndK4ntm1mMnHwuHMva.D2LKDgG.zhmTC3bHCMTIyxjFx2jHCG.Bwf4kdjWEcWG.zhmTy2HHCNrFx3nY.otHbAxHfELu.DMfSDwu.zhmTy2HHCNrFx3bSB3q.ndGZotbKrMfpqKK.6RIW66gDioYxHUYDJa.BwLU.zhmTC3bHCMTIyxi.zhmTC3bHCMTIyxjFx3nSB3q.zhmTy2HHCNq.Cg9SAxrL.nefeDfD5ta.C3bHBG.Bwf4.mteZnZmZme50uerlEa.DMfYkc0TBJyP.zgL2.mta0otqYmg5NrKTArW.B3bLBG.y2XPzw50wa.BgfZDa.y2XVC2vK.lwXPDMu".split(".");
+	return s = function() {
+		return e;
+	}, s();
+}
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = 8;
+function d({ data: s, 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 = s[D(134)], { 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(127)
+	}), R = a(), z = f ?? Math.max(0, ...s.map((e) => e ?? 0)), B = (e) => z > 0 ? Math[D(159)](0, Math[D(152)](100, e / z * 100)) : 0, V = O ? M / O : 0, H = A === null ? void 0 : s[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(151) : v(H), K = (e) => {
+		let t = D, n = e[t(141)].getBoundingClientRect();
+		F(Math.min(O - 1, Math[t(159)](0, Math[t(133)]((e[t(126)] - n[t(131)]) / n[t(143)] * O))));
+	}, q = i(s, {
+		color: p,
+		tone: m,
+		higherIs: h,
+		worseTone: g
+	});
+	return l(D(123), {
+		...L,
+		className: e(D(155), D(149), D(153), T),
+		style: {
+			height: d,
+			...q && { "--_c": q },
+			...E
+		},
+		"aria-roledescription": "막대 그래프",
+		"aria-label": w,
+		"aria-describedby": R + "-live",
+		children: [
+			c(D(123), {
+				className: "ds-sparkbar__bars",
+				onPointerMove: K,
+				onPointerDown: K,
+				onPointerLeave: I,
+				"aria-hidden": !0,
+				children: s[D(136)]((e, t) => c(D(158), {
+					className: D(154),
+					children: c("span", {
+						className: D(144),
+						"data-empty": e === null || void 0,
+						"data-active": k && A === t || void 0,
+						style: e === null ? void 0 : { height: D(145) + B(e) + "%)" }
+					})
+				}, t))
+			}),
+			b && c(D(123), {
+				ref: N,
+				className: D(130),
+				"data-state": D(k ? 125 : 128),
+				"data-settled": j || void 0,
+				style: { transform: "translate(" + W + D(140) },
+				"aria-hidden": !0,
+				children: c(t, {
+					title: A === null ? null : _(A),
+					rows: [{
+						key: D(148),
+						label: y,
+						color: q ?? D(122),
+						value: G
+					}]
+				})
+			}),
+			c(D(158), {
+				id: R + D(129),
+				className: D(146),
+				"aria-live": D(156),
+				children: k && A !== null ? _(A) + ": " + G : ""
+			})
+		]
+	});
+}
+export { d as Sparkbar };