@iamfiro/design 0.3.2 → 0.3.5

package/lib/components/FunnelChart/FunnelChart2.js

@@ -1,233 +1,233 @@
 "use client";
-const e = s;
+const e = m;
 (function(e, t) {
-	let n = s, r = e();
+	let n = m, r = e();
 	for (;;) try {
-		if (-parseInt(n(196)) / 1 + parseInt(n(210)) / 2 * (parseInt(n(229)) / 3) + -parseInt(n(214)) / 4 + -parseInt(n(234)) / 5 * (-parseInt(n(201)) / 6) + -parseInt(n(208)) / 7 * (-parseInt(n(172)) / 8) + -parseInt(n(188)) / 9 + parseInt(n(198)) / 10 * (parseInt(n(209)) / 11) == t) break;
+		if (parseInt(n(462)) / 1 + -parseInt(n(448)) / 2 + -parseInt(n(479)) / 3 + parseInt(n(482)) / 4 * (-parseInt(n(451)) / 5) + -parseInt(n(489)) / 6 * (parseInt(n(461)) / 7) + -parseInt(n(459)) / 8 + parseInt(n(476)) / 9 == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(a, 879864);
+})(p, 980069);
 import { Text as t } from "../../primitives/Typography2.js";
 import { ColorDot as n } from "../../primitives/ColorDot2.js";
 import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
-function a() {
-	let e = /* @__PURE__ */ "idmWjsWGDMfYkc0TC3vYzMfJzsKP.zhjVCfjHDgu.BwLU.Dgv4Da.ota5nteYruXsrNrR.CMvJDa.zhmTy2HHCNrFx3bSB3q.BwfW.lwXPDMu.C3bHBG.zw5K.zNjVBvbYzxzPB3vZ.Agf0y2HLza.BwLK.B3rOzxi.zhmTzNvUBMvSlwnOyxj0.y29SB3i.zhmTzNvUBMvSlwnOyxj0x19KCM9W.ChGSia.7j207kceioUlQoQZHcdRJidRUyq.mte1ntG0mZbqqKjQuNG.imk3ia.zhmTy2HHCNrFx3rPCa.DhjHBNnSyxrLka.Ag9YAxPVBNrHBa.zgL2.ls1JAgfYDc1ZzxeTmq.zhmTy2HHCNq.mti1ndmWmhjSsgziAG.DhjHBNnSyxrLwcG.mJmZmJK0mtbIt2POyNi.DxnLCLnWywnLt25vC2u.y2XPzw50wa.mtKXngTMEgfhEq.7y2864sqioYWQo2kUa.7lkRioUlQoQZHcdRJidRUyq.lcdSNBtTG4GG.y29UDMvYC2LVBG.zgvMCW.ChGP.mtr3CNvKAMe.mtfYugHKCfy.mteYu1PVu05W.zhmTy2HHCNrFx3n2zYbKCY1MDw5UzwWTy2HHCNrFx3n2zW.zhmTzNvUBMvSlwnOyxj0x19SywjLBa.BgLUzq.ntq5mZC2mgzcA3bjsq.C2vJB25Kyxj5.Bwf4.A2v5.y2XPzw50wq.zhmTzNvUBMvSlwnOyxj0x19Iyw5K.D2LKDgG.BgvUz3rO.y2vPBa.DMfSDwu.Cgf0Aa.zhmTzNvUBMvSlwnOyxj0x192ywX1zq.zhmTzNvUBMvSlwnOyxj0x19Iyxi.DhjHBNnSyxrLwsG.zMXVB3i.nZqWnZnWqxrbu1q.B3bLBG.y2XVC2vK.DMfYkc0Ty2HHCNqTC2vXlq.CM91BMq.mtmZmdvHAvnrrhi.y29SB3iTBwL4kgLUihnYz2iSia.yM9KEs1ZBq.z2v0qM91BMrPBMDdBgLLBNrszwn0.ChjLDMLVDxm.BwLKzgXL.Cg9SAxrL.zhjVCa.zhmTzNvUBMvSlwnOyxj0x19Wy3q.BgfIzwW.yMfY.lwHHDgnOlq.zMLYC3q".split(".");
-	return a = function() {
+import { cx as a } from "../../primitives/index.js";
+import { ChartTooltip as o } from "../Chart/ChartParts.js";
+import { barPath as s, chartColor as c, formatNumber as ee, formatPercent as l } from "../Chart/chart2.js";
+import { useChartInteraction as u } from "../Chart/useChartInteraction.js";
+import { estimateTextWidth as d, funnelStats as te, hBarPath as f } from "./funnel.js";
+function p() {
+	let e = /* @__PURE__ */ "Agf0y2HLza.zhmTy2HHCNrFx3nY.zhmTzNvUBMvSlwnOyxj0x19Wy3q.ls1JAgfYDc1ZzxeTmq.BgvMDa.zhmTzNvUBMvSlwnOyxj0x192ywX1zq.Dg9W.zhmTzNvUBMvSlwnOyxj0x19KCM9W.y29SB3iTBwL4kgLUihnYz2iSia.mtm1nJe4ogfJA0LlzW.lwXPDMu.A2v5.mtC2ndu1qNforfnk.BgvUz3rO.idmWjsWGDMfYkc0TC3vYzMfJzsKP.y2XVC2vK.DhjHBNnSyxrLwcG.imk3ia.zhmTy2HHCNrFx3n2zYbKCY1MDw5UzwWTy2HHCNrFx3n2zW.DhjHBNnSyxrLwsG.mti3mJCYnJrewvnQDMO.lwHHDgnOlq.mZCXyuj6tNfb.nZC3mtiYD2jhBeXL.DMfSDwu.Ag9YAxPVBNrHBa.7lkRioUlQoQZHcdRJidRUyq.zhmTy2HHCNq.BwfW.zhmTzNvUBMvSlwnOyxj0x19ZDgvW.C2vJB25Kyxj5.B3bLBG.D2LKDgG.7y2864sqioYWQo2kUa.zNjVBvbYzxzPB3vZ.DMfYkc0Ty2HHCNqTC2vXlq.y2vPBa.nJaXnJG4mZrRuePTy20.zhjVCa.zhmTzNvUBMvSlwnOyxj0x19Iyw5K.ntC1mJi2nNHjzM1eta.BgfIzwW.Cgf0Aa.mtG4CxDyu050.z2v0qM91BMrPBMDdBgLLBNrszwn0.DxnLCLnWywnLt25vC2u.zhmTzNvUBMvSlwnOyxj0x19Iyxi.Dgv4Da.CM91BMq.yM9KEs1ZBq.nZiXntzvt2zNENy.DhjHBNnSyxrLka.CM90yxrLkdq1kq.Cgf0DgvYBG.y2XPzw50wq.zgvMCW.y29UDMvYC2LVBG.zMLYC3q.zw5K.y29SB3i.DxjSkcm.BwLK.ChGSia.zNjVBuzPCNn0.Bwf4.ChGP.BwLU.zMXVB3i.CMvJDa.zhmTy2HHCNrFx3rPCa.zhmTy2HHCNrFx3bSB3q.BwLKzgXL.ChjLDMLVDxm".split(".");
+	return p = function() {
 		return e;
-	}, a();
+	}, p();
 }
-import { cx as o } from "../../primitives/index.js";
-import { ChartTooltip as ee } from "../Chart/ChartParts.js";
-function s(e, t) {
-	e -= 172;
-	let n = a(), r = n[e];
-	s.GGCxEt === void 0 && (s.tciwKd = function(e) {
+/* empty css            */
+import { useId as ne } from "react";
+function m(e, t) {
+	e -= 419;
+	let n = p(), r = n[e];
+	m.zlCHZr === void 0 && (m.mOfeZE = 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);
-	}, s.MQCfsN = {}, s.GGCxEt = !0);
+	}, m.yjLaya = {}, m.zlCHZr = !0);
 	let i = n[0];
-	s.UAafFk !== i && (s.MQCfsN = {}, s.UAafFk = i);
-	let o = s.MQCfsN[e];
-	return o === void 0 ? (r = s.tciwKd(r), s.MQCfsN[e] = r) : r = o, r;
+	m.uBWYKG !== i && (m.yjLaya = {}, m.uBWYKG = i);
+	let a = m.yjLaya[e];
+	return a === void 0 ? (r = m.mOfeZE(r), m.yjLaya[e] = r) : r = a, r;
 }
-import { barPath as c, chartColor as l, formatNumber as te, formatPercent as u } from "../Chart/chart2.js";
-import { useChartInteraction as ne } from "../Chart/useChartInteraction.js";
-import { estimateTextWidth as d, funnelStats as f, hBarPath as p } from "./funnel.js";
-/* empty css            */
-import { useId as re } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-var g = 14, ie = 28, _ = 8, v = 4, y = 44;
-function b({ data: a, orientation: s = e(192), calculateFrom: b = e(246), color: ae = e(194), gradient: oe = !1, showDropOff: x = !0, height: S = 260, barSize: C = 32, formatValue: w = te, formatPercent: T = u, legend: se = !0, activeIndex: ce, defaultActiveIndex: le, onActiveIndexChange: ue, "aria-label": de = e(202), className: fe, style: pe }) {
-	let E = e, D = re(), O = f(a, b), k = O[E(221)], { open: A, shown: j, settled: me, width: M, tipRef: he, tipSize: N, hover: P, leave: ge, plotProps: F } = ne({
-		count: k,
-		activeIndex: ce,
-		defaultActiveIndex: le,
-		onActiveIndexChange: ue,
-		initialKeyboardIndex: "first"
-	}), I = s === "horizontal", _e = Math[E(216)](0, ...O[E(175)]((e) => e[E(223)])) || 1, L = (e) => {
-		let t = E, n = O[e]?.[t(184)];
-		return n ? l(n, e) : oe ? t(232) + (k > 1 ? 1 + Math[t(233)](e * 3 / (k - 1)) : 1) + ")" : l(ae, 0);
-	}, ve = (e) => E(235) + e + E(247), R = I ? Math[E(222)](Math[E(216)](0, ...O[E(175)]((e) => d(e[E(243)])))) + 16 : 0, ye = Math.ceil(Math[E(216)](0, ...O[E(175)]((e) => d(w(e[E(223)], e))))) + 4, be = I ? 16 + ye + 10 + y : 0, xe = Math[E(216)](0, M - R - be), z = C + g, B = I ? Math[E(216)](0, k * C + (k - 1) * g) : S, V = S - ie, Se = Math[E(216)](0, V - 50), H = k ? M / k : 0, U = H * .78, W = (e) => e / _e * (I ? xe : Se), G = O[E(175)]((e, t) => {
-		let n = E, r = t ? O[t - 1].value : e[n(223)], i = W(e.value), a = W(Math[n(216)](r, e[n(223)]));
-		if (I) {
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+var _ = 14, re = 28, v = 8, y = 4, b = 44;
+function x({ data: p, orientation: m = e(464), calculateFrom: x = e(423), color: ie = e(442), gradient: ae = !1, showDropOff: S = !0, height: C = 260, barSize: w = 32, formatValue: T = ee, formatPercent: E = l, legend: oe = !0, activeIndex: se, defaultActiveIndex: ce, onActiveIndexChange: le, "aria-label": ue = e(472), className: de, style: fe }) {
+	let D = e, O = ne(), k = te(p, x), A = k[D(452)], { open: j, shown: M, settled: pe, width: N, tipRef: me, tipSize: P, hover: he, leave: ge, plotProps: _e } = u({
+		count: A,
+		activeIndex: se,
+		defaultActiveIndex: ce,
+		onActiveIndexChange: le,
+		initialKeyboardIndex: D(423)
+	}), F = m === D(464), ve = Math[D(430)](0, ...k[D(467)]((e) => e[D(463)])) || 1, I = (e) => {
+		let t = D, n = k[e]?.[t(425)];
+		return n ? c(n, e) : ae ? t(474) + (A > 1 ? 1 + Math[t(487)](e * 3 / (A - 1)) : 1) + ")" : c(ie, 0);
+	}, ye = (e) => D(447) + e + D(453), L = F ? Math[D(475)](Math[D(430)](0, ...k.map((e) => d(e.label)))) + 16 : 0, R = Math[D(475)](Math[D(430)](0, ...k[D(467)]((e) => d(T(e.value, e))))) + 4, be = F ? 16 + R + 10 + b : 0, xe = Math[D(430)](0, N - L - be), z = w + _, B = F ? Math[D(430)](0, A * w + (A - 1) * _) : C, V = C - re, Se = Math[D(430)](0, V - 50), H = A ? N / A : 0, U = H * .78, W = (e) => e / ve * (F ? xe : Se), G = k.map((e, t) => {
+		let n = D, r = t ? k[t - 1][n(463)] : e[n(463)], i = W(e.value), a = W(Math[n(430)](r, e.value));
+		if (F) {
 			let e = t * z;
 			return {
-				bar: p(R, e, i, C, v),
-				drop: p(R + i, e, a - i, C, v),
-				end: R + a,
-				mid: e + C / 2
+				bar: f(L, e, i, w, y),
+				drop: f(L + i, e, a - i, w, y),
+				end: L + a,
+				mid: e + w / 2
 			};
 		}
 		let o = t * H + (H - U) / 2;
 		return {
-			bar: c(o, V - i, U, i, v),
-			drop: c(o, V - a, U, a - i, v),
+			bar: s(o, V - i, U, i, y),
+			drop: s(o, V - a, U, a - i, y),
 			end: (t + 1) * H,
 			mid: t * H + H / 2
 		};
-	}), K = j === null ? void 0 : O[j], q = (e) => e === E(246) ? E(203) : E(187), J = b === E(246) ? E(238) : "first", Ce = K && j !== null ? [{
-		key: "conversion",
-		label: q(b),
-		color: L(j),
-		value: T(K[E(205)])
-	}, ...j > 0 ? [{
-		key: E(182),
+	}), K = M === null ? void 0 : k[M], q = (e) => e === "first" ? D(465) : "이전 단계 대비", J = x === D(423) ? D(438) : D(423), Ce = K && M !== null ? [{
+		key: D(422),
+		label: q(x),
+		color: I(M),
+		value: E(K[D(422)])
+	}, ...M > 0 ? [{
+		key: "other",
 		label: q(J),
-		color: L(j),
-		value: T(J === E(246) ? K.fromFirst : K[E(179)])
+		color: I(M),
+		value: E(J === D(423) ? K[D(429)] : K[D(473)])
 	}, {
-		key: E(241),
+		key: D(477),
 		label: "이탈",
-		color: ve(L(j - 1)),
-		value: w(K[E(241)], K) + E(189) + T(K[E(248)])
-	}] : []] : [], Y = j === null ? void 0 : G[j], X = 0, Z = 0;
-	if (Y && j !== null) {
-		if (I) X = Math[E(216)](0, Math[E(249)](Y.end + _, M - N.w)), Z = Math[E(216)](0, Math[E(249)](Y[E(181)] - N.h / 2, B - N.h));
+		color: ye(I(M - 1)),
+		value: T(K.drop, K) + D(456) + E(K.dropRate)
+	}] : []] : [], Y = M === null ? void 0 : G[M], X = 0, Z = 0;
+	if (Y && M !== null) {
+		if (F) X = Math[D(430)](0, Math.min(Y[D(424)] + v, N - P.w)), Z = Math[D(430)](0, Math[D(432)](Y[D(427)] - P.h / 2, B - P.h));
 		else {
-			let e = j * H;
-			X = Y[E(178)] + _ + N.w > M ? Math[E(216)](0, e - _ - N.w) : Y.end + _, Z = 50;
+			let e = M * H;
+			X = Y.end + v + P.w > N ? Math.max(0, e - v - P.w) : Y[D(424)] + v, Z = 50;
 		}
 	}
-	let Q = j === null ? 0 : I ? j * z - g / 2 : j * H, $ = (e) => {
-		let t = E;
-		if (!k) return;
-		let n = e.currentTarget[t(237)](), r = I ? Math[t(228)]((e[t(218)] - n.top + g / 2) / z) : Math[t(228)]((e[t(200)] - n.left) / n[t(220)] * k);
-		P(Math[t(249)](k - 1, Math.max(0, r)));
-	}, we = A && K ? K.label + ": " + w(K[E(223)], K) + ", " + q(b) + " " + T(K.conversion) + (j ? E(204) + w(K.drop, K) : "") : "";
-	return h(i, {
+	let Q = M === null ? 0 : F ? M * z - _ / 2 : M * H, $ = (e) => {
+		let t = D;
+		if (!A) return;
+		let n = e.currentTarget[t(483)](), r = F ? Math[t(433)]((e[t(420)] - n[t(445)] + _ / 2) / z) : Math.floor((e.clientX - n[t(443)]) / n[t(471)] * A);
+		he(Math[t(432)](A - 1, Math[t(430)](0, r)));
+	}, we = j && K ? K[D(480)] + ": " + T(K[D(463)], K) + ", " + q(x) + " " + E(K[D(422)]) + (M ? ", 이탈 " + T(K[D(477)], K) : "") : "";
+	return g(i, {
 		gap: 3,
-		className: o(E(195), E(183), fe),
-		style: pe,
-		children: [h(E(193), {
-			...F,
-			className: E(174),
+		className: a(D(466), "ds-funnel-chart", de),
+		style: fe,
+		children: [g("div", {
+			..._e,
+			className: D(436),
 			style: { height: B },
-			"data-orientation": s,
-			"aria-roledescription": E(202),
-			"aria-label": de,
-			"aria-describedby": D + "-live",
+			"data-orientation": m,
+			"aria-roledescription": D(472),
+			"aria-label": ue,
+			"aria-describedby": O + D(449),
 			children: [
-				M > 0 && h("svg", {
-					className: E(211),
-					width: M,
+				N > 0 && g("svg", {
+					className: D(457),
+					width: N,
 					height: B,
 					"aria-hidden": !0,
-					"data-orientation": s,
+					"data-orientation": m,
 					children: [
-						m(E(206), { children: O[E(175)]((e, t) => t > 0 ? h("pattern", {
-							id: D + E(245) + t,
+						h(D(421), { children: k[D(467)]((e, t) => t > 0 ? g(D(419), {
+							id: O + "-hatch-" + t,
 							width: 6,
 							height: 6,
-							patternUnits: E(199),
-							patternTransform: "rotate(45)",
-							children: [m(E(173), {
+							patternUnits: D(484),
+							patternTransform: D(491),
+							children: [h(D(434), {
 								width: 6,
 								height: 6,
 								style: {
-									fill: L(t - 1),
+									fill: I(t - 1),
 									fillOpacity: .1
 								}
-							}), m(E(213), {
+							}), h("line", {
 								x1: 1.5,
 								y1: 0,
 								x2: 1.5,
 								y2: 6,
 								style: {
-									stroke: L(t - 1),
+									stroke: I(t - 1),
 									strokeWidth: 3,
 									strokeOpacity: .28
 								}
 							})]
-						}, e[E(217)]) : null) }),
-						m("rect", {
-							className: E(219),
-							"data-state": E(A ? 230 : 231),
+						}, e[D(450)]) : null) }),
+						h(D(434), {
+							className: D(478),
+							"data-state": j ? D(470) : "closed",
 							x: 0,
 							y: 0,
-							width: I ? M : H,
-							height: I ? z : B,
+							width: F ? N : H,
+							height: F ? z : B,
 							rx: 8,
-							style: { transform: I ? E(227) + Q + "px)" : E(197) + Q + E(207) }
+							style: { transform: F ? D(458) + Q + D(431) : D(455) + Q + "px)" }
 						}),
-						O[E(175)]((e, t) => {
-							let n = E, r = G[t], i = A && j !== t || void 0, a = { "--_i": t };
-							return h("g", {
-								className: "ds-funnel-chart__step",
+						k.map((e, t) => {
+							let n = D, r = G[t], i = j && M !== t || void 0, a = { "--_i": t };
+							return g("g", {
+								className: n(468),
 								"data-faded": i,
-								children: [x && t > 0 && m(n(224), {
-									className: n(185),
-									d: r[n(241)],
-									fill: "url(#" + D + n(245) + t + ")",
+								children: [S && t > 0 && h(n(481), {
+									className: n(446),
+									d: r[n(477)],
+									fill: n(426) + O + n(460) + t + ")",
 									style: a
-								}), m(n(224), {
-									className: n(226),
-									d: r[n(244)],
-									fill: L(t),
+								}), h(n(481), {
+									className: n(485),
+									d: r.bar,
+									fill: I(t),
 									style: a
 								})]
-							}, e[n(217)]);
+							}, e[n(450)]);
 						}),
-						O[E(175)]((e, t) => {
-							let n = E, r = G[t], i = w(e[n(223)], e), a = T(e.conversion);
-							return I ? h("g", { children: [
-								m("text", {
-									className: n(212),
+						k[D(467)]((e, t) => {
+							let n = D, r = G[t], i = T(e[n(463)], e), a = E(e[n(422)]);
+							return F ? g("g", { children: [
+								h(n(486), {
+									className: "ds-funnel-chart__label",
 									x: 0,
-									y: r[n(181)],
+									y: r[n(427)],
 									dominantBaseline: "middle",
-									children: e[n(243)]
+									children: e.label
 								}),
-								m(n(250), {
-									className: n(225),
-									x: M - y - 10,
-									y: r[n(181)],
-									dominantBaseline: n(239),
-									textAnchor: n(178),
+								h(n(486), {
+									className: n(444),
+									x: N - b - 10,
+									y: r.mid,
+									dominantBaseline: n(437),
+									textAnchor: n(424),
 									children: i
 								}),
-								m(n(250), {
-									className: n(242),
-									x: M,
-									y: r.mid,
-									dominantBaseline: n(239),
-									textAnchor: "end",
+								h(n(486), {
+									className: n(441),
+									x: N,
+									y: r[n(427)],
+									dominantBaseline: n(437),
+									textAnchor: n(424),
 									children: a
 								})
-							] }, e[n(217)]) : h("g", { children: [
-								m("text", {
-									className: n(225),
-									x: r[n(181)],
+							] }, e.key) : g("g", { children: [
+								h(n(486), {
+									className: "ds-funnel-chart__value",
+									x: r.mid,
 									y: 16,
-									dominantBaseline: n(239),
-									textAnchor: n(239),
+									dominantBaseline: n(437),
+									textAnchor: n(437),
 									children: i
 								}),
-								m(n(250), {
-									className: "ds-funnel-chart__pct",
-									x: r[n(181)],
+								h(n(486), {
+									className: n(441),
+									x: r.mid,
 									y: 35,
-									dominantBaseline: n(239),
-									textAnchor: n(239),
+									dominantBaseline: n(437),
+									textAnchor: "middle",
 									children: a
 								}),
-								m(n(250), {
-									className: n(212),
-									x: r[n(181)],
-									y: S - 6,
-									textAnchor: n(239),
-									children: e[n(243)]
+								h(n(486), {
+									className: "ds-funnel-chart__label",
+									x: r[n(427)],
+									y: C - 6,
+									textAnchor: n(437),
+									children: e.label
 								})
-							] }, e[n(217)]);
+							] }, e[n(450)]);
 						}),
-						m(E(173), {
+						h(D(434), {
 							className: "ds-chart__hit",
 							x: 0,
 							y: 0,
-							width: M,
+							width: N,
 							height: B,
 							onPointerMove: $,
 							onPointerDown: $,
@@ -235,49 +235,49 @@ function b({ data: a, orientation: s = e(192), calculateFrom: b = e(246), color:
 						})
 					]
 				}),
-				m("div", {
-					ref: he,
-					className: E(190),
-					"data-state": A ? "open" : E(231),
-					"data-settled": me || void 0,
-					style: { transform: E(191) + X + E(186) + Z + "px)" },
+				h("div", {
+					ref: me,
+					className: D(435),
+					"data-state": D(j ? 470 : 454),
+					"data-settled": pe || void 0,
+					style: { transform: D(490) + X + D(428) + Z + "px)" },
 					"aria-hidden": !0,
-					children: m(ee, {
-						title: K?.[E(243)],
-						value: K ? w(K[E(223)], K) : void 0,
+					children: h(o, {
+						title: K?.[D(480)],
+						value: K ? T(K[D(463)], K) : void 0,
 						rows: Ce
 					})
 				}),
-				m(E(177), {
-					id: D + E(176),
-					className: "ds-chart__sr",
-					"aria-live": E(240),
+				h("span", {
+					id: O + "-live",
+					className: D(440),
+					"aria-live": "polite",
 					children: we
 				})
 			]
-		}), se && x && h(r, {
+		}), oe && S && g(r, {
 			gap: 4,
-			children: [h(r, {
+			children: [g(r, {
 				gap: 2,
 				wrap: !1,
-				children: [m(n, { color: L(0) }), m(t, {
-					variant: E(236),
-					tone: E(215),
+				children: [h(n, { color: I(0) }), h(t, {
+					variant: D(488),
+					tone: D(469),
 					children: "전환"
 				})]
-			}), h(r, {
+			}), g(r, {
 				gap: 2,
 				wrap: !1,
-				children: [m(n, {
-					color: L(0),
-					variant: E(180)
-				}), m(t, {
-					variant: "body-sm",
-					tone: E(215),
+				children: [h(n, {
+					color: I(0),
+					variant: D(439)
+				}), h(t, {
+					variant: D(488),
+					tone: D(469),
 					children: "이탈"
 				})]
 			})]
 		})]
 	});
 }
-export { b as FunnelChart };
+export { x as FunnelChart };

package/lib/components/FunnelChart/funnel.js

@@ -1,69 +1,71 @@
 "use client";
 const e = r;
-function t() {
-	let e = [
-		"mZeWmduZDxHHvMDf",
-		"odiYmdK2t2HSvufo",
-		"nwHbD0Pwsa",
-		"nteWntG4Dxz1uLr0",
-		"mtzOyMHXEgO",
-		"nMHJsuzYza",
-		"zNjVBq",
-		"nta4odeZognOv0XIDa",
-		"mty5oty0oxvyBfPPEq",
-		"mJqWmZa5AeDbuMDO",
-		"Bwf4",
-		"owvTqLLWrq",
-		"zMLYC3q",
-		"mtuXnZi3mgjVvu9Wwa",
-		"DMfSDwu",
-		"BwfW"
-	];
-	return t = function() {
-		return e;
-	}, t();
-}
 (function(e, t) {
 	let n = r, i = e();
 	for (;;) try {
-		if (parseInt(n(500)) / 1 * (-parseInt(n(496)) / 2) + -parseInt(n(507)) / 3 + parseInt(n(494)) / 4 + -parseInt(n(493)) / 5 * (-parseInt(n(498)) / 6) + -parseInt(n(499)) / 7 * (-parseInt(n(495)) / 8) + parseInt(n(502)) / 9 * (-parseInt(n(504)) / 10) + parseInt(n(492)) / 11 == t) break;
+		if (-parseInt(n(389)) / 1 + -parseInt(n(401)) / 2 * (parseInt(n(391)) / 3) + -parseInt(n(406)) / 4 * (parseInt(n(400)) / 5) + -parseInt(n(402)) / 6 * (-parseInt(n(393)) / 7) + -parseInt(n(392)) / 8 + parseInt(n(398)) / 9 + parseInt(n(397)) / 10 == t) break;
 		i.push(i.shift());
 	} catch {
 		i.push(i.shift());
 	}
-})(t, 560015);
-function n(e, t) {
-	let n = r, i = e[0]?.value ?? 0;
-	return e[n(506)]((r, a) => {
-		let o = n, s = Math[o(501)](0, r[o(505)]), c = a ? Math[o(501)](0, e[a - 1][o(505)]) : s, l = a === 0 ? 1 : i > 0 ? s / i : 0, u = a === 0 ? 1 : c > 0 ? s / c : 0, d = a ? Math[o(501)](0, c - s) : 0;
+})(n, 598284);
+function t(e, t) {
+	let n = r, i = e[0]?.[n(405)] ?? 0;
+	return e[n(395)]((r, a) => {
+		let o = n, s = Math[o(403)](0, r[o(405)]), c = a ? Math.max(0, e[a - 1].value) : s, l = a === 0 ? 1 : i > 0 ? s / i : 0, u = a === 0 ? 1 : c > 0 ? s / c : 0, d = a ? Math[o(403)](0, c - s) : 0;
 		return {
 			...r,
 			value: s,
 			fromFirst: l,
 			fromPrevious: u,
-			conversion: t === o(503) ? l : u,
+			conversion: t === o(394) ? l : u,
 			drop: d,
 			dropRate: a && c > 0 ? d / c : 0
 		};
 	});
 }
-function r(e, n) {
-	e -= 492;
-	let i = t(), a = i[e];
-	r.tPzIhD === void 0 && (r.XvSIYx = function(e) {
+function n() {
+	let e = [
+		"DMfSDwu",
+		"mJHsq2PXEgC",
+		"ota2oti0zfjcserY",
+		"y29KzvbVAw50qxq",
+		"m2Poz294qG",
+		"nJi2mZmXmM5drxjxuW",
+		"mZKYntG3m1PAvxnTra",
+		"zMLYC3q",
+		"BwfW",
+		"zNjVBq",
+		"mtGXmJC3nZbHvhbyvvm",
+		"oti0mJG1nNbqAwvMAq",
+		"BwLU",
+		"mtGYmti1Dhrgq0rx",
+		"mtCXntaWnKriz0DXzW",
+		"nLHbuuvsCG",
+		"Bwf4",
+		"CMvKDwnL"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+function r(e, t) {
+	e -= 389;
+	let i = n(), a = i[e];
+	r.meFgBJ === void 0 && (r.qCRGeK = function(e) {
 		let t = "", n = "";
 		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
 		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
 		return decodeURIComponent(n);
-	}, r.FPHkna = {}, r.tPzIhD = !0);
+	}, r.kCvhev = {}, r.meFgBJ = !0);
 	let o = i[0];
-	r.KWvJZY !== o && (r.FPHkna = {}, r.KWvJZY = o);
-	let s = r.FPHkna[e];
-	return s === void 0 ? (a = r.XvSIYx(a), r.FPHkna[e] = a) : a = s, a;
+	r.MRrUTB !== o && (r.kCvhev = {}, r.MRrUTB = o);
+	let s = r.kCvhev[e];
+	return s === void 0 ? (a = r.qCRGeK(a), r.kCvhev[e] = a) : a = s, a;
 }
 function i(e, t, n, i, a) {
-	let o = Math[r(501)](0, Math.min(a, i / 2, n));
-	return "M" + e + "," + t + "H" + (e + n - o) + "Q" + (e + n) + "," + t + " " + (e + n) + "," + (t + o) + "V" + (t + i - o) + "Q" + (e + n) + "," + (t + i) + " " + (e + n - o) + "," + (t + i) + "H" + e + "Z";
+	let o = r, s = Math[o(403)](0, Math[o(399)](a, i / 2, n));
+	return "M" + e + "," + t + "H" + (e + n - s) + "Q" + (e + n) + "," + t + " " + (e + n) + "," + (t + s) + "V" + (t + i - s) + "Q" + (e + n) + "," + (t + i) + " " + (e + n - s) + "," + (t + i) + "H" + e + "Z";
 }
-var a = (t) => Array[e(497)](t).reduce((e, t) => e + ((t.codePointAt(0) ?? 0) >= 11904 ? 13 : 7.5), 0);
-export { a as estimateTextWidth, n as funnelStats, i as hBarPath };
+var a = (t) => Array[e(396)](t)[e(404)]((t, n) => t + ((n[e(390)](0) ?? 0) >= 11904 ? 13 : 7.5), 0);
+export { a as estimateTextWidth, t as funnelStats, i as hBarPath };