@thebuoyant-tsdev/mui-ts-library 3.1.1 → 3.2.1

package/dist/index.js

@@ -1,9 +1,9 @@
 import { createContext as e, useCallback as t, useContext as n, useEffect as r, useId as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { Autocomplete as l, Avatar as u, Box as d, Button as f, Checkbox as p, Chip as m, Dialog as h, DialogActions as g, DialogContent as _, DialogContentText as v, DialogTitle as y, Divider as b, FormControl as x, FormControlLabel as S, FormHelperText as C, IconButton as w, InputAdornment as T, InputLabel as E, ListItemIcon as D, ListItemText as O, Menu as k, MenuItem as A, OutlinedInput as j, Paper as M, Popover as N, Select as P, Stack as F, Switch as I, TextField as L, ToggleButton as R, ToggleButtonGroup as z, Tooltip as B, Typography as V, useTheme as H } from "@mui/material";
 import { EditorView as U, highlightActiveLine as W, highlightActiveLineGutter as ee, keymap as te, lineNumbers as G, placeholder as ne } from "@codemirror/view";
-import { Compartment as re, EditorState as K } from "@codemirror/state";
-import { json as ie, jsonParseLinter as ae } from "@codemirror/lang-json";
-import { defaultKeymap as q, history as oe, historyKeymap as se, redo as ce, undo as le } from "@codemirror/commands";
+import { Compartment as K, EditorState as q } from "@codemirror/state";
+import { json as re, jsonParseLinter as ie } from "@codemirror/lang-json";
+import { defaultKeymap as ae, history as oe, historyKeymap as se, redo as ce, undo as le } from "@codemirror/commands";
 import { HighlightStyle as ue, syntaxHighlighting as de } from "@codemirror/language";
 import { lintGutter as fe, linter as pe } from "@codemirror/lint";
 import { tags as J } from "@lezer/highlight";
@@ -92,7 +92,7 @@ var kt = {
 //#endregion
 //#region src/components/json-editor/JsonEditorContent.tsx
 function jt({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: o = !0, showMinimap: c = !1, highlightColors: l, onViewReady: u, onCursorChange: f, onBlur: p, onFocus: m }) {
-	let h = s(null), g = s(null), _ = s(t), v = s(f), y = s(p), b = s(m), x = s(u), S = s(new re()), C = s(new re()), w = H(), T = w.palette.mode === "dark", E = l?.propertyName ?? w.palette.primary.main, D = l?.string ?? w.palette.success.main, O = l?.number ?? w.palette.warning.main, k = l?.boolean ?? w.palette.info.main, A = l?.null ?? w.palette.text.secondary;
+	let h = s(null), g = s(null), _ = s(t), v = s(f), y = s(p), b = s(m), x = s(u), S = s(new K()), C = s(new K()), w = H(), T = w.palette.mode === "dark", E = l?.propertyName ?? w.palette.primary.main, D = l?.string ?? w.palette.success.main, O = l?.number ?? w.palette.warning.main, k = l?.boolean ?? w.palette.info.main, A = l?.null ?? w.palette.text.secondary;
 	return r(() => {
 		_.current = t;
 	}, [t]), r(() => {
@@ -192,13 +192,13 @@ function jt({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 		})] : [], u = [
 			s,
 			de(r),
-			ie(),
+			re(),
 			fe(),
-			pe(ae()),
+			pe(ie()),
 			oe(),
-			te.of([...q, ...se]),
+			te.of([...ae, ...se]),
 			S.current.of(U.editable.of(!i && !a)),
-			C.current.of(K.readOnly.of(a)),
+			C.current.of(q.readOnly.of(a)),
 			W(),
 			...o ? [G(), ee()] : [],
 			...n ? [ne(n)] : [],
@@ -217,7 +217,7 @@ function jt({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 				}
 			})
 		], d = new U({
-			state: K.create({
+			state: q.create({
 				doc: t,
 				extensions: u
 			}),
@@ -244,7 +244,7 @@ function jt({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			insert: e ?? ""
 		} });
 	}, [e]), r(() => {
-		g.current?.dispatch({ effects: [S.current.reconfigure(U.editable.of(!i && !a)), C.current.reconfigure(K.readOnly.of(a))] });
+		g.current?.dispatch({ effects: [S.current.reconfigure(U.editable.of(!i && !a)), C.current.reconfigure(q.readOnly.of(a))] });
 	}, [i, a]), /* @__PURE__ */ Y(d, {
 		ref: h,
 		sx: {
@@ -2219,16 +2219,16 @@ function An({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: a, dr
 		let t = e.current.clientWidth;
 		e.current.scrollLeft = Math.max(0, z - t / 2);
 	}, []);
-	let U = C === "days" ? 20 : C === "weeks" ? 40 : C === "quarters" ? 360 : 120, W = P ? 80 : 40, { activeDrag: ee, suppressClickRef: te, handleBarMouseDown: G, handleProgressMouseDown: ne, formatDragDate: re } = yn({
+	let U = C === "days" ? 20 : C === "weeks" ? 40 : C === "quarters" ? 360 : 120, W = P ? 80 : 40, { activeDrag: ee, suppressClickRef: te, handleBarMouseDown: G, handleProgressMouseDown: ne, formatDragDate: K } = yn({
 		totalWidth: N,
 		displayRange: j,
 		onTaskMoved: h,
 		onTaskResized: g,
 		onTasksChange: _
-	}), [K, ie] = c(null), ae = s(v);
-	ae.current = v;
-	let q = s(_);
-	return q.current = _, /* @__PURE__ */ Y(d, {
+	}), [q, re] = c(null), ie = s(v);
+	ie.current = v;
+	let ae = s(_);
+	return ae.current = _, /* @__PURE__ */ Y(d, {
 		ref: e,
 		onScroll: t,
 		"data-testid": "gantt-timeline-scroll",
@@ -2274,7 +2274,7 @@ function An({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: a, dr
 						progressDraggable: f,
 						onTaskClick: n,
 						onMilestoneClick: a,
-						onContextMenu: (e, t, n) => ie({
+						onContextMenu: (e, t, n) => re({
 							task: e,
 							mouseX: t,
 							mouseY: n
@@ -2282,7 +2282,7 @@ function An({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: a, dr
 						suppressClickRef: te,
 						handleBarMouseDown: G,
 						handleProgressMouseDown: ne,
-						formatDragDate: re
+						formatDragDate: K
 					}, e.key))
 				}) : /* @__PURE__ */ Y(he, { children: A.map((e) => /* @__PURE__ */ Y(Sn, {
 					task: e,
@@ -2296,7 +2296,7 @@ function An({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: a, dr
 					progressDraggable: f,
 					onTaskClick: n,
 					onMilestoneClick: a,
-					onContextMenu: (e, t, n) => ie({
+					onContextMenu: (e, t, n) => re({
 						task: e,
 						mouseX: t,
 						mouseY: n
@@ -2304,17 +2304,17 @@ function An({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: a, dr
 					suppressClickRef: te,
 					handleBarMouseDown: G,
 					handleProgressMouseDown: ne,
-					formatDragDate: re
+					formatDragDate: K
 				}, e.id)) }),
 				/* @__PURE__ */ Y(Dn, {
-					contextMenu: K,
-					onClose: () => ie(null),
+					contextMenu: q,
+					onClose: () => re(null),
 					onSelect: (e, t) => {
 						let n = T.getState().tasks.find((t) => t.id === e.id) ?? e;
 						w({
 							...n,
 							status: t
-						}), ae.current?.(n, t), q.current?.(T.getState().tasks), ie(null);
+						}), ie.current?.(n, t), ae.current?.(T.getState().tasks), re(null);
 					}
 				}),
 				/* @__PURE__ */ Y(On, {
@@ -2550,11 +2550,11 @@ function Un({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: a, onEdi
 	r(() => {
 		R(e);
 	}, [e, R]);
-	let re = () => {
+	let K = () => {
 		W.current ||= (W.current = !0, U.current && H.current && (U.current.scrollTop = H.current.scrollTop), !1);
-	}, K = () => {
+	}, q = () => {
 		W.current ||= (W.current = !0, H.current && U.current && (H.current.scrollTop = U.current.scrollTop), !1);
-	}, ie = t(() => {
+	}, re = t(() => {
 		if (!U.current) return;
 		let e = Rt(V, z), t = Date.now(), n = e.start.getTime(), r = e.end.getTime(), i = (t - n) / (r - n) * U.current.scrollWidth;
 		U.current.scrollLeft = Math.max(0, i - U.current.clientWidth / 2);
@@ -2573,7 +2573,7 @@ function Un({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: a, onEdi
 		z,
 		B
 	]);
-	let ae = t((e) => {
+	let ie = t((e) => {
 		e.preventDefault();
 		let t = e.clientX, n = ee, r = (e) => {
 			let r = e.clientX - t;
@@ -2599,7 +2599,7 @@ function Un({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: a, onEdi
 			overflow: "hidden"
 		},
 		children: [v && /* @__PURE__ */ Y(Nn, {
-			onScrollToToday: ie,
+			onScrollToToday: re,
 			config: I,
 			onExportCSV: I.showExportCSV ? ne : void 0
 		}), /* @__PURE__ */ X(d, {
@@ -2611,7 +2611,7 @@ function Un({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: a, onEdi
 			children: [
 				/* @__PURE__ */ Y(_n, {
 					scrollRef: H,
-					onScroll: re,
+					onScroll: K,
 					panelWidth: ee,
 					onTaskClick: n,
 					onAddTask: a,
@@ -2636,11 +2636,11 @@ function Un({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: a, onEdi
 						cursor: "col-resize",
 						"&:hover": { bgcolor: "action.hover" }
 					},
-					onMouseDown: ae
+					onMouseDown: ie
 				}),
 				/* @__PURE__ */ Y(An, {
 					scrollRef: U,
-					onScroll: K,
+					onScroll: q,
 					onTaskClick: n,
 					onMilestoneClick: i,
 					draggable: T,
@@ -2890,7 +2890,7 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 	}, L = {
 		...Yn,
 		...O
-	}, R = i(), z = `${R}-password`, [H, U] = c(!1), [W, ee] = c(!1), [te, G] = c(""), [ne, re] = c(""), K = e === void 0 ? te : e, ie = t === void 0 ? ne : t, ae = h && ie.length > 0, q = ae && K === ie, oe = o(() => Kn(K, k), [K, k]);
+	}, R = i(), z = `${R}-password`, [H, U] = c(!1), [W, ee] = c(!1), [te, G] = c(""), [ne, K] = c(""), q = e === void 0 ? te : e, re = t === void 0 ? ne : t, ie = h && re.length > 0, ae = ie && q === re, oe = o(() => Kn(q, k), [q, k]);
 	return /* @__PURE__ */ X(F, { children: [
 		/* @__PURE__ */ X(x, {
 			variant: "outlined",
@@ -2907,7 +2907,7 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 					type: H ? "text" : "password",
 					fullWidth: !0,
 					size: S,
-					value: K,
+					value: q,
 					onChange: (t) => {
 						let n = t.target.value;
 						e === void 0 && G(n), M && M(n, Kn(n, k));
@@ -2960,7 +2960,7 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 						numbers: m?.numbers ?? !0,
 						symbols: m?.symbols ?? !0
 					});
-					e === void 0 && G(n), t === void 0 && re(""), M?.(n, Kn(n, k)), P?.(n), U(!0);
+					e === void 0 && G(n), t === void 0 && K(""), M?.(n, Kn(n, k)), P?.(n), U(!0);
 				},
 				sx: {
 					mt: .5,
@@ -2973,7 +2973,7 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 		h && /* @__PURE__ */ X(x, {
 			variant: "outlined",
 			fullWidth: !0,
-			error: ae && !q,
+			error: ie && !ae,
 			sx: { mt: 1 },
 			children: [
 				/* @__PURE__ */ Y(E, {
@@ -2986,16 +2986,16 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 					type: W ? "text" : "password",
 					fullWidth: !0,
 					size: S,
-					value: ie,
+					value: re,
 					onChange: (e) => {
 						let n = e.target.value;
-						t === void 0 && re(n), N?.(n, n === K);
+						t === void 0 && K(n), N?.(n, n === q);
 					},
 					disabled: a,
 					inputProps: { "data-testid": "psm-confirm-input" },
 					endAdornment: /* @__PURE__ */ X(T, {
 						position: "end",
-						children: [ae && (q ? /* @__PURE__ */ Y(Ie, {
+						children: [ie && (ae ? /* @__PURE__ */ Y(Ie, {
 							"data-testid": "psm-confirm-match",
 							sx: {
 								color: A.success,
@@ -3021,9 +3021,9 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 					}),
 					label: I.confirmLabel
 				}),
-				ae && /* @__PURE__ */ Y(C, {
-					sx: { color: q ? A.success : A.failure },
-					children: q ? I.confirmMatchLabel : I.confirmMismatchLabel
+				ie && /* @__PURE__ */ Y(C, {
+					sx: { color: ae ? A.success : A.failure },
+					children: ae ? I.confirmMatchLabel : I.confirmMismatchLabel
 				})
 			]
 		}),
@@ -3092,7 +3092,7 @@ function $n({ value: e, confirmValue: t, name: n, inputRef: r, disabled: a = !1,
 						}),
 						p?.map((e, t) => /* @__PURE__ */ Y(Qn, {
 							label: e.label,
-							fulfilled: typeof e.fulfilled == "function" ? e.fulfilled(K) : e.fulfilled,
+							fulfilled: typeof e.fulfilled == "function" ? e.fulfilled(q) : e.fulfilled,
 							checkColors: A
 						}, t))
 					]
@@ -3263,17 +3263,17 @@ function cr({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 		b(e), j(e), v("default");
 	}, ne = (e) => {
 		j(e), rr(e) && (b(e), v("default"));
-	}, re = (e) => {
-		S(e), N(e);
 	}, K = (e) => {
+		S(e), N(e);
+	}, q = (e) => {
 		N(e), rr(e) && S(e);
-	}, ie = (e) => {
+	}, re = (e) => {
 		if (T(e), e) S(null);
 		else if (y) {
 			let e = ir(y);
 			S(e), N(e);
 		}
-	}, ae = (e) => e.preventDefault();
+	}, ie = (e) => e.preventDefault();
 	return /* @__PURE__ */ X(d, {
 		sx: { mb: 2 },
 		children: [/* @__PURE__ */ Y(l, {
@@ -3318,12 +3318,12 @@ function cr({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 						endAdornment: /* @__PURE__ */ X(he, { children: [H && /* @__PURE__ */ X(he, { children: [/* @__PURE__ */ Y(w, {
 							size: "small",
 							sx: { color: "success.main" },
-							onMouseDown: ae,
+							onMouseDown: ie,
 							onClick: ee,
 							children: /* @__PURE__ */ Y(_e, { fontSize: "small" })
 						}), /* @__PURE__ */ Y(w, {
 							size: "small",
-							onMouseDown: ae,
+							onMouseDown: ie,
 							onClick: te,
 							children: /* @__PURE__ */ Y(Be, { fontSize: "small" })
 						})] }), e.slotProps?.input?.endAdornment] })
@@ -3355,7 +3355,7 @@ function cr({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 			loadingText: n.loadingText
 		}), H && /* @__PURE__ */ X(d, {
 			sx: { position: "relative" },
-			onMouseDown: ae,
+			onMouseDown: ie,
 			children: [/* @__PURE__ */ X(F, {
 				direction: "row",
 				sx: {
@@ -3475,7 +3475,7 @@ function cr({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 							children: [nr.map((e) => /* @__PURE__ */ Y(or, {
 								color: e,
 								selected: x === e,
-								onClick: () => re(e)
+								onClick: () => K(e)
 							}, e)), /* @__PURE__ */ Y(d, {
 								sx: {
 									gridColumn: "span 5",
@@ -3483,7 +3483,7 @@ function cr({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 								},
 								children: /* @__PURE__ */ Y(sr, {
 									value: C ? W ?? "#000000" : M,
-									onChange: K,
+									onChange: q,
 									disabled: C
 								})
 							})]
@@ -3504,7 +3504,7 @@ function cr({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 							}), /* @__PURE__ */ Y(I, {
 								size: "small",
 								checked: C,
-								onChange: (e) => ie(e.target.checked)
+								onChange: (e) => re(e.target.checked)
 							})]
 						})
 					] })]
@@ -5659,7 +5659,7 @@ var Nr = {
 	mssql: vt
 };
 function Ir({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: o = !0, dialect: c = "standard", keywordColor: l, stringColor: u, identifierColor: f, schema: p, onExecute: m, onLint: h, onDiagnosticsChange: g, onViewReady: _, onCursorChange: v, onBlur: y, onFocus: b }) {
-	let x = s(null), S = s(null), C = s(t), w = s(v), T = s(y), E = s(b), D = s(_), O = s(m), k = s(h), A = s(g), j = s(new re()), M = s(new re()), N = H(), P = N.palette.mode === "dark", F = !!h, I = JSON.stringify(p);
+	let x = s(null), S = s(null), C = s(t), w = s(v), T = s(y), E = s(b), D = s(_), O = s(m), k = s(h), A = s(g), j = s(new K()), M = s(new K()), N = H(), P = N.palette.mode === "dark", F = !!h, I = JSON.stringify(p);
 	return r(() => {
 		C.current = t;
 	}, [t]), r(() => {
@@ -5816,12 +5816,12 @@ function Ir({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			wt(),
 			v,
 			te.of([
-				...q,
+				...ae,
 				...se,
 				...Tt
 			]),
 			j.current.of(U.editable.of(!i && !a)),
-			M.current.of(K.readOnly.of(a)),
+			M.current.of(q.readOnly.of(a)),
 			W(),
 			...o ? [G(), ee()] : [],
 			...n ? [ne(n)] : [],
@@ -5840,7 +5840,7 @@ function Ir({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 				}
 			})
 		], b = new U({
-			state: K.create({
+			state: q.create({
 				doc: t,
 				extensions: y
 			}),
@@ -5867,7 +5867,7 @@ function Ir({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			insert: e ?? ""
 		} });
 	}, [e]), r(() => {
-		S.current?.dispatch({ effects: [j.current.reconfigure(U.editable.of(!i && !a)), M.current.reconfigure(K.readOnly.of(a))] });
+		S.current?.dispatch({ effects: [j.current.reconfigure(U.editable.of(!i && !a)), M.current.reconfigure(q.readOnly.of(a))] });
 	}, [i, a]), /* @__PURE__ */ Y(d, {
 		ref: x,
 		sx: {
@@ -6246,7 +6246,7 @@ function Jr({ data: e, size: n = 500, showSegmentLabels: r = !0, innerRadius: i
 	}, [P, N]), ee = (e) => e.x1 > e.x0 && e.y1 > e.y0, te = (e) => (O + (e.y0 + e.y1) / 2) * (e.x1 - e.x0) > 12, G = (e) => {
 		let t = (e.x0 + e.x1) / 2 * 180 / Math.PI, n = O + (e.y0 + e.y1) / 2, r = t < 180 ? 0 : 180;
 		return `rotate(${t - 90}) translate(${n},0) rotate(${r})`;
-	}, ne = t((e) => e.ancestors().includes(P), [P]), re = t((e) => {
+	}, ne = t((e) => e.ancestors().includes(P), [P]), K = t((e) => {
 		let t = e.ancestors().reverse(), n = e.value ?? 0, r = M.value ?? 0;
 		return {
 			id: e.data.id,
@@ -6259,14 +6259,14 @@ function Jr({ data: e, size: n = 500, showSegmentLabels: r = !0, innerRadius: i
 			childrenCount: e.children?.length ?? 0,
 			data: e.data
 		};
-	}, [M]), K = t((e) => {
+	}, [M]), q = t((e) => {
 		F(e), m && m({
-			focusNode: re(e),
+			focusNode: K(e),
 			isRoot: e === M
 		});
 	}, [
 		M,
-		re,
+		K,
 		m
 	]);
 	a(() => {
@@ -6289,23 +6289,23 @@ function Jr({ data: e, size: n = 500, showSegmentLabels: r = !0, innerRadius: i
 		N,
 		f
 	]);
-	let ie = s(null), ae = (e) => {
-		ie.current &&= (clearTimeout(ie.current), null), ie.current = setTimeout(() => {
-			e(), ie.current = null;
+	let re = s(null), ie = (e) => {
+		re.current &&= (clearTimeout(re.current), null), re.current = setTimeout(() => {
+			e(), re.current = null;
 		}, 250);
-	}, q = () => {
-		ie.current &&= (clearTimeout(ie.current), null);
+	}, ae = () => {
+		re.current &&= (clearTimeout(re.current), null);
 	};
 	a(() => {
 		if (y) return;
 		let e = (e) => {
-			e.key === "Escape" && (q(), K(M), T(1));
+			e.key === "Escape" && (ae(), q(M), T(1));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
 		y,
 		M,
-		K
+		q
 	]);
 	let oe = t((e) => {
 		if (!v || y || !e.ctrlKey) return;
@@ -6317,20 +6317,20 @@ function Jr({ data: e, size: n = 500, showSegmentLabels: r = !0, innerRadius: i
 		let t = se[Number(e.currentTarget.getAttribute("data-idx"))];
 		if (t) {
 			if (e.ctrlKey || e.metaKey) {
-				t.children && ae(() => K(t));
+				t.children && ie(() => q(t));
 				return;
 			}
-			p?.(re(t), e);
+			p?.(K(t), e);
 		}
 	}, le = (e) => {
-		y || (e.ctrlKey || e.metaKey) && (q(), K(P.parent ?? M));
+		y || (e.ctrlKey || e.metaKey) && (ae(), q(P.parent ?? M));
 	}, ue = (e) => {
 		if (!y) {
 			if (e.ctrlKey || e.metaKey) {
-				q(), K(P.parent ?? M);
+				ae(), q(P.parent ?? M);
 				return;
 			}
-			p?.(re(P.parent ?? M), e);
+			p?.(K(P.parent ?? M), e);
 		}
 	}, de = {
 		followCursor: !0,
@@ -6524,19 +6524,19 @@ function Qr({ sourceName: e, targetName: t, sourceValue: n, targetValue: r, dire
 		]
 	});
 }
-function $r({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, padAngle: l, ribbonPadAngle: u, sortSubgroups: f = "descending", sortChords: p = "descending", chartColors: m, groupColorConfigs: h, showGroupLabels: g = !0, labelOffset: _ = 8, ribbonOpacity: v = .75, ribbonBlendMode: y = "multiply", directed: b = !0, valueDecimalCount: x = 0, valueDecimalSeparator: S = ".", valueThousandsSeparator: C = ",", onGroupClick: w, onChordClick: T, zoomable: E = !1, disabled: D = !1 }) {
-	let O = H(), k = [
+function $r({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, padAngle: l, ribbonPadAngle: u, sortSubgroups: f = "descending", sortChords: p = "descending", chartColors: m, groupColorConfigs: h, showGroupLabels: g = !0, labelOffset: _ = 8, ribbonOpacity: v = .75, ribbonBlendMode: y, directed: b = !0, valueDecimalCount: x = 0, valueDecimalSeparator: S = ".", valueThousandsSeparator: C = ",", onGroupClick: w, onChordClick: T, zoomable: E = !1, disabled: D = !1 }) {
+	let O = H(), k = y ?? (O.palette.mode === "dark" ? "normal" : "multiply"), A = [
 		O.palette.primary.main,
 		O.palette.secondary.main,
 		O.palette.error.main,
 		O.palette.warning.main,
 		O.palette.success.main,
 		O.palette.info.main
-	], A = m && m.length > 0 ? m : k, j = r ?? Math.min(n, n) * .5 - 90, M = Math.max(10, j), N = M + Math.max(1, i), P = l ?? 10 / M, F = u ?? 1 / M, I = t((e) => Xr(e, x, S, C), [
+	], j = m && m.length > 0 ? m : A, M = r ?? Math.min(n, n) * .5 - 90, N = Math.max(10, M), P = N + Math.max(1, i), F = l ?? 10 / N, I = u ?? 1 / N, L = t((e) => Xr(e, x, S, C), [
 		x,
 		S,
 		C
-	]), { names: L, matrix: R } = o(() => {
+	]), { names: R, matrix: z } = o(() => {
 		let t = Z.sort(Z.union(e.map((e) => e.source), e.map((e) => e.target))), n = new Map(t.map((e, t) => [e, t])), r = Array.from({ length: t.length }, () => Array(t.length).fill(0));
 		for (let { source: t, target: i, value: a } of e) {
 			let e = n.get(t), o = n.get(i);
@@ -6546,78 +6546,78 @@ function $r({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, pad
 			names: t,
 			matrix: r
 		};
-	}, [e]), z = o(() => {
-		let e = (b ? Z.chordDirected() : Z.chord()).padAngle(P);
-		return f === "ascending" && (e = e.sortSubgroups(Z.ascending)), f === "descending" && (e = e.sortSubgroups(Z.descending)), p === "ascending" && (e = e.sortChords(Z.ascending)), p === "descending" && (e = e.sortChords(Z.descending)), e(R);
+	}, [e]), V = o(() => {
+		let e = (b ? Z.chordDirected() : Z.chord()).padAngle(F);
+		return f === "ascending" && (e = e.sortSubgroups(Z.ascending)), f === "descending" && (e = e.sortSubgroups(Z.descending)), p === "ascending" && (e = e.sortChords(Z.ascending)), p === "descending" && (e = e.sortChords(Z.descending)), e(z);
 	}, [
-		R,
-		P,
+		z,
+		F,
 		b,
 		f,
 		p
-	]), V = o(() => Z.arc().innerRadius(M).outerRadius(N), [M, N]), U = o(() => (b ? Z.ribbonArrow() : Z.ribbon()).radius(M - 1).padAngle(F), [
-		M,
-		F,
+	]), U = o(() => Z.arc().innerRadius(N).outerRadius(P), [N, P]), W = o(() => (b ? Z.ribbonArrow() : Z.ribbon()).radius(N - 1).padAngle(I), [
+		N,
+		I,
 		b
-	]), W = t((e) => U({
+	]), ee = t((e) => W({
 		source: {
 			startAngle: e.source.startAngle,
 			endAngle: e.source.endAngle,
-			radius: M - 1
+			radius: N - 1
 		},
 		target: {
 			startAngle: e.target.startAngle,
 			endAngle: e.target.endAngle,
-			radius: M - 1
+			radius: N - 1
 		}
-	}) ?? "", [U, M]), ee = o(() => Z.scaleOrdinal().domain(Z.range(L.length)).range(A.length >= L.length ? A : [...Array(Math.ceil(L.length / A.length))].flatMap(() => A).slice(0, L.length)), [A, L.length]), te = t((e) => h?.[L[e]]?.fill ?? ee(e), [
+	}) ?? "", [W, N]), te = o(() => Z.scaleOrdinal().domain(Z.range(R.length)).range(j.length >= R.length ? j : [...Array(Math.ceil(R.length / j.length))].flatMap(() => j).slice(0, R.length)), [j, R.length]), G = t((e) => h?.[R[e]]?.fill ?? te(e), [
 		h,
-		L,
-		ee
-	]), G = s(null), [ne, re] = c(`-${n / 2} -${n / 2} ${n} ${n}`), [K, ie] = c(1), ae = o(() => {
-		if (K === 1) return ne;
-		let [e, t, n, r] = ne.split(" ").map(Number), i = n / K, a = r / K;
+		R,
+		te
+	]), ne = s(null), [K, q] = c(`-${n / 2} -${n / 2} ${n} ${n}`), [re, ie] = c(1), ae = o(() => {
+		if (re === 1) return K;
+		let [e, t, n, r] = K.split(" ").map(Number), i = n / re, a = r / re;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
-	}, [ne, K]);
+	}, [K, re]);
 	a(() => {
-		let e = G.current;
+		let e = ne.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			try {
 				let t = e.getBBox();
-				re(`${t.x - 8} ${t.y - 8} ${t.width + 16} ${t.height + 16}`);
+				q(`${t.x - 8} ${t.y - 8} ${t.width + 16} ${t.height + 16}`);
 			} catch {
-				re(`-${n / 2} -${n / 2} ${n} ${n}`);
+				q(`-${n / 2} -${n / 2} ${n} ${n}`);
 			}
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
 		n,
-		M,
 		N,
-		L.length,
-		z
+		P,
+		R.length,
+		V
 	]);
-	let [q, oe] = c(null), se = t((e) => ({
-		name: L[e.index],
+	let [oe, se] = c(null), ce = t((e) => ({
+		name: R[e.index],
 		index: e.index,
-		valueOut: Z.sum(z, (t) => t.source.index === e.index ? t.source.value : 0),
-		valueIn: Z.sum(z, (t) => t.target.index === e.index ? t.source.value : 0)
-	}), [L, z]), ce = t((e) => ({
+		valueOut: Z.sum(V, (t) => t.source.index === e.index ? t.source.value : 0),
+		valueIn: Z.sum(V, (t) => t.target.index === e.index ? t.source.value : 0)
+	}), [R, V]), le = t((e) => ({
 		source: {
-			name: L[e.source.index],
+			name: R[e.source.index],
 			index: e.source.index,
 			value: e.source.value
 		},
 		target: {
-			name: L[e.target.index],
+			name: R[e.target.index],
 			index: e.target.index,
 			value: e.target.value
 		}
-	}), [L]), le = (e) => {
+	}), [R]), ue = (e) => {
 		let t = (e.startAngle + e.endAngle) / 2, n = t * 180 / Math.PI - 90, r = t > Math.PI ? " rotate(180)" : "";
-		return `rotate(${n}) translate(${N + _})${r}`;
-	}, ue = (e) => (e.startAngle + e.endAngle) / 2 > Math.PI ? "end" : "start", de = t((e) => {
+		return `rotate(${n}) translate(${P + _})${r}`;
+	}, de = (e) => (e.startAngle + e.endAngle) / 2 > Math.PI ? "end" : "start", fe = t((e) => {
 		if (!E || D || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
@@ -6630,13 +6630,13 @@ function $r({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, pad
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [E]);
-	let fe = {
+	let pe = {
 		followCursor: !0,
 		enterDelay: 50,
 		enterNextDelay: 0,
 		disableHoverListener: D,
 		slotProps: { tooltip: { sx: { maxWidth: 240 } } }
-	}, pe = O.palette.text.primary, J = O.typography.fontFamily;
+	}, J = O.palette.text.primary, me = O.typography.fontFamily;
 	return /* @__PURE__ */ Y(d, {
 		sx: {
 			display: "inline-flex",
@@ -6648,65 +6648,65 @@ function $r({ data: e, size: n = 500, innerRadius: r, ringThickness: i = 20, pad
 			width: n,
 			height: n,
 			viewBox: ae,
-			onWheel: de,
+			onWheel: fe,
 			style: {
-				fontFamily: J ?? "sans-serif",
-				overflow: E && K > 1 ? "hidden" : "visible"
+				fontFamily: me ?? "sans-serif",
+				overflow: E && re > 1 ? "hidden" : "visible"
 			},
 			role: "img",
 			"aria-label": "Chord chart",
 			children: /* @__PURE__ */ X("g", {
-				ref: G,
-				children: [/* @__PURE__ */ Y("g", { children: z.groups.map((e) => {
-					let t = se(e), n = q === e.index, r = q !== null && !n;
+				ref: ne,
+				children: [/* @__PURE__ */ Y("g", { children: V.groups.map((e) => {
+					let t = ce(e), n = oe === e.index, r = oe !== null && !n;
 					return /* @__PURE__ */ Y(B, {
-						...fe,
+						...pe,
 						title: /* @__PURE__ */ Y(Zr, {
 							name: t.name,
 							valueOut: t.valueOut,
 							valueIn: t.valueIn,
-							fmt: I
+							fmt: L
 						}),
 						children: /* @__PURE__ */ X("g", {
 							style: { cursor: D ? "not-allowed" : "pointer" },
-							onMouseEnter: () => !D && oe(e.index),
-							onMouseLeave: () => oe(null),
+							onMouseEnter: () => !D && se(e.index),
+							onMouseLeave: () => se(null),
 							onClick: (e) => !D && w?.(t, e),
 							children: [/* @__PURE__ */ Y("path", {
-								d: V(e) || "",
-								fill: te(e.index),
+								d: U(e) || "",
+								fill: G(e.index),
 								stroke: O.palette.divider,
 								opacity: r ? .35 : 1,
 								style: { transition: "opacity 0.15s" }
 							}), g && /* @__PURE__ */ Y("text", {
 								dy: "0.35em",
 								fontSize: 11,
-								fill: pe,
-								transform: le(e),
-								textAnchor: ue(e),
+								fill: J,
+								transform: ue(e),
+								textAnchor: de(e),
 								pointerEvents: "none",
-								children: L[e.index]
+								children: R[e.index]
 							})]
 						})
 					}, `grp-tt-${e.index}`);
 				}) }), /* @__PURE__ */ Y("g", {
 					fillOpacity: v,
-					style: { mixBlendMode: y },
-					children: z.map((e, t) => {
-						let n = ce(e), r = q === null || e.source.index === q || e.target.index === q;
+					style: { mixBlendMode: k },
+					children: V.map((e, t) => {
+						let n = le(e), r = oe === null || e.source.index === oe || e.target.index === oe;
 						return /* @__PURE__ */ Y(B, {
-							...fe,
+							...pe,
 							title: /* @__PURE__ */ Y(Qr, {
 								sourceName: n.source.name,
 								targetName: n.target.name,
 								sourceValue: n.source.value,
 								targetValue: n.target.value,
 								directed: b,
-								fmt: I
+								fmt: L
 							}),
 							children: /* @__PURE__ */ Y("path", {
-								d: W(e),
-								fill: te(e.target.index),
+								d: ee(e),
+								fill: G(e.target.index),
 								stroke: "none",
 								opacity: r ? 1 : .12,
 								style: {
@@ -6840,7 +6840,7 @@ function ai({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 		te,
 		x,
 		S
-	]), ne = G.links(), re = G.descendants(), K = o(() => Z.linkRadial().angle((e) => e.x).radius((e) => e.y), []), ie = t((e) => ({
+	]), ne = G.links(), K = G.descendants(), q = o(() => Z.linkRadial().angle((e) => e.x).radius((e) => e.y), []), re = t((e) => ({
 		id: e.data.id,
 		name: e.data.name,
 		subname: e.data.subname ?? null,
@@ -6851,9 +6851,9 @@ function ai({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 		path: e.ancestors().map((e) => e.data.name).reverse(),
 		childrenCount: e.children?.length ?? 0,
 		data: e.data
-	}), []), ae = s(null), [q, oe] = c(`-${n / 2} -${n / 2} ${n} ${n}`), [se, ce] = c(1);
+	}), []), ie = s(null), [ae, oe] = c(`-${n / 2} -${n / 2} ${n} ${n}`), [se, ce] = c(1);
 	a(() => {
-		let e = ae.current;
+		let e = ie.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			try {
@@ -6871,10 +6871,10 @@ function ai({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 		r
 	]);
 	let le = o(() => {
-		if (se === 1) return q;
-		let [e, t, n, r] = q.split(" ").map(Number), i = n / se, a = r / se;
+		if (se === 1) return ae;
+		let [e, t, n, r] = ae.split(" ").map(Number), i = n / se, a = r / se;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
-	}, [q, se]), ue = t((e) => {
+	}, [ae, se]), ue = t((e) => {
 		if (!C || k || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
@@ -6922,9 +6922,9 @@ function ai({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 		k || !w || (e.ctrlKey || e.metaKey) && (pe(), Te());
 	}, De = (e) => {
 		if (k) return;
-		let t = re[Number(e.currentTarget.getAttribute("data-idx"))];
+		let t = K[Number(e.currentTarget.getAttribute("data-idx"))];
 		if (!t) return;
-		let n = ie(t);
+		let n = re(t);
 		if ((e.ctrlKey || e.metaKey) && w && t.children) {
 			fe(() => {
 				z((e) => [...e, t.data]), T?.(n);
@@ -6997,17 +6997,17 @@ function ai({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 				role: "img",
 				"aria-label": e.name,
 				children: /* @__PURE__ */ X("g", {
-					ref: ae,
+					ref: ie,
 					children: [
 						/* @__PURE__ */ Y("g", {
 							fill: "none",
 							stroke: ke,
 							strokeOpacity: _,
 							strokeWidth: v,
-							children: ne.map((e, t) => /* @__PURE__ */ Y("path", { d: K(e) }, `link-${t}`))
+							children: ne.map((e, t) => /* @__PURE__ */ Y("path", { d: q(e) }, `link-${t}`))
 						}),
-						/* @__PURE__ */ Y("g", { children: re.map((e, t) => {
-							let n = I(e), r = L(e), i = ie(e), a = J === t, o = e.children ? ni.folder : ni.person, s = Math.round(n * 1.3);
+						/* @__PURE__ */ Y("g", { children: K.map((e, t) => {
+							let n = I(e), r = L(e), i = re(e), a = J === t, o = e.children ? ni.folder : ni.person, s = Math.round(n * 1.3);
 							return /* @__PURE__ */ Y(B, {
 								title: /* @__PURE__ */ X(d, {
 									sx: {
@@ -7125,7 +7125,7 @@ function ai({ data: e, size: n = 600, autoFit: r = !0, sortBy: i = "name", showL
 								})
 							}, `node-${e.data.id}-${t}`);
 						}) }),
-						l && /* @__PURE__ */ Y("g", { children: re.map((e, t) => {
+						l && /* @__PURE__ */ Y("g", { children: K.map((e, t) => {
 							let n = I(e), r = e.x < Math.PI == !e.children, i = n + 6, a = r ? i : -i, o = r ? "start" : "end";
 							return /* @__PURE__ */ Y("text", {
 								transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0) rotate(${e.x >= Math.PI ? 180 : 0})`,
@@ -7237,11 +7237,11 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 		k.x,
 		k.y,
 		k.r * 2
-	]), te = s(k), [G, ne] = c(k), re = t((e) => {
+	]), te = s(k), [G, ne] = c(k), K = t((e) => {
 		te.current = e, ne(e);
-	}, []), [K, ie] = c(e);
-	K !== e && (ie(e), re(k), te.current = k);
-	let ae = t((e) => {
+	}, []), [q, re] = c(e);
+	q !== e && (re(e), K(k), te.current = k);
+	let ie = t((e) => {
 		let t = W.current;
 		if (!t) return;
 		ee.current = e;
@@ -7280,7 +7280,7 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 		k
 	]);
 	a(() => {
-		ae([
+		ie([
 			G.x,
 			G.y,
 			G.r * 2
@@ -7289,9 +7289,9 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 		k,
 		n,
 		G,
-		ae
+		ie
 	]);
-	let q = t((e, t) => {
+	let ae = t((e, t) => {
 		let n = W.current;
 		if (!n) return;
 		let r = G, i = ee.current, a = [
@@ -7299,9 +7299,9 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 			e.y,
 			e.r * 2
 		];
-		re(e), Z.select(n).transition().duration(t).ease(Z.easeCubic).tween("zoom", () => {
+		K(e), Z.select(n).transition().duration(t).ease(Z.easeCubic).tween("zoom", () => {
 			let e = Z.interpolateZoom(i, a);
-			return (t) => ae(e(t));
+			return (t) => ie(e(t));
 		});
 		let o = n.querySelectorAll("g[data-role='labels'] > text");
 		Z.selectAll(o).transition().duration(t).ease(Z.easeCubic).style("fill-opacity", (t, n) => +(A[n].parent === e)).on("start", function(t, n) {
@@ -7318,9 +7318,9 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 		G,
 		A,
 		k,
-		ae,
+		ie,
 		C,
-		re
+		K
 	]), oe = s(null), se = (e) => {
 		oe.current &&= (clearTimeout(oe.current), null), oe.current = setTimeout(() => {
 			e(), oe.current = null;
@@ -7331,7 +7331,7 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 	a(() => {
 		if (x) return;
 		let e = (e) => {
-			e.key === "Escape" && (ce(), q(k, y));
+			e.key === "Escape" && (ce(), ae(k, y));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
@@ -7343,7 +7343,7 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 		if (x || !(e.ctrlKey || e.metaKey)) return;
 		ce(), e.preventDefault();
 		let t = G.parent ?? k;
-		t !== G && q(t, e.altKey ? Math.max(250, y * 10) : y);
+		t !== G && ae(t, e.altKey ? Math.max(250, y * 10) : y);
 	}, ue = {
 		followCursor: !0,
 		enterDelay: 50,
@@ -7471,7 +7471,7 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 											if (t.ctrlKey || t.metaKey) {
 												if (e.children) {
 													let n = t.altKey ? Math.max(250, y * 10) : y;
-													se(() => q(e, n));
+													se(() => ae(e, n));
 												}
 												return;
 											}
@@ -7482,7 +7482,7 @@ function ci({ data: e, size: n = 600, padding: r = 3, sortBy: i = "value", showL
 										if (!x && (e.ctrlKey || e.metaKey)) {
 											ce(), e.preventDefault(), e.stopPropagation();
 											let t = G.parent ?? k;
-											t !== G && q(t, e.altKey ? Math.max(250, y * 10) : y);
+											t !== G && ae(t, e.altKey ? Math.max(250, y * 10) : y);
 										}
 									}
 								})
@@ -7636,7 +7636,7 @@ function pi({ info: e, labelA: t, labelB: n }) {
 		] })]
 	});
 }
-function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, levelSpacing: l = 200, nodeRadius: u = 10, sortBy: f = "name", showLabels: p = !0, labelFontSize: m = 12, labelColor: h, showIcons: g = !0, chartColors: _, linkStrokeOpacity: v = .4, linkStrokeWidth: y = 1.5, linkColor: b, zoomable: x = !1, drillable: S = !1, onFocusChange: C, showNodePopover: w = !1, renderNodePopoverContent: T, onNodeClick: E, disabled: D = !1, translation: O }) {
+function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, levelSpacing: l = 200, nodeRadius: u = 10, sortBy: f = "name", showLabels: p = !0, labelFontSize: m = 12, labelColor: h, showIcons: g = !0, chartColors: _, linkStrokeOpacity: v = 1, linkStrokeWidth: y = 1.5, linkColor: b, zoomable: x = !1, drillable: S = !1, onFocusChange: C, showNodePopover: w = !1, renderNodePopoverContent: T, onNodeClick: E, disabled: D = !1, translation: O }) {
 	let k = H(), A = {
 		...ui,
 		...O
@@ -7649,7 +7649,7 @@ function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, l
 		k.palette.info.main
 	], M = _ && _.length > 0 ? _ : j, P = h || k.palette.text.primary, F = b || k.palette.text.secondary, I = k.palette.background.paper, L = k.typography.fontFamily, R = n === "TB" || n === "BT", z = R ? i : r, U = R ? r : i, [W, ee] = c([e]), te = W[W.length - 1], [G, ne] = c(e);
 	G !== e && (ne(e), ee([e]));
-	let re = o(() => {
+	let K = o(() => {
 		let e = Z.hierarchy(te);
 		f === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => Z.ascending(String(e.data.name), String(t.data.name)));
 		let t = Z.max(e.descendants(), (e) => e.depth) ?? 1;
@@ -7660,7 +7660,7 @@ function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, l
 		z,
 		U,
 		l
-	]), K = re.descendants(), ie = re.links(), ae = t((e) => e.data.colorConfig?.fill ?? M[e.depth % M.length], [M]), q = t((e) => {
+	]), q = K.descendants(), re = K.links(), ie = t((e) => e.data.colorConfig?.fill ?? M[e.depth % M.length], [M]), ae = t((e) => {
 		switch (n) {
 			case "LR": return {
 				x: e.y,
@@ -7684,14 +7684,14 @@ function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, l
 		z,
 		U
 	]), oe = t((e) => {
-		let t = q(e.source), r = q(e.target);
+		let t = ae(e.source), r = ae(e.target);
 		if (n === "LR" || n === "RL") {
 			let e = (t.x + r.x) / 2;
 			return `M${t.x},${t.y} C${e},${t.y} ${e},${r.y} ${r.x},${r.y}`;
 		}
 		let i = (t.y + r.y) / 2;
 		return `M${t.x},${t.y} C${t.x},${i} ${r.x},${i} ${r.x},${r.y}`;
-	}, [q, n]), se = t((e) => ({
+	}, [ae, n]), se = t((e) => ({
 		id: e.data.id ?? null,
 		name: e.data.name,
 		subname: e.data.subname ?? null,
@@ -7720,7 +7720,7 @@ function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, l
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
-		re,
+		K,
 		r,
 		i,
 		n
@@ -7881,9 +7881,9 @@ function mi({ data: e, orientation: n = "LR", width: r = 800, height: i = 500, l
 						stroke: F,
 						strokeOpacity: v,
 						strokeWidth: y,
-						children: ie.map((e, t) => /* @__PURE__ */ Y("path", { d: oe(e) }, `link-${t}`))
-					}), K.map((e, t) => {
-						let r = q(e), i = ae(e), a = se(e), o = e.children ? di.folder : di.person, s = n === "LR", c = n === "RL", l = s ? u + 6 : c ? -(u + 6) : 0, f = !s && !c ? n === "TB" ? u + 16 : -(u + 6) : 0, h = s ? "start" : c ? "end" : "middle", _ = /* @__PURE__ */ X(d, {
+						children: re.map((e, t) => /* @__PURE__ */ Y("path", { d: oe(e) }, `link-${t}`))
+					}), q.map((e, t) => {
+						let r = ae(e), i = ie(e), a = se(e), o = e.children ? di.folder : di.person, s = n === "LR", c = n === "RL", l = s ? u + 6 : c ? -(u + 6) : 0, f = !s && !c ? n === "TB" ? u + 16 : -(u + 6) : 0, h = s ? "start" : c ? "end" : "middle", _ = /* @__PURE__ */ X(d, {
 							sx: {
 								py: .5,
 								minWidth: 140