@abdellatifui/react 3.2.15 → 3.2.16

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;
@@ -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,
   {
@@ -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;
 }
@@ -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;
@@ -7566,7 +7569,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 +8020,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 +8057,7 @@ const xh = (e) => {
     mapApi: me,
     options: ne,
     _onLinkSelected: Ft,
-    selectedConn: At,
+    selectedConn: Rt,
     mapDragging: pn,
     hideLinksOnDrag: a,
     hoveredConnection: It,
@@ -8080,7 +8083,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]);
@@ -8216,7 +8219,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 +8261,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 +8300,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 +8324,7 @@ const xh = (e) => {
               /* @__PURE__ */ c.jsx(
                 _r,
                 {
-                  event: Nt,
+                  event: At,
                   items: {
                     title: ls,
                     items: Ed
@@ -8438,7 +8441,7 @@ const xh = (e) => {
                   _ && Dt?.map((Q, ve) => /* @__PURE__ */ c.jsx(
                     mh,
                     {
-                      fontSize: Rt,
+                      fontSize: Pt,
                       data: Q,
                       mapApi: We,
                       currentZoomLevel: On,
@@ -11877,7 +11880,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,14 +11979,14 @@ 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];
@@ -13253,7 +13256,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 +14771,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 +14790,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 +14825,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 +14877,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 +15036,7 @@ const $i = En({}), $b = de((e, n) => {
         /* @__PURE__ */ c.jsx(
           _r,
           {
-            items: { items: At },
+            items: { items: Rt },
             event: fn
           }
         ),
@@ -17977,12 +17980,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, {
@@ -21693,7 +21696,7 @@ const pd = En({}), Kw = (e) => {
     toast: l,
     ready: r
   }), [t, r]);
-  return Ot(n, () => ({
+  return Nt(n, () => ({
     ...m,
     props: e
   }), [m, r]), To(() => {

package/package.json

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