@abdellatifui/react 3.2.15 → 3.2.17

package/dist/nextgen.js

@@ -1,5 +1,5 @@
 import * as R from "react";
-import Ut, { useContext as rt, useState as I, useRef as ie, useEffect as K, forwardRef as de, useCallback as ae, memo as he, createContext as En, useImperativeHandle as Ot, useMemo as ue, useLayoutEffect as To, isValidElement as io, cloneElement as ao, Children as Nd } from "react";
+import Ut, { useContext as rt, useState as I, useRef as ie, useEffect as K, forwardRef as de, useCallback as ae, memo as he, createContext as En, useImperativeHandle as Nt, useMemo as ue, useLayoutEffect as To, isValidElement as io, cloneElement as ao, Children as Nd } from "react";
 import * as Mr from "@radix-ui/react-tooltip";
 import * as at from "@radix-ui/react-alert-dialog";
 import { Slot as Ad } from "@radix-ui/react-slot";
@@ -42,7 +42,7 @@ import * as tc from "@radix-ui/react-toggle";
 import { ErrorBoundary as wf } from "react-error-boundary";
 import * as Os from "@radix-ui/react-checkbox";
 import { Command as lt } from "cmdk";
-import * as jt from "@radix-ui/react-dialog";
+import * as Ot from "@radix-ui/react-dialog";
 import * as Rr from "@radix-ui/react-popover";
 function Sf(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -4730,7 +4730,7 @@ function Tp(e) {
   var n = Ep(e, "string");
   return Pr(n) == "symbol" ? n : n + "";
 }
-function ht(e, n, t) {
+function gt(e, n, t) {
   return (n = Tp(n)) in e ? Object.defineProperty(e, n, {
     value: t,
     enumerable: !0,
@@ -4749,29 +4749,29 @@ function Ap(e, n) {
 var ct = /* @__PURE__ */ Np(function e() {
   Ap(this, e);
 });
-ht(ct, "ripple", !1);
-ht(ct, "inputStyle", "outlined");
-ht(ct, "locale", "en");
-ht(ct, "appendTo", null);
-ht(ct, "cssTransition", !0);
-ht(ct, "autoZIndex", !0);
-ht(ct, "hideOverlaysOnDocumentScrolling", !1);
-ht(ct, "nonce", null);
-ht(ct, "nullSortOrder", 1);
-ht(ct, "zIndex", {
+gt(ct, "ripple", !1);
+gt(ct, "inputStyle", "outlined");
+gt(ct, "locale", "en");
+gt(ct, "appendTo", null);
+gt(ct, "cssTransition", !0);
+gt(ct, "autoZIndex", !0);
+gt(ct, "hideOverlaysOnDocumentScrolling", !1);
+gt(ct, "nonce", null);
+gt(ct, "nullSortOrder", 1);
+gt(ct, "zIndex", {
   modal: 1100,
   overlay: 1e3,
   menu: 1e3,
   tooltip: 1100,
   toast: 1200
 });
-ht(ct, "pt", void 0);
-ht(ct, "filterMatchModeOptions", {
+gt(ct, "pt", void 0);
+gt(ct, "filterMatchModeOptions", {
   text: [Je.STARTS_WITH, Je.CONTAINS, Je.NOT_CONTAINS, Je.ENDS_WITH, Je.EQUALS, Je.NOT_EQUALS],
   numeric: [Je.EQUALS, Je.NOT_EQUALS, Je.LESS_THAN, Je.LESS_THAN_OR_EQUAL_TO, Je.GREATER_THAN, Je.GREATER_THAN_OR_EQUAL_TO],
   date: [Je.DATE_IS, Je.DATE_IS_NOT, Je.DATE_BEFORE, Je.DATE_AFTER]
 });
-ht(ct, "changeTheme", function(e, n, t, r) {
+gt(ct, "changeTheme", function(e, n, t, r) {
   var o, s = document.getElementById(t);
   if (!s)
     throw Error("Element with id ".concat(t, " not found."));
@@ -5711,7 +5711,7 @@ const la = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ca = $e, y
     timeout: i,
     period: a,
     onAbort: l
-  } = e, { closeModel: u } = rt(pi), f = Ct(), p = Ct(), m = () => {
+  } = e, { closeModel: u } = rt(pi), f = dt(), p = dt(), m = () => {
     if (u(), l)
       return l();
   };
@@ -5771,8 +5771,8 @@ function Dr(e, n = {}) {
     }
   }, [e?.current]), t ? [r, o] : r;
 }
-const rm = jt.Portal, wc = R.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ c.jsx(
-  jt.Overlay,
+const rm = Ot.Portal, wc = R.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ c.jsx(
+  Ot.Overlay,
   {
     ref: t,
     className: V(
@@ -5782,11 +5782,11 @@ const rm = jt.Portal, wc = R.forwardRef(({ className: e, ...n }, t) => /* @__PUR
     ...n
   }
 ));
-wc.displayName = jt.Overlay.displayName;
+wc.displayName = Ot.Overlay.displayName;
 const om = R.forwardRef(({ className: e, children: n, ...t }, r) => /* @__PURE__ */ c.jsxs(rm, { children: [
   /* @__PURE__ */ c.jsx(wc, {}),
   /* @__PURE__ */ c.jsxs(
-    jt.Content,
+    Ot.Content,
     {
       ref: r,
       className: V(
@@ -5796,7 +5796,7 @@ const om = R.forwardRef(({ className: e, children: n, ...t }, r) => /* @__PURE__
       ...t,
       children: [
         n,
-        /* @__PURE__ */ c.jsxs(jt.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__PURE__ */ c.jsxs(Ot.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
           /* @__PURE__ */ c.jsx(_d, { className: "h-4 w-4" }),
           /* @__PURE__ */ c.jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -5804,9 +5804,9 @@ const om = R.forwardRef(({ className: e, children: n, ...t }, r) => /* @__PURE__
     }
   )
 ] }));
-om.displayName = jt.Content.displayName;
+om.displayName = Ot.Content.displayName;
 const sm = R.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ c.jsx(
-  jt.Title,
+  Ot.Title,
   {
     ref: t,
     className: V(
@@ -5816,16 +5816,16 @@ const sm = R.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ c.jsx(
     ...n
   }
 ));
-sm.displayName = jt.Title.displayName;
+sm.displayName = Ot.Title.displayName;
 const im = R.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ c.jsx(
-  jt.Description,
+  Ot.Description,
   {
     ref: t,
     className: V("text-sm text-muted-foreground", e),
     ...n
   }
 ));
-im.displayName = jt.Description.displayName;
+im.displayName = Ot.Description.displayName;
 const Sc = R.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ c.jsx(
   lt,
   {
@@ -6118,7 +6118,7 @@ const mm = ({
 }, gm = (e) => /* @__PURE__ */ c.jsx(ui, { ...e, type: "main" }), ym = (e) => /* @__PURE__ */ c.jsx(ui, { ...e, type: "sub" }), go = (e) => /* @__PURE__ */ c.jsx(ui, { ...e, type: "normal" }), mw = (e) => {
   const { children: n } = e;
   return /* @__PURE__ */ c.jsx("div", { ...e, className: "custom-scroll-bar1", children: n });
-}, Ct = (e = 8) => "css-" + Math.random().toString(36).substr(2, e), ua = (e = 8, n = !0) => n ? "str-" + Math.random().toString(36).substr(2, e) : Math.random().toString(36).substr(2, e), it = (e = 8, n = !0, t = !1) => {
+}, dt = (e = 8) => "css-" + Math.random().toString(36).substr(2, e), ua = (e = 8, n = !0) => n ? "str-" + Math.random().toString(36).substr(2, e) : Math.random().toString(36).substr(2, e), it = (e = 8, n = !0, t = !1) => {
   const [r, o] = I("");
   return K(() => {
     e && t ? o("css-" + Math.random().toString(36).substr(2, e)) : e && n ? o("_" + Math.random().toString(36).substr(2, e)) : e && !n && o(Math.random().toString(36).substr(2, e));
@@ -6283,7 +6283,7 @@ const pi = En({}), Tm = ye(
   }, []), C = ae(() => {
     r(!0);
   }, []);
-  Ot(n, () => ({
+  Nt(n, () => ({
     open: C,
     close: d,
     get isOpen() {
@@ -6380,7 +6380,7 @@ const pi = En({}), Tm = ye(
       r((b) => !b);
     }, 50);
   }, [t]);
-  Ot(n, () => ({
+  Nt(n, () => ({
     open: N,
     close: A,
     toggle: P,
@@ -6648,7 +6648,7 @@ function Im(e, n) {
   const t = Array.isArray(e) ? e[0] : e ? e.x : 0, r = Array.isArray(e) ? e[1] : e ? e.y : 0, o = Array.isArray(n) ? n[0] : n ? n.x : 0, s = Array.isArray(n) ? n[1] : n ? n.y : 0;
   return t === o && r === s;
 }
-function $t(e, n) {
+function jt(e, n) {
   if (e === n)
     return !0;
   if (!e || !n)
@@ -6657,7 +6657,7 @@ function $t(e, n) {
     if (!Array.isArray(n) || e.length !== n.length)
       return !1;
     for (let t = 0; t < e.length; t++)
-      if (!$t(e[t], n[t]))
+      if (!jt(e[t], n[t]))
         return !1;
     return !0;
   } else if (Array.isArray(n))
@@ -6667,7 +6667,7 @@ function $t(e, n) {
     if (t.length !== r.length)
       return !1;
     for (const o of t)
-      if (!n.hasOwnProperty(o) || !$t(e[o], n[o]))
+      if (!n.hasOwnProperty(o) || !jt(e[o], n[o]))
         return !1;
     return !0;
   }
@@ -6689,7 +6689,7 @@ function pa(e, n) {
     const o = e.center.constructor;
     r.center = new o(t.longitude, t.latitude);
   }
-  return "zoom" in t && t.zoom !== e.zoom && (r.zoom = t.zoom), "bearing" in t && t.bearing !== e.bearing && (r.bearing = t.bearing), "pitch" in t && t.pitch !== e.pitch && (r.pitch = t.pitch), t.padding && e.padding && !$t(t.padding, e.padding) && (r.padding = t.padding), r;
+  return "zoom" in t && t.zoom !== e.zoom && (r.zoom = t.zoom), "bearing" in t && t.bearing !== e.bearing && (r.bearing = t.bearing), "pitch" in t && t.pitch !== e.pitch && (r.pitch = t.pitch), t.padding && e.padding && !jt(t.padding, e.padding) && (r.padding = t.padding), r;
 }
 const Mm = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
 function ma(e) {
@@ -6903,7 +6903,7 @@ class Kn {
     const r = this._map;
     let o = !1;
     for (const s of Dm)
-      s in n && !$t(n[s], t[s]) && (o = !0, r[`set${s[0].toUpperCase()}${s.slice(1)}`]?.call(r, n[s]));
+      s in n && !jt(n[s], t[s]) && (o = !0, r[`set${s[0].toUpperCase()}${s.slice(1)}`]?.call(r, n[s]));
     return o;
   }
   /* Update map style to match props */
@@ -6922,14 +6922,14 @@ class Kn {
    */
   _updateStyleComponents({ light: n, projection: t, sky: r, terrain: o }) {
     const s = this._map, i = this._styleComponents;
-    s.style._loaded && (n && !$t(n, i.light) && (i.light = n, s.setLight(n)), t && !$t(t, i.projection) && t !== i.projection?.type && (i.projection = typeof t == "string" ? { type: t } : t, s.setProjection?.(i.projection)), r && !$t(r, i.sky) && (i.sky = r, s.setSky(r)), o !== void 0 && !$t(o, i.terrain) && (!o || s.getSource(o.source)) && (i.terrain = o, s.setTerrain(o)));
+    s.style._loaded && (n && !jt(n, i.light) && (i.light = n, s.setLight(n)), t && !jt(t, i.projection) && t !== i.projection?.type && (i.projection = typeof t == "string" ? { type: t } : t, s.setProjection?.(i.projection)), r && !jt(r, i.sky) && (i.sky = r, s.setSky(r)), o !== void 0 && !jt(o, i.terrain) && (!o || s.getSource(o.source)) && (i.terrain = o, s.setTerrain(o)));
   }
   /* Update interaction handlers to match props */
   _updateHandlers(n, t) {
     const r = this._map;
     for (const o of zm) {
       const s = n[o] ?? !0, i = t[o] ?? !0;
-      $t(s, i) || (s ? r[o].enable(s) : r[o].disable());
+      jt(s, i) || (s ? r[o].enable(s) : r[o].disable());
     }
   }
   _queryRenderedFeatures(n) {
@@ -7033,7 +7033,7 @@ function Hm(e, n) {
     };
   }, []), Vm(() => {
     r && r.setProps(e);
-  }), Ot(n, () => i.map, [r]);
+  }), Nt(n, () => i.map, [r]);
   const a = ue(() => ({
     position: "relative",
     width: "100%",
@@ -7104,7 +7104,7 @@ const Ic = he(de((e, n) => {
   const { longitude: i, latitude: a, offset: l, style: u, draggable: f = !1, popup: p = null, rotation: m = 0, rotationAlignment: g = "auto", pitchAlignment: y = "auto" } = e;
   K(() => {
     Xt(s.getElement(), u);
-  }, [u]), Ot(n, () => s, []);
+  }, [u]), Nt(n, () => s, []);
   const d = o.current.props;
   (s.getLngLat().lng !== i || s.getLngLat().lat !== a) && s.setLngLat([i, a]), l && !Im(s.getOffset(), l) && s.setOffset(l), s.isDraggable() !== f && s.setDraggable(f), s.getRotation() !== m && s.setRotation(m), s.getRotationAlignment() !== g && s.setRotationAlignment(g), s.getPitchAlignment() !== y && s.setPitchAlignment(y), s.getPopup() !== p && s.setPopup(p);
   const C = _c(d.className, e.className);
@@ -7129,9 +7129,9 @@ he(de((e, n) => {
     };
   }, []), K(() => {
     Xt(i.getElement(), e.style);
-  }, [e.style]), Ot(n, () => i, []), i.isOpen()) {
+  }, [e.style]), Nt(n, () => i, []), i.isOpen()) {
     const a = s.current.props;
-    (i.getLngLat().lng !== e.longitude || i.getLngLat().lat !== e.latitude) && i.setLngLat([e.longitude, e.latitude]), e.offset && !$t(a.offset, e.offset) && i.setOffset(e.offset), (a.anchor !== e.anchor || a.maxWidth !== e.maxWidth) && (i.options.anchor = e.anchor, i.setMaxWidth(e.maxWidth));
+    (i.getLngLat().lng !== e.longitude || i.getLngLat().lat !== e.latitude) && i.setLngLat([e.longitude, e.latitude]), e.offset && !jt(a.offset, e.offset) && i.setOffset(e.offset), (a.anchor !== e.anchor || a.maxWidth !== e.maxWidth) && (i.options.anchor = e.anchor, i.setMaxWidth(e.maxWidth));
     const l = _c(a.className, e.className);
     if (l)
       for (const u of l)
@@ -7184,7 +7184,7 @@ function Km(e, n) {
       t.current.props.onTrackUserLocationEnd?.(a);
     }), s;
   }, { position: e.position });
-  return t.current.props = e, Ot(n, () => r, []), K(() => {
+  return t.current.props = e, Nt(n, () => r, []), K(() => {
     Xt(r._container, e.style);
   }, [e.style]), null;
 }
@@ -7250,7 +7250,7 @@ const eh = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
     setSupressLinkHover: E = () => {
     },
     nodeIconMapperParentClassName: x = ""
-  } = e, k = ie(), v = ue(() => Ct(), []), [S, N] = I([n, t]), [A, P] = I(!1), [B, F] = I(1), [b, O] = I(null), _ = ue(() => /* @__PURE__ */ c.jsx("div", { ref: k, className: "w-[50px] h-[50px] hover:scale-[1.5] transition-all ease-in-out duration-300 bg-black/70 p-2 rounded-2xl outline-blue-600 outline z-300", children: /* @__PURE__ */ c.jsx("img", { className: "w-full h-full", src: eh, alt: "s" }) }), [r]);
+  } = e, k = ie(), v = ue(() => dt(), []), [S, N] = I([n, t]), [A, P] = I(!1), [B, F] = I(1), [b, O] = I(null), _ = ue(() => /* @__PURE__ */ c.jsx("div", { ref: k, className: "w-[50px] h-[50px] hover:scale-[1.5] transition-all ease-in-out duration-300 bg-black/70 p-2 rounded-2xl outline-blue-600 outline z-300", children: /* @__PURE__ */ c.jsx("img", { className: "w-full h-full", src: eh, alt: "s" }) }), [r]);
   K(() => {
     console.log("Mounting PinItem ", o);
   }, []), K(() => {
@@ -7270,7 +7270,10 @@ const eh = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
   }, [r, l]);
   return K(() => {
     u?.nodes?.includes(o?.elementId) ? (H(!0), F(1)) : (H(!1), F(0.5)), u?.nodes?.length == 0 && (H(!1), F(1));
-  }, [u?.nodes]), K(() => {
+  }, [u?.nodes]), Nt(k, () => ({
+    ...k,
+    changeMarkerOutline: H
+  }), []), K(() => {
     const L = b;
     if (b) {
       o.location.lat = L.lngLat.lat, o.location.lng = L.lngLat.lng;
@@ -7311,6 +7314,7 @@ const eh = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
         "div",
         {
           "data-id": o?.elementId,
+          "data-view-id": o?.view_id,
           "data-active": o?.elementId == m?.elementId ? "true" : "false",
           onContextMenu: (L) => {
             C({ event: L, data: o, type: "node", id: v, mapApi: a, ref: k }), p(L);
@@ -7566,7 +7570,7 @@ const lh = ({ connections: e = [], mapApi: n, options: t, selectedConn: r, _onLi
         type: "connection"
       };
       o({ ...w, ...E }), w?.object?.nodes?.map((x) => {
-        x?.ref?.current?.changeMarkerOutline(!0);
+        x?.ref?.current?.changeMarkerOutline?.(!0);
       });
     },
     parameters: { depthTest: !1 },
@@ -8017,14 +8021,14 @@ const xh = (e) => {
     ref: We
   } = e, ge = ie(), ot = it(4, !0, !1), me = ie({});
   ie();
-  const [Ae, Fe] = I([]), [ut, kt] = I([]), [le, _t] = I([]), [It, dn] = I(), [fn, Rn] = I(null), [Nt, Qt] = I(null), [At, rr] = I({}), [Mt, Hr] = I({}), [pn, or] = I(!1), [Ur, sr] = I({ connections: [], nodes: [], countBoxes: [] }), [Yr, Pn] = I({}), [zi, $n] = I(!1), [is, jn] = I(!1), [On, ir] = I(t), [ar, lr] = I(), [Jt, mn] = I([]), [Dt, cr] = I([]), [ur, dr] = I(!0), [_n, hn] = I(!1), fr = ie();
+  const [Ae, Fe] = I([]), [ut, kt] = I([]), [le, _t] = I([]), [It, dn] = I(), [fn, Rn] = I(null), [At, Qt] = I(null), [Rt, rr] = I({}), [Mt, Hr] = I({}), [pn, or] = I(!1), [Ur, sr] = I({ connections: [], nodes: [], countBoxes: [] }), [Yr, Pn] = I({}), [zi, $n] = I(!1), [is, jn] = I(!1), [On, ir] = I(t), [ar, lr] = I(), [Jt, mn] = I([]), [Dt, cr] = I([]), [ur, dr] = I(!0), [_n, hn] = I(!1), fr = ie();
   K(() => {
     te && console.log(e);
   }, [te]);
   const as = ue(() => {
-    const Q = b(At);
-    return Q || "Link : " + At?.data?.name;
-  }, [At]), ls = ue(() => {
+    const Q = b(Rt);
+    return Q || "Link : " + Rt?.data?.name;
+  }, [Rt]), ls = ue(() => {
     const Q = b(Mt);
     return Q || "Node : " + Mt?.data?.name;
   }, [Mt]), [ne, Ce] = I({
@@ -8054,7 +8058,7 @@ const xh = (e) => {
     mapApi: me,
     options: ne,
     _onLinkSelected: Ft,
-    selectedConn: At,
+    selectedConn: Rt,
     mapDragging: pn,
     hideLinksOnDrag: a,
     hoveredConnection: It,
@@ -8080,7 +8084,7 @@ const xh = (e) => {
       nodeSizeScaler: v
     }));
   }, [m, k, ee, me?.current, W, $, G, U?.name, D, s, o, i, H, j, a, k, v]);
-  const Rt = ue(() => {
+  const Pt = ue(() => {
     const Q = On / t;
     return yh * Q - 0.3;
   }, [On]);
@@ -8091,12 +8095,13 @@ const xh = (e) => {
     if (!me.current) return;
     const Ge = Q.map((pe) => ({
       ...pe,
-      connections: []
+      connections: [],
+      view_id: dt()
     }));
     console.log("processing connections again !! ");
     const tt = _e ? ve : ve?.map((pe) => ({
       ...pe,
-      u_id: pe.u_id || Ct(),
+      u_id: pe.u_id || dt(),
       linkColorHex: pe.linkColor || s,
       linkColor: Cr(pe?.linkColor),
       linkAnimationColorHex: pe.linkAnimationColor || i,
@@ -8107,7 +8112,7 @@ const xh = (e) => {
       sourcePort: pe?.sourcePort,
       destinationPort: pe?.destinationPort,
       data: pe,
-      connCountBoxId: Ct(),
+      connCountBoxId: dt(),
       timestamp: [0, 5, 10, 15],
       sourcesId: (pe.sourceId + pe.destinationId).toString().split("").sort().join(""),
       fullSourcesId: (pe.sourceId + pe?.sourcePort + pe.destinationId + pe?.destinationPort).toString().split("").sort().join("")
@@ -8119,28 +8124,28 @@ const xh = (e) => {
       const Qe = Et.get(pe?.sourcesId);
       pe.linkCount = Qe?.length || 0, pe.linksGroup = Qe;
     });
-    const mr = /* @__PURE__ */ new Set(), yt = [], Fi = [];
+    const mr = /* @__PURE__ */ new Set(), vt = [], Fi = [];
     for (const pe of tt || []) {
       if (mr.has(pe.sourcesId)) {
         Fi.push(pe.sourceId);
         continue;
       }
-      yt.push(pe), mr.add(pe.sourcesId);
+      vt.push(pe), mr.add(pe.sourcesId);
     }
     const us = /* @__PURE__ */ new Map();
     Ge.forEach((pe, Qe) => {
       us.set(pe?.elementId, Qe);
-    }), yt.forEach((pe, Qe) => {
+    }), vt.forEach((pe, Qe) => {
       const hr = us.get(pe?.sourceId), gr = us.get(pe?.destinationId);
       if (hr !== void 0) {
         const yr = Ge[hr];
-        yt[Qe].nodes || (yt[Qe].nodes = []), yt[Qe].nodes.push(yr), yt[Qe].source = yr?.location, Ge[hr].connections || (Ge[hr].connections = []), Ge[hr].connections.push(pe);
+        vt[Qe].nodes || (vt[Qe].nodes = []), vt[Qe].nodes.push(yr), vt[Qe].source = yr?.location, Ge[hr].connections || (Ge[hr].connections = []), Ge[hr].connections.push(pe);
       }
       if (gr !== void 0) {
         const yr = Ge[gr];
-        yt[Qe].nodes || (yt[Qe].nodes = []), yt[Qe].nodes.push(yr), yt[Qe].destination = yr?.location, Ge[gr].connections || (Ge[gr].connections = []), Ge[gr].connections.push(pe);
+        vt[Qe].nodes || (vt[Qe].nodes = []), vt[Qe].nodes.push(yr), vt[Qe].destination = yr?.location, Ge[gr].connections || (Ge[gr].connections = []), Ge[gr].connections.push(pe);
       }
-    }), _t(Ge), kt(yt), te && console.log(`Processed: seen=${mr.size}, f0=${yt.length}, ignored=${Fi.length}, all=${r.length}`);
+    }), _t(Ge), kt(vt), te && console.log(`Processed: seen=${mr.size}, f0=${vt.length}, ignored=${Fi.length}, all=${r.length}`);
   }, [me]), pr = (Q, ve) => {
     if (!X) return;
     jn(!0);
@@ -8182,7 +8187,7 @@ const xh = (e) => {
     Pn(Q), N(Q);
   }
   function yd(Q) {
-    Q.u_id = Ct(), _t((ve) => [...ve, Q]);
+    Q.u_id = dt(), _t((ve) => [...ve, Q]);
   }
   function vd(Q, ve = {}) {
     const _e = le?.find((Ge) => Ge?.elementId == Q);
@@ -8194,7 +8199,7 @@ const xh = (e) => {
     });
   }
   function bd(Q) {
-    Q.u_id = Ct(), kt((ve) => [...ve, Q]);
+    Q.u_id = dt(), kt((ve) => [...ve, Q]);
   }
   function xd(Q) {
     const ve = ut?.filter((_e) => _e?.id != Q);
@@ -8216,7 +8221,7 @@ const xh = (e) => {
       hideLinks: !1
     }));
   }
-  Ot(We, () => (console.log("Re-rendering useImperativeHandle"), {
+  Nt(We, () => (console.log("Re-rendering useImperativeHandle"), {
     id: ot,
     getCanvas: () => me.current?.getCanvas?.(),
     props: e,
@@ -8258,23 +8263,23 @@ const xh = (e) => {
     ...Q,
     action: () => {
       Q?.action?.({
-        data: At,
+        data: Rt,
         event: fn,
         mapApi: me,
         type: "connection"
       });
     }
-  })) || [], [M?.length, fn, At]), Ed = ue(() => Y?.map((Q) => ({
+  })) || [], [M?.length, fn, Rt]), Ed = ue(() => Y?.map((Q) => ({
     ...Q,
     action: () => {
       Q?.action?.({
         data: Mt,
-        event: Nt,
+        event: At,
         mapApi: me,
         type: "node"
       });
     }
-  })) || [], [Y?.length, Nt, Mt]), Td = ae((Q) => {
+  })) || [], [Y?.length, At, Mt]), Td = ae((Q) => {
     if (!me.current || _n) return;
     Q.layer || dn(null), Q?.coordinate && Fe(Q.coordinate);
     const ve = me.current.getCanvas();
@@ -8297,8 +8302,8 @@ const xh = (e) => {
         "div",
         {
           onContextMenu: (Q) => {
-            At?.x && (Rn(Q), F({
-              data: At,
+            Rt?.x && (Rn(Q), F({
+              data: Rt,
               event: Q,
               mapApi: me,
               type: "connection"
@@ -8321,7 +8326,7 @@ const xh = (e) => {
               /* @__PURE__ */ c.jsx(
                 _r,
                 {
-                  event: Nt,
+                  event: At,
                   items: {
                     title: ls,
                     items: Ed
@@ -8409,7 +8414,7 @@ const xh = (e) => {
                       setSupressLinkHover: hn,
                       nodeIconMapperParentClassName: se
                     },
-                    "_node_" + Q?.elementId
+                    Q?.view_id
                   )),
                   O && /* @__PURE__ */ c.jsx(
                     ph,
@@ -8438,7 +8443,7 @@ const xh = (e) => {
                   _ && Dt?.map((Q, ve) => /* @__PURE__ */ c.jsx(
                     mh,
                     {
-                      fontSize: Rt,
+                      fontSize: Pt,
                       data: Q,
                       mapApi: We,
                       currentZoomLevel: On,
@@ -9654,7 +9659,7 @@ function Gc(e) {
     n[t] = Gc(e[t]);
   }), n;
 }
-function mt(e, n, t = {
+function ht(e, n, t = {
   clone: !0
 }) {
   const r = t.clone ? {
@@ -9662,7 +9667,7 @@ function mt(e, n, t = {
   } : e;
   return Ht(e) && Ht(n) && Object.keys(n).forEach((o) => {
     /* @__PURE__ */ R.isValidElement(n[o]) || vo.isValidElementType(n[o]) ? r[o] = n[o] : Ht(n[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && Ht(e[o]) ? r[o] = mt(e[o], n[o], t) : t.clone ? r[o] = Ht(n[o]) ? Gc(n[o]) : n[o] : r[o] = n[o];
+    Object.prototype.hasOwnProperty.call(e, o) && Ht(e[o]) ? r[o] = ht(e[o], n[o], t) : t.clone ? r[o] = Ht(n[o]) ? Gc(n[o]) : n[o] : r[o] = n[o];
   }), r;
 }
 const Uh = (e) => {
@@ -9770,7 +9775,7 @@ const Xh = {
   borderRadius: 4
 }, ln = process.env.NODE_ENV !== "production" ? h.oneOfType([h.number, h.string, h.object, h.array]) : {};
 function Nr(e, n) {
-  return n ? mt(e, n, {
+  return n ? ht(e, n, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
@@ -9965,7 +9970,7 @@ function Mo(...e) {
   }), r), {}), t = (r) => Object.keys(r).reduce((o, s) => n[s] ? Nr(o, n[s](r)) : o, {});
   return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((r, o) => Object.assign(r, o.propTypes), {}) : {}, t.filterProps = e.reduce((r, o) => r.concat(o.filterProps), []), t;
 }
-function bt(e) {
+function xt(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
 function wt(e, n) {
@@ -9975,7 +9980,7 @@ function wt(e, n) {
     transform: n
   });
 }
-const ig = wt("border", bt), ag = wt("borderTop", bt), lg = wt("borderRight", bt), cg = wt("borderBottom", bt), ug = wt("borderLeft", bt), dg = wt("borderColor"), fg = wt("borderTopColor"), pg = wt("borderRightColor"), mg = wt("borderBottomColor"), hg = wt("borderLeftColor"), gg = wt("outline", bt), yg = wt("outlineColor"), Do = (e) => {
+const ig = wt("border", xt), ag = wt("borderTop", xt), lg = wt("borderRight", xt), cg = wt("borderBottom", xt), ug = wt("borderLeft", xt), dg = wt("borderColor"), fg = wt("borderTopColor"), pg = wt("borderRightColor"), mg = wt("borderBottomColor"), hg = wt("borderLeftColor"), gg = wt("outline", xt), yg = wt("outlineColor"), Do = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const n = Fr(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (r) => ({
       borderRadius: Lr(n, r)
@@ -10066,12 +10071,12 @@ const Ng = Be({
   transform: Hn
 });
 Mo(Ng, Ag, Rg);
-function dt(e) {
+function ft(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
 const Pg = Be({
   prop: "width",
-  transform: dt
+  transform: ft
 }), xi = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const n = (t) => {
@@ -10081,7 +10086,7 @@ const Pg = Be({
       } : {
         maxWidth: r
       } : {
-        maxWidth: dt(t)
+        maxWidth: ft(t)
       };
     };
     return qt(e, e.maxWidth, n);
@@ -10091,26 +10096,26 @@ const Pg = Be({
 xi.filterProps = ["maxWidth"];
 const $g = Be({
   prop: "minWidth",
-  transform: dt
+  transform: ft
 }), jg = Be({
   prop: "height",
-  transform: dt
+  transform: ft
 }), Og = Be({
   prop: "maxHeight",
-  transform: dt
+  transform: ft
 }), _g = Be({
   prop: "minHeight",
-  transform: dt
+  transform: ft
 });
 Be({
   prop: "size",
   cssProperty: "width",
-  transform: dt
+  transform: ft
 });
 Be({
   prop: "size",
   cssProperty: "height",
-  transform: dt
+  transform: ft
 });
 const Ig = Be({
   prop: "boxSizing"
@@ -10120,23 +10125,23 @@ const Bo = {
   // borders
   border: {
     themeKey: "borders",
-    transform: bt
+    transform: xt
   },
   borderTop: {
     themeKey: "borders",
-    transform: bt
+    transform: xt
   },
   borderRight: {
     themeKey: "borders",
-    transform: bt
+    transform: xt
   },
   borderBottom: {
     themeKey: "borders",
-    transform: bt
+    transform: xt
   },
   borderLeft: {
     themeKey: "borders",
-    transform: bt
+    transform: xt
   },
   borderColor: {
     themeKey: "palette"
@@ -10155,7 +10160,7 @@ const Bo = {
   },
   outline: {
     themeKey: "borders",
-    transform: bt
+    transform: xt
   },
   outlineColor: {
     themeKey: "palette"
@@ -10361,22 +10366,22 @@ const Bo = {
   },
   // sizing
   width: {
-    transform: dt
+    transform: ft
   },
   maxWidth: {
     style: xi
   },
   minWidth: {
-    transform: dt
+    transform: ft
   },
   height: {
-    transform: dt
+    transform: ft
   },
   maxHeight: {
-    transform: dt
+    transform: ft
   },
   minHeight: {
-    transform: dt
+    transform: ft
   },
   boxSizing: {},
   // typography
@@ -10510,7 +10515,7 @@ function Ci(e = {}, ...n) {
     shape: s = {},
     ...i
   } = e, a = Yh(t), l = Kc(o);
-  let u = mt({
+  let u = ht({
     breakpoints: a,
     direction: "ltr",
     components: {},
@@ -10525,7 +10530,7 @@ function Ci(e = {}, ...n) {
       ...s
     }
   }, i);
-  return u = Kh(u), u.applyStyles = Fg, u = n.reduce((f, p) => mt(f, p), u), u.unstable_sxConfig = {
+  return u = Kh(u), u.applyStyles = Fg, u = n.reduce((f, p) => ht(f, p), u), u.unstable_sxConfig = {
     ...Bo,
     ...i?.unstable_sxConfig
   }, u.unstable_sx = function(p) {
@@ -11055,7 +11060,7 @@ function yy(e, n = {}) {
       css: N,
       varsWithDefaults: A
     } = Ss(v, n);
-    g = mt(g, A), y[k] = {
+    g = ht(g, A), y[k] = {
       css: N,
       vars: S
     };
@@ -11065,7 +11070,7 @@ function yy(e, n = {}) {
       vars: v,
       varsWithDefaults: S
     } = Ss(d, n);
-    g = mt(g, S), y[l] = {
+    g = ht(g, S), y[l] = {
       css: k,
       vars: v
     };
@@ -11093,7 +11098,7 @@ function yy(e, n = {}) {
       return Object.entries(y).forEach(([, {
         vars: v
       }]) => {
-        k = mt(k, v);
+        k = ht(k, v);
       }), k;
     },
     generateStyleSheets: () => {
@@ -11421,7 +11426,7 @@ const theme2 = createTheme({ palette: {
     return o ? (Qa(o, C, "light", x, r), Qa(o, C, "dark", k, r)) : (Xa(C, "light", x, r), Xa(C, "dark", k, r)), C.contrastText || (C.contrastText = m(C.main)), C;
   };
   let y;
-  return n === "light" ? y = tu() : n === "dark" && (y = ru()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${n}\` is not supported.`)), mt({
+  return n === "light" ? y = tu() : n === "dark" && (y = ru()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${n}\` is not supported.`)), ht({
     // A collection of common colors.
     common: {
       ...jr
@@ -11563,7 +11568,7 @@ function Py(e, n) {
       letterSpacing: "inherit"
     }
   };
-  return mt({
+  return ht({
     htmlFontSize: l,
     pxToRem: g,
     fontFamily: t,
@@ -11728,7 +11733,7 @@ function Us(e = {}, ...n) {
     ...s,
     colorSpace: u
   }), m = Ci(e);
-  let g = mt(m, {
+  let g = ht(m, {
     mixins: Ay(m.breakpoints, r),
     palette: p,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
@@ -11739,7 +11744,7 @@ function Us(e = {}, ...n) {
       ...Fy
     }
   });
-  if (g = mt(g, f), g = n.reduce((y, d) => mt(y, d), g), process.env.NODE_ENV !== "production") {
+  if (g = ht(g, f), g = n.reduce((y, d) => ht(y, d), g), process.env.NODE_ENV !== "production") {
     const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], d = (C, w) => {
       let E;
       for (E in C) {
@@ -11877,7 +11882,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${n}Chann
 function Ky(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const Pt = (e) => {
+const $t = (e) => {
   try {
     return e();
   } catch {
@@ -11976,20 +11981,20 @@ function Qy(e = {}, ...n) {
       return H(D, L);
     }
     if (qy(b, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), b.mode === "light") {
-      z(b.Alert, "errorColor", _(we, b.error.light, 0.6)), z(b.Alert, "infoColor", _(we, b.info.light, 0.6)), z(b.Alert, "successColor", _(we, b.success.light, 0.6)), z(b.Alert, "warningColor", _(we, b.warning.light, 0.6)), z(b.Alert, "errorFilledBg", O("palette-error-main")), z(b.Alert, "infoFilledBg", O("palette-info-main")), z(b.Alert, "successFilledBg", O("palette-success-main")), z(b.Alert, "warningFilledBg", O("palette-warning-main")), z(b.Alert, "errorFilledColor", Pt(() => b.getContrastText(b.error.main))), z(b.Alert, "infoFilledColor", Pt(() => b.getContrastText(b.info.main))), z(b.Alert, "successFilledColor", Pt(() => b.getContrastText(b.success.main))), z(b.Alert, "warningFilledColor", Pt(() => b.getContrastText(b.warning.main))), z(b.Alert, "errorStandardBg", _(Se, b.error.light, 0.9)), z(b.Alert, "infoStandardBg", _(Se, b.info.light, 0.9)), z(b.Alert, "successStandardBg", _(Se, b.success.light, 0.9)), z(b.Alert, "warningStandardBg", _(Se, b.warning.light, 0.9)), z(b.Alert, "errorIconColor", O("palette-error-main")), z(b.Alert, "infoIconColor", O("palette-info-main")), z(b.Alert, "successIconColor", O("palette-success-main")), z(b.Alert, "warningIconColor", O("palette-warning-main")), z(b.AppBar, "defaultBg", O("palette-grey-100")), z(b.Avatar, "defaultBg", O("palette-grey-400")), z(b.Button, "inheritContainedBg", O("palette-grey-300")), z(b.Button, "inheritContainedHoverBg", O("palette-grey-A100")), z(b.Chip, "defaultBorder", O("palette-grey-400")), z(b.Chip, "defaultAvatarColor", O("palette-grey-700")), z(b.Chip, "defaultIconColor", O("palette-grey-700")), z(b.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), z(b.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), z(b.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), z(b.LinearProgress, "primaryBg", _(Se, b.primary.main, 0.62)), z(b.LinearProgress, "secondaryBg", _(Se, b.secondary.main, 0.62)), z(b.LinearProgress, "errorBg", _(Se, b.error.main, 0.62)), z(b.LinearProgress, "infoBg", _(Se, b.info.main, 0.62)), z(b.LinearProgress, "successBg", _(Se, b.success.main, 0.62)), z(b.LinearProgress, "warningBg", _(Se, b.warning.main, 0.62)), z(b.Skeleton, "bg", k ? _(yn, b.text.primary, 0.11) : `rgba(${O("palette-text-primaryChannel")} / 0.11)`), z(b.Slider, "primaryTrack", _(Se, b.primary.main, 0.62)), z(b.Slider, "secondaryTrack", _(Se, b.secondary.main, 0.62)), z(b.Slider, "errorTrack", _(Se, b.error.main, 0.62)), z(b.Slider, "infoTrack", _(Se, b.info.main, 0.62)), z(b.Slider, "successTrack", _(Se, b.success.main, 0.62)), z(b.Slider, "warningTrack", _(Se, b.warning.main, 0.62));
+      z(b.Alert, "errorColor", _(we, b.error.light, 0.6)), z(b.Alert, "infoColor", _(we, b.info.light, 0.6)), z(b.Alert, "successColor", _(we, b.success.light, 0.6)), z(b.Alert, "warningColor", _(we, b.warning.light, 0.6)), z(b.Alert, "errorFilledBg", O("palette-error-main")), z(b.Alert, "infoFilledBg", O("palette-info-main")), z(b.Alert, "successFilledBg", O("palette-success-main")), z(b.Alert, "warningFilledBg", O("palette-warning-main")), z(b.Alert, "errorFilledColor", $t(() => b.getContrastText(b.error.main))), z(b.Alert, "infoFilledColor", $t(() => b.getContrastText(b.info.main))), z(b.Alert, "successFilledColor", $t(() => b.getContrastText(b.success.main))), z(b.Alert, "warningFilledColor", $t(() => b.getContrastText(b.warning.main))), z(b.Alert, "errorStandardBg", _(Se, b.error.light, 0.9)), z(b.Alert, "infoStandardBg", _(Se, b.info.light, 0.9)), z(b.Alert, "successStandardBg", _(Se, b.success.light, 0.9)), z(b.Alert, "warningStandardBg", _(Se, b.warning.light, 0.9)), z(b.Alert, "errorIconColor", O("palette-error-main")), z(b.Alert, "infoIconColor", O("palette-info-main")), z(b.Alert, "successIconColor", O("palette-success-main")), z(b.Alert, "warningIconColor", O("palette-warning-main")), z(b.AppBar, "defaultBg", O("palette-grey-100")), z(b.Avatar, "defaultBg", O("palette-grey-400")), z(b.Button, "inheritContainedBg", O("palette-grey-300")), z(b.Button, "inheritContainedHoverBg", O("palette-grey-A100")), z(b.Chip, "defaultBorder", O("palette-grey-400")), z(b.Chip, "defaultAvatarColor", O("palette-grey-700")), z(b.Chip, "defaultIconColor", O("palette-grey-700")), z(b.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), z(b.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), z(b.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), z(b.LinearProgress, "primaryBg", _(Se, b.primary.main, 0.62)), z(b.LinearProgress, "secondaryBg", _(Se, b.secondary.main, 0.62)), z(b.LinearProgress, "errorBg", _(Se, b.error.main, 0.62)), z(b.LinearProgress, "infoBg", _(Se, b.info.main, 0.62)), z(b.LinearProgress, "successBg", _(Se, b.success.main, 0.62)), z(b.LinearProgress, "warningBg", _(Se, b.warning.main, 0.62)), z(b.Skeleton, "bg", k ? _(yn, b.text.primary, 0.11) : `rgba(${O("palette-text-primaryChannel")} / 0.11)`), z(b.Slider, "primaryTrack", _(Se, b.primary.main, 0.62)), z(b.Slider, "secondaryTrack", _(Se, b.secondary.main, 0.62)), z(b.Slider, "errorTrack", _(Se, b.error.main, 0.62)), z(b.Slider, "infoTrack", _(Se, b.info.main, 0.62)), z(b.Slider, "successTrack", _(Se, b.success.main, 0.62)), z(b.Slider, "warningTrack", _(Se, b.warning.main, 0.62));
       const H = k ? _(we, b.background.default, 0.6825) : ro(b.background.default, 0.8);
-      z(b.SnackbarContent, "bg", H), z(b.SnackbarContent, "color", Pt(() => k ? Hs.text.primary : b.getContrastText(H))), z(b.SpeedDialAction, "fabHoverBg", ro(b.background.paper, 0.15)), z(b.StepConnector, "border", O("palette-grey-400")), z(b.StepContent, "border", O("palette-grey-400")), z(b.Switch, "defaultColor", O("palette-common-white")), z(b.Switch, "defaultDisabledColor", O("palette-grey-100")), z(b.Switch, "primaryDisabledColor", _(Se, b.primary.main, 0.62)), z(b.Switch, "secondaryDisabledColor", _(Se, b.secondary.main, 0.62)), z(b.Switch, "errorDisabledColor", _(Se, b.error.main, 0.62)), z(b.Switch, "infoDisabledColor", _(Se, b.info.main, 0.62)), z(b.Switch, "successDisabledColor", _(Se, b.success.main, 0.62)), z(b.Switch, "warningDisabledColor", _(Se, b.warning.main, 0.62)), z(b.TableCell, "border", _(Se, _(yn, b.divider, 1), 0.88)), z(b.Tooltip, "bg", _(yn, b.grey[700], 0.92));
+      z(b.SnackbarContent, "bg", H), z(b.SnackbarContent, "color", $t(() => k ? Hs.text.primary : b.getContrastText(H))), z(b.SpeedDialAction, "fabHoverBg", ro(b.background.paper, 0.15)), z(b.StepConnector, "border", O("palette-grey-400")), z(b.StepContent, "border", O("palette-grey-400")), z(b.Switch, "defaultColor", O("palette-common-white")), z(b.Switch, "defaultDisabledColor", O("palette-grey-100")), z(b.Switch, "primaryDisabledColor", _(Se, b.primary.main, 0.62)), z(b.Switch, "secondaryDisabledColor", _(Se, b.secondary.main, 0.62)), z(b.Switch, "errorDisabledColor", _(Se, b.error.main, 0.62)), z(b.Switch, "infoDisabledColor", _(Se, b.info.main, 0.62)), z(b.Switch, "successDisabledColor", _(Se, b.success.main, 0.62)), z(b.Switch, "warningDisabledColor", _(Se, b.warning.main, 0.62)), z(b.TableCell, "border", _(Se, _(yn, b.divider, 1), 0.88)), z(b.Tooltip, "bg", _(yn, b.grey[700], 0.92));
     }
     if (b.mode === "dark") {
-      z(b.Alert, "errorColor", _(Se, b.error.light, 0.6)), z(b.Alert, "infoColor", _(Se, b.info.light, 0.6)), z(b.Alert, "successColor", _(Se, b.success.light, 0.6)), z(b.Alert, "warningColor", _(Se, b.warning.light, 0.6)), z(b.Alert, "errorFilledBg", O("palette-error-dark")), z(b.Alert, "infoFilledBg", O("palette-info-dark")), z(b.Alert, "successFilledBg", O("palette-success-dark")), z(b.Alert, "warningFilledBg", O("palette-warning-dark")), z(b.Alert, "errorFilledColor", Pt(() => b.getContrastText(b.error.dark))), z(b.Alert, "infoFilledColor", Pt(() => b.getContrastText(b.info.dark))), z(b.Alert, "successFilledColor", Pt(() => b.getContrastText(b.success.dark))), z(b.Alert, "warningFilledColor", Pt(() => b.getContrastText(b.warning.dark))), z(b.Alert, "errorStandardBg", _(we, b.error.light, 0.9)), z(b.Alert, "infoStandardBg", _(we, b.info.light, 0.9)), z(b.Alert, "successStandardBg", _(we, b.success.light, 0.9)), z(b.Alert, "warningStandardBg", _(we, b.warning.light, 0.9)), z(b.Alert, "errorIconColor", O("palette-error-main")), z(b.Alert, "infoIconColor", O("palette-info-main")), z(b.Alert, "successIconColor", O("palette-success-main")), z(b.Alert, "warningIconColor", O("palette-warning-main")), z(b.AppBar, "defaultBg", O("palette-grey-900")), z(b.AppBar, "darkBg", O("palette-background-paper")), z(b.AppBar, "darkColor", O("palette-text-primary")), z(b.Avatar, "defaultBg", O("palette-grey-600")), z(b.Button, "inheritContainedBg", O("palette-grey-800")), z(b.Button, "inheritContainedHoverBg", O("palette-grey-700")), z(b.Chip, "defaultBorder", O("palette-grey-700")), z(b.Chip, "defaultAvatarColor", O("palette-grey-300")), z(b.Chip, "defaultIconColor", O("palette-grey-300")), z(b.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), z(b.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), z(b.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), z(b.LinearProgress, "primaryBg", _(we, b.primary.main, 0.5)), z(b.LinearProgress, "secondaryBg", _(we, b.secondary.main, 0.5)), z(b.LinearProgress, "errorBg", _(we, b.error.main, 0.5)), z(b.LinearProgress, "infoBg", _(we, b.info.main, 0.5)), z(b.LinearProgress, "successBg", _(we, b.success.main, 0.5)), z(b.LinearProgress, "warningBg", _(we, b.warning.main, 0.5)), z(b.Skeleton, "bg", k ? _(yn, b.text.primary, 0.13) : `rgba(${O("palette-text-primaryChannel")} / 0.13)`), z(b.Slider, "primaryTrack", _(we, b.primary.main, 0.5)), z(b.Slider, "secondaryTrack", _(we, b.secondary.main, 0.5)), z(b.Slider, "errorTrack", _(we, b.error.main, 0.5)), z(b.Slider, "infoTrack", _(we, b.info.main, 0.5)), z(b.Slider, "successTrack", _(we, b.success.main, 0.5)), z(b.Slider, "warningTrack", _(we, b.warning.main, 0.5));
+      z(b.Alert, "errorColor", _(Se, b.error.light, 0.6)), z(b.Alert, "infoColor", _(Se, b.info.light, 0.6)), z(b.Alert, "successColor", _(Se, b.success.light, 0.6)), z(b.Alert, "warningColor", _(Se, b.warning.light, 0.6)), z(b.Alert, "errorFilledBg", O("palette-error-dark")), z(b.Alert, "infoFilledBg", O("palette-info-dark")), z(b.Alert, "successFilledBg", O("palette-success-dark")), z(b.Alert, "warningFilledBg", O("palette-warning-dark")), z(b.Alert, "errorFilledColor", $t(() => b.getContrastText(b.error.dark))), z(b.Alert, "infoFilledColor", $t(() => b.getContrastText(b.info.dark))), z(b.Alert, "successFilledColor", $t(() => b.getContrastText(b.success.dark))), z(b.Alert, "warningFilledColor", $t(() => b.getContrastText(b.warning.dark))), z(b.Alert, "errorStandardBg", _(we, b.error.light, 0.9)), z(b.Alert, "infoStandardBg", _(we, b.info.light, 0.9)), z(b.Alert, "successStandardBg", _(we, b.success.light, 0.9)), z(b.Alert, "warningStandardBg", _(we, b.warning.light, 0.9)), z(b.Alert, "errorIconColor", O("palette-error-main")), z(b.Alert, "infoIconColor", O("palette-info-main")), z(b.Alert, "successIconColor", O("palette-success-main")), z(b.Alert, "warningIconColor", O("palette-warning-main")), z(b.AppBar, "defaultBg", O("palette-grey-900")), z(b.AppBar, "darkBg", O("palette-background-paper")), z(b.AppBar, "darkColor", O("palette-text-primary")), z(b.Avatar, "defaultBg", O("palette-grey-600")), z(b.Button, "inheritContainedBg", O("palette-grey-800")), z(b.Button, "inheritContainedHoverBg", O("palette-grey-700")), z(b.Chip, "defaultBorder", O("palette-grey-700")), z(b.Chip, "defaultAvatarColor", O("palette-grey-300")), z(b.Chip, "defaultIconColor", O("palette-grey-300")), z(b.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), z(b.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), z(b.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), z(b.LinearProgress, "primaryBg", _(we, b.primary.main, 0.5)), z(b.LinearProgress, "secondaryBg", _(we, b.secondary.main, 0.5)), z(b.LinearProgress, "errorBg", _(we, b.error.main, 0.5)), z(b.LinearProgress, "infoBg", _(we, b.info.main, 0.5)), z(b.LinearProgress, "successBg", _(we, b.success.main, 0.5)), z(b.LinearProgress, "warningBg", _(we, b.warning.main, 0.5)), z(b.Skeleton, "bg", k ? _(yn, b.text.primary, 0.13) : `rgba(${O("palette-text-primaryChannel")} / 0.13)`), z(b.Slider, "primaryTrack", _(we, b.primary.main, 0.5)), z(b.Slider, "secondaryTrack", _(we, b.secondary.main, 0.5)), z(b.Slider, "errorTrack", _(we, b.error.main, 0.5)), z(b.Slider, "infoTrack", _(we, b.info.main, 0.5)), z(b.Slider, "successTrack", _(we, b.success.main, 0.5)), z(b.Slider, "warningTrack", _(we, b.warning.main, 0.5));
       const H = k ? _(Se, b.background.default, 0.985) : ro(b.background.default, 0.98);
-      z(b.SnackbarContent, "bg", H), z(b.SnackbarContent, "color", Pt(() => k ? nu.text.primary : b.getContrastText(H))), z(b.SpeedDialAction, "fabHoverBg", ro(b.background.paper, 0.15)), z(b.StepConnector, "border", O("palette-grey-600")), z(b.StepContent, "border", O("palette-grey-600")), z(b.Switch, "defaultColor", O("palette-grey-300")), z(b.Switch, "defaultDisabledColor", O("palette-grey-600")), z(b.Switch, "primaryDisabledColor", _(we, b.primary.main, 0.55)), z(b.Switch, "secondaryDisabledColor", _(we, b.secondary.main, 0.55)), z(b.Switch, "errorDisabledColor", _(we, b.error.main, 0.55)), z(b.Switch, "infoDisabledColor", _(we, b.info.main, 0.55)), z(b.Switch, "successDisabledColor", _(we, b.success.main, 0.55)), z(b.Switch, "warningDisabledColor", _(we, b.warning.main, 0.55)), z(b.TableCell, "border", _(we, _(yn, b.divider, 1), 0.68)), z(b.Tooltip, "bg", _(yn, b.grey[700], 0.92));
+      z(b.SnackbarContent, "bg", H), z(b.SnackbarContent, "color", $t(() => k ? nu.text.primary : b.getContrastText(H))), z(b.SpeedDialAction, "fabHoverBg", ro(b.background.paper, 0.15)), z(b.StepConnector, "border", O("palette-grey-600")), z(b.StepContent, "border", O("palette-grey-600")), z(b.Switch, "defaultColor", O("palette-grey-300")), z(b.Switch, "defaultDisabledColor", O("palette-grey-600")), z(b.Switch, "primaryDisabledColor", _(we, b.primary.main, 0.55)), z(b.Switch, "secondaryDisabledColor", _(we, b.secondary.main, 0.55)), z(b.Switch, "errorDisabledColor", _(we, b.error.main, 0.55)), z(b.Switch, "infoDisabledColor", _(we, b.info.main, 0.55)), z(b.Switch, "successDisabledColor", _(we, b.success.main, 0.55)), z(b.Switch, "warningDisabledColor", _(we, b.warning.main, 0.55)), z(b.TableCell, "border", _(we, _(yn, b.divider, 1), 0.68)), z(b.Tooltip, "bg", _(yn, b.grey[700], 0.92));
     }
     Vt(b.background, "default"), Vt(b.background, "paper"), Vt(b.common, "background"), Vt(b.common, "onBackground"), Vt(b, "divider"), Object.keys(b).forEach((H) => {
       const D = b[H];
       H !== "tonalOffset" && D && typeof D == "object" && (D.main && z(b[H], "mainChannel", kr(Er(D.main))), D.light && z(b[H], "lightChannel", kr(Er(D.light))), D.dark && z(b[H], "darkChannel", kr(Er(D.dark))), D.contrastText && z(b[H], "contrastTextChannel", kr(Er(D.contrastText))), H === "text" && (Vt(b[H], "primary"), Vt(b[H], "secondary")), H === "action" && (D.active && Vt(b[H], "active"), D.selected && Vt(b[H], "selected")));
     });
-  }), S = n.reduce((F, b) => mt(F, b), S);
+  }), S = n.reduce((F, b) => ht(F, b), S);
   const N = {
     prefix: s,
     disableCssColorScheme: o,
@@ -12799,7 +12804,7 @@ const yv = de((e, n) => {
 );
 function gu(e, n = null) {
   return e.map((t) => {
-    const r = Ct();
+    const r = dt();
     return {
       ...t,
       c_id: r,
@@ -13253,7 +13258,7 @@ const Kv = de((e, n) => {
           w.removeEventListener("keyup", E);
         });
       };
-  }, [l?.items]), Ot(n, () => ({
+  }, [l?.items]), Nt(n, () => ({
     mainMenu: r.current,
     model: t.current,
     closeMenu: C,
@@ -14768,7 +14773,7 @@ const $i = En({}), $b = de((e, n) => {
     pageSizeArray: me
   }), [ut, kt] = mb(u, Fe);
   gb(Ae);
-  const [le, _t] = I(!0), [It, dn] = I(null), [fn, Rn] = I(null), [Nt, Qt] = I(!0), [At] = kb(Ae, P, ge, Nt), [rr] = bb(Ae, kt, ut), [Mt, Hr] = I(0), [pn, or] = I(!1), [Ur, sr] = I([]), Yr = ae((ne) => {
+  const [le, _t] = I(!0), [It, dn] = I(null), [fn, Rn] = I(null), [At, Qt] = I(!0), [Rt] = kb(Ae, P, ge, At), [rr] = bb(Ae, kt, ut), [Mt, Hr] = I(0), [pn, or] = I(!1), [Ur, sr] = I([]), Yr = ae((ne) => {
     if (!Z.current.api)
       return;
     const Ce = Z.current?.api.getColumns().map((Xe) => Xe.colId);
@@ -14787,18 +14792,18 @@ const $i = En({}), $b = de((e, n) => {
     const Ce = m, Xe = "application/vnd/openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8", zt = ".xlsx", Ft = { Sheets: { data: Ui.utils.json_to_sheet(ne.props.dataset) }, SheetNames: ["data"] }, Lt = Ui.write(Ft, { bookType: "xlsx", type: "array" }), pr = new Blob([Lt], { type: Xe });
     hf(pr, Ce + zt);
   }, [m]), is = ae((ne, Ce) => {
-    const Xe = ne.colDef.field, zt = ne.api.getSelectedNodes()[0] || {}, Rt = { header: Xe, value: ne.value, params: ne }, Ft = {
+    const Xe = ne.colDef.field, zt = ne.api.getSelectedNodes()[0] || {}, Pt = { header: Xe, value: ne.value, params: ne }, Ft = {
       selectedCell: ne.value,
       selectedHeader: ne.colDef.field,
       cell: { header: Xe, value: ne.value, params: ne, parentRowNode: zt }
     };
-    ot(Rt), Fe((Lt) => ({ ...Lt, ...Ft })), f(ne, ne.value, ne.colDef.field);
+    ot(Pt), Fe((Lt) => ({ ...Lt, ...Ft })), f(ne, ne.value, ne.colDef.field);
   }, [Fe, f]), jn = ae((ne) => {
     const { event: Ce, value: Xe } = ne;
     if ((Z.current?.api?.getSelectedRows() || [])?.length == 0)
       return;
-    const Rt = !!ge.value;
-    ot({ header: Rt ? ge.header : " ", value: Rt ? ge.value : " ", params: ne }), Qt(Rt), Ce.preventDefault(), Rn(Ce);
+    const Pt = !!ge.value;
+    ot({ header: Pt ? ge.header : " ", value: Pt ? ge.value : " ", params: ne }), Qt(Pt), Ce.preventDefault(), Rn(Ce);
   }, [ge.value, ge.header]);
   K(() => {
     if (b ? Fe((ne) => ({ ...ne, ready: !0 })) : b == !1 && Fe((ne) => ({ ...ne, ready: !1 })), b == !0)
@@ -14822,7 +14827,7 @@ const $i = En({}), $b = de((e, n) => {
   const On = ae((ne, Ce) => {
     ce((Xe) => ({ ...Xe, [ne]: Ce }));
   }, [ge, Oe, Ae]);
-  Ot(n, () => ({
+  Nt(n, () => ({
     ...n?.current,
     ...Ae,
     cell: ge,
@@ -14874,12 +14879,12 @@ const $i = En({}), $b = de((e, n) => {
         if (Ce) {
           const Xe = JSON.parse(Ce);
           console.log("Restoring column state on firstDataRendered:", Xe);
-          const Rt = ne.api.getColumnState().map((Ft) => {
+          const Pt = ne.api.getColumnState().map((Ft) => {
             const Lt = Xe[Ft.colId];
             return Lt !== void 0 ? { ...Ft, hide: Lt.hide } : Ft;
           });
           ne.api.applyColumnState({
-            state: Rt,
+            state: Pt,
             applyOrder: !1
           });
         }
@@ -15033,7 +15038,7 @@ const $i = En({}), $b = de((e, n) => {
         /* @__PURE__ */ c.jsx(
           _r,
           {
-            items: { items: At },
+            items: { items: Rt },
             event: fn
           }
         ),
@@ -15698,7 +15703,7 @@ function Xo(...e) {
   }), r), {}), t = (r) => Object.keys(r).reduce((o, s) => n[s] ? Ar(o, n[s](r)) : o, {});
   return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((r, o) => Object.assign(r, o.propTypes), {}) : {}, t.filterProps = e.reduce((r, o) => r.concat(o.filterProps), []), t;
 }
-function xt(e) {
+function Ct(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
 function St(e, n) {
@@ -15708,7 +15713,7 @@ function St(e, n) {
     transform: n
   });
 }
-const c0 = St("border", xt), u0 = St("borderTop", xt), d0 = St("borderRight", xt), f0 = St("borderBottom", xt), p0 = St("borderLeft", xt), m0 = St("borderColor"), h0 = St("borderTopColor"), g0 = St("borderRightColor"), y0 = St("borderBottomColor"), v0 = St("borderLeftColor"), b0 = St("outline", xt), x0 = St("outlineColor"), Qo = (e) => {
+const c0 = St("border", Ct), u0 = St("borderTop", Ct), d0 = St("borderRight", Ct), f0 = St("borderBottom", Ct), p0 = St("borderLeft", Ct), m0 = St("borderColor"), h0 = St("borderTopColor"), g0 = St("borderRightColor"), y0 = St("borderBottomColor"), v0 = St("borderLeftColor"), b0 = St("outline", Ct), x0 = St("outlineColor"), Qo = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const n = Br(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (r) => ({
       borderRadius: Vr(n, r)
@@ -15799,12 +15804,12 @@ const P0 = Ve({
   transform: Un
 });
 Xo(P0, $0, j0);
-function ft(e) {
+function pt(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
 const O0 = Ve({
   prop: "width",
-  transform: ft
+  transform: pt
 }), Oi = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const n = (t) => {
@@ -15815,7 +15820,7 @@ const O0 = Ve({
       } : {
         maxWidth: s
       } : {
-        maxWidth: ft(t)
+        maxWidth: pt(t)
       };
     };
     return Kt(e, e.maxWidth, n);
@@ -15825,26 +15830,26 @@ const O0 = Ve({
 Oi.filterProps = ["maxWidth"];
 const _0 = Ve({
   prop: "minWidth",
-  transform: ft
+  transform: pt
 }), I0 = Ve({
   prop: "height",
-  transform: ft
+  transform: pt
 }), M0 = Ve({
   prop: "maxHeight",
-  transform: ft
+  transform: pt
 }), D0 = Ve({
   prop: "minHeight",
-  transform: ft
+  transform: pt
 });
 Ve({
   prop: "size",
   cssProperty: "width",
-  transform: ft
+  transform: pt
 });
 Ve({
   prop: "size",
   cssProperty: "height",
-  transform: ft
+  transform: pt
 });
 const z0 = Ve({
   prop: "boxSizing"
@@ -15854,23 +15859,23 @@ const ts = {
   // borders
   border: {
     themeKey: "borders",
-    transform: xt
+    transform: Ct
   },
   borderTop: {
     themeKey: "borders",
-    transform: xt
+    transform: Ct
   },
   borderRight: {
     themeKey: "borders",
-    transform: xt
+    transform: Ct
   },
   borderBottom: {
     themeKey: "borders",
-    transform: xt
+    transform: Ct
   },
   borderLeft: {
     themeKey: "borders",
-    transform: xt
+    transform: Ct
   },
   borderColor: {
     themeKey: "palette"
@@ -15889,7 +15894,7 @@ const ts = {
   },
   outline: {
     themeKey: "borders",
-    transform: xt
+    transform: Ct
   },
   outlineColor: {
     themeKey: "palette"
@@ -16095,22 +16100,22 @@ const ts = {
   },
   // sizing
   width: {
-    transform: ft
+    transform: pt
   },
   maxWidth: {
     style: Oi
   },
   minWidth: {
-    transform: ft
+    transform: pt
   },
   height: {
-    transform: ft
+    transform: pt
   },
   maxHeight: {
-    transform: ft
+    transform: pt
   },
   minHeight: {
-    transform: ft
+    transform: pt
   },
   boxSizing: {},
   // typography
@@ -17180,7 +17185,7 @@ function xx(e) {
     colorScheme: "light"
   }), M.shouldSkipGeneratingVar = w, M.applyStyles = Vu, M;
 }
-const Uu = xx(), gt = rx({
+const Uu = xx(), yt = rx({
   defaultTheme: Uu,
   themeId: Du
 });
@@ -17198,7 +17203,7 @@ function os({
   });
 }
 const Cx = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], wx = ["component", "slots", "slotProps"], Sx = ["component"];
-function pt(e, n) {
+function mt(e, n) {
   const {
     className: t,
     elementType: r,
@@ -17254,7 +17259,7 @@ const Tx = ["children", "className", "color", "component", "fontSize", "htmlColo
   sm: "xl",
   md: "xl2",
   lg: "xl3"
-}, Ax = gt("svg", {
+}, Ax = yt("svg", {
   name: "JoySvgIcon",
   slot: "Root",
   overridesResolver: (e, n) => n.root
@@ -17318,7 +17323,7 @@ const Tx = ["children", "className", "color", "component", "fontSize", "htmlColo
     component: a,
     slots: y,
     slotProps: d
-  }), [v, S] = pt("root", {
+  }), [v, S] = mt("root", {
     ref: t,
     className: $e(x.root, s),
     elementType: Ax,
@@ -17462,21 +17467,21 @@ const _x = (e) => {
     endDecorator: ["endDecorator"]
   };
   return Bv(i, $x, {});
-}, Ix = gt("span", {
+}, Ix = yt("span", {
   name: "JoyTypography",
   slot: "StartDecorator",
   overridesResolver: (e, n) => n.startDecorator
 })({
   display: "inline-flex",
   marginInlineEnd: "clamp(4px, var(--Typography-gap, 0.375em), 0.75rem)"
-}), Mx = gt("span", {
+}), Mx = yt("span", {
   name: "JoyTypography",
   slot: "endDecorator",
   overridesResolver: (e, n) => n.endDecorator
 })({
   display: "inline-flex",
   marginInlineStart: "clamp(4px, var(--Typography-gap, 0.375em), 0.75rem)"
-}), Dx = gt("span", {
+}), Dx = yt("span", {
   name: "JoyTypography",
   slot: "Root",
   overridesResolver: (e, n) => n.root
@@ -17572,18 +17577,18 @@ const _x = (e) => {
     component: B,
     slots: k,
     slotProps: v
-  }), [_, H] = pt("root", {
+  }), [_, H] = mt("root", {
     ref: t,
     className: b.root,
     elementType: Dx,
     externalForwardedProps: O,
     ownerState: F
-  }), [D, L] = pt("startDecorator", {
+  }), [D, L] = mt("startDecorator", {
     className: b.startDecorator,
     elementType: Ix,
     externalForwardedProps: O,
     ownerState: F
-  }), [j, X] = pt("endDecorator", {
+  }), [j, X] = mt("endDecorator", {
     className: b.endDecorator,
     elementType: Mx,
     externalForwardedProps: O,
@@ -17731,7 +17736,7 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     label: ["label"]
   };
   return si(u, kx, {});
-}, Lx = gt("span", {
+}, Lx = yt("span", {
   name: "JoyCheckbox",
   slot: "Root",
   overridesResolver: (e, n) => n.root
@@ -17778,7 +17783,7 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
       color: (o = n.variants[`${e.variant}Disabled`]) == null || (o = o[e.color]) == null ? void 0 : o.color
     }
   });
-}), Bx = gt("span", {
+}), Bx = yt("span", {
   name: "JoyCheckbox",
   slot: "Checkbox",
   overridesResolver: (e, n) => n.checkbox
@@ -17815,7 +17820,7 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
   }, {
     [`&.${Yn.disabled}`]: (i = e.variants[`${n.variant}Disabled`]) == null ? void 0 : i[n.color]
   }]];
-}), Vx = gt("span", {
+}), Vx = yt("span", {
   name: "JoyCheckbox",
   slot: "Action",
   overridesResolver: (e, n) => n.action
@@ -17844,7 +17849,7 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
   }, {
     [`&.${Yn.disabled}`]: (s = e.variants[`${n.variant}Disabled`]) == null ? void 0 : s[n.color]
   }] : []];
-}), Wx = gt("input", {
+}), Wx = yt("input", {
   name: "JoyCheckbox",
   slot: "Input",
   overridesResolver: (e, n) => n.input
@@ -17855,7 +17860,7 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
   width: "100%",
   height: "100%",
   cursor: "pointer"
-})), Hx = gt("label", {
+})), Hx = yt("label", {
   name: "JoyCheckbox",
   slot: "Label",
   overridesResolver: (e, n) => n.label
@@ -17934,23 +17939,23 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     component: H,
     slots: D,
     slotProps: L
-  }), [Ae, Fe] = pt("root", {
+  }), [Ae, Fe] = mt("root", {
     ref: t,
     className: ot.root,
     elementType: Lx,
     externalForwardedProps: me,
     ownerState: ge
-  }), [ut, kt] = pt("checkbox", {
+  }), [ut, kt] = mt("checkbox", {
     className: ot.checkbox,
     elementType: Bx,
     externalForwardedProps: me,
     ownerState: ge
-  }), [le, _t] = pt("action", {
+  }), [le, _t] = mt("action", {
     className: ot.action,
     elementType: Vx,
     externalForwardedProps: me,
     ownerState: ge
-  }), [It, dn] = pt("input", {
+  }), [It, dn] = mt("input", {
     additionalProps: q({
       id: M,
       name: k,
@@ -17968,7 +17973,7 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     externalForwardedProps: me,
     getSlotProps: G,
     ownerState: ge
-  }), [fn, Rn] = pt("label", {
+  }), [fn, Rn] = mt("label", {
     additionalProps: {
       htmlFor: M
     },
@@ -17977,12 +17982,12 @@ const zx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     externalForwardedProps: me,
     ownerState: ge
   });
-  let Nt = f;
-  return d ? Nt = null : E ? Nt = x : Z && (Nt = p), /* @__PURE__ */ c.jsxs(Ae, q({}, Fe, {
+  let At = f;
+  return d ? At = null : E ? At = x : Z && (At = p), /* @__PURE__ */ c.jsxs(Ae, q({}, Fe, {
     children: [/* @__PURE__ */ c.jsxs(ut, q({}, kt, {
       children: [/* @__PURE__ */ c.jsx(le, q({}, _t, {
         children: /* @__PURE__ */ c.jsx(It, q({}, dn))
-      })), Nt]
+      })), At]
     })), m && /* @__PURE__ */ c.jsx(ko.Provider, {
       value: !0,
       children: /* @__PURE__ */ c.jsx(fn, q({}, Rn, {
@@ -18862,7 +18867,7 @@ process.env.NODE_ENV !== "production" && (td.propTypes = {
    */
   timeout: h.number.isRequired
 });
-const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), ei = 550, SC = 80, kC = Qn`
+const bt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), ei = 550, SC = 80, kC = Qn`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -18912,7 +18917,7 @@ const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
   opacity: 0;
   position: absolute;
 
-  &.${vt.rippleVisible} {
+  &.${bt.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
     animation-name: ${kC};
@@ -18922,13 +18927,13 @@ const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
 }) => e.transitions.easing.easeInOut};
   }
 
-  &.${vt.ripplePulsate} {
+  &.${bt.ripplePulsate} {
     animation-duration: ${({
   theme: e
 }) => e.transitions.duration.shorter}ms;
   }
 
-  & .${vt.child} {
+  & .${bt.child} {
     opacity: 1;
     display: block;
     width: 100%;
@@ -18937,7 +18942,7 @@ const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     background-color: currentColor;
   }
 
-  & .${vt.childLeaving} {
+  & .${bt.childLeaving} {
     opacity: 0;
     animation-name: ${EC};
     animation-duration: ${ei}ms;
@@ -18946,7 +18951,7 @@ const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
 }) => e.transitions.easing.easeInOut};
   }
 
-  & .${vt.childPulsate} {
+  & .${bt.childPulsate} {
     position: absolute;
     /* @noflip */
     left: 0px;
@@ -18982,12 +18987,12 @@ const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     } = k;
     u((B) => [...B, /* @__PURE__ */ c.jsx(AC, {
       classes: {
-        ripple: $e(s.ripple, vt.ripple),
-        rippleVisible: $e(s.rippleVisible, vt.rippleVisible),
-        ripplePulsate: $e(s.ripplePulsate, vt.ripplePulsate),
-        child: $e(s.child, vt.child),
-        childLeaving: $e(s.childLeaving, vt.childLeaving),
-        childPulsate: $e(s.childPulsate, vt.childPulsate)
+        ripple: $e(s.ripple, bt.ripple),
+        rippleVisible: $e(s.rippleVisible, bt.rippleVisible),
+        ripplePulsate: $e(s.ripplePulsate, bt.ripplePulsate),
+        child: $e(s.child, bt.child),
+        childLeaving: $e(s.childLeaving, bt.childLeaving),
+        childPulsate: $e(s.childPulsate, bt.childPulsate)
       },
       timeout: ei,
       pulsate: v,
@@ -19065,7 +19070,7 @@ const vt = Nn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     start: w,
     stop: x
   }), [E, w, x]), /* @__PURE__ */ c.jsx(NC, {
-    className: $e(vt.root, s.root, i),
+    className: $e(bt.root, s.root, i),
     ref: d,
     ...a,
     children: /* @__PURE__ */ c.jsx(Ii, {
@@ -20470,7 +20475,7 @@ const s1 = (e) => {
     acceptButtonParams: s.acceptButtonParams || { variant: "primary" },
     declineButtonParams: s.declineButtonParams || { variant: "primary" },
     warning: s.warning || !1,
-    id: s.id || Ct(),
+    id: s.id || dt(),
     index: i,
     acceptLabel: s.acceptLabel || "OK",
     declineLabel: s.declineLabel || "Cancel",
@@ -20535,7 +20540,7 @@ const u1 = ["color", "backgroundColor"], d1 = ["children", "className", "color",
 function Vn(e, n) {
   return `var(--CircularProgress-${e}Thickness, var(--CircularProgress-thickness, ${n}))`;
 }
-const m1 = gt("span", {
+const m1 = yt("span", {
   name: "JoyCircularProgress",
   slot: "Root",
   overridesResolver: (e, n) => n.root
@@ -20620,7 +20625,7 @@ const m1 = gt("span", {
     "--CircularProgress-trackColor": (o = n.variants.softHover) == null ? void 0 : o[e.color].backgroundColor,
     "--CircularProgress-progressColor": (s = n.variants.solid) == null ? void 0 : s[e.color].backgroundColor
   });
-}), h1 = gt("svg", {
+}), h1 = yt("svg", {
   name: "JoyCircularProgress",
   slot: "Svg",
   overridesResolver: (e, n) => n.svg
@@ -20634,7 +20639,7 @@ const m1 = gt("span", {
   // centered align
   left: "calc(-1 * var(--variant-borderWidth, 0px))"
   // centered align
-}), g1 = gt("circle", {
+}), g1 = yt("circle", {
   name: "JoyCircularProgress",
   slot: "track",
   overridesResolver: (e, n) => n.track
@@ -20645,7 +20650,7 @@ const m1 = gt("span", {
   fill: "transparent",
   strokeWidth: "var(--_track-thickness)",
   stroke: "var(--CircularProgress-trackColor)"
-}), y1 = gt("circle", {
+}), y1 = yt("circle", {
   name: "JoyCircularProgress",
   slot: "progress",
   overridesResolver: (e, n) => n.progress
@@ -20700,7 +20705,7 @@ const m1 = gt("span", {
     component: m,
     slots: g,
     slotProps: y
-  }), [x, k] = pt("root", {
+  }), [x, k] = mt("root", {
     ref: t,
     className: $e(w.root, s),
     elementType: m1,
@@ -20717,17 +20722,17 @@ const m1 = gt("span", {
     }, p && f && {
       "aria-valuenow": Math.round(typeof p == "number" ? p : Number(p || 0))
     })
-  }), [v, S] = pt("svg", {
+  }), [v, S] = mt("svg", {
     className: w.svg,
     elementType: h1,
     externalForwardedProps: E,
     ownerState: C
-  }), [N, A] = pt("track", {
+  }), [N, A] = mt("track", {
     className: w.track,
     elementType: g1,
     externalForwardedProps: E,
     ownerState: C
-  }), [P, B] = pt("progress", {
+  }), [P, B] = mt("progress", {
     className: w.progress,
     elementType: y1,
     externalForwardedProps: E,
@@ -20900,7 +20905,7 @@ const ri = ye("rounded relative", {
   }, [t, o]), /* @__PURE__ */ c.jsx(gf, {});
 }), ld = En({ name: "", onChange: () => {
 } }), zw = (e) => {
-  const n = ie(null), t = Ct(), r = ie(null), { name: o, onChange: s } = rt(ld), {
+  const n = ie(null), t = dt(), r = ie(null), { name: o, onChange: s } = rt(ld), {
     children: i,
     header: a,
     onSelect: l = () => {
@@ -21006,7 +21011,7 @@ const ri = ye("rounded relative", {
     onContextMenu: o,
     className: s,
     style: i
-  } = e, a = Ct(), [l, u] = I();
+  } = e, a = dt(), [l, u] = I();
   K(() => {
     l && l.ref.current && (je("#" + a + " *").removeClass("css-c-233"), l.ref.current.classList.add("css-c-233"), r(l.event, l.checked, l));
   }, [l]);
@@ -21311,7 +21316,7 @@ const N1 = ye("relative w-fit data-[state=active]:font-medium group", {
     }) })
   ] });
 }), Vw = de((e, n) => {
-  const t = Ct(), [r, o] = I(null), [s, i] = I(null), [a, l] = I(null), [u, f] = I(null), {
+  const t = dt(), [r, o] = I(null), [s, i] = I(null), [a, l] = I(null), [u, f] = I(null), {
     resize: p = "both"
   } = e, m = (y, d) => {
     p == "both" && (d == "y" && (o(y.clientY), i(resizable.offsetHeight)), d == "x" && (l(y.clientX), f(resizable.offsetWidth)));
@@ -21693,7 +21698,7 @@ const pd = En({}), Kw = (e) => {
     toast: l,
     ready: r
   }), [t, r]);
-  return Ot(n, () => ({
+  return Nt(n, () => ({
     ...m,
     props: e
   }), [m, r]), To(() => {
@@ -21778,7 +21783,7 @@ export {
   Lw as useApi,
   Dr as useBoxSize,
   it as useGeneratedId,
-  Ct as useRandomId,
+  dt as useRandomId,
   Yw as useStore,
   Gw as useVariable
 };