@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/LineChart/LineChart2.js

@@ -1,76 +1,76 @@
 "use client";
-const e = u;
-(function(e, t) {
-	let n = u, r = e();
-	for (;;) try {
-		if (parseInt(n(563)) / 1 * (parseInt(n(507)) / 2) + parseInt(n(490)) / 3 + parseInt(n(557)) / 4 + parseInt(n(518)) / 5 + -parseInt(n(512)) / 6 * (parseInt(n(536)) / 7) + parseInt(n(522)) / 8 + parseInt(n(529)) / 9 * (-parseInt(n(525)) / 10) == t) break;
-		r.push(r.shift());
-	} catch {
-		r.push(r.shift());
-	}
-})(g, 951405);
-import { Stack as t } from "../../primitives/Layout2.js";
-import { cx as n } from "../../primitives/index.js";
-import { ChartLegend as r, ChartTooltip as i } from "../Chart/ChartParts.js";
-import { CHART_TONE_SOFT as a, CHART_TONE_STRONG as o, axisGutter as s, bandPath as ee, chartColor as c, formatCompact as te, formatNumber as ne, formatPercent as re, labelStep as ie, linePath as ae, niceTicks as oe, numberAt as l } from "../Chart/chart2.js";
-import { useChartInteraction as se } from "../Chart/useChartInteraction.js";
-/* empty css          */
-function u(e, t) {
-	e -= 479;
-	let n = g(), r = n[e];
-	u.kVzxoX === void 0 && (u.OEjtQh = function(e) {
+const e = t;
+function t(e, n) {
+	e -= 274;
+	let r = u(), i = r[e];
+	t.LsGOBR === void 0 && (t.DFHKaz = 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);
-	}, u.WRgXKv = {}, u.kVzxoX = !0);
-	let i = n[0];
-	u.eOSanr !== i && (u.WRgXKv = {}, u.eOSanr = i);
-	let a = u.WRgXKv[e];
-	return a === void 0 ? (r = u.OEjtQh(r), u.WRgXKv[e] = r) : r = a, r;
+	}, t.xGjJmf = {}, t.LsGOBR = !0);
+	let a = r[0];
+	t.CpOxNw !== a && (t.xGjJmf = {}, t.CpOxNw = a);
+	let o = t.xGjJmf[e];
+	return o === void 0 ? (i = t.DFHKaz(i), t.xGjJmf[e] = i) : i = o, i;
 }
-import { useId as ce, useLayoutEffect as le, useMemo as d, useRef as ue, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-var h = 8, de = 28, fe = 12, pe = 500, me = e(486);
-function g() {
-	let e = /* @__PURE__ */ "CMvJDa.ChvZAa.zhmTy2HHCNrFx3rPCa.zhmTy2HHCNrFx3bSB3q.BwfW.y2fUy2vS.DhjHBNnSyxrLwcG.zhmTBgLUzs1JAgfYDa.lwXPDMu.lcdTLANQS4qG.mNnrDML6CG.CgvYy2vUDa.Cgf0Aa.BMv1DhjHBa.zhmTBgLUzs1JAgfYDf9Fzg90.mtjpD1rAEvy.zM9YrwfJAa.CMvKDwnL.zhmTBgLUzs1JAgfYDf9FBgLUzq.BgvUz3rO.BNvTyMvY.nZCYmdq4nxHYruTKuq.BgLUzwfYr3jHzgLLBNq.zhmTBgLUzs1JAgfYDf9FyxjLyq.7jIb7jETioYWQo2kUa.mtmXmJe2mefJCMvJCW.ChvSC2u.y2XVC2vK.nJC5mgT6ALLjvW.A2v5.7isGioYWQo2kUa.DhjHBNnSyxrLwsG.ndiZmtHLzxjzwhO.zNjVBq.zgL2.zhmTBgLUzs1JAgfYDf9Fzw5KlwrVDa.DxjSkcm.zhmTBgLUzs1JAgfYDf9FC3rYzwfT.zhmTBgLUzs1JAgfYDf9Fzw5K.mtiWmdK4m1n2rgDxrG.zMXHDe1HCa.DhjHBNnSyxrLka.zhmTBgLUzs1JAgfYDf9FCMvM.CMv2zxjZzq.zgvMCW.CM91BMq.y3vYCMvUDa.y29SB3i.lwnSAxaP.BgfIzwW.AM9PBG.C3rHCNq.C3bHBG.DhjHBNnSyxrLwcGWkq.mtaWjq.Dg90ywW.lwzPBgWT.Bwf4.BwLKzgXL.zhmTBgLUzs1JAgfYDf9Fzw5KlxjPBMC.ntKXotKZmLvswfHJsa.y3vYCMvUDfrHCMDLDa.Cg9SAxrL.Dgv4Da.zwrNzxm.Dg9Uzq.ntC1mJC5zM5wtKjp.B3bLBG.y2LYy2XL.y3vYCMvUDenVBg9Y.zhmTy2HHCNrFx2DYAwq.DMfSDwu.D2fYBMLUzW.zhmTy2HHCNrFx2HPDa.BgLUzwfY.BgLUzq.zhmTBgLUzs1JAgfYDf9Fz3vPzgu.lwnSAxa.ChGSia.BgvMDa.BwLU.y3vIAwmTyMv6AwvYkdaUmZiSidaUnZiSidaSideP.C3rHy2TLza.zw5K.CxvLCNLtzwXLy3rVCKfSBa.mJe3mtq2nNDMB3rZzq.zhmTy2HHCNrFx3nY.zhmTy2HHCNrFx3n2zW.C29YDa.zhmTBgLUzs1JAgfYDf9FyMfUza.zhmTy2HHCNrFx2f4Axm.ChGP".split(".");
-	return g = function() {
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(297)) / 1 + parseInt(r(352)) / 2 + parseInt(r(338)) / 3 * (-parseInt(r(355)) / 4) + -parseInt(r(327)) / 5 + -parseInt(r(343)) / 6 * (parseInt(r(303)) / 7) + -parseInt(r(318)) / 8 + parseInt(r(349)) / 9 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(u, 652954);
+import { Stack as n } from "../../primitives/Layout2.js";
+import { cx as r } from "../../primitives/index.js";
+import { ChartLegend as i, ChartTooltip as a } from "../Chart/ChartParts.js";
+import { CHART_TONE_SOFT as o, CHART_TONE_STRONG as s, axisGutter as ee, bandPath as te, chartColor as c, formatCompact as ne, formatNumber as re, formatPercent as ie, labelStep as ae, linePath as oe, niceTicks as se, numberAt as l } from "../Chart/chart2.js";
+import { useChartInteraction as ce } from "../Chart/useChartInteraction.js";
+/* empty css          */
+function u() {
+	let e = /* @__PURE__ */ "DhjHBNnSyxrLka.lMrZlwXPBMuTy2HHCNrFx3n0CMvHBq.zhmTBgLUzs1JAgfYDf9FyxjLyq.DMfSDwu.DhjHBNnSyxrLwsG.BwLU.ChGSia.Bwf4.DhjHBNnSyxrLwcGWkq.y3vIAwmTyMv6AwvYkdaUmZiSidaUnZiSidaSideP.zhmTBgLUzs1JAgfYDf9Fzw5KlwrVDa.zM9YrwfJAa.z2v0qM91BMrPBMDdBgLLBNrszwn0.zwrNzxm.y29SB3i.zhmTBgLUzs1JAgfYDf9Fzg90.Dg9Uzq.DhjHBNnSyxrLwcG.BgLUzwfY.CxvLCNLtzwXLy3rVCKfSBa.BgvMDa.BNvTyMvY.C2XPy2u.zhmTy2HHCNrFx3bSB3q.C3rVCa.CMvJDa.D2fYBMLUzW.C3rHCNq.BgvUz3rO.B3bLBG.BgfIzwW.mJaXodu2EerrBvzP.CMvKDwnL.zhmTBgLUzs1JAgfYDf9FBgLUzq.ChvZAa.BMv1DhjHBa.zhmTBgLUzs1JAgfYDa.mJCWmdK4nuvvDxfrAG.D2LKDgG.zhmTy2HHCNrFx3rPCa.Cg9SAxrL.ChGP.zw5K.zhmTy2HHCNrFx2HPDa.zNjVBq.CgvYy2vUDa.BgLUzwfYr3jHzgLLBNq.zhmTy2HHCNrFx2f4Axm.C3zN.C29YDa.mtaWjq.zhmTBgLUzs1JAgfYDf9FyMfUza.ndG1nZm3nNnvzvz1vW.BwLKzgXL.y2LYy2XL.y3vYCMvUDa.lwnSAxa.AM9PBG.7jIb7jETioYWQo2kUa.BgLUzq.zhmTBgLUzs1JAgfYDf9Fzw5KlxjPBMC.ndq4mJG4mhbyBMHTtq.zgL2.y3vYCMvUDenVBg9Y.CMv2zxjZzq.DxjSkcm.C3bHBG.y2fUy2vS.y2XPCfbHDgG.A2v5.zhmTBgLUzs1JAgfYDf9FC3rYzwfT.CM91BMq.mta3mZq0nvvACNHZyG.zMLSDgvY.Dgv4Da.lwXPDMu.Cgf0Aa.nLLxsxfSEq.y2XVC2vK.Dg90ywW.lwzPBgWT.7isGioYWQo2kUa.y2XPzw50wa.mJm1mtiXmJj6vu1tt3K.ChvSC2u.BwfW.mtyWmZm3nMzcuM5pCW.zgvMCW.zhmTBgLUzs1JAgfYDf9FCMvM.mtjeC01qBNe.zhmTBgLUzs1JAgfYDf9Fzw5K.yw5PBwf0zq.C29SAwq".split(".");
+	return u = function() {
 		return e;
-	}, g();
+	}, u();
 }
-function _({ data: u, xKey: g, series: _, height: v = 240, curve: ge = e(479), area: y, stack: b, connectNulls: _e, showTotal: ve, yTickCount: x = 3, yMax: ye, yTicks: S, xTicks: be = "auto", bands: C, referenceLines: w, endDot: xe, streaming: T, formatValue: Se = ne, formatAxisValue: Ce, formatX: we = (e) => String(e[g] ?? ""), formatTitle: Te, tooltipSort: Ee, legend: De = !0, activeIndex: Oe, defaultActiveIndex: ke, onActiveIndexChange: Ae, "aria-label": je = e(527), className: Me, style: Ne }) {
-	let E = e, D = u[E(516)], { open: O, shown: k, settled: Pe, width: A, tipRef: Fe, tipSize: Ie, hover: Le, leave: Re, plotProps: ze } = se({
-		count: D,
-		activeIndex: Oe,
-		defaultActiveIndex: ke,
-		onActiveIndexChange: Ae
-	}), [j, Be] = f(null), M = ce(), [Ve, He] = f(u), [N, Ue] = f(null);
-	Ve !== u && (He(u), Ue(T ? Ve[0] ?? null : null));
-	let P = b === E(508), F = b === E(487) || P, We = Ce ?? (P ? re : te), Ge = Ee ?? (F ? "reverse" : E(568)), Ke = ve ?? F, I = d(() => N ? [N, ...u] : u, [N, u]), L = +!!N, R = d(() => I[E(501)]((e) => he(e, _, b)), [
-		I,
+import { useId as le, useLayoutEffect as ue, useMemo as d, useRef as de, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+var h = 8, fe = 28, g = 12, pe = 500, me = e(275);
+function _({ data: t, xKey: u, series: _, height: v = 240, curve: ge = e(284), area: y, stack: b, connectNulls: _e, showTotal: ve, yTickCount: x = 3, yMax: ye, yTicks: S, xTicks: be = "auto", bands: C, referenceLines: xe, endDot: Se, streaming: w, formatValue: Ce = re, formatAxisValue: we, formatX: Te = (e) => String(e[u] ?? ""), formatTitle: Ee, tooltipSort: De, legend: Oe = !0, activeIndex: ke, defaultActiveIndex: Ae, onActiveIndexChange: je, "aria-label": Me = e(347), className: Ne, style: Pe }) {
+	let T = e, E = t[T(294)], { open: D, shown: O, settled: Fe, width: k, tipRef: Ie, tipSize: Le, hover: Re, leave: ze, plotProps: Be } = ce({
+		count: E,
+		activeIndex: ke,
+		defaultActiveIndex: Ae,
+		onActiveIndexChange: je
+	}), [A, Ve] = f(null), j = le(), [He, Ue] = f(t), [M, We] = f(null);
+	He !== t && (Ue(t), We(w ? He[0] ?? null : null));
+	let N = b === T(311), P = b === "stacked" || N, Ge = we ?? (N ? ie : ne), Ke = De ?? (P ? "reverse" : T(362)), qe = ve ?? P, F = d(() => M ? [M, ...t] : t, [M, t]), I = +!!M, L = d(() => F[T(351)]((e) => he(e, _, b)), [
+		F,
 		_,
 		b
-	]), z = d(() => {
-		let e = E;
-		if (S?.[e(516)]) return S;
-		if (P) {
-			let t = Math.max(2, x);
-			return Array[e(530)]({ length: t }, (e, n) => n / (t - 1));
+	]), R = d(() => {
+		let e = T;
+		if (S?.[e(294)]) return S;
+		if (N) {
+			let t = Math[e(366)](2, x);
+			return Array[e(310)]({ length: t }, (e, n) => n / (t - 1));
 		}
-		let t = w?.[e(501)]((t) => t[e(568)]) ?? [], n = ye ?? Math[e(554)](0, ...t, ...R.slice(L)[e(537)]((t) => t[e(501)]((e) => e?.[1] ?? 0)));
-		return oe(n, x);
+		let t = xe?.[e(351)]((t) => t[e(362)]) ?? [], n = ye ?? Math[e(366)](0, ...t, ...L[e(288)](I).flatMap((t) => t[e(351)]((e) => e?.[1] ?? 0)));
+		return se(n, x);
 	}, [
-		R,
 		L,
-		P,
+		I,
+		N,
 		ye,
 		S,
 		x,
-		w
-	]), qe = Math[E(554)](...z) || 1, B = s(z[E(501)](We)), V = Math[E(554)](0, A - B), H = v - h - de, U = h + H, W = D > 1 ? V / (D - 1) : 0, G = (e) => B + (D > 1 ? e * W : V / 2), K = (e) => U - Math[E(485)](e, qe) / qe * H, Je = ie(D - 1, V), Ye = (e) => be === E(561) ? e === 0 || e === D - 1 : e % Je === 0, Xe = _[E(501)]((e, t) => {
-		let n = E, r = [], i = null;
-		for (let e = 0; e < I[n(516)]; e++) {
-			let a = R[e][t];
+		xe
+	]), Je = Math[T(366)](...R) || 1, z = ee(R[T(351)](Ge)), B = Math[T(366)](0, k - z), V = v - h - fe, H = h + V, U = E > 1 ? B / (E - 1) : 0, W = (e) => z + (E > 1 ? e * U : B / 2), G = (e) => H - Math[T(364)](e, Je) / Je * V, Ye = ae(E - 1, B), Xe = (e) => be === T(279) ? e === 0 || e === E - 1 : e % Ye === 0, Ze = _.map((e, t) => {
+		let n = T, r = [], i = null;
+		for (let e = 0; e < F[n(294)]; e++) {
+			let a = L[e][t];
 			if (!a) {
 				_e || (i = null);
 				continue;
@@ -78,264 +78,264 @@ function _({ data: u, xKey: g, series: _, height: v = 240, curve: ge = e(479), a
 			!i && (i = {
 				hi: [],
 				lo: []
-			}, r[n(498)](i));
-			let o = G(e - L);
-			i.hi[n(498)]([o, K(a[1])]), i.lo[n(498)]([o, K(a[0])]);
+			}, r[n(300)](i));
+			let o = W(e - I);
+			i.hi.push([o, G(a[1])]), i.lo[n(300)]([o, G(a[0])]);
 		}
 		return r;
-	}), Ze = (e, t) => R[e + L]?.[t]?.[1] ?? null, q = (e) => j !== null && j !== e || void 0, Qe = ue(null), $e = ue(u);
-	le(() => {
-		let e = E, t = Qe[e(543)];
-		if (!T || !t || !W || $e[e(543)] === u) return;
-		$e.current = u;
-		let n = typeof T === e(517), r = Array[e(530)](t[e(489)](".ds-line-chart__stream"))[e(501)]((t) => t.animate([{ transform: "translateX(" + W + "px)" }, { transform: e(550) }], {
-			duration: n ? T : pe,
-			easing: n ? e(479) : me
+	}), Qe = (e, t) => L[e + I]?.[t]?.[1] ?? null, K = (e) => A !== null && A !== e || void 0, $e = de(null), et = de(t);
+	ue(() => {
+		let e = T, n = $e[e(321)];
+		if (!w || !n || !U || et[e(321)] === t) return;
+		et[e(321)] = t;
+		let r = typeof w === e(287), i = Array[e(310)](n[e(285)](e(360)))[e(351)]((t) => t[e(357)]([{ transform: e(283) + U + e(307) }, { transform: e(274) }], {
+			duration: r ? w : pe,
+			easing: r ? e(284) : me
 		}));
-		return () => r[e(513)]((t) => t[e(502)]());
+		return () => i[e(277)]((t) => t[e(333)]());
 	}, [
-		u,
-		T,
-		W
+		t,
+		w,
+		U
 	]);
-	let J = k === null ? void 0 : u[k], Y = J ? _[E(501)]((e, t) => ({
+	let q = O === null ? void 0 : t[O], J = q ? _[T(351)]((e, t) => ({
 		s: e,
-		color: c(e.color, t),
-		value: l(J, e[E(526)])
-	})).filter((e) => e[E(568)] !== null) : [], X = Ge === E(540) ? Y[E(540)]() : Ge === E(568) ? Y[E(493)]((e, t) => t.value - e.value) : Y, Z = X[E(514)]((e, t) => e + t[E(568)], 0), et = (e) => P ? re(Z ? e[E(568)] / Z : 0) : Se(e[E(568)], e.s), Q = Ke && X[E(516)] ? Se(Z, X[0].s) : void 0, tt = J && k !== null ? (Te ?? we)(J, k) : null, $ = k === null ? 0 : G(k), nt = $ + fe + Ie.w > A ? Math[E(554)](0, $ - fe - Ie.w) : $ + fe, rt = (e) => {
-		let t = E, n = e[t(558)].getBoundingClientRect(), r = D > 1 ? (e.clientX - n[t(484)]) / n.width : 0;
-		Le(Math.min(D - 1, Math.max(0, Math[t(542)](r * (D - 1)))));
-	}, it = O && J ? (J[g] ?? "") + ": " + X[E(501)]((e) => e.s[E(546)] + " " + et(e))[E(547)](", ") + (Q ? E(506) + Q : "") : "", at = y === "solid", ot = F ? .34 : .18, st = F ? .12 : 0, ct = F ? .24 : .1, lt = E(533) + M + E(545);
-	return m(t, {
+		color: c(e[T(280)], t),
+		value: l(q, e[T(335)])
+	}))[T(339)]((e) => e.value !== null) : [], Y = Ke === "reverse" ? J[T(330)]() : Ke === T(362) ? J[T(315)]((e, t) => t[T(362)] - e[T(362)]) : J, X = Y[T(298)]((e, t) => e + t.value, 0), tt = (e) => N ? ie(X ? e[T(362)] / X : 0) : Ce(e[T(362)], e.s), Z = qe && Y[T(294)] ? Ce(X, Y[0].s) : void 0, nt = q && O !== null ? (Ee ?? Te)(q, O) : null, Q = O === null ? 0 : W(O), rt = Q + g + Le.w > k ? Math[T(366)](0, Q - g - Le.w) : Q + g, it = (e) => {
+		let t = T, n = e.currentTarget[t(278)](), r = E > 1 ? (e[t(348)] - n[t(286)]) / n[t(304)] : 0;
+		Re(Math[t(364)](E - 1, Math[t(366)](0, Math[t(337)](r * (E - 1)))));
+	}, at = D && q ? (q[u] ?? "") + ": " + Y.map((e) => e.s[T(296)] + " " + tt(e)).join(", ") + (Z ? ", 합계 " + Z : "") : "", $ = y === T(358), ot = P ? .34 : .18, st = P ? .12 : 0, ct = P ? .24 : .1, lt = T(331) + j + "-clip)";
+	return m(n, {
 		gap: 3,
-		className: n("ds-chart", E(504), Me),
-		style: Ne,
-		children: [m(E(531), {
-			...ze,
-			className: E(500),
+		className: r("ds-chart", T(302), Ne),
+		style: Pe,
+		children: [m(T(328), {
+			...Be,
+			className: T(289),
 			style: { height: v },
-			"aria-roledescription": E(y ? 521 : 527),
-			"aria-label": je,
-			"aria-describedby": M + "-live",
+			"aria-roledescription": y ? T(324) : "선 차트",
+			"aria-label": Me,
+			"aria-describedby": j + "-live",
 			children: [
-				A > 0 && m("svg", {
-					ref: Qe,
-					className: E(492),
-					width: A,
+				k > 0 && m(T(314), {
+					ref: $e,
+					className: "ds-chart__svg",
+					width: k,
 					height: v,
 					"aria-hidden": !0,
 					children: [
-						m(E(541), { children: [p("clipPath", {
-							id: M + E(482),
-							children: p(E(497), {
-								x: B,
+						m(T(353), { children: [p(T(334), {
+							id: j + T(322),
+							children: p(T(291), {
+								x: z,
 								y: 0,
-								width: V,
+								width: B,
 								height: v
 							})
-						}), y && !at && _[E(501)]((e, t) => m(E(519), {
-							id: M + E(553) + t,
+						}), y && !$ && _[T(351)]((e, t) => m(T(312), {
+							id: j + T(346) + t,
 							x1: "0",
 							x2: "0",
 							y1: "0",
 							y2: "1",
-							children: [p("stop", {
+							children: [p(T(290), {
 								offset: "0%",
 								style: {
 									stopColor: c(e.color, t),
 									stopOpacity: ot
 								}
 							}), p("stop", {
-								offset: E(551),
+								offset: T(316),
 								style: {
-									stopColor: c(e[E(544)], t),
+									stopColor: c(e[T(280)], t),
 									stopOpacity: st
 								}
 							})]
-						}, e[E(526)]))] }),
-						C && C[E(516)] > 0 && p("g", {
+						}, e[T(335)]))] }),
+						C && C[T(294)] > 0 && p("g", {
 							clipPath: lt,
 							children: p("g", {
-								className: E(534),
-								children: C[E(501)]((e, t) => {
-									let n = E, r = G(Math[n(485)](e[n(530)], e.to)), i = G(Math[n(554)](e[n(530)], e.to));
-									return p(n(497), {
-										className: n(494),
+								className: T(336),
+								children: C[T(351)]((e, t) => {
+									let n = T, r = W(Math[n(364)](e.from, e.to)), i = W(Math[n(366)](e.from, e.to));
+									return p(n(291), {
+										className: n(317),
 										x: r,
 										y: h,
-										width: Math.max(2, i - r),
-										height: H,
-										style: { fill: a[e.tone ?? n(569)] }
+										width: Math[n(366)](2, i - r),
+										height: V,
+										style: { fill: o[e[n(282)] ?? n(292)] }
 									}, t);
 								})
 							})
 						}),
-						z.map((e) => m("g", { children: [p(E(480), {
-							className: E(567),
-							x1: B,
-							x2: A,
-							y1: K(e),
-							y2: K(e)
-						}), p(E(560), {
-							className: E(495),
+						R[T(351)]((e) => m("g", { children: [p("line", {
+							className: "ds-chart__grid",
+							x1: z,
+							x2: k,
+							y1: G(e),
+							y2: G(e)
+						}), p(T(340), {
+							className: T(313),
 							x: 0,
-							y: K(e),
-							dominantBaseline: E(555),
-							children: We(e)
+							y: G(e),
+							dominantBaseline: T(319),
+							children: Ge(e)
 						})] }, e)),
-						u[E(501)]((e, t) => Ye(t) ? p(E(560), {
-							className: "ds-chart__axis",
-							x: G(t),
+						t[T(351)]((e, t) => Xe(t) ? p(T(340), {
+							className: T(313),
+							x: W(t),
 							y: v - 6,
-							textAnchor: D === 1 ? E(555) : t === 0 ? E(548) : t === D - 1 ? "end" : "middle",
-							children: we(e, t)
+							textAnchor: E === 1 ? T(319) : t === 0 ? T(293) : t === E - 1 ? T(308) : T(319),
+							children: Te(e, t)
 						}, t) : null),
-						w?.[E(501)]((e, t) => {
-							let n = E, r = o[e[n(562)] ?? n(510)];
+						xe?.[T(351)]((e, t) => {
+							let n = T, r = s[e[n(282)] ?? n(301)];
 							return m("g", {
-								className: n(539),
-								style: { transform: n(528) + K(e[n(568)]) + "px)" },
-								children: [p(n(480), {
-									x1: B,
-									x2: A,
+								className: n(354),
+								style: { transform: n(363) + G(e[n(362)]) + n(307) },
+								children: [p(n(325), {
+									x1: z,
+									x2: k,
 									y1: 0,
 									y2: 0,
 									style: { stroke: r }
-								}), e[n(546)] && p(n(560), {
-									className: n(495),
-									x: A,
+								}), e.label && p(n(340), {
+									className: "ds-chart__axis",
+									x: k,
 									y: -5,
-									textAnchor: n(488),
+									textAnchor: n(308),
 									style: { fill: r },
-									children: e[n(546)]
+									children: e[n(296)]
 								})]
 							}, t);
 						}),
-						p(E(480), {
-							className: E(481),
-							"data-state": E(O ? 564 : 524),
+						p(T(325), {
+							className: "ds-line-chart__guide",
+							"data-state": T(D ? 295 : 344),
 							x1: 0,
 							x2: 0,
 							y1: h,
-							y2: U,
-							style: { transform: E(503) + $ + E(496) }
+							y2: H,
+							style: { transform: T(283) + Q + T(307) }
 						}),
 						p("g", {
 							clipPath: lt,
 							children: m("g", {
-								className: E(534),
-								"data-streaming": T ? "" : void 0,
-								children: [y && _.map((e, t) => Xe[t][E(501)]((n, r) => p(E(509), {
-									className: E(520),
-									d: ee(n.hi, n.lo, ge),
-									fill: at ? c(e[E(544)], t) : "url(#" + M + E(553) + t + ")",
-									fillOpacity: at ? ct : void 0,
-									"data-dimmed": q(e.key)
-								}, e[E(526)] + "-" + r))), _[E(501)]((e, t) => p(E(509), {
-									className: E(515),
-									d: Xe[t][E(501)]((e) => ae(e.hi, ge))[E(547)](""),
-									stroke: c(e[E(544)], t),
+								className: T(336),
+								"data-streaming": w ? "" : void 0,
+								children: [y && _[T(351)]((e, t) => Ze[t][T(351)]((n, r) => p(T(342), {
+									className: T(361),
+									d: te(n.hi, n.lo, ge),
+									fill: $ ? c(e[T(280)], t) : T(331) + j + T(346) + t + ")",
+									fillOpacity: $ ? ct : void 0,
+									"data-dimmed": K(e[T(335)])
+								}, e[T(335)] + "-" + r))), _[T(351)]((e, t) => p(T(342), {
+									className: T(299),
+									d: Ze[t].map((e) => oe(e.hi, ge))[T(323)](""),
+									stroke: c(e[T(280)], t),
 									pathLength: 1,
-									"data-dimmed": q(e[E(526)])
-								}, e.key))]
+									"data-dimmed": K(e[T(335)])
+								}, e[T(335)]))]
 							})
 						}),
-						xe && _[E(501)]((e, t) => {
-							let n = E, r = Ze(D - 1, t);
+						Se && _[T(351)]((e, t) => {
+							let n = T, r = Qe(E - 1, t);
 							return r === null ? null : m("g", {
-								className: n(535),
-								"data-pulse": xe === n(523) || void 0,
-								"data-dimmed": q(e[n(526)]),
+								className: n(356),
+								"data-pulse": Se === n(350) || void 0,
+								"data-dimmed": K(e.key),
 								style: {
-									transform: n(538) + G(D - 1) + n(483) + K(r) + "px)",
-									color: c(e[n(544)], t)
+									transform: n(359) + W(E - 1) + n(365) + G(r) + n(307),
+									color: c(e[n(280)], t)
 								},
-								children: [xe === n(523) && p(n(565), {
-									className: n(556),
+								children: [Se === n(350) && p(n(320), {
+									className: n(326),
 									r: 3.5,
-									fill: n(566)
-								}), p(n(565), {
-									className: n(532),
+									fill: n(329)
+								}), p(n(320), {
+									className: n(276),
 									r: 3.5,
-									fill: n(566)
+									fill: n(329)
 								})]
-							}, e[n(526)]);
+							}, e[n(335)]);
 						}),
-						_[E(501)]((e, t) => {
-							let n = E, r = k === null ? null : Ze(k, t);
+						_.map((e, t) => {
+							let n = T, r = O === null ? null : Qe(O, t);
 							return p("g", {
-								className: n(511),
-								"data-state": n(O && r !== null ? 564 : 524),
-								"data-dimmed": q(e[n(526)]),
-								style: { transform: n(538) + $ + n(483) + (r === null ? U : K(r)) + "px)" },
-								children: p("circle", {
+								className: n(281),
+								"data-state": n(D && r !== null ? 295 : 344),
+								"data-dimmed": K(e.key),
+								style: { transform: n(359) + Q + n(365) + (r === null ? H : G(r)) + n(307) },
+								children: p(n(320), {
 									r: 5,
-									fill: c(e[n(544)], t)
+									fill: c(e[n(280)], t)
 								})
-							}, e[n(526)]);
+							}, e[n(335)]);
 						}),
-						p(E(497), {
-							className: E(570),
-							x: B,
+						p(T(291), {
+							className: T(309),
+							x: z,
 							y: 0,
-							width: V,
+							width: B,
 							height: v,
-							onPointerMove: rt,
-							onPointerDown: rt,
-							onPointerLeave: Re
+							onPointerMove: it,
+							onPointerDown: it,
+							onPointerLeave: ze
 						})
 					]
 				}),
-				p(E(531), {
-					ref: Fe,
-					className: E(499),
-					"data-state": O ? "open" : E(524),
-					"data-settled": Pe || void 0,
-					style: { transform: "translate(" + nt + E(483) + h + "px)" },
+				p(T(328), {
+					ref: Ie,
+					className: T(305),
+					"data-state": T(D ? 295 : 344),
+					"data-settled": Fe || void 0,
+					style: { transform: "translate(" + rt + "px, " + h + T(307) },
 					"aria-hidden": !0,
-					children: p(i, {
-						title: tt,
-						rows: X.map((e) => ({
-							key: e.s[E(526)],
-							label: e.s[E(546)],
-							color: e[E(544)],
-							value: et(e)
+					children: p(a, {
+						title: nt,
+						rows: Y[T(351)]((e) => ({
+							key: e.s.key,
+							label: e.s[T(296)],
+							color: e[T(280)],
+							value: tt(e)
 						})),
-						footer: Q === void 0 ? void 0 : {
-							key: E(552),
+						footer: Z === void 0 ? void 0 : {
+							key: T(345),
 							label: "합계",
 							color: "",
-							value: Q
+							value: Z
 						}
 					})
 				}),
-				p(E(549), {
-					id: M + E(505),
-					className: E(491),
-					"aria-live": E(559),
-					children: it
+				p(T(332), {
+					id: j + T(341),
+					className: "ds-chart__sr",
+					"aria-live": T(306),
+					children: at
 				})
 			]
-		}), De && p(r, {
-			items: _.map((e, t) => ({
-				key: e[E(526)],
-				label: e[E(546)],
-				color: c(e[E(544)], t)
+		}), Oe && p(i, {
+			items: _[T(351)]((e, t) => ({
+				key: e[T(335)],
+				label: e[T(296)],
+				color: c(e[T(280)], t)
 			})),
-			focused: j,
-			onFocusChange: Be
+			focused: A,
+			onFocusChange: Ve
 		})]
 	});
 }
 function he(t, n, r) {
 	let i = e;
-	if (!r) return n[i(501)]((e) => {
-		let n = l(t, e[i(526)]);
+	if (!r) return n[i(351)]((e) => {
+		let n = l(t, e.key);
 		return n === null ? null : [0, n];
 	});
-	let a = n[i(501)]((e) => Math[i(554)](0, l(t, e[i(526)]) ?? 0)), o = a[i(514)]((e, t) => e + t, 0), s = 0;
-	return a.map((e) => {
-		let t = r === i(508) ? o ? e / o : 0 : e, n = [s, s + t];
+	let a = n[i(351)]((e) => Math.max(0, l(t, e[i(335)]) ?? 0)), o = a[i(298)]((e, t) => e + t, 0), s = 0;
+	return a[i(351)]((e) => {
+		let t = r === i(311) ? o ? e / o : 0 : e, n = [s, s + t];
 		return s += t, n;
 	});
 }