@thebuoyant-tsdev/mui-ts-library 3.11.0 → 3.11.2

package/dist/components/radial-tree-chart/RadialTreeChart.js

@@ -1,87 +1,87 @@
 import { DEFAULT_RADIAL_TREE_CHART_TRANSLATION as e } from "./RadialTreeChart.types.js";
 import { useCallback as t, useEffect as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
 import { Avatar as s, Box as c, Divider as l, Popover as ee, Tooltip as te, Typography as u, useTheme as ne } from "@mui/material";
-import { Fragment as re, jsx as d, jsxs as f } from "react/jsx-runtime";
-import * as p from "d3";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import * as m from "d3";
 //#region src/components/radial-tree-chart/RadialTreeChart.tsx
-var m = {
+var h = {
 	folder: "M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z",
 	person: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 };
-function ie({ path: e, size: t }) {
+function re({ path: e, size: t }) {
 	let n = t / 2;
-	return /* @__PURE__ */ d("g", {
+	return /* @__PURE__ */ f("g", {
 		transform: `translate(${-n},${-n})`,
 		pointerEvents: "none",
-		children: /* @__PURE__ */ d("svg", {
+		children: /* @__PURE__ */ f("svg", {
 			width: t,
 			height: t,
 			viewBox: "0 0 24 24",
 			overflow: "visible",
-			children: /* @__PURE__ */ d("path", {
+			children: /* @__PURE__ */ f("path", {
 				d: e,
 				fill: "white"
 			})
 		})
 	});
 }
-function ae({ info: e, labelA: t, labelB: n }) {
-	return /* @__PURE__ */ f(c, {
+function ie({ info: e, labelA: t, labelB: n }) {
+	return /* @__PURE__ */ p(c, {
 		sx: {
 			p: 2,
 			minWidth: 200,
 			maxWidth: 280
 		},
-		children: [/* @__PURE__ */ f(c, {
+		children: [/* @__PURE__ */ p(c, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
 				gap: 1.5,
 				mb: 1.5
 			},
-			children: [/* @__PURE__ */ d(s, {
+			children: [/* @__PURE__ */ f(s, {
 				sx: {
 					bgcolor: "primary.main",
 					width: 40,
 					height: 40
 				},
 				children: e.name.charAt(0).toUpperCase()
-			}), /* @__PURE__ */ f(c, { children: [/* @__PURE__ */ d(u, {
+			}), /* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, {
 				variant: "body2",
 				sx: { fontWeight: "bold" },
 				children: e.name
-			}), e.subname && /* @__PURE__ */ d(u, {
+			}), e.subname && /* @__PURE__ */ f(u, {
 				variant: "caption",
 				color: "text.secondary",
 				children: e.subname
 			})] })]
-		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ f(re, { children: [
-			/* @__PURE__ */ d(l, { sx: { mb: 1.5 } }),
-			e.specialValueA != null && /* @__PURE__ */ f(c, {
+		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f(l, { sx: { mb: 1.5 } }),
+			e.specialValueA != null && /* @__PURE__ */ p(c, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
 					mb: .5
 				},
-				children: [/* @__PURE__ */ d(u, {
+				children: [/* @__PURE__ */ f(u, {
 					variant: "caption",
 					color: "text.secondary",
 					children: t
-				}), /* @__PURE__ */ d(u, {
+				}), /* @__PURE__ */ f(u, {
 					variant: "caption",
 					children: String(e.specialValueA)
 				})]
 			}),
-			e.specialValueB != null && /* @__PURE__ */ f(c, {
+			e.specialValueB != null && /* @__PURE__ */ p(c, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ d(u, {
+				children: [/* @__PURE__ */ f(u, {
 					variant: "caption",
 					color: "text.secondary",
 					children: n
-				}), /* @__PURE__ */ d(u, {
+				}), /* @__PURE__ */ f(u, {
 					variant: "caption",
 					children: String(e.specialValueB)
 				})]
@@ -89,54 +89,54 @@ function ae({ info: e, labelA: t, labelB: n }) {
 		] })]
 	});
 }
-function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showLabels: g = !0, showIcons: _ = !0, chartColors: v, rootNodeRadius: y = 22, branchNodeRadius: b = 16, leafNodeRadius: x = 11, linkColor: oe, linkStrokeOpacity: S = 1, linkStrokeWidth: C = 1.5, labelFontSize: se = 12, labelColor: ce, separationSibling: w = 1, separationCousin: le = 2, zoomable: T = !1, drillable: E = !1, onFocusChange: D, duration: O = 750, showNodePopover: k = !1, renderNodePopoverContent: A, onNodeClick: ue, disabled: j = !1, translation: de }) {
-	let M = ne(), N = {
+function g({ data: s, size: l = 600, autoFit: d = !0, sortBy: g = "name", showLabels: _ = !0, showIcons: v = !0, chartColors: y, rootNodeRadius: b = 22, branchNodeRadius: x = 16, leafNodeRadius: S = 11, linkColor: ae, linkStrokeOpacity: C = 1, linkStrokeWidth: w = 1.5, labelFontSize: oe = 12, labelColor: se, separationSibling: T = 1, separationCousin: ce = 2, zoomable: E = !1, drillable: D = !1, onFocusChange: O, duration: k = 750, showNodePopover: le = !1, renderNodePopoverContent: ue, onNodeClick: de, disabled: A = !1, translation: fe }) {
+	let j = ne(), M = {
 		...e,
-		...de
-	}, fe = [
-		M.palette.primary.main,
-		M.palette.secondary.main,
-		M.palette.info.main,
-		M.palette.success.main,
-		M.palette.warning.main,
-		M.palette.error.main
-	], P = v && v.length > 0 ? v : fe, F = t((e) => e.depth === 0 ? y : e.children ? b : x, [
-		y,
+		...fe
+	}, pe = [
+		j.palette.primary.main,
+		j.palette.secondary.main,
+		j.palette.info.main,
+		j.palette.success.main,
+		j.palette.warning.main,
+		j.palette.error.main
+	], N = y && y.length > 0 ? y : pe, P = t((e) => e.depth === 0 ? b : e.children ? x : S, [
 		b,
-		x
-	]), I = t((e) => e.data.colorConfig?.fill ?? P[e.depth % P.length], [P]), [L, R] = o([s]), z = L[L.length - 1], [pe, me] = o(s), [B, V] = o(!1);
-	pe !== s && (me(s), R([s]), V(!0));
-	let H = Math.max(1, l / 2 - 70), U = i(() => {
-		let e = p.hierarchy(z);
-		return h === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => p.ascending(e.data.name, t.data.name)), p.tree().size([2 * Math.PI, H]).separation((e, t) => (e.parent === t.parent ? w : le) * 1.4 / Math.max(1, e.depth))(e);
+		x,
+		S
+	]), F = t((e) => e.data.colorConfig?.fill ?? N[e.depth % N.length], [N]), [I, L] = o([s]), R = I[I.length - 1], [me, he] = o(s), [z, B] = o(!1);
+	me !== s && (he(s), L([s]), B(!0));
+	let ge = !s.children?.length && !s.value, V = Math.max(1, l / 2 - 70), H = i(() => {
+		let e = m.hierarchy(R);
+		return g === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => m.ascending(e.data.name, t.data.name)), m.tree().size([2 * Math.PI, V]).separation((e, t) => (e.parent === t.parent ? T : ce) * 1.4 / Math.max(1, e.depth))(e);
 	}, [
-		z,
-		h,
-		H,
-		w,
-		le
-	]), he = U.links(), W = U.descendants(), G = a(U), K = a(null), [q, J] = o(null), [ge, _e] = o(0);
+		R,
+		g,
+		V,
+		T,
+		ce
+	]), _e = H.links(), U = H.descendants(), W = a(H), G = a(null), [K, q] = o(null), [ve, ye] = o(0);
 	n(() => {
-		let e = G.current;
-		if (G.current = U, e === U) return;
-		if (K.current != null && (cancelAnimationFrame(K.current), K.current = null), B || O <= 0) {
-			V(!1), J(null);
+		let e = W.current;
+		if (W.current = H, e === H) return;
+		if (G.current != null && (cancelAnimationFrame(G.current), G.current = null), z || k <= 0) {
+			B(!1), q(null);
 			return;
 		}
-		J(e), _e(1);
+		q(e), ye(1);
 		let t = performance.now(), n = (e) => {
-			let r = Math.min(1, (e - t) / O);
-			_e(1 - p.easeCubic(r)), r < 1 ? K.current = requestAnimationFrame(n) : (K.current = null, J(null));
+			let r = Math.min(1, (e - t) / k);
+			ye(1 - m.easeCubic(r)), r < 1 ? G.current = requestAnimationFrame(n) : (G.current = null, q(null));
 		};
-		return K.current = requestAnimationFrame(n), () => {
-			K.current != null && cancelAnimationFrame(K.current);
+		return G.current = requestAnimationFrame(n), () => {
+			G.current != null && cancelAnimationFrame(G.current);
 		};
 	}, [
-		U,
-		O,
-		B
+		H,
+		k,
+		z
 	]);
-	let Y = i(() => p.linkRadial().angle((e) => e.x).radius((e) => e.y), []), ve = t((e) => ({
+	let be = i(() => m.linkRadial().angle((e) => e.x).radius((e) => e.y), []), xe = t((e) => ({
 		id: e.data.id,
 		name: e.data.name,
 		subname: e.data.subname ?? null,
@@ -147,61 +147,65 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 		path: e.ancestors().map((e) => e.data.name).reverse(),
 		childrenCount: e.children?.length ?? 0,
 		data: e.data
-	}), []), ye = a(null), [X, be] = o(`-${l / 2} -${l / 2} ${l} ${l}`), [Z, xe] = o(1);
+	}), []), Se = a(null), [J, Y] = o(`-${l / 2} -${l / 2} ${l} ${l}`), [X, Ce] = o(1);
 	r(() => {
-		let e = ye.current;
+		if (!d) {
+			Y(`-${l / 2} -${l / 2} ${l} ${l}`);
+			return;
+		}
+		let e = Se.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			try {
 				let t = e.getBBox();
-				be(`${t.x - 20} ${t.y - 20} ${t.width + 40} ${t.height + 40}`);
+				Y(`${t.x - 20} ${t.y - 20} ${t.width + 40} ${t.height + 40}`);
 			} catch {
-				be(`-${l / 2} -${l / 2} ${l} ${l}`);
+				Y(`-${l / 2} -${l / 2} ${l} ${l}`);
 			}
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
 		l,
-		U,
-		g,
-		re
+		H,
+		_,
+		d
 	]);
-	let Se = i(() => {
-		if (Z === 1) return X;
-		let [e, t, n, r] = X.split(" ").map(Number), i = n / Z, a = r / Z;
+	let we = i(() => {
+		if (X === 1) return J;
+		let [e, t, n, r] = J.split(" ").map(Number), i = n / X, a = r / X;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
-	}, [X, Z]), Ce = t((e) => {
-		if (!T || j || !e.ctrlKey) return;
+	}, [J, X]), Te = t((e) => {
+		if (!E || A || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
-		xe((e) => Math.max(.25, Math.min(8, e * t)));
-	}, [T, j]);
-	r(() => {
-		if (!T && !E) return;
+		Ce((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [E, A]), Z = a(null), Ee = (e) => {
+		Z.current &&= (clearTimeout(Z.current), null), Z.current = setTimeout(() => {
+			e(), Z.current = null;
+		}, 250);
+	}, Q = () => {
+		Z.current &&= (clearTimeout(Z.current), null);
+	};
+	n(() => () => Q(), []), r(() => {
+		if (!E && !D) return;
 		let e = (e) => {
-			e.key === "Escape" && (T && xe(1), E && (R([s]), D?.(null)));
+			e.key === "Escape" && (E && Ce(1), D && (Q(), L([s]), O?.(null)));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		T,
 		E,
+		D,
 		s,
-		D
+		O
 	]);
-	let Q = a(null), we = (e) => {
-		Q.current &&= (clearTimeout(Q.current), null), Q.current = setTimeout(() => {
-			e(), Q.current = null;
-		}, 250);
-	}, Te = () => {
-		Q.current &&= (clearTimeout(Q.current), null);
-	}, [Ee, De] = o(null), Oe = a(null), ke = a(null), [Ae, je] = o(!1), [Me, Ne] = o(null), [Pe, Fe] = o({
+	let [De, Oe] = o(null), ke = a(null), Ae = a(null), [je, Me] = o(!1), [Ne, Pe] = o(null), [Fe, Ie] = o({
 		left: 0,
 		top: 0
-	}), [$, Ie] = o(null), Le = t(() => {
-		R((e) => {
+	}), [$, Le] = o(null), Re = t(() => {
+		L((e) => {
 			if (e.length <= 1) return e;
 			let t = e.slice(0, -1);
-			return D?.(t.length <= 1 ? null : {
+			return O?.(t.length <= 1 ? null : {
 				id: t[t.length - 1].id,
 				name: t[t.length - 1].name,
 				subname: t[t.length - 1].subname ?? null,
@@ -214,39 +218,39 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 				data: t[t.length - 1]
 			}), t;
 		});
-	}, [D]), Re = (e) => {
-		j || !E || (e.ctrlKey || e.metaKey) && (Te(), Le());
-	}, ze = (e) => {
-		if (j) return;
-		let t = W[Number(e.currentTarget.getAttribute("data-idx"))];
+	}, [O]), ze = (e) => {
+		A || !D || (e.ctrlKey || e.metaKey) && (Q(), Re());
+	}, Be = (e) => {
+		if (A) return;
+		let t = U[Number(e.currentTarget.getAttribute("data-idx"))];
 		if (!t) return;
-		let n = ve(t);
-		if ((e.ctrlKey || e.metaKey) && E && t.children) {
-			we(() => {
-				R((e) => [...e, t.data]), D?.(n);
+		let n = xe(t);
+		if ((e.ctrlKey || e.metaKey) && D && t.children) {
+			Ee(() => {
+				L((e) => [...e, t.data]), O?.(n);
 			});
 			return;
 		}
-		if (k) {
-			let t = Oe.current?.getBoundingClientRect();
-			Fe({
+		if (le) {
+			let t = ke.current?.getBoundingClientRect();
+			Ie({
 				left: t ? e.clientX - t.left : e.clientX,
 				top: t ? e.clientY - t.top : e.clientY
-			}), Ne(ke.current), Ie(n), je(!0);
+			}), Pe(Ae.current), Le(n), Me(!0);
 		}
-		ue?.(n, e);
-	}, Be = ce || M.palette.text.primary, Ve = oe || M.palette.text.secondary, He = M.palette.background.paper, Ue = M.typography.fontFamily;
-	return /* @__PURE__ */ f(c, {
-		ref: Oe,
+		de?.(n, e);
+	}, Ve = se || j.palette.text.primary, He = ae || j.palette.text.secondary, Ue = j.palette.background.paper, We = j.typography.fontFamily;
+	return /* @__PURE__ */ p(c, {
+		ref: ke,
 		sx: {
 			display: "inline-flex",
 			position: "relative",
-			opacity: j ? .5 : 1,
-			cursor: j ? "not-allowed" : "default",
+			opacity: A ? .5 : 1,
+			cursor: A ? "not-allowed" : "default",
 			userSelect: "none"
 		},
 		children: [
-			E && L.length > 1 && /* @__PURE__ */ d(c, {
+			D && I.length > 1 && /* @__PURE__ */ f(c, {
 				sx: {
 					position: "absolute",
 					top: 4,
@@ -258,7 +262,7 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 					pointerEvents: "none",
 					zIndex: 1
 				},
-				children: /* @__PURE__ */ d(u, {
+				children: /* @__PURE__ */ f(u, {
 					variant: "caption",
 					sx: {
 						bgcolor: "action.hover",
@@ -268,50 +272,57 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 						color: "text.secondary",
 						fontSize: "0.7rem"
 					},
-					children: L.map((e) => e.name).join(" › ")
+					children: I.map((e) => e.name).join(" › ")
 				})
 			}),
-			/* @__PURE__ */ d(c, {
-				ref: ke,
+			/* @__PURE__ */ f(c, {
+				ref: Ae,
 				sx: {
 					position: "absolute",
-					left: Pe.left,
-					top: Pe.top,
+					left: Fe.left,
+					top: Fe.top,
 					width: 0,
 					height: 0
 				}
 			}),
-			/* @__PURE__ */ d("svg", {
+			/* @__PURE__ */ f("svg", {
 				width: l,
 				height: l,
-				viewBox: Se,
-				onWheel: Ce,
+				viewBox: we,
+				onWheel: Te,
 				style: {
-					fontFamily: Ue ?? "sans-serif",
-					overflow: T && Z > 1 ? "hidden" : "visible"
+					fontFamily: We ?? "sans-serif",
+					overflow: E && X > 1 ? "hidden" : "visible"
 				},
 				role: "img",
 				"aria-label": s.name,
-				children: /* @__PURE__ */ f("g", {
-					ref: ye,
+				children: /* @__PURE__ */ p("g", {
+					ref: Se,
 					children: [
-						/* @__PURE__ */ d("g", {
+						ge && /* @__PURE__ */ f("text", {
+							textAnchor: "middle",
+							dy: "0.35em",
+							fontSize: 13,
+							fill: Ve,
+							children: M.noData
+						}),
+						/* @__PURE__ */ f("g", {
 							fill: "none",
-							stroke: Ve,
-							strokeOpacity: S,
-							strokeWidth: C,
-							children: he.map((e, t) => /* @__PURE__ */ d("path", { d: Y(e) }, `link-${t}`))
+							stroke: He,
+							strokeOpacity: C,
+							strokeWidth: w,
+							children: _e.map((e, t) => /* @__PURE__ */ f("path", { d: be(e) }, `link-${t}`))
 						}),
-						/* @__PURE__ */ d("g", { children: W.map((e, t) => {
-							let n = F(e), r = I(e), i = ve(e), a = Ee === t, o = e.children ? m.folder : m.person, s = Math.round(n * 1.3);
-							return /* @__PURE__ */ d(te, {
-								title: /* @__PURE__ */ f(c, {
+						/* @__PURE__ */ f("g", { children: U.map((e, t) => {
+							let n = P(e), r = F(e), i = xe(e), a = De === t, o = e.children ? h.folder : h.person, s = Math.round(n * 1.3);
+							return /* @__PURE__ */ f(te, {
+								title: /* @__PURE__ */ p(c, {
 									sx: {
 										py: .5,
 										minWidth: 160
 									},
 									children: [
-										/* @__PURE__ */ d(u, {
+										/* @__PURE__ */ f(u, {
 											variant: "caption",
 											sx: {
 												fontWeight: "bold",
@@ -320,7 +331,7 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 											},
 											children: e.data.name
 										}),
-										e.data.subname && /* @__PURE__ */ d(u, {
+										e.data.subname && /* @__PURE__ */ f(u, {
 											variant: "caption",
 											sx: {
 												display: "block",
@@ -328,54 +339,54 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 											},
 											children: e.data.subname
 										}),
-										(i.specialValueA != null || i.specialValueB != null || e.children) && /* @__PURE__ */ f(c, {
+										(i.specialValueA != null || i.specialValueB != null || e.children) && /* @__PURE__ */ p(c, {
 											sx: {
 												mt: .75,
 												borderTop: "1px solid rgba(255,255,255,0.2)",
 												pt: .75
 											},
 											children: [
-												i.specialValueA != null && /* @__PURE__ */ f(c, {
+												i.specialValueA != null && /* @__PURE__ */ p(c, {
 													sx: {
 														display: "flex",
 														justifyContent: "space-between",
 														gap: 2
 													},
-													children: [/* @__PURE__ */ d(u, {
+													children: [/* @__PURE__ */ f(u, {
 														variant: "caption",
 														sx: { opacity: .6 },
-														children: N.specialValueA ?? "A"
-													}), /* @__PURE__ */ d(u, {
+														children: M.specialValueA ?? "A"
+													}), /* @__PURE__ */ f(u, {
 														variant: "caption",
 														children: String(i.specialValueA)
 													})]
 												}),
-												i.specialValueB != null && /* @__PURE__ */ f(c, {
+												i.specialValueB != null && /* @__PURE__ */ p(c, {
 													sx: {
 														display: "flex",
 														justifyContent: "space-between",
 														gap: 2
 													},
-													children: [/* @__PURE__ */ d(u, {
+													children: [/* @__PURE__ */ f(u, {
 														variant: "caption",
 														sx: { opacity: .6 },
-														children: N.specialValueB ?? "B"
-													}), /* @__PURE__ */ d(u, {
+														children: M.specialValueB ?? "B"
+													}), /* @__PURE__ */ f(u, {
 														variant: "caption",
 														children: String(i.specialValueB)
 													})]
 												}),
-												e.children && /* @__PURE__ */ f(c, {
+												e.children && /* @__PURE__ */ p(c, {
 													sx: {
 														display: "flex",
 														justifyContent: "space-between",
 														gap: 2
 													},
-													children: [/* @__PURE__ */ d(u, {
+													children: [/* @__PURE__ */ f(u, {
 														variant: "caption",
 														sx: { opacity: .6 },
 														children: "Reports"
-													}), /* @__PURE__ */ d(u, {
+													}), /* @__PURE__ */ f(u, {
 														variant: "caption",
 														children: e.children.length
 													})]
@@ -387,33 +398,33 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 								followCursor: !0,
 								enterDelay: 50,
 								enterNextDelay: 0,
-								disableHoverListener: j,
+								disableHoverListener: A,
 								slotProps: { tooltip: { sx: { maxWidth: 260 } } },
-								children: /* @__PURE__ */ f("g", {
+								children: /* @__PURE__ */ p("g", {
 									"data-idx": t,
 									transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0)`,
-									onClick: ze,
-									onDoubleClick: Re,
-									onMouseEnter: () => !j && De(t),
-									onMouseLeave: () => De(null),
-									style: { cursor: j ? "not-allowed" : "pointer" },
+									onClick: Be,
+									onDoubleClick: ze,
+									onMouseEnter: () => !A && Oe(t),
+									onMouseLeave: () => Oe(null),
+									style: { cursor: A ? "not-allowed" : "pointer" },
 									children: [
-										/* @__PURE__ */ d("circle", {
+										/* @__PURE__ */ f("circle", {
 											r: Math.max(n + 8, 24),
 											fill: "transparent"
 										}),
-										/* @__PURE__ */ d("circle", {
+										/* @__PURE__ */ f("circle", {
 											r: n + 2,
 											fill: r,
 											fillOpacity: .15
 										}),
-										/* @__PURE__ */ d("circle", {
+										/* @__PURE__ */ f("circle", {
 											r: n,
 											fill: r,
 											fillOpacity: a ? .85 : 1,
 											style: { transition: "fill-opacity 0.15s" }
 										}),
-										_ && /* @__PURE__ */ d(ie, {
+										v && /* @__PURE__ */ f(re, {
 											path: o,
 											size: s
 										})
@@ -421,47 +432,47 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 								})
 							}, `node-${e.data.id}-${t}`);
 						}) }),
-						q && ((e, t) => /* @__PURE__ */ f("g", {
+						K && ((e, t) => /* @__PURE__ */ p("g", {
 							"data-testid": "drill-ghost-layer",
 							opacity: t,
 							pointerEvents: "none",
-							children: [/* @__PURE__ */ d("g", {
+							children: [/* @__PURE__ */ f("g", {
 								fill: "none",
-								stroke: Ve,
-								strokeOpacity: S,
-								strokeWidth: C,
-								children: e.links().map((e, t) => /* @__PURE__ */ d("path", { d: Y(e) }, `ghost-link-${t}`))
-							}), /* @__PURE__ */ d("g", { children: e.descendants().map((e, t) => /* @__PURE__ */ f("g", {
+								stroke: He,
+								strokeOpacity: C,
+								strokeWidth: w,
+								children: e.links().map((e, t) => /* @__PURE__ */ f("path", { d: be(e) }, `ghost-link-${t}`))
+							}), /* @__PURE__ */ f("g", { children: e.descendants().map((e, t) => /* @__PURE__ */ p("g", {
 								transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0)`,
 								children: [
-									/* @__PURE__ */ d("circle", {
-										r: F(e) + 2,
-										fill: I(e),
+									/* @__PURE__ */ f("circle", {
+										r: P(e) + 2,
+										fill: F(e),
 										fillOpacity: .15
 									}),
-									/* @__PURE__ */ d("circle", {
-										r: F(e),
-										fill: I(e)
+									/* @__PURE__ */ f("circle", {
+										r: P(e),
+										fill: F(e)
 									}),
-									_ && /* @__PURE__ */ d(ie, {
-										path: e.children ? m.folder : m.person,
-										size: Math.round(F(e) * 1.3)
+									v && /* @__PURE__ */ f(re, {
+										path: e.children ? h.folder : h.person,
+										size: Math.round(P(e) * 1.3)
 									})
 								]
 							}, `ghost-node-${t}`)) })]
-						}))(q, ge),
-						g && /* @__PURE__ */ d("g", { children: W.map((e, t) => {
-							let n = F(e), r = e.x < Math.PI == !e.children, i = n + 6, a = r ? i : -i, o = r ? "start" : "end";
-							return /* @__PURE__ */ d("text", {
+						}))(K, ve),
+						_ && /* @__PURE__ */ f("g", { children: U.map((e, t) => {
+							let n = P(e), r = e.x < Math.PI == !e.children, i = n + 6, a = r ? i : -i, o = r ? "start" : "end";
+							return /* @__PURE__ */ f("text", {
 								transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0) rotate(${e.x >= Math.PI ? 180 : 0})`,
 								dy: "0.35em",
 								x: a,
 								textAnchor: o,
 								paintOrder: "stroke",
-								stroke: He,
+								stroke: Ue,
 								strokeWidth: 3,
-								fill: Be,
-								fontSize: se,
+								fill: Ve,
+								fontSize: oe,
 								fontWeight: e.depth === 0 ? "bold" : "normal",
 								pointerEvents: "none",
 								children: e.data.name
@@ -470,10 +481,10 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 					]
 				})
 			}),
-			k && /* @__PURE__ */ d(ee, {
-				open: Ae,
-				anchorEl: Me,
-				onClose: () => je(!1),
+			le && /* @__PURE__ */ f(ee, {
+				open: je,
+				anchorEl: Ne,
+				onClose: () => Me(!1),
 				anchorOrigin: {
 					vertical: "top",
 					horizontal: "right"
@@ -483,15 +494,15 @@ function h({ data: s, size: l = 600, autoFit: re = !0, sortBy: h = "name", showL
 					horizontal: "left"
 				},
 				slotProps: { paper: { elevation: 4 } },
-				children: $ && (A ? A($) : /* @__PURE__ */ d(ae, {
+				children: $ && (ue ? ue($) : /* @__PURE__ */ f(ie, {
 					info: $,
-					labelA: N.specialValueA ?? "Value A",
-					labelB: N.specialValueB ?? "Value B"
+					labelA: M.specialValueA ?? "Value A",
+					labelB: M.specialValueB ?? "Value B"
 				}))
 			})
 		]
 	});
 }
-h.displayName = "RadialTreeChart";
+g.displayName = "RadialTreeChart";
 //#endregion
-export { h as RadialTreeChart };
+export { g as RadialTreeChart };