@abdellatifui/react 3.2.134 → 3.2.136

package/dist/nextgen.js

@@ -4,7 +4,7 @@ import * as Wr from "@radix-ui/react-tooltip";
 import { createPortal as Hr } from "react-dom";
 import * as ct from "@radix-ui/react-alert-dialog";
 import { Slot as gf } from "@radix-ui/react-slot";
-import ce from "jquery";
+import ue from "jquery";
 import { ClickAwayListener as yf, MenuItem as vf, TableContainer as bf, Paper as xf, Table as Cf, TableHead as wf, TableRow as Ca, TableCell as ao, TableBody as Sf } from "@mui/material";
 import { MapboxOverlay as kf } from "@deck.gl/mapbox";
 import Ef from "maplibre-gl";
@@ -128,8 +128,8 @@ function Cp() {
       }
       if (M) {
         M = console;
-        var G = M.error, B = typeof Symbol == "function" && Symbol.toStringTag && T[Symbol.toStringTag] || T.constructor.name || "Object";
-        return G.call(
+        var U = M.error, B = typeof Symbol == "function" && Symbol.toStringTag && T[Symbol.toStringTag] || T.constructor.name || "Object";
+        return U.call(
           M,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           B
@@ -162,14 +162,14 @@ function Cp() {
       return T.key !== void 0;
     }
     function a(T, M) {
-      function G() {
+      function U() {
         D || (D = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           M
         ));
       }
-      G.isReactWarning = !0, Object.defineProperty(T, "key", {
-        get: G,
+      U.isReactWarning = !0, Object.defineProperty(T, "key", {
+        get: U,
         configurable: !0
       });
     }
@@ -179,15 +179,15 @@ function Cp() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), T = this.props.ref, T !== void 0 ? T : null;
     }
-    function u(T, M, G, B, te, re) {
-      var U = G.ref;
+    function u(T, M, U, B, te, re) {
+      var G = U.ref;
       return T = {
         $$typeof: g,
         type: T,
         key: M,
-        props: G,
+        props: U,
         _owner: B
-      }, (U !== void 0 ? U : null) !== null ? Object.defineProperty(T, "ref", {
+      }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(T, "ref", {
         enumerable: !1,
         get: l
       }) : Object.defineProperty(T, "ref", { enumerable: !1, value: null }), T._store = {}, Object.defineProperty(T._store, "validated", {
@@ -212,25 +212,25 @@ function Cp() {
         value: re
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     }
-    function f(T, M, G, B, te, re) {
-      var U = M.children;
-      if (U !== void 0)
+    function f(T, M, U, B, te, re) {
+      var G = M.children;
+      if (G !== void 0)
         if (B)
-          if (P(U)) {
-            for (B = 0; B < U.length; B++)
-              p(U[B]);
-            Object.freeze && Object.freeze(U);
+          if (P(G)) {
+            for (B = 0; B < G.length; B++)
+              p(G[B]);
+            Object.freeze && Object.freeze(G);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(U);
+        else p(G);
       if (j.call(M, "key")) {
-        U = e(T);
+        G = e(T);
         var L = Object.keys(M).filter(function(J) {
           return J !== "key";
         });
-        B = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", z[U + B] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
+        B = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", z[G + B] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -238,23 +238,23 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           B,
-          U,
+          G,
           L,
-          U
-        ), z[U + B] = !0);
+          G
+        ), z[G + B] = !0);
       }
-      if (U = null, G !== void 0 && (t(G), U = "" + G), i(M) && (t(M.key), U = "" + M.key), "key" in M) {
-        G = {};
-        for (var K in M)
-          K !== "key" && (G[K] = M[K]);
-      } else G = M;
-      return U && a(
-        G,
+      if (G = null, U !== void 0 && (t(U), G = "" + U), i(M) && (t(M.key), G = "" + M.key), "key" in M) {
+        U = {};
+        for (var X in M)
+          X !== "key" && (U[X] = M[X]);
+      } else U = M;
+      return G && a(
+        U,
         typeof T == "function" ? T.displayName || T.name || "Unknown" : T
       ), u(
         T,
-        U,
         G,
+        U,
         o(),
         te,
         re
@@ -277,26 +277,26 @@ React keys must be passed directly to JSX without using spread:
     var D, Y = {}, _ = h.react_stack_bottom_frame.bind(
       h,
       s
-    )(), X = W(r(s)), z = {};
-    Er.Fragment = x, Er.jsx = function(T, M, G) {
+    )(), K = W(r(s)), z = {};
+    Er.Fragment = x, Er.jsx = function(T, M, U) {
       var B = 1e4 > b.recentlyCreatedOwnerStacks++;
       return f(
         T,
         M,
-        G,
+        U,
         !1,
         B ? Error("react-stack-top-frame") : _,
-        B ? W(r(T)) : X
+        B ? W(r(T)) : K
       );
-    }, Er.jsxs = function(T, M, G) {
+    }, Er.jsxs = function(T, M, U) {
       var B = 1e4 > b.recentlyCreatedOwnerStacks++;
       return f(
         T,
         M,
-        G,
+        U,
         !0,
         B ? Error("react-stack-top-frame") : _,
-        B ? W(r(T)) : X
+        B ? W(r(T)) : K
       );
     };
   })()), Er;
@@ -625,13 +625,13 @@ const Sp = (e, n) => {
     "left-bottom"
   ], v = () => [...k(), ie, se], N = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], E = () => [ie, se, l], $ = () => [zn, "full", "auto", ...E()], F = () => [Zt, "none", "subgrid", ie, se], R = () => ["auto", {
     span: ["full", Zt, ie, se]
-  }, Zt, ie, se], b = () => [Zt, "auto", ie, se], j = () => ["auto", "min", "max", "fr", ie, se], P = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...E()], Y = () => [zn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], _ = () => [e, ie, se], X = () => [...k(), Oa, ja, {
+  }, Zt, ie, se], b = () => [Zt, "auto", ie, se], j = () => ["auto", "min", "max", "fr", ie, se], P = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...E()], Y = () => [zn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], _ = () => [e, ie, se], K = () => [...k(), Oa, ja, {
     position: [ie, se]
   }], z = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], T = () => ["auto", "cover", "contain", sm, nm, {
     size: [ie, se]
-  }], M = () => [zs, Tr, yn], G = () => [
+  }], M = () => [zs, Tr, yn], U = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -639,14 +639,14 @@ const Sp = (e, n) => {
     u,
     ie,
     se
-  ], B = () => ["", me, Tr, yn], te = () => ["solid", "dashed", "dotted", "double"], re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => [me, zs, Oa, ja], L = () => [
+  ], B = () => ["", me, Tr, yn], te = () => ["solid", "dashed", "dotted", "double"], re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], G = () => [me, zs, Oa, ja], L = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     g,
     ie,
     se
-  ], K = () => ["none", me, ie, se], J = () => ["none", me, ie, se], ue = () => [me, ie, se], ee = () => [zn, "full", ...E()];
+  ], X = () => ["none", me, ie, se], J = () => ["none", me, ie, se], ce = () => [me, ie, se], ee = () => [zn, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -1598,7 +1598,7 @@ const Sp = (e, n) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: X()
+        bg: K()
       }],
       /**
        * Background Repeat
@@ -1684,105 +1684,105 @@ const Sp = (e, n) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: G()
+        rounded: U()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": G()
+        "rounded-s": U()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": G()
+        "rounded-e": U()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": G()
+        "rounded-t": U()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": G()
+        "rounded-r": U()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": G()
+        "rounded-b": U()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": G()
+        "rounded-l": U()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": G()
+        "rounded-ss": U()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": G()
+        "rounded-se": U()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": G()
+        "rounded-ee": U()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": G()
+        "rounded-es": U()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": G()
+        "rounded-tl": U()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": G()
+        "rounded-tr": U()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": G()
+        "rounded-br": U()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": G()
+        "rounded-bl": U()
       }],
       /**
        * Border Width
@@ -2131,10 +2131,10 @@ const Sp = (e, n) => {
         "mask-linear": [me]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": U()
+        "mask-linear-from": G()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": U()
+        "mask-linear-to": G()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": _()
@@ -2143,10 +2143,10 @@ const Sp = (e, n) => {
         "mask-linear-to": _()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": U()
+        "mask-t-from": G()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": U()
+        "mask-t-to": G()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": _()
@@ -2155,10 +2155,10 @@ const Sp = (e, n) => {
         "mask-t-to": _()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": U()
+        "mask-r-from": G()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": U()
+        "mask-r-to": G()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": _()
@@ -2167,10 +2167,10 @@ const Sp = (e, n) => {
         "mask-r-to": _()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": U()
+        "mask-b-from": G()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": U()
+        "mask-b-to": G()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": _()
@@ -2179,10 +2179,10 @@ const Sp = (e, n) => {
         "mask-b-to": _()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": U()
+        "mask-l-from": G()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": U()
+        "mask-l-to": G()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": _()
@@ -2191,10 +2191,10 @@ const Sp = (e, n) => {
         "mask-l-to": _()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": U()
+        "mask-x-from": G()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": U()
+        "mask-x-to": G()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": _()
@@ -2203,10 +2203,10 @@ const Sp = (e, n) => {
         "mask-x-to": _()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": U()
+        "mask-y-from": G()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": U()
+        "mask-y-to": G()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": _()
@@ -2218,10 +2218,10 @@ const Sp = (e, n) => {
         "mask-radial": [ie, se]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": U()
+        "mask-radial-from": G()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": U()
+        "mask-radial-to": G()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": _()
@@ -2245,10 +2245,10 @@ const Sp = (e, n) => {
         "mask-conic": [me]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": U()
+        "mask-conic-from": G()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": U()
+        "mask-conic-to": G()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": _()
@@ -2275,7 +2275,7 @@ const Sp = (e, n) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: X()
+        mask: K()
       }],
       /**
        * Mask Repeat
@@ -2593,28 +2593,28 @@ const Sp = (e, n) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: K()
+        rotate: X()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": K()
+        "rotate-x": X()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": K()
+        "rotate-y": X()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": K()
+        "rotate-z": X()
       }],
       /**
        * Scale
@@ -2654,21 +2654,21 @@ const Sp = (e, n) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ue()
+        skew: ce()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ue()
+        "skew-x": ce()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ue()
+        "skew-y": ce()
       }],
       /**
        * Transform
@@ -3116,14 +3116,14 @@ const Qc = ({
   }, [u]), F = oe((D, Y) => {
     const _ = $();
     if (!_) return { x: D, y: Y };
-    let X = D, z = Y;
-    return _.left !== void 0 && (X = Math.max(X, _.left)), _.right !== void 0 && (X = Math.min(X, _.right)), _.top !== void 0 && (z = Math.max(z, _.top)), _.bottom !== void 0 && (z = Math.min(z, _.bottom)), { x: X, y: z };
+    let K = D, z = Y;
+    return _.left !== void 0 && (K = Math.max(K, _.left)), _.right !== void 0 && (K = Math.min(K, _.right)), _.top !== void 0 && (z = Math.max(z, _.top)), _.bottom !== void 0 && (z = Math.min(z, _.bottom)), { x: K, y: z };
   }, [$]), R = oe((D, Y) => {
     if (!p) return { x: D, y: Y };
-    const [_, X] = p;
+    const [_, K] = p;
     return {
       x: Math.round(D / _) * _,
-      y: Math.round(Y / X) * X
+      y: Math.round(Y / K) * K
     };
   }, [p]), b = oe((D, Y) => {
     switch (h) {
@@ -3139,12 +3139,12 @@ const Qc = ({
   }, [h, C]), j = oe((D) => {
     if (l || f && D.target.closest(f) || e && !D.target.closest(e) || !m && D.button !== 0) return;
     D.preventDefault(), D.stopPropagation();
-    const Y = E ? o : C, _ = D.clientX, X = D.clientY;
+    const Y = E ? o : C, _ = D.clientX, K = D.clientY;
     A.current = {
       x: Y.x,
       y: Y.y,
       startX: _,
-      startY: X
+      startY: K
     }, N(!0), w.current && w.current.classList.add(d);
     const z = D.nativeEvent;
     s?.(z, { x: Y.x, y: Y.y });
@@ -3153,20 +3153,20 @@ const Qc = ({
     if (!v || !A.current) return;
     const D = (_) => {
       if (!A.current || !w.current) return;
-      const X = (_.clientX - A.current.startX) / S, z = (_.clientY - A.current.startY) / S;
-      let T = A.current.x + X, M = A.current.y + z;
-      const G = b(T, M);
-      T = G.x, M = G.y;
+      const K = (_.clientX - A.current.startX) / S, z = (_.clientY - A.current.startY) / S;
+      let T = A.current.x + K, M = A.current.y + z;
+      const U = b(T, M);
+      T = U.x, M = U.y;
       const B = R(T, M);
       T = B.x, M = B.y;
       const te = F(T, M);
       T = te.x, M = te.y, E || k({ x: T, y: M }), i?.(_, { x: T, y: M });
     }, Y = (_) => {
       if (!A.current || !w.current) return;
-      const X = (_.clientX - A.current.startX) / S, z = (_.clientY - A.current.startY) / S;
-      let T = A.current.x + X, M = A.current.y + z;
-      const G = b(T, M);
-      T = G.x, M = G.y;
+      const K = (_.clientX - A.current.startX) / S, z = (_.clientY - A.current.startY) / S;
+      let T = A.current.x + K, M = A.current.y + z;
+      const U = b(T, M);
+      T = U.x, M = U.y;
       const B = R(T, M);
       T = B.x, M = B.y;
       const te = F(T, M);
@@ -5499,8 +5499,8 @@ svg.p-icon g,
       var d = m, x = /./g.test(d) && !!h[d.split(".")[0]], S = x ? De.toFlatCase(d.split(".")[1]) : De.toFlatCase(d), w = h.hostName && De.toFlatCase(h.hostName), C = w || h.props && h.props.__TYPE && De.toFlatCase(h.props.__TYPE) || "", k = S === "transition", v = "data-pc-", N = function(_) {
         return _ != null && _.props ? _.hostName ? _.props.__TYPE === _.hostName ? _.props : N(_.parent) : _.parent : void 0;
       }, A = function(_) {
-        var X, z;
-        return ((X = h.props) === null || X === void 0 ? void 0 : X[_]) || ((z = N(h)) === null || z === void 0 ? void 0 : z[_]);
+        var K, z;
+        return ((K = h.props) === null || K === void 0 ? void 0 : K[_]) || ((z = N(h)) === null || z === void 0 ? void 0 : z[_]);
       };
       He.cParams = h, He.cName = C;
       var E = A("ptOptions") || He.context.ptOptions || {}, $ = E.mergeSections, F = $ === void 0 ? !0 : $, R = E.mergeProps, b = R === void 0 ? !1 : R, j = function() {
@@ -6062,52 +6062,52 @@ const lh = Ce("flex items-center justify-center z-1 css-iuur1", {
     },
     closeDelay: Y = 0,
     animationDuration: _ = 0.2,
-    applyStackRules: X = !0,
+    applyStackRules: K = !0,
     defaultOpen: z = !1,
     windowMode: T = !1
-  } = e, M = { open: n, ref: k, container: R, children: w, props: e, _children: a, id: r }, G = oe((L) => {
+  } = e, M = { open: n, ref: k, container: R, children: w, props: e, _children: a, id: r }, U = oe((L) => {
     W({ ...M, event: L }), setTimeout(() => {
-      ce(i.current).addClass("opacity-0"), i.current?.addEventListener("transitionend", (K) => {
-        ce(R?.current).removeClass("overflow-hidden"), t(!1), l(null), L?.callback?.({ ...M, open: !1 }), P({ ...M, event: L });
+      ue(i.current).addClass("opacity-0"), i.current?.addEventListener("transitionend", (X) => {
+        ue(R?.current).removeClass("overflow-hidden"), t(!1), l(null), L?.callback?.({ ...M, open: !1 }), P({ ...M, event: L });
       });
     }, Y);
   }, [n, R, Y]), B = oe((L) => {
-    j({ ...M, open: !0, event: L }), ce(R?.current).addClass("overflow-hidden"), t(!0), setTimeout(() => {
-      ce(i.current).removeClass("opacity-0");
+    j({ ...M, open: !0, event: L }), ue(R?.current).addClass("overflow-hidden"), t(!0), setTimeout(() => {
+      ue(i.current).removeClass("opacity-0");
     }, 50);
   }, [n, R, i]);
   q(() => {
     z && B();
-  }, [z]), q(() => (n && h?.((L) => [...L, M]), n || h?.((L) => L.filter((K) => K.id !== r)), () => {
-    h?.((L) => L.filter((K) => K.id !== r));
+  }, [z]), q(() => (n && h?.((L) => [...L, M]), n || h?.((L) => L.filter((X) => X.id !== r)), () => {
+    h?.((L) => L.filter((X) => X.id !== r));
   }), [n]), q(() => {
-    const L = m?.findIndex((K) => K.id === r);
-    d(L), L > 0 && X && p(!0), L === 0 && X && p(!1), S(m?.length === L + 1);
+    const L = m?.findIndex((X) => X.id === r);
+    d(L), L > 0 && K && p(!0), L === 0 && K && p(!1), S(m?.length === L + 1);
   }, [m]), Tt(
     k,
     () => ({
       current: i.current,
       open: B,
       close: (L) => {
-        G({ callback: L });
+        U({ callback: L });
       },
       props: e,
       isMultiWindowMode: o,
       isLastItemInArray: x,
-      applyStackRules: X,
+      applyStackRules: K,
       bodyClick: C,
       get isOpen() {
         return n;
       }
     }),
-    [G, B, n, x, X, C]
+    [U, B, n, x, K, C]
   ), q(() => {
     b(M);
   }, [n]);
   const te = le(() => !!(R?.current || R), [n]), re = le(() => /* @__PURE__ */ c.jsx(
     Vi.Provider,
     {
-      value: { openModel: B, closeModel: G, ref: k, props: e },
+      value: { openModel: B, closeModel: U, ref: k, props: e },
       children: /* @__PURE__ */ c.jsx(Zm, { open: !0, children: /* @__PURE__ */ c.jsx(
         Bi,
         {
@@ -6117,7 +6117,7 @@ const lh = Ce("flex items-center justify-center z-1 css-iuur1", {
           style: {
             "--animate-period": _ + "s"
           },
-          onContextMenu: U,
+          onContextMenu: G,
           id: r,
           className: V(
             lh({ variant: N, inline: A, blur: F }),
@@ -6131,9 +6131,9 @@ const lh = Ce("flex items-center justify-center z-1 css-iuur1", {
             yf,
             {
               onClickAway: (L) => {
-                if (D({ event: L, open: n, applyStackRules: X, isLastItemInArray: x, ref: k, container: R, children: w, props: e, _children: a, id: r }), C) {
-                  if (X && !x) return;
-                  G();
+                if (D({ event: L, open: n, applyStackRules: K, isLastItemInArray: x, ref: k, container: R, children: w, props: e, _children: a, id: r }), C) {
+                  if (K && !x) return;
+                  U();
                 }
               },
               children: a || w
@@ -6142,8 +6142,8 @@ const lh = Ce("flex items-center justify-center z-1 css-iuur1", {
         }
       ) })
     }
-  ), [a, w, n, te, f, C, X, x]);
-  function U(L) {
+  ), [a, w, n, te, f, C, K, x]);
+  function G(L) {
     E && (L.preventDefault(), t(!1));
   }
   return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -6306,7 +6306,7 @@ function ph() {
       }
     }
     var v = l, N = u, A = a, E = i, $ = n, F = f, R = r, b = g, j = h, P = t, W = s, D = o, Y = p, _ = !1;
-    function X(ee) {
+    function K(ee) {
       return _ || (_ = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), z(ee) || k(ee) === l;
     }
     function z(ee) {
@@ -6318,7 +6318,7 @@ function ph() {
     function M(ee) {
       return k(ee) === i;
     }
-    function G(ee) {
+    function U(ee) {
       return typeof ee == "object" && ee !== null && ee.$$typeof === n;
     }
     function B(ee) {
@@ -6330,22 +6330,22 @@ function ph() {
     function re(ee) {
       return k(ee) === g;
     }
-    function U(ee) {
+    function G(ee) {
       return k(ee) === h;
     }
     function L(ee) {
       return k(ee) === t;
     }
-    function K(ee) {
+    function X(ee) {
       return k(ee) === s;
     }
     function J(ee) {
       return k(ee) === o;
     }
-    function ue(ee) {
+    function ce(ee) {
       return k(ee) === p;
     }
-    xe.AsyncMode = v, xe.ConcurrentMode = N, xe.ContextConsumer = A, xe.ContextProvider = E, xe.Element = $, xe.ForwardRef = F, xe.Fragment = R, xe.Lazy = b, xe.Memo = j, xe.Portal = P, xe.Profiler = W, xe.StrictMode = D, xe.Suspense = Y, xe.isAsyncMode = X, xe.isConcurrentMode = z, xe.isContextConsumer = T, xe.isContextProvider = M, xe.isElement = G, xe.isForwardRef = B, xe.isFragment = te, xe.isLazy = re, xe.isMemo = U, xe.isPortal = L, xe.isProfiler = K, xe.isStrictMode = J, xe.isSuspense = ue, xe.isValidElementType = C, xe.typeOf = k;
+    xe.AsyncMode = v, xe.ConcurrentMode = N, xe.ContextConsumer = A, xe.ContextProvider = E, xe.Element = $, xe.ForwardRef = F, xe.Fragment = R, xe.Lazy = b, xe.Memo = j, xe.Portal = P, xe.Profiler = W, xe.StrictMode = D, xe.Suspense = Y, xe.isAsyncMode = K, xe.isConcurrentMode = z, xe.isContextConsumer = T, xe.isContextProvider = M, xe.isElement = U, xe.isForwardRef = B, xe.isFragment = te, xe.isLazy = re, xe.isMemo = G, xe.isPortal = L, xe.isProfiler = X, xe.isStrictMode = J, xe.isSuspense = ce, xe.isValidElementType = C, xe.typeOf = k;
   })()), xe;
 }
 var Ua;
@@ -6513,30 +6513,30 @@ function gh() {
     function x(z) {
       if (process.env.NODE_ENV !== "production")
         var T = {}, M = 0;
-      function G(te, re, U, L, K, J, ue) {
-        if (L = L || m, J = J || U, ue !== t) {
+      function U(te, re, G, L, X, J, ce) {
+        if (L = L || m, J = J || G, ce !== t) {
           if (l) {
             var ee = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw ee.name = "Invariant Violation", ee;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Be = L + ":" + U;
+            var Be = L + ":" + G;
             !T[Be] && // Avoid spamming the console because they are often not actionable except for lib authors
             M < 3 && (s(
               "You are manually calling a React.PropTypes validation function for the `" + J + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), T[Be] = !0, M++);
           }
         }
-        return re[U] == null ? te ? re[U] === null ? new d("The " + K + " `" + J + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new d("The " + K + " `" + J + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : z(re, U, L, K, J);
+        return re[G] == null ? te ? re[G] === null ? new d("The " + X + " `" + J + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new d("The " + X + " `" + J + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : z(re, G, L, X, J);
       }
-      var B = G.bind(null, !1);
-      return B.isRequired = G.bind(null, !0), B;
+      var B = U.bind(null, !1);
+      return B.isRequired = U.bind(null, !0), B;
     }
     function S(z) {
-      function T(M, G, B, te, re, U) {
-        var L = M[G], K = D(L);
-        if (K !== z) {
+      function T(M, U, B, te, re, G) {
+        var L = M[U], X = D(L);
+        if (X !== z) {
           var J = Y(L);
           return new d(
             "Invalid " + te + " `" + re + "` of type " + ("`" + J + "` supplied to `" + B + "`, expected ") + ("`" + z + "`."),
@@ -6551,16 +6551,16 @@ function gh() {
       return x(i);
     }
     function C(z) {
-      function T(M, G, B, te, re) {
+      function T(M, U, B, te, re) {
         if (typeof z != "function")
           return new d("Property `" + re + "` of component `" + B + "` has invalid PropType notation inside arrayOf.");
-        var U = M[G];
-        if (!Array.isArray(U)) {
-          var L = D(U);
+        var G = M[U];
+        if (!Array.isArray(G)) {
+          var L = D(G);
           return new d("Invalid " + te + " `" + re + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected an array."));
         }
-        for (var K = 0; K < U.length; K++) {
-          var J = z(U, K, B, te, re + "[" + K + "]", t);
+        for (var X = 0; X < G.length; X++) {
+          var J = z(G, X, B, te, re + "[" + X + "]", t);
           if (J instanceof Error)
             return J;
         }
@@ -6569,32 +6569,32 @@ function gh() {
       return x(T);
     }
     function k() {
-      function z(T, M, G, B, te) {
+      function z(T, M, U, B, te) {
         var re = T[M];
         if (!a(re)) {
-          var U = D(re);
-          return new d("Invalid " + B + " `" + te + "` of type " + ("`" + U + "` supplied to `" + G + "`, expected a single ReactElement."));
+          var G = D(re);
+          return new d("Invalid " + B + " `" + te + "` of type " + ("`" + G + "` supplied to `" + U + "`, expected a single ReactElement."));
         }
         return null;
       }
       return x(z);
     }
     function v() {
-      function z(T, M, G, B, te) {
+      function z(T, M, U, B, te) {
         var re = T[M];
         if (!e.isValidElementType(re)) {
-          var U = D(re);
-          return new d("Invalid " + B + " `" + te + "` of type " + ("`" + U + "` supplied to `" + G + "`, expected a single ReactElement type."));
+          var G = D(re);
+          return new d("Invalid " + B + " `" + te + "` of type " + ("`" + G + "` supplied to `" + U + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return x(z);
     }
     function N(z) {
-      function T(M, G, B, te, re) {
-        if (!(M[G] instanceof z)) {
-          var U = z.name || m, L = X(M[G]);
-          return new d("Invalid " + te + " `" + re + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected ") + ("instance of `" + U + "`."));
+      function T(M, U, B, te, re) {
+        if (!(M[U] instanceof z)) {
+          var G = z.name || m, L = K(M[U]);
+          return new d("Invalid " + te + " `" + re + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected ") + ("instance of `" + G + "`."));
         }
         return null;
       }
@@ -6605,28 +6605,28 @@ function gh() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), i;
-      function T(M, G, B, te, re) {
-        for (var U = M[G], L = 0; L < z.length; L++)
-          if (g(U, z[L]))
+      function T(M, U, B, te, re) {
+        for (var G = M[U], L = 0; L < z.length; L++)
+          if (g(G, z[L]))
             return null;
-        var K = JSON.stringify(z, function(ue, ee) {
+        var X = JSON.stringify(z, function(ce, ee) {
           var Be = Y(ee);
           return Be === "symbol" ? String(ee) : ee;
         });
-        return new d("Invalid " + te + " `" + re + "` of value `" + String(U) + "` " + ("supplied to `" + B + "`, expected one of " + K + "."));
+        return new d("Invalid " + te + " `" + re + "` of value `" + String(G) + "` " + ("supplied to `" + B + "`, expected one of " + X + "."));
       }
       return x(T);
     }
     function E(z) {
-      function T(M, G, B, te, re) {
+      function T(M, U, B, te, re) {
         if (typeof z != "function")
           return new d("Property `" + re + "` of component `" + B + "` has invalid PropType notation inside objectOf.");
-        var U = M[G], L = D(U);
+        var G = M[U], L = D(G);
         if (L !== "object")
           return new d("Invalid " + te + " `" + re + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected an object."));
-        for (var K in U)
-          if (r(U, K)) {
-            var J = z(U, K, B, te, re + "." + K, t);
+        for (var X in G)
+          if (r(G, X)) {
+            var J = z(G, X, B, te, re + "." + X, t);
             if (J instanceof Error)
               return J;
           }
@@ -6644,62 +6644,62 @@ function gh() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + _(M) + " at index " + T + "."
           ), i;
       }
-      function G(B, te, re, U, L) {
-        for (var K = [], J = 0; J < z.length; J++) {
-          var ue = z[J], ee = ue(B, te, re, U, L, t);
+      function U(B, te, re, G, L) {
+        for (var X = [], J = 0; J < z.length; J++) {
+          var ce = z[J], ee = ce(B, te, re, G, L, t);
           if (ee == null)
             return null;
-          ee.data && r(ee.data, "expectedType") && K.push(ee.data.expectedType);
+          ee.data && r(ee.data, "expectedType") && X.push(ee.data.expectedType);
         }
-        var Be = K.length > 0 ? ", expected one of type [" + K.join(", ") + "]" : "";
-        return new d("Invalid " + U + " `" + L + "` supplied to " + ("`" + re + "`" + Be + "."));
+        var Be = X.length > 0 ? ", expected one of type [" + X.join(", ") + "]" : "";
+        return new d("Invalid " + G + " `" + L + "` supplied to " + ("`" + re + "`" + Be + "."));
       }
-      return x(G);
+      return x(U);
     }
     function F() {
-      function z(T, M, G, B, te) {
-        return P(T[M]) ? null : new d("Invalid " + B + " `" + te + "` supplied to " + ("`" + G + "`, expected a ReactNode."));
+      function z(T, M, U, B, te) {
+        return P(T[M]) ? null : new d("Invalid " + B + " `" + te + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
       }
       return x(z);
     }
-    function R(z, T, M, G, B) {
+    function R(z, T, M, U, B) {
       return new d(
-        (z || "React class") + ": " + T + " type `" + M + "." + G + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
+        (z || "React class") + ": " + T + " type `" + M + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
       );
     }
     function b(z) {
-      function T(M, G, B, te, re) {
-        var U = M[G], L = D(U);
+      function T(M, U, B, te, re) {
+        var G = M[U], L = D(G);
         if (L !== "object")
           return new d("Invalid " + te + " `" + re + "` of type `" + L + "` " + ("supplied to `" + B + "`, expected `object`."));
-        for (var K in z) {
-          var J = z[K];
+        for (var X in z) {
+          var J = z[X];
           if (typeof J != "function")
-            return R(B, te, re, K, Y(J));
-          var ue = J(U, K, B, te, re + "." + K, t);
-          if (ue)
-            return ue;
+            return R(B, te, re, X, Y(J));
+          var ce = J(G, X, B, te, re + "." + X, t);
+          if (ce)
+            return ce;
         }
         return null;
       }
       return x(T);
     }
     function j(z) {
-      function T(M, G, B, te, re) {
-        var U = M[G], L = D(U);
+      function T(M, U, B, te, re) {
+        var G = M[U], L = D(G);
         if (L !== "object")
           return new d("Invalid " + te + " `" + re + "` of type `" + L + "` " + ("supplied to `" + B + "`, expected `object`."));
-        var K = n({}, M[G], z);
-        for (var J in K) {
-          var ue = z[J];
-          if (r(z, J) && typeof ue != "function")
-            return R(B, te, re, J, Y(ue));
-          if (!ue)
+        var X = n({}, M[U], z);
+        for (var J in X) {
+          var ce = z[J];
+          if (r(z, J) && typeof ce != "function")
+            return R(B, te, re, J, Y(ce));
+          if (!ce)
             return new d(
-              "Invalid " + te + " `" + re + "` key `" + J + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(M[G], null, "  ") + `
+              "Invalid " + te + " `" + re + "` key `" + J + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(M[U], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
             );
-          var ee = ue(U, J, B, te, re + "." + J, t);
+          var ee = ce(G, J, B, te, re + "." + J, t);
           if (ee)
             return ee;
         }
@@ -6722,14 +6722,14 @@ Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
             return !0;
           var T = p(z);
           if (T) {
-            var M = T.call(z), G;
+            var M = T.call(z), U;
             if (T !== z.entries) {
-              for (; !(G = M.next()).done; )
-                if (!P(G.value))
+              for (; !(U = M.next()).done; )
+                if (!P(U.value))
                   return !1;
             } else
-              for (; !(G = M.next()).done; ) {
-                var B = G.value;
+              for (; !(U = M.next()).done; ) {
+                var B = U.value;
                 if (B && !P(B[1]))
                   return !1;
               }
@@ -6773,7 +6773,7 @@ Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
           return T;
       }
     }
-    function X(z) {
+    function K(z) {
       return !z.constructor || !z.constructor.name ? m : z.constructor.name;
     }
     return h.checkPropTypes = o, h.resetWarningCache = o.resetWarningCache, h.PropTypes = h, h;
@@ -8944,9 +8944,9 @@ function _y(e) {
       black: "#000"
     }
   }, v = (L) => {
-    var K;
-    const J = L.split("-"), ue = J[1], ee = J[2];
-    return C(L, (K = k[ue]) == null ? void 0 : K[ee]);
+    var X;
+    const J = L.split("-"), ce = J[1], ee = J[2];
+    return C(L, (X = k[ce]) == null ? void 0 : X[ee]);
   }, N = (L) => ({
     plainColor: v(`palette-${L}-500`),
     plainHoverBg: v(`palette-${L}-100`),
@@ -9244,9 +9244,9 @@ function _y(e) {
         color: C(`palette-text-tertiary, ${E.palette.text.tertiary}`)
       }
     }
-  }, X = w ? qt(_, w) : _, {
+  }, K = w ? qt(_, w) : _, {
     colorSchemes: z
-  } = X, T = Ue(X, $y), M = Q({
+  } = K, T = Ue(K, $y), M = Q({
     colorSchemes: z
   }, T, {
     breakpoints: xu(h ?? {}),
@@ -9259,20 +9259,20 @@ function _y(e) {
         styleOverrides: {
           root: ({
             ownerState: L,
-            theme: K
+            theme: X
           }) => {
             var J;
-            const ue = L.instanceFontSize;
+            const ce = L.instanceFontSize;
             return Q({
               margin: "var(--Icon-margin)"
             }, L.fontSize && L.fontSize !== "inherit" && {
-              fontSize: `var(--Icon-fontSize, ${K.vars.fontSize[L.fontSize]})`
+              fontSize: `var(--Icon-fontSize, ${X.vars.fontSize[L.fontSize]})`
             }, !L.htmlColor && Q({
               color: `var(--Icon-color, ${M.vars.palette.text.icon})`
-            }, L.color && L.color !== "inherit" && K.vars.palette[L.color] && {
-              color: `rgba(${(J = K.vars.palette[L.color]) == null ? void 0 : J.mainChannel} / 1)`
-            }), ue && ue !== "inherit" && {
-              "--Icon-fontSize": K.vars.fontSize[ue]
+            }, L.color && L.color !== "inherit" && X.vars.palette[L.color] && {
+              color: `rgba(${(J = X.vars.palette[L.color]) == null ? void 0 : J.mainChannel} / 1)`
+            }), ce && ce !== "inherit" && {
+              "--Icon-fontSize": X.vars.fontSize[ce]
             });
           }
         }
@@ -9282,18 +9282,18 @@ function _y(e) {
     getCssVar: C,
     spacing: Su(g)
   });
-  function G(L, K) {
-    Object.keys(K).forEach((J) => {
-      const ue = {
+  function U(L, X) {
+    Object.keys(X).forEach((J) => {
+      const ce = {
         main: "500",
         light: "200",
         dark: "700"
       };
-      L === "dark" && (ue.main = 400), !K[J].mainChannel && K[J][ue.main] && (K[J].mainChannel = vn(K[J][ue.main])), !K[J].lightChannel && K[J][ue.light] && (K[J].lightChannel = vn(K[J][ue.light])), !K[J].darkChannel && K[J][ue.dark] && (K[J].darkChannel = vn(K[J][ue.dark]));
+      L === "dark" && (ce.main = 400), !X[J].mainChannel && X[J][ce.main] && (X[J].mainChannel = vn(X[J][ce.main])), !X[J].lightChannel && X[J][ce.light] && (X[J].lightChannel = vn(X[J][ce.light])), !X[J].darkChannel && X[J][ce.dark] && (X[J].darkChannel = vn(X[J][ce.dark]));
     });
   }
-  Object.entries(M.colorSchemes).forEach(([L, K]) => {
-    G(L, K.palette);
+  Object.entries(M.colorSchemes).forEach(([L, X]) => {
+    U(L, X.palette);
   });
   const B = {
     prefix: m,
@@ -9308,33 +9308,33 @@ function _y(e) {
     }, T),
     B
   );
-  M.vars = te, M.generateCssVars = re, M.unstable_sxConfig = Q({}, Py, void 0), M.unstable_sx = function(K) {
+  M.vars = te, M.generateCssVars = re, M.unstable_sxConfig = Q({}, Py, void 0), M.unstable_sx = function(X) {
     return ns({
-      sx: K,
+      sx: X,
       theme: this
     });
   }, M.getColorSchemeSelector = (L) => L === "light" ? "&" : `&[data-joy-color-scheme="${L}"], [data-joy-color-scheme="${L}"] &`;
-  const U = {
+  const G = {
     getCssVar: C,
     palette: M.colorSchemes.light.palette
   };
   return M.variants = qt({
-    plain: et("plain", U),
-    plainHover: et("plainHover", U),
-    plainActive: et("plainActive", U),
-    plainDisabled: et("plainDisabled", U),
-    outlined: et("outlined", U),
-    outlinedHover: et("outlinedHover", U),
-    outlinedActive: et("outlinedActive", U),
-    outlinedDisabled: et("outlinedDisabled", U),
-    soft: et("soft", U),
-    softHover: et("softHover", U),
-    softActive: et("softActive", U),
-    softDisabled: et("softDisabled", U),
-    solid: et("solid", U),
-    solidHover: et("solidHover", U),
-    solidActive: et("solidActive", U),
-    solidDisabled: et("solidDisabled", U)
+    plain: et("plain", G),
+    plainHover: et("plainHover", G),
+    plainActive: et("plainActive", G),
+    plainDisabled: et("plainDisabled", G),
+    outlined: et("outlined", G),
+    outlinedHover: et("outlinedHover", G),
+    outlinedActive: et("outlinedActive", G),
+    outlinedDisabled: et("outlinedDisabled", G),
+    soft: et("soft", G),
+    softHover: et("softHover", G),
+    softActive: et("softActive", G),
+    softDisabled: et("softDisabled", G),
+    solid: et("solid", G),
+    solidHover: et("solidHover", G),
+    solidActive: et("solidActive", G),
+    solidDisabled: et("solidDisabled", G)
   }, x), M.palette = Q({}, M.colorSchemes.light.palette, {
     colorScheme: "light"
   }), M.shouldSkipGeneratingVar = S, M.applyStyles = ku, M;
@@ -9742,7 +9742,7 @@ const Ky = (e) => {
     elementType: Xy,
     externalForwardedProps: j,
     ownerState: R
-  }), [_, X] = ht("endDecorator", {
+  }), [_, K] = ht("endDecorator", {
     className: b.endDecorator,
     elementType: Qy,
     externalForwardedProps: j,
@@ -9755,7 +9755,7 @@ const Ky = (e) => {
         children: w
       })), $ ? /* @__PURE__ */ O.cloneElement(x, {
         variant: x.props.variant || "inline"
-      }) : x, S && /* @__PURE__ */ c.jsx(_, Q({}, X, {
+      }) : x, S && /* @__PURE__ */ c.jsx(_, Q({}, K, {
         children: S
       }))]
     }))
@@ -10059,15 +10059,15 @@ const Zy = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     component: W,
     slots: D = {},
     slotProps: Y = {}
-  } = l, _ = Ue(l, Zy), X = O.useContext(ju), z = (r = (o = n.disabled) != null ? o : X?.disabled) != null ? r : g, T = (s = (i = n.size) != null ? i : X?.size) != null ? s : P;
+  } = l, _ = Ue(l, Zy), K = O.useContext(ju), z = (r = (o = n.disabled) != null ? o : K?.disabled) != null ? r : g, T = (s = (i = n.size) != null ? i : K?.size) != null ? s : P;
   if (process.env.NODE_ENV !== "production") {
-    const Lt = X?.registerEffect;
+    const Lt = K?.registerEffect;
     O.useEffect(() => {
       if (Lt)
         return Lt();
     }, [Lt]);
   }
-  const M = Ph(S ?? X?.htmlFor), G = {
+  const M = Ph(S ?? K?.htmlFor), U = {
     checked: u,
     defaultChecked: h,
     disabled: z,
@@ -10079,15 +10079,15 @@ const Zy = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
     getInputProps: B,
     checked: te,
     disabled: re,
-    focusVisible: U
-  } = og(G), L = te || w, ue = L ? j || "solid" : j || "outlined", ee = n.color || (X != null && X.error ? "danger" : (a = X?.color) != null ? a : b), it = Q({}, l, {
+    focusVisible: G
+  } = og(U), L = te || w, ce = L ? j || "solid" : j || "outlined", ee = n.color || (K != null && K.error ? "danger" : (a = K?.color) != null ? a : b), it = Q({}, l, {
     checked: te,
     disabled: re,
     disableIcon: d,
     overlay: x,
-    focusVisible: U,
+    focusVisible: G,
     color: L ? ee || "primary" : ee || "neutral",
-    variant: ue,
+    variant: ce,
     size: T
   }), pe = ev(it), Ye = Q({}, _, {
     component: W,
@@ -10116,8 +10116,8 @@ const Zy = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked"
       value: R,
       readOnly: $,
       role: void 0,
-      required: F ?? X?.required,
-      "aria-describedby": X?.["aria-describedby"]
+      required: F ?? K?.required,
+      "aria-describedby": K?.["aria-describedby"]
     }, w && {
       // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked#values
       "aria-checked": "mixed"
@@ -14221,19 +14221,19 @@ const ux = Pn("MuiButtonBase", ["root", "disabled", "focusVisible"]), dx = (e) =
     touchRippleRef: W,
     type: D,
     ...Y
-  } = r, _ = O.useRef(null), X = U0(), z = bi(X.ref, W), [T, M] = O.useState(!1);
+  } = r, _ = O.useRef(null), K = U0(), z = bi(K.ref, W), [T, M] = O.useState(!1);
   u && T && M(!1), O.useImperativeHandle(o, () => ({
     focusVisible: () => {
       M(!0), _.current.focus();
     }
   }), []);
-  const G = X.shouldMount && !f && !u;
+  const U = K.shouldMount && !f && !u;
   O.useEffect(() => {
-    T && m && !f && X.pulsate();
-  }, [f, m, T, X]);
-  const B = Ut(X, "start", A, p), te = Ut(X, "stop", S, p), re = Ut(X, "stop", w, p), U = Ut(X, "stop", $, p), L = Ut(X, "stop", (de) => {
+    T && m && !f && K.pulsate();
+  }, [f, m, T, K]);
+  const B = Ut(K, "start", A, p), te = Ut(K, "stop", S, p), re = Ut(K, "stop", w, p), G = Ut(K, "stop", $, p), L = Ut(K, "stop", (de) => {
     T && de.preventDefault(), E && E(de);
-  }, p), K = Ut(X, "start", b, p), J = Ut(X, "stop", F, p), ue = Ut(X, "stop", R, p), ee = Ut(X, "stop", (de) => {
+  }, p), X = Ut(K, "start", b, p), J = Ut(K, "stop", F, p), ce = Ut(K, "stop", R, p), ee = Ut(K, "stop", (de) => {
     Yl(de.target) || M(!1), d && d(de);
   }, !1), Be = No((de) => {
     _.current || (_.current = de.currentTarget), Yl(de.target) && (M(!0), k && k(de)), C && C(de);
@@ -14241,12 +14241,12 @@ const ux = Pn("MuiButtonBase", ["root", "disabled", "focusVisible"]), dx = (e) =
     const de = _.current;
     return l && l !== "button" && !(de.tagName === "A" && de.href);
   }, it = No((de) => {
-    m && !de.repeat && T && de.key === " " && X.stop(de, () => {
-      X.start(de);
+    m && !de.repeat && T && de.key === " " && K.stop(de, () => {
+      K.start(de);
     }), de.target === de.currentTarget && ft() && de.key === " " && de.preventDefault(), v && v(de), de.target === de.currentTarget && ft() && de.key === "Enter" && !u && (de.preventDefault(), x && x(de));
   }), pe = No((de) => {
-    m && de.key === " " && T && !de.defaultPrevented && X.stop(de, () => {
-      X.pulsate(de);
+    m && de.key === " " && T && !de.defaultPrevented && K.stop(de, () => {
+      K.pulsate(de);
     }), N && N(de), x && de.target === de.currentTarget && ft() && de.key === " " && !de.defaultPrevented && x(de);
   });
   let Ye = l;
@@ -14276,17 +14276,17 @@ const ux = Pn("MuiButtonBase", ["root", "disabled", "focusVisible"]), dx = (e) =
     onKeyUp: pe,
     onMouseDown: B,
     onMouseLeave: L,
-    onMouseUp: U,
+    onMouseUp: G,
     onDragLeave: re,
     onTouchEnd: J,
-    onTouchMove: ue,
-    onTouchStart: K,
+    onTouchMove: ce,
+    onTouchStart: X,
     ref: Ot,
     tabIndex: u ? -1 : j,
     type: D,
     ...at,
     ...Y,
-    children: [i, G ? /* @__PURE__ */ c.jsx(ed, {
+    children: [i, U ? /* @__PURE__ */ c.jsx(ed, {
       ref: z,
       center: s,
       ...P
@@ -15927,38 +15927,41 @@ const Jx = (e) => {
     id: s,
     index: i,
     draggable: a,
-    bounds: l
-  } = e, u = ze(), [f, p] = I(!1);
-  function m() {
-    ce(".abui-window-box").attr("data-ontop", "false"), ce(".abui-window-box-content").attr("data-ontop", "false"), ce(n.current).parent().attr("data-ontop", "true"), ce(n.current).attr("data-ontop", "true");
-  }
-  return q(() => (m(), ce(document).on("bringtofront", (h, g) => {
-    g === s && m();
+    bounds: l,
+    draggableProps: u
+  } = e, f = ze(), [p, m] = I(!1);
+  function h() {
+    ue(".abui-window-box").attr("data-ontop", "false"), ue(".abui-window-box-content").attr("data-ontop", "false"), ue(n.current).parent().attr("data-ontop", "true"), ue(n.current).attr("data-ontop", "true");
+  }
+  return q(() => (h(), console.log(l), ue(document).on("bringtofront", (g, d) => {
+    d === s && h();
   }), () => {
-    ce(document).off("bringtofront");
+    ue(document).off("bringtofront");
   }), []), /* @__PURE__ */ c.jsx(
     vp,
     {
       defaultClassName: "group absolute z-auto abui-window-box bg-red-200 data-[ontop=true]:z-50 pointer-events-auto",
       handle: ".abui-window-box-dragger",
       nodeRef: n,
-      onClick: m,
-      onStart: m,
+      onClick: h,
+      onStart: h,
       disabled: !a,
       bounds: l,
       defaultPosition: {
         y: i * 25,
         x: i * 25
       },
+      ...u,
       children: /* @__PURE__ */ c.jsxs(
         "div",
         {
-          id: u,
+          id: f,
           ref: n,
+          "data-bounds": JSON.stringify(l),
           "data-window-id": s,
           className: "abui-window-box-content absolute data-[ontop=true]:shadow",
-          onClick: m,
-          onDragStart: m,
+          onClick: h,
+          onDragStart: h,
           children: [
             /* @__PURE__ */ c.jsx("div", { className: V(
               "abui-window-box-dragger z-51 w-full absolute top-0 left-0 h-3",
@@ -15986,14 +15989,14 @@ const Jx = (e) => {
     beforeReady: u
   } = e, [f, p] = I(!1), [m, h] = I(!1), g = ne({}), [d, x] = I([]), [S, w] = I({
     removeHtmlElement: z,
-    createHtmlElements: X,
+    createHtmlElements: K,
     getHtmlElement: T
   }), [C, k] = I(r), [v, N] = I(), [A, E] = I(0), [$, F] = I([]), [R, b] = I(0), j = localStorage.getItem("buid"), P = (M) => {
     j || localStorage.setItem("buid", ih()), h(!0);
-  }, W = (M, G) => {
-    g.current = { ...g.current, [M]: G };
-  }, D = (M, G) => {
-    w((B) => ({ ...B, [M]: G }));
+  }, W = (M, U) => {
+    g.current = { ...g.current, [M]: U };
+  }, D = (M, U) => {
+    w((B) => ({ ...B, [M]: U }));
   }, Y = () => {
     E((M) => M + 1);
   }, _ = {
@@ -16014,7 +16017,7 @@ const Jx = (e) => {
     modelStack: $,
     setModelStack: F,
     htmlElements: d,
-    createHtmlElements: X,
+    createHtmlElements: K,
     removeHtmlElement: z
   };
   q(() => {
@@ -16022,30 +16025,32 @@ const Jx = (e) => {
   }, [f]), q(() => (m && (u?.(_), p(m)), () => {
     F([]);
   }), [m]);
-  function X(M, G, B = {}) {
+  function K(M, U, B = {}) {
     const {
       draggable: te = !0,
-      bounds: re = ".abui-context-root"
+      bounds: re = ".abui-context-root",
+      draggableProps: G = {}
     } = B;
-    x((U) => U.find((K) => K.id === M) ? (ce(document).trigger("bringtofront", [M]), U) : [
-      ...U,
+    x((L) => L.find((J) => J.id === M) ? (ue(document).trigger("bringtofront", [M]), L) : [
+      ...L,
       {
         id: M,
-        element: G,
-        zIndex: U?.length,
+        element: U,
+        zIndex: L?.length,
         draggable: te,
         remove: () => {
-          x((K) => K.filter((J) => J.id !== M));
+          x((J) => J.filter((ce) => ce.id !== M));
         },
         portal: /* @__PURE__ */ c.jsx(
           tC,
           {
             htmlElements: d,
             id: M,
-            index: U?.length,
+            index: L?.length,
             draggable: te,
             bounds: re,
-            children: G
+            draggableProps: G,
+            children: U
           },
           M
         )
@@ -16053,10 +16058,10 @@ const Jx = (e) => {
     ]);
   }
   function z(M) {
-    x((G) => G.filter((B) => B.id !== M));
+    x((U) => U.filter((B) => B.id !== M));
   }
   function T(M) {
-    return d.find((G) => G.id === M);
+    return d.find((U) => U.id === M);
   }
   return /* @__PURE__ */ c.jsxs(Tn.Provider, { value: {
     ready: f,
@@ -16075,7 +16080,7 @@ const Jx = (e) => {
     setExternalApi: w,
     modelStack: $,
     setModelStack: F,
-    createHtmlElements: X,
+    createHtmlElements: K,
     htmlElements: d,
     removeHtmlElement: z,
     windowIndex: R,
@@ -16097,7 +16102,7 @@ function ar(e, n = {}) {
   const {
     returnUpdate: t = !1
   } = n, [r, o] = I({ y: 0, x: 0, width: 0, height: 0 }), s = () => {
-    const i = ce(e?.current).height(), a = ce(e?.current).width();
+    const i = ue(e?.current).height(), a = ue(e?.current).width();
     o({ y: i, x: a, width: a, height: i });
   };
   return q(() => {
@@ -16288,7 +16293,7 @@ const cC = (e) => {
     k(P), j?.source != "default " && t(j, P);
   }, [n]), b = oe(() => {
     C && setTimeout(() => {
-      const j = "_" + btoa(C).replaceAll("=", ""), P = ce("." + j).get(0);
+      const j = "_" + btoa(C).replaceAll("=", ""), P = ue("." + j).get(0);
       P && P.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
     }, 100);
   }, [C]);
@@ -16347,11 +16352,11 @@ const cC = (e) => {
                     /* @__PURE__ */ c.jsx("div", { className: "rounded-none text-blue-500 w-[20px] aspect-square px-0 truncate flex items-center justify-center", children: /* @__PURE__ */ c.jsx(kc, { size: 14 }) }),
                     /* @__PURE__ */ c.jsx("label", { children: D })
                   ] }) : /* @__PURE__ */ c.jsx("label", { children: D }),
-                  onSelect: (X) => {
+                  onSelect: (K) => {
                     R({
-                      value: X,
+                      value: K,
                       item: j
-                    }, X), N(!1);
+                    }, K), N(!1);
                   }
                 },
                 P
@@ -16596,7 +16601,7 @@ const mC = ({
 });
 function vC(e) {
   const [n, t] = I({ y: 0, x: 0, width: 0, height: 0 }), r = () => {
-    const o = ce(e).height(), s = ce(e).width(), i = e.getBoundingClientRect();
+    const o = ue(e).height(), s = ue(e).width(), i = e.getBoundingClientRect();
     t({ y: o, x: s, width: s, height: o, clientRect: i });
   };
   return q(() => {
@@ -17451,8 +17456,8 @@ const UC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
     if (P) {
       o.location.lat = B.lngLat.lat, o.location.lng = B.lngLat.lng;
       const te = g?.map((re) => {
-        const U = re?.sourceId == o.elementId ? "source" : re?.destinationId == o.elementId ? "destination" : null;
-        return U && (re[U].lat = B.lngLat.lat, re[U].lng = B.lngLat.lng), re;
+        const G = re?.sourceId == o.elementId ? "source" : re?.destinationId == o.elementId ? "destination" : null;
+        return G && (re[G].lat = B.lngLat.lat, re[G].lng = B.lngLat.lng), re;
       });
       f(h, te, !0);
     }
@@ -17460,16 +17465,16 @@ const UC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
       W(null);
     };
   }, [P]);
-  const X = oe((B) => {
+  const K = oe((B) => {
     B?.originalEvent?.stopPropagation(), x({ event: B, data: o, type: "node", id: A, elementId: o?.elementId, mapApi: a, ref: v });
   }, [A]), z = oe((B) => {
     $([B.lngLat.lng, B.lngLat.lat]), s?.draggingMode && !s?.hideLinksOnDrag && W(B);
   }, [A, s?.draggingMode]), T = oe((B) => {
     s?.draggingMode && s?.hideLinksOnDrag && W(B);
-  }, [A]), M = le(() => [0, 0], []), G = "visible";
+  }, [A]), M = le(() => [0, 0], []), U = "visible";
   return q(() => {
     console.log("Rendered Node Item : ", o);
-  }, [G]), /* @__PURE__ */ c.jsx(Mr, { mode: G, children: /* @__PURE__ */ c.jsx(
+  }, [U]), /* @__PURE__ */ c.jsx(Mr, { mode: U, children: /* @__PURE__ */ c.jsx(
     xd,
     {
       ref: N,
@@ -17487,7 +17492,7 @@ const UC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
         s?.draggingMode && "cursor-grab",
         C
       ),
-      onClick: X,
+      onClick: K,
       children: /* @__PURE__ */ c.jsx(
         "div",
         {
@@ -17499,7 +17504,7 @@ const UC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
           },
           onMouseEnter: (B) => {
             B?.originalEvent?.stopPropagation(), w(!0), console.log(a);
-            const te = ce(a?.current?.element?.current).height(), re = ce(a?.current?.element?.current).width(), U = N?.current?._pos?.y, L = te - U;
+            const te = ue(a?.current?.element?.current).height(), re = ue(a?.current?.element?.current).width(), G = N?.current?._pos?.y, L = te - G;
             S({
               event: B,
               data: o,
@@ -17510,7 +17515,7 @@ const UC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAA
               clientHeight: te,
               clientWidth: re,
               markerRef: N,
-              offsetTop: U,
+              offsetTop: G,
               remainingBottom: L
             });
           },
@@ -18418,7 +18423,7 @@ const kw = (e) => {
     try {
       const v = t?.current;
       if (!v || !n?.source || !n?.destination) return null;
-      const N = v.project([n?.source?.lng, n?.source?.lat]), A = v.project([n?.destination?.lng, n?.destination?.lat]), E = A?.x - N?.x, $ = A?.y - N?.y, F = Math.hypot(E, $) || 1, R = E / F, b = $ / F, j = -b, P = R, W = n?.source?.markerSize ? n?.source?.markerSize / 2 : 12, D = F, Y = { along: 100, perpendicular: 0 }, _ = n?.sourcePortOffset || {}, X = typeof _?.along == "number" ? _.along : Y.along, z = typeof _?.perpendicular == "number" ? _.perpendicular : Y.perpendicular, T = W + X, M = Math.min(Math.max(T, W + 4), D * 0.6), G = z, B = j * G + R * M, te = P * G + b * M, re = N?.x + B, U = N?.y + te, L = v.unproject([re, U]), K = Math.atan2(b, R) * 180 / Math.PI, J = (K + 360) % 360, ee = J > 90 && J < 270 ? K + 180 : K;
+      const N = v.project([n?.source?.lng, n?.source?.lat]), A = v.project([n?.destination?.lng, n?.destination?.lat]), E = A?.x - N?.x, $ = A?.y - N?.y, F = Math.hypot(E, $) || 1, R = E / F, b = $ / F, j = -b, P = R, W = n?.source?.markerSize ? n?.source?.markerSize / 2 : 12, D = F, Y = { along: 100, perpendicular: 0 }, _ = n?.sourcePortOffset || {}, K = typeof _?.along == "number" ? _.along : Y.along, z = typeof _?.perpendicular == "number" ? _.perpendicular : Y.perpendicular, T = W + K, M = Math.min(Math.max(T, W + 4), D * 0.6), U = z, B = j * U + R * M, te = P * U + b * M, re = N?.x + B, G = N?.y + te, L = v.unproject([re, G]), X = Math.atan2(b, R) * 180 / Math.PI, J = (X + 360) % 360, ee = J > 90 && J < 270 ? X + 180 : X;
       return { position: { lng: L?.lng, lat: L?.lat }, rotation: ee };
     } catch {
       return null;
@@ -18427,7 +18432,7 @@ const kw = (e) => {
     try {
       const v = t?.current;
       if (!v || !n?.source || !n?.destination) return null;
-      const N = v.project([n?.source?.lng, n?.source?.lat]), A = v.project([n?.destination?.lng, n?.destination?.lat]), E = N?.x - A?.x, $ = N?.y - A?.y, F = Math.hypot(E, $) || 1, R = E / F, b = $ / F, j = -b, P = R, W = n?.destination?.markerSize ? n?.destination?.markerSize / 2 : 12, D = F, Y = { along: 100, perpendicular: 0 }, _ = n?.destinationPortOffset || {}, X = typeof _?.along == "number" ? _.along : Y.along, z = typeof _?.perpendicular == "number" ? _.perpendicular : Y.perpendicular, T = W + X, M = Math.min(Math.max(T, W + 4), D * 0.6), G = z, B = j * G + R * M, te = P * G + b * M, re = A?.x + B, U = A?.y + te, L = v.unproject([re, U]), K = Math.atan2(b, R) * 180 / Math.PI, J = (K + 360) % 360, ee = J > 90 && J < 270 ? K + 180 : K;
+      const N = v.project([n?.source?.lng, n?.source?.lat]), A = v.project([n?.destination?.lng, n?.destination?.lat]), E = N?.x - A?.x, $ = N?.y - A?.y, F = Math.hypot(E, $) || 1, R = E / F, b = $ / F, j = -b, P = R, W = n?.destination?.markerSize ? n?.destination?.markerSize / 2 : 12, D = F, Y = { along: 100, perpendicular: 0 }, _ = n?.destinationPortOffset || {}, K = typeof _?.along == "number" ? _.along : Y.along, z = typeof _?.perpendicular == "number" ? _.perpendicular : Y.perpendicular, T = W + K, M = Math.min(Math.max(T, W + 4), D * 0.6), U = z, B = j * U + R * M, te = P * U + b * M, re = A?.x + B, G = A?.y + te, L = v.unproject([re, G]), X = Math.atan2(b, R) * 180 / Math.PI, J = (X + 360) % 360, ee = J > 90 && J < 270 ? X + 180 : X;
       return { position: { lng: L?.lng, lat: L?.lat }, rotation: ee };
     } catch {
       return null;
@@ -18926,19 +18931,19 @@ const gc = [
     enableNativeContextMenu: D = !0,
     hideLinks: Y = !1,
     getCenterBox: _,
-    enableLngLatBox: X = !0,
+    enableLngLatBox: K = !0,
     enalbeSearchBox: z = !0,
     nodeVirtualizationMethod: T = "moveend",
     draggingMode: M = !1,
-    mapProps: G = {},
+    mapProps: U = {},
     menuItems: B = [],
     nodeMenuItems: te = [],
     showHoveredLinksOnly: re = !1,
-    nodeIconMapper: U,
+    nodeIconMapper: G,
     nodeIconMapperParentClassName: L = "",
-    mapStyle: K = gc?.[1],
+    mapStyle: X = gc?.[1],
     isolateNonSelectedLinksOnNodeClick: J = !1,
-    showLinkCount: ue = !0,
+    showLinkCount: ce = !0,
     debug: ee = !1,
     className: Be = "",
     customNavigateButtonsClassName: ft = "",
@@ -18969,7 +18974,7 @@ const gc = [
     draggingMode: M,
     isolateNonSelectedLinksOnNodeClick: J,
     staticMapColor: k,
-    mapStyle: K,
+    mapStyle: X,
     showEndpoints: W,
     enalbeSearchBox: z,
     loadSavedPreferences: l,
@@ -19009,20 +19014,20 @@ const gc = [
       link_highlighted_color_hex: Pr(o),
       defaultAnimationLinkColor: Pr(i),
       enableNativeContextMenu: D,
-      enableLngLatBox: X,
+      enableLngLatBox: K,
       hideLinksOnDrag: a,
       showHoveredLinksOnly: re,
       hideLinks: Y,
-      mapStyle: K,
+      mapStyle: X,
       draggingMode: M,
       isolateNonSelectedLinksOnNodeClick: J,
-      showLinkCount: ue,
+      showLinkCount: ce,
       maxZoomOutForLinkCount: v,
       nodeSizeScaler: N,
       pathCurvature: Ye,
       pathThikness: at
     }));
-  }, [h, at, Ye, l, v, ue, ye?.current, J, M, re, K?.name, Y, s, o, i, D, X, a, v, N]);
+  }, [h, at, Ye, l, v, ce, ye?.current, J, M, re, X?.name, Y, s, o, i, D, K, a, v, N]);
   const js = le(() => {
     const Z = eo / t;
     return Lw * Z - 0.3;
@@ -19326,7 +19331,7 @@ const gc = [
             onClick: ba,
             dragPan: { inertia: !1 },
             dragRotate: !1,
-            ...G,
+            ...U,
             children: [
               /* @__PURE__ */ c.jsx(
                 Mw,
@@ -19354,7 +19359,7 @@ const gc = [
                   options: Ve,
                   CreateMapObjectsScheme: yr,
                   latitude: Z?.location?.lat,
-                  nodeIconMapper: U,
+                  nodeIconMapper: G,
                   hoveredConnection: pt,
                   onScreenLinksGroup: cr,
                   onNodeSelected: Je,
@@ -19428,7 +19433,7 @@ const gc = [
                   children: u
                 }
               ),
-              X && /* @__PURE__ */ c.jsx(ww, { ref: Ft }),
+              K && /* @__PURE__ */ c.jsx(ww, { ref: Ft }),
               Ve?.enalbeSearchBox && /* @__PURE__ */ c.jsx(Dw, { ref: pe, nodes: Ct }),
               ee && /* @__PURE__ */ c.jsx(Fw, {})
             ]
@@ -19520,12 +19525,12 @@ const $d = ln({}), sk = (e) => {
   function S() {
     const w = t.current.dataset.state != "open", C = { ...e, open: w, ref: t, refTrigger: o };
     w && (u(C), setTimeout(() => {
-      ce(r.current).find("div").first().removeClass("css-opacity-0");
+      ue(r.current).find("div").first().removeClass("css-opacity-0");
     }, h)), w || f(C), g((k) => ({ ...k, ...C }));
   }
   return q(() => {
     p && o?.current && setTimeout(() => {
-      ce(o.current).click();
+      ue(o.current).click();
     }, 100);
   }, [p]), /* @__PURE__ */ c.jsxs(
     oa,
@@ -19854,7 +19859,7 @@ const Jw = (e) => {
     /* @__PURE__ */ c.jsx(Hf, {})
   ]), S = () => {
     console.log(g);
-    const w = ce(p?.current)?.closest(".abui-panel")?.parent().attr("data-window-id");
+    const w = ue(p?.current)?.closest(".abui-panel")?.parent().attr("data-window-id");
     g?.removeHtmlElement?.(w), h?.();
   };
   return q(() => {
@@ -19877,8 +19882,8 @@ const Jw = (e) => {
         tooltip1: "Maximize",
         tooltip2: "Minimize",
         onClick: () => {
-          const w = ce(p?.current).attr("data-size");
-          ce(p?.current).attr("data-size", w === "default" ? "maximized" : "default"), ce(p.current).toggleClass("w-screen h-screen fixed top-0 left-0"), u && (ce(p?.current)?.closest(".abui-window-box").toggleClass("top-0 left-0 transform-none!"), ce(p?.current)?.closest(".abui-context-root").toggleClass("z-600!"));
+          const w = ue(p?.current).attr("data-size");
+          ue(p?.current).attr("data-size", w === "default" ? "maximized" : "default"), ue(p.current).toggleClass("w-screen h-screen fixed top-0 left-0"), u && (ue(p?.current)?.closest(".abui-window-box").toggleClass("top-0 left-0 transform-none!"), ue(p?.current)?.closest(".abui-context-root").toggleClass("z-600!"));
         }
       }
     ),
@@ -19891,7 +19896,7 @@ const Jw = (e) => {
         tooltip1: a[0],
         tooltip2: a[1],
         onClick: () => {
-          ce(p.current).find(".css-i231").toggle();
+          ue(p.current).find(".css-i231").toggle();
         }
       }
     )
@@ -19926,12 +19931,12 @@ const Jw = (e) => {
     /* @__PURE__ */ c.jsx(Ms, { size: 16 }),
     /* @__PURE__ */ c.jsx(So, { size: 16 })
   ]), [v, N] = I([]), A = oe(() => {
-    p ? (ce(w.current).find(".css-i231").hide(), k([/* @__PURE__ */ c.jsx(So, { size: 16 }), /* @__PURE__ */ c.jsx(Ms, { size: 16 })]), N(["Hide", "Show"])) : p || (ce(w.current).find(".css-i231").show(), k([/* @__PURE__ */ c.jsx(Ms, { size: 16 }), /* @__PURE__ */ c.jsx(So, { size: 16 })]), N(["Show", "Hide"]));
+    p ? (ue(w.current).find(".css-i231").hide(), k([/* @__PURE__ */ c.jsx(So, { size: 16 }), /* @__PURE__ */ c.jsx(Ms, { size: 16 })]), N(["Hide", "Show"])) : p || (ue(w.current).find(".css-i231").show(), k([/* @__PURE__ */ c.jsx(Ms, { size: 16 }), /* @__PURE__ */ c.jsx(So, { size: 16 })]), N(["Show", "Hide"]));
   }, [p]);
   q(() => {
     A();
   }, [p]);
-  const E = le(() => ce(w?.current)?.closest(".abui-panel")?.parent().hasClass("abui-window-box-content"), [w?.current]);
+  const E = le(() => ue(w?.current)?.closest(".abui-panel")?.parent().hasClass("abui-window-box-content"), [w?.current]);
   return /* @__PURE__ */ c.jsx(
     Qc,
     {
@@ -20130,7 +20135,7 @@ function o1(e, n, t) {
   const [r, o] = I({ x: null, y: null, top: null, left: null, right: null });
   return q(() => {
     e && setTimeout(() => {
-      const s = { x: e.pageX, y: e.pageY }, i = n.current, a = window.innerWidth, l = window.innerHeight, u = ce(i).width(), f = ce(i).height(), p = a - (s.x + u), m = l - (s.y + f);
+      const s = { x: e.pageX, y: e.pageY }, i = n.current, a = window.innerWidth, l = window.innerHeight, u = ue(i).width(), f = ue(i).height(), p = a - (s.x + u), m = l - (s.y + f);
       p <= 20 && (s.x = s.x + p - 5), m <= 20 && (s.y = s.y + m - 5), o(s);
     }, 10);
   }, [e]), [r, o];
@@ -20252,7 +20257,7 @@ const s1 = Ce("custom-scroll-bar overflow-auto relative h-full w-full", {}), Cs
     }, 100), m?.(z);
   }, _ = (z) => {
     s.onChange && s.onChange(z);
-  }, X = le(() => p ? [
+  }, K = le(() => p ? [
     p.ctrl && "CTRL",
     p.alt && "ALT",
     p.shift && "SHIFT",
@@ -20276,7 +20281,7 @@ const s1 = Ce("custom-scroll-bar overflow-auto relative h-full w-full", {}), Cs
           /* @__PURE__ */ c.jsx("div", { className: "pointer-events-none -translate-x-6 absolute w-[15px] h-fit flex justify-center items-center", children: w }),
           !i && /* @__PURE__ */ c.jsx("p", { className: "text-nowrap pointer-events-none select-none mr-4", children: ah(d) }),
           i,
-          p && !l && /* @__PURE__ */ c.jsx("div", { className: "ml-auto truncate border border-accent px-2 rounded-full pointer-events-none font-geist select-none text-[10px] tracking-widest text-muted-foreground", children: X }),
+          p && !l && /* @__PURE__ */ c.jsx("div", { className: "ml-auto truncate border border-accent px-2 rounded-full pointer-events-none font-geist select-none text-[10px] tracking-widest text-muted-foreground", children: K }),
           s.type === "switch" && /* @__PURE__ */ c.jsx("div", { className: "ml-auto pointer-events-auto", children: /* @__PURE__ */ c.jsx(
             jd,
             {
@@ -20822,7 +20827,7 @@ const ti = Ce(
     ref: C = ne(),
     autoFocus: k = !1,
     inputProps: v = {}
-  } = e, [N, A] = I(a), [E, $] = I(r), [F, R] = I(), b = st(), j = st(), [P, W] = I(""), D = ne(), Y = ne(), { width: _ } = ar(Y), X = b1(P, w), [z, T] = I(i), [M, G] = I(0);
+  } = e, [N, A] = I(a), [E, $] = I(r), [F, R] = I(), b = st(), j = st(), [P, W] = I(""), D = ne(), Y = ne(), { width: _ } = ar(Y), K = b1(P, w), [z, T] = I(i), [M, U] = I(0);
   q(() => {
     T(i);
   }, [i]), q(() => {
@@ -20830,55 +20835,55 @@ const ti = Ce(
   }, [k]), q(() => {
     m && W(p);
   }, [m, p]);
-  const B = (K) => {
-    A(K === 1 ? "password" : "text");
+  const B = (X) => {
+    A(X === 1 ? "password" : "text");
   };
   q(() => {
     $(r);
   }, [r]), q(() => {
     h.state && te(h.state, h.message);
   }, [h]);
-  function te(K, J) {
-    if (!["invalid", "valid", "info"].includes(K))
+  function te(X, J) {
+    if (!["invalid", "valid", "info"].includes(X))
       throw new Error("Invalid status, must be invalid or valid.");
-    if (K === "invalid")
+    if (X === "invalid")
       $(/* @__PURE__ */ c.jsx("p", { className: "font-aptos text-destructive", children: J })), F && clearTimeout(F);
-    else if (K === "valid" || K === "info") {
+    else if (X === "valid" || X === "info") {
       $(
-        K == "valid" ? /* @__PURE__ */ c.jsx("p", { className: "font-aptos text-green-600", children: J }) : /* @__PURE__ */ c.jsx("p", { className: "font-aptos text-blue-600", children: J })
+        X == "valid" ? /* @__PURE__ */ c.jsx("p", { className: "font-aptos text-green-600", children: J }) : /* @__PURE__ */ c.jsx("p", { className: "font-aptos text-blue-600", children: J })
       ), F && clearTimeout(F);
-      const ue = setTimeout(() => {
+      const ce = setTimeout(() => {
         $(r);
       }, 15e3);
-      R(ue);
+      R(ce);
     }
   }
-  function re(K) {
+  function re(X) {
     try {
-      K === "" ? $(r) : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(K) ? te("valid", "Valid email address") : te("invalid", "Not a valid email address...");
+      X === "" ? $(r) : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(X) ? te("valid", "Valid email address") : te("invalid", "Not a valid email address...");
     } catch {
     }
   }
-  const U = oe((K, J) => {
-    const ue = ce(`#${j}`).val();
-    a === "email" && re(J || ue);
-  }, [C?.current, j]), L = (K) => {
-    const J = K.target, ue = J.value;
+  const G = oe((X, J) => {
+    const ce = ue(`#${j}`).val();
+    a === "email" && re(J || ce);
+  }, [C?.current, j]), L = (X) => {
+    const J = X.target, ce = J.value;
     if (u) {
       const ee = J.scrollHeight, Be = J.scrollTop;
       Be > 0 && (J.style.height = ee + Be + "px");
     }
-    e?.readOnly || W(ue);
+    e?.readOnly || W(ce);
   };
   return q(() => {
     if (M == 0) {
-      G(1);
+      U(1);
       return;
     }
-    G((J) => J++), d({
+    U((J) => J++), d({
       ref2: D,
       ref: C,
-      value: X,
+      value: K,
       description: r,
       source: "direct",
       updateDescription: te,
@@ -20889,8 +20894,8 @@ const ti = Ce(
         return z;
       },
       setInvalid: T
-    }, X);
-  }, [X]), q(() => {
+    }, K);
+  }, [K]), q(() => {
     l && W(l);
   }, [l]), /* @__PURE__ */ c.jsx(
     "div",
@@ -20914,7 +20919,7 @@ const ti = Ce(
               name: j,
               variant: "secondary",
               className: V(ti({ invalid: z, type: a, size: t }), s, "overflow-hidden"),
-              onKeyUp: U,
+              onKeyUp: G,
               placeholder: f ? "" : n,
               type: N,
               invalid: z.toString(),
@@ -20932,18 +20937,18 @@ const ti = Ce(
               name: j,
               variant: "secondary",
               className: V(ti({ invalid: z, type: a, size: t }), a == "password" && "pr-[35px]", s),
-              onKeyUp: U,
+              onKeyUp: G,
               placeholder: n,
               type: N,
               invalid: z.toString(),
               onChange: L,
               ...v,
-              onKeyDown: (K) => {
-                v?.onKeyDown?.(K), K.key === "Enter" && g({
+              onKeyDown: (X) => {
+                v?.onKeyDown?.(X), X.key === "Enter" && g({
                   ref2: D,
-                  event: K,
+                  event: X,
                   ref: C,
-                  value: X,
+                  value: K,
                   description: r,
                   source: "direct",
                   updateDescription: te,
@@ -20954,7 +20959,7 @@ const ti = Ce(
                     return z;
                   },
                   setInvalid: T
-                }, X);
+                }, K);
               }
             }
           ),
@@ -21212,20 +21217,20 @@ const mk = Oe((e, n) => {
   const p = a?.states?.rowHeightInt, [m, h] = I(0);
   q(() => {
     if (n?.current)
-      return ce(n?.current).on(`expandrow-${o}`, (d, x) => {
+      return ue(n?.current).on(`expandrow-${o}`, (d, x) => {
         i(x);
       }), () => {
-        ce(n?.current).off(`expandrow-${o}`), i(null);
+        ue(n?.current).off(`expandrow-${o}`), i(null);
       };
   }, [o]);
   const g = oe((d) => {
-    const x = d.node.rowTop, S = d.node.rowHeight, C = ce(a?.tref?.current).find(".ag-body-viewport").height() - 1 - (x + S);
+    const x = d.node.rowTop, S = d.node.rowHeight, C = ue(a?.tref?.current).find(".ag-body-viewport").height() - 1 - (x + S);
     return r({ ...d, remainingBodyHeight: C, size: f });
   }, [r]);
   return q(() => {
     if (!l.current || f.y == 0 || !s?.node) return;
     const d = s?.expanded ? f?.y + p + 2 : p, x = s?.expanded ? "visible" : "", S = s?.expanded ? 30 : null, w = s?.expanded ? 1 : 0;
-    ce(l.current).closest(".ag-row").css("overflow", x), ce(l.current).closest(".ag-row").css("z-index", S), s.node.setRowHeight(d), s.api.onRowHeightChanged(), ce(l.current).css("opacity", w);
+    ue(l.current).closest(".ag-row").css("overflow", x), ue(l.current).closest(".ag-row").css("z-index", S), s.node.setRowHeight(d), s.api.onRowHeightChanged(), ue(l.current).css("opacity", w);
   }, [f?.y, s?.expanded]), /* @__PURE__ */ c.jsx(
     "div",
     {
@@ -21634,10 +21639,10 @@ const O1 = (e) => /* @__PURE__ */ c.jsx(E1, { ...e }), $1 = (e) => {
     cellGrid: m
   } = e, { valueFormatted: h, data: g, context: d, colDef: x, node: S, value: w } = l, C = ne(), k = ne(null), v = ne(null), N = h == "[object Object]" && !h?.$$typeof ? w : h, [A, E] = I(N || w), { supressCellRefresh: $ } = Pe(tr);
   le(() => ({
-    rowZIndex: ce(C?.current)?.closest(".ag-row")?.css("z-index"),
-    cellZIndex: ce(C?.current)?.closest(".ag-cell")?.css("z-index"),
-    rowOverflow: ce(C?.current)?.closest(".ag-row")?.css("overflow"),
-    cellOverflow: ce(C?.current)?.closest(".ag-cell")?.css("overflow")
+    rowZIndex: ue(C?.current)?.closest(".ag-row")?.css("z-index"),
+    cellZIndex: ue(C?.current)?.closest(".ag-cell")?.css("z-index"),
+    rowOverflow: ue(C?.current)?.closest(".ag-row")?.css("overflow"),
+    cellOverflow: ue(C?.current)?.closest(".ag-cell")?.css("overflow")
   }), [C]);
   const F = le(() => n ? "" : A === "true" || A === !0 ? /* @__PURE__ */ c.jsx(
     T1,
@@ -21675,13 +21680,13 @@ const O1 = (e) => /* @__PURE__ */ c.jsx(E1, { ...e }), $1 = (e) => {
   }, [n]);
   const R = () => {
     j && (s((P) => P + 1), v.current && clearTimeout(v.current), v.current = setTimeout(() => {
-      const P = ce(C?.current)?.closest(".ag-row"), W = ce(C?.current)?.closest(".ag-cell");
+      const P = ue(C?.current)?.closest(".ag-row"), W = ue(C?.current)?.closest(".ag-cell");
       P.addClass("arr-visible"), W.addClass("arr-visible"), t(!0);
     }, 0));
   }, b = () => {
     if (!j) return;
     v.current && clearTimeout(v.current);
-    const P = ce(C?.current)?.closest(".ag-row"), W = ce(C?.current)?.closest(".ag-cell");
+    const P = ue(C?.current)?.closest(".ag-row"), W = ue(C?.current)?.closest(".ag-cell");
     P.removeClass("arr-visible"), W.removeClass("arr-visible"), t(!1), a(0);
   }, j = le(() => Array?.isArray(w), [w]);
   return /* @__PURE__ */ c.jsxs(
@@ -21697,7 +21702,7 @@ const O1 = (e) => /* @__PURE__ */ c.jsx(E1, { ...e }), $1 = (e) => {
           "div",
           {
             style: {
-              maxHeight: 0.7 * ce(r.current).height(),
+              maxHeight: 0.7 * ue(r.current).height(),
               transform: `translateY(-${i}px)`
             },
             ref: k,
@@ -21741,7 +21746,7 @@ const O1 = (e) => /* @__PURE__ */ c.jsx(E1, { ...e }), $1 = (e) => {
   enableAdvancedFilter: w
 }) => {
   const [C, k] = I([]), v = ["view", ...r], N = (R) => {
-    ce(u?.current).trigger(`expandrow-${R?.node?.rowIndex}`, R);
+    ue(u?.current).trigger(`expandrow-${R?.node?.rowIndex}`, R);
   }, A = {
     filter: w ? {
       component: R1
@@ -21798,7 +21803,7 @@ const O1 = (e) => /* @__PURE__ */ c.jsx(E1, { ...e }), $1 = (e) => {
       const W = j.indexOf(P?.column), D = P?.index;
       j = j1(j, W, D);
     }), j.forEach((P, W) => {
-      const D = g?.find((X) => X.column === P) || {}, Y = n.find((X) => X.key === P), _ = xc(Y ? Y.value : P);
+      const D = g?.find((K) => K.column === P) || {}, Y = n.find((K) => K.key === P), _ = xc(Y ? Y.value : P);
       P?.startsWith("_") && v.push(P), R.push({
         ...A,
         field: P,
@@ -21814,8 +21819,8 @@ const O1 = (e) => /* @__PURE__ */ c.jsx(E1, { ...e }), $1 = (e) => {
         displayName: _,
         hide: t.includes(P) || v.includes(P),
         // Custom cell renderer
-        cellRenderer: (X) => I1({
-          params: X,
+        cellRenderer: (K) => I1({
+          params: K,
           formater: o[P],
           fontFamily: d,
           enableRowStream: x,
@@ -22343,30 +22348,30 @@ const tr = ln({}), Q1 = (e) => {
     enableExpand: D = !1,
     ready: Y,
     autoHideSpinner: _ = !1,
-    toolbarBtns: X = [],
+    toolbarBtns: K = [],
     groupBy: z,
     filter: T = {},
     onMultiRowSelection: M = function() {
     },
-    hideFromTable: G = [],
+    hideFromTable: U = [],
     expandRows: B = {},
     onExpand: te = () => {
     },
     onCollapse: re = () => {
     },
-    onExpandChange: U = () => {
+    onExpandChange: G = () => {
     },
     supressCellRefresh: L = !1,
-    rowSelectionBgColor: K,
+    rowSelectionBgColor: X,
     api: J = {},
-    fontFamily: ue,
+    fontFamily: ce,
     tableTheme: ee,
     enableAdvancedFilter: Be = !0
   } = e, [ft, it] = I([]), pe = ne(), Ye = ne(), at = ne({}), [Ot, ye] = I([]), [Ft, de] = I({}), [jn, Ct] = I([]), [pn, Qr] = I(), On = ne(!1), pt = ne(), Lt = ar(pt, { returnUpdate: !1 })?.x, [$n] = _1({
     data: r,
     mapper: E,
     hidden: $,
-    hideFromTable: G,
+    hideFromTable: U,
     formater: m,
     filterItems: ft,
     setFilterItems: it,
@@ -22378,7 +22383,7 @@ const tr = ln({}), Q1 = (e) => {
     enableExpand: D,
     tid: n,
     columnProps: h,
-    fontFamily: ue,
+    fontFamily: ce,
     enableRowStream: l,
     cellGrid: i,
     enableAdvancedFilter: Be
@@ -22572,7 +22577,7 @@ const tr = ln({}), Q1 = (e) => {
           {
             cell: Bt,
             showCellTextInTopBar: u,
-            toolbarBtns: X,
+            toolbarBtns: K,
             selectedRows: pr,
             updateEvent: Zr,
             ref: t,
@@ -22609,7 +22614,7 @@ const tr = ln({}), Q1 = (e) => {
               Y1,
               {
                 headers: $n,
-                hideFromTable: G,
+                hideFromTable: U,
                 gridRef: pe,
                 data: Ot,
                 enableExpand: D,
@@ -22766,7 +22771,7 @@ const Qd = ln({ name: "", onChange: () => {
       children: i,
       source: "contextmenu"
     };
-    ce(r.current).click(), v.preventDefault(), p(N);
+    ue(r.current).click(), v.preventDefault(), p(N);
   };
   return /* @__PURE__ */ c.jsxs(
     "label",
@@ -22808,7 +22813,7 @@ const Qd = ln({ name: "", onChange: () => {
     style: i
   } = e, a = ze(), [l, u] = I();
   q(() => {
-    l && l.ref.current && (ce("#" + a + " *").removeClass("css-c-233"), l.ref.current.classList.add("css-c-233"), r(l.event, l.checked, l));
+    l && l.ref.current && (ue("#" + a + " *").removeClass("css-c-233"), l.ref.current.classList.add("css-c-233"), r(l.event, l.checked, l));
   }, [l]);
   const f = (p) => {
     p.preventDefault(), o(l.event, l.checked, l);