@weng-lab/visualization 1.2.11 → 1.2.12

package/dist/visualization.es.js

@@ -1,5 +1,5 @@
 import * as pe from "react";
-import Le, { useRef as wt, useState as Xe, useCallback as Ke, useEffect as _t, useMemo as tt, createContext as Zi, useLayoutEffect as aS, useContext as Ir, useId as wM, Fragment as iS, createElement as BM, useInsertionEffect as bM, forwardRef as CM, Component as xM, useImperativeHandle as Uf, isValidElement as Xu, cloneElement as ju, Children as EM } from "react";
+import Le, { useRef as St, useState as Xe, useCallback as Ke, useEffect as _t, useMemo as tt, createContext as Zi, useLayoutEffect as aS, useContext as Ir, useId as wM, Fragment as iS, createElement as BM, useInsertionEffect as bM, forwardRef as CM, Component as xM, useImperativeHandle as Uf, isValidElement as Xu, cloneElement as ju, Children as EM } from "react";
 import { Stack as kv, Tooltip as Fa, IconButton as Sa, Box as Ww, Typography as ta, CircularProgress as TM, LinearProgress as FM, Table as SM, TableBody as UM, TableRow as QM, TableCell as Gd } from "@mui/material";
 import { BackHand as IM, Edit as DM, ZoomIn as LM, ZoomOut as OM, SettingsBackupRestore as MM, Download as oS, HighlightAlt as RM } from "@mui/icons-material";
 import { ThemeContext as PM, css as AS, keyframes as yl } from "@emotion/react";
@@ -1401,16 +1401,16 @@ function dS(t, e) {
   const r = Of(t.theme);
   return Object.keys(t).map((n) => fR(t, e, n, r)).reduce(ys, {});
 }
-function Tt(t) {
+function Et(t) {
   return dS(t, Df);
 }
-Tt.propTypes = process.env.NODE_ENV !== "production" ? Df.reduce((t, e) => (t[e] = ri, t), {}) : {};
-Tt.filterProps = Df;
-function Ft(t) {
+Et.propTypes = process.env.NODE_ENV !== "production" ? Df.reduce((t, e) => (t[e] = ri, t), {}) : {};
+Et.filterProps = Df;
+function Tt(t) {
   return dS(t, Lf);
 }
-Ft.propTypes = process.env.NODE_ENV !== "production" ? Lf.reduce((t, e) => (t[e] = ri, t), {}) : {};
-Ft.filterProps = Lf;
+Tt.propTypes = process.env.NODE_ENV !== "production" ? Lf.reduce((t, e) => (t[e] = ri, t), {}) : {};
+Tt.filterProps = Lf;
 process.env.NODE_ENV !== "production" && uR.reduce((t, e) => (t[e] = ri, t), {});
 function Mf(...t) {
   const e = t.reduce((n, a) => (a.filterProps.forEach((i) => {
@@ -1633,124 +1633,124 @@ const Bl = {
   },
   // spacing
   p: {
-    style: Ft
+    style: Tt
   },
   pt: {
-    style: Ft
+    style: Tt
   },
   pr: {
-    style: Ft
+    style: Tt
   },
   pb: {
-    style: Ft
+    style: Tt
   },
   pl: {
-    style: Ft
+    style: Tt
   },
   px: {
-    style: Ft
+    style: Tt
   },
   py: {
-    style: Ft
+    style: Tt
   },
   padding: {
-    style: Ft
+    style: Tt
   },
   paddingTop: {
-    style: Ft
+    style: Tt
   },
   paddingRight: {
-    style: Ft
+    style: Tt
   },
   paddingBottom: {
-    style: Ft
+    style: Tt
   },
   paddingLeft: {
-    style: Ft
+    style: Tt
   },
   paddingX: {
-    style: Ft
+    style: Tt
   },
   paddingY: {
-    style: Ft
+    style: Tt
   },
   paddingInline: {
-    style: Ft
+    style: Tt
   },
   paddingInlineStart: {
-    style: Ft
+    style: Tt
   },
   paddingInlineEnd: {
-    style: Ft
+    style: Tt
   },
   paddingBlock: {
-    style: Ft
+    style: Tt
   },
   paddingBlockStart: {
-    style: Ft
+    style: Tt
   },
   paddingBlockEnd: {
-    style: Ft
+    style: Tt
   },
   m: {
-    style: Tt
+    style: Et
   },
   mt: {
-    style: Tt
+    style: Et
   },
   mr: {
-    style: Tt
+    style: Et
   },
   mb: {
-    style: Tt
+    style: Et
   },
   ml: {
-    style: Tt
+    style: Et
   },
   mx: {
-    style: Tt
+    style: Et
   },
   my: {
-    style: Tt
+    style: Et
   },
   margin: {
-    style: Tt
+    style: Et
   },
   marginTop: {
-    style: Tt
+    style: Et
   },
   marginRight: {
-    style: Tt
+    style: Et
   },
   marginBottom: {
-    style: Tt
+    style: Et
   },
   marginLeft: {
-    style: Tt
+    style: Et
   },
   marginX: {
-    style: Tt
+    style: Et
   },
   marginY: {
-    style: Tt
+    style: Et
   },
   marginInline: {
-    style: Tt
+    style: Et
   },
   marginInlineStart: {
-    style: Tt
+    style: Et
   },
   marginInlineEnd: {
-    style: Tt
+    style: Et
   },
   marginBlock: {
-    style: Tt
+    style: Et
   },
   marginBlockStart: {
-    style: Tt
+    style: Et
   },
   marginBlockEnd: {
-    style: Tt
+    style: Et
   },
   // display
   displayPrint: {
@@ -4337,7 +4337,7 @@ function OB(t, e) {
   }
   return r;
 }
-function Ct(t) {
+function bt(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {};
     e % 2 ? OB(Object(r), !0).forEach(function(n) {
@@ -4584,7 +4584,7 @@ class PS {
   emit() {
     const e = this.state, r = this.shared, n = this.config;
     if (e._active || this.clean(), (e._blocked || !e.intentional) && !e._force && !n.triggerAllEvents) return;
-    const a = this.handler(Ct(Ct(Ct({}, r), e), {}, {
+    const a = this.handler(bt(bt(bt({}, r), e), {}, {
       [this.aliasKey]: e.values
     }));
     a !== void 0 && (e.memo = a);
@@ -4641,7 +4641,7 @@ const HB = (t) => t, _B = 0.15, n0 = {
     return t;
   },
   eventOptions(t, e, r) {
-    return Ct(Ct({}, r.shared.eventOptions), t);
+    return bt(bt({}, r.shared.eventOptions), t);
   },
   preventDefault(t = !1) {
     return t;
@@ -4695,7 +4695,7 @@ process.env.NODE_ENV === "development" && Object.assign(n0, {
     return NaN;
   }
 });
-const fk = 0, Ji = Ct(Ct({}, n0), {}, {
+const fk = 0, Ji = bt(bt({}, n0), {}, {
   axis(t, e, {
     axis: r
   }) {
@@ -4900,7 +4900,7 @@ const qr = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, NS = Ct(Ct({}, Ji), {}, {
+}, NS = bt(bt({}, Ji), {}, {
   device(t, e, {
     pointer: {
       touch: r = !1,
@@ -4955,7 +4955,7 @@ const qr = {
     }
   },
   axisThreshold(t) {
-    return t ? Ct(Ct({}, KB), t) : KB;
+    return t ? bt(bt({}, KB), t) : KB;
   },
   keyboardDisplacement(t = xk) {
     return t;
@@ -5122,7 +5122,7 @@ class Fk extends PS {
     });
   }
 }
-const Sk = Ct(Ct({}, n0), {}, {
+const Sk = bt(bt({}, n0), {}, {
   device(t, e, {
     shared: r,
     pointer: {
@@ -5187,7 +5187,7 @@ class Uk extends bl {
     e("pointer", "change", this.move.bind(this)), e("pointer", "leave", this.moveEnd.bind(this));
   }
 }
-const Qk = Ct(Ct({}, Ji), {}, {
+const Qk = bt(bt({}, Ji), {}, {
   mouseOnly: (t = !0) => t
 });
 class Ik extends bl {
@@ -5248,7 +5248,7 @@ class Mk extends bl {
     e("pointer", "enter", this.enter.bind(this)), e("pointer", "leave", this.leave.bind(this));
   }
 }
-const Rk = Ct(Ct({}, Ji), {}, {
+const Rk = bt(bt({}, Ji), {}, {
   mouseOnly: (t = !0) => t
 }), a0 = /* @__PURE__ */ new Map(), zv = /* @__PURE__ */ new Map();
 function Pk(t) {
@@ -5356,14 +5356,14 @@ function Wk(t, e, r = {}) {
     transform: s
   }, zk), e) {
     const u = zv.get(e);
-    r[e] = Zu(Ct({
+    r[e] = Zu(bt({
       shared: r.shared
     }, l), u);
   } else
     for (const u in l) {
       const c = zv.get(u);
       if (c)
-        r[u] = Zu(Ct({
+        r[u] = Zu(bt({
           shared: r.shared
         }, l[u]), c);
       else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(u)) {
@@ -5379,7 +5379,7 @@ class _S {
     Nt(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = e, this._gestureKey = r;
   }
   add(e, r, n, a, i) {
-    const o = this._listeners, A = rk(r, n), s = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, l = Ct(Ct({}, s), i);
+    const o = this._listeners, A = rk(r, n), s = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, l = bt(bt({}, s), i);
     e.addEventListener(A, a, l);
     const u = () => {
       e.removeEventListener(A, a, l), o.delete(u);
@@ -5450,7 +5450,7 @@ class jk {
         }
         const i = GB(n, r.eventOptions, !!a);
         for (const o in this.nativeHandlers)
-          i(o, "", (A) => this.nativeHandlers[o](Ct(Ct({}, this.state.shared), {}, {
+          i(o, "", (A) => this.nativeHandlers[o](bt(bt({}, this.state.shared), {}, {
             event: A,
             args: e
           })), void 0, !0);
@@ -5649,7 +5649,7 @@ var oN = {
   };
 };
 function $S(t) {
-  var e = t.scaleXMin, r = e === void 0 ? 0 : e, n = t.scaleXMax, a = n === void 0 ? 1 / 0 : n, i = t.scaleYMin, o = i === void 0 ? 0 : i, A = t.scaleYMax, s = A === void 0 ? 1 / 0 : A, l = t.initialTransformMatrix, u = l === void 0 ? oN : l, c = t.wheelDelta, f = c === void 0 ? AN : c, d = t.pinchDelta, h = d === void 0 ? sN : d, p = t.width, g = t.height, v = t.constrain, y = t.children, m = wt(null), w = wt(u), C = Xe(u), T = C[0], B = C[1], E = Xe(!1), x = E[0], b = E[1], F = Xe(void 0), U = F[0], S = F[1], I = Xe(void 0), L = I[0], O = I[1], M = Ke(function(fe, ne) {
+  var e = t.scaleXMin, r = e === void 0 ? 0 : e, n = t.scaleXMax, a = n === void 0 ? 1 / 0 : n, i = t.scaleYMin, o = i === void 0 ? 0 : i, A = t.scaleYMax, s = A === void 0 ? 1 / 0 : A, l = t.initialTransformMatrix, u = l === void 0 ? oN : l, c = t.wheelDelta, f = c === void 0 ? AN : c, d = t.pinchDelta, h = d === void 0 ? sN : d, p = t.width, g = t.height, v = t.constrain, y = t.children, m = St(null), w = St(u), C = Xe(u), T = C[0], B = C[1], E = Xe(!1), x = E[0], b = E[1], F = Xe(void 0), U = F[0], S = F[1], I = Xe(void 0), L = I[0], O = I[1], M = Ke(function(fe, ne) {
     if (v) return v(fe, ne);
     var le = fe.scaleX, he = fe.scaleY, de = le > a || le < r, se = he > s || he < o;
     return de || se ? ne : fe;
@@ -5894,7 +5894,7 @@ function cN({ debounce: t, scroll: e, polyfill: r, offsetSize: n } = { debounce:
   const a = r || (typeof window > "u" ? class {
   } : window.ResizeObserver);
   if (!a) throw new Error("This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills");
-  const [i, o] = Xe({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), A = wt({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: i, orientationHandler: null }), s = t ? typeof t == "number" ? t : t.scroll : null, l = t ? typeof t == "number" ? t : t.resize : null, u = wt(!1);
+  const [i, o] = Xe({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), A = St({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: i, orientationHandler: null }), s = t ? typeof t == "number" ? t : t.scroll : null, l = t ? typeof t == "number" ? t : t.resize : null, u = St(!1);
   _t(() => (u.current = !0, () => void (u.current = !1)));
   const [c, f, d] = tt(() => {
     const v = () => {
@@ -9735,7 +9735,7 @@ function Em(t) {
   }, A));
 }
 function xV(t) {
-  var e = Xe(t), r = e[0], n = e[1], a = wt(null), i = Ke(function(o, A) {
+  var e = Xe(t), r = e[0], n = e[1], a = St(null), i = Ke(function(o, A) {
     a.current = A || null, n(o);
   }, [n]);
   return aS(function() {
@@ -9816,7 +9816,7 @@ function In() {
   }, In.apply(this, arguments);
 }
 function QV(t) {
-  var e = t === void 0 ? {} : t, r = e.resetOnStart, n = r === void 0 ? !1 : r, a = e.snapToPointer, i = a === void 0 ? !0 : a, o = e.onDragEnd, A = e.onDragMove, s = e.onDragStart, l = e.x, u = e.y, c = e.dx, f = e.dy, d = e.isDragging, h = e.restrict, p = h === void 0 ? {} : h, g = e.restrictToPath, v = wt({
+  var e = t === void 0 ? {} : t, r = e.resetOnStart, n = r === void 0 ? !1 : r, a = e.snapToPointer, i = a === void 0 ? !0 : a, o = e.onDragEnd, A = e.onDragMove, s = e.onDragStart, l = e.x, u = e.y, c = e.dx, f = e.dy, d = e.isDragging, h = e.restrict, p = h === void 0 ? {} : h, g = e.restrictToPath, v = St({
     x: l,
     y: u,
     dx: c,
@@ -10213,7 +10213,7 @@ var KV = [], MC = {
   left: 0
 };
 function rd(t) {
-  var e = t === void 0 ? {} : t, r = e.initialSize, n = r === void 0 ? MC : r, a = e.debounceTime, i = a === void 0 ? 300 : a, o = e.ignoreDimensions, A = o === void 0 ? KV : o, s = e.enableDebounceLeadingCall, l = s === void 0 ? !0 : s, u = e.resizeObserverPolyfill, c = wt(null), f = wt(0), d = Xe(Vc({}, MC, n)), h = d[0], p = d[1], g = tt(function() {
+  var e = t === void 0 ? {} : t, r = e.initialSize, n = r === void 0 ? MC : r, a = e.debounceTime, i = a === void 0 ? 300 : a, o = e.ignoreDimensions, A = o === void 0 ? KV : o, s = e.enableDebounceLeadingCall, l = s === void 0 ? !0 : s, u = e.resizeObserverPolyfill, c = St(null), f = St(0), d = Xe(Vc({}, MC, n)), h = d[0], p = d[1], g = tt(function() {
     var v = Array.isArray(A) ? A : [A];
     return VV(function(y) {
       p(function(m) {
@@ -10809,7 +10809,7 @@ function YV() {
 var WV = YV();
 const $U = /* @__PURE__ */ ga(WV), zU = Zi({});
 function XV(t) {
-  const e = wt(null);
+  const e = St(null);
   return e.current === null && (e.current = t()), e.current;
 }
 const v0 = typeof window < "u", jV = v0 ? aS : _t, m0 = /* @__PURE__ */ Zi(null);
@@ -11129,7 +11129,7 @@ function bK({ hue: t, saturation: e, lightness: r, alpha: n }) {
 function Kc(t, e) {
   return (r) => r > 0 ? e : t;
 }
-const bt = (t, e, r) => t + (e - t) * r, Cp = (t, e, r) => {
+const Bt = (t, e, r) => t + (e - t) * r, Cp = (t, e, r) => {
   const n = t * t, a = r * (e * e - n) + n;
   return a < 0 ? 0 : Math.sqrt(a);
 }, CK = [Fm, Qi, ko], xK = (t) => CK.find((e) => e.test(t));
@@ -11145,13 +11145,13 @@ const GC = (t, e) => {
   if (!r || !n)
     return Kc(t, e);
   const a = { ...r };
-  return (i) => (a.red = Cp(r.red, n.red, i), a.green = Cp(r.green, n.green, i), a.blue = Cp(r.blue, n.blue, i), a.alpha = bt(r.alpha, n.alpha, i), Qi.transform(a));
+  return (i) => (a.red = Cp(r.red, n.red, i), a.green = Cp(r.green, n.green, i), a.blue = Cp(r.blue, n.blue, i), a.alpha = Bt(r.alpha, n.alpha, i), Qi.transform(a));
 }, Sm = /* @__PURE__ */ new Set(["none", "hidden"]);
 function EK(t, e) {
   return Sm.has(t) ? (r) => r <= 0 ? t : e : (r) => r >= 1 ? e : t;
 }
 function TK(t, e) {
-  return (r) => bt(t, e, r);
+  return (r) => Bt(t, e, r);
 }
 function Q0(t) {
   return typeof t == "number" ? TK : typeof t == "string" ? F0(t) ? Kc : kt.test(t) ? GC : UK : Array.isArray(t) ? pQ : typeof t == "object" ? kt.test(t) ? GC : FK : Kc;
@@ -11187,7 +11187,7 @@ const UK = (t, e) => {
   return n.indexes.var.length === a.indexes.var.length && n.indexes.color.length === a.indexes.color.length && n.indexes.number.length >= a.indexes.number.length ? Sm.has(t) && !a.values.length || Sm.has(e) && !n.values.length ? EK(t, e) : Tl(pQ(SK(n, a), a.values), r) : (TA(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Kc(t, e));
 };
 function gQ(t, e, r) {
-  return typeof t == "number" && typeof e == "number" && typeof r == "number" ? bt(t, e, r) : Q0(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof r == "number" ? Bt(t, e, r) : Q0(t)(t, e);
 }
 const QK = (t) => {
   const e = ({ timestamp: r }) => t(r);
@@ -11228,7 +11228,7 @@ function mQ(t, e, r) {
   const n = Math.max(e - DK, 0);
   return jU(r - t(n), e - n);
 }
-const Bt = {
+const wt = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -11257,11 +11257,11 @@ const Bt = {
   minDamping: 0.05,
   maxDamping: 1
 }, xp = 1e-3;
-function LK({ duration: t = Bt.duration, bounce: e = Bt.bounce, velocity: r = Bt.velocity, mass: n = Bt.mass }) {
+function LK({ duration: t = wt.duration, bounce: e = wt.bounce, velocity: r = wt.velocity, mass: n = wt.mass }) {
   let a, i;
-  TA(t <= /* @__PURE__ */ vn(Bt.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  TA(t <= /* @__PURE__ */ vn(wt.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - e;
-  o = Aa(Bt.minDamping, Bt.maxDamping, o), t = Aa(Bt.minDuration, Bt.maxDuration, /* @__PURE__ */ tn(t)), o < 1 ? (a = (l) => {
+  o = Aa(wt.minDamping, wt.maxDamping, o), t = Aa(wt.minDuration, wt.maxDuration, /* @__PURE__ */ tn(t)), o < 1 ? (a = (l) => {
     const u = l * o, c = u * t, f = u - r, d = Um(l, o), h = Math.exp(-c);
     return xp - f / d * h;
   }, i = (l) => {
@@ -11277,8 +11277,8 @@ function LK({ duration: t = Bt.duration, bounce: e = Bt.bounce, velocity: r = Bt
   const A = 5 / t, s = MK(a, i, A);
   if (t = /* @__PURE__ */ vn(t), isNaN(s))
     return {
-      stiffness: Bt.stiffness,
-      damping: Bt.damping,
+      stiffness: wt.stiffness,
+      damping: wt.damping,
       duration: t
     };
   {
@@ -11306,10 +11306,10 @@ function $C(t, e) {
 }
 function kK(t) {
   let e = {
-    velocity: Bt.velocity,
-    stiffness: Bt.stiffness,
-    damping: Bt.damping,
-    mass: Bt.mass,
+    velocity: wt.velocity,
+    stiffness: wt.stiffness,
+    damping: wt.damping,
+    mass: wt.mass,
     isResolvedFromDuration: !1,
     ...t
   };
@@ -11318,7 +11318,7 @@ function kK(t) {
       const r = t.visualDuration, n = 2 * Math.PI / (r * 1.2), a = n * n, i = 2 * Aa(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(a);
       e = {
         ...e,
-        mass: Bt.mass,
+        mass: wt.mass,
         stiffness: a,
         damping: i
       };
@@ -11327,12 +11327,12 @@ function kK(t) {
       e = {
         ...e,
         ...r,
-        mass: Bt.mass
+        mass: wt.mass
       }, e.isResolvedFromDuration = !0;
     }
   return e;
 }
-function $c(t = Bt.visualDuration, e = Bt.bounce) {
+function $c(t = wt.visualDuration, e = wt.bounce) {
   const r = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -11343,7 +11343,7 @@ function $c(t = Bt.visualDuration, e = Bt.bounce) {
     ...r,
     velocity: -/* @__PURE__ */ tn(r.velocity || 0)
   }), h = f || 0, p = l / (2 * Math.sqrt(s * u)), g = o - i, v = /* @__PURE__ */ tn(Math.sqrt(s / u)), y = Math.abs(g) < 5;
-  n || (n = y ? Bt.restSpeed.granular : Bt.restSpeed.default), a || (a = y ? Bt.restDelta.granular : Bt.restDelta.default);
+  n || (n = y ? wt.restSpeed.granular : wt.restSpeed.default), a || (a = y ? wt.restDelta.granular : wt.restDelta.default);
   let m;
   if (p < 1) {
     const C = Um(v, p);
@@ -11455,7 +11455,7 @@ function _K(t, e) {
   const r = t[t.length - 1];
   for (let n = 1; n <= e; n++) {
     const a = /* @__PURE__ */ Xs(0, e, n);
-    t.push(bt(r, 1, a));
+    t.push(Bt(r, 1, a));
   }
 }
 function VK(t) {
@@ -13073,7 +13073,7 @@ function mG(t, e, r) {
 }
 const Y0 = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), yG = "framerAppearId", WQ = "data-" + Y0(yG), XQ = Zi({});
 function wG(t, e, r, n, a) {
-  const { visualElement: i } = Ir(nd), o = Ir(kQ), A = Ir(m0), s = Ir(PQ).reducedMotion, l = wt(null);
+  const { visualElement: i } = Ir(nd), o = Ir(kQ), A = Ir(m0), s = Ir(PQ).reducedMotion, l = St(null);
   n = n || o.renderer, !l.current && n && (l.current = n(t, {
     visualState: e,
     parent: i,
@@ -13084,11 +13084,11 @@ function wG(t, e, r, n, a) {
   }));
   const u = l.current, c = Ir(XQ);
   u && !u.projection && a && (u.type === "html" || u.type === "svg") && BG(l.current, r, a, c);
-  const f = wt(!1);
+  const f = St(!1);
   bM(() => {
     u && f.current && u.update(r, A);
   });
-  const d = r[WQ], h = wt(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
+  const d = r[WQ], h = St(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
   return jV(() => {
     u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), u.scheduleRenderMicrotask(), h.current && u.animationState && u.animationState.animateChanges());
   }), _t(() => {
@@ -13246,7 +13246,7 @@ function _o(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function f1(t, e, r, n, a = 0.5) {
-  const i = bt(t.min, t.max, a);
+  const i = Bt(t.min, t.max, a);
   _m(t, e, r, i, n);
 }
 function Vo(t, e) {
@@ -14036,7 +14036,7 @@ function p$(t, e, r) {
   return Math.abs(t - e) <= r;
 }
 function v1(t, e, r, n = 0.5) {
-  t.origin = n, t.originPoint = bt(e.min, e.max, t.origin), t.scale = Br(r) / Br(e), t.translate = bt(r.min, r.max, t.origin) - t.originPoint, (t.scale >= c$ && t.scale <= f$ || isNaN(t.scale)) && (t.scale = 1), (t.translate >= d$ && t.translate <= h$ || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = n, t.originPoint = Bt(e.min, e.max, t.origin), t.scale = Br(r) / Br(e), t.translate = Bt(r.min, r.max, t.origin) - t.originPoint, (t.scale >= c$ && t.scale <= f$ || isNaN(t.scale)) && (t.scale = 1), (t.translate >= d$ && t.translate <= h$ || isNaN(t.translate)) && (t.translate = 0);
 }
 function Es(t, e, r, n) {
   v1(t.x, e.x, r.x, n ? n.originX : void 0), v1(t.y, e.y, r.y, n ? n.originY : void 0);
@@ -14136,7 +14136,7 @@ function y$(t, e) {
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
 function w$(t, { min: e, max: r }, n) {
-  return e !== void 0 && t < e ? t = n ? bt(e, t, n.min) : Math.max(t, e) : r !== void 0 && t > r && (t = n ? bt(r, t, n.max) : Math.min(t, r)), t;
+  return e !== void 0 && t < e ? t = n ? Bt(e, t, n.min) : Math.max(t, e) : r !== void 0 && t > r && (t = n ? Bt(r, t, n.max) : Math.min(t, r)), t;
 }
 function b1(t, e, r) {
   return {
@@ -14346,7 +14346,7 @@ class F$ {
       const { projection: a } = this.visualElement, i = this.getAxisMotionValue(r);
       if (a && a.layout) {
         const { min: o, max: A } = a.layout.layoutBox[r];
-        i.set(e[r] - bt(o, A, 0.5));
+        i.set(e[r] - Bt(o, A, 0.5));
       }
     });
   }
@@ -14375,7 +14375,7 @@ class F$ {
       if (!su(o, e, null))
         return;
       const A = this.getAxisMotionValue(o), { min: s, max: l } = this.constraints[o];
-      A.set(bt(s, l, a[o]));
+      A.set(Bt(s, l, a[o]));
     });
   }
   addListeners() {
@@ -14500,7 +14500,7 @@ const KA = {
       return n;
     const i = Wa.createTransformer(t), o = typeof a[0] != "number" ? 1 : 0, A = r.x.scale * e.x, s = r.y.scale * e.y;
     a[0 + o] /= A, a[1 + o] /= s;
-    const l = bt(A, s, 0.5);
+    const l = Bt(A, s, 0.5);
     return typeof a[2 + o] == "number" && (a[2 + o] /= l), typeof a[3 + o] == "number" && (a[3 + o] /= l), i(a);
   }
 };
@@ -14593,15 +14593,15 @@ function P$(t, e) {
 }
 const gI = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], k$ = gI.length, S1 = (t) => typeof t == "string" ? parseFloat(t) : t, U1 = (t) => typeof t == "number" || Ne.test(t);
 function N$(t, e, r, n, a, i) {
-  a ? (t.opacity = bt(0, r.opacity ?? 1, H$(n)), t.opacityExit = bt(e.opacity ?? 1, 0, _$(n))) : i && (t.opacity = bt(e.opacity ?? 1, r.opacity ?? 1, n));
+  a ? (t.opacity = Bt(0, r.opacity ?? 1, H$(n)), t.opacityExit = Bt(e.opacity ?? 1, 0, _$(n))) : i && (t.opacity = Bt(e.opacity ?? 1, r.opacity ?? 1, n));
   for (let o = 0; o < k$; o++) {
     const A = `border${gI[o]}Radius`;
     let s = Q1(e, A), l = Q1(r, A);
     if (s === void 0 && l === void 0)
       continue;
-    s || (s = 0), l || (l = 0), s === 0 || l === 0 || U1(s) === U1(l) ? (t[A] = Math.max(bt(S1(s), S1(l), n), 0), (Pn.test(l) || Pn.test(s)) && (t[A] += "%")) : t[A] = l;
+    s || (s = 0), l || (l = 0), s === 0 || l === 0 || U1(s) === U1(l) ? (t[A] = Math.max(Bt(S1(s), S1(l), n), 0), (Pn.test(l) || Pn.test(s)) && (t[A] += "%")) : t[A] = l;
   }
-  (e.rotate || r.rotate) && (t.rotate = bt(e.rotate || 0, r.rotate || 0, n));
+  (e.rotate || r.rotate) && (t.rotate = Bt(e.rotate || 0, r.rotate || 0, n));
 }
 function Q1(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
@@ -14623,9 +14623,9 @@ function L1(t, e, r, n, a) {
   return t -= e, t = Yc(t, 1 / r, n), a !== void 0 && (t = Yc(t, 1 / a, n)), t;
 }
 function V$(t, e = 0, r = 1, n = 0.5, a, i = t, o = t) {
-  if (Pn.test(e) && (e = parseFloat(e), e = bt(o.min, o.max, e / 100) - o.min), typeof e != "number")
+  if (Pn.test(e) && (e = parseFloat(e), e = Bt(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
-  let A = bt(i.min, i.max, n);
+  let A = Bt(i.min, i.max, n);
   t === i && (A -= e), t.min = L1(t.min, e, r, A, a), t.max = L1(t.max, e, r, A, a);
 }
 function O1(t, e, [r, n, a], i, o) {
@@ -15269,10 +15269,10 @@ function i3(t) {
   t.removeLeadSnapshot();
 }
 function G1(t, e, r) {
-  t.translate = bt(e.translate, 0, r), t.scale = bt(e.scale, 1, r), t.origin = e.origin, t.originPoint = e.originPoint;
+  t.translate = Bt(e.translate, 0, r), t.scale = Bt(e.scale, 1, r), t.origin = e.origin, t.originPoint = e.originPoint;
 }
 function $1(t, e, r, n) {
-  t.min = bt(e.min, r.min, n), t.max = bt(e.max, r.max, n);
+  t.min = Bt(e.min, r.min, n), t.max = Bt(e.max, r.max, n);
 }
 function o3(t, e, r, n) {
   $1(t.x, e.x, r.x, n), $1(t.y, e.y, r.y, n);
@@ -15555,7 +15555,7 @@ const Ad = (t, e, r = 0.03) => {
     controls: {
       selectionType: t.initialState?.controls?.selectionType ? t.initialState?.controls?.selectionType : t.selectable ? "select" : "pan"
     }
-  }, { parentRef: a, width: i, height: o } = rd(), A = Math.min(o, i), s = wt(null), l = Le.useRef(null), [u, c] = Le.useState(null), [f, d] = Le.useState(!1), [h, p] = Xe([]), [g, v] = Xe(n.controls.selectionType), [y, m] = Xe(n.minimap.open), [w, C] = Xe(0), [T, B] = Xe(0), E = t.selectable ? t.selectable : !1, x = { top: 20, left: 70 }, b = Math.min(A * 0.9, A * 0.9) - x.left, F = b, U = u ? t.pointData.find((ae) => ae.x === u.x && ae.y === u.y) : null, [S, I] = Xe([]), L = t.downloadButton ?? "none", [O, M] = Xe(!!t.animation);
+  }, { parentRef: a, width: i, height: o } = rd(), A = Math.min(o, i), s = St(null), l = Le.useRef(null), [u, c] = Le.useState(null), [f, d] = Le.useState(!1), [h, p] = Xe([]), [g, v] = Xe(n.controls.selectionType), [y, m] = Xe(n.minimap.open), [w, C] = Xe(0), [T, B] = Xe(0), E = t.selectable ? t.selectable : !1, x = { top: 20, left: 70 }, b = Math.min(A * 0.9, A * 0.9) - x.left, F = b, U = u ? t.pointData.find((ae) => ae.x === u.x && ae.y === u.y) : null, [S, I] = Xe([]), L = t.downloadButton ?? "none", [O, M] = Xe(!!t.animation);
   _t(() => {
     if (!t.animation) return;
     if (t.pointData.length > 2500) {
@@ -16142,10 +16142,10 @@ var Kt = typeof window > "u" ? null : window, Z1 = Kt ? Kt.navigator : null;
 Kt && Kt.document;
 var R3 = Yt(""), TI = Yt({}), P3 = Yt(function() {
 }), k3 = typeof HTMLElement > "u" ? "undefined" : Yt(HTMLElement), Ql = function(e) {
-  return e && e.instanceString && Et(e.instanceString) ? e.instanceString() : null;
+  return e && e.instanceString && xt(e.instanceString) ? e.instanceString() : null;
 }, Me = function(e) {
   return e != null && Yt(e) == R3;
-}, Et = function(e) {
+}, xt = function(e) {
   return e != null && Yt(e) === P3;
 }, ut = function(e) {
   return !Hr(e) && (Array.isArray ? Array.isArray(e) : e != null && e instanceof Array);
@@ -16179,7 +16179,7 @@ var R3 = Yt(""), TI = Yt({}), P3 = Yt(function() {
 }, K3 = function(e) {
   return Ye(e) && Ce(e.x1) && Ce(e.x2) && Ce(e.y1) && Ce(e.y2);
 }, G3 = function(e) {
-  return N3(e) && Et(e.then);
+  return N3(e) && xt(e.then);
 }, $3 = function() {
   return Z1 && Z1.userAgent.match(/msie|trident|edge/i);
 }, hA = function(e, r) {
@@ -16722,7 +16722,7 @@ var dz = fz(), Ml = /* @__PURE__ */ Dl(dz), Xp = Kt ? Kt.performance : null, MI
 }, gx = function() {
   return 0;
 }, rw = function() {
-}, xt = function(e) {
+}, Ct = function(e) {
   throw new Error(e);
 }, HI = function(e) {
   if (e !== void 0)
@@ -16861,12 +16861,12 @@ var dz = fz(), Ml = /* @__PURE__ */ Dl(dz), Xp = Kt ? Kt.performance : null, MI
 }(), QA = (typeof Set > "u" ? "undefined" : Yt(Set)) !== xz ? Set : Ez, ud = function(e, r) {
   var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
   if (e === void 0 || r === void 0 || !Z0(e)) {
-    xt("An element must have a core reference and parameters set");
+    Ct("An element must have a core reference and parameters set");
     return;
   }
   var a = r.group;
   if (a == null && (r.data && r.data.source != null && r.data.target != null ? a = "edges" : a = "nodes"), a !== "nodes" && a !== "edges") {
-    xt("An element must be of type `nodes` or `edges`; you specified `" + a + "`");
+    Ct("An element must be of type `nodes` or `edges`; you specified `" + a + "`");
     return;
   }
   this.length = 1, this[0] = this;
@@ -16984,7 +16984,7 @@ var dz = fz(), Ml = /* @__PURE__ */ Dl(dz), Xp = Kt ? Kt.performance : null, MI
     dfs: e.dfs || !e.bfs
   }, function(n, a, i) {
     var o;
-    Ye(n) && !Hr(n) && (o = n, n = o.roots || o.root, a = o.visit, i = o.directed), i = arguments.length === 2 && !Et(a) ? a : i, a = Et(a) ? a : function() {
+    Ye(n) && !Hr(n) && (o = n, n = o.roots || o.root, a = o.visit, i = o.directed), i = arguments.length === 2 && !xt(a) ? a : i, a = xt(a) ? a : function() {
     };
     for (var A = this._private.cy, s = n = Me(n) ? this.filter(n) : n, l = [], u = [], c = {}, f = {}, d = {}, h = 0, p, g = this.byGroup(), v = g.nodes, y = g.edges, m = 0; m < s.length; m++) {
       var w = s[m], C = w.id();
@@ -17432,7 +17432,7 @@ var Uz = Sz(), Rl = /* @__PURE__ */ Dl(Uz), Qz = lr({
   }
   // bellmanFord
 }, Nz = Math.sqrt(2), Hz = function(e, r, n) {
-  n.length === 0 && xt("Karger-Stein must be run on a connected (sub)graph");
+  n.length === 0 && Ct("Karger-Stein must be run on a connected (sub)graph");
   for (var a = n[e], i = a[1], o = a[2], A = r[i], s = r[o], l = n, u = l.length - 1; u >= 0; u--) {
     var c = l[u], f = c[1], d = c[2];
     (r[f] === A && r[d] === s || r[f] === s && r[d] === A) && l.splice(u, 1);
@@ -17460,7 +17460,7 @@ var Uz = Sz(), Rl = /* @__PURE__ */ Dl(Uz), Qz = lr({
     });
     var i = n.length, o = a.length, A = Math.ceil(Math.pow(Math.log(i) / Math.LN2, 2)), s = Math.floor(i / Nz);
     if (i < 2) {
-      xt("At least 2 nodes are required for Karger-Stein algorithm");
+      Ct("At least 2 nodes are required for Karger-Stein algorithm");
       return;
     }
     for (var l = [], u = 0; u < o; u++) {
@@ -18402,7 +18402,7 @@ gA["squared-euclidean"] = gA.squaredEuclidean;
 gA.squaredeuclidean = gA.squaredEuclidean;
 function fd(t, e, r, n, a, i) {
   var o;
-  return Et(t) ? o = t : o = gA[t] || gA.euclidean, e === 0 && Et(t) ? o(a, i) : o(e, r, n, a, i);
+  return xt(t) ? o = t : o = gA[t] || gA.euclidean, e === 0 && xt(t) ? o(a, i) : o(e, r, n, a, i);
 }
 var OY = lr({
   k: 2,
@@ -18715,11 +18715,11 @@ var OY = lr({
   ]
 }), XY = function(e) {
   var r = e.damping, n = e.preference;
-  0.5 <= r && r < 1 || xt("Damping must range on [0.5, 1).  Got: ".concat(r));
+  0.5 <= r && r < 1 || Ct("Damping must range on [0.5, 1).  Got: ".concat(r));
   var a = ["median", "mean", "min", "max"];
   return a.some(function(i) {
     return i === n;
-  }) || Ce(n) || xt("Preference must be one of [".concat(a.map(function(i) {
+  }) || Ce(n) || Ct("Preference must be one of [".concat(a.map(function(i) {
     return "'".concat(i, "'");
   }).join(", "), "] or a number.  Got: ").concat(n)), WY(e);
 }, jY = function(e, r, n, a) {
@@ -19111,7 +19111,7 @@ var IA = typeof Promise < "u" ? Promise : wn, ey = function(e, r, n) {
   var a = Z0(e), i = !a, o = this._private = Re({
     duration: 1e3
   }, r, n);
-  if (o.target = e, o.style = o.style || o.css, o.started = !1, o.playing = !1, o.hooked = !1, o.applying = !1, o.progress = 0, o.completes = [], o.frames = [], o.complete && Et(o.complete) && o.completes.push(o.complete), i) {
+  if (o.target = e, o.style = o.style || o.css, o.started = !1, o.playing = !1, o.hooked = !1, o.applying = !1, o.progress = 0, o.completes = [], o.frames = [], o.complete && xt(o.complete) && o.completes.push(o.complete), i) {
     var A = e.position();
     o.startPosition = o.startPosition || {
       x: A.x,
@@ -20004,7 +20004,7 @@ var jW = XW(), qW = /* @__PURE__ */ Dl(jW), ZW = {
             }
         }
         o.updateStyle && A.updateStyle(), o.onSet(A), o.settingTriggersEvent && A[o.triggerFnName](o.settingEvent);
-      } else if (o.allowBinding && Et(a)) {
+      } else if (o.allowBinding && xt(a)) {
         var F = a;
         A.on(o.bindingEvent, F);
       } else if (o.allowGetting && a === void 0) {
@@ -20884,12 +20884,12 @@ var fX = function(e) {
       type: Ie.COLLECTION,
       value: e.collection()
     }]
-  }) : Et(e) ? this.addQuery({
+  }) : xt(e) ? this.addQuery({
     checks: [{
       type: Ie.FILTER,
       value: e
     }]
-  }) : Me(e) ? this.parse(e) || (this.invalid = !0) : xt("A selector must be created from a string; found "));
+  }) : Me(e) ? this.parse(e) || (this.invalid = !0) : Ct("A selector must be created from a string; found "));
 }, Ja = Za.prototype;
 [sX, hX].forEach(function(t) {
   return Re(Ja, t);
@@ -21284,7 +21284,7 @@ mn = dD = {
   positions: function(e, r) {
     if (Ye(e))
       r ? this.silentPosition(e) : this.position(e);
-    else if (Et(e)) {
+    else if (xt(e)) {
       var n = e, a = this.cy();
       a.startBatch();
       for (var i = 0; i < this.length; i++) {
@@ -21940,7 +21940,7 @@ function md() {
   this.context = e || this.context, this.listeners = [], this.emitting = 0;
 }
 var ei = md.prototype, bD = function(e, r, n, a, i, o, A) {
-  Et(a) && (i = a, a = null), A && (o == null ? o = A : o = Re({}, o, A));
+  xt(a) && (i = a, a = null), A && (o == null ? o = A : o = Re({}, o, A));
   for (var s = ut(n) ? n : n.split(/\s+/), l = 0; l < s.length; l++) {
     var u = s[l];
     if (!Xa(u)) {
@@ -21979,7 +21979,7 @@ var ei = md.prototype, bD = function(e, r, n, a, i, o, A) {
 };
 ei.on = ei.addListener = function(t, e, r, n, a) {
   return bD(this, function(i, o, A, s, l, u, c) {
-    Et(u) && i.listeners.push({
+    xt(u) && i.listeners.push({
       event: o,
       // full event string
       callback: u,
@@ -22153,7 +22153,7 @@ var xD = {
       return this;
     if (Me(e) || Hr(e))
       return new Za(e).filter(this);
-    if (Et(e)) {
+    if (xt(e)) {
       for (var n = this.spawn(), a = this, i = 0; i < a.length; i++) {
         var o = a[i], A = r ? e.apply(r, [o, i, a]) : e(o, i, a);
         A && n.push(o);
@@ -22368,7 +22368,7 @@ var PX = {
   return l !== 0 ? l : e.poolIndex() - r.poolIndex();
 }, tf = {
   forEach: function(e, r) {
-    if (Et(e))
+    if (xt(e))
       for (var n = this.length, a = 0; a < n; a++) {
         var i = this[a], o = r ? e.apply(r, [i, a, this]) : e(i, a, this);
         if (o === !1)
@@ -22407,7 +22407,7 @@ var PX = {
     return !this.empty();
   },
   sort: function(e) {
-    if (!Et(e))
+    if (!xt(e))
       return this;
     var r = this.toArray().sort(e);
     return this.spawn(r);
@@ -22824,7 +22824,7 @@ function _E(t) {
     if (e.length === 2) {
       var n = e[0], a = e[1];
       this.on(t.event, n, a);
-    } else if (e.length === 1 && Et(e[0])) {
+    } else if (e.length === 1 && xt(e[0])) {
       var i = e[0];
       this.on(t.event, i);
     } else if (e.length === 0 || e.length === 1 && ut(e[0])) {
@@ -23136,7 +23136,7 @@ pr.componentsOf = pr.components;
 var Ar = function(e, r) {
   var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
   if (e === void 0) {
-    xt("A collection must have a reference to the core");
+    Ct("A collection must have a reference to the core");
     return;
   }
   var i = new ia(), o = !1;
@@ -23311,10 +23311,10 @@ dt.restore = function() {
       else if (Ce(p.id))
         p.id = "" + p.id;
       else if (Xa(p.id) || !Me(p.id)) {
-        xt("Can not create element with invalid string ID `" + p.id + "`"), f();
+        Ct("Can not create element with invalid string ID `" + p.id + "`"), f();
         continue;
       } else if (n.hasElementWithId(p.id)) {
-        xt("Can not create second element with ID `" + p.id + "`"), f();
+        Ct("Can not create second element with ID `" + p.id + "`"), f();
         continue;
       }
     }
@@ -23326,7 +23326,7 @@ dt.restore = function() {
     if (d.isEdge()) {
       for (var y = d, m = ["source", "target"], w = m.length, C = !1, T = 0; T < w; T++) {
         var B = m[T], E = p[B];
-        Ce(E) && (E = p[B] = "" + p[B]), E == null || E === "" ? (xt("Can not create edge `" + g + "` with unspecified " + B), C = !0) : n.hasElementWithId(E) || (xt("Can not create edge `" + g + "` with nonexistant " + B + " `" + E + "`"), C = !0);
+        Ce(E) && (E = p[B] = "" + p[B]), E == null || E === "" ? (Ct("Can not create edge `" + g + "` with unspecified " + B), C = !0) : n.hasElementWithId(E) || (Ct("Can not create edge `" + g + "` with nonexistant " + B + " `" + E + "`"), C = !0);
       }
       if (C) {
         f();
@@ -23884,16 +23884,16 @@ var cc = {
   layout: function(e) {
     var r = this;
     if (e == null) {
-      xt("Layout options must be specified to make a layout");
+      Ct("Layout options must be specified to make a layout");
       return;
     }
     if (e.name == null) {
-      xt("A `name` must be specified to make a layout");
+      Ct("A `name` must be specified to make a layout");
       return;
     }
     var n = e.name, a = r.extension("layout", n);
     if (a == null) {
-      xt("No such layout `" + n + "` found.  Did you forget to import it and `cytoscape.use()` it?");
+      Ct("No such layout `" + n + "` found.  Did you forget to import it and `cytoscape.use()` it?");
       return;
     }
     var i;
@@ -24000,7 +24000,7 @@ var qX = {
   initRenderer: function(e) {
     var r = this, n = r.extension("renderer", e.name);
     if (n == null) {
-      xt("Can not initialise: No such renderer `".concat(e.name, "` found. Did you forget to import it and `cytoscape.use()` it?"));
+      Ct("Can not initialise: No such renderer `".concat(e.name, "` found. Did you forget to import it and `cytoscape.use()` it?"));
       return;
     }
     e.wheelSensitivity !== void 0 && rt("You have set a custom wheel sensitivity.  This will make your app zoom unnaturally when using mainstream mice.  You should change this value from the default only if you can guarantee that all your users will use the same hardware and OS configuration as your current machine.");
@@ -26025,7 +26025,7 @@ Pt.addDefaultStylesheet = function() {
 var bd = {};
 bd.parse = function(t, e, r, n) {
   var a = this;
-  if (Et(e))
+  if (xt(e))
     return a.parseImplWarn(t, e, r, n);
   var i = n === "mapping" || n === !0 || n === !1 || n == null ? "dontcare" : n, o = r ? "t" : "f", A = "" + e, s = kI(t, A, o, i), l = a.propCache = a.propCache || [], u;
   return (u = l[s]) || (u = l[s] = a.parseImplWarn(t, e, r, n)), (r || n === "mapping") && (u = On(u), u && (u.value = On(u.value))), u;
@@ -26053,7 +26053,7 @@ bd.parseImpl = function(t, e, r, n) {
       bypass: !0,
       deleteBypass: !0
     };
-  if (Et(e))
+  if (xt(e))
     return {
       name: t,
       value: e,
@@ -26222,7 +26222,7 @@ var er = function(e) {
   if (!(this instanceof er))
     return new er(e);
   if (!Z0(e)) {
-    xt("A style must have a core reference");
+    Ct("A style must have a core reference");
     return;
   }
   this._private = {
@@ -26735,7 +26735,7 @@ var ll = function(e) {
   u([A.style, A.elements], function(d) {
     var h = d[0], p = d[1];
     l.styleEnabled && r.style().append(h), f(p, function() {
-      r.startAnimationLoop(), l.ready = !0, Et(A.ready) && r.on("ready", A.ready);
+      r.startAnimationLoop(), l.ready = !0, xt(A.ready) && r.on("ready", A.ready);
       for (var g = 0; g < i.length; g++) {
         var v = i[g];
         r.on("ready", v);
@@ -27474,7 +27474,7 @@ var Aj = function(e, r, n) {
     }
   for (var u = 0; u < A.nodeSize; u++) {
     var h = i[u], p = h.layoutDimensions(n), g = {};
-    g.isLocked = h.locked(), g.id = h.data("id"), g.parentId = h.data("parent"), g.cmptId = l[h.id()], g.children = [], g.positionX = h.position("x"), g.positionY = h.position("y"), g.offsetX = 0, g.offsetY = 0, g.height = p.w, g.width = p.h, g.maxX = g.positionX + g.width / 2, g.minX = g.positionX - g.width / 2, g.maxY = g.positionY + g.height / 2, g.minY = g.positionY - g.height / 2, g.padLeft = parseFloat(h.style("padding")), g.padRight = parseFloat(h.style("padding")), g.padTop = parseFloat(h.style("padding")), g.padBottom = parseFloat(h.style("padding")), g.nodeRepulsion = Et(n.nodeRepulsion) ? n.nodeRepulsion(h) : n.nodeRepulsion, A.layoutNodes.push(g), A.idToIndex[g.id] = u;
+    g.isLocked = h.locked(), g.id = h.data("id"), g.parentId = h.data("parent"), g.cmptId = l[h.id()], g.children = [], g.positionX = h.position("x"), g.positionY = h.position("y"), g.offsetX = 0, g.offsetY = 0, g.height = p.w, g.width = p.h, g.maxX = g.positionX + g.width / 2, g.minX = g.positionX - g.width / 2, g.maxY = g.positionY + g.height / 2, g.minY = g.positionY - g.height / 2, g.padLeft = parseFloat(h.style("padding")), g.padRight = parseFloat(h.style("padding")), g.padTop = parseFloat(h.style("padding")), g.padBottom = parseFloat(h.style("padding")), g.nodeRepulsion = xt(n.nodeRepulsion) ? n.nodeRepulsion(h) : n.nodeRepulsion, A.layoutNodes.push(g), A.idToIndex[g.id] = u;
   }
   for (var v = [], y = 0, m = -1, w = [], u = 0; u < A.nodeSize; u++) {
     var h = A.layoutNodes[u], C = h.parentId;
@@ -27496,7 +27496,7 @@ var Aj = function(e, r, n) {
   for (var u = 0; u < A.edgeSize; u++) {
     var F = a[u], U = {};
     U.id = F.data("id"), U.sourceId = F.data("source"), U.targetId = F.data("target");
-    var S = Et(n.idealEdgeLength) ? n.idealEdgeLength(F) : n.idealEdgeLength, I = Et(n.edgeElasticity) ? n.edgeElasticity(F) : n.edgeElasticity, L = A.idToIndex[U.sourceId], O = A.idToIndex[U.targetId], M = A.indexToGraph[L], P = A.indexToGraph[O];
+    var S = xt(n.idealEdgeLength) ? n.idealEdgeLength(F) : n.idealEdgeLength, I = xt(n.edgeElasticity) ? n.edgeElasticity(F) : n.edgeElasticity, L = A.idToIndex[U.sourceId], O = A.idToIndex[U.targetId], M = A.indexToGraph[L], P = A.indexToGraph[O];
     if (M != P) {
       for (var H = sj(U.sourceId, U.targetId, A), D = A.graphSet[H], R = 0, g = A.layoutNodes[L]; D.indexOf(g.id) === -1; )
         g = A.layoutNodes[A.idToIndex[g.parentId]], R++;
@@ -27912,7 +27912,7 @@ function MD(t) {
   this.options = Re({}, Cj, t);
 }
 MD.prototype.run = function() {
-  var t = this.options, e = t.eles, r = e.nodes(), n = Et(t.positions);
+  var t = this.options, e = t.eles, r = e.nodes(), n = xt(t.positions);
   function a(i) {
     if (t.positions == null)
       return Vz(i.position());
@@ -30569,7 +30569,7 @@ Hl.redraw = function(t) {
 };
 Hl.beforeRender = function(t, e) {
   if (!this.destroyed) {
-    e == null && xt("Priority is not optional for beforeRender");
+    e == null && Ct("Priority is not optional for beforeRender");
     var r = this.beforeRenderCallbacks;
     r.push({
       fn: t,
@@ -30725,7 +30725,7 @@ var rv = 1e3 / 60, WD = {
   return oi(t, [{
     key: "getIdsFor",
     value: function(r) {
-      r == null && xt("Can not get id list for null key");
+      r == null && Ct("Can not get id list for null key");
       var n = this.idsByKey, a = this.idsByKey.get(r);
       return a || (a = new QA(), n.set(r, a)), a;
     }
@@ -34176,7 +34176,7 @@ function lL(t) {
   $3() && (s["-ms-touch-action"] = "none", s["touch-action"] = "none");
   for (var l = 0; l < Ve.CANVAS_LAYERS; l++) {
     var u = e.data.canvases[l] = n.createElement("canvas"), c = Ve.CANVAS_TYPES[l];
-    e.data.contexts[l] = u.getContext(c), e.data.contexts[l] || xt("Could not create canvas of type " + c), Object.keys(s).forEach(function(te) {
+    e.data.contexts[l] = u.getContext(c), e.data.contexts[l] || Ct("Could not create canvas of type " + c), Object.keys(s).forEach(function(te) {
       u.style[te] = s[te];
     }), u.style.position = "absolute", u.setAttribute("data-id", "layer" + l), u.style.zIndex = String(Ve.CANVAS_LAYERS - l), e.data.canvasContainer.appendChild(u), e.data.canvasNeedsRedraw[l] = !1;
   }
@@ -34490,11 +34490,11 @@ function fL(t, e, r) {
       y[T] = g[T];
     h.clientFunctions.forEach(function(B) {
       y[B] = y[B] || function() {
-        xt("Renderer does not implement `renderer." + B + "()` on its prototype");
+        Ct("Renderer does not implement `renderer." + B + "()` on its prototype");
       };
     }), n = v;
   } else if (t === "__proto__" || t === "constructor" || t === "prototype")
-    return xt(t + " is an illegal type to be registered, possibly lead to prototype pollutions");
+    return Ct(t + " is an illegal type to be registered, possibly lead to prototype pollutions");
   return DI({
     map: uL,
     keys: [t, e],
@@ -34529,7 +34529,7 @@ var dy = function() {
     return t6.apply(null, arguments);
   if (arguments.length === 5)
     return e6.apply(null, arguments);
-  xt("Invalid extension access syntax");
+  Ct("Invalid extension access syntax");
 };
 ll.prototype.extension = dy;
 Jq.forEach(function(t) {
@@ -48024,7 +48024,7 @@ process.env.NODE_ENV !== "production" && (Vw.propTypes = {
 function Hre(t) {
   return Kr("MuiTooltip", t);
 }
-const St = bn("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
+const Ft = bn("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
 function _re(t) {
   return Math.round(t * 1e5) / 1e5;
 }
@@ -48074,28 +48074,28 @@ const Vre = (t) => {
       ownerState: e
     }) => e.arrow,
     style: {
-      [`&[data-popper-placement*="bottom"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="bottom"] .${Ft.arrow}`]: {
         top: 0,
         marginTop: "-0.71em",
         "&::before": {
           transformOrigin: "0 100%"
         }
       },
-      [`&[data-popper-placement*="top"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="top"] .${Ft.arrow}`]: {
         bottom: 0,
         marginBottom: "-0.71em",
         "&::before": {
           transformOrigin: "100% 0"
         }
       },
-      [`&[data-popper-placement*="right"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="right"] .${Ft.arrow}`]: {
         height: "1em",
         width: "0.71em",
         "&::before": {
           transformOrigin: "100% 100%"
         }
       },
-      [`&[data-popper-placement*="left"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="left"] .${Ft.arrow}`]: {
         height: "1em",
         width: "0.71em",
         "&::before": {
@@ -48108,7 +48108,7 @@ const Vre = (t) => {
       ownerState: e
     }) => e.arrow && !e.isRtl,
     style: {
-      [`&[data-popper-placement*="right"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="right"] .${Ft.arrow}`]: {
         left: 0,
         marginLeft: "-0.71em"
       }
@@ -48118,7 +48118,7 @@ const Vre = (t) => {
       ownerState: e
     }) => e.arrow && !!e.isRtl,
     style: {
-      [`&[data-popper-placement*="right"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="right"] .${Ft.arrow}`]: {
         right: 0,
         marginRight: "-0.71em"
       }
@@ -48128,7 +48128,7 @@ const Vre = (t) => {
       ownerState: e
     }) => e.arrow && !e.isRtl,
     style: {
-      [`&[data-popper-placement*="left"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="left"] .${Ft.arrow}`]: {
         right: 0,
         marginRight: "-0.71em"
       }
@@ -48138,7 +48138,7 @@ const Vre = (t) => {
       ownerState: e
     }) => e.arrow && !!e.isRtl,
     style: {
-      [`&[data-popper-placement*="left"] .${St.arrow}`]: {
+      [`&[data-popper-placement*="left"] .${Ft.arrow}`]: {
         left: 0,
         marginLeft: "-0.71em"
       }
@@ -48166,17 +48166,17 @@ const Vre = (t) => {
   margin: 2,
   wordWrap: "break-word",
   fontWeight: t.typography.fontWeightMedium,
-  [`.${St.popper}[data-popper-placement*="left"] &`]: {
+  [`.${Ft.popper}[data-popper-placement*="left"] &`]: {
     transformOrigin: "right center"
   },
-  [`.${St.popper}[data-popper-placement*="right"] &`]: {
+  [`.${Ft.popper}[data-popper-placement*="right"] &`]: {
     transformOrigin: "left center"
   },
-  [`.${St.popper}[data-popper-placement*="top"] &`]: {
+  [`.${Ft.popper}[data-popper-placement*="top"] &`]: {
     transformOrigin: "center bottom",
     marginBottom: "14px"
   },
-  [`.${St.popper}[data-popper-placement*="bottom"] &`]: {
+  [`.${Ft.popper}[data-popper-placement*="bottom"] &`]: {
     transformOrigin: "center top",
     marginTop: "14px"
   },
@@ -48203,10 +48203,10 @@ const Vre = (t) => {
       ownerState: e
     }) => !e.isRtl,
     style: {
-      [`.${St.popper}[data-popper-placement*="left"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="left"] &`]: {
         marginRight: "14px"
       },
-      [`.${St.popper}[data-popper-placement*="right"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="right"] &`]: {
         marginLeft: "14px"
       }
     }
@@ -48215,10 +48215,10 @@ const Vre = (t) => {
       ownerState: e
     }) => !e.isRtl && e.touch,
     style: {
-      [`.${St.popper}[data-popper-placement*="left"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="left"] &`]: {
         marginRight: "24px"
       },
-      [`.${St.popper}[data-popper-placement*="right"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="right"] &`]: {
         marginLeft: "24px"
       }
     }
@@ -48227,10 +48227,10 @@ const Vre = (t) => {
       ownerState: e
     }) => !!e.isRtl,
     style: {
-      [`.${St.popper}[data-popper-placement*="left"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="left"] &`]: {
         marginLeft: "14px"
       },
-      [`.${St.popper}[data-popper-placement*="right"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="right"] &`]: {
         marginRight: "14px"
       }
     }
@@ -48239,10 +48239,10 @@ const Vre = (t) => {
       ownerState: e
     }) => !!e.isRtl && e.touch,
     style: {
-      [`.${St.popper}[data-popper-placement*="left"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="left"] &`]: {
         marginLeft: "24px"
       },
-      [`.${St.popper}[data-popper-placement*="right"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="right"] &`]: {
         marginRight: "24px"
       }
     }
@@ -48251,7 +48251,7 @@ const Vre = (t) => {
       ownerState: e
     }) => e.touch,
     style: {
-      [`.${St.popper}[data-popper-placement*="top"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="top"] &`]: {
         marginBottom: "24px"
       }
     }
@@ -48260,7 +48260,7 @@ const Vre = (t) => {
       ownerState: e
     }) => e.touch,
     style: {
-      [`.${St.popper}[data-popper-placement*="bottom"] &`]: {
+      [`.${Ft.popper}[data-popper-placement*="bottom"] &`]: {
         marginTop: "24px"
       }
     }
@@ -49339,7 +49339,7 @@ const one = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
   directional: p = !1,
   scaleLabel: g
 }) => {
-  const v = wt(null), [y] = Xe(!0), [m, w] = Xe([]), [C, T] = Xe([]), [B, E] = Xe([]), [x, b] = Xe([]), [F, U] = Xe(!0), [S, I] = Xe({}), L = /* @__PURE__ */ new Set();
+  const v = St(null), [y] = Xe(!0), [m, w] = Xe([]), [C, T] = Xe([]), [B, E] = Xe([]), [x, b] = Xe([]), [F, U] = Xe(!0), [S, I] = Xe({}), L = /* @__PURE__ */ new Set();
   s !== void 0 ? (t.node.forEach((X) => {
     L.add(s(X));
   }), t.edge.forEach((X) => {
@@ -49363,9 +49363,9 @@ const one = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
   M.forEach((X) => {
     P[X] = !0;
   });
-  const H = wt(null), [D, R] = GJ(), V = () => {
+  const H = St(null), [D, R] = GJ(), V = () => {
     H.current && typeof R == "function" && R(H.current).then(one);
-  }, G = wt(null);
+  }, G = St(null);
   let W = "cy-" + r;
   _t(() => {
     w(t.node), b(t.edge), T(t.edge.map((X) => X.effectSize)), E(
@@ -49912,7 +49912,7 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
     ]
   }, `frag-${e}`);
 }, oae = (t) => {
-  const { parentRef: e, width: r, height: n } = rd(), a = wt(null), i = tt(() => t.distributions.map((U, S) => U.label ?? `Group ${S + 1}`), [t.distributions]), o = t.labelOrientation ?? "horizontal", A = 15, s = t.cutoffLine ?? "none", l = t.horizontal ? o === "vertical" ? A : Math.max(
+  const { parentRef: e, width: r, height: n } = rd(), a = St(null), i = tt(() => t.distributions.map((U, S) => U.label ?? `Group ${S + 1}`), [t.distributions]), o = t.labelOrientation ?? "horizontal", A = 15, s = t.cutoffLine ?? "none", l = t.horizontal ? o === "vertical" ? A : Math.max(
     ...i.map((U) => nS(U, A, "Arial"))
   ) / (o !== "horizontal" ? 1.25 : 1) : o === "horizontal" ? A : Math.max(
     ...i.map((U) => nS(U, A, "Arial"))
@@ -50212,7 +50212,7 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
   axisCenter: o,
   loading: A
 }) => {
-  const l = wt(null), u = aM(t, 12, "Times"), c = a.map((p) => e(p) * 2 + 12), f = c.reduce((p, g) => p + g, 0) + 30 * (a.length - 1), d = 10, h = u + d * 2 + f;
+  const l = St(null), u = aM(t, 12, "Times"), c = a.map((p) => e(p) * 2 + 12), f = c.reduce((p, g) => p + g, 0) + 30 * (a.length - 1), d = 10, h = u + d * 2 + f;
   return /* @__PURE__ */ _.jsx("div", { style: { marginBottom: 10, opacity: A ? 0.3 : 1 }, children: /* @__PURE__ */ _.jsxs("svg", { height: r + 4, width: n + u + 4, id: "legend", transform: `translate(${i / 1.2 + o - n / 2}, 0)`, children: [
     /* @__PURE__ */ _.jsx("rect", { height: r, width: n + u, stroke: "black", fill: "none", transform: "translate(2, 2)" }),
     A ? /* @__PURE__ */ _.jsx(
@@ -50289,34 +50289,28 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
   animationBuffer: h,
   uniqueID: p
 }) => {
-  const { tooltipOpen: g, tooltipLeft: v, tooltipTop: y, tooltipData: m, hideTooltip: w, showTooltip: C } = $f({}), T = xA, B = Yf, E = wt(null), x = wt(null), b = Ke((N, z) => {
-    x.current = {
-      top: N.pageY,
-      left: N.pageX,
-      data: z
-    }, E.current || (E.current = requestAnimationFrame(() => {
-      x.current && C({
-        tooltipTop: x.current.top,
-        tooltipLeft: x.current.left,
-        tooltipData: x.current.data
-      }), E.current = null;
-    }));
-  }, [C]), F = e.id === m?.id, U = a ? Math.max(e.value, i) : e.value, S = A(e.id), I = e.id.split("-")[0] === "spacer" ? l : s, L = U > 0 ? o(0) : o(U), O = S ?? 0, M = Math.abs(o(U) - o(0)), P = e.id.split("-")[0] === "spacer" ? l : s, H = -u, D = (S ?? 0) + I / 2, R = L + M + u + (e.lollipopValue && e.value >= 0 ? c(e.lollipopValue) : 0), V = O + P / 2, G = f && d ? od.g : "g", W = Ad(f, t, h ?? 0.03);
+  const { tooltipOpen: g, tooltipLeft: v, tooltipTop: y, tooltipData: m, hideTooltip: w, showTooltip: C } = $f({}), T = Ke((R, V) => {
+    C({
+      tooltipData: V,
+      tooltipLeft: R.pageX,
+      tooltipTop: R.pageY
+    });
+  }, [C]), B = e.id === m?.id, E = a ? Math.max(e.value, i) : e.value, x = A(e.id), b = e.id.split("-")[0] === "spacer" ? l : s, F = E > 0 ? o(0) : o(E), U = x ?? 0, S = Math.abs(o(E) - o(0)), I = e.id.split("-")[0] === "spacer" ? l : s, L = -u, O = (x ?? 0) + b / 2, M = F + S + u + (e.lollipopValue && e.value >= 0 ? c(e.lollipopValue) : 0), P = U + I / 2, H = f && d ? od.g : "g", D = Ad(f, t, h ?? 0.03);
   return /* @__PURE__ */ _.jsxs(Le.Fragment, { children: [
     /* @__PURE__ */ _.jsxs(
       _r,
       {
         onClick: () => r?.(e),
         style: r && { cursor: "pointer" },
-        onMouseMove: (N) => b(N, e),
+        onMouseMove: (R) => T(R, e),
         onMouseLeave: () => w(),
         fontFamily: mne,
         children: [
           /* @__PURE__ */ _.jsx(
             za,
             {
-              x: H,
-              y: D,
+              x: L,
+              y: O,
               dy: ".35em",
               textAnchor: "end",
               fill: "black",
@@ -50324,18 +50318,18 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
               children: e.category
             }
           ),
-          /* @__PURE__ */ _.jsx(G, { ...W, children: /* @__PURE__ */ _.jsxs(_r, { children: [
+          /* @__PURE__ */ _.jsx(H, { ...D, children: /* @__PURE__ */ _.jsxs(_r, { children: [
             /* @__PURE__ */ _.jsx(
               HU,
               {
-                x: L,
-                y: O,
-                width: M,
-                height: P,
+                x: F,
+                y: U,
+                width: S,
+                height: I,
                 fill: e.color || "black",
-                opacity: a && U === i ? 0.4 : 1,
+                opacity: a && E === i ? 0.4 : 1,
                 rx: 3,
-                stroke: F ? "black" : "none"
+                stroke: B ? "black" : "none"
               },
               `bar-${e.label}`
             ),
@@ -50344,18 +50338,18 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
                 Tb,
                 {
                   r: c(e.lollipopValue) * 1.5,
-                  cx: e.value < 0 ? L : L + M,
-                  cy: O + P / 2,
+                  cx: e.value < 0 ? F : F + S,
+                  cy: U + I / 2,
                   fill: e.color,
-                  stroke: F ? "black" : "none"
+                  stroke: B ? "black" : "none"
                 }
               ),
               /* @__PURE__ */ _.jsx(
                 Tb,
                 {
                   r: c(e.lollipopValue),
-                  cx: e.value < 0 ? L : L + M,
-                  cy: O + P / 2,
+                  cx: e.value < 0 ? F : F + S,
+                  cy: U + I / 2,
                   fill: "black"
                 }
               )
@@ -50364,8 +50358,8 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
               za,
               {
                 id: `label-${t}-${p}`,
-                x: R,
-                y: V,
+                x: M,
+                y: P,
                 dy: ".35em",
                 textAnchor: "start",
                 fill: "black",
@@ -50378,8 +50372,8 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
       },
       t
     ),
-    n && g && /* @__PURE__ */ _.jsx(T, { children: /* @__PURE__ */ _.jsx(
-      B,
+    n && g && /* @__PURE__ */ _.jsx(xA, { children: /* @__PURE__ */ _.jsx(
+      Yf,
       {
         top: y,
         left: v,
@@ -50410,7 +50404,7 @@ const hne = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, thir
   animation: d,
   animationBuffer: h
 }) => {
-  const [p, g] = Xe(200), [v, y] = Xe(!1), [m, w] = Xe(!0), [C] = Xe(r + String(Math.random())), T = wt(null), B = wt(null), { parentRef: E, width: x, height: b } = rd({ debounceTime: 150 });
+  const [p, g] = Xe(200), [v, y] = Xe(!1), [m, w] = Xe(!0), [C] = Xe(r + String(Math.random())), T = St(null), B = St(null), { parentRef: E, width: x, height: b } = rd({ debounceTime: 150 });
   _t(() => {
     const $ = E.current;
     if (!$) return;
@@ -51032,7 +51026,7 @@ const Yne = ({ cx: t, cy: e, value: r, color: n, align: a }) => {
     t.tooltipBody && b && B && /* @__PURE__ */ _.jsx(xA, { children: /* @__PURE__ */ _.jsx(Yf, { left: (E ?? 0) + 10, top: x, children: B }) })
   ] }, `frag-${t.node.data.label}`);
 }, sae = (t) => {
-  const { parentRef: e, width: r, height: n } = rd(), [a, i] = Xe(null), o = wt(null), A = Kw({ label: "root", value: 0, children: t.data }).sum((f) => f.value).sort((f, d) => (d.value || 0) - (f.value || 0)), s = {
+  const { parentRef: e, width: r, height: n } = rd(), [a, i] = Xe(null), o = St(null), A = Kw({ label: "root", value: 0, children: t.data }).sum((f) => f.value).sort((f, d) => (d.value || 0) - (f.value || 0)), s = {
     treemapSquarify: AM,
     treemapBinary: _ne,
     treemapDice: Hd,
@@ -51108,7 +51102,7 @@ const uae = ({
   const { containerRef: s, TooltipInPortal: l } = UN({
     scroll: !0,
     detectBounds: !0
-  }), u = tt(() => t ? a ? Xne(t) : t : null, [t, a]), c = l, { tooltipLeft: f, tooltipTop: d, tooltipOpen: h, showTooltip: p, hideTooltip: g } = $f(), v = u ? Object.values(u).reduce((x, b) => x + b, 0) : 0, y = wt(null), m = y?.current ? y.current.offsetWidth : 0, w = aa({
+  }), u = tt(() => t ? a ? Xne(t) : t : null, [t, a]), c = l, { tooltipLeft: f, tooltipTop: d, tooltipOpen: h, showTooltip: p, hideTooltip: g } = $f(), v = u ? Object.values(u).reduce((x, b) => x + b, 0) : 0, y = St(null), m = y?.current ? y.current.offsetWidth : 0, w = aa({
     domain: [0, v],
     range: [0, m]
   }), C = Pc({