@iamfiro/design 0.3.2 → 0.3.4

package/lib/components/FunnelChart/FunnelChart2.js

@@ -1,137 +1,137 @@
 "use client";
-const e = s;
+const e = f;
 (function(e, t) {
-	let n = s, r = e();
+	let n = f, 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(327)) / 1 * (-parseInt(n(331)) / 2) + parseInt(n(337)) / 3 * (-parseInt(n(363)) / 4) + -parseInt(n(350)) / 5 + -parseInt(n(339)) / 6 + parseInt(n(364)) / 7 + parseInt(n(326)) / 8 + parseInt(n(315)) / 9 * (parseInt(n(325)) / 10) == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(a, 879864);
+})(o, 919290);
 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";
+function o() {
+	let e = /* @__PURE__ */ "y2XPzw50wa.zhmTzNvUBMvSlwnOyxj0x19Iyw5K.z2v0qM91BMrPBMDdBgLLBNrszwn0.DxjSkcm.ngDtqwTcva.mtaYodi1mtbRyLz3B0y.DhjHBNnSyxrLwcG.zhmTzNvUBMvSlwnOyxj0x192ywX1zq.zMXVB3i.DMfYkc0Ty2HHCNqTC2vXlq.lcdSNBtTG4GG.BwfW.zMLYC3q.Ag9YAxPVBNrHBa.zhmTy2HHCNq.B3bLBG.DMfSDwu.BwLK.zNjVBvbYzxzPB3vZ.zhmTy2HHCNrFx3n2zYbKCY1MDw5UzwWTy2HHCNrFx3n2zW.A2v5.ChjLDMLVDxm.7y2864sqioYWQo2kUa.zhmTy2HHCNrFx3nY.ChGP.Dgv4Da.mZm2nZK4odfurePztKK.zhjVCfjHDgu.zhmTy2HHCNrFx3rPCa.y2vPBa.DhjHBNnSyxrLka.y3vYCMvUDfrHCMDLDa.ChGSia.BwLKzgXL.idmWjsWGDMfYkc0TC3vYzMfJzsKP.lwXPDMu.mtbjD2HLCwC.nJG1mtC2oeP0r2Ttra.mvDNuKP6CG.BgfIzwW.y29SB3i.Bwf4.mty4ndG0y0vpqMHW.zhjVCa.y2XPzw50wq.Cgf0DgvYBG.zhmTzNvUBMvSlwnOyxj0x19ZDgvW.zhmTzNvUBMvSlwnOyxj0x19SywjLBa.ntq5ndq0m3jLuKDbCq.yM9KEs1ZBq.otq3mtK0oeHVCfzezq.zhmTzNvUBMvSlwnOyxj0.y2XVC2vK.7lkRioUlQoQZHcdRJidRUyq.D2LKDgG.imk3ia.BgvUz3rO.zw5K.zhmTy2HHCNrFx3bSB3q.BwLU.BgLUzq.odi2oty5nuTvsNbfvW.C3bHBG.Cgf0Aa.zgL2.lwHHDgnOlq.DhjHBNnSyxrLwsG.y29UDMvYC2LVBG.CMvJDa.7j207kceioUlQoQZHcdRJidRUyq".split(".");
+	return o = function() {
 		return e;
-	}, a();
+	}, o();
 }
-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) {
+import { barPath as s, chartColor as c, formatNumber as te, formatPercent as ne } from "../Chart/chart2.js";
+import { useChartInteraction as l } from "../Chart/useChartInteraction.js";
+import { estimateTextWidth as u, funnelStats as re, hBarPath as d } from "./funnel.js";
+function f(e, t) {
+	e -= 300;
+	let n = o(), r = n[e];
+	f.TJqKhw === void 0 && (f.AcTBlD = 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);
+	}, f.HhxFRk = {}, f.TJqKhw = !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;
+	f.prtjta !== i && (f.HhxFRk = {}, f.prtjta = i);
+	let a = f.HhxFRk[e];
+	return a === void 0 ? (r = f.AcTBlD(r), f.HhxFRk[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,
+import { useId as ie } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+var h = 14, ae = 28, g = 8, _ = 4, v = 44;
+function y({ data: o, orientation: f = e(302), calculateFrom: y = e(301), color: oe = "--chart-seq-1", gradient: se = !1, showDropOff: b = !0, height: x = 260, barSize: S = 32, formatValue: C = te, formatPercent: w = ne, legend: ce = !0, activeIndex: le, defaultActiveIndex: ue, onActiveIndexChange: de, "aria-label": fe = e(311), className: pe, style: me }) {
+	let T = e, E = ie(), D = re(o, y), O = D[T(345)], { open: k, shown: A, settled: he, width: j, tipRef: ge, tipSize: M, hover: N, leave: P, plotProps: F } = l({
+		count: O,
+		activeIndex: le,
+		defaultActiveIndex: ue,
+		onActiveIndexChange: de,
 		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)]));
+	}), I = f === T(302), _e = Math[T(330)](0, ...D[T(300)]((e) => e[T(305)])) || 1, L = (e) => {
+		let t = T, n = D[e]?.[t(329)];
+		return n ? c(n, e) : se ? t(368) + (O > 1 ? 1 + Math.round(e * 3 / (O - 1)) : 1) + ")" : c(oe, 0);
+	}, ve = (e) => "color-mix(in srgb, " + e + T(323), R = I ? Math.ceil(Math[T(330)](0, ...D[T(300)]((e) => u(e[T(328)])))) + 16 : 0, ye = Math[T(318)](Math[T(330)](0, ...D[T(300)]((e) => u(C(e.value, e))))) + 4, be = I ? 16 + ye + 10 + v : 0, xe = Math[T(330)](0, j - R - be), z = S + h, B = I ? Math.max(0, O * S + (O - 1) * h) : x, V = x - ae, Se = Math[T(330)](0, V - 50), H = O ? j / O : 0, U = H * .78, W = (e) => e / _e * (I ? xe : Se), G = D[T(300)]((e, t) => {
+		let n = T, r = t ? D[t - 1][n(305)] : e.value, i = W(e[n(305)]), a = W(Math[n(330)](r, e[n(305)]));
 		if (I) {
 			let e = t * z;
 			return {
-				bar: p(R, e, i, C, v),
-				drop: p(R + i, e, a - i, C, v),
+				bar: d(R, e, i, S, _),
+				drop: d(R + i, e, a - i, S, _),
 				end: R + a,
-				mid: e + C / 2
+				mid: e + S / 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, _),
+			drop: s(o, V - a, U, a - i, _),
 			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 = A === null ? void 0 : D[A], q = (e) => e === T(301) ? T(342) : T(358), J = y === "first" ? T(310) : "first", Ce = K && A !== null ? [{
+		key: T(356),
+		label: q(y),
+		color: L(A),
+		value: w(K[T(356)])
+	}, ...A > 0 ? [{
+		key: "other",
 		label: q(J),
-		color: L(j),
-		value: T(J === E(246) ? K.fromFirst : K[E(179)])
+		color: L(A),
+		value: w(J === T(301) ? K.fromFirst : K[T(307)])
 	}, {
-		key: E(241),
+		key: T(332),
 		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: ve(L(A - 1)),
+		value: C(K[T(332)], K) + T(344) + w(K[T(316)])
+	}] : []] : [], Y = A === null ? void 0 : G[A], X = 0, Z = 0;
+	if (Y && A !== null) {
+		if (I) X = Math[T(330)](0, Math[T(348)](Y[T(346)] + g, j - M.w)), Z = Math[T(330)](0, Math[T(348)](Y[T(306)] - M.h / 2, B - M.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 = A * H;
+			X = Y[T(346)] + g + M.w > j ? Math[T(330)](0, e - g - M.w) : Y[T(346)] + g, 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 = A === null ? 0 : I ? A * z - h / 2 : A * H, $ = (e) => {
+		let t = T;
+		if (!O) return;
+		let n = e[t(320)][t(361)](), r = I ? Math[t(367)]((e[t(333)] - n.top + h / 2) / z) : Math[t(367)]((e[t(359)] - n.left) / n[t(343)] * O);
+		N(Math[t(348)](O - 1, Math[t(330)](0, r)));
+	}, we = k && K ? K[T(328)] + ": " + C(K[T(305)], K) + ", " + q(y) + " " + w(K[T(356)]) + (A ? T(369) + C(K.drop, K) : "") : "";
+	return m(i, {
 		gap: 3,
-		className: o(E(195), E(183), fe),
-		style: pe,
-		children: [h(E(193), {
+		className: a(T(303), T(340), pe),
+		style: me,
+		children: [m(T(353), {
 			...F,
-			className: E(174),
+			className: T(347),
 			style: { height: B },
-			"data-orientation": s,
-			"aria-roledescription": E(202),
-			"aria-label": de,
-			"aria-describedby": D + "-live",
+			"data-orientation": f,
+			"aria-roledescription": T(311),
+			"aria-label": fe,
+			"aria-describedby": E + T(324),
 			children: [
-				M > 0 && h("svg", {
-					className: E(211),
-					width: M,
+				j > 0 && m("svg", {
+					className: T(308),
+					width: j,
 					height: B,
 					"aria-hidden": !0,
-					"data-orientation": s,
+					"data-orientation": f,
 					children: [
-						m(E(206), { children: O[E(175)]((e, t) => t > 0 ? h("pattern", {
-							id: D + E(245) + t,
+						p("defs", { children: D[T(300)]((e, t) => t > 0 ? m(T(334), {
+							id: E + T(354) + t,
 							width: 6,
 							height: 6,
-							patternUnits: E(199),
+							patternUnits: "userSpaceOnUse",
 							patternTransform: "rotate(45)",
-							children: [m(E(173), {
+							children: [p(T(357), {
 								width: 6,
 								height: 6,
 								style: {
 									fill: L(t - 1),
 									fillOpacity: .1
 								}
-							}), m(E(213), {
+							}), p(T(349), {
 								x1: 1.5,
 								y1: 0,
 								x2: 1.5,
@@ -142,142 +142,142 @@ function b({ data: a, orientation: s = e(192), calculateFrom: b = e(246), color:
 									strokeOpacity: .28
 								}
 							})]
-						}, e[E(217)]) : null) }),
-						m("rect", {
-							className: E(219),
-							"data-state": E(A ? 230 : 231),
+						}, e.key) : null) }),
+						p(T(357), {
+							className: T(360),
+							"data-state": k ? T(304) : "closed",
 							x: 0,
 							y: 0,
-							width: I ? M : H,
+							width: I ? j : H,
 							height: I ? z : B,
 							rx: 8,
-							style: { transform: I ? E(227) + Q + "px)" : E(197) + Q + E(207) }
+							style: { transform: I ? T(355) + Q + "px)" : T(365) + Q + T(313) }
 						}),
-						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",
+						D.map((e, t) => {
+							let n = T, r = G[t], i = k && A !== t || void 0, a = { "--_i": t };
+							return m("g", {
+								className: n(335),
 								"data-faded": i,
-								children: [x && t > 0 && m(n(224), {
-									className: n(185),
-									d: r[n(241)],
-									fill: "url(#" + D + n(245) + t + ")",
+								children: [b && t > 0 && p(n(352), {
+									className: "ds-funnel-chart__drop",
+									d: r[n(332)],
+									fill: n(362) + E + "-hatch-" + t + ")",
 									style: a
-								}), m(n(224), {
-									className: n(226),
-									d: r[n(244)],
+								}), p(n(352), {
+									className: "ds-funnel-chart__bar",
+									d: r.bar,
 									fill: L(t),
 									style: a
 								})]
-							}, e[n(217)]);
+							}, e[n(309)]);
 						}),
-						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),
+						D[T(300)]((e, t) => {
+							let n = T, r = G[t], i = C(e[n(305)], e), a = w(e[n(356)]);
+							return I ? m("g", { children: [
+								p(n(314), {
+									className: "ds-funnel-chart__label",
 									x: 0,
-									y: r[n(181)],
-									dominantBaseline: "middle",
-									children: e[n(243)]
+									y: r[n(306)],
+									dominantBaseline: n(322),
+									children: e[n(328)]
 								}),
-								m(n(250), {
-									className: n(225),
-									x: M - y - 10,
-									y: r[n(181)],
-									dominantBaseline: n(239),
-									textAnchor: n(178),
+								p(n(314), {
+									className: n(366),
+									x: j - v - 10,
+									y: r[n(306)],
+									dominantBaseline: n(322),
+									textAnchor: "end",
 									children: i
 								}),
-								m(n(250), {
-									className: n(242),
-									x: M,
+								p("text", {
+									className: "ds-funnel-chart__pct",
+									x: j,
 									y: r.mid,
-									dominantBaseline: n(239),
-									textAnchor: "end",
+									dominantBaseline: n(322),
+									textAnchor: n(346),
 									children: a
 								})
-							] }, e[n(217)]) : h("g", { children: [
-								m("text", {
-									className: n(225),
-									x: r[n(181)],
+							] }, e.key) : m("g", { children: [
+								p(n(314), {
+									className: n(366),
+									x: r[n(306)],
 									y: 16,
-									dominantBaseline: n(239),
-									textAnchor: n(239),
+									dominantBaseline: "middle",
+									textAnchor: n(322),
 									children: i
 								}),
-								m(n(250), {
+								p("text", {
 									className: "ds-funnel-chart__pct",
-									x: r[n(181)],
+									x: r[n(306)],
 									y: 35,
-									dominantBaseline: n(239),
-									textAnchor: n(239),
+									dominantBaseline: n(322),
+									textAnchor: n(322),
 									children: a
 								}),
-								m(n(250), {
-									className: n(212),
-									x: r[n(181)],
-									y: S - 6,
-									textAnchor: n(239),
-									children: e[n(243)]
+								p(n(314), {
+									className: n(336),
+									x: r[n(306)],
+									y: x - 6,
+									textAnchor: "middle",
+									children: e[n(328)]
 								})
-							] }, e[n(217)]);
+							] }, e[n(309)]);
 						}),
-						m(E(173), {
+						p(T(357), {
 							className: "ds-chart__hit",
 							x: 0,
 							y: 0,
-							width: M,
+							width: j,
 							height: B,
 							onPointerMove: $,
 							onPointerDown: $,
-							onPointerLeave: ge
+							onPointerLeave: P
 						})
 					]
 				}),
-				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)" },
+				p(T(353), {
+					ref: ge,
+					className: T(317),
+					"data-state": T(k ? 304 : 341),
+					"data-settled": he || void 0,
+					style: { transform: T(319) + X + T(321) + Z + T(313) },
 					"aria-hidden": !0,
-					children: m(ee, {
-						title: K?.[E(243)],
-						value: K ? w(K[E(223)], K) : void 0,
+					children: p(ee, {
+						title: K?.label,
+						value: K ? C(K[T(305)], K) : void 0,
 						rows: Ce
 					})
 				}),
-				m(E(177), {
-					id: D + E(176),
-					className: "ds-chart__sr",
-					"aria-live": E(240),
+				p(T(351), {
+					id: E + "-live",
+					className: T(312),
+					"aria-live": "polite",
 					children: we
 				})
 			]
-		}), se && x && h(r, {
+		}), ce && b && m(r, {
 			gap: 4,
-			children: [h(r, {
+			children: [m(r, {
 				gap: 2,
 				wrap: !1,
-				children: [m(n, { color: L(0) }), m(t, {
-					variant: E(236),
-					tone: E(215),
+				children: [p(n, { color: L(0) }), p(t, {
+					variant: T(338),
+					tone: "secondary",
 					children: "전환"
 				})]
-			}), h(r, {
+			}), m(r, {
 				gap: 2,
 				wrap: !1,
-				children: [m(n, {
+				children: [p(n, {
 					color: L(0),
-					variant: E(180)
-				}), m(t, {
+					variant: "hatched"
+				}), p(t, {
 					variant: "body-sm",
-					tone: E(215),
+					tone: "secondary",
 					children: "이탈"
 				})]
 			})]
 		})]
 	});
 }
-export { b as FunnelChart };
+export { y as FunnelChart };

package/lib/components/FunnelChart/funnel.js

@@ -1,69 +1,73 @@
 "use client";
-const e = r;
+function e(n, r) {
+	n -= 160;
+	let i = t(), a = i[n];
+	e.XwHzWS === void 0 && (e.YAAJUc = 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);
+	}, e.IBdzIZ = {}, e.XwHzWS = !0);
+	let o = i[0];
+	e.iqSGoN !== o && (e.IBdzIZ = {}, e.iqSGoN = o);
+	let s = e.IBdzIZ[n];
+	return s === void 0 ? (a = e.YAAJUc(a), e.IBdzIZ[n] = a) : a = s, a;
+}
 function t() {
 	let e = [
-		"mZeWmduZDxHHvMDf",
-		"odiYmdK2t2HSvufo",
-		"nwHbD0Pwsa",
-		"nteWntG4Dxz1uLr0",
-		"mtzOyMHXEgO",
-		"nMHJsuzYza",
-		"zNjVBq",
-		"nta4odeZognOv0XIDa",
-		"mty5oty0oxvyBfPPEq",
-		"mJqWmZa5AeDbuMDO",
+		"mJi2nJu2m0rdteDQyW",
+		"BwLU",
+		"ogD1EfjrBW",
+		"mtbPzuvoyw0",
+		"mJK0mdu1m3HquvrZAG",
+		"BwfW",
+		"DMfSDwu",
+		"CMvKDwnL",
+		"mJq0odm2Du1QtwTf",
+		"ohzry3PYqW",
+		"odK1mZy4nKfwvgrMAW",
 		"Bwf4",
-		"owvTqLLWrq",
+		"mJC4mJCWq0jivxn6",
+		"y29KzvbVAw50qxq",
+		"mtuWvLbfBw1k",
+		"mtj3zMvQAKe",
 		"zMLYC3q",
-		"mtuXnZi3mgjVvu9Wwa",
-		"DMfSDwu",
-		"BwfW"
+		"odrluhDwB2G",
+		"mZu4nZaZCeTYD1n2",
+		"odqXntq3DvbWwuHw"
 	];
 	return t = function() {
 		return e;
 	}, t();
 }
-(function(e, t) {
-	let n = r, i = e();
+const n = e;
+(function(t, n) {
+	let r = e, i = t();
 	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(r(160)) / 1 * (parseInt(r(164)) / 2) + parseInt(r(170)) / 3 * (-parseInt(r(177)) / 4) + -parseInt(r(174)) / 5 * (-parseInt(r(176)) / 6) + parseInt(r(161)) / 7 * (parseInt(r(171)) / 8) + -parseInt(r(172)) / 9 + parseInt(r(165)) / 10 * (parseInt(r(166)) / 11) + -parseInt(r(179)) / 12 * (parseInt(r(162)) / 13) == n) 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;
+})(t, 753559);
+function r(t, n) {
+	let r = e, i = t[0]?.[r(168)] ?? 0;
+	return t[r(167)]((e, a) => {
+		let o = r, s = Math[o(173)](0, e.value), c = a ? Math[o(173)](0, t[a - 1][o(168)]) : s, l = a === 0 ? 1 : i > 0 ? s / i : 0, u = a === 0 ? 1 : c > 0 ? s / c : 0, d = a ? Math[o(173)](0, c - s) : 0;
 		return {
-			...r,
+			...e,
 			value: s,
 			fromFirst: l,
 			fromPrevious: u,
-			conversion: t === o(503) ? l : u,
+			conversion: n === o(178) ? 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) {
-		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);
-	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;
-}
-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";
+function i(t, n, r, i, a) {
+	let o = e, s = Math[o(173)](0, Math[o(163)](a, i / 2, r));
+	return "M" + t + "," + n + "H" + (t + r - s) + "Q" + (t + r) + "," + n + " " + (t + r) + "," + (n + s) + "V" + (n + i - s) + "Q" + (t + r) + "," + (n + i) + " " + (t + r - s) + "," + (n + i) + "H" + t + "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 = (e) => Array.from(e)[n(169)]((e, t) => e + ((t[n(175)](0) ?? 0) >= 11904 ? 13 : 7.5), 0);
+export { a as estimateTextWidth, r as funnelStats, i as hBarPath };