@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/Tracker/Tracker2.js

@@ -1,169 +1,169 @@
 "use client";
-const e = t;
-function t(e, n) {
-	e -= 456;
-	let r = a(), i = r[e];
-	t.VeJHyi === void 0 && (t.GzXWgW = 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);
-	}, t.wDerqN = {}, t.VeJHyi = !0);
-	let o = r[0];
-	t.SARBwn !== o && (t.wDerqN = {}, t.SARBwn = o);
-	let s = t.wDerqN[e];
-	return s === void 0 ? (i = t.GzXWgW(i), t.wDerqN[e] = i) : i = s, i;
+const e = i;
+function t() {
+	let e = /* @__PURE__ */ "zhmTy2HHCNq.B3bLBG.CxvLCNLtzwXLy3rVCKfSBa.DMfYkc0TzgfUz2vYkq.mJy2odq0vhrWzNvp.DMfSDwu.ChGSia.CMvZAxPL.otiXm1HwDunLza.DhjHBNnSyxrLka.DMfYkc0TywnJzw50kq.Dg9W.Cg9SAxrL.mtGYmuv3rK5ArG.Bwf4.zhmTC3rHDhvZlxrYywnRzxjFx2jSB2nR.ndqXn0LbtvHdCa.Dg9Uzq.mJCWodq5nMXywK1Nta.lwXPDMu.DMfYkc0TC3vJy2vZCYK.zhmTy2HHCNrFx3nY.y3vYCMvUDa.7iob7yoCioQ4SoUHNq.zgL2.DMfYka.BM93.Dg9VBhrPCfnRAxa.Bw91C2u.mJGYmZy1nvnIv1frzq.C3vJy2vZCW.y2XLyxjuAw1LB3v0.zMXVB3i.D2LKDgG.y29SB3i.zhmTy2HHCNrFx3bSB3q.mZiWmtiZnKLpvgHNsa.Dg9VBhrPCa.Dg9VBhrPCerLBgf5.y2XVC2vK.DMfYkc0TBJuP.zhmTC3rHDhvZlxrYywnRzxi.z2v0qM91BMrPBMDdBgLLBNrszwn0.CMvM.CMvTB3zLrxzLBNrmAxn0zw5LCG.mtm2nK1KqxHHAW.C3bHBG.B2zMC2v0sgvPz2H0.6RIW66gDioYxHUYDJa.nduWng5Mwxb2Aq.C3rHCNrZv2L0Aa.yM90Dg9T.BgvMDa.ywrKrxzLBNrmAxn0zw5LCG.BgfZDa.yM9KEq.DMfYkc0TBJGP.C2nYB2XS.Aw5UzxjxAwr0Aa.B2zMC2v0v2LKDgG".split(".");
+	return t = function() {
+		return e;
+	}, t();
 }
-(function(e, n) {
-	let r = t, i = e();
+(function(e, t) {
+	let n = i, r = e();
 	for (;;) try {
-		if (-parseInt(r(461)) / 1 + parseInt(r(505)) / 2 * (parseInt(r(504)) / 3) + parseInt(r(484)) / 4 + parseInt(r(496)) / 5 + parseInt(r(459)) / 6 * (-parseInt(r(478)) / 7) + -parseInt(r(482)) / 8 * (parseInt(r(471)) / 9) + -parseInt(r(488)) / 10 * (-parseInt(r(506)) / 11) == n) break;
-		i.push(i.shift());
+		if (parseInt(n(172)) / 1 + -parseInt(n(149)) / 2 * (-parseInt(n(177)) / 3) + parseInt(n(200)) / 4 + -parseInt(n(193)) / 5 + -parseInt(n(168)) / 6 + parseInt(n(180)) / 7 * (-parseInt(n(153)) / 8) + parseInt(n(182)) / 9 == t) break;
+		r.push(r.shift());
 	} catch {
-		i.push(i.shift());
+		r.push(r.shift());
 	}
-})(a, 496159);
+})(t, 560589);
 import { TIMING as n } from "../../hooks/timing.js";
 import { cx as r } from "../../primitives/index.js";
-/* empty css             */
-import { ChartTooltip as i } from "../Chart/ChartParts.js";
-function a() {
-	let e = /* @__PURE__ */ "BM93.D2LKDgG.nJm2mtm1vu13BNjb.CMvM.BwLU.CMvZAxPL.yM9KEq.6RIW66gDioYxHUYDJa.zMLSBa.zhmTC3rHDhvZlxrYywnRzxjFx2jSB2nR.nZi5otbQt0rRt2m.mJr5EufyD2W.nZu5mZi3ohPHAKXtra.C2v0vgLTzw91Da.A2v5.BgfZDa.Dg9Uzq.7iob7yoCioQ4SoUHNq.Dg9VBhrPCa.BgvMDa.Cg9SAxrL.zhmTC3rHDhvZlxrYywnRzxi.DMfYkc0TC3vJy2vZCYK.lMrZlxn0yxr1CY10CMfJA2vYx19IBg9JAW.y2XVC2vK.ChGSia.lwXPDMu.B2zMC2v0sgvPz2H0.BgvUz3rO.ntq4nZG5neP6EMfUtq.C2nYB2XS.ntK4nZq0yMnor0Xm.DMfYkc0TD2fYBMLUzYK.DMfYkc0TBJGP.CMvTB3zLrxzLBNrmAxn0zw5LCG.Cg9PBNrLCLr5Cgu.ChGP.y3vYCMvUDa.y3vYCMvUDfrHCMDLDa.C3rHCNrZv2L0Aa.B2zMC2v0v2LKDgG.mZKYnJDgz0ToAgS.DMfYkc0TzgfUz2vYkq.z2v0qM91BMrPBMDdBgLLBNrszwn0.y2XLyxjuAw1LB3v0.Bwf4.Aw5UzxjxAwr0Aa.zhmTy2HHCNrFx3nY.n1zWBhzTsG.DMfYka.DMfSDwu.C3vJy2vZCW.nJmYBMnutu9O.ywrKrxzLBNrmAxn0zw5LCG.mJiXnZC4nevuqK5oDG.DMfYkc0TywnJzw50kq.y29SB3i.Dg9W.mJbcr1vVtgy.Dg9VBhrPCerLBgf5.y2XPzw50wa.zgL2.C3rHDhvZ.C3bHBG".split(".");
-	return a = function() {
-		return e;
-	}, a();
+function i(e, n) {
+	e -= 144;
+	let r = t(), a = r[e];
+	i.pZxAhb === void 0 && (i.AaQkNk = 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);
+	}, i.ukmodz = {}, i.pZxAhb = !0);
+	let o = r[0];
+	i.kmwuKU !== o && (i.ukmodz = {}, i.kmwuKU = o);
+	let s = i.ukmodz[e];
+	return s === void 0 ? (a = i.AaQkNk(a), i.ukmodz[e] = a) : a = s, a;
 }
+/* empty css             */
+import { ChartTooltip as a } from "../Chart/ChartParts.js";
 import { useChartInteraction as o } from "../Chart/useChartInteraction.js";
 /* empty css        */
 import { useEffect as s, useId as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { createPortal as h } from "react-dom";
 var g = {
-	success: e(516),
-	warning: e(462),
-	danger: e(472),
-	neutral: e(463),
-	accent: e(485),
-	empty: "var(--n5)"
+	success: e(184),
+	warning: "var(--warning)",
+	danger: e(167),
+	neutral: e(160),
+	accent: e(174),
+	empty: e(144)
 }, _ = {
 	success: "정상",
 	warning: "성능 저하",
 	danger: "장애",
 	neutral: "배포",
 	accent: "점검",
-	empty: e(501)
+	empty: e(152)
 }, v = {
 	sm: 24,
 	md: 32,
 	lg: 40
 }, y = 8, b = 8, x = (t) => {
 	let n = e;
-	return t?.[n(486)] ? t[n(486)][n(469)]("--") ? n(479) + t[n(486)] + ")" : t[n(486)] : g[t?.tone ?? n(481)];
+	return t?.[n(198)] ? t[n(198)][n(154)]("--") ? n(189) + t[n(198)] + ")" : t[n(198)] : g[t?.tone ?? "success"];
 };
-function S({ data: a, size: g = "md", height: S, layout: C = e(502), tooltip: w = !0, activeIndex: T, defaultActiveIndex: E, onActiveIndexChange: D, "aria-label": O = "상태 기록", className: k, style: A }) {
-	let j = e, M = a[j(458)], { open: N, shown: P, settled: F, hover: I, leave: L, plotProps: R } = o({
+function S({ data: t, size: g = "md", height: S, layout: C = "fill", tooltip: w = !0, activeIndex: T, defaultActiveIndex: E, onActiveIndexChange: D, "aria-label": O = "상태 기록", className: k, style: A }) {
+	let j = e, M = t.length, { open: N, shown: P, settled: F, hover: I, leave: L, plotProps: R } = o({
 		count: M,
 		activeIndex: T,
 		defaultActiveIndex: E,
 		onActiveIndexChange: D,
-		initialKeyboardIndex: j(509)
+		initialKeyboardIndex: j(158)
 	}), z = c(), B = u(null), [V, H] = d(null), U = u(void 0), W = u(null), G = u(0), K = u(!1);
 	s(() => {
 		let e = j;
-		N ? K[e(467)] = !0 : K.current && (K[e(467)] = !1, G.current = Date[e(494)]());
-	}, [N]), s(() => () => window[j(474)](U[j(467)]), []);
+		N ? K[e(186)] = !0 : K[e(186)] && (K[e(186)] = !1, G[e(186)] = Date[e(190)]());
+	}, [N]), s(() => () => window.clearTimeout(U.current), []);
 	let q = (e) => {
-		let t = j, n = e[t(468)].getBoundingClientRect();
-		return Math[t(498)](M - 1, Math.max(0, Math.floor((e[t(490)] - n[t(513)]) / n[t(495)] * M)));
+		let t = j, n = e.currentTarget[t(146)]();
+		return Math.min(M - 1, Math.max(0, Math[t(196)]((e.clientX - n[t(156)]) / n[t(197)] * M)));
 	}, J = (e) => {
 		let t = j;
 		if (!M) return;
 		let r = q(e);
-		e[t(465)] !== "mouse" || N || Date[t(494)]() - G[t(467)] < n.tooltipSkip ? (window[t(474)](U.current), U[t(467)] = void 0, I(r)) : (W[t(467)] !== r || U[t(467)] === void 0) && (W.current = r, window[t(474)](U[t(467)]), U.current = window[t(507)](() => {
+		e.pointerType !== t(192) || N || Date.now() - G.current < n[t(191)] ? (window[t(195)](U.current), U[t(186)] = void 0, I(r)) : (W[t(186)] !== r || U[t(186)] === void 0) && (W.current = r, window[t(195)](U[t(186)]), U[t(186)] = window.setTimeout(() => {
 			let e = t;
-			U[e(467)] = void 0, W[e(467)] !== null && I(W[e(467)]);
-		}, n[t(489)]));
+			U[e(186)] = void 0, W[e(186)] !== null && I(W[e(186)]);
+		}, n[t(202)]));
 	}, Y = () => {
 		let e = j;
-		window[e(474)](U[e(467)]), U[e(467)] = void 0, W[e(467)] = null, L();
+		window[e(195)](U[e(186)]), U[e(186)] = void 0, W[e(186)] = null, L();
 	};
 	l(() => {
 		let e = j;
 		if (!N || P === null || !w) return;
-		let n = () => {
-			let e = t, n = R[e(497)][e(467)]?.querySelectorAll(e(517))[P], r = B[e(467)];
-			if (!n || !r) return;
-			let i = n[e(473)](), a = r[e(470)], o = r[e(457)], s = Math[e(475)](b, Math[e(498)](i[e(513)] + i[e(495)] / 2 - a / 2, window[e(476)] - a - b)), c = i[e(487)] - y - o, l = c >= b ? c : i.bottom + y;
+		let t = () => {
+			let e = i, t = R[e(147)][e(186)]?.[e(166)](".ds-status-tracker__block")[P], n = B[e(186)];
+			if (!t || !n) return;
+			let r = t[e(146)](), a = n[e(163)], o = n[e(151)], s = Math[e(178)](b, Math.min(r[e(156)] + r[e(197)] / 2 - a / 2, window[e(162)] - a - b)), c = r[e(175)] - y - o, l = c >= b ? c : r[e(155)] + y;
 			H((e) => e && e.x === s && e.y === l ? e : {
 				x: s,
 				y: l
 			});
 		};
-		return n(), window[e(483)](e(499), n), window[e(483)](e(460), n, !0), () => {
-			let t = e;
-			window[t(464)](t(499), n), window.removeEventListener(t(460), n, !0);
+		return t(), window.addEventListener(e(171), t), window[e(157)](e(161), t, !0), () => {
+			let n = e;
+			window[n(148)]("resize", t), window[n(148)]("scroll", t, !0);
 		};
 	}, [
 		N,
 		P,
 		w,
-		R[j(497)]
+		R.ref
 	]);
-	let X = P === null ? void 0 : a[P], Z = X ? X[j(492)] ?? _[X[j(510)] ?? j(481)] : null, Q = S ?? v[g];
-	return m(j(491), {
+	let X = P === null ? void 0 : t[P], Z = X ? X.status ?? _[X[j(181)] ?? j(194)] : null, Q = S ?? v[g];
+	return m(j(188), {
 		...R,
-		className: r("ds-chart", "ds-chart__plot", j(515), k),
+		className: r(j(164), j(199), j(145), k),
 		"data-size": g,
 		"data-layout": C,
 		style: {
 			"--_h": Q + "px",
 			...A
 		},
-		"aria-roledescription": j(511),
+		"aria-roledescription": j(187),
 		"aria-label": O,
-		"aria-describedby": z + j(456),
+		"aria-describedby": z + j(183),
 		onPointerMove: J,
 		onPointerDown: J,
 		onPointerLeave: Y,
 		children: [
-			a.map((e, t) => p(j(493), {
-				className: j(503),
-				"data-tone": e[j(486)] ? void 0 : e[j(510)] ?? j(481),
+			t.map((e, t) => p(j(150), {
+				className: j(179),
+				"data-tone": e[j(198)] ? void 0 : e[j(181)] ?? "success",
 				"data-active": N && P === t || void 0,
 				"data-first": t === 0 || void 0,
 				"data-last": t === M - 1 || void 0,
 				style: {
 					"--_i": t,
-					...e[j(486)] && { "--_c": x(e) }
+					...e[j(198)] && { "--_c": x(e) }
 				},
 				"aria-hidden": !0
-			}, e[j(508)])),
-			w && h(p(j(491), {
+			}, e.key)),
+			w && h(p(j(188), {
 				ref: B,
 				className: "ds-status-tracker__tip",
-				"data-state": N && V ? "open" : j(518),
+				"data-state": j(N && V ? 165 : 203),
 				"data-settled": F && V !== null || void 0,
-				style: { transform: "translate(" + (V?.x ?? 0) + j(519) + (V?.y ?? 0) + j(466) },
+				style: { transform: j(173) + (V?.x ?? 0) + j(170) + (V?.y ?? 0) + "px)" },
 				"aria-hidden": !0,
-				children: p(i, {
-					title: X?.[j(512)],
+				children: p(a, {
+					title: X?.[j(201)],
 					rows: X ? [{
-						key: j(492),
+						key: "status",
 						label: Z,
 						color: x(X),
-						value: X[j(480)] ?? ""
+						value: X[j(169)] ?? ""
 					}] : []
 				})
-			}), document[j(500)]),
-			p(j(493), {
-				id: z + "-live",
-				className: j(477),
-				"aria-live": j(514),
+			}), document[j(159)]),
+			p(j(150), {
+				id: z + j(183),
+				className: j(185),
+				"aria-live": j(176),
 				children: N && X ? m(f, { children: [
-					X[j(512)],
-					X[j(512)] != null && ": ",
+					X[j(201)],
+					X.tooltip != null && ": ",
 					Z,
-					X[j(480)] != null && m(f, { children: [" ", X[j(480)]] })
+					X[j(169)] != null && m(f, { children: [" ", X[j(169)]] })
 				] }) : null
 			})
 		]

package/lib/components/TreeDiagram/TreeDiagram2.js

@@ -1,121 +1,121 @@
 "use client";
 const e = f;
-function t() {
-	let e = /* @__PURE__ */ "D2LKDgG.zM9YrwfJAa.mZC1mdq0mwDgDKLlsG.mhb4.BgvUz3rO.y2LYy2XL.yxbWzw5K.y3jLyxrLrwXLBwvUDe5t.mZy3mJy1nwHdCe9ptW.mZm5nJK0nen5BfD5BW.BgvMDa.Dg9Nz2XLqxr0CMLIDxrL.zhmTDhjLzs1KAwfNCMfTx190B2DNBguTy291BNq.y2HPBgrmyxLVDxq.DMfYkc0TCW.C2LNBG.ywrK.y3vYCMvUDa.C2v0.zhmTDhjLzs1KAwfNCMfTx19ZDwj0CMvLls0.y2XHC3m.zgL2.z2v0.DgfYz2v0.zgLZy29UBMvJDa.zhmTDhjLzs1KAwfNCMfTx19UB2rL.Bwf4.CMvTB3zL.7zwy7jYeia.Dg9W.z2v0qM91BMrPBMDdBgLLBNrszwn0.ohbsvefHsa.nJa0otaZAgLRqNfM.yNv0Dg9U.zhmTDhjLzs1KAwfNCMfTx19MB2XK.zgf0ys12AxnPyMXL.zhmTDhjLzs1KAwfNCMfTx19Oyw5KBgu.yM90Dg9T.zhmTDhjLzs1KAwfNCMfTx19SAw5R.C3rVCfbYB3bHz2f0Aw9U.AM9PBG.z3jPzc10zw1WBgf0zs1YB3DZ.BwfW.AgfZ.mtaWotCWnZzbtvrNwe8.Cgf0Aa.mY41.zgf0ys1VCgvU.C3bHBG.ntqXntzgB2vOvMq.Aw5Kzw50zwq.BgfZDevSzw1LBNrdAgLSza.zhmTDhjLzs1KAwfNCMfTx19Jyw52yxm.C2v0qxr0CMLIDxrL.zhmTDhjLzs1KAwfNCMfTx19JAgLSzhjLBG.CM91BMq.7y687lMy6RIW.zhmTDhjLzs1KAwfNCMfTigrZlxnJCM9SBa.ywjZ.AgvPz2H0.zhmTDhjLzs1KAwfNCMfTx190B2DNBgu.CxvLCNLtzwXLy3rVCKfSBa.B2zMC2v0v2LKDgG.ntuWotuXmfLTtw5mqG.BwLU.zMLSDgvY.B2jZzxj2zq.zhmTDhjLzs1KAwfNCMfTx19MB3jLC3q.lMrZlxrYzwuTzgLHz3jHBv9FBM9KzsWGlMrZlxrYzwuTzgLHz3jHBv9FzM9Sza.C3zN.AgfUzgXL.z3jVDxa.zhmTDhjLzs1KAwfNCMfTx19JAgLSzhjLBI0T.CM93.y2HPBgrYzw4.zgvSzxrL".split(".");
-	return t = function() {
-		return e;
-	}, t();
-}
 (function(e, t) {
 	let n = f, r = e();
 	for (;;) try {
-		if (-parseInt(n(224)) / 1 + -parseInt(n(241)) / 2 + parseInt(n(270)) / 3 + -parseInt(n(277)) / 4 + -parseInt(n(255)) / 5 + parseInt(n(236)) / 6 + parseInt(n(276)) / 7 * (parseInt(n(223)) / 8) == t) break;
+		if (parseInt(n(504)) / 1 + -parseInt(n(513)) / 2 * (parseInt(n(479)) / 3) + -parseInt(n(486)) / 4 + -parseInt(n(491)) / 5 + -parseInt(n(480)) / 6 + -parseInt(n(493)) / 7 + parseInt(n(536)) / 8 == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(t, 874539);
-import { useControllableState as n } from "../../hooks/useControllableState.js";
-import { cx as r } from "../../primitives/index.js";
+})(v, 640301);
+import { useControllableState as t } from "../../hooks/useControllableState.js";
+import { cx as n } from "../../primitives/index.js";
 /* empty css            */
-import { useCallback as i, useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
-import { ChevronDown as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-function f(e, n) {
-	e -= 206;
-	let r = t(), i = r[e];
-	f.tjJIcB === void 0 && (f.KWycCu = function(e) {
+import { useCallback as r, useId as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { ChevronDown as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = (t) => t === 0 ? "0px" : e(489) + t + ")";
+function f(e, t) {
+	e -= 474;
+	let n = v(), r = n[e];
+	f.sKFnnf === void 0 && (f.gLxvMk = 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);
-	}, f.vhzCPb = {}, f.tjJIcB = !0);
-	let a = r[0];
-	f.CxPnuQ !== a && (f.vhzCPb = {}, f.CxPnuQ = a);
-	let o = f.vhzCPb[e];
-	return o === void 0 ? (i = f.KWycCu(i), f.vhzCPb[e] = i) : i = o, i;
+	}, f.MzqrUO = {}, f.sKFnnf = !0);
+	let i = n[0];
+	f.GZuwMn !== i && (f.MzqrUO = {}, f.GZuwMn = i);
+	let a = f.MzqrUO[e];
+	return a === void 0 ? (r = f.gLxvMk(r), f.MzqrUO[e] = r) : r = a, r;
 }
-var p = (t) => t === 0 ? e(271) : e(206) + t + ")";
-function m({ count: t, collapsed: n, onToggle: i, "aria-controls": a, "aria-label": o, className: s }) {
-	let c = e;
-	return d(c(225), {
-		type: "button",
-		className: r(c(252), s),
-		"aria-expanded": !n,
+function p({ count: t, collapsed: r, onToggle: i, "aria-controls": a, "aria-label": o, className: s }) {
+	let d = e;
+	return u(d(528), {
+		type: d(528),
+		className: n(d(477), s),
+		"aria-expanded": !r,
 		"aria-controls": a,
-		"aria-label": o ?? c(220) + t + "개 " + (n ? c(248) : "접기"),
-		"data-collapsed": n || void 0,
+		"aria-label": o ?? d(532) + t + "개 " + (r ? d(538) : "접기"),
+		"data-collapsed": r || void 0,
 		onClick: (e) => {
-			e[c(231)](), i();
+			e[d(494)](), i();
 		},
-		children: [u(c(240), {
-			className: c(280),
+		children: [l(d(516), {
+			className: d(518),
 			children: t
-		}), u(l, { "aria-hidden": !0 })]
+		}), l(c, { "aria-hidden": !0 })]
 	});
 }
-function h({ id: t, open: n, children: r }) {
-	let i = e, [a, o] = c(n), [s, l] = c(n);
-	return s !== n && (l(n), o(!1)), u(i(213), {
+function m({ id: t, open: n, children: r }) {
+	let i = e, [a, o] = s(n), [c, u] = s(n);
+	return c !== n && (u(n), o(!1)), l(i(515), {
 		id: t,
-		className: i(226),
+		className: "ds-tree-diagram__fold",
 		"data-open": n || void 0,
 		"data-settled": n && a || void 0,
 		inert: !n || void 0,
 		onTransitionEnd: (e) => {
 			let t = i;
-			e[t(215)] === e.currentTarget && n && e.propertyName === t(233) && o(!0);
+			e.target === e.currentTarget && n && e[t(497)] === t(508) && o(!0);
 		},
-		children: u(i(213), {
+		children: l(i(515), {
 			className: "ds-tree-diagram__fold-inner",
 			children: r
 		})
 	});
 }
-var g = 8, _ = (t) => Math[e(247)](t * 10) / 10;
-function v(t, n) {
-	let r = e, i = t.cx, a = t[r(229)], o = a + (Math[r(256)](...n[r(234)]((e) => e.top)) - a) / 2;
-	return n[r(234)]((e) => {
+var h = 8, g = (t) => Math[e(492)](t * 10) / 10;
+function _(t, n) {
+	let r = e, i = t.cx, a = t.bottom, o = a + (Math[r(525)](...n[r(502)]((e) => e[r(490)])) - a) / 2;
+	return n[r(502)]((e) => {
 		let t = r, n = e.cx - i;
-		if (Math[t(250)](n) < 1) return "M" + _(i) + " " + _(a) + "V" + _(e[t(221)]);
-		let s = Math[t(207)](n), c = Math[t(218)](0, Math[t(256)](g, Math.abs(n) / 2, o - a, e[t(221)] - o));
-		return "M" + _(i) + " " + _(a) + "V" + _(o - c) + "Q" + _(i) + " " + _(o) + " " + _(i + s * c) + " " + _(o) + "H" + _(e.cx - s * c) + "Q" + _(e.cx) + " " + _(o) + " " + _(e.cx) + " " + _(o + c) + "V" + _(e[t(221)]);
-	})[r(232)]("");
+		if (Math[t(482)](n) < 1) return "M" + g(i) + " " + g(a) + "V" + g(e[t(490)]);
+		let s = Math.sign(n), c = Math[t(540)](0, Math[t(525)](h, Math[t(482)](n) / 2, o - a, e[t(490)] - o));
+		return "M" + g(i) + " " + g(a) + "V" + g(o - c) + "Q" + g(i) + " " + g(o) + " " + g(i + s * c) + " " + g(o) + "H" + g(e.cx - s * c) + "Q" + g(e.cx) + " " + g(o) + " " + g(e.cx) + " " + g(o + c) + "V" + g(e[t(490)]);
+	})[r(514)]("");
+}
+function v() {
+	let e = /* @__PURE__ */ "z3jVDxa.Bwf4.y2XHC3m.yM90Dg9T.z2v0.z2v0qM91BMrPBMDdBgLLBNrszwn0.zgvSzxrL.zhmTDhjLzs1KAwfNCMfTx19ZDwj0CMvLls0.zhmTDhjLzs1KAwfNCMfTx190B2DNBgu.y2HPBgrYzw4.m0TNEKDfqq.mJe2mZe0ngLJDvj2Da.B2zMC2v0v2LKDgG.ywjZ.zhmTDhjLzs1KAwfNCMfTx19Jyw52yxm.ywrK.D2LKDgG.mJK0mZeXnLHkt3nmtq.y3vYCMvUDa.zhmTDhjLzs1KAwfNCMfTx19UB2rL.DMfYkc0TCW.Dg9W.mJK5nteXnwLhwuPnDq.CM91BMq.nteYodyXm1zNr2rbuq.C3rVCfbYB3bHz2f0Aw9U.zhmTDhjLzs1KAwfNCMfTx19JAgLSzhjLBI0T.C3zN.ChjVCgvYDhLoyw1L.zgLZy29UBMvJDa.C2v0qxr0CMLIDxrL.zhmTDhjLzs1KAwfNCMfTx19ZDwj0CMvL.zhmTDhjLzs1KAwfNCMfTx19MB3jLC3q.BwfW.CMvTB3zL.oda2mdm1u0HOqNLh.zMLYC3rfBgvTzw50q2HPBgq.yxbWzw5K.zhmTDhjLzs1KAwfNCMfTx19SAw5R.z3jPzc10zw1WBgf0zs1YB3DZ.zhmTDhjLzs1KAwfNCMfTigrZlxnJCM9SBa.BgvUz3rO.CxvLCNLtzwXLy3rVCKfSBa.zgf0ys12AxnPyMXL.mte3ndGXngTyrKzcvq.AM9PBG.zgL2.C3bHBG.Cgf0Aa.zhmTDhjLzs1KAwfNCMfTx190B2DNBguTy291BNq.CM93.y2LYy2XL.zhmTDhjLzs1KAwfNCMfTx19SAw5LCW.AgfZ.B2jZzxj2zq.y2HPBgrmyxLVDxq.BwLU.BgvMDa.zMLSDgvY.yNv0Dg9U.Ahr0CdOVl3D3DY53mY5VCMCVmJaWmc9ZDMC.mY41.Dg9Nz2XLqxr0CMLIDxrL.7zwy7jYeia.y3jLyxrLrwXLBwvUDe5t.C2v0.BgfZDevSzw1LBNrdAgLSza.mJi3otCYnJr1quj5qLm.AgfUzgXL.7y687lMy6RIW".split(".");
+	return v = function() {
+		return e;
+	}, v();
 }
 function y(t, n) {
-	let r = e, i = t.left + (Math[r(256)](...n.map((e) => e[r(278)])) - t[r(278)]) / 2, a = t[r(229)];
+	let r = e, i = t[r(526)] + (Math[r(525)](...n[r(502)]((e) => e[r(526)])) - t[r(526)]) / 2, a = t[r(542)];
 	return {
 		sx: i,
-		d: n.map((e) => {
-			let t = r, n = Math[t(218)](0, Math[t(256)](g, e.cy - a, e[t(278)] - i));
-			return "M" + _(i) + " " + _(a) + "V" + _(e.cy - n) + "Q" + _(i) + " " + _(e.cy) + " " + _(i + n) + " " + _(e.cy) + "H" + _(e[t(278)]);
-		})[r(232)]("")
+		d: n[r(502)]((e) => {
+			let t = r, n = Math[t(540)](0, Math[t(525)](h, e.cy - a, e[t(526)] - i));
+			return "M" + g(i) + " " + g(a) + "V" + g(e.cy - n) + "Q" + g(i) + " " + g(e.cy) + " " + g(i + n) + " " + g(e.cy) + "H" + g(e[t(526)]);
+		})[r(514)]("")
 	};
 }
-var b = "http://www.w3.org/2000/svg";
-function x({ items: t, renderNode: c, collapsed: l, defaultCollapsed: g, onCollapsedChange: x, indentFrom: S, gap: C = 4, levelGap: w = 8, indent: T = 8, nodeWidth: E, className: D, style: O, "aria-label": k }) {
-	let A = e, [j, M] = n(l, g ?? [], x), N = a(), P = s(null), F = s(null), I = s(null), L = s(/* @__PURE__ */ new Map()), R = s(/* @__PURE__ */ new Map()), z = new Set(j), B = (e, t) => {
-		t !== z[f(235)](e) && M(t ? [...j, e] : j.filter((t) => t !== e));
-	}, V = (e, t, n) => e[A(281)] ?? (n === A(242) || S !== void 0 && t >= S ? A(242) : A(265)), H = s({
-		items: t,
+var b = e(529);
+function x({ items: s, renderNode: c, collapsed: h, defaultCollapsed: v, onCollapsedChange: x, indentFrom: S, gap: C = 4, levelGap: w = 8, indent: T = 8, nodeWidth: E, className: D, style: O, "aria-label": k }) {
+	let A = e, [j, M] = t(h, v ?? [], x), N = i(), P = o(null), F = o(null), I = o(null), L = o(/* @__PURE__ */ new Map()), R = o(/* @__PURE__ */ new Map()), z = new Set(j), B = (e, t) => {
+		let n = f;
+		t !== z[n(522)](e) && M(t ? [...j, e] : j[n(527)]((t) => t !== e));
+	}, V = (e, t, n) => e[A(524)] ?? (n === "indented" || S !== void 0 && t >= S ? "indented" : A(519)), H = o({
+		items: s,
 		collapsed: j,
 		layoutOf: V
 	});
-	o(() => {
-		let e = A;
-		H[e(209)] = {
-			items: t,
+	a(() => {
+		H.current = {
+			items: s,
 			collapsed: j,
 			layoutOf: V
 		};
 	});
-	let U = i(() => {
-		let e = A, t = F[e(209)], n = I[e(209)], r = n?.firstElementChild, i = n?.[e(243)];
+	let U = r(() => {
+		let e = A, t = F.current, n = I[e(487)], r = n?.[e(505)], i = n?.[e(535)];
 		if (!t || !r || !i) return;
-		let a = t[e(222)](), o = t[e(254)] > 0 && a[e(268)] > 0 ? a[e(268)] / t.offsetWidth : 1, s = Math.abs(o - 1) < .01 ? 1 : o, c = (t) => {
-			let n = e, r = L.current[n(214)](t);
+		let a = t[e(474)](), o = t[e(481)] > 0 && a[e(485)] > 0 ? a[e(485)] / t[e(481)] : 1, s = Math.abs(o - 1) < .01 ? 1 : o, c = (t) => {
+			let n = e, r = L.current.get(t);
 			if (!r) return null;
-			let i = r[n(222)](), o = (i.left - a[n(278)]) / s, c = (i.top - a[n(221)]) / s, l = i[n(268)] / s, u = i[n(251)] / s;
+			let i = r.getBoundingClientRect(), o = (i[n(526)] - a[n(526)]) / s, c = (i.top - a[n(490)]) / s, l = i[n(485)] / s, u = i.height / s;
 			return {
 				left: o,
 				top: c,
@@ -124,100 +124,100 @@ function x({ items: t, renderNode: c, collapsed: l, defaultCollapsed: g, onColla
 				cx: o + l / 2,
 				cy: c + u / 2
 			};
-		}, { items: l, collapsed: u, layoutOf: d } = H[e(209)], f = new Set(u), p = /* @__PURE__ */ new Set(), m = (t, n, a, o) => {
+		}, { items: l, collapsed: u, layoutOf: d } = H[e(487)], f = new Set(u), p = /* @__PURE__ */ new Set(), m = (t, n, a, o) => {
 			let s = e;
 			for (let e of t) {
-				if (!e[s(266)]?.[s(272)]) continue;
-				let t = d(e, n, a), l = o && !f.has(e.id), u = c(e.id), h = e[s(266)].map((e) => c(e.id))[s(257)]((e) => !!e);
-				if (u && h.length) {
-					p[s(208)](e.id);
-					let n = R.current.get(e.id);
+				if (!e[s(478)]?.length) continue;
+				let t = d(e, n, a), l = o && !f[s(522)](e.id), u = c(e.id), h = e.children.map((e) => c(e.id)).filter((e) => !!e);
+				if (u && h[s(510)]) {
+					p[s(484)](e.id);
+					let n = R[s(487)][s(543)](e.id);
 					if (!n) {
-						let t = document[s(275)](b, "g"), a = document[s(275)](b, s(237)), o = document.createElementNS(b, s(273));
-						t[s(245)](s(212), s(230)), o[s(245)]("class", s(228)), o[s(245)]("r", s(238)), t[s(274)](a), r[s(274)](t), i[s(274)](o), n = {
+						let t = document[s(533)](b, "g"), a = document[s(533)](b, s(517)), o = document[s(533)](b, s(520));
+						t[s(499)](s(541), s(507)), o[s(499)](s(541), "ds-tree-diagram__handle"), o.setAttribute("r", s(530)), t[s(506)](a), r[s(506)](t), i.append(o), n = {
 							g: t,
 							path: a,
 							handle: o
-						}, R[s(209)][s(210)](e.id, n);
+						}, R[s(487)].set(e.id, n);
 					}
 					let a = u.cx;
-					if (t === s(265)) n[s(237)][s(245)]("d", v(u, h));
+					if (t === "row") n[s(517)].setAttribute("d", _(u, h));
 					else {
 						let { sx: e, d: t } = y(u, h);
-						n[s(237)].setAttribute("d", t), a = e;
+						n[s(517)][s(499)]("d", t), a = e;
 					}
-					n.handle.setAttribute("cx", String(_(a))), n.handle[s(245)]("cy", String(_(u.bottom))), n.g[s(279)](s(239), l), n.handle[s(279)](s(227), o);
+					n[s(537)].setAttribute("cx", String(g(a))), n.handle.setAttribute("cy", String(g(u[s(542)]))), n.g.toggleAttribute("data-open", l), n[s(537)][s(531)](s(512), o);
 				}
-				m(e[s(266)], n + 1, t, l);
+				m(e[s(478)], n + 1, t, l);
 			}
 		};
-		m(l, 0, e(265), !0);
-		for (let [t, n] of R[e(209)]) p[e(235)](t) || (n.g[e(219)](), n[e(262)][e(219)](), R[e(209)].delete(t));
+		m(l, 0, "row", !0);
+		for (let [t, n] of R.current) p.has(t) || (n.g[e(503)](), n[e(537)].remove(), R[e(487)][e(475)](t));
 	}, []);
-	o(U), o(() => {
-		let e = A, t = F[e(209)], n = P[e(209)];
+	a(U), a(() => {
+		let e = A, t = F[e(487)], n = P.current;
 		if (!t || !n) return;
 		let r = new ResizeObserver(() => U());
-		return r[e(258)](n), r[e(258)](t), t[e(253)](e(260))[e(269)]((t) => r[e(258)](t)), () => r[e(216)]();
+		return r[e(523)](n), r.observe(t), t[e(511)](".ds-tree-diagram__node, .ds-tree-diagram__fold").forEach((e) => r.observe(e)), () => r[e(498)]();
 	});
-	let W = (e, t, n) => {
-		let i = A, a = e[i(266)]?.length ?? 0, o = z[i(235)](e.id), s = V(e, t, n), l = N + "-" + e.id, f = {
+	let W = (e, t, r) => {
+		let i = A, a = e[i(478)]?.[i(510)] ?? 0, o = z[i(522)](e.id), s = V(e, t, r), d = N + "-" + e.id, f = {
 			depth: t,
 			childCount: a,
 			collapsed: o,
 			setCollapsed: (t) => B(e.id, t),
 			childLayout: s,
-			toggle: a ? u(m, {
+			toggle: a ? l(p, {
 				count: a,
 				collapsed: o,
-				"aria-controls": l,
+				"aria-controls": d,
 				onToggle: () => B(e.id, !o)
 			}) : null
 		};
-		return d("li", {
-			className: r("ds-tree-diagram__subtree", i(211) + n),
-			children: [u(i(213), {
+		return u("li", {
+			className: n(i(500), i(476) + r),
+			children: [l(i(515), {
 				ref: (t) => {
 					let n = i;
-					t ? L[n(209)][n(210)](e.id, t) : L[n(209)][n(267)](e.id);
+					t ? L[n(487)][n(534)](e.id, t) : L.current[n(475)](e.id);
 				},
-				className: i(217),
+				className: i(488),
 				style: E === void 0 ? void 0 : { width: E },
 				children: c(e, f)
-			}), a > 0 && e.children && u(h, {
-				id: l,
+			}), a > 0 && e[i(478)] && l(m, {
+				id: d,
 				open: !o,
-				children: u("ul", {
-					className: r(i(246), i(264) + s),
-					children: e.children[i(234)]((e) => W(e, t + 1, s))
+				children: l("ul", {
+					className: n("ds-tree-diagram__children", i(495) + s),
+					children: e.children[i(502)]((e) => W(e, t + 1, s))
 				})
 			})]
 		}, e.id);
 	};
-	return u(A(213), {
+	return l(A(515), {
 		ref: P,
-		role: A(263),
+		role: A(539),
 		"aria-label": k,
-		className: r(A(249), D),
+		className: n(A(509), D),
 		style: {
-			"--_gap": p(C),
-			"--_level-gap": p(w),
-			"--_indent": p(T),
+			"--_gap": d(C),
+			"--_level-gap": d(w),
+			"--_indent": d(T),
 			...O
 		},
-		children: d(A(213), {
+		children: u(A(515), {
 			ref: F,
-			className: A(244),
-			children: [u("ul", {
-				className: A(259),
-				children: t[A(234)]((e) => W(e, 0, A(265)))
-			}), d(A(261), {
+			className: A(483),
+			children: [l("ul", {
+				className: A(501),
+				children: s.map((e) => W(e, 0, A(519)))
+			}), u(A(496), {
 				ref: I,
-				className: "ds-tree-diagram__lines",
+				className: A(521),
 				"aria-hidden": !0,
-				children: [u("g", {}), u("g", {})]
+				children: [l("g", {}), l("g", {})]
 			})]
 		})
 	});
 }
-export { x as TreeDiagram, m as TreeDiagramToggle };
+export { x as TreeDiagram, p as TreeDiagramToggle };