@abdellatifui/react 3.2.128 → 3.2.129

package/dist/nextgen.js

@@ -4,7 +4,7 @@ import * as Wr from "@radix-ui/react-tooltip";
 import { createPortal as Bo } from "react-dom";
 import * as ct from "@radix-ui/react-alert-dialog";
 import { Slot as gf } from "@radix-ui/react-slot";
-import de from "jquery";
+import ce from "jquery";
 import { ClickAwayListener as yf, MenuItem as vf, TableContainer as bf, Paper as xf, Table as Cf, TableHead as wf, TableRow as wa, TableCell as io, TableBody as Sf } from "@mui/material";
 import { MapboxOverlay as kf } from "@deck.gl/mapbox";
 import Ef from "maplibre-gl";
@@ -645,7 +645,7 @@ const wp = (e, n) => {
     g,
     ie,
     se
-  ], X = () => ["none", me, ie, se], J = () => ["none", me, ie, se], ce = () => [me, ie, se], ee = () => [Mn, "full", ...E()];
+  ], X = () => ["none", me, ie, se], J = () => ["none", me, ie, se], ue = () => [me, ie, se], ee = () => [Mn, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -2653,21 +2653,21 @@ const wp = (e, n) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ce()
+        skew: ue()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ce()
+        "skew-x": ue()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ce()
+        "skew-y": ue()
       }],
       /**
        * Transform
@@ -6066,13 +6066,13 @@ const ah = Ce("flex items-center justify-center z-1 css-iuur1", {
     windowMode: T = !1
   } = e, z = { open: n, ref: k, container: R, children: w, props: e, _children: a, id: r }, q = oe((L) => {
     W({ ...z, event: L }), setTimeout(() => {
-      de(i.current).addClass("opacity-0"), i.current?.addEventListener("transitionend", (X) => {
-        de(R?.current).removeClass("overflow-hidden"), t(!1), l(null), L?.callback?.({ ...z, open: !1 }), P({ ...z, event: L });
+      ce(i.current).addClass("opacity-0"), i.current?.addEventListener("transitionend", (X) => {
+        ce(R?.current).removeClass("overflow-hidden"), t(!1), l(null), L?.callback?.({ ...z, open: !1 }), P({ ...z, event: L });
       });
     }, U);
   }, [n, R, U]), V = oe((L) => {
-    O({ ...z, open: !0, event: L }), de(R?.current).addClass("overflow-hidden"), t(!0), setTimeout(() => {
-      de(i.current).removeClass("opacity-0");
+    O({ ...z, open: !0, event: L }), ce(R?.current).addClass("overflow-hidden"), t(!0), setTimeout(() => {
+      ce(i.current).removeClass("opacity-0");
     }, 50);
   }, [n, R, i]);
   Y(() => {
@@ -6341,10 +6341,10 @@ function fh() {
     function J(ee) {
       return k(ee) === o;
     }
-    function ce(ee) {
+    function ue(ee) {
       return k(ee) === p;
     }
-    xe.AsyncMode = v, xe.ConcurrentMode = N, xe.ContextConsumer = A, xe.ContextProvider = E, xe.Element = $, xe.ForwardRef = F, xe.Fragment = R, xe.Lazy = b, xe.Memo = O, xe.Portal = P, xe.Profiler = W, xe.StrictMode = D, xe.Suspense = U, xe.isAsyncMode = K, xe.isConcurrentMode = _, xe.isContextConsumer = T, xe.isContextProvider = z, xe.isElement = q, xe.isForwardRef = V, xe.isFragment = te, xe.isLazy = re, xe.isMemo = G, xe.isPortal = L, xe.isProfiler = X, xe.isStrictMode = J, xe.isSuspense = ce, xe.isValidElementType = C, xe.typeOf = k;
+    xe.AsyncMode = v, xe.ConcurrentMode = N, xe.ContextConsumer = A, xe.ContextProvider = E, xe.Element = $, xe.ForwardRef = F, xe.Fragment = R, xe.Lazy = b, xe.Memo = O, xe.Portal = P, xe.Profiler = W, xe.StrictMode = D, xe.Suspense = U, xe.isAsyncMode = K, xe.isConcurrentMode = _, xe.isContextConsumer = T, xe.isContextProvider = z, xe.isElement = q, xe.isForwardRef = V, xe.isFragment = te, xe.isLazy = re, xe.isMemo = G, xe.isPortal = L, xe.isProfiler = X, xe.isStrictMode = J, xe.isSuspense = ue, xe.isValidElementType = C, xe.typeOf = k;
   })()), xe;
 }
 var Ga;
@@ -6512,8 +6512,8 @@ function hh() {
     function x(_) {
       if (process.env.NODE_ENV !== "production")
         var T = {}, z = 0;
-      function q(te, re, G, L, X, J, ce) {
-        if (L = L || m, J = J || G, ce !== t) {
+      function q(te, re, G, L, X, J, ue) {
+        if (L = L || m, J = J || G, ue !== t) {
           if (l) {
             var ee = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -6608,7 +6608,7 @@ function hh() {
         for (var G = z[q], L = 0; L < _.length; L++)
           if (g(G, _[L]))
             return null;
-        var X = JSON.stringify(_, function(ce, ee) {
+        var X = JSON.stringify(_, function(ue, ee) {
           var Be = U(ee);
           return Be === "symbol" ? String(ee) : ee;
         });
@@ -6645,7 +6645,7 @@ function hh() {
       }
       function q(V, te, re, G, L) {
         for (var X = [], J = 0; J < _.length; J++) {
-          var ce = _[J], ee = ce(V, te, re, G, L, t);
+          var ue = _[J], ee = ue(V, te, re, G, L, t);
           if (ee == null)
             return null;
           ee.data && r(ee.data, "expectedType") && X.push(ee.data.expectedType);
@@ -6675,9 +6675,9 @@ function hh() {
           var J = _[X];
           if (typeof J != "function")
             return R(V, te, re, X, U(J));
-          var ce = J(G, X, V, te, re + "." + X, t);
-          if (ce)
-            return ce;
+          var ue = J(G, X, V, te, re + "." + X, t);
+          if (ue)
+            return ue;
         }
         return null;
       }
@@ -6690,15 +6690,15 @@ function hh() {
           return new d("Invalid " + te + " `" + re + "` of type `" + L + "` " + ("supplied to `" + V + "`, expected `object`."));
         var X = n({}, z[q], _);
         for (var J in X) {
-          var ce = _[J];
-          if (r(_, J) && typeof ce != "function")
-            return R(V, te, re, J, U(ce));
-          if (!ce)
+          var ue = _[J];
+          if (r(_, J) && typeof ue != "function")
+            return R(V, te, re, J, U(ue));
+          if (!ue)
             return new d(
               "Invalid " + te + " `" + re + "` key `" + J + "` supplied to `" + V + "`.\nBad object: " + JSON.stringify(z[q], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(_), null, "  ")
             );
-          var ee = ce(G, J, V, te, re + "." + J, t);
+          var ee = ue(G, J, V, te, re + "." + J, t);
           if (ee)
             return ee;
         }
@@ -8944,8 +8944,8 @@ function Iy(e) {
     }
   }, v = (L) => {
     var X;
-    const J = L.split("-"), ce = J[1], ee = J[2];
-    return C(L, (X = k[ce]) == null ? void 0 : X[ee]);
+    const J = L.split("-"), ue = J[1], ee = J[2];
+    return C(L, (X = k[ue]) == null ? void 0 : X[ee]);
   }, N = (L) => ({
     plainColor: v(`palette-${L}-500`),
     plainHoverBg: v(`palette-${L}-100`),
@@ -9261,7 +9261,7 @@ function Iy(e) {
             theme: X
           }) => {
             var J;
-            const ce = L.instanceFontSize;
+            const ue = L.instanceFontSize;
             return Q({
               margin: "var(--Icon-margin)"
             }, L.fontSize && L.fontSize !== "inherit" && {
@@ -9270,8 +9270,8 @@ function Iy(e) {
               color: `var(--Icon-color, ${z.vars.palette.text.icon})`
             }, L.color && L.color !== "inherit" && X.vars.palette[L.color] && {
               color: `rgba(${(J = X.vars.palette[L.color]) == null ? void 0 : J.mainChannel} / 1)`
-            }), ce && ce !== "inherit" && {
-              "--Icon-fontSize": X.vars.fontSize[ce]
+            }), ue && ue !== "inherit" && {
+              "--Icon-fontSize": X.vars.fontSize[ue]
             });
           }
         }
@@ -9283,12 +9283,12 @@ function Iy(e) {
   });
   function q(L, X) {
     Object.keys(X).forEach((J) => {
-      const ce = {
+      const ue = {
         main: "500",
         light: "200",
         dark: "700"
       };
-      L === "dark" && (ce.main = 400), !X[J].mainChannel && X[J][ce.main] && (X[J].mainChannel = vn(X[J][ce.main])), !X[J].lightChannel && X[J][ce.light] && (X[J].lightChannel = vn(X[J][ce.light])), !X[J].darkChannel && X[J][ce.dark] && (X[J].darkChannel = vn(X[J][ce.dark]));
+      L === "dark" && (ue.main = 400), !X[J].mainChannel && X[J][ue.main] && (X[J].mainChannel = vn(X[J][ue.main])), !X[J].lightChannel && X[J][ue.light] && (X[J].lightChannel = vn(X[J][ue.light])), !X[J].darkChannel && X[J][ue.dark] && (X[J].darkChannel = vn(X[J][ue.dark]));
     });
   }
   Object.entries(z.colorSchemes).forEach(([L, X]) => {
@@ -10079,14 +10079,14 @@ const Jy = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     checked: te,
     disabled: re,
     focusVisible: G
-  } = rg(q), L = te || w, ce = L ? O || "solid" : O || "outlined", ee = n.color || (K != null && K.error ? "danger" : (a = K?.color) != null ? a : b), it = Q({}, l, {
+  } = rg(q), L = te || w, ue = L ? O || "solid" : O || "outlined", ee = n.color || (K != null && K.error ? "danger" : (a = K?.color) != null ? a : b), it = Q({}, l, {
     checked: te,
     disabled: re,
     disableIcon: d,
     overlay: x,
     focusVisible: G,
     color: L ? ee || "primary" : ee || "neutral",
-    variant: ce,
+    variant: ue,
     size: T
   }), pe = Zy(it), Ye = Q({}, M, {
     component: W,
@@ -10103,7 +10103,7 @@ const Jy = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     elementType: tv,
     externalForwardedProps: Ye,
     ownerState: it
-  }), [ue, Rn] = ht("action", {
+  }), [de, Rn] = ht("action", {
     className: pe.action,
     elementType: nv,
     externalForwardedProps: Ye,
@@ -10138,7 +10138,7 @@ const Jy = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
   let pt = f;
   return d ? pt = null : w ? pt = C : te && (pt = p), /* @__PURE__ */ c.jsxs(at, Q({}, Ot, {
     children: [/* @__PURE__ */ c.jsxs(ye, Q({}, Ft, {
-      children: [/* @__PURE__ */ c.jsx(ue, Q({}, Rn, {
+      children: [/* @__PURE__ */ c.jsx(de, Q({}, Rn, {
         children: /* @__PURE__ */ c.jsx(Ct, Q({}, pn))
       })), pt]
     })), m && /* @__PURE__ */ c.jsx(Oo.Provider, {
@@ -14230,23 +14230,23 @@ const cx = An("MuiButtonBase", ["root", "disabled", "focusVisible"]), ux = (e) =
   j.useEffect(() => {
     T && m && !f && K.pulsate();
   }, [f, m, T, K]);
-  const V = Ut(K, "start", A, p), te = Ut(K, "stop", S, p), re = Ut(K, "stop", w, p), G = Ut(K, "stop", $, p), L = Ut(K, "stop", (ue) => {
-    T && ue.preventDefault(), E && E(ue);
-  }, p), X = Ut(K, "start", b, p), J = Ut(K, "stop", F, p), ce = Ut(K, "stop", R, p), ee = Ut(K, "stop", (ue) => {
-    ql(ue.target) || z(!1), d && d(ue);
-  }, !1), Be = To((ue) => {
-    M.current || (M.current = ue.currentTarget), ql(ue.target) && (z(!0), k && k(ue)), C && C(ue);
+  const V = Ut(K, "start", A, p), te = Ut(K, "stop", S, p), re = Ut(K, "stop", w, p), G = Ut(K, "stop", $, p), L = Ut(K, "stop", (de) => {
+    T && de.preventDefault(), E && E(de);
+  }, p), X = Ut(K, "start", b, p), J = Ut(K, "stop", F, p), ue = Ut(K, "stop", R, p), ee = Ut(K, "stop", (de) => {
+    ql(de.target) || z(!1), d && d(de);
+  }, !1), Be = To((de) => {
+    M.current || (M.current = de.currentTarget), ql(de.target) && (z(!0), k && k(de)), C && C(de);
   }), ft = () => {
-    const ue = M.current;
-    return l && l !== "button" && !(ue.tagName === "A" && ue.href);
-  }, it = To((ue) => {
-    m && !ue.repeat && T && ue.key === " " && K.stop(ue, () => {
-      K.start(ue);
-    }), ue.target === ue.currentTarget && ft() && ue.key === " " && ue.preventDefault(), v && v(ue), ue.target === ue.currentTarget && ft() && ue.key === "Enter" && !u && (ue.preventDefault(), x && x(ue));
-  }), pe = To((ue) => {
-    m && ue.key === " " && T && !ue.defaultPrevented && K.stop(ue, () => {
-      K.pulsate(ue);
-    }), N && N(ue), x && ue.target === ue.currentTarget && ft() && ue.key === " " && !ue.defaultPrevented && x(ue);
+    const de = M.current;
+    return l && l !== "button" && !(de.tagName === "A" && de.href);
+  }, it = To((de) => {
+    m && !de.repeat && T && de.key === " " && K.stop(de, () => {
+      K.start(de);
+    }), de.target === de.currentTarget && ft() && de.key === " " && de.preventDefault(), v && v(de), de.target === de.currentTarget && ft() && de.key === "Enter" && !u && (de.preventDefault(), x && x(de));
+  }), pe = To((de) => {
+    m && de.key === " " && T && !de.defaultPrevented && K.stop(de, () => {
+      K.pulsate(de);
+    }), N && N(de), x && de.target === de.currentTarget && ft() && de.key === " " && !de.defaultPrevented && x(de);
   });
   let Ye = l;
   Ye === "button" && (U.href || U.to) && (Ye = g);
@@ -14278,7 +14278,7 @@ const cx = An("MuiButtonBase", ["root", "disabled", "focusVisible"]), ux = (e) =
     onMouseUp: G,
     onDragLeave: re,
     onTouchEnd: J,
-    onTouchMove: ce,
+    onTouchMove: ue,
     onTouchStart: X,
     ref: Ot,
     tabIndex: u ? -1 : O,
@@ -15928,18 +15928,19 @@ const Qx = (e) => {
     draggable: a
   } = e, l = ze(), [u, f] = I(!1);
   function p() {
-    de(".abui-window-box").attr("data-ontop", "false"), de(".abui-window-box-content").attr("data-ontop", "false"), de(n.current).parent().attr("data-ontop", "true"), de(n.current).attr("data-ontop", "true");
+    ce(".abui-window-box").attr("data-ontop", "false"), ce(".abui-window-box-content").attr("data-ontop", "false"), ce(n.current).parent().attr("data-ontop", "true"), ce(n.current).attr("data-ontop", "true");
   }
-  const m = (h) => {
-    p();
-  };
-  return /* @__PURE__ */ c.jsx(
+  return Y(() => (p(), ce(document).on("bringtofront", (m, h) => {
+    h === s && p();
+  }), () => {
+    ce(document).off("bringtofront");
+  }), []), /* @__PURE__ */ c.jsx(
     zi,
     {
-      defaultClassName: "group absolute z-auto abui-window-box data-[ontop=true]:z-50",
+      defaultClassName: "group absolute z-auto abui-window-box data-[ontop=true]:z-50 pointer-events-auto",
       handle: ".abui-window-box-dragger",
-      onClick: m,
-      onStart: m,
+      onClick: p,
+      onStart: p,
       disabled: !a,
       defaultPosition: {
         y: i * 25,
@@ -15952,8 +15953,8 @@ const Qx = (e) => {
           ref: n,
           "data-window-id": s,
           className: "abui-window-box-content relative data-[ontop=true]:shadow",
-          onClick: m,
-          onDragStart: m,
+          onClick: p,
+          onDragStart: p,
           children: [
             /* @__PURE__ */ c.jsx("div", { className: B(
               "abui-window-box-dragger z-51 w-full absolute top-0 left-0 h-3",
@@ -16018,7 +16019,10 @@ const Qx = (e) => {
     $([]);
   }), [p]);
   function U(_, T, z = {}) {
-    if (g.find((te) => te.id === _)) return;
+    if (g.find((te) => te.id === _)) {
+      ce(document).trigger("bringtofront", [_]);
+      return;
+    }
     const {
       draggable: V = !0
     } = z;
@@ -16077,7 +16081,7 @@ const Qx = (e) => {
     updateTriggerApi: D
   }, children: [
     /* @__PURE__ */ c.jsx(Zx, { onLoad: O }),
-    /* @__PURE__ */ c.jsx("div", { className: "fixed top-0  flex items-center justify-center left-0 w-screen h-screen bg-amber-50 abui-context-root", children: g.length > 0 && g.map((_) => _.portal) }),
+    /* @__PURE__ */ c.jsx("div", { className: "fixed top-0 pointer-events-none z-50 flex items-center justify-center left-0 w-screen h-screen abui-context-root", children: g.length > 0 && g.map((_) => _.portal) }),
     /* @__PURE__ */ c.jsxs(Mr, { children: [
       !u && t && t,
       p && u && n
@@ -16088,7 +16092,7 @@ function ar(e, n = {}) {
   const {
     returnUpdate: t = !1
   } = n, [r, o] = I({ y: 0, x: 0, width: 0, height: 0 }), s = () => {
-    const i = de(e?.current).height(), a = de(e?.current).width();
+    const i = ce(e?.current).height(), a = ce(e?.current).width();
     o({ y: i, x: a, width: a, height: i });
   };
   return Y(() => {
@@ -16279,7 +16283,7 @@ const lC = (e) => {
     k(P), O?.source != "default " && t(O, P);
   }, [n]), b = oe(() => {
     C && setTimeout(() => {
-      const O = "_" + btoa(C).replaceAll("=", ""), P = de("." + O).get(0);
+      const O = "_" + btoa(C).replaceAll("=", ""), P = ce("." + O).get(0);
       P && P.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
     }, 100);
   }, [C]);
@@ -16587,7 +16591,7 @@ const pC = ({
 });
 function yC(e) {
   const [n, t] = I({ y: 0, x: 0, width: 0, height: 0 }), r = () => {
-    const o = de(e).height(), s = de(e).width(), i = e.getBoundingClientRect();
+    const o = ce(e).height(), s = ce(e).width(), i = e.getBoundingClientRect();
     t({ y: o, x: s, width: s, height: o, clientRect: i });
   };
   return Y(() => {
@@ -17490,7 +17494,7 @@ const HC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
           },
           onMouseEnter: (V) => {
             V?.originalEvent?.stopPropagation(), w(!0), console.log(a);
-            const te = de(a?.current?.element?.current).height(), re = de(a?.current?.element?.current).width(), G = N?.current?._pos?.y, L = te - G;
+            const te = ce(a?.current?.element?.current).height(), re = ce(a?.current?.element?.current).width(), G = N?.current?._pos?.y, L = te - G;
             S({
               event: V,
               data: o,
@@ -18929,7 +18933,7 @@ const yc = [
     nodeIconMapperParentClassName: L = "",
     mapStyle: X = yc?.[1],
     isolateNonSelectedLinksOnNodeClick: J = !1,
-    showLinkCount: ce = !0,
+    showLinkCount: ue = !0,
     debug: ee = !1,
     className: Be = "",
     customNavigateButtonsClassName: ft = "",
@@ -18941,7 +18945,7 @@ const yc = [
   ne();
   const Ot = st(4, !0, !1), ye = ne({});
   ne();
-  const Ft = ne(), [ue, Rn] = I([]), [Ct, pn] = I([]), [Xr, jn] = I([]), [pt, Lt] = I(), [On, Qr] = I(null), [lr, mn] = I(null), [$t, hn] = I({}), [Jt, Bt] = I({}), [Pt, gn] = I(!1), [cr, ur] = I({ connections: [], nodes: [], countBoxes: [] }), [ha, $n] = I({}), [ga, Jr] = I(!1), [Es, dr] = I(!1), [Zr, Ts] = I(t), [ya, fr] = I(), [eo, pr] = I(0), [to, rt] = I([]), [It, no] = I([]), [Ns, va] = I(!0), [mr, In] = I(!1), [ro, oo] = I("full"), hr = ne();
+  const Ft = ne(), [de, Rn] = I([]), [Ct, pn] = I([]), [Xr, jn] = I([]), [pt, Lt] = I(), [On, Qr] = I(null), [lr, mn] = I(null), [$t, hn] = I({}), [Jt, Bt] = I({}), [Pt, gn] = I(!1), [cr, ur] = I({ connections: [], nodes: [], countBoxes: [] }), [ha, $n] = I({}), [ga, Jr] = I(!1), [Es, dr] = I(!1), [Zr, Ts] = I(t), [ya, fr] = I(), [eo, pr] = I(0), [to, rt] = I([]), [It, no] = I([]), [Ns, va] = I(!0), [mr, In] = I(!1), [ro, oo] = I("full"), hr = ne();
   Y(() => {
     ee && console.log(e);
   }, [ee]);
@@ -19007,13 +19011,13 @@ const yc = [
       mapStyle: X,
       draggingMode: z,
       isolateNonSelectedLinksOnNodeClick: J,
-      showLinkCount: ce,
+      showLinkCount: ue,
       maxZoomOutForLinkCount: v,
       nodeSizeScaler: N,
       pathCurvature: Ye,
       pathThikness: at
     }));
-  }, [h, at, Ye, l, v, ce, ye?.current, J, z, re, X?.name, U, s, o, i, D, K, a, v, N]);
+  }, [h, at, Ye, l, v, ue, ye?.current, J, z, re, X?.name, U, s, o, i, D, K, a, v, N]);
   const js = le(() => {
     const Z = Zr / t;
     return Fw * Z - 0.3;
@@ -19084,8 +19088,8 @@ const yc = [
   Y(() => {
     ye.current && (yr(n, r), pr((Z) => Z + 1));
   }, [r, n, ye?.current]), Y(() => {
-    ue?.length > 0 && vr(null, "moveend");
-  }, [ue]);
+    de?.length > 0 && vr(null, "moveend");
+  }, [de]);
   const ae = oe(() => {
     localStorage.setItem(`network_map_options_${A}`, JSON.stringify(Ve));
   }, [A, Ve]), ge = oe(() => {
@@ -19125,7 +19129,7 @@ const yc = [
     Z.u_id = ze(), Rn((ve) => [...ve, Z]);
   }
   function Os(Z) {
-    const ve = ue?.filter((Ke) => Ke?.id != Z);
+    const ve = de?.filter((Ke) => Ke?.id != Z);
     Rn(ve);
   }
   function $s(Z) {
@@ -19353,7 +19357,7 @@ const yc = [
                   mapApi: pe,
                   nodes: Ct,
                   selectedNode: Jt,
-                  connections: ue,
+                  connections: de,
                   setNodeContextMenuEvent: mn,
                   setSupressLinkHover: In,
                   nodeIconMapperParentClassName: L
@@ -19511,12 +19515,12 @@ const $d = ln({}), rk = (e) => {
   function S() {
     const w = t.current.dataset.state != "open", C = { ...e, open: w, ref: t, refTrigger: o };
     w && (u(C), setTimeout(() => {
-      de(r.current).find("div").first().removeClass("css-opacity-0");
+      ce(r.current).find("div").first().removeClass("css-opacity-0");
     }, h)), w || f(C), g((k) => ({ ...k, ...C }));
   }
   return Y(() => {
     p && o?.current && setTimeout(() => {
-      de(o.current).click();
+      ce(o.current).click();
     }, 100);
   }, [p]), /* @__PURE__ */ c.jsxs(
     sa,
@@ -19845,7 +19849,7 @@ const Qw = (e) => {
     /* @__PURE__ */ c.jsx(Hf, {})
   ]), S = () => {
     console.log(g);
-    const w = de(p?.current)?.closest(".abui-panel")?.parent().attr("data-window-id");
+    const w = ce(p?.current)?.closest(".abui-panel")?.parent().attr("data-window-id");
     g?.removeHtmlElement?.(w), h?.();
   };
   return Y(() => {
@@ -19868,8 +19872,8 @@ const Qw = (e) => {
         tooltip1: "Maximize",
         tooltip2: "Minimize",
         onClick: () => {
-          const w = de(p?.current).attr("data-size");
-          de(p?.current).attr("data-size", w === "default" ? "maximized" : "default"), de(p.current).toggleClass("w-screen h-screen fixed top-0 left-0");
+          const w = ce(p?.current).attr("data-size");
+          ce(p?.current).attr("data-size", w === "default" ? "maximized" : "default"), ce(p.current).toggleClass("w-screen h-screen fixed top-0 left-0"), u && (ce(p?.current)?.closest(".abui-window-box").toggleClass("top-0 left-0 transform-none!"), ce(p?.current)?.closest(".abui-context-root").toggleClass("z-600!"));
         }
       }
     ),
@@ -19882,7 +19886,7 @@ const Qw = (e) => {
         tooltip1: a[0],
         tooltip2: a[1],
         onClick: () => {
-          de(p.current).find(".css-i231").toggle();
+          ce(p.current).find(".css-i231").toggle();
         }
       }
     )
@@ -19917,12 +19921,12 @@ const Qw = (e) => {
     /* @__PURE__ */ c.jsx(Ms, { size: 16 }),
     /* @__PURE__ */ c.jsx(wo, { size: 16 })
   ]), [v, N] = I([]), A = oe(() => {
-    p ? (de(w.current).find(".css-i231").hide(), k([/* @__PURE__ */ c.jsx(wo, { size: 16 }), /* @__PURE__ */ c.jsx(Ms, { size: 16 })]), N(["Hide", "Show"])) : p || (de(w.current).find(".css-i231").show(), k([/* @__PURE__ */ c.jsx(Ms, { size: 16 }), /* @__PURE__ */ c.jsx(wo, { size: 16 })]), N(["Show", "Hide"]));
+    p ? (ce(w.current).find(".css-i231").hide(), k([/* @__PURE__ */ c.jsx(wo, { size: 16 }), /* @__PURE__ */ c.jsx(Ms, { size: 16 })]), N(["Hide", "Show"])) : p || (ce(w.current).find(".css-i231").show(), k([/* @__PURE__ */ c.jsx(Ms, { size: 16 }), /* @__PURE__ */ c.jsx(wo, { size: 16 })]), N(["Show", "Hide"]));
   }, [p]);
   Y(() => {
     A();
   }, [p]);
-  const E = le(() => de(w?.current)?.closest(".abui-panel")?.parent().hasClass("abui-window-box-content"), [w?.current]);
+  const E = le(() => ce(w?.current)?.closest(".abui-panel")?.parent().hasClass("abui-window-box-content"), [w?.current]);
   return /* @__PURE__ */ c.jsx(
     zi,
     {
@@ -19935,7 +19939,7 @@ const Qw = (e) => {
           ref: w,
           style: d,
           className: B(
-            "relative bg-accent border p-1 rounded",
+            "relative bg-accent border p-1 rounded transition-all duration-100 ease-in-out",
             m
           ),
           "data-size": "default",
@@ -20121,7 +20125,7 @@ function r1(e, n, t) {
   const [r, o] = I({ x: null, y: null, top: null, left: null, right: null });
   return Y(() => {
     e && setTimeout(() => {
-      const s = { x: e.pageX, y: e.pageY }, i = n.current, a = window.innerWidth, l = window.innerHeight, u = de(i).width(), f = de(i).height(), p = a - (s.x + u), m = l - (s.y + f);
+      const s = { x: e.pageX, y: e.pageY }, i = n.current, a = window.innerWidth, l = window.innerHeight, u = ce(i).width(), f = ce(i).height(), p = a - (s.x + u), m = l - (s.y + f);
       p <= 20 && (s.x = s.x + p - 5), m <= 20 && (s.y = s.y + m - 5), o(s);
     }, 10);
   }, [e]), [r, o];
@@ -20838,10 +20842,10 @@ const ti = Ce(
       $(
         X == "valid" ? /* @__PURE__ */ c.jsx("p", { className: "font-aptos text-green-600", children: J }) : /* @__PURE__ */ c.jsx("p", { className: "font-aptos text-blue-600", children: J })
       ), F && clearTimeout(F);
-      const ce = setTimeout(() => {
+      const ue = setTimeout(() => {
         $(r);
       }, 15e3);
-      R(ce);
+      R(ue);
     }
   }
   function re(X) {
@@ -20851,15 +20855,15 @@ const ti = Ce(
     }
   }
   const G = oe((X, J) => {
-    const ce = de(`#${O}`).val();
-    a === "email" && re(J || ce);
+    const ue = ce(`#${O}`).val();
+    a === "email" && re(J || ue);
   }, [C?.current, O]), L = (X) => {
-    const J = X.target, ce = J.value;
+    const J = X.target, ue = J.value;
     if (u) {
       const ee = J.scrollHeight, Be = J.scrollTop;
       Be > 0 && (J.style.height = ee + Be + "px");
     }
-    e?.readOnly || W(ce);
+    e?.readOnly || W(ue);
   };
   return Y(() => {
     if (z == 0) {
@@ -21203,20 +21207,20 @@ const fk = Oe((e, n) => {
   const p = a?.states?.rowHeightInt, [m, h] = I(0);
   Y(() => {
     if (n?.current)
-      return de(n?.current).on(`expandrow-${o}`, (d, x) => {
+      return ce(n?.current).on(`expandrow-${o}`, (d, x) => {
         i(x);
       }), () => {
-        de(n?.current).off(`expandrow-${o}`), i(null);
+        ce(n?.current).off(`expandrow-${o}`), i(null);
       };
   }, [o]);
   const g = oe((d) => {
-    const x = d.node.rowTop, S = d.node.rowHeight, C = de(a?.tref?.current).find(".ag-body-viewport").height() - 1 - (x + S);
+    const x = d.node.rowTop, S = d.node.rowHeight, C = ce(a?.tref?.current).find(".ag-body-viewport").height() - 1 - (x + S);
     return r({ ...d, remainingBodyHeight: C, size: f });
   }, [r]);
   return Y(() => {
     if (!l.current || f.y == 0 || !s?.node) return;
     const d = s?.expanded ? f?.y + p + 2 : p, x = s?.expanded ? "visible" : "", S = s?.expanded ? 30 : null, w = s?.expanded ? 1 : 0;
-    de(l.current).closest(".ag-row").css("overflow", x), de(l.current).closest(".ag-row").css("z-index", S), s.node.setRowHeight(d), s.api.onRowHeightChanged(), de(l.current).css("opacity", w);
+    ce(l.current).closest(".ag-row").css("overflow", x), ce(l.current).closest(".ag-row").css("z-index", S), s.node.setRowHeight(d), s.api.onRowHeightChanged(), ce(l.current).css("opacity", w);
   }, [f?.y, s?.expanded]), /* @__PURE__ */ c.jsx(
     "div",
     {
@@ -21625,10 +21629,10 @@ const j1 = (e) => /* @__PURE__ */ c.jsx(k1, { ...e }), O1 = (e) => {
     cellGrid: m
   } = e, { valueFormatted: h, data: g, context: d, colDef: x, node: S, value: w } = l, C = ne(), k = ne(null), v = ne(null), N = h == "[object Object]" && !h?.$$typeof ? w : h, [A, E] = I(N || w), { supressCellRefresh: $ } = je(er);
   le(() => ({
-    rowZIndex: de(C?.current)?.closest(".ag-row")?.css("z-index"),
-    cellZIndex: de(C?.current)?.closest(".ag-cell")?.css("z-index"),
-    rowOverflow: de(C?.current)?.closest(".ag-row")?.css("overflow"),
-    cellOverflow: de(C?.current)?.closest(".ag-cell")?.css("overflow")
+    rowZIndex: ce(C?.current)?.closest(".ag-row")?.css("z-index"),
+    cellZIndex: ce(C?.current)?.closest(".ag-cell")?.css("z-index"),
+    rowOverflow: ce(C?.current)?.closest(".ag-row")?.css("overflow"),
+    cellOverflow: ce(C?.current)?.closest(".ag-cell")?.css("overflow")
   }), [C]);
   const F = le(() => n ? "" : A === "true" || A === !0 ? /* @__PURE__ */ c.jsx(
     E1,
@@ -21666,13 +21670,13 @@ const j1 = (e) => /* @__PURE__ */ c.jsx(k1, { ...e }), O1 = (e) => {
   }, [n]);
   const R = () => {
     O && (s((P) => P + 1), v.current && clearTimeout(v.current), v.current = setTimeout(() => {
-      const P = de(C?.current)?.closest(".ag-row"), W = de(C?.current)?.closest(".ag-cell");
+      const P = ce(C?.current)?.closest(".ag-row"), W = ce(C?.current)?.closest(".ag-cell");
       P.addClass("arr-visible"), W.addClass("arr-visible"), t(!0);
     }, 0));
   }, b = () => {
     if (!O) return;
     v.current && clearTimeout(v.current);
-    const P = de(C?.current)?.closest(".ag-row"), W = de(C?.current)?.closest(".ag-cell");
+    const P = ce(C?.current)?.closest(".ag-row"), W = ce(C?.current)?.closest(".ag-cell");
     P.removeClass("arr-visible"), W.removeClass("arr-visible"), t(!1), a(0);
   }, O = le(() => Array?.isArray(w), [w]);
   return /* @__PURE__ */ c.jsxs(
@@ -21688,7 +21692,7 @@ const j1 = (e) => /* @__PURE__ */ c.jsx(k1, { ...e }), O1 = (e) => {
           "div",
           {
             style: {
-              maxHeight: 0.7 * de(r.current).height(),
+              maxHeight: 0.7 * ce(r.current).height(),
               transform: `translateY(-${i}px)`
             },
             ref: k,
@@ -21732,7 +21736,7 @@ const j1 = (e) => /* @__PURE__ */ c.jsx(k1, { ...e }), O1 = (e) => {
   enableAdvancedFilter: w
 }) => {
   const [C, k] = I([]), v = ["view", ...r], N = (R) => {
-    de(u?.current).trigger(`expandrow-${R?.node?.rowIndex}`, R);
+    ce(u?.current).trigger(`expandrow-${R?.node?.rowIndex}`, R);
   }, A = {
     filter: w ? {
       component: P1
@@ -22350,10 +22354,10 @@ const er = ln({}), X1 = (e) => {
     supressCellRefresh: L = !1,
     rowSelectionBgColor: X,
     api: J = {},
-    fontFamily: ce,
+    fontFamily: ue,
     tableTheme: ee,
     enableAdvancedFilter: Be = !0
-  } = e, [ft, it] = I([]), pe = ne(), Ye = ne(), at = ne({}), [Ot, ye] = I([]), [Ft, ue] = I({}), [Rn, Ct] = I([]), [pn, Xr] = I(), jn = ne(!1), pt = ne(), Lt = ar(pt, { returnUpdate: !1 })?.x, [On] = I1({
+  } = e, [ft, it] = I([]), pe = ne(), Ye = ne(), at = ne({}), [Ot, ye] = I([]), [Ft, de] = I({}), [Rn, Ct] = I([]), [pn, Xr] = I(), jn = ne(!1), pt = ne(), Lt = ar(pt, { returnUpdate: !1 })?.x, [On] = I1({
     data: r,
     mapper: E,
     hidden: $,
@@ -22369,7 +22373,7 @@ const er = ln({}), X1 = (e) => {
     enableExpand: D,
     tid: n,
     columnProps: h,
-    fontFamily: ce,
+    fontFamily: ue,
     enableRowStream: l,
     cellGrid: i,
     enableAdvancedFilter: Be
@@ -22434,7 +22438,7 @@ const er = ln({}), X1 = (e) => {
   }, [v]);
   const oo = oe(
     (ae, ge) => {
-      ue((Je) => ({ ...Je, [ae]: ge }));
+      de((Je) => ({ ...Je, [ae]: ge }));
     },
     [mn, hn]
   ), hr = oe(
@@ -22757,7 +22761,7 @@ const Qd = ln({ name: "", onChange: () => {
       children: i,
       source: "contextmenu"
     };
-    de(r.current).click(), v.preventDefault(), p(N);
+    ce(r.current).click(), v.preventDefault(), p(N);
   };
   return /* @__PURE__ */ c.jsxs(
     "label",
@@ -22799,7 +22803,7 @@ const Qd = ln({ name: "", onChange: () => {
     style: i
   } = e, a = ze(), [l, u] = I();
   Y(() => {
-    l && l.ref.current && (de("#" + a + " *").removeClass("css-c-233"), l.ref.current.classList.add("css-c-233"), r(l.event, l.checked, l));
+    l && l.ref.current && (ce("#" + a + " *").removeClass("css-c-233"), l.ref.current.classList.add("css-c-233"), r(l.event, l.checked, l));
   }, [l]);
   const f = (p) => {
     p.preventDefault(), o(l.event, l.checked, l);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@abdellatifui/react",
   "private": false,
-  "version": "3.2.128",
+  "version": "3.2.129",
   "type": "module",
   "types": "dist/nextgen.d.ts",
   "files": [