@thebuoyant-tsdev/mui-ts-library 3.29.1 → 3.30.0

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