@abdellatifui/react 3.2.162 → 3.2.163

package/dist/nextgen.js

@@ -593,7 +593,7 @@ const Ep = (e, n) => {
 }, Gp = [], Xe = (e) => {
   const n = (t) => t[e] || Gp;
   return n.isThemeGetter = !0, n;
-}, Uc = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Gc = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Yp = /^\d+\/\d+$/, qp = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Kp = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Xp = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Qp = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Jp = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _n = (e) => Yp.test(e), me = (e) => !!e && !Number.isNaN(Number(e)), Jt = (e) => !!e && Number.isInteger(Number(e)), Fs = (e) => e.endsWith("%") && me(e.slice(0, -1)), Bt = (e) => qp.test(e), Zp = () => !0, em = (e) => (
+}, Uc = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Gc = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Yp = /^\d+\/\d+$/, qp = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Kp = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Xp = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Qp = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Jp = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _n = (e) => Yp.test(e), me = (e) => !!e && !Number.isNaN(Number(e)), Zt = (e) => !!e && Number.isInteger(Number(e)), Fs = (e) => e.endsWith("%") && me(e.slice(0, -1)), Bt = (e) => qp.test(e), Zp = () => !0, em = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -623,9 +623,9 @@ const Ep = (e, n) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], x = () => [...k(), ie, se], A = () => ["auto", "hidden", "clip", "visible", "scroll"], T = () => ["auto", "contain", "none"], N = () => [ie, se, l], $ = () => [_n, "full", "auto", ...N()], I = () => [Jt, "none", "subgrid", ie, se], _ = () => ["auto", {
-    span: ["full", Jt, ie, se]
-  }, Jt, ie, se], v = () => [Jt, "auto", ie, se], P = () => ["auto", "min", "max", "fr", ie, se], R = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...N()], q = () => [_n, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], M = () => [e, ie, se], X = () => [...k(), $a, Oa, {
+  ], x = () => [...k(), ie, se], A = () => ["auto", "hidden", "clip", "visible", "scroll"], T = () => ["auto", "contain", "none"], N = () => [ie, se, l], $ = () => [_n, "full", "auto", ...N()], I = () => [Zt, "none", "subgrid", ie, se], _ = () => ["auto", {
+    span: ["full", Zt, ie, se]
+  }, Zt, ie, se], v = () => [Zt, "auto", ie, se], P = () => ["auto", "min", "max", "fr", ie, se], R = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...N()], q = () => [_n, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], M = () => [e, ie, se], X = () => [...k(), $a, Oa, {
     position: [ie, se]
   }], D = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -892,7 +892,7 @@ const Ep = (e, n) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Jt, "auto", ie, se]
+        z: [Zt, "auto", ie, se]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -944,7 +944,7 @@ const Ep = (e, n) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Jt, "first", "last", "none", ie, se]
+        order: [Zt, "first", "last", "none", ie, se]
       }],
       /**
        * Grid Template Columns
@@ -1622,9 +1622,9 @@ const Ep = (e, n) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Jt, ie, se],
+          }, Zt, ie, se],
           radial: ["", ie, se],
-          conic: [Jt, ie, se]
+          conic: [Zt, ie, se]
         }, lm, sm]
       }],
       /**
@@ -6188,7 +6188,7 @@ const ch = Ce("flex items-center justify-center z-1 css-iuur1", {
         " "
       ] })
     ] }),
-    /* @__PURE__ */ c.jsx(on, { children: /* @__PURE__ */ c.jsx("div", { className: "drag-handler-box ml-[10px] flex justify-center items-center h-full", children: /* @__PURE__ */ c.jsx(oi, { size: 12, className: "hover:bg-accent rounded w-[40px] p-2 h-[40px] text-gray-600 hover:cursor-move" }) }) })
+    /* @__PURE__ */ c.jsx(Kt, { children: /* @__PURE__ */ c.jsx("div", { className: "drag-handler-box ml-[10px] flex justify-center items-center h-full", children: /* @__PURE__ */ c.jsx(oi, { size: 12, className: "hover:bg-accent rounded w-[40px] p-2 h-[40px] text-gray-600 hover:cursor-move" }) }) })
   ] }) });
 };
 function Ye(e, n) {
@@ -6851,14 +6851,14 @@ function bh() {
 }
 var xh = /* @__PURE__ */ bh();
 const y = /* @__PURE__ */ Cp(xh);
-function Zt(e) {
+function en(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const n = Object.getPrototypeOf(e);
   return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
 function uu(e) {
-  if (/* @__PURE__ */ j.isValidElement(e) || !Zt(e))
+  if (/* @__PURE__ */ j.isValidElement(e) || !en(e))
     return e;
   const n = {};
   return Object.keys(e).forEach((t) => {
@@ -6869,9 +6869,9 @@ function Gt(e, n, t = {
   clone: !0
 }) {
   const r = t.clone ? J({}, e) : e;
-  return Zt(e) && Zt(n) && Object.keys(n).forEach((o) => {
-    /* @__PURE__ */ j.isValidElement(n[o]) ? r[o] = n[o] : Zt(n[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && Zt(e[o]) ? r[o] = Gt(e[o], n[o], t) : t.clone ? r[o] = Zt(n[o]) ? uu(n[o]) : n[o] : r[o] = n[o];
+  return en(e) && en(n) && Object.keys(n).forEach((o) => {
+    /* @__PURE__ */ j.isValidElement(n[o]) ? r[o] = n[o] : en(n[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && en(e[o]) ? r[o] = Gt(e[o], n[o], t) : t.clone ? r[o] = en(n[o]) ? uu(n[o]) : n[o] : r[o] = n[o];
   }), r;
 }
 function pi(e) {
@@ -7515,10 +7515,10 @@ var cg = /[A-Z]|^ms/g, ug = /_EMO_([^_]+?)_([^]*?)_EMO_/g, xu = function(n) {
     case "animationName":
       if (typeof t == "string")
         return t.replace(ug, function(r, o, s) {
-          return en = {
+          return tn = {
             name: o,
             styles: s,
-            next: en
+            next: tn
           }, o;
         });
   }
@@ -7536,20 +7536,20 @@ function jo(e, n, t) {
     case "object": {
       var o = t;
       if (o.anim === 1)
-        return en = {
+        return tn = {
           name: o.name,
           styles: o.styles,
-          next: en
+          next: tn
         }, o.name;
       var s = t;
       if (s.styles !== void 0) {
         var i = s.next;
         if (i !== void 0)
           for (; i !== void 0; )
-            en = {
+            tn = {
               name: i.name,
               styles: i.styles,
-              next: en
+              next: tn
             }, i = i.next;
         var a = s.styles + ";";
         return a;
@@ -7589,12 +7589,12 @@ function dg(e, n, t) {
     }
   return r;
 }
-var fl = /label:\s*([^\s;{]+)\s*(;|$)/g, en;
+var fl = /label:\s*([^\s;{]+)\s*(;|$)/g, tn;
 function Cu(e, n, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var r = !0, o = "";
-  en = void 0;
+  tn = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
     r = !1, o += jo(t, n, s);
@@ -7614,7 +7614,7 @@ function Cu(e, n, t) {
   return {
     name: p,
     styles: o,
-    next: en
+    next: tn
   };
 }
 function fg(e, n) {
@@ -8456,7 +8456,7 @@ function dy(e) {
   let s;
   return Array.isArray(n) ? s = [r, ...n] : typeof n == "function" ? s = (...i) => {
     const a = n(...i);
-    return Zt(a) ? J({}, r, a) : r;
+    return en(a) ? J({}, r, a) : r;
   } : s = J({}, r, n), J({}, o, {
     sx: s
   });
@@ -8555,7 +8555,7 @@ function by(e = {}) {
     const b = fg(i, J({
       shouldForwardProp: w,
       label: S
-    }, h)), k = (A) => typeof A == "function" && A.__emotion_real !== A || Zt(A) ? (T) => {
+    }, h)), k = (A) => typeof A == "function" && A.__emotion_real !== A || en(A) ? (T) => {
       const N = yo({
         theme: T.theme,
         defaultTheme: t,
@@ -10390,13 +10390,13 @@ function sr(e, n, t = void 0) {
   }
   return r;
 }
-function tn(e, ...n) {
+function nn(e, ...n) {
   const t = new URL(`https://mui.com/production-error/?code=${e}`);
   return n.forEach((r) => t.searchParams.append("args[]", r)), `Minified MUI error #${e}; visit ${t} for the full message.`;
 }
 function qe(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : tn(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : nn(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 var vo = { exports: {} }, Te = {};
@@ -10588,7 +10588,7 @@ function mv(e, n) {
   if (!t) {
     if (process.env.NODE_ENV !== "production")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${n})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : tn(18, `(${n})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : nn(18, `(${n})`));
     return null;
   }
   const [, r, o] = t, s = Number.isNaN(+r) ? r || 0 : +r;
@@ -11719,20 +11719,20 @@ function Ab(e) {
   let t = e.match(n);
   return t && t[0].length === 1 && (t = t.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((r, o) => o < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function nn(e) {
+function rn(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return nn(Ab(e));
+    return rn(Ab(e));
   const n = e.indexOf("("), t = e.substring(0, n);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : tn(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : nn(9, e));
   let r = e.substring(n + 1, e.length - 1), o;
   if (t === "color") {
     if (r = r.split(" "), o = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : tn(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : nn(10, o));
   } else
     r = r.split(",");
   return r = r.map((s) => parseFloat(s)), {
@@ -11742,7 +11742,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   };
 }
 const Pb = (e) => {
-  const n = nn(e);
+  const n = rn(e);
   return n.values.slice(0, 3).map((t, r) => n.type.includes("hsl") && r !== 0 ? `${t}%` : t).join(" ");
 }, jr = (e, n) => {
   try {
@@ -11762,7 +11762,7 @@ function hs(e) {
   return n.includes("rgb") ? r = r.map((o, s) => s < 3 ? parseInt(o, 10) : o) : n.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), n.includes("color") ? r = `${t} ${r.join(" ")}` : r = `${r.join(", ")}`, `${n}(${r})`;
 }
 function Vu(e) {
-  e = nn(e);
+  e = rn(e);
   const {
     values: n
   } = e, t = n[0], r = n[1] / 100, o = n[2] / 100, s = r * Math.min(o, 1 - o), i = (u, f = (u + t / 30) % 12) => o - s * Math.max(Math.min(f - 3, 9 - f, 1), -1);
@@ -11774,8 +11774,8 @@ function Vu(e) {
   });
 }
 function yi(e) {
-  e = nn(e);
-  let n = e.type === "hsl" || e.type === "hsla" ? nn(Vu(e)).values : e.values;
+  e = rn(e);
+  let n = e.type === "hsl" || e.type === "hsla" ? rn(Vu(e)).values : e.values;
   return n = n.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * n[0] + 0.7152 * n[1] + 0.0722 * n[2]).toFixed(3));
 }
 function _l(e, n) {
@@ -11783,7 +11783,7 @@ function _l(e, n) {
   return (Math.max(t, r) + 0.05) / (Math.min(t, r) + 0.05);
 }
 function Mo(e, n) {
-  return e = nn(e), n = Qi(n), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${n}` : e.values[3] = n, hs(e);
+  return e = rn(e), n = Qi(n), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${n}` : e.values[3] = n, hs(e);
 }
 function yn(e, n, t) {
   try {
@@ -11793,7 +11793,7 @@ function yn(e, n, t) {
   }
 }
 function gs(e, n) {
-  if (e = nn(e), n = Qi(n), e.type.includes("hsl"))
+  if (e = rn(e), n = Qi(n), e.type.includes("hsl"))
     e.values[2] *= 1 - n;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let t = 0; t < 3; t += 1)
@@ -11808,7 +11808,7 @@ function we(e, n, t) {
   }
 }
 function ys(e, n) {
-  if (e = nn(e), n = Qi(n), e.type.includes("hsl"))
+  if (e = rn(e), n = Qi(n), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * n;
   else if (e.type.includes("rgb"))
     for (let t = 0; t < 3; t += 1)
@@ -12294,7 +12294,7 @@ function Ji(e) {
       ...C
     }, !C.main && C[w] && (C.main = C[w]), !C.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${w}\` property.` : tn(11, S ? ` (${S})` : "", w));
+The color object needs to have a \`main\` property or a \`${w}\` property.` : nn(11, S ? ` (${S})` : "", w));
     if (typeof C.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(C.main)}\` was provided instead.
@@ -12309,7 +12309,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : tn(12, S ? ` (${S})` : "", JSON.stringify(C.main)));
+} });` : nn(12, S ? ` (${S})` : "", JSON.stringify(C.main)));
     return o ? (Bl(o, C, "light", b, r), Bl(o, C, "dark", k, r)) : (Ll(C, "light", b, r), Ll(C, "dark", k, r)), C.contrastText || (C.contrastText = m(C.main)), C;
   };
   let g;
@@ -12615,7 +12615,7 @@ function bi(e = {}, ...n) {
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : tn(20));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : nn(20));
   const p = Ji({
     ...s,
     colorSpace: u
@@ -12835,7 +12835,7 @@ function C0(e = {}, ...n) {
   };
   let b = g;
   if ((m === "dark" && !("dark" in t) || m === "light" && !("light" in t)) && (b = !0), !b)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : tn(21, m));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : nn(21, m));
   let k;
   i && (k = "oklch");
   const x = ti(k, w, b, f, m);
@@ -12973,7 +12973,7 @@ const E0 = (e) => k0(e) && e !== "classes", st = Cb({
   themeId: Xu,
   defaultTheme: Ku,
   rootShouldForwardProp: E0
-}), rn = zb;
+}), on = zb;
 process.env.NODE_ENV !== "production" && (y.node, y.object.isRequired);
 function Nn(e) {
   return $b(e);
@@ -13187,7 +13187,7 @@ const M0 = (e) => {
     } = e;
     return [n.root, n[t.variant], !t.square && n.rounded, t.variant === "elevation" && n[`elevation${t.elevation}`]];
   }
-})(rn(({
+})(on(({
   theme: e
 }) => ({
   backgroundColor: (e.vars || e).palette.background.paper,
@@ -13334,7 +13334,7 @@ const L0 = (e) => {
     } = e;
     return [n.root, t.color !== "inherit" && n[`color${qe(t.color)}`], n[`fontSize${qe(t.fontSize)}`]];
   }
-})(rn(({
+})(on(({
   theme: e
 }) => ({
   userSelect: "none",
@@ -14521,7 +14521,7 @@ const $t = 44, Ei = nr`
     } = e;
     return [n.root, n[t.variant], n[`color${qe(t.color)}`]];
   }
-})(rn(({
+})(on(({
   theme: e
 }) => ({
   display: "inline-block",
@@ -14562,7 +14562,7 @@ const $t = 44, Ei = nr`
     } = e;
     return [n.circle, n[`circle${qe(t.variant)}`], t.disableShrink && n.circleDisableShrink];
   }
-})(rn(({
+})(on(({
   theme: e
 }) => ({
   stroke: "currentColor",
@@ -14595,7 +14595,7 @@ const $t = 44, Ei = nr`
 }))), Cx = st("circle", {
   name: "MuiCircularProgress",
   slot: "Track"
-})(rn(({
+})(on(({
   theme: e
 }) => ({
   stroke: "currentColor",
@@ -14759,7 +14759,7 @@ const Jl = Tn("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     } = e;
     return [n.root, t.loading && n.loading, t.color !== "default" && n[`color${qe(t.color)}`], t.edge && n[`edge${qe(t.edge)}`], n[`size${qe(t.size)}`]];
   }
-})(rn(({
+})(on(({
   theme: e
 }) => ({
   textAlign: "center",
@@ -14814,7 +14814,7 @@ const Jl = Tn("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       marginRight: -3
     }
   }]
-})), rn(({
+})), on(({
   theme: e
 }) => ({
   variants: [{
@@ -15047,7 +15047,7 @@ const Tx = ir(/* @__PURE__ */ c.jsx("path", {
     } = e;
     return [n.root, n[t.variant], n[`${t.variant}${qe(t.color || t.severity)}`]];
   }
-})(rn(({
+})(on(({
   theme: e
 }) => {
   const n = e.palette.mode === "light" ? e.darken : e.lighten, t = e.palette.mode === "light" ? e.lighten : e.darken;
@@ -16511,7 +16511,7 @@ const gC = ({
       ), document.body)
     ]
   }
-) }), on = fe(gC), yC = Ce("font-Roboto  select-none font-normal", {
+) }), Kt = fe(gC), yC = Ce("font-Roboto  select-none font-normal", {
   variants: {
     type: {
       main: "text-[20px]",
@@ -17293,7 +17293,7 @@ function zC(e, n) {
   ));
 }
 const DC = j.forwardRef(zC), FC = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
-function Kt(e, n) {
+function Xt(e, n) {
   if (!e || !n)
     return;
   const t = e.style;
@@ -17347,7 +17347,7 @@ const Cd = fe(Oe((e, n) => {
   }), []);
   const { longitude: i, latitude: a, offset: l, style: u, draggable: f = !1, popup: p = null, rotation: m = 0, rotationAlignment: h = "auto", pitchAlignment: g = "auto" } = e;
   Y(() => {
-    Kt(s.getElement(), u);
+    Xt(s.getElement(), u);
   }, [u]), At(n, () => s, []);
   const d = o.current.props;
   (s.getLngLat().lng !== i || s.getLngLat().lat !== a) && s.setLngLat([i, a]), l && !AC(s.getOffset(), l) && s.setOffset(l), s.isDraggable() !== f && s.setDraggable(f), s.getRotation() !== m && s.setRotation(m), s.getRotationAlignment() !== h && s.setRotationAlignment(h), s.getPitchAlignment() !== g && s.setPitchAlignment(g), s.getPopup() !== p && s.setPopup(p);
@@ -17372,7 +17372,7 @@ fe(Oe((e, n) => {
       i.off("close", a), i.isOpen() && i.remove();
     };
   }, []), Y(() => {
-    Kt(i.getElement(), e.style);
+    Xt(i.getElement(), e.style);
   }, [e.style]), At(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 && !Ft(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));
@@ -17398,7 +17398,7 @@ function LC(e) {
     position: e.position
   });
   return Y(() => {
-    Kt(n._container, e.style);
+    Xt(n._container, e.style);
   }, [e.style]), null;
 }
 fe(LC);
@@ -17407,7 +17407,7 @@ function BC(e) {
     container: e.containerId && document.getElementById(e.containerId)
   }), { position: e.position });
   return Y(() => {
-    Kt(n._controlContainer, e.style);
+    Xt(n._controlContainer, e.style);
   }, [e.style]), null;
 }
 fe(BC);
@@ -17429,7 +17429,7 @@ function VC(e, n) {
     }), s;
   }, { position: e.position });
   return t.current.props = e, At(n, () => r, []), Y(() => {
-    Kt(r._container, e.style);
+    Xt(r._container, e.style);
   }, [e.style]), null;
 }
 fe(Oe(VC));
@@ -17438,7 +17438,7 @@ function WC(e) {
     position: e.position
   });
   return Y(() => {
-    Kt(n._container, e.style);
+    Xt(n._container, e.style);
   }, [e.style]), null;
 }
 fe(WC);
@@ -17449,7 +17449,7 @@ function HC(e) {
   t.current = e;
   const { style: o } = e;
   return e.maxWidth !== void 0 && e.maxWidth !== r.maxWidth && (n.options.maxWidth = e.maxWidth), e.unit !== void 0 && e.unit !== r.unit && n.setUnit(e.unit), Y(() => {
-    Kt(n._container, o);
+    Xt(n._container, o);
   }, [o]), null;
 }
 fe(HC);
@@ -17458,14 +17458,14 @@ function UC(e) {
     position: e.position
   });
   return Y(() => {
-    Kt(n._container, e.style);
+    Xt(n._container, e.style);
   }, [e.style]), null;
 }
 fe(UC);
 function GC(e) {
   const n = dn(({ mapLib: t }) => new t.LogoControl(e), { position: e.position });
   return Y(() => {
-    Kt(n._container, e.style);
+    Xt(n._container, e.style);
   }, [e.style]), null;
 }
 fe(GC);
@@ -18246,9 +18246,9 @@ const ww = (e, n, t = 0, r = 40) => {
       r.current && o.current && s?.length > 1 && (r.current.innerText = s[0].toFixed(4), o.current.innerText = s[1].toFixed(4), t.current && t.current.style.display === "none" && (t.current.style.display = "block"));
     }
   })), /* @__PURE__ */ c.jsx("div", { ref: t, className: "absolute top-0 left-0 rounded bg-black/40 px-1 z-30", style: { display: "none" }, children: /* @__PURE__ */ c.jsx("span", { className: "text-xs font-mono text-gray-200", children: /* @__PURE__ */ c.jsxs("div", { className: "flex gap-x-1", children: [
-    /* @__PURE__ */ c.jsx(on, { title: "longitude", delay: 1e3, children: /* @__PURE__ */ c.jsx("p", { ref: r, children: "0.0000" }) }),
+    /* @__PURE__ */ c.jsx(Kt, { title: "longitude", delay: 1e3, children: /* @__PURE__ */ c.jsx("p", { ref: r, children: "0.0000" }) }),
     ",",
-    /* @__PURE__ */ c.jsx(on, { title: "latitude", delay: 1e3, children: /* @__PURE__ */ c.jsx("p", { ref: o, children: "0.0000" }) })
+    /* @__PURE__ */ c.jsx(Kt, { title: "latitude", delay: 1e3, children: /* @__PURE__ */ c.jsx("p", { ref: o, children: "0.0000" }) })
   ] }) }) });
 });
 Nd.displayName = "Coordination Box";
@@ -18287,7 +18287,7 @@ function Ew({ data: e, getCenterBox: n, points: t, mapApi: r, hoveredConnection:
   return ue(() => {
     if (!e) return null;
     const a = o?.u_id == e?.u_id;
-    return !a && o ? null : n ? n({ ...e, points: t, mapApi: r }) : /* @__PURE__ */ c.jsx(on, { title: "Number of connections", children: /* @__PURE__ */ c.jsx(
+    return !a && o ? null : n ? n({ ...e, points: t, mapApi: r }) : /* @__PURE__ */ c.jsx(Kt, { title: "Number of connections", children: /* @__PURE__ */ c.jsx(
       "div",
       {
         onMouseEnter: () => s(!0),
@@ -18591,7 +18591,7 @@ const Rw = fe(Pd), Rd = (e) => {
     );
   }, [s]);
   return /* @__PURE__ */ c.jsxs("div", { className: B("absolute bottom-10 overflow-hidden right-3 z-50 min-h-[60px] w-[25px] gap-2 bg-white border rounded-full flex flex-wrap items-center justify-center py-1", o), children: [
-    t && /* @__PURE__ */ c.jsx(on, { title: "Go to first node", children: /* @__PURE__ */ c.jsx(Bf, { onClick: i, className: "text-blue-600 hover:bg-accent rounded-full", size: 18 }) }),
+    t && /* @__PURE__ */ c.jsx(Kt, { title: "Go to first node", children: /* @__PURE__ */ c.jsx(Bf, { onClick: i, className: "text-blue-600 hover:bg-accent rounded-full", size: 18 }) }),
     r?.map((a, l) => /* @__PURE__ */ c.jsx("div", { children: a }, "custom-control-button-" + l))
   ] });
 };
@@ -18640,7 +18640,7 @@ const jw = fe(Rd), Ow = Ce(
     p(h, g);
   }
   return /* @__PURE__ */ c.jsx(
-    on,
+    Kt,
     {
       title: t,
       delay: 600,
@@ -19020,7 +19020,7 @@ const vc = [
   re();
   const It = ct(4, !0, !1), ye = re({});
   re();
-  const jt = re(), [de, fn] = O([]), [St, pn] = O([]), [Xr, Qr] = O([]), [mt, _t] = O(), [lr, cr] = O(null), [ur, Jr] = O(null), [ht, dr] = O({}), [Mt, Zr] = O({}), [at, Xt] = O(!1), [eo, An] = O({ connections: [], nodes: [], countBoxes: [] }), [ga, to] = O({}), [no, ro] = O(!1), [ya, Pn] = O(!1), [fr, Ts] = O(t), [of, Ns] = O(), [Rn, oo] = O(0), [pr, mr] = O([]), [Ke, Qt] = O([]), [As, va] = O(!0), [hr, jn] = O(!1), [so, Ps] = O("full"), On = re();
+  const jt = re(), [de, fn] = O([]), [St, pn] = O([]), [Xr, Qr] = O([]), [mt, _t] = O(), [lr, cr] = O(null), [ur, Jr] = O(null), [ht, dr] = O({}), [Mt, Zr] = O({}), [at, Qt] = O(!1), [eo, An] = O({ connections: [], nodes: [], countBoxes: [] }), [ga, to] = O({}), [no, ro] = O(!1), [ya, Pn] = O(!1), [fr, Ts] = O(t), [of, Ns] = O(), [Rn, oo] = O(0), [pr, mr] = O([]), [Ke, Jt] = O([]), [As, va] = O(!0), [hr, jn] = O(!1), [so, Ps] = O("full"), On = re();
   Y(() => {
     Z && console.log(e);
   }, [Z]);
@@ -19157,7 +19157,7 @@ const vc = [
     );
     if (E == "moving" && mr(lt), ve == "moveend") {
       const Ot = [...new Set(lt.flatMap((xr) => xr?.connections))];
-      Qt(Ot), E == "moveend" && mr(lt);
+      Jt(Ot), E == "moveend" && mr(lt);
     }
   };
   Y(() => {
@@ -19248,13 +19248,13 @@ const vc = [
     },
     setOptions: mn,
     setTriggerRefUpdate: oo,
-    setMapDragging: Xt,
+    setMapDragging: Qt,
     hasInternet: As,
     setMapZooming: ro,
     setMapRotating: Ns,
     setStartLinkCounterRerender: Pn,
     setInViewNodes: mr,
-    setInViewConnections: Qt,
+    setInViewConnections: Jt,
     setHoveredNode: to,
     setHoveredConnection: _t,
     setContextMenuEvent: cr,
@@ -19305,7 +19305,7 @@ const vc = [
     console.log("OnMap GL Paths : ", yr);
   }, [yr]);
   const cf = oe(() => {
-    Pn(!1), Xt(!0);
+    Pn(!1), Qt(!0);
   }, []), uf = oe((ee) => {
     Ts(ee?.target?.getZoom()), ro((ve) => !ve);
   }, []);
@@ -19313,13 +19313,13 @@ const vc = [
     console.log(ee);
   }, []);
   const df = oe(() => {
-    ye?.current?.getMap().stop(), Xt(!1);
+    ye?.current?.getMap().stop(), Qt(!1);
   }, [ye]);
   oe((ee) => {
-    Xt(!0), E == "moving" && $n(ee, "moving");
+    Qt(!0), E == "moving" && $n(ee, "moving");
   }, [E, St]);
   const ff = oe((ee) => {
-    console.log("Moving End ...", ee), $n(ee, "moveend"), Xt(!1);
+    console.log("Moving End ...", ee), $n(ee, "moveend"), Qt(!1);
   }, [St]), pf = oe((ee) => {
     S && S({ mapApi: ye.current, event: ee, hasInternet: !0 });
   }, [S]), mf = oe((ee) => {
@@ -19650,7 +19650,7 @@ const Id = an({}), ck = (e) => {
     /* @__PURE__ */ c.jsx("label", { className: "z-0 font-Roboto text-[14px] select-text text-black", children: t }),
     /* @__PURE__ */ c.jsx("div", { className: "css-fj1j20 opacity-0 scale-75", children: /* @__PURE__ */ c.jsx(_d, { value: t }) })
   ] }, o);
-}, qw = ({ className: e, ...n }) => /* @__PURE__ */ c.jsx(on, { ...n, enterDelay: 200, classes: { tooltip: e } });
+}, qw = ({ className: e, ...n }) => /* @__PURE__ */ c.jsx(Kt, { ...n, enterDelay: 200, classes: { tooltip: e } });
 st(qw)(() => ({
   backgroundColor: "#f5f5f9",
   color: "rgba(0, 0, 0, 0.87)",
@@ -19722,7 +19722,7 @@ const Kw = Ce(
   return Y(() => {
     S("disable", a);
   }, [a, S]), /* @__PURE__ */ c.jsx(
-    on,
+    Kt,
     {
       title: f,
       delay: 600,
@@ -20028,7 +20028,7 @@ const e1 = (e) => {
       className: "abui-panel",
       disabled: !w || $,
       children: [
-        $ && g && /* @__PURE__ */ c.jsx(
+        $ && g && /* @__PURE__ */ c.jsx(Kt, { delay: 1500, title: "Double click to restore", placement: "top", children: /* @__PURE__ */ c.jsx(
           "div",
           {
             onDoubleClick: () => {
@@ -20040,7 +20040,7 @@ const e1 = (e) => {
             ),
             children: r
           }
-        ),
+        ) }),
         /* @__PURE__ */ c.jsxs(
           ca,
           {
@@ -22508,11 +22508,11 @@ const er = an({}), eS = (e) => {
     enableRowStream: l,
     cellGrid: i,
     enableAdvancedFilter: it
-  }), [ur, Jr] = O({}), [ht, dr] = O(0), [Mt, Zr] = O(0), [at, Xt] = O({ header: null, value: null }), [eo] = D1(f, r), [An, ga] = F1(t, g), [to, no] = O(!0), [ro, ya] = O(null), [Pn, fr] = O(null), [Ts, of] = O(!0), Ns = X1($e), Rn = re(), [oo] = H1({
+  }), [ur, Jr] = O({}), [ht, dr] = O(0), [Mt, Zr] = O(0), [at, Qt] = O({ header: null, value: null }), [eo] = D1(f, r), [An, ga] = F1(t, g), [to, no] = O(!0), [ro, ya] = O(null), [Pn, fr] = O(null), [Ts, of] = O(!0), Ns = X1($e), Rn = re(), [oo] = H1({
     ref: t,
     menuItems: R,
     cell: at
-  }), [pr, mr] = O([]), [Ke, Qt] = O({
+  }), [pr, mr] = O([]), [Ke, Jt] = O({
     ready: !1,
     fullscreen: !1,
     lastRefresh: null
@@ -22543,7 +22543,7 @@ const er = an({}), eS = (e) => {
       const nt = ce.colDef.field;
       ce.api.getSelectedNodes()[0];
       const zt = { header: nt, value: ce.value, params: ce };
-      ce.value, ce.colDef.field, ce.value, Xt(zt), d(ce, ce.value, ce.colDef.field);
+      ce.value, ce.colDef.field, ce.value, Qt(zt), d(ce, ce.value, ce.colDef.field);
     },
     [ht, Mt]
   ), Ps = oe(
@@ -22551,7 +22551,7 @@ const er = an({}), eS = (e) => {
       const { event: he, value: nt } = ce;
       (he.type === "contextmenu" || he.button === 2) && (he.ctrlKey || he.shiftKey) || p?.mode === "multiRow" && !he.ctrlKey && !he.shiftKey && ce.api.deselectAll(), ce?.node?.setSelected(!0);
       const In = pe.current?.api?.getSelectedRows() || [];
-      In?.length != 0 && (he.preventDefault(), Xt({
+      In?.length != 0 && (he.preventDefault(), Qt({
         header: ce?.column?.colId || "",
         value: ce?.value || "",
         params: ce,
@@ -22575,7 +22575,7 @@ const er = an({}), eS = (e) => {
     [ht, Mt]
   ), Rs = oe(
     (ce, he) => {
-      Qt((nt) => ({ ...nt, [ce]: he }));
+      Jt((nt) => ({ ...nt, [ce]: he }));
     },
     [Ke]
   );
@@ -22646,7 +22646,7 @@ const er = an({}), eS = (e) => {
   ), io = oe(() => {
     Ke?.ready && jt((ce) => []);
   }, [Ke?.ready]), $n = oe(() => {
-    Qt((ce) => ({ ...ce, ready: !1 })), T(t), Qt((ce) => ({ ...ce, ready: !0 }));
+    Jt((ce) => ({ ...ce, ready: !1 })), T(t), Jt((ce) => ({ ...ce, ready: !0 }));
   }, [T]);
   Y(() => {
     if (r) {
@@ -22654,12 +22654,12 @@ const er = an({}), eS = (e) => {
         ...he,
         _view_id: Fe()
       }));
-      Qt((he) => ({ ...he, lastRefresh: (/* @__PURE__ */ new Date()).toLocaleString() })), jt(ce);
+      Jt((he) => ({ ...he, lastRefresh: (/* @__PURE__ */ new Date()).toLocaleString() })), jt(ce);
     }
   }, [r]);
   const vr = oe(
     (ce) => {
-      pe.current && r.length > 0 && (mt.current || (pe?.current?.api?.sizeColumnsToFit(), mt.current = !0), Qt((he) => ({ ...he, ready: !0 })));
+      pe.current && r.length > 0 && (mt.current || (pe?.current?.api?.sizeColumnsToFit(), mt.current = !0), Jt((he) => ({ ...he, ready: !0 })));
     },
     [r, pe]
   );
@@ -23823,7 +23823,7 @@ export {
   Zx as Toast,
   gS as ToggleGroup,
   kc as ToggleItem,
-  on as Tooltip,
+  Kt as Tooltip,
   bk as VirtualContainer,
   vk as Whatsnew,
   lh as capitalizeFirstLetter,

package/package.json

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