@iamfiro/design 0.0.0-stage → 0.3.0

package/lib/components/Alert/Alert2.js

@@ -0,0 +1,131 @@
+"use client";
+const e = n;
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (parseInt(r(275)) / 1 + parseInt(r(288)) / 2 * (parseInt(r(286)) / 3) + parseInt(r(274)) / 4 + -parseInt(r(271)) / 5 + parseInt(r(294)) / 6 + -parseInt(r(296)) / 7 + -parseInt(r(278)) / 8 * (parseInt(r(293)) / 9) == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 793408);
+function t() {
+	let e = /* @__PURE__ */ "Aw5SAw5L.zhmTywXLCNrFx2fJDgLVBNm.zhmTyMfUBMvY.C2v0vgLTzw91Da.zhmTywXLCNrFx2nSB3nL.zhmTywXLCNrFx2nVBNrLBNq.mtmYmtu4mxz0s2Putq.zhmTyMfUBMvYls1MBhvZAa.nNbmALHrAq.7jwm66A8ioUlQ+Q4Sa.zhmTywXLCNqTlq.Aw5MBW.zhmTywXLCNrFx2jVzhK.mJy0otyYn0jKtNnuDW.nZeXotq5mM5tr21pwa.C3rHy2TLza.mJC0otmYmhnvAgrOtG.67cW64siioUlQ+Q4Sa.D2fYBMLUzW.C3rHDhvZ.zgL2.mZe5nZq5nuD2vfLUDW.C3bHBG.zhmTywXLCNrFx3rPDgXL.mZG5mtG0D0nmuuvo.mZK3odiWCwLRCLLI.ywXLCNq.zhmTyMfUBMvYx19JBg9Zzq.mZjquw5eB2G.z2HVC3q".split(".");
+	return t = function() {
+		return e;
+	}, t();
+}
+function n(e, r) {
+	e -= 268;
+	let i = t(), a = i[e];
+	n.oiQEtD === void 0 && (n.iWXCZG = 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.GbqVOg = {}, n.oiQEtD = !0);
+	let o = i[0];
+	n.SkuZIv !== o && (n.GbqVOg = {}, n.SkuZIv = o);
+	let s = n.GbqVOg[e];
+	return s === void 0 ? (a = n.iWXCZG(a), n.GbqVOg[e] = a) : a = s, a;
+}
+import { Button as r, cx as i } from "../../primitives/index.js";
+/* empty css      */
+import { useState as a } from "react";
+import { AlertTriangle as o, CheckCircle2 as s, Info as c, X as l, XCircle as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = {
+	neutral: d(c, {}),
+	info: d(c, {}),
+	success: d(s, {}),
+	warning: d(o, {}),
+	danger: d(u, {})
+}, m = 260;
+function h({ tone: t = e(291), title: o, children: s, icon: c, actions: u, onClose: h, layout: g = e(295), className: _ }) {
+	let v = e, [y, b] = a(!1);
+	return d(v(270), {
+		className: "ds-alert-wrap",
+		"data-leaving": y || void 0,
+		children: f(v(270), {
+			role: t === "danger" || t === v(268) ? v(276) : v(269),
+			className: i("ds-alert", v(290) + t, v(290) + g, _),
+			children: [
+				c !== !1 && d("span", {
+					className: "ds-alert__icon",
+					children: c ?? p[t]
+				}),
+				f(v(270), {
+					className: v(285),
+					children: [
+						o && d(v(270), {
+							className: v(273),
+							children: o
+						}),
+						s && d(v(270), {
+							className: v(292),
+							children: s
+						}),
+						u && g === "stacked" && d(v(270), {
+							className: v(281),
+							children: u
+						})
+					]
+				}),
+				u && g === v(280) && d(v(270), {
+					className: v(281),
+					children: u
+				}),
+				h && d(r, {
+					iconOnly: !0,
+					variant: v(279),
+					size: "sm",
+					icon: d(l, {}),
+					"aria-label": v(289),
+					className: v(284),
+					onClick: () => {
+						let e = n;
+						b(!0), window[e(283)](() => h?.(), m);
+					}
+				})
+			]
+		})
+	});
+}
+function g({ tone: t = e(291), children: o, action: s, onClose: c, icon: u, flush: h, className: g }) {
+	let _ = e, [v, y] = a(!1);
+	return d("div", {
+		className: "ds-alert-wrap",
+		"data-leaving": v || void 0,
+		children: f(_(270), {
+			role: "status",
+			className: i(_(282), _(290) + t, h && _(287), g),
+			children: [
+				u !== !1 && d(_(272), {
+					className: "ds-alert__icon",
+					children: u ?? p[t]
+				}),
+				d(_(272), {
+					className: "ds-banner__text",
+					children: o
+				}),
+				s && d(_(272), {
+					className: "ds-banner__action",
+					children: s
+				}),
+				c && d(r, {
+					iconOnly: !0,
+					variant: _(279),
+					size: "sm",
+					icon: d(l, {}),
+					"aria-label": _(297),
+					className: _(277),
+					onClick: () => {
+						let e = n;
+						y(!0), window[e(283)](() => c?.(), m);
+					}
+				})
+			]
+		})
+	});
+}
+export { h as Alert, g as Banner };

package/lib/components/AppShell/AppShell2.js

@@ -0,0 +1,94 @@
+"use client";
+const e = s;
+(function(e, t) {
+	let n = s, r = e();
+	for (;;) try {
+		if (-parseInt(n(495)) / 1 * (parseInt(n(488)) / 2) + parseInt(n(493)) / 3 + -parseInt(n(484)) / 4 + parseInt(n(466)) / 5 + parseInt(n(479)) / 6 + parseInt(n(465)) / 7 + -parseInt(n(485)) / 8 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(i, 708015);
+import { cx as t } from "../../primitives/index.js";
+/* empty css         */
+import { useEffect as n, useRef as r } from "react";
+function i() {
+	let e = /* @__PURE__ */ "ndy3mdmZmMzZC091DG.oti2odG4r1fADNv1.zhmTC2HLBgXFx3nPzgvIyxi.A2v5.mtKYrvznExby.zhmTC2HLBgXFx21HAw4.zgL2.zhmTC2nYB2XS.Aw5Zzxq.ndiXotaZmKz3qxb5Dq.zhmTC2HLBgXFx2HLywrLCG.odq1nNDvEKjlEa.yxnPzgu.A2v5zg93BG.nJaYmtqWCu1mCvf3.mZe2mZG4nxfgyNH1Cq.zhmTC2HLBgXFx3nPzgvIyxiTAw5Uzxi.CgXHAw4.rxnJyxbL.ywrKrxzLBNrmAxn0zw5LCG.zhmTC2HLBgXFx2fZAwrL.zhmTC2HLBgXFx3nJCMLT.zhmTC2HLBgXFx2fZAwrLlwLUBMvYigrZlxnJCM9SBa.BwfPBG.zhmTC2HLBgW.C2nYB2XSvg8.AgvHzgvY.zhmTC2HLBgWTlq.nda2odu2nfHiBgzKtG.y3vYCMvUDa.zhmTC2HLBgWTlwfZAwrL.zhmTC2HLBgXFx2nVBNrLBNq.CMvTB3zLrxzLBNrmAxn0zw5LCG".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+function s(e, t) {
+	e -= 464;
+	let n = i(), r = n[e];
+	s.vLQamU === void 0 && (s.EeuCmu = 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.rKRubs = {}, s.vLQamU = !0);
+	let a = n[0];
+	s.tYMwCH !== a && (s.rKRubs = {}, s.tYMwCH = a);
+	let o = s.rKRubs[e];
+	return o === void 0 ? (r = s.EeuCmu(r), s.rKRubs[e] = r) : r = o, r;
+}
+function c({ sidebar: i, header: c, children: l, variant: u = e(468), sidebarWidth: d = 264, sidebarCollapsed: f = !1, mobileSidebarOpen: p = !1, onMobileSidebarOpenChange: m, aside: h, asideWidth: g = 320, asideOpen: _ = !0, asideLabel: v = "패널", scrollKey: y, className: b }) {
+	let x = e, S = r(null);
+	n(() => {
+		let e = s;
+		if (!p) return;
+		let t = (t) => t[e(487)] === e(469) && m?.(!1);
+		return document[e(470)](e(464), t), () => document[e(483)](e(464), t);
+	}, [p, m]);
+	let C = r(!0);
+	return n(() => {
+		let e = s;
+		C[e(480)] ? C[e(480)] = !1 : u === e(492) ? S[e(480)]?.[e(476)]({ top: 0 }) : window.scrollTo({ top: 0 });
+	}, [y, u]), o(x(490), {
+		className: t(x(475), x(478) + u, h != null && x(481), b),
+		"data-drawer-open": p || void 0,
+		"data-sidebar-collapsed": f || void 0,
+		"data-aside-open": h != null && _ || void 0,
+		style: {
+			"--_sidebar": d + "px",
+			"--_aside": g + "px"
+		},
+		children: [
+			a(x(490), {
+				className: x(486),
+				inert: f && !p ? !0 : void 0,
+				children: a("div", {
+					className: x(467),
+					children: i
+				})
+			}),
+			a(x(490), {
+				className: x(472),
+				"aria-hidden": !0,
+				onClick: () => m?.(!1)
+			}),
+			o(x(490), {
+				ref: S,
+				className: t(x(489), u === "inset" && x(491)),
+				children: [c && a(x(477), {
+					className: x(494),
+					children: c
+				}), a(x(474), {
+					className: x(482),
+					children: l
+				})]
+			}),
+			h != null && a(x(496), {
+				className: x(471),
+				"aria-label": v,
+				inert: !_ || void 0,
+				children: a(x(490), {
+					className: x(473),
+					children: h
+				})
+			})
+		]
+	});
+}
+export { c as AppShell };

package/lib/components/AreaChart/AreaChart.js

@@ -0,0 +1,59 @@
+"use client";
+var e = n;
+function t() {
+	var e = [
+		"7jIb7jETioYWQo2kUa",
+		"ovjoC2jpCG",
+		"mwjQwg1WDq",
+		"zhmTyxjLys1JAgfYDa",
+		"ntGXode1wvbRD3bN",
+		"ntmYnZmZmg5cwxDVsq",
+		"z3jHzgLLBNq",
+		"mtCZmJm0z0XNsu5Z",
+		"nJL6z3r2B1e",
+		"mJeYnJCWnK9vEgLMvq",
+		"zgvMyxvSDa",
+		"n2DkufHOAW",
+		"mZy4nJyWmeLSwgXgrW",
+		"mZa1nZjfwMTWBey",
+		"mZG1ndiYng5HDKHJzW"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	for (var r = n, i = e();;) try {
+		if (parseInt(r(181)) / 1 * (-parseInt(r(186)) / 2) + parseInt(r(187)) / 3 * (parseInt(r(192)) / 4) + parseInt(r(183)) / 5 + parseInt(r(188)) / 6 * (parseInt(r(190)) / 7) + parseInt(r(191)) / 8 * (-parseInt(r(180)) / 9) + parseInt(r(184)) / 10 + -parseInt(r(193)) / 11 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 281510);
+function n(e, r) {
+	e -= 179;
+	var i = t(), a = i[e];
+	n.ODSfCG === void 0 && (n.teFgYs = 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);
+	}, n.CCciKr = {}, n.ODSfCG = !0);
+	var o = i[0];
+	n.OATrmK !== o && (n.CCciKr = {}, n.OATrmK = o);
+	var s = n.CCciKr[e];
+	return s === void 0 ? (a = n.teFgYs(a), n.CCciKr[e] = a) : a = s, a;
+}
+import { cx as r } from "../../primitives/index.js";
+import { LineChart as i } from "../LineChart/LineChart2.js";
+import { jsx as a } from "react/jsx-runtime";
+function o({ type: t = "default", fill: n = e(185), "aria-label": o = e(179), className: s, ...c }) {
+	var l = e;
+	return a(i, {
+		...c,
+		area: n,
+		stack: t === l(189) ? void 0 : t,
+		"aria-label": o,
+		className: r(l(182), s)
+	});
+}
+export { o as AreaChart };

package/lib/components/BarChart/BarChart2.js

@@ -0,0 +1,243 @@
+"use client";
+function e(t, n) {
+	t -= 138;
+	let r = s(), i = r[t];
+	e.Hzhiep === void 0 && (e.VOAHTh = 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.GRzzLK = {}, e.Hzhiep = !0);
+	let a = r[0];
+	e.vsKInx !== a && (e.GRzzLK = {}, e.vsKInx = a);
+	let o = e.GRzzLK[t];
+	return o === void 0 ? (i = e.VOAHTh(i), e.GRzzLK[t] = i) : i = o, i;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(146)) / 1 + -parseInt(r(151)) / 2 + parseInt(r(200)) / 3 + -parseInt(r(174)) / 4 * (-parseInt(r(191)) / 5) + parseInt(r(168)) / 6 * (-parseInt(r(196)) / 7) + -parseInt(r(166)) / 8 + parseInt(r(177)) / 9 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(s, 686856);
+import { Stack as n } from "../../primitives/Layout2.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+import { ChartLegend as a, ChartTooltip as o } from "../Chart/ChartParts.js";
+function s() {
+	let e = /* @__PURE__ */ "BgvMDa.zhmTy2HHCNrFx3bSB3q.C3zN.zhmTyMfYlwnOyxj0x19IyxjZ.odCZndKYohnIu2HkqW.zhmTyMfYlwnOyxj0x190AwnRCW.nNnRz2jsuq.lwXPDMu.BgfIzwW.C3bHBG.zhmTy2HHCNrFx3nY.Cgf0Aa.nJe2qwLsAeje.y2XVC2vK.zgL2.mta1nJu2mtnovMHMsxu.y2XPzw50wa.zhmTyMfYlwnOyxj0x190AwnR.66Ej64YaioYWQo2kUa.BwLU.zhmTy2HHCNrFx3rPCa.DMfSDwu.yNv0Dg9U.ChGP.CMvJDa.y29SB3i.zMXHDe1HCa.C29YDa.zhmTy2HHCNrFx2HPDa.otu4mhDLEKvLtq.zhmTy2HHCNrFx2f4AxmGzhmTyMfYlwnOyxj0x19SywjLBa.BwfW.C2vYAwvZ.D2LKDgG.mJu5mZiYmgzUuhfWsW.Dg90ywW.BgvUz3rO.zhmTyMfYlwnOyxj0x19Iyw5K.mtu2mdy3nwTRAwjyyq.CMvKDwnL.DhjHBNnSyxrLwcG.y3vYCMvUDfrHCMDLDa.Cg9SAxrL.zhmTy2HHCNrFx3n2zW.zMLSDgvY.DhjHBNnSyxrLka.Aw5JBhvKzxm.zM9VDgvY.zhmTyMfYlwnOyxj0x190AwnRlwXHyMvS.mta3odu2nu1TAe9isa.Bwf4.A2v5.BwLKzgXL.CMv2zxjZzq.mtGZnZi1ohzKrxjgDa.Dgv4Da.B25lzxLeB3DU.C29Tzq.ChGSia.CMLNAhq.z2v0qM91BMrPBMDdBgLLBNrszwn0.BgLUzq.ChjLDMvUDerLzMf1Bhq.B3bLBG.zhmTy2HHCNq".split(".");
+	return s = function() {
+		return e;
+	}, s();
+}
+import { axisGutter as c, barPath as ee, chartColor as l, formatCompact as u, formatNumber as te, labelStep as ne, niceTicks as d, numberAt as f } from "../Chart/chart2.js";
+import { useChartInteraction as p } from "../Chart/useChartInteraction.js";
+/* empty css         */
+import { useId as re, useMemo as ie, useState as ae } from "react";
+import { Fragment as oe, jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = 8, se = 28, ce = 44, _ = 8, v = 3, le = 4;
+function y({ data: e, xKey: s, series: y, height: b = 240, stacked: x, segmentGap: ue = 0, yTickCount: de = 3, yMax: fe, yTicks: S, yAxis: C = "left", formatValue: w = te, formatAxisValue: pe = u, formatX: T = (e) => String(e[s] ?? ""), formatTitle: me, xIcon: E, showTotal: he = x, totalPlacement: ge = t(144), tooltipLeading: _e, tooltipSort: ve = t(194), legend: ye = !0, activeIndex: be, defaultActiveIndex: xe, onActiveIndexChange: Se, selectable: Ce, selected: we, defaultSelected: D = null, onSelectedChange: O, "aria-label": Te = t(180), className: Ee, style: De }) {
+	let k = t, A = e[k(198)], { active: j, open: M, shown: N, settled: Oe, width: P, tipRef: ke, tipSize: Ae, hover: je, leave: Me, plotProps: Ne } = p({
+		count: A,
+		activeIndex: be,
+		defaultActiveIndex: xe,
+		onActiveIndexChange: Se
+	}), F = Ce ?? (we !== void 0 || D !== null || O !== void 0), [I, Pe] = r(we, D, O), L = F && I !== null && I < A ? I : null, [R, Fe] = ae(null), Ie = re(), z = ie(() => {
+		let t = k;
+		if (S?.[t(198)]) return S;
+		let n = e[t(193)]((e) => y[t(193)]((n) => Math.max(0, f(e, n[t(148)]) ?? 0))), r = fe ?? Math.max(0, ...n[t(193)]((e) => x ? e[t(201)]((e, t) => e + t, 0) : Math.max(0, ...e)));
+		return d(r, de);
+	}, [
+		e,
+		y,
+		x,
+		fe,
+		S,
+		de
+	]), Le = Math[k(147)](...z) || 1, Re = E ? ce : se, ze = c(z.map(pe)), B = Math.max(0, P - ze), V = C === k(156) ? 0 : ze, H = b - g - Re, U = g + H, W = A ? B / A : 0, G = (e) => V + e * W, K = (e) => Math[k(147)](0, e) / Le * H, Be = ne(A, B, E ? 40 : 64), q = Math[k(181)](W * .64, x ? 48 : 24 * y[k(198)] + v * (y.length - 1)), Ve = x ? q : Math[k(147)](1, (q - v * (y[k(198)] - 1)) / Math[k(147)](1, y[k(198)])), He = e.flatMap((e, t) => {
+		let n = k, r = 0, i = G(t) + (W - q) / 2, a = y[n(193)]((t, r) => ({
+			s: t,
+			j: r,
+			v: f(e, t[n(148)])
+		}))[n(141)]((e) => e.v !== null && e.v > 0), o = a[a.length - 1]?.j;
+		return y[n(188)]((a, s) => {
+			let c = n, l = f(e, a[c(148)]);
+			if (l === null || l <= 0) return [];
+			let u = K(l), te = x ? i : i + s * (Ve + v), ne = x ? U - K(r) - u : U - u;
+			r += l;
+			let d = !x || s === o, p = d ? 0 : Math.min(ue, Math[c(147)](0, u - 1));
+			return [{
+				key: t + "-" + a[c(148)],
+				i: t,
+				s: a,
+				j: s,
+				d: ee(te, ne + p, Ve, u - p, d ? le : 0)
+			}];
+		});
+	}), J = M ? N : null, Ue = F ? [L, J] : [J], We = Ue[k(154)]((e) => e !== null), Ge = (e) => We && !Ue[k(143)](e) || void 0, Y = N === null ? void 0 : e[N], X = Y ? y[k(193)]((e, t) => ({
+		s: e,
+		color: l(e[k(187)], t),
+		value: f(Y, e[k(148)])
+	}))[k(141)]((e) => e[k(183)] !== null) : [];
+	ve === "reverse" ? X[k(150)]() : ve === k(183) && X[k(189)]((e, t) => t[k(183)] - e[k(183)]);
+	let Ke = X.reduce((e, t) => e + t[k(183)], 0), qe = Y && N !== null ? (me ?? T)(Y, N) : null, Z = he ? w(Ke, y[0]) : void 0, Q = N === null ? 0 : G(N), Je = Q + W + _ + Ae.w > P ? Math[k(147)](0, Q - _ - Ae.w) : Q + W + _, Ye = (e) => {
+		let t = k, n = e[t(138)][t(157)]();
+		return Math.min(A - 1, Math[t(147)](0, Math.floor((e[t(178)] - n[t(162)]) / n[t(195)] * A)));
+	}, Xe = (e) => je(Ye(e)), $ = (e) => {
+		F && e !== L && Pe(e);
+	}, Ze = (e) => {
+		let t = k;
+		F && j !== null && (e.key === "Enter" || e[t(148)] === " ") ? (e[t(159)](), $(j)) : Ne[t(153)](e);
+	}, Qe = M && Y ? "" + (Y[s] ?? "") + (N === L ? " (선택됨)" : "") + ": " + X[k(193)]((e) => e.s[k(170)] + " " + w(e[k(183)], e.s)).join(", ") : "";
+	return h(n, {
+		gap: 3,
+		className: i(k(161), "ds-bar-chart", Ee),
+		style: De,
+		children: [h(k(176), {
+			...Ne,
+			onKeyDown: Ze,
+			className: k(163),
+			style: { height: b },
+			"aria-roledescription": k(180),
+			"aria-label": Te,
+			"aria-describedby": Ie + k(169),
+			children: [
+				P > 0 && h(k(164), {
+					className: k(140),
+					width: P,
+					height: b,
+					"aria-hidden": !0,
+					children: [
+						m(k(186), {
+							className: k(199),
+							"data-state": k(M ? 160 : 175),
+							x: 0,
+							y: 4,
+							width: W,
+							height: H + 4,
+							rx: 8,
+							style: { transform: k(202) + Q + k(185) }
+						}),
+						z[k(193)]((e) => h("g", { children: [m(k(158), {
+							className: "ds-chart__grid",
+							x1: V,
+							x2: V + B,
+							y1: U - K(e),
+							y2: U - K(e)
+						}), m(k(152), {
+							className: "ds-chart__axis",
+							x: C === k(156) ? P : 0,
+							y: U - K(e),
+							dominantBaseline: "middle",
+							textAnchor: C === k(156) ? "end" : "start",
+							children: pe(e)
+						})] }, e)),
+						!E && e[k(193)]((e, t) => t % Be === 0 ? m(k(152), {
+							className: k(192),
+							"data-selected": t === L || void 0,
+							x: G(t) + W / 2,
+							y: b - 6,
+							textAnchor: k(149),
+							children: T(e, t)
+						}, t) : null),
+						m("g", {
+							className: k(165),
+							style: { transformOrigin: "0 " + U + "px" },
+							children: He[k(193)]((e) => m(k(173), {
+								className: "ds-bar-chart__bar",
+								d: e.d,
+								fill: l(e.s[k(187)], e.j),
+								"data-faded": Ge(e.i),
+								"data-dimmed": R !== null && R !== e.s[k(148)] || void 0
+							}, e.key))
+						}),
+						m(k(186), {
+							className: k(190),
+							"data-selectable": F || void 0,
+							x: V,
+							y: 0,
+							width: B,
+							height: b,
+							onPointerMove: Xe,
+							onPointerDown: Xe,
+							onPointerLeave: Me,
+							onClick: (e) => $(Ye(e))
+						})
+					]
+				}),
+				P > 0 && E && m(k(176), {
+					className: k(167),
+					style: { top: U + 6 },
+					"aria-hidden": !0,
+					children: e[k(193)]((e, t) => {
+						let n = k;
+						if (t % Be !== 0 && t !== L) return null;
+						let r = h(oe, { children: [E(e, t), m(n(171), {
+							className: n(145),
+							children: m(n(171), { children: T(e, t) })
+						})] }), i = {
+							className: n(179),
+							"data-selected": t === L || void 0,
+							style: { left: G(t) + W / 2 },
+							onPointerEnter: () => je(t),
+							onPointerLeave: Me
+						};
+						return F ? m(n(184), {
+							type: "button",
+							tabIndex: -1,
+							...i,
+							onClick: () => $(t),
+							children: r
+						}, t) : m(n(171), {
+							...i,
+							children: r
+						}, t);
+					})
+				}),
+				m("div", {
+					ref: ke,
+					className: k(182),
+					"data-state": k(M ? 160 : 175),
+					"data-settled": Oe || void 0,
+					style: { transform: k(142) + Je + k(155) + g + k(185) },
+					"aria-hidden": !0,
+					children: m(o, {
+						leading: Y && N !== null ? _e?.(Y, N) : void 0,
+						title: qe,
+						value: ge === "header" ? Z : void 0,
+						rows: X.map((e) => ({
+							key: e.s[k(148)],
+							label: e.s[k(170)],
+							color: e[k(187)],
+							value: w(e[k(183)], e.s)
+						})),
+						footer: Z !== void 0 && ge === k(144) ? {
+							key: k(197),
+							label: "합계",
+							color: "",
+							value: Z
+						} : void 0
+					})
+				}),
+				m(k(171), {
+					id: Ie + k(169),
+					className: k(172),
+					"aria-live": k(139),
+					children: Qe
+				})
+			]
+		}), ye && m(a, {
+			items: y.map((e, t) => ({
+				key: e[k(148)],
+				label: e[k(170)],
+				color: l(e.color, t)
+			})),
+			focused: R,
+			onFocusChange: Fe
+		})]
+	});
+}
+export { y as BarChart };