@abdellatifui/react 3.2.13 → 3.2.14

package/dist/nextgen.js

@@ -1,5 +1,5 @@
 import * as R from "react";
-import Wt, { useContext as nt, useState as I, useRef as ie, useEffect as K, forwardRef as de, useCallback as le, memo as he, createContext as En, useImperativeHandle as Nt, useMemo as ue, useLayoutEffect as To, isValidElement as io, cloneElement as ao, Children as kd } from "react";
+import Wt, { useContext as nt, 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 kd } from "react";
 import * as Mr from "@radix-ui/react-tooltip";
 import * as st from "@radix-ui/react-alert-dialog";
 import { Slot as Ed } from "@radix-ui/react-slot";
@@ -647,7 +647,7 @@ const kf = (e, n) => {
     y,
     oe,
     re
-  ], ee = () => ["none", fe, oe, re], te = () => ["none", fe, oe, re], ae = () => [fe, oe, re], J = () => [In, "full", ...A()];
+  ], ee = () => ["none", fe, oe, re], te = () => ["none", fe, oe, re], le = () => [fe, oe, re], J = () => [In, "full", ...A()];
   return {
     cacheSize: 500,
     theme: {
@@ -2655,21 +2655,21 @@ const kf = (e, n) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ae()
+        skew: le()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ae()
+        "skew-x": le()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ae()
+        "skew-y": le()
       }],
       /**
        * Transform
@@ -5941,10 +5941,10 @@ const am = de((e, n) => {
   }, [f]), K(() => {
     w || (o && k(o), E(!0)), s && k(s);
   }, [o, s]);
-  const F = le((j, _) => {
+  const F = ae((j, _) => {
     const H = j || _;
     s || k(H), C.props = e, r(C, H, _);
-  }, [t]), b = le(() => {
+  }, [t]), b = ae(() => {
     x && setTimeout(() => {
       const j = "_" + btoa(x).replaceAll("=", ""), _ = Oe("." + j).get(0);
       _ && _.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
@@ -6278,9 +6278,9 @@ const pi = En({}), Sm = ye(
     hideOnContextMenu: m,
     onBodyClick: g,
     blur: y = !1
-  } = e, d = le(() => {
+  } = e, d = ae(() => {
     r(!1), i(null);
-  }, []), C = le(() => {
+  }, []), C = ae(() => {
     r(!0);
   }, []);
   Nt(n, () => ({
@@ -6369,13 +6369,13 @@ const pi = En({}), Sm = ye(
     modelProps: v = {
       bodyClick: !0
     }
-  } = e, S = ue(() => y || null, [y]), N = le(() => {
+  } = e, S = ue(() => y || null, [y]), N = ae(() => {
     i.current?.open(), setTimeout(() => {
       r(!0);
     }, 50);
-  }, []), A = le(() => {
+  }, []), A = ae(() => {
     i.current?.close(), r(!1);
-  }, []), P = le(() => {
+  }, []), P = ae(() => {
     t ? i.current?.close() : i.current?.open(), window.setTimeout(() => {
       r((b) => !b);
     }, 50);
@@ -6411,7 +6411,7 @@ const pi = En({}), Sm = ye(
   const B = ue(() => ({
     ...v,
     bodyClick: v?.bodyClick ?? !0
-  }), [v]), F = le((b) => {
+  }), [v]), F = ae((b) => {
     A(), v?.onBodyClick?.(b);
   }, [A, v]);
   return /* @__PURE__ */ c.jsx(
@@ -7259,7 +7259,7 @@ const Qm = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
     const L = d?.nodes?.find((O) => O?.elementId == o?.elementId);
     F(L ? 1 : 0.7);
   }, [d]);
-  const H = le((L) => {
+  const H = ae((L) => {
     P(L);
   }, [o]);
   Nt(k, () => ({
@@ -7832,7 +7832,7 @@ const uh = (e) => {
     try {
       const S = t?.current;
       if (!S || !n?.source || !n?.destination) return null;
-      const N = S.project([n?.source?.lng, n?.source?.lat]), A = S.project([n?.destination?.lng, n?.destination?.lat]), P = A?.x - N?.x, B = A?.y - N?.y, F = Math.hypot(P, B) || 1, b = P / F, j = B / F, _ = -j, H = b, D = n?.source?.markerSize ? n?.source?.markerSize / 2 : 12, L = F, O = { along: 100, perpendicular: 0 }, X = n?.sourcePortOffset || {}, $ = typeof X?.along == "number" ? X.along : O.along, T = typeof X?.perpendicular == "number" ? X.perpendicular : O.perpendicular, M = D + $, Y = Math.min(Math.max(M, D + 4), L * 0.6), q = T, Z = _ * q + b * Y, se = H * q + j * Y, U = N?.x + Z, W = N?.y + se, ee = S.unproject([U, W]), te = Math.atan2(j, b) * 180 / Math.PI, ae = (te + 360) % 360, je = ae > 90 && ae < 270 ? te + 180 : te;
+      const N = S.project([n?.source?.lng, n?.source?.lat]), A = S.project([n?.destination?.lng, n?.destination?.lat]), P = A?.x - N?.x, B = A?.y - N?.y, F = Math.hypot(P, B) || 1, b = P / F, j = B / F, _ = -j, H = b, D = n?.source?.markerSize ? n?.source?.markerSize / 2 : 12, L = F, O = { along: 100, perpendicular: 0 }, X = n?.sourcePortOffset || {}, $ = typeof X?.along == "number" ? X.along : O.along, T = typeof X?.perpendicular == "number" ? X.perpendicular : O.perpendicular, M = D + $, Y = Math.min(Math.max(M, D + 4), L * 0.6), q = T, Z = _ * q + b * Y, se = H * q + j * Y, U = N?.x + Z, W = N?.y + se, ee = S.unproject([U, W]), te = Math.atan2(j, b) * 180 / Math.PI, le = (te + 360) % 360, je = le > 90 && le < 270 ? te + 180 : te;
       return { position: { lng: ee?.lng, lat: ee?.lat }, rotation: je };
     } catch {
       return null;
@@ -7841,7 +7841,7 @@ const uh = (e) => {
     try {
       const S = t?.current;
       if (!S || !n?.source || !n?.destination) return null;
-      const N = S.project([n?.source?.lng, n?.source?.lat]), A = S.project([n?.destination?.lng, n?.destination?.lat]), P = N?.x - A?.x, B = N?.y - A?.y, F = Math.hypot(P, B) || 1, b = P / F, j = B / F, _ = -j, H = b, D = n?.destination?.markerSize ? n?.destination?.markerSize / 2 : 12, L = F, O = { along: 100, perpendicular: 0 }, X = n?.destinationPortOffset || {}, $ = typeof X?.along == "number" ? X.along : O.along, T = typeof X?.perpendicular == "number" ? X.perpendicular : O.perpendicular, M = D + $, Y = Math.min(Math.max(M, D + 4), L * 0.6), q = T, Z = _ * q + b * Y, se = H * q + j * Y, U = A?.x + Z, W = A?.y + se, ee = S.unproject([U, W]), te = Math.atan2(j, b) * 180 / Math.PI, ae = (te + 360) % 360, je = ae > 90 && ae < 270 ? te + 180 : te;
+      const N = S.project([n?.source?.lng, n?.source?.lat]), A = S.project([n?.destination?.lng, n?.destination?.lat]), P = N?.x - A?.x, B = N?.y - A?.y, F = Math.hypot(P, B) || 1, b = P / F, j = B / F, _ = -j, H = b, D = n?.destination?.markerSize ? n?.destination?.markerSize / 2 : 12, L = F, O = { along: 100, perpendicular: 0 }, X = n?.destinationPortOffset || {}, $ = typeof X?.along == "number" ? X.along : O.along, T = typeof X?.perpendicular == "number" ? X.perpendicular : O.perpendicular, M = D + $, Y = Math.min(Math.max(M, D + 4), L * 0.6), q = T, Z = _ * q + b * Y, se = H * q + j * Y, U = A?.x + Z, W = A?.y + se, ee = S.unproject([U, W]), te = Math.atan2(j, b) * 180 / Math.PI, le = (te + 360) % 360, je = le > 90 && le < 270 ? te + 180 : te;
       return { position: { lng: ee?.lng, lat: ee?.lat }, rotation: je };
     } catch {
       return null;
@@ -8003,7 +8003,7 @@ const xh = de((e, n) => {
     mapStyle: W = vh?.[1],
     isolateNonSelectedLinksOnNodeClick: ee = !1,
     showLinkCount: te = !0,
-    debug: ae = !1,
+    debug: le = !1,
     className: J = "",
     customNavigateButtonsClassName: je = "",
     mapTilesCacheSize: gt = 0
@@ -8011,8 +8011,8 @@ const xh = de((e, n) => {
   ie();
   const [Ae, Fe] = I([]), [ct, kt] = I([]), [ce, _t] = I([]), [It, un] = I(), [dn, Rn] = I(null), [At, Kt] = I(null), [Rt, rr] = I({}), [Mt, Hr] = I({}), [fn, or] = I(!1), [Ur, sr] = I({ connections: [], nodes: [], countBoxes: [] }), [Yr, Pn] = I({}), [zi, $n] = I(!1), [is, jn] = I(!1), [On, ir] = I(r), [ar, lr] = I(), [Xt, pn] = I([]), [Qt, cr] = I([]), [ur, dr] = I(!0), [_n, mn] = I(!1), fr = ie();
   K(() => {
-    ae && console.log(e);
-  }, [ae]);
+    le && console.log(e);
+  }, [le]);
   const as = ue(() => {
     const Q = j(Rt);
     return Q || "Link : " + Rt?.data?.name;
@@ -8079,7 +8079,7 @@ const xh = de((e, n) => {
   function Dt(Q) {
     rr(Q), C(Q);
   }
-  const zt = le((Q, ve, _e = !1) => {
+  const zt = ae((Q, ve, _e = !1) => {
     if (!me.current) return;
     const Ye = Q.map((pe) => ({
       ...pe,
@@ -8132,7 +8132,7 @@ const xh = de((e, n) => {
         const yr = Ye[gr];
         yt[Xe].nodes || (yt[Xe].nodes = []), yt[Xe].nodes.push(yr), yt[Xe].destination = yr?.location, Ye[gr].connections || (Ye[gr].connections = []), Ye[gr].connections.push(pe);
       }
-    }), _t(Ye), kt(yt), ae && console.log(`Processed: seen=${mr.size}, f0=${yt.length}, ignored=${Li.length}, all=${o.length}`);
+    }), _t(Ye), kt(yt), le && console.log(`Processed: seen=${mr.size}, f0=${yt.length}, ignored=${Li.length}, all=${o.length}`);
   }, [me]), pr = (Q, ve) => {
     if (!$) return;
     jn(!0);
@@ -8149,9 +8149,9 @@ const xh = de((e, n) => {
   }, [o, t, me?.current]), K(() => {
     ct?.length > 0 && pr(null, "moveend");
   }, [ct]);
-  const cs = le(() => {
+  const cs = ae(() => {
     localStorage.setItem(`network_map_options_${N}`, JSON.stringify(ne));
-  }, [N, ne]), fd = le(() => {
+  }, [N, ne]), fd = ae(() => {
     const Q = localStorage.getItem(`network_map_options_${N}`);
     Q && Ce(JSON.parse(Q));
   }, [N]);
@@ -8208,7 +8208,7 @@ const xh = de((e, n) => {
       hideLinks: !1
     }));
   }
-  Nt(n, () => ({
+  Nt(n, () => (console.log("Re-rendering useImperativeHandle"), {
     id: lt,
     getCanvas: () => me.current?.getCanvas?.(),
     props: e,
@@ -8245,7 +8245,7 @@ const xh = de((e, n) => {
     setSupressLinkHover: mn,
     supressLinkHover: _n,
     element: fr
-  }), [ae, Fi, d]);
+  }), [Fi, d]);
   const Cd = ue(() => Y?.map((Q) => ({
     ...Q,
     action: () => {
@@ -8266,7 +8266,7 @@ const xh = de((e, n) => {
         type: "node"
       });
     }
-  })) || [], [q?.length, At, Mt]), Sd = le((Q) => {
+  })) || [], [q?.length, At, Mt]), Sd = ae((Q) => {
     if (!me.current || _n) return;
     Q.layer || un(null), Q?.coordinate && Fe(Q.coordinate);
     const ve = me.current.getCanvas();
@@ -8981,10 +8981,10 @@ function jh() {
     function te(J) {
       return k(J) === o;
     }
-    function ae(J) {
+    function le(J) {
       return k(J) === p;
     }
-    xe.AsyncMode = v, xe.ConcurrentMode = S, xe.ContextConsumer = N, xe.ContextProvider = A, xe.Element = P, xe.ForwardRef = B, xe.Fragment = F, xe.Lazy = b, xe.Memo = j, xe.Portal = _, xe.Profiler = H, xe.StrictMode = D, xe.Suspense = L, xe.isAsyncMode = X, xe.isConcurrentMode = $, xe.isContextConsumer = T, xe.isContextProvider = M, xe.isElement = Y, xe.isForwardRef = q, xe.isFragment = Z, xe.isLazy = se, xe.isMemo = U, xe.isPortal = W, xe.isProfiler = ee, xe.isStrictMode = te, xe.isSuspense = ae, xe.isValidElementType = x, xe.typeOf = k;
+    xe.AsyncMode = v, xe.ConcurrentMode = S, xe.ContextConsumer = N, xe.ContextProvider = A, xe.Element = P, xe.ForwardRef = B, xe.Fragment = F, xe.Lazy = b, xe.Memo = j, xe.Portal = _, xe.Profiler = H, xe.StrictMode = D, xe.Suspense = L, xe.isAsyncMode = X, xe.isConcurrentMode = $, xe.isContextConsumer = T, xe.isContextProvider = M, xe.isElement = Y, xe.isForwardRef = q, xe.isFragment = Z, xe.isLazy = se, xe.isMemo = U, xe.isPortal = W, xe.isProfiler = ee, xe.isStrictMode = te, xe.isSuspense = le, xe.isValidElementType = x, xe.typeOf = k;
   })()), xe;
 }
 var Aa;
@@ -9152,8 +9152,8 @@ function Ih() {
     function C($) {
       if (process.env.NODE_ENV !== "production")
         var T = {}, M = 0;
-      function Y(Z, se, U, W, ee, te, ae) {
-        if (W = W || m, te = te || U, ae !== t) {
+      function Y(Z, se, U, W, ee, te, le) {
+        if (W = W || m, te = te || U, le !== t) {
           if (l) {
             var J = 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"
@@ -9248,7 +9248,7 @@ function Ih() {
         for (var U = M[Y], W = 0; W < $.length; W++)
           if (y(U, $[W]))
             return null;
-        var ee = JSON.stringify($, function(ae, J) {
+        var ee = JSON.stringify($, function(le, J) {
           var je = L(J);
           return je === "symbol" ? String(J) : J;
         });
@@ -9285,7 +9285,7 @@ function Ih() {
       }
       function Y(q, Z, se, U, W) {
         for (var ee = [], te = 0; te < $.length; te++) {
-          var ae = $[te], J = ae(q, Z, se, U, W, t);
+          var le = $[te], J = le(q, Z, se, U, W, t);
           if (J == null)
             return null;
           J.data && r(J.data, "expectedType") && ee.push(J.data.expectedType);
@@ -9315,9 +9315,9 @@ function Ih() {
           var te = $[ee];
           if (typeof te != "function")
             return F(q, Z, se, ee, L(te));
-          var ae = te(U, ee, q, Z, se + "." + ee, t);
-          if (ae)
-            return ae;
+          var le = te(U, ee, q, Z, se + "." + ee, t);
+          if (le)
+            return le;
         }
         return null;
       }
@@ -9330,15 +9330,15 @@ function Ih() {
           return new d("Invalid " + Z + " `" + se + "` of type `" + W + "` " + ("supplied to `" + q + "`, expected `object`."));
         var ee = n({}, M[Y], $);
         for (var te in ee) {
-          var ae = $[te];
-          if (r($, te) && typeof ae != "function")
-            return F(q, Z, se, te, L(ae));
-          if (!ae)
+          var le = $[te];
+          if (r($, te) && typeof le != "function")
+            return F(q, Z, se, te, L(le));
+          if (!le)
             return new d(
               "Invalid " + Z + " `" + se + "` key `" + te + "` supplied to `" + q + "`.\nBad object: " + JSON.stringify(M[Y], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys($), null, "  ")
             );
-          var J = ae(U, te, q, Z, se + "." + te, t);
+          var J = le(U, te, q, Z, se + "." + te, t);
           if (J)
             return J;
         }
@@ -12125,7 +12125,7 @@ const nv = ye(
     disable: a || !1,
     addClass: i || [],
     autoFocus: s || !1
-  }), w = le((x, k) => {
+  }), w = ae((x, k) => {
     C((v) => ({ ...v, [x]: k }));
   }, []);
   K(() => {
@@ -12135,7 +12135,7 @@ const nv = ye(
       autoFocus: s || !1
     });
   }, [a, i, s]);
-  const E = le((x) => {
+  const E = ae((x) => {
     u && w("disable", !0), o && o(x, n);
   }, [u, o, n, w]);
   return K(() => {
@@ -12346,7 +12346,7 @@ const iv = de((e, n) => {
     defaultClosed: g,
     className: y,
     description: d
-  } = e, C = ie(), [w, E] = I([/* @__PURE__ */ c.jsx(ds, { size: 16 }), /* @__PURE__ */ c.jsx(lo, { size: 16 })]), [x, k] = I([]), v = ie({}), S = le(() => {
+  } = e, C = ie(), [w, E] = I([/* @__PURE__ */ c.jsx(ds, { size: 16 }), /* @__PURE__ */ c.jsx(lo, { size: 16 })]), [x, k] = I([]), v = ie({}), S = ae(() => {
     g ? (Oe(C.current).find(".css-i231").hide(), E([/* @__PURE__ */ c.jsx(lo, { size: 16 }), /* @__PURE__ */ c.jsx(ds, { size: 16 })]), k(["Hide", "Show"])) : g || (Oe(C.current).find(".css-i231").show(), E([/* @__PURE__ */ c.jsx(ds, { size: 16 }), /* @__PURE__ */ c.jsx(lo, { size: 16 })]), k(["Show", "Hide"]));
   }, [g]);
   return K(() => {
@@ -12531,7 +12531,7 @@ const gv = de((e, n) => {
   const [t, r] = I({
     position: "right",
     top: 0
-  }), o = ie(null), s = le(() => {
+  }), o = ie(null), s = ae(() => {
     if (!o.current || !e?.length) return;
     const l = o.current.getBoundingClientRect(), u = window.innerWidth, f = window.innerHeight, p = 200, m = e.length * 35, g = u - (l.right + p), y = l.left - p, d = f - l.top, C = l.top;
     let w = "right", E = 0;
@@ -12543,7 +12543,7 @@ const gv = de((e, n) => {
     };
     return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
   }, [n, e?.length, s]);
-  const i = le(() => {
+  const i = ae(() => {
     e?.length > 0 && setTimeout(() => {
       s();
     }, 10);
@@ -13473,7 +13473,7 @@ const Qv = ye("overflow-visible flex pr-2 font-aptos text-gray-500", {
     } catch {
     }
   }
-  const O = le(($, T) => {
+  const O = ae(($, T) => {
     const M = Oe(`#${P}`).val();
     l === "email" && L(T || M);
   }, [n?.current, P]), X = ($) => {
@@ -13818,7 +13818,7 @@ const ab = ({ props: e, formater: n }) => {
   const { value: t, valueFormatted: r } = e, o = r == "[object Object]" && !r?.$$typeof ? t : r;
   return n ? n(e) : t === "true" || t === !0 ? /* @__PURE__ */ c.jsx("div", { className: "mt-[1px]", children: /* @__PURE__ */ c.jsx(sb, { title: o }) }) : t === "false" || t === !1 ? /* @__PURE__ */ c.jsx("div", { className: "mt-[1px]", children: /* @__PURE__ */ c.jsx(ib, { title: o }) }) : /* @__PURE__ */ c.jsx("div", { title: o?.$$typeof ? t?.props?.children : o, className: "w-full relative h-full", children: o || r || t });
 }, lb = (e) => /* @__PURE__ */ c.jsx(ob, { ...e }), cb = (e) => {
-  const [n, t] = I(!1), [r, o] = I(0), { OnCellExpand: s } = e, i = ie(), a = le(() => {
+  const [n, t] = I(!1), [r, o] = I(0), { OnCellExpand: s } = e, i = ie(), a = ae(() => {
     o(n ? 0 : 90), s({ ...e, expanded: !n, expandButtonRef: i }), t((l) => !l);
   }, [n]);
   return /* @__PURE__ */ c.jsx(
@@ -13926,7 +13926,7 @@ const ab = ({ props: e, formater: n }) => {
     e && (t.includes(e) || o((s) => [...s, e])), n && !t.includes(n.length) && n.length > 2e3 && o((s) => [...s, n.length]);
   }, [e, n]), [r, o];
 }, pb = (e, n) => {
-  const [t, r] = I(30), o = le((s) => {
+  const [t, r] = I(30), o = ae((s) => {
     s == "sm" ? r(30) : s == "mid" ? r(40) : r(30), n((i) => ({ ...i, rowHeightInt: t, rowHeightStr: s }));
   }, [e]);
   return K(() => {
@@ -13941,7 +13941,7 @@ const ab = ({ props: e, formater: n }) => {
   }, [a, n, i?.value]), K(() => {
     n && (a?.rowchange?.({ ...t?.current }), a?.change?.({ ...t?.current }));
   }, [t, n, i?.value]);
-  const m = le((g, y) => {
+  const m = ae((g, y) => {
     p((d) => ({ ...d, [g]: y }));
   }, []);
   return [f, p];
@@ -14357,7 +14357,7 @@ const Tb = (e) => {
   K(() => {
     a.props && (m(a.props.tableName), a.cell?.value?.map ? C(!1) : C(!0), a.cell?.value && !a.cell?.value?.map && (w(a.cell?.value) ? C(!1) : C(!0)), a.props.onRefresh ? y(!1) : y(!0));
   }, [a.cell?.value]);
-  const E = le(() => {
+  const E = ae(() => {
     Oe(a.tableRef.current).toggleClass("css-771-full-screen"), n((k) => ({ ...k, fullscreen: !1 }));
   }, [a.fullscreen]);
   K(() => (kb("escape", () => {
@@ -14365,7 +14365,7 @@ const Tb = (e) => {
   }), () => {
     Eb("escape"), n((k) => ({ ...k, fullscreen: !1 }));
   }), [a.fullscreen]);
-  const x = le(() => {
+  const x = ae(() => {
     const k = a.cell.value?.map ? a.cell.value : JSON.parse(a.cell.value), v = a.cell.parentRowNode.expandApi, S = v.size.y / 3;
     v.setChilds(
       /* @__PURE__ */ c.jsx("div", { className: V("h-fit w-full p-2 border-[3px] overflow-auto bg-[#fafafa]"), style: { maxHeight: S }, children: k.map((N, A) => /* @__PURE__ */ c.jsx(kh, { index: A, item: N }, A)) })
@@ -14726,7 +14726,7 @@ const $i = En({}), Pb = de((e, n) => {
     },
     onExpandChange: M = () => {
     }
-  } = e, [Y, q] = I([]), Z = ie(), se = ie(), U = ie({}), [W, ee] = I([]), [te, ae] = I({}), [J] = db(
+  } = e, [Y, q] = I([]), Z = ie(), se = ie(), U = ie({}), [W, ee] = I([]), [te, le] = I({}), [J] = db(
     {
       data: r,
       mapper: x,
@@ -14756,12 +14756,12 @@ const $i = En({}), Pb = de((e, n) => {
     pageSizeArray: me
   }), [ct, kt] = pb(u, Fe);
   hb(Ae);
-  const [ce, _t] = I(!0), [It, un] = I(null), [dn, Rn] = I(null), [At, Kt] = I(!0), [Rt] = Sb(Ae, P, ge, At), [rr] = vb(Ae, kt, ct), [Mt, Hr] = I(0), [fn, or] = I(!1), [Ur, sr] = I([]), Yr = le((ne) => {
+  const [ce, _t] = I(!0), [It, un] = I(null), [dn, Rn] = I(null), [At, Kt] = I(!0), [Rt] = Sb(Ae, P, ge, At), [rr] = vb(Ae, kt, ct), [Mt, Hr] = I(0), [fn, or] = I(!1), [Ur, sr] = I([]), Yr = ae((ne) => {
     if (!Z.current.api)
       return;
     const Ce = Z.current?.api.getColumns().map((Ke) => Ke.colId);
     Z.current?.api.autoSizeColumns(Ce), Z.current?.api.autoSizeAllColumns();
-  }, [Z.current?.api]), Pn = le(() => {
+  }, [Z.current?.api]), Pn = ae(() => {
     Z.current.api.exportDataAsCsv({ fileName: `${m}.csv` });
   }, [Z]), zi = () => {
     Hr((ne) => ne = ne + 1);
@@ -14771,17 +14771,17 @@ const $i = En({}), Pb = de((e, n) => {
       Zl.registerModules([ec]);
     } });
   }, []);
-  const $n = le((ne) => {
+  const $n = ae((ne) => {
     const Ce = m, Ke = "application/vnd/openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8", hn = ".xlsx", Dt = { Sheets: { data: Yi.utils.json_to_sheet(ne.props.dataset) }, SheetNames: ["data"] }, zt = Yi.write(Dt, { bookType: "xlsx", type: "array" }), pr = new Blob([zt], { type: Ke });
     ff(pr, Ce + hn);
-  }, [m]), is = le((ne, Ce) => {
+  }, [m]), is = ae((ne, Ce) => {
     const Ke = ne.colDef.field, hn = ne.api.getSelectedNodes()[0] || {}, Pt = { header: Ke, value: ne.value, params: ne }, Dt = {
       selectedCell: ne.value,
       selectedHeader: ne.colDef.field,
       cell: { header: Ke, value: ne.value, params: ne, parentRowNode: hn }
     };
     lt(Pt), Fe((zt) => ({ ...zt, ...Dt })), f(ne, ne.value, ne.colDef.field);
-  }, [Fe, f]), jn = le((ne) => {
+  }, [Fe, f]), jn = ae((ne) => {
     const { event: Ce, value: Ke } = ne;
     if ((Z.current?.api?.getSelectedRows() || [])?.length == 0)
       return;
@@ -14791,7 +14791,7 @@ const $i = En({}), Pb = de((e, n) => {
   K(() => {
     if (b ? Fe((ne) => ({ ...ne, ready: !0 })) : b == !1 && Fe((ne) => ({ ...ne, ready: !1 })), b == !0)
       return () => {
-        ae({});
+        le({});
       };
   }, [b, Fe]), K(() => {
     ge && (ge.header || ge.value) && Fe((ne) => ({
@@ -14807,8 +14807,8 @@ const $i = En({}), Pb = de((e, n) => {
       On(ne.key, ne.operation);
     });
   }, [C]);
-  const On = le((ne, Ce) => {
-    ae((Ke) => ({ ...Ke, [ne]: Ce }));
+  const On = ae((ne, Ce) => {
+    le((Ke) => ({ ...Ke, [ne]: Ce }));
   }, [ge, je, Ae]);
   Nt(n, () => ({
     ...n?.current,
@@ -14844,18 +14844,18 @@ const $i = En({}), Pb = de((e, n) => {
   function lr() {
     return r;
   }
-  const Xt = le(() => Z.current?.api?.getSelectedRows() || [], []), pn = le(() => Z.current?.api?.getSelectedRows()[0] || null, []), Qt = le(() => {
+  const Xt = ae(() => Z.current?.api?.getSelectedRows() || [], []), pn = ae(() => Z.current?.api?.getSelectedRows()[0] || null, []), Qt = ae(() => {
     const ne = Xt();
     return Z.current.api.applyTransaction({ remove: ne }), ar();
-  }, [Xt]), cr = le((ne) => {
+  }, [Xt]), cr = ae((ne) => {
     w(ne, ne.data);
-  }, [w]), ur = le(() => {
+  }, [w]), ur = ae(() => {
     Ae.ready && ee((ne) => []);
-  }, [Ae.ready]), dr = le((ne) => {
+  }, [Ae.ready]), dr = ae((ne) => {
     ne && ne.updateSingleCallbackKey && (ne.updateSingleCallbackKey("ready", !1), E(ne), setTimeout(() => {
       ne.updateSingleCallbackKey("ready", !0);
     }, 1e3));
-  }, [E]), _n = le((ne) => {
+  }, [E]), _n = ae((ne) => {
     if (t)
       try {
         const Ce = localStorage.getItem(`table_columns_${t}`);
@@ -14896,7 +14896,7 @@ const $i = En({}), Pb = de((e, n) => {
   K(() => {
     Z.current && Fe((ne) => ({ ...ne, ...mn }));
   }, [mn, Fe]);
-  const fr = le((ne) => {
+  const fr = ae((ne) => {
     Z.current && r.length > 0 && requestAnimationFrame(() => {
       Z?.current?.api?.sizeColumnsToFit(), Fe((Ce) => ({ ...Ce, ready: !0 }));
     });
@@ -16774,8 +16774,8 @@ function bx(e) {
     }
   }, v = (W) => {
     var ee;
-    const te = W.split("-"), ae = te[1], J = te[2];
-    return x(W, (ee = k[ae]) == null ? void 0 : ee[J]);
+    const te = W.split("-"), le = te[1], J = te[2];
+    return x(W, (ee = k[le]) == null ? void 0 : ee[J]);
   }, S = (W) => ({
     plainColor: v(`palette-${W}-500`),
     plainHoverBg: v(`palette-${W}-100`),
@@ -17091,7 +17091,7 @@ function bx(e) {
             theme: ee
           }) => {
             var te;
-            const ae = W.instanceFontSize;
+            const le = W.instanceFontSize;
             return G({
               margin: "var(--Icon-margin)"
             }, W.fontSize && W.fontSize !== "inherit" && {
@@ -17100,8 +17100,8 @@ function bx(e) {
               color: `var(--Icon-color, ${M.vars.palette.text.icon})`
             }, W.color && W.color !== "inherit" && ee.vars.palette[W.color] && {
               color: `rgba(${(te = ee.vars.palette[W.color]) == null ? void 0 : te.mainChannel} / 1)`
-            }), ae && ae !== "inherit" && {
-              "--Icon-fontSize": ee.vars.fontSize[ae]
+            }), le && le !== "inherit" && {
+              "--Icon-fontSize": ee.vars.fontSize[le]
             });
           }
         }
@@ -17113,12 +17113,12 @@ function bx(e) {
   });
   function Y(W, ee) {
     Object.keys(ee).forEach((te) => {
-      const ae = {
+      const le = {
         main: "500",
         light: "200",
         dark: "700"
       };
-      W === "dark" && (ae.main = 400), !ee[te].mainChannel && ee[te][ae.main] && (ee[te].mainChannel = vn(ee[te][ae.main])), !ee[te].lightChannel && ee[te][ae.light] && (ee[te].lightChannel = vn(ee[te][ae.light])), !ee[te].darkChannel && ee[te][ae.dark] && (ee[te].darkChannel = vn(ee[te][ae.dark]));
+      W === "dark" && (le.main = 400), !ee[te].mainChannel && ee[te][le.main] && (ee[te].mainChannel = vn(ee[te][le.main])), !ee[te].lightChannel && ee[te][le.light] && (ee[te].lightChannel = vn(ee[te][le.light])), !ee[te].darkChannel && ee[te][le.dark] && (ee[te].darkChannel = vn(ee[te][le.dark]));
     });
   }
   Object.entries(M.colorSchemes).forEach(([W, ee]) => {
@@ -17909,14 +17909,14 @@ const Dx = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     checked: Z,
     disabled: se,
     focusVisible: U
-  } = qb(Y), W = Z || E, ae = W ? j || "solid" : j || "outlined", J = n.color || (X != null && X.error ? "danger" : (a = X?.color) != null ? a : b), ge = G({}, l, {
+  } = qb(Y), W = Z || E, le = W ? j || "solid" : j || "outlined", J = n.color || (X != null && X.error ? "danger" : (a = X?.color) != null ? a : b), ge = G({}, l, {
     checked: Z,
     disabled: se,
     disableIcon: d,
     overlay: C,
     focusVisible: U,
     color: W ? J || "primary" : J || "neutral",
-    variant: ae,
+    variant: le,
     size: T
   }), lt = zx(ge), me = G({}, O, {
     component: H,
@@ -19180,7 +19180,7 @@ const RC = Nn("MuiButtonBase", ["root", "disabled", "focusVisible"]), PC = (e) =
   }, [f, m, T, X]);
   const q = Bt(X, "start", N, p), Z = Bt(X, "stop", w, p), se = Bt(X, "stop", E, p), U = Bt(X, "stop", P, p), W = Bt(X, "stop", (ce) => {
     T && ce.preventDefault(), A && A(ce);
-  }, p), ee = Bt(X, "start", b, p), te = Bt(X, "stop", B, p), ae = Bt(X, "stop", F, p), J = Bt(X, "stop", (ce) => {
+  }, p), ee = Bt(X, "start", b, p), te = Bt(X, "stop", B, p), le = Bt(X, "stop", F, p), J = Bt(X, "stop", (ce) => {
     jl(ce.target) || M(!1), d && d(ce);
   }, !1), je = fo((ce) => {
     O.current || (O.current = ce.currentTarget), jl(ce.target) && (M(!0), k && k(ce)), x && x(ce);
@@ -19226,7 +19226,7 @@ const RC = Nn("MuiButtonBase", ["root", "disabled", "focusVisible"]), PC = (e) =
     onMouseUp: U,
     onDragLeave: se,
     onTouchEnd: te,
-    onTouchMove: ae,
+    onTouchMove: le,
     onTouchStart: ee,
     ref: Fe,
     tabIndex: u ? -1 : j,
@@ -20331,7 +20331,7 @@ const e1 = de((e) => {
   defaultClassNameDragged: C = "react-draggable-dragged",
   scale: w = 1
 }) => {
-  const E = ie(null), [x, k] = I(t), [v, S] = I(!1), N = ie(null), A = o !== void 0, P = le(() => {
+  const E = ie(null), [x, k] = I(t), [v, S] = I(!1), N = ie(null), A = o !== void 0, P = ae(() => {
     if (!u || !E.current) return null;
     if (typeof u == "string") {
       const D = document.querySelector(u);
@@ -20346,19 +20346,19 @@ const e1 = de((e) => {
       }
     }
     return u;
-  }, [u]), B = le((D, L) => {
+  }, [u]), B = ae((D, L) => {
     const O = P();
     if (!O) return { x: D, y: L };
     let X = D, $ = L;
     return O.left !== void 0 && (X = Math.max(X, O.left)), O.right !== void 0 && (X = Math.min(X, O.right)), O.top !== void 0 && ($ = Math.max($, O.top)), O.bottom !== void 0 && ($ = Math.min($, O.bottom)), { x: X, y: $ };
-  }, [P]), F = le((D, L) => {
+  }, [P]), F = ae((D, L) => {
     if (!p) return { x: D, y: L };
     const [O, X] = p;
     return {
       x: Math.round(D / O) * O,
       y: Math.round(L / X) * X
     };
-  }, [p]), b = le((D, L) => {
+  }, [p]), b = ae((D, L) => {
     switch (g) {
       case "x":
         return { x: D, y: x.y };
@@ -20369,7 +20369,7 @@ const e1 = de((e) => {
       default:
         return { x: D, y: L };
     }
-  }, [g, x]), j = le((D) => {
+  }, [g, x]), j = ae((D) => {
     if (l || f && D.target.closest(f) || e && !D.target.closest(e) || !m && D.button !== 0) return;
     D.preventDefault(), D.stopPropagation();
     const L = A ? o : x, O = D.clientX, X = D.clientY;
@@ -20443,7 +20443,7 @@ function r1(e) {
   return e.alert ? "Alert" : e.success ? "Success" : e.confirm ? "Confirm" : e.error ? "Error" : "Null";
 }
 const o1 = (e) => {
-  const [n, t] = I([]), r = le((s, i) => s.body ? {
+  const [n, t] = I([]), r = ae((s, i) => s.body ? {
     ...s,
     header: s.header || r1(s),
     body: s.body || "No Content",
@@ -20468,7 +20468,7 @@ const o1 = (e) => {
     extraButtons: s.extraButtons || [],
     // queueLength : queue.length, 
     removeFromQueue: o
-  } : null, [n, e]), o = le((s) => {
+  } : null, [n, e]), o = ae((s) => {
     console.log("skip", s), t((i) => {
       if (s)
         return [];
@@ -21156,7 +21156,7 @@ const T1 = ye("relative w-fit data-[state=active]:font-medium group", {
     },
     onMouseLeave: m = () => {
     }
-  } = e, g = le((y) => {
+  } = e, g = ae((y) => {
     l !== t.value && (i(t.value), r({ event: y, ...t, currentTab: l, props: e, ref: n }, t.value), t.onSelected && t.onSelected({ event: y, ...t, currentTab: l, props: e, ref: n }, t.value));
   }, [t.value, l, r, i, t, e]);
   return /* @__PURE__ */ c.jsx(
@@ -21408,8 +21408,8 @@ const T1 = ye("relative w-fit data-[state=active]:font-medium group", {
     onClick: m,
     buttonProps: g,
     iconProps: y
-  } = e, d = ue(() => ({ variant: "primary" }), []), C = ue(() => ({ outline: !1, variant: "primary" }), []), w = le(() => {
-  }, []), E = ue(() => [], []), x = ue(() => /* @__PURE__ */ c.jsx(lo, {}), []), k = g || d, v = y || C, S = m || w, N = p || E, A = le((B) => {
+  } = e, d = ue(() => ({ variant: "primary" }), []), C = ue(() => ({ outline: !1, variant: "primary" }), []), w = ae(() => {
+  }, []), E = ue(() => [], []), x = ue(() => /* @__PURE__ */ c.jsx(lo, {}), []), k = g || d, v = y || C, S = m || w, N = p || E, A = ae((B) => {
     const F = s.current?.getBoundingClientRect();
     F && (o({ x: F.x, y: F.y + F.height + 5 }), t(B));
   }, []), P = ue(() => ({
@@ -21479,7 +21479,7 @@ const qw = (e) => {
   } = e, [t] = O1({ dataset: n }), [r, o] = I([]), [s, i] = I({}), [a, l] = I(
     ["mrt-row-select", ...t.map((d) => d.accessorKey)]
     //array of column ids (Initializing is optional as of v2.10.0)
-  ), [u, f] = I(!0), [p, m] = I({}), g = le((d) => {
+  ), [u, f] = I(!0), [p, m] = I({}), g = ae((d) => {
     const C = d();
     i(u ? (w) => ({ ...w, ...C }) : C);
   }, [u, s]), y = yf(
@@ -21641,7 +21641,7 @@ const dd = En({}), Kw = (e) => {
     setPressedState: v,
     props: e,
     data: f
-  }), [t, n.current, k, f]), N = le((P) => {
+  }), [t, n.current, k, f]), N = ae((P) => {
     x || (o && o(S), v(P), p(n, P), P && m(n, P), P || g(n, P));
   }, [k, t]);
   K(() => {

package/package.json

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