@3sc/common-component 0.0.389 → 0.0.390

package/dist/index.es.js

@@ -308,7 +308,7 @@ function Zw() {
     function J(z, me, ke) {
       return V(z, !1);
     }
-    function ue(z) {
+    function de(z) {
       var me = z.prototype;
       return !!(me && me.isReactComponent);
     }
@@ -316,7 +316,7 @@ function Zw() {
       if (z == null)
         return "";
       if (typeof z == "function")
-        return V(z, ue(z));
+        return V(z, de(z));
       if (typeof z == "string")
         return ae(z);
       switch (z) {
@@ -388,7 +388,7 @@ function Zw() {
     function H(z) {
       return "" + z;
     }
-    function de(z) {
+    function ce(z) {
       if ($e(z))
         return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(z)), H(z);
     }
@@ -439,7 +439,7 @@ function Zw() {
         });
       }
     }
-    var ce = function(z, me, ke, Ye, rt, gt, Qe) {
+    var ue = function(z, me, ke, Ye, rt, gt, Qe) {
       var Ze = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -471,7 +471,7 @@ function Zw() {
     function ve(z, me, ke, Ye, rt) {
       {
         var gt, Qe = {}, Ze = null, Gt = null;
-        ke !== void 0 && (de(ke), Ze = "" + ke), je(me) && (de(me.key), Ze = "" + me.key), Re(me) && (Gt = me.ref, Ge(me, rt));
+        ke !== void 0 && (ce(ke), Ze = "" + ke), je(me) && (ce(me.key), Ze = "" + me.key), Re(me) && (Gt = me.ref, Ge(me, rt));
         for (gt in me)
           he.call(me, gt) && !Te.hasOwnProperty(gt) && (Qe[gt] = me[gt]);
         if (z && z.defaultProps) {
@@ -483,7 +483,7 @@ function Zw() {
           var nt = typeof z == "function" ? z.displayName || z.name || "Unknown" : z;
           Ze && pe(Qe, nt), Gt && ne(Qe, nt);
         }
-        return ce(z, Ze, Gt, rt, Ye, Oe.current, Qe);
+        return ue(z, Ze, Gt, rt, Ye, Oe.current, Qe);
       }
     }
     var De = x.ReactCurrentOwner, we = x.ReactDebugCurrentFrame;
@@ -1392,17 +1392,17 @@ function PC() {
         var J = V.$$typeof;
         switch (J) {
           case t:
-            var ue = V.type;
-            switch (ue) {
+            var de = V.type;
+            switch (de) {
               case c:
               case u:
               case r:
               case i:
               case o:
               case f:
-                return ue;
+                return de;
               default:
-                var ge = ue && ue.$$typeof;
+                var ge = de && de.$$typeof;
                 switch (ge) {
                   case l:
                   case d:
@@ -2121,17 +2121,17 @@ function eS() {
         var J = V.$$typeof;
         switch (J) {
           case t:
-            var ue = V.type;
-            switch (ue) {
+            var de = V.type;
+            switch (de) {
               case c:
               case u:
               case r:
               case i:
               case o:
               case f:
-                return ue;
+                return de;
               default:
-                var ge = ue && ue.$$typeof;
+                var ge = de && de.$$typeof;
                 switch (ge) {
                   case l:
                   case d:
@@ -7244,7 +7244,7 @@ const Zk = _e("MuiButtonBase", ["root", "disabled", "focusVisible"]), Jk = ["act
   function oe(te, xe, Re = f) {
     return On((je) => (xe && xe(je), !Re && W.current && W.current[te](je), !0));
   }
-  const se = oe("start", k), G = oe("stop", v), V = oe("stop", x), J = oe("stop", P), ue = oe("stop", (te) => {
+  const se = oe("start", k), G = oe("stop", v), V = oe("stop", x), J = oe("stop", P), de = oe("stop", (te) => {
     U && te.preventDefault(), E && E(te);
   }), ge = oe("start", j), he = oe("stop", D), Me = oe("stop", A), le = oe("stop", (te) => {
     K(te), I.current === !1 && Z(!1), y && y(te);
@@ -7266,7 +7266,7 @@ const Zk = _e("MuiButtonBase", ["root", "disabled", "focusVisible"]), Jk = ["act
   $e === "button" && ($.href || $.to) && ($e = h);
   const H = {};
   $e === "button" ? (H.type = N === void 0 ? "button" : N, H.disabled = u) : (!$.href && !$.to && (H.role = "button"), u && (H["aria-disabled"] = u));
-  const de = Wt(n, X, L);
+  const ce = Wt(n, X, L);
   process.env.NODE_ENV !== "production" && C.useEffect(() => {
     ae && !W.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
 `));
@@ -7292,13 +7292,13 @@ const Zk = _e("MuiButtonBase", ["root", "disabled", "focusVisible"]), Jk = ["act
     onKeyDown: Ue,
     onKeyUp: Le,
     onMouseDown: se,
-    onMouseLeave: ue,
+    onMouseLeave: de,
     onMouseUp: J,
     onDragLeave: V,
     onTouchEnd: he,
     onTouchMove: Me,
     onTouchStart: ge,
-    ref: de,
+    ref: ce,
     tabIndex: u ? -1 : M,
     type: N
   }, H, $, {
@@ -8534,11 +8534,11 @@ function uR(e) {
       var F, B = O === "y" ? mn : gn, N = O === "y" ? Un : Hn, $ = O === "y" ? "height" : "width", L = k[O], W = L + v[B], R = L - v[N], I = h ? -P[$] / 2 : 0, _ = w === ys ? E[$] : P[$], K = w === ys ? -P[$] : -E[$], X = t.elements.arrow, U = h && X ? Mf(X) : {
         width: 0,
         height: 0
-      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : dv(), Y = Z[B], re = Z[N], ae = yi(0, E[$], U[$]), oe = T ? E[$] / 2 - I - ae - Y - A.mainAxis : _ - ae - Y - A.mainAxis, se = T ? -E[$] / 2 + I + ae + re + A.mainAxis : K + ae + re + A.mainAxis, G = t.elements.arrow && ha(t.elements.arrow), V = G ? O === "y" ? G.clientTop || 0 : G.clientLeft || 0 : 0, J = (F = j == null ? void 0 : j[O]) != null ? F : 0, ue = L + oe - J - V, ge = L + se - J, he = yi(h ? kl(W, ue) : W, L, h ? So(R, ge) : R);
+      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : dv(), Y = Z[B], re = Z[N], ae = yi(0, E[$], U[$]), oe = T ? E[$] / 2 - I - ae - Y - A.mainAxis : _ - ae - Y - A.mainAxis, se = T ? -E[$] / 2 + I + ae + re + A.mainAxis : K + ae + re + A.mainAxis, G = t.elements.arrow && ha(t.elements.arrow), V = G ? O === "y" ? G.clientTop || 0 : G.clientLeft || 0 : 0, J = (F = j == null ? void 0 : j[O]) != null ? F : 0, de = L + oe - J - V, ge = L + se - J, he = yi(h ? kl(W, de) : W, L, h ? So(R, ge) : R);
       k[O] = he, M[O] = he - L;
     }
     if (l) {
-      var Me, le = O === "x" ? mn : gn, Ee = O === "x" ? Un : Hn, be = k[b], Ce = b === "y" ? "height" : "width", Ue = be + v[le], Le = be - v[Ee], $e = [mn, gn].indexOf(x) !== -1, H = (Me = j == null ? void 0 : j[b]) != null ? Me : 0, de = $e ? Ue : be - E[Ce] - P[Ce] - H + A.altAxis, Oe = $e ? be + E[Ce] + P[Ce] - H - A.altAxis : Le, Te = h && $e ? jE(de, be, Oe) : yi(h ? de : Ue, be, h ? Oe : Le);
+      var Me, le = O === "x" ? mn : gn, Ee = O === "x" ? Un : Hn, be = k[b], Ce = b === "y" ? "height" : "width", Ue = be + v[le], Le = be - v[Ee], $e = [mn, gn].indexOf(x) !== -1, H = (Me = j == null ? void 0 : j[b]) != null ? Me : 0, ce = $e ? Ue : be - E[Ce] - P[Ce] - H + A.altAxis, Oe = $e ? be + E[Ce] + P[Ce] - H - A.altAxis : Le, Te = h && $e ? jE(ce, be, Oe) : yi(h ? ce : Ue, be, h ? Oe : Le);
       k[b] = Te, M[b] = Te - be;
     }
     t.modifiersData[r] = M;
@@ -10138,9 +10138,9 @@ const ws = _e("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   V.focused = G ? G.focused : oe, C.useEffect(() => {
     !G && p && oe && (se(!1), P && P());
   }, [G, p, oe, P]);
-  const J = G && G.onFilled, ue = G && G.onEmpty, ge = C.useCallback((Te) => {
-    Rl(Te) ? J && J() : ue && ue();
-  }, [J, ue]);
+  const J = G && G.onFilled, de = G && G.onEmpty, ge = C.useCallback((Te) => {
+    Rl(Te) ? J && J() : de && de();
+  }, [J, de]);
   Rn(() => {
     Z && ge({
       value: U
@@ -10202,15 +10202,15 @@ const ws = _e("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     size: V.size,
     startAdornment: I,
     type: _
-  }), $e = qR(Le), H = R.root || u.Root || dc, de = W.root || d.root || {}, Oe = R.input || u.Input || fc;
+  }), $e = qR(Le), H = R.root || u.Root || dc, ce = W.root || d.root || {}, Oe = R.input || u.Input || fc;
   return Ce = S({}, Ce, (r = W.input) != null ? r : d.input), /* @__PURE__ */ g.jsxs(C.Fragment, {
-    children: [!h && YR, /* @__PURE__ */ g.jsxs(H, S({}, de, !gs(H) && {
-      ownerState: S({}, Le, de.ownerState)
+    children: [!h && YR, /* @__PURE__ */ g.jsxs(H, S({}, ce, !gs(H) && {
+      ownerState: S({}, Le, ce.ownerState)
     }, {
       ref: n,
       onClick: Ee
     }, X, {
-      className: fe($e.root, de.className, c, N && "MuiInputBase-readOnly"),
+      className: fe($e.root, ce.className, c, N && "MuiInputBase-readOnly"),
       children: [I, /* @__PURE__ */ g.jsx(ma.Provider, {
         value: null,
         children: /* @__PURE__ */ g.jsx(Oe, S({
@@ -12960,9 +12960,9 @@ const mM = ["BackdropComponent", "BackdropProps", "classes", "className", "close
   if (y.props.tabIndex === void 0 && (Y.tabIndex = "-1"), X) {
     const {
       onEnter: J,
-      onExited: ue
+      onExited: de
     } = R();
-    Y.onEnter = J, Y.onExited = ue;
+    Y.onEnter = J, Y.onExited = de;
   }
   const re = (r = (o = B == null ? void 0 : B.root) != null ? o : x.Root) != null ? r : yM, ae = (i = (a = B == null ? void 0 : B.backdrop) != null ? a : x.Backdrop) != null ? i : d, oe = (l = F == null ? void 0 : F.root) != null ? l : w.root, se = (c = F == null ? void 0 : F.backdrop) != null ? c : w.backdrop, G = xn({
     elementType: re,
@@ -12980,8 +12980,8 @@ const mM = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     externalSlotProps: se,
     additionalProps: f,
     getSlotProps: (J) => W(S({}, J, {
-      onClick: (ue) => {
-        j && j(ue), J != null && J.onClick && J.onClick(ue);
+      onClick: (de) => {
+        j && j(de), J != null && J.onClick && J.onClick(de);
       }
     })),
     className: fe(se == null ? void 0 : se.className, f == null ? void 0 : f.className, Z == null ? void 0 : Z.backdrop),
@@ -16911,9 +16911,9 @@ const JD = (e) => {
   }), $ = JD(N), L = C.useCallback(() => {
     if (f === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (d || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), d;
-    const J = ll(c), ue = J && J.nodeType === 1 ? J : Zt(F.current).body, ge = ue.getBoundingClientRect();
+    const J = ll(c), de = J && J.nodeType === 1 ? J : Zt(F.current).body, ge = de.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
-      const he = ue.getBoundingClientRect();
+      const he = de.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && he.top === 0 && he.left === 0 && he.right === 0 && he.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
 `));
     }
@@ -16925,10 +16925,10 @@ const JD = (e) => {
     vertical: jm(J, b.vertical),
     horizontal: Nm(J, b.horizontal)
   }), [b.horizontal, b.vertical]), R = C.useCallback((J) => {
-    const ue = {
+    const de = {
       width: J.offsetWidth,
       height: J.offsetHeight
-    }, ge = W(ue);
+    }, ge = W(de);
     if (f === "none")
       return {
         top: null,
@@ -16937,7 +16937,7 @@ const JD = (e) => {
       };
     const he = L();
     let Me = he.top - ge.vertical, le = he.left - ge.horizontal;
-    const Ee = Me + ue.height, be = le + ue.width, Ce = yr(ll(c)), Ue = Ce.innerHeight - v, Le = Ce.innerWidth - v;
+    const Ee = Me + de.height, be = le + de.width, Ce = yr(ll(c)), Ue = Ce.innerHeight - v, Le = Ce.innerWidth - v;
     if (v !== null && Me < v) {
       const $e = Me - v;
       Me -= $e, ge.vertical += $e;
@@ -16945,7 +16945,7 @@ const JD = (e) => {
       const $e = Ee - Ue;
       Me -= $e, ge.vertical += $e;
     }
-    if (process.env.NODE_ENV !== "production" && ue.height > Ue && ue.height && Ue && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${ue.height - Ue}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
+    if (process.env.NODE_ENV !== "production" && de.height > Ue && de.height && Ue && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${de.height - Ue}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
 `)), v !== null && le < v) {
       const $e = le - v;
       le -= $e, ge.horizontal += $e;
@@ -16962,12 +16962,12 @@ const JD = (e) => {
     const J = F.current;
     if (!J)
       return;
-    const ue = R(J);
-    ue.top !== null && (J.style.top = ue.top), ue.left !== null && (J.style.left = ue.left), J.style.transformOrigin = ue.transformOrigin, _(!0);
+    const de = R(J);
+    de.top !== null && (J.style.top = de.top), de.left !== null && (J.style.left = de.left), J.style.transformOrigin = de.transformOrigin, _(!0);
   }, [R]);
   C.useEffect(() => (D && window.addEventListener("scroll", K), () => window.removeEventListener("scroll", K)), [c, D, K]);
-  const X = (J, ue) => {
-    P && P(J, ue), K();
+  const X = (J, de) => {
+    P && P(J, de), K();
   }, U = () => {
     _(!1);
   };
@@ -16982,9 +16982,9 @@ const JD = (e) => {
       return;
     const J = la(() => {
       K();
-    }), ue = yr(c);
-    return ue.addEventListener("resize", J), () => {
-      J.clear(), ue.removeEventListener("resize", J);
+    }), de = yr(c);
+    return de.addEventListener("resize", J), () => {
+      J.clear(), de.removeEventListener("resize", J);
     };
   }, [c, x, K]);
   let Z = E;
@@ -18887,26 +18887,26 @@ const W3 = (e) => {
     pe ? D && D(ne) : E && E(ne), Y || (ae(l ? null : G.clientWidth), _(pe));
   }, J = (pe) => {
     pe.button === 0 && (pe.preventDefault(), X.current.focus(), V(!0, pe));
-  }, ue = (pe) => {
+  }, de = (pe) => {
     V(!1, pe);
   }, ge = C.Children.toArray(c), he = (pe) => {
-    const ne = ge.find((ce) => ce.props.value === pe.target.value);
+    const ne = ge.find((ue) => ue.props.value === pe.target.value);
     ne !== void 0 && (R(ne.props.value), k && k(pe, ne));
   }, Me = (pe) => (ne) => {
-    let ce;
+    let ue;
     if (ne.currentTarget.hasAttribute("tabindex")) {
       if (T) {
-        ce = Array.isArray(W) ? W.slice() : [];
+        ue = Array.isArray(W) ? W.slice() : [];
         const ve = W.indexOf(pe.props.value);
-        ve === -1 ? ce.push(pe.props.value) : ce.splice(ve, 1);
+        ve === -1 ? ue.push(pe.props.value) : ue.splice(ve, 1);
       } else
-        ce = pe.props.value;
-      if (pe.props.onClick && pe.props.onClick(ne), W !== ce && (R(ce), k)) {
+        ue = pe.props.value;
+      if (pe.props.onClick && pe.props.onClick(ne), W !== ue && (R(ue), k)) {
         const ve = ne.nativeEvent || ne, De = new ve.constructor(ve.type, ve);
         Object.defineProperty(De, "target", {
           writable: !0,
           value: {
-            value: ce,
+            value: ue,
             name: O
           }
         }), k(De, pe);
@@ -18938,7 +18938,7 @@ const W3 = (e) => {
   (Rl({
     value: W
   }) || h) && (M ? Ce = M(W) : $e = !0);
-  const de = ge.map((pe) => {
+  const ce = ge.map((pe) => {
     if (!/* @__PURE__ */ C.isValidElement(pe))
       return null;
     process.env.NODE_ENV !== "production" && Po.isFragment(pe) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
@@ -18947,14 +18947,14 @@ const W3 = (e) => {
     if (T) {
       if (!Array.isArray(W))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Rr(2));
-      ne = W.some((ce) => zm(ce, pe.props.value)), ne && $e && Le.push(pe.props.children);
+      ne = W.some((ue) => zm(ue, pe.props.value)), ne && $e && Le.push(pe.props.children);
     } else
       ne = zm(W, pe.props.value), ne && $e && (Ue = pe.props.children);
     return ne && (H = !0), /* @__PURE__ */ C.cloneElement(pe, {
       "aria-selected": ne ? "true" : "false",
       onClick: Me(pe),
-      onKeyUp: (ce) => {
-        ce.key === " " && ce.preventDefault(), pe.props.onKeyUp && pe.props.onKeyUp(ce);
+      onKeyUp: (ue) => {
+        ue.key === " " && ue.preventDefault(), pe.props.onKeyUp && pe.props.onKeyUp(ue);
       },
       role: "option",
       selected: ne,
@@ -18970,7 +18970,7 @@ const W3 = (e) => {
       console.warn([`MUI: You have provided an out-of-range value \`${W}\` for the select ${O ? `(name="${O}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${pe.filter((ne) => ne != null).map((ne) => `\`${ne}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [H, ge, T, O, W]), $e && (T ? Le.length === 0 ? Ce = null : Ce = Le.reduce((pe, ne, ce) => (pe.push(ne), ce < Le.length - 1 && pe.push(", "), pe), []) : Ce = Ue);
+  }, [H, ge, T, O, W]), $e && (T ? Le.length === 0 ? Ce = null : Ce = Le.reduce((pe, ne, ue) => (pe.push(ne), ue < Le.length - 1 && pe.push(", "), pe), []) : Ce = Ue);
   let Oe = re;
   !l && Y && U && (Oe = G.clientWidth);
   let Te;
@@ -19028,7 +19028,7 @@ const W3 = (e) => {
       id: `menu-${O || ""}`,
       anchorEl: G,
       open: Ee,
-      onClose: ue,
+      onClose: de,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -19052,7 +19052,7 @@ const W3 = (e) => {
           }, je != null ? je.style : null)
         })
       }),
-      children: de
+      children: ce
     }))]
   });
 });
@@ -19855,9 +19855,9 @@ const qf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     title: G,
     TransitionComponent: V = Cs,
     TransitionProps: J
-  } = k, ue = ee(k, n5), ge = /* @__PURE__ */ C.isValidElement(P) ? P : /* @__PURE__ */ g.jsx("span", {
+  } = k, de = ee(k, n5), ge = /* @__PURE__ */ C.isValidElement(P) ? P : /* @__PURE__ */ g.jsx("span", {
     children: P
-  }), he = Nt(), Me = Cn(), [le, Ee] = C.useState(), [be, Ce] = C.useState(null), Ue = C.useRef(!1), Le = B || R, $e = Zo(), H = Zo(), de = Zo(), Oe = Zo(), [Te, te] = ms({
+  }), he = Nt(), Me = Cn(), [le, Ee] = C.useState(), [be, Ce] = C.useState(null), Ue = C.useRef(!1), Le = B || R, $e = Zo(), H = Zo(), ce = Zo(), Oe = Zo(), [Te, te] = ms({
     controlled: Z,
     default: !1,
     name: "Tooltip",
@@ -19890,12 +19890,12 @@ const qf = /* @__PURE__ */ C.forwardRef(function(t, n) {
         Ue.current = !1;
       });
     }
-  ), ce = (Ae) => {
-    Ue.current && Ae.type !== "touchstart" || (le && le.removeAttribute("title"), H.clear(), de.clear(), $ || Wa && L ? H.start(Wa ? L : $, () => {
+  ), ue = (Ae) => {
+    Ue.current && Ae.type !== "touchstart" || (le && le.removeAttribute("title"), H.clear(), ce.clear(), $ || Wa && L ? H.start(Wa ? L : $, () => {
       pe(Ae);
     }) : pe(Ae));
   }, ve = (Ae) => {
-    H.clear(), de.start(_, () => {
+    H.clear(), ce.start(_, () => {
       ne(Ae);
     });
   }, {
@@ -19906,17 +19906,17 @@ const qf = /* @__PURE__ */ C.forwardRef(function(t, n) {
   } = gf(), [, He] = C.useState(!1), bt = (Ae) => {
     we(Ae), De.current === !1 && (He(!1), ve(Ae));
   }, sn = (Ae) => {
-    le || Ee(Ae.currentTarget), Ie(Ae), De.current === !0 && (He(!0), ce(Ae));
+    le || Ee(Ae.currentTarget), Ie(Ae), De.current === !0 && (He(!0), ue(Ae));
   }, Et = (Ae) => {
     Ue.current = !0;
     const nt = ge.props;
     nt.onTouchStart && nt.onTouchStart(Ae);
   }, an = (Ae) => {
-    Et(Ae), de.clear(), $e.clear(), Ge(), je.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Oe.start(W, () => {
-      document.body.style.WebkitUserSelect = je.current, ce(Ae);
+    Et(Ae), ce.clear(), $e.clear(), Ge(), je.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Oe.start(W, () => {
+      document.body.style.WebkitUserSelect = je.current, ue(Ae);
     });
   }, tt = (Ae) => {
-    ge.props.onTouchEnd && ge.props.onTouchEnd(Ae), Ge(), de.start(K, () => {
+    ge.props.onTouchEnd && ge.props.onTouchEnd(Ae), Ge(), ce.start(K, () => {
       ne(Ae);
     });
   };
@@ -19940,8 +19940,8 @@ const qf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     }, Ut.current && Ut.current.update();
   }, Dn = {}, rr = typeof G == "string";
   j ? (Dn.title = !xe && rr && !F ? G : null, Dn["aria-describedby"] = xe ? Re : null) : (Dn["aria-label"] = rr ? G : null, Dn["aria-labelledby"] = xe && !rr ? Re : null);
-  const fn = S({}, Dn, ue, ge.props, {
-    className: fe(ue.className, ge.props.className),
+  const fn = S({}, Dn, de, ge.props, {
+    className: fe(de.className, ge.props.className),
     onTouchStart: Et,
     ref: St
   }, R ? {
@@ -19952,7 +19952,7 @@ const qf = /* @__PURE__ */ C.forwardRef(function(t, n) {
 `));
   }, [le]));
   const oo = {};
-  N || (fn.onTouchStart = an, fn.onTouchEnd = tt), F || (fn.onMouseOver = za(ce, fn.onMouseOver), fn.onMouseLeave = za(ve, fn.onMouseLeave), Le || (oo.onMouseOver = ce, oo.onMouseLeave = ve)), M || (fn.onFocus = za(sn, fn.onFocus), fn.onBlur = za(bt, fn.onBlur), Le || (oo.onFocus = sn, oo.onBlur = bt)), process.env.NODE_ENV !== "production" && ge.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${ge.props.title}\` or the Tooltip component.`].join(`
+  N || (fn.onTouchStart = an, fn.onTouchEnd = tt), F || (fn.onMouseOver = za(ue, fn.onMouseOver), fn.onMouseLeave = za(ve, fn.onMouseLeave), Le || (oo.onMouseOver = ue, oo.onMouseLeave = ve)), M || (fn.onFocus = za(sn, fn.onFocus), fn.onBlur = za(bt, fn.onBlur), Le || (oo.onFocus = sn, oo.onBlur = bt)), process.env.NODE_ENV !== "production" && ge.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${ge.props.title}\` or the Tooltip component.`].join(`
 `));
   const Kc = C.useMemo(() => {
     var Ae;
@@ -21731,15 +21731,15 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
     ownerState: I
   });
   process.env.NODE_ENV !== "production" && u && F && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [U, Z] = C.useState(!1), [Y, re] = C.useState(n0), [ae, oe] = C.useState(!1), [se, G] = C.useState(!1), [V, J] = C.useState(!1), [ue, ge] = C.useState({
+  const [U, Z] = C.useState(!1), [Y, re] = C.useState(n0), [ae, oe] = C.useState(!1), [se, G] = C.useState(!1), [V, J] = C.useState(!1), [de, ge] = C.useState({
     overflow: "hidden",
     scrollbarWidth: 0
   }), he = /* @__PURE__ */ new Map(), Me = C.useRef(null), le = C.useRef(null), Ee = () => {
     const ne = Me.current;
-    let ce;
+    let ue;
     if (ne) {
       const De = ne.getBoundingClientRect();
-      ce = {
+      ue = {
         clientWidth: ne.clientWidth,
         scrollLeft: ne.scrollLeft,
         scrollTop: ne.scrollTop,
@@ -21758,30 +21758,30 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
         const we = De[he.get(D)];
         process.env.NODE_ENV !== "production" && (we || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${D}".`, he.keys ? `You can provide one of the following values: ${Array.from(he.keys()).join(", ")}.` : null].join(`
 `))), ve = we ? we.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !r0 && ve && ve.width === 0 && ve.height === 0 && // if the whole Tabs component is hidden, don't warn
-        ce.clientWidth !== 0 && (ce = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${D}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
+        ue.clientWidth !== 0 && (ue = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${D}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
 `)), r0 = !0);
       }
     }
     return {
-      tabsMeta: ce,
+      tabsMeta: ue,
       tabMeta: ve
     };
   }, be = On(() => {
     const {
       tabsMeta: ne,
-      tabMeta: ce
+      tabMeta: ue
     } = Ee();
     let ve = 0, De;
     if (B)
-      De = "top", ce && ne && (ve = ce.top - ne.top + ne.scrollTop);
-    else if (De = i ? "right" : "left", ce && ne) {
+      De = "top", ue && ne && (ve = ue.top - ne.top + ne.scrollTop);
+    else if (De = i ? "right" : "left", ue && ne) {
       const Ie = i ? ne.scrollLeftNormalized + ne.clientWidth - ne.scrollWidth : ne.scrollLeft;
-      ve = (i ? -1 : 1) * (ce[De] - ne[De] + Ie);
+      ve = (i ? -1 : 1) * (ue[De] - ne[De] + Ie);
     }
     const we = {
       [De]: ve,
       // May be wrong until the font is loaded.
-      [R]: ce ? ce[R] : 0
+      [R]: ue ? ue[R] : 0
     };
     if (isNaN(Y[De]) || isNaN(Y[R]))
       re(we);
@@ -21790,32 +21790,32 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       (Ie >= 1 || We >= 1) && re(we);
     }
   }), Ce = (ne, {
-    animation: ce = !0
+    animation: ue = !0
   } = {}) => {
-    ce ? G5(N, Me.current, ne, {
+    ue ? G5(N, Me.current, ne, {
       duration: o.transitions.duration.standard
     }) : Me.current[N] = ne;
   }, Ue = (ne) => {
-    let ce = Me.current[N];
-    B ? ce += ne : (ce += ne * (i ? -1 : 1), ce *= i && jb() === "reverse" ? -1 : 1), Ce(ce);
+    let ue = Me.current[N];
+    B ? ue += ne : (ue += ne * (i ? -1 : 1), ue *= i && jb() === "reverse" ? -1 : 1), Ce(ue);
   }, Le = () => {
     const ne = Me.current[W];
-    let ce = 0;
+    let ue = 0;
     const ve = Array.from(le.current.children);
     for (let De = 0; De < ve.length; De += 1) {
       const we = ve[De];
-      if (ce + we[W] > ne) {
-        De === 0 && (ce = ne);
+      if (ue + we[W] > ne) {
+        De === 0 && (ue = ne);
         break;
       }
-      ce += we[W];
+      ue += we[W];
     }
-    return ce;
+    return ue;
   }, $e = () => {
     Ue(-1 * Le());
   }, H = () => {
     Ue(Le());
-  }, de = C.useCallback((ne) => {
+  }, ce = C.useCallback((ne) => {
     ge({
       overflow: null,
       scrollbarWidth: ne
@@ -21823,7 +21823,7 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
   }, []), Oe = () => {
     const ne = {};
     ne.scrollbarSizeListener = F ? /* @__PURE__ */ g.jsx(cI, {
-      onChange: de,
+      onChange: ce,
       className: fe(_.scrollableX, _.hideScrollbar)
     }) : null;
     const ve = F && (w === "auto" && (ae || se) || w === !0);
@@ -21856,17 +21856,17 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
     })) : null, ne;
   }, Te = On((ne) => {
     const {
-      tabsMeta: ce,
+      tabsMeta: ue,
       tabMeta: ve
     } = Ee();
-    if (!(!ve || !ce)) {
-      if (ve[$] < ce[$]) {
-        const De = ce[N] + (ve[$] - ce[$]);
+    if (!(!ve || !ue)) {
+      if (ve[$] < ue[$]) {
+        const De = ue[N] + (ve[$] - ue[$]);
         Ce(De, {
           animation: ne
         });
-      } else if (ve[L] > ce[L]) {
-        const De = ce[N] + (ve[L] - ce[L]);
+      } else if (ve[L] > ue[L]) {
+        const De = ue[N] + (ve[L] - ue[L]);
         Ce(De, {
           animation: ne
         });
@@ -21879,32 +21879,32 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
     const ne = la(() => {
       Me.current && be();
     });
-    let ce;
+    let ue;
     const ve = (Ie) => {
       Ie.forEach((We) => {
         We.removedNodes.forEach((He) => {
           var bt;
-          (bt = ce) == null || bt.unobserve(He);
+          (bt = ue) == null || bt.unobserve(He);
         }), We.addedNodes.forEach((He) => {
           var bt;
-          (bt = ce) == null || bt.observe(He);
+          (bt = ue) == null || bt.observe(He);
         });
       }), ne(), te();
     }, De = yr(Me.current);
     De.addEventListener("resize", ne);
     let we;
-    return typeof ResizeObserver < "u" && (ce = new ResizeObserver(ne), Array.from(le.current.children).forEach((Ie) => {
-      ce.observe(Ie);
+    return typeof ResizeObserver < "u" && (ue = new ResizeObserver(ne), Array.from(le.current.children).forEach((Ie) => {
+      ue.observe(Ie);
     })), typeof MutationObserver < "u" && (we = new MutationObserver(ve), we.observe(le.current, {
       childList: !0
     })), () => {
       var Ie, We;
-      ne.clear(), De.removeEventListener("resize", ne), (Ie = we) == null || Ie.disconnect(), (We = ce) == null || We.disconnect();
+      ne.clear(), De.removeEventListener("resize", ne), (Ie = we) == null || Ie.disconnect(), (We = ue) == null || We.disconnect();
     };
   }, [be, te]), C.useEffect(() => {
-    const ne = Array.from(le.current.children), ce = ne.length;
-    if (typeof IntersectionObserver < "u" && ce > 0 && F && w !== !1) {
-      const ve = ne[0], De = ne[ce - 1], we = {
+    const ne = Array.from(le.current.children), ue = ne.length;
+    if (typeof IntersectionObserver < "u" && ue > 0 && F && w !== !1) {
+      const ve = ne[0], De = ne[ue - 1], we = {
         root: Me.current,
         threshold: 0.99
       }, Ie = (sn) => {
@@ -21939,9 +21939,9 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       return null;
     process.env.NODE_ENV !== "production" && Po.isFragment(ne) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    const ce = ne.props.value === void 0 ? Re : ne.props.value;
-    he.set(ce, Re);
-    const ve = ce === D;
+    const ue = ne.props.value === void 0 ? Re : ne.props.value;
+    he.set(ue, Re);
+    const ve = ue === D;
     return Re += 1, /* @__PURE__ */ C.cloneElement(ne, S({
       fullWidth: A === "fullWidth",
       indicator: ve && !U && xe,
@@ -21949,27 +21949,27 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       selectionFollowsFocus: T,
       onChange: m,
       textColor: P,
-      value: ce
+      value: ue
     }, Re === 1 && D === !1 && !ne.props.tabIndex ? {
       tabIndex: 0
     } : {}));
   }), Ge = (ne) => {
-    const ce = le.current, ve = Zt(ce).activeElement;
+    const ue = le.current, ve = Zt(ue).activeElement;
     if (ve.getAttribute("role") !== "tab")
       return;
     let we = v === "horizontal" ? "ArrowLeft" : "ArrowUp", Ie = v === "horizontal" ? "ArrowRight" : "ArrowDown";
     switch (v === "horizontal" && i && (we = "ArrowRight", Ie = "ArrowLeft"), ne.key) {
       case we:
-        ne.preventDefault(), Ua(ce, ve, t0);
+        ne.preventDefault(), Ua(ue, ve, t0);
         break;
       case Ie:
-        ne.preventDefault(), Ua(ce, ve, e0);
+        ne.preventDefault(), Ua(ue, ve, e0);
         break;
       case "Home":
-        ne.preventDefault(), Ua(ce, null, e0);
+        ne.preventDefault(), Ua(ue, null, e0);
         break;
       case "End":
-        ne.preventDefault(), Ua(ce, null, t0);
+        ne.preventDefault(), Ua(ue, null, t0);
         break;
     }
   }, pe = Oe();
@@ -21983,8 +21983,8 @@ const Xv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       className: _.scroller,
       ownerState: I,
       style: {
-        overflow: ue.overflow,
-        [B ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: j ? void 0 : -ue.scrollbarWidth
+        overflow: de.overflow,
+        [B ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: j ? void 0 : -de.scrollbarWidth
       },
       ref: Me,
       children: [/* @__PURE__ */ g.jsx(aI, {
@@ -29671,7 +29671,7 @@ const a4 = ["className", "sx"], Y2 = ({
     state: G,
     setOpen: V,
     setValue: J,
-    setValueFromView: ue,
+    setValueFromView: de,
     value: ge,
     viewValue: he
   } = i4({
@@ -29692,11 +29692,11 @@ const a4 = ["className", "sx"], Y2 = ({
     view: h,
     views: p,
     openTo: y,
-    onChange: ue,
+    onChange: de,
     onViewChange: m,
     autoFocus: l,
     getStepNavigation: f
-  }), de = Pe(() => J(n.emptyValue)), Oe = Pe(() => J(n.getTodayValue(R, se, r))), Te = Pe(() => J(ge)), te = Pe(() => J(G.lastCommittedValue, {
+  }), ce = Pe(() => J(n.emptyValue)), Oe = Pe(() => J(n.getTodayValue(R, se, r))), Te = Pe(() => J(ge)), te = Pe(() => J(G.lastCommittedValue, {
     skipPublicationIfPristine: !0
   })), xe = Pe(() => {
     J(ge, {
@@ -29713,8 +29713,8 @@ const a4 = ["className", "sx"], Y2 = ({
     hasUIView: !1,
     viewModeLookup: {},
     timeViewsCount: 0
-  }), [v, p]), pe = je[Me], ne = Pe(() => pe), [ce, ve] = C.useState(pe === "UI" ? Me : null);
-  ce !== Me && je[Me] === "UI" && ve(Me), vr(() => {
+  }), [v, p]), pe = je[Me], ne = Pe(() => pe), [ue, ve] = C.useState(pe === "UI" ? Me : null);
+  ue !== Me && je[Me] === "UI" && ve(Me), vr(() => {
     pe === "field" && G.open && (V(!1), setTimeout(() => {
       var St, Ut;
       (St = re == null ? void 0 : re.current) == null || St.setSelectedSections(Me), (Ut = re == null ? void 0 : re.current) == null || Ut.focusField(Me);
@@ -29723,7 +29723,7 @@ const a4 = ["className", "sx"], Y2 = ({
     if (!G.open)
       return;
     let St = Me;
-    pe === "field" && ce != null && (St = ce), St !== Ee && je[St] === "UI" && je[Ee] === "UI" && (St = Ee), St !== Me && le(St), Ce(St, !0);
+    pe === "field" && ue != null && (St = ue), St !== Ee && je[St] === "UI" && je[Ee] === "UI" && (St = Ee), St !== Me && le(St), Ce(St, !0);
   }, [G.open]);
   const De = C.useMemo(() => ({
     isPickerValueEmpty: n.areValuesEqual(R, ge, n.emptyValue),
@@ -29735,18 +29735,18 @@ const a4 = ["className", "sx"], Y2 = ({
   }), [R, n, ge, G.open, K, o, t.disabled, t.readOnly]), we = C.useMemo(() => T || !Re ? "hidden" : b || k ? "disabled" : "enabled", [T, Re, b, k]), Ie = Pe(Le), We = C.useMemo(() => O && !H ? [] : ["cancel", "nextOrAccept"], [O, H]), He = C.useMemo(() => ({
     setValue: J,
     setOpen: V,
-    clearValue: de,
+    clearValue: ce,
     setValueToToday: Oe,
     acceptValueChanges: Te,
     cancelValueChanges: te,
     setView: le,
     goToNextStep: Ie
-  }), [J, V, de, Oe, Te, te, le, Ie]), bt = C.useMemo(() => S({}, He, {
+  }), [J, V, ce, Oe, Te, te, le, Ie]), bt = C.useMemo(() => S({}, He, {
     value: ge,
     timezone: se,
     open: G.open,
     views: p,
-    view: ce,
+    view: ue,
     initialView: X,
     disabled: b ?? !1,
     readOnly: k ?? !1,
@@ -29764,7 +29764,7 @@ const a4 = ["className", "sx"], Y2 = ({
     rootSx: $,
     rootRef: oe,
     rootClassName: N
-  }), [He, ge, oe, o, K, _, b, k, j, N, B, M, $, we, $e, se, G.open, ce, p, X, F]), sn = C.useMemo(() => ({
+  }), [He, ge, oe, o, K, _, b, k, j, N, B, M, $, we, $e, se, G.open, ue, p, X, F]), sn = C.useMemo(() => ({
     dismissViews: xe,
     ownerState: De,
     hasUIView: Re,
@@ -29800,9 +29800,9 @@ const a4 = ["className", "sx"], Y2 = ({
       }
     },
     renderCurrentView: () => {
-      if (ce == null)
+      if (ue == null)
         return null;
-      const St = v[ce];
+      const St = v[ue];
       if (St == null)
         return null;
       const Ut = S({}, L, {
@@ -29810,7 +29810,7 @@ const a4 = ["className", "sx"], Y2 = ({
         timezone: se,
         value: he,
         onChange: Ue,
-        view: ce,
+        view: ue,
         onViewChange: le,
         showViewSwitcher: Ge > 1,
         timeViewsCount: Ge
@@ -29824,7 +29824,7 @@ const a4 = ["className", "sx"], Y2 = ({
       });
       return c ? /* @__PURE__ */ g.jsx(c, {
         viewRenderers: v,
-        popperView: ce,
+        popperView: ue,
         rendererProps: Ut
       }) : St(Ut);
     },
@@ -30692,10 +30692,10 @@ const Fc = /* @__PURE__ */ C.forwardRef(function(t, n) {
     if (w == null || w(se), se.key === "Enter" && !se.defaultMuiPrevented) {
       if ((G = B.current) != null && G.dataset.multiInput)
         return;
-      const J = (V = B.current) == null ? void 0 : V.closest("form"), ue = J == null ? void 0 : J.querySelector('[type="submit"]');
-      if (!J || !ue)
+      const J = (V = B.current) == null ? void 0 : V.closest("form"), de = J == null ? void 0 : J.querySelector('[type="submit"]');
+      if (!J || !de)
         return;
-      se.preventDefault(), J.requestSubmit(ue);
+      se.preventDefault(), J.requestSubmit(de);
     }
   }, U = (se) => {
     var G;
@@ -32476,7 +32476,7 @@ const xF = ["props", "steps"], wF = ["ownerState"], CF = (e) => {
     if (t.isValid($e)) {
       const H = Bg(t, $e, Le, c.getDateFromSection(N.referenceValue, le), !0);
       return Ce == null && V.start(0, () => {
-        D.current === k && $((de) => S({}, de, {
+        D.current === k && $((ce) => S({}, ce, {
           sections: c.clearDateSections(N.sections, le),
           tempValueStrAndroid: null
         }));
@@ -32486,7 +32486,7 @@ const xF = ["props", "steps"], wF = ["ownerState"], CF = (e) => {
       sections: Ue,
       tempValueStrAndroid: null
     }));
-  }, ue = (le) => $((Ee) => S({}, Ee, {
+  }, de = (le) => $((Ee) => S({}, Ee, {
     tempValueStrAndroid: le
   })), ge = Pe((le) => {
     $((Ee) => S({}, Ee, {
@@ -32544,7 +32544,7 @@ const xF = ["props", "steps"], wF = ["ownerState"], CF = (e) => {
     clearActiveSection: se,
     setCharacterQuery: ge,
     setSelectedSections: R,
-    setTempAndroidValueStr: ue,
+    setTempAndroidValueStr: de,
     updateSectionValue: J,
     updateValueFromValueStr: G,
     // Utilities methods
@@ -33093,7 +33093,7 @@ const IF = (e) => {
     y == null || y(he), U.onPaste(he);
   }), J = Pe((he) => {
     h == null || h(he), U.onInput(he);
-  }), ue = Pe((he, ...Me) => {
+  }), de = Pe((he, ...Me) => {
     he.preventDefault(), v == null || v(he, ...Me), L(), Yg(E) ? W(B.startIndex) : X(0);
   }), ge = C.useMemo(() => N.sections.map((he, Me) => {
     const le = re(he, Me);
@@ -33147,7 +33147,7 @@ const IF = (e) => {
     onInput: J,
     onPaste: V,
     onKeyDown: ae,
-    onClear: ue
+    onClear: de
   }, Z, {
     error: M,
     clearable: !!(x && !j && !T && !w),
@@ -33245,7 +33245,7 @@ const rs = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), AF = (e, t, n) =
   } = B, G = ix({
     stateResponse: B
   }), V = d(K), J = C.useMemo(() => AF(_.sections, W, t), [_.sections, W, t]);
-  function ue() {
+  function de() {
     const te = M.current.selectionStart ?? 0;
     let xe;
     te <= J[0].startInInput || te >= J[J.length - 1].endInInput ? xe = 1 : xe = J.findIndex((je) => je.startInInput - je.startSeparator.length > te);
@@ -33261,10 +33261,10 @@ const rs = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), AF = (e, t, n) =
     const xe = M.current;
     n.start(0, () => {
       !xe || xe !== M.current || N == null && (// avoid selecting all sections when focusing empty field without value
-      xe.value.length && Number(xe.selectionEnd) - Number(xe.selectionStart) === xe.value.length ? Y("all") : ue());
+      xe.value.length && Number(xe.selectionEnd) - Number(xe.selectionStart) === xe.value.length ? Y("all") : de());
     });
   }), Me = Pe((te, ...xe) => {
-    te.isDefaultPrevented() || (m == null || m(te, ...xe), ue());
+    te.isDefaultPrevented() || (m == null || m(te, ...xe), de());
   }), le = Pe((te) => {
     if (v == null || v(te), te.preventDefault(), E || P)
       return;
@@ -33302,14 +33302,14 @@ const rs = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), AF = (e, t, n) =
     if (R === "all" && pe.length === 1)
       ne = pe;
     else {
-      const ce = rs(u.getV6InputValueFromSections(J, W, t));
+      const ue = rs(u.getV6InputValueFromSections(J, W, t));
       let ve = -1, De = -1;
-      for (let He = 0; He < ce.length; He += 1)
-        ve === -1 && ce[He] !== pe[He] && (ve = He), De === -1 && ce[ce.length - He - 1] !== pe[pe.length - He - 1] && (De = He);
+      for (let He = 0; He < ue.length; He += 1)
+        ve === -1 && ue[He] !== pe[He] && (ve = He), De === -1 && ue[ue.length - He - 1] !== pe[pe.length - He - 1] && (De = He);
       const we = J[N];
-      if (ve < we.start || ce.length - De - 1 > we.end)
+      if (ve < we.start || ue.length - De - 1 > we.end)
         return;
-      const We = pe.length - ce.length + we.end - rs(we.endSeparator || "").length;
+      const We = pe.length - ue.length + we.end - rs(we.endSeparator || "").length;
       ne = pe.slice(we.start + rs(we.startSeparator || "").length, We);
     }
     if (ne.length === 0) {
@@ -33356,7 +33356,7 @@ const rs = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), AF = (e, t, n) =
     }
     te();
   });
-  const de = C.useMemo(() => N == null || _.sections[N].contentType === "letter" ? "text" : "numeric", [N, _.sections]), Te = !(M.current && M.current === nn(document)) && $;
+  const ce = C.useMemo(() => N == null || _.sections[N].contentType === "letter" ? "text" : "numeric", [N, _.sections]), Te = !(M.current && M.current === nn(document)) && $;
   return C.useImperativeHandle(j, () => ({
     getSections: () => _.sections,
     getActiveSectionIndex: () => {
@@ -33382,7 +33382,7 @@ const rs = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), AF = (e, t, n) =
     // Additional
     enableAccessibleFieldDOMStructure: !1,
     placeholder: $e,
-    inputMode: de,
+    inputMode: ce,
     autoComplete: "off",
     value: Te ? "" : H,
     onChange: be,
@@ -34559,11 +34559,11 @@ function h_(e) {
         _(n.addDays(V, 7)), G.preventDefault();
         break;
       case "ArrowLeft": {
-        const J = n.addDays(V, L ? 1 : -1), ue = n.addMonths(V, L ? 1 : -1), ge = Xi({
+        const J = n.addDays(V, L ? 1 : -1), de = n.addMonths(V, L ? 1 : -1), ge = Xi({
           utils: n,
           date: J,
-          minDate: L ? J : n.startOfMonth(ue),
-          maxDate: L ? n.endOfMonth(ue) : J,
+          minDate: L ? J : n.startOfMonth(de),
+          maxDate: L ? n.endOfMonth(de) : J,
           isDateDisabled: W,
           timezone: B
         });
@@ -34571,11 +34571,11 @@ function h_(e) {
         break;
       }
       case "ArrowRight": {
-        const J = n.addDays(V, L ? -1 : 1), ue = n.addMonths(V, L ? -1 : 1), ge = Xi({
+        const J = n.addDays(V, L ? -1 : 1), de = n.addMonths(V, L ? -1 : 1), ge = Xi({
           utils: n,
           date: J,
-          minDate: L ? n.startOfMonth(ue) : J,
-          maxDate: L ? J : n.endOfMonth(ue),
+          minDate: L ? n.startOfMonth(de) : J,
+          maxDate: L ? J : n.endOfMonth(de),
           isDateDisabled: W,
           timezone: B
         });
@@ -34601,8 +34601,8 @@ function h_(e) {
     const G = n.getWeekArray(a);
     let V = n.addMonths(a, 1);
     for (; F && G.length < F; ) {
-      const J = n.getWeekArray(V), ue = n.isSameDay(G[G.length - 1][0], J[0][0]);
-      J.slice(ue ? 1 : 0).forEach((ge) => {
+      const J = n.getWeekArray(V), de = n.isSameDay(G[G.length - 1][0], J[0][0]);
+      J.slice(de ? 1 : 0).forEach((ge) => {
         G.length < F && G.push(ge);
       }), V = n.addMonths(V, 1);
     }
@@ -34652,7 +34652,7 @@ function h_(e) {
             role: "rowheader",
             "aria-label": R.calendarWeekNumberAriaLabelText(n.getWeekNumber(G[0])),
             children: R.calendarWeekNumberText(n.getWeekNumber(G[0]))
-          }), G.map((J, ue) => /* @__PURE__ */ g.jsx(p_, {
+          }), G.map((J, de) => /* @__PURE__ */ g.jsx(p_, {
             parentProps: t,
             day: J,
             selectedDays: re,
@@ -34664,7 +34664,7 @@ function h_(e) {
             onDaySelect: I,
             isDateDisabled: W,
             currentMonthNumber: Z,
-            "aria-colindex": ue + 1
+            "aria-colindex": de + 1
           }, J.toString()))]
         }, `week-${G[0]}`))
       })
@@ -34859,12 +34859,12 @@ const C_ = q("div", {
   }), Y = Pe((J) => {
     Z(J), O && O(J);
   }), re = C.useCallback((J) => {
-    const ue = $.startOfMonth(p && $.isAfter(B, y) ? B : y), ge = $.startOfMonth(f && $.isBefore(B, h) ? B : h), he = $.startOfMonth(J);
-    return $.isBefore(he, ue) || $.isAfter(he, ge) ? !0 : v ? v(he) : !1;
-  }, [f, p, h, y, B, v, $]), ae = Pe((J, ue) => {
+    const de = $.startOfMonth(p && $.isAfter(B, y) ? B : y), ge = $.startOfMonth(f && $.isBefore(B, h) ? B : h), he = $.startOfMonth(J);
+    return $.isBefore(he, de) || $.isAfter(he, ge) ? !0 : v ? v(he) : !1;
+  }, [f, p, h, y, B, v, $]), ae = Pe((J, de) => {
     if (x)
       return;
-    const ge = $.setMonth(j ?? W, ue);
+    const ge = $.setMonth(j ?? W, de);
     M(ge);
   }), oe = Pe((J) => {
     re($.setMonth(j ?? W, J)) || (X(J), Y(!0), w && w(J));
@@ -34872,25 +34872,25 @@ const C_ = q("div", {
   C.useEffect(() => {
     X((J) => _ !== null && J !== _ ? _ : J);
   }, [_]);
-  const se = Pe((J, ue) => {
+  const se = Pe((J, de) => {
     switch (J.key) {
       case "ArrowUp":
-        oe((12 + ue - 3) % 12), J.preventDefault();
+        oe((12 + de - 3) % 12), J.preventDefault();
         break;
       case "ArrowDown":
-        oe((12 + ue + 3) % 12), J.preventDefault();
+        oe((12 + de + 3) % 12), J.preventDefault();
         break;
       case "ArrowLeft":
-        oe((12 + ue + (N ? 1 : -1)) % 12), J.preventDefault();
+        oe((12 + de + (N ? 1 : -1)) % 12), J.preventDefault();
         break;
       case "ArrowRight":
-        oe((12 + ue + (N ? -1 : 1)) % 12), J.preventDefault();
+        oe((12 + de + (N ? -1 : 1)) % 12), J.preventDefault();
         break;
     }
-  }), G = Pe((J, ue) => {
-    oe(ue);
-  }), V = Pe((J, ue) => {
-    K === ue && Y(!1);
+  }), G = Pe((J, de) => {
+    oe(de);
+  }), V = Pe((J, de) => {
+    K === de && Y(!1);
   });
   return /* @__PURE__ */ g.jsx(C_, S({
     ref: n,
@@ -34901,18 +34901,18 @@ const C_ = q("div", {
     monthsPerRow: b
   }, A, {
     children: Mp($, j ?? W).map((J) => {
-      const ue = $.getMonth(J), ge = $.format(J, "monthShort"), he = $.format(J, "month"), Me = ue === _, le = d || re(J);
+      const de = $.getMonth(J), ge = $.format(J, "monthShort"), he = $.format(J, "month"), Me = de === _, le = d || re(J);
       return /* @__PURE__ */ g.jsx(b_, {
         selected: Me,
-        value: ue,
+        value: de,
         onClick: ae,
         onKeyDown: se,
-        autoFocus: U && ue === K,
+        autoFocus: U && de === K,
         disabled: le,
-        tabIndex: ue === K && !le ? 0 : -1,
+        tabIndex: de === K && !le ? 0 : -1,
         onFocus: G,
         onBlur: V,
-        "aria-current": I === ue ? "date" : void 0,
+        "aria-current": I === de ? "date" : void 0,
         "aria-label": he,
         slots: P,
         slotProps: D,
@@ -35260,7 +35260,7 @@ const M_ = q("div", {
         se(Ce + V), be.preventDefault();
         break;
     }
-  }), ue = Pe((be, Ce) => {
+  }), de = Pe((be, Ce) => {
     se(Ce);
   }), ge = Pe((be, Ce) => {
     X === Ce && re(!1);
@@ -35295,7 +35295,7 @@ const M_ = q("div", {
         autoFocus: Z && Ce === X,
         disabled: Le,
         tabIndex: Ce === X && !Le ? 0 : -1,
-        onFocus: ue,
+        onFocus: de,
         onBlur: ge,
         "aria-current": _ === Ce ? "date" : void 0,
         slots: D,
@@ -35887,7 +35887,7 @@ const rB = q(J_, {
   }), {
     view: V,
     setView: J,
-    focusedView: ue,
+    focusedView: de,
     setFocusedView: ge,
     goToNextView: he,
     setValueAndGoToNextView: Me
@@ -35918,7 +35918,7 @@ const rB = q(J_, {
     disableFuture: p,
     timezone: G,
     getCurrentMonthFromVisibleDate: (ve, De) => r.isSameMonth(ve, De) ? De : r.startOfMonth(ve)
-  }), Le = D && oe || j, $e = D && oe || M, H = `${i}-grid-label`, de = ue !== null, Oe = (R == null ? void 0 : R.calendarHeader) ?? wx, Te = ht({
+  }), Le = D && oe || j, $e = D && oe || M, H = `${i}-grid-label`, ce = de !== null, Oe = (R == null ? void 0 : R.calendarHeader) ?? wx, Te = ht({
     elementType: Oe,
     externalSlotProps: I == null ? void 0 : I.calendarHeader,
     additionalProps: {
@@ -35998,9 +35998,9 @@ const rB = q(J_, {
     slotProps: I
   }, ne = C.useRef(V);
   C.useEffect(() => {
-    ne.current !== V && (ue === ne.current && ge(V, !0), ne.current = V);
-  }, [ue, ge, V]);
-  const ce = C.useMemo(() => [oe], [oe]);
+    ne.current !== V && (de === ne.current && ge(V, !0), ne.current = V);
+  }, [de, ge, V]);
+  const ue = C.useMemo(() => [oe], [oe]);
   return /* @__PURE__ */ g.jsxs(rB, S({
     ref: n,
     className: fe(je.root, E),
@@ -36019,13 +36019,13 @@ const rB = q(J_, {
           value: oe,
           onChange: xe,
           shouldDisableYear: T,
-          hasFocus: de,
+          hasFocus: ce,
           onFocusedViewChange: (ve) => ge("year", ve),
           yearsOrder: U,
           yearsPerRow: Z,
           referenceDate: le
         })), V === "month" && /* @__PURE__ */ g.jsx(bx, S({}, Ge, pe, {
-          hasFocus: de,
+          hasFocus: ce,
           className: E,
           value: oe,
           onChange: te,
@@ -36035,13 +36035,13 @@ const rB = q(J_, {
           referenceDate: le
         })), V === "day" && /* @__PURE__ */ g.jsx(h_, S({}, Ee, Ge, pe, {
           onMonthSwitchingAnimationEnd: Ue,
-          hasFocus: de,
+          hasFocus: ce,
           onFocusedDayChange: (ve) => be({
             target: ve,
             reason: "cell-interaction"
           }),
           reduceAnimations: v,
-          selectedDays: ce,
+          selectedDays: ue,
           onSelectedDaysChange: Re,
           shouldDisableDate: x,
           shouldDisableMonth: w,
@@ -39976,13 +39976,13 @@ function fV(e) {
     t.formatters,
     t.labels,
     t.classNames
-  ]), { captionLayout: c, mode: u, navLayout: d, numberOfMonths: f = 1, onDayBlur: p, onDayClick: h, onDayFocus: y, onDayKeyDown: m, onDayMouseEnter: v, onDayMouseLeave: x, onNextClick: w, onPrevClick: T, showWeekNumber: O, styles: b } = t, { formatCaption: k, formatDay: E, formatMonthDropdown: P, formatWeekNumber: D, formatWeekNumberHeader: A, formatWeekdayName: j, formatYearDropdown: M } = r, F = tV(t, i), { days: B, months: N, navStart: $, navEnd: L, previousMonth: W, nextMonth: R, goToMonth: I } = F, _ = LL(B, t, i), { isSelected: K, select: X, selected: U } = dV(t, i) ?? {}, { blur: Z, focused: Y, isFocusTarget: re, moveFocus: ae, setFocused: oe } = oV(t, F, _, K ?? (() => !1), i), { labelDayButton: se, labelGridcell: G, labelGrid: V, labelMonthDropdown: J, labelNav: ue, labelPrevious: ge, labelNext: he, labelWeekday: Me, labelWeekNumber: le, labelWeekNumberHeader: Ee, labelYearDropdown: be } = o, Ce = dr(() => P8(i, t.ISOWeek), [i, t.ISOWeek]), Ue = u !== void 0 || h !== void 0, Le = Ht(() => {
+  ]), { captionLayout: c, mode: u, navLayout: d, numberOfMonths: f = 1, onDayBlur: p, onDayClick: h, onDayFocus: y, onDayKeyDown: m, onDayMouseEnter: v, onDayMouseLeave: x, onNextClick: w, onPrevClick: T, showWeekNumber: O, styles: b } = t, { formatCaption: k, formatDay: E, formatMonthDropdown: P, formatWeekNumber: D, formatWeekNumberHeader: A, formatWeekdayName: j, formatYearDropdown: M } = r, F = tV(t, i), { days: B, months: N, navStart: $, navEnd: L, previousMonth: W, nextMonth: R, goToMonth: I } = F, _ = LL(B, t, i), { isSelected: K, select: X, selected: U } = dV(t, i) ?? {}, { blur: Z, focused: Y, isFocusTarget: re, moveFocus: ae, setFocused: oe } = oV(t, F, _, K ?? (() => !1), i), { labelDayButton: se, labelGridcell: G, labelGrid: V, labelMonthDropdown: J, labelNav: de, labelPrevious: ge, labelNext: he, labelWeekday: Me, labelWeekNumber: le, labelWeekNumberHeader: Ee, labelYearDropdown: be } = o, Ce = dr(() => P8(i, t.ISOWeek), [i, t.ISOWeek]), Ue = u !== void 0 || h !== void 0, Le = Ht(() => {
     W && (I(W), T == null || T(W));
   }, [W, I, T]), $e = Ht(() => {
     R && (I(R), w == null || w(R));
   }, [I, R, w]), H = Ht((we, Ie) => (We) => {
     We.preventDefault(), We.stopPropagation(), oe(we), X == null || X(we.date, Ie, We), h == null || h(we.date, Ie, We);
-  }, [X, h, oe]), de = Ht((we, Ie) => (We) => {
+  }, [X, h, oe]), ce = Ht((we, Ie) => (We) => {
     oe(we), y == null || y(we.date, Ie, We);
   }, [y, oe]), Oe = Ht((we, Ie) => (We) => {
     Z(), p == null || p(we.date, Ie, We);
@@ -40016,8 +40016,8 @@ function fV(e) {
   }, [i, I]), { className: Ge, style: pe } = dr(() => ({
     className: [l[Fe.Root], t.className].filter(Boolean).join(" "),
     style: { ...b == null ? void 0 : b[Fe.Root], ...t.style }
-  }), [l, t.className, t.style, b]), ne = g8(t), ce = mt(null);
-  q8(ce, !!t.animate, {
+  }), [l, t.className, t.style, b]), ne = g8(t), ue = mt(null);
+  q8(ue, !!t.animate, {
     classNames: l,
     months: N,
     focused: Y,
@@ -40044,11 +40044,11 @@ function fV(e) {
     { value: ve },
     ye.createElement(
       n.Root,
-      { rootRef: t.animate ? ce : void 0, className: Ge, style: pe, dir: t.dir, id: t.id, lang: t.lang, nonce: t.nonce, title: t.title, role: t.role, "aria-label": t["aria-label"], ...ne },
+      { rootRef: t.animate ? ue : void 0, className: Ge, style: pe, dir: t.dir, id: t.id, lang: t.lang, nonce: t.nonce, title: t.title, role: t.role, "aria-label": t["aria-label"], ...ne },
       ye.createElement(
         n.Months,
         { className: l[Fe.Months], style: b == null ? void 0 : b[Fe.Months] },
-        !t.hideNavigation && !d && ye.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: l[Fe.Nav], style: b == null ? void 0 : b[Fe.Nav], "aria-label": ue(), onPreviousClick: Le, onNextClick: $e, previousMonth: W, nextMonth: R }),
+        !t.hideNavigation && !d && ye.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: l[Fe.Nav], style: b == null ? void 0 : b[Fe.Nav], "aria-label": de(), onPreviousClick: Le, onNextClick: $e, previousMonth: W, nextMonth: R }),
         N.map((we, Ie) => {
           const We = E8(we.date, $, L, r, i), He = M8($, L, r, i);
           return ye.createElement(
@@ -40082,7 +40082,7 @@ function fV(e) {
               { type: "button", className: l[Fe.NextMonthButton], tabIndex: R ? void 0 : -1, "aria-disabled": R ? void 0 : !0, "aria-label": he(R), onClick: $e, "data-animated-button": t.animate ? "true" : void 0 },
               ye.createElement(n.Chevron, { disabled: R ? void 0 : !0, className: l[Fe.Chevron], orientation: t.dir === "rtl" ? "left" : "right" })
             ),
-            Ie === f - 1 && d === "after" && !t.hideNavigation && ye.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: l[Fe.Nav], style: b == null ? void 0 : b[Fe.Nav], "aria-label": ue(), onPreviousClick: Le, onNextClick: $e, previousMonth: W, nextMonth: R }),
+            Ie === f - 1 && d === "after" && !t.hideNavigation && ye.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: l[Fe.Nav], style: b == null ? void 0 : b[Fe.Nav], "aria-label": de(), onPreviousClick: Le, onNextClick: $e, previousMonth: W, nextMonth: R }),
             ye.createElement(
               n.MonthGrid,
               { role: "grid", "aria-multiselectable": u === "multiple" || u === "range", "aria-label": V(we.date, i.options, i) || void 0, className: l[Fe.MonthGrid], style: b == null ? void 0 : b[Fe.MonthGrid] },
@@ -40105,7 +40105,7 @@ function fV(e) {
                     tt[Jn.range_start] = !!(Dn && rr && i.isSameDay(an, Dn)), tt[Jn.range_end] = !!(Dn && rr && i.isSameDay(an, rr)), tt[Jn.range_middle] = kr(U, an, !0, i);
                   }
                   const St = R8(tt, b, t.modifiersStyles), Ut = VL(tt, l, t.modifiersClassNames), _r = !Ue && !tt.hidden ? G(an, tt, i.options, i) : void 0;
-                  return ye.createElement(n.Day, { key: `${i.format(an, "yyyy-MM-dd")}_${i.format(Et.displayMonth, "yyyy-MM")}`, day: Et, modifiers: tt, className: Ut.join(" "), style: St, role: "gridcell", "aria-selected": tt.selected || void 0, "aria-label": _r, "data-day": i.format(an, "yyyy-MM-dd"), "data-month": Et.outside ? i.format(an, "yyyy-MM") : void 0, "data-selected": tt.selected || void 0, "data-disabled": tt.disabled || void 0, "data-hidden": tt.hidden || void 0, "data-outside": Et.outside || void 0, "data-focused": tt.focused || void 0, "data-today": tt.today || void 0 }, !tt.hidden && Ue ? ye.createElement(n.DayButton, { className: l[Fe.DayButton], style: b == null ? void 0 : b[Fe.DayButton], type: "button", day: Et, modifiers: tt, disabled: tt.disabled || void 0, tabIndex: re(Et) ? 0 : -1, "aria-label": se(an, tt, i.options, i), onClick: H(Et, tt), onBlur: Oe(Et, tt), onFocus: de(Et, tt), onKeyDown: Te(Et, tt), onMouseEnter: te(Et, tt), onMouseLeave: xe(Et, tt) }, E(an, i.options, i)) : !tt.hidden && E(Et.date, i.options, i));
+                  return ye.createElement(n.Day, { key: `${i.format(an, "yyyy-MM-dd")}_${i.format(Et.displayMonth, "yyyy-MM")}`, day: Et, modifiers: tt, className: Ut.join(" "), style: St, role: "gridcell", "aria-selected": tt.selected || void 0, "aria-label": _r, "data-day": i.format(an, "yyyy-MM-dd"), "data-month": Et.outside ? i.format(an, "yyyy-MM") : void 0, "data-selected": tt.selected || void 0, "data-disabled": tt.disabled || void 0, "data-hidden": tt.hidden || void 0, "data-outside": Et.outside || void 0, "data-focused": tt.focused || void 0, "data-today": tt.today || void 0 }, !tt.hidden && Ue ? ye.createElement(n.DayButton, { className: l[Fe.DayButton], style: b == null ? void 0 : b[Fe.DayButton], type: "button", day: Et, modifiers: tt, disabled: tt.disabled || void 0, tabIndex: re(Et) ? 0 : -1, "aria-label": se(an, tt, i.options, i), onClick: H(Et, tt), onBlur: Oe(Et, tt), onFocus: ce(Et, tt), onKeyDown: Te(Et, tt), onMouseEnter: te(Et, tt), onMouseLeave: xe(Et, tt) }, E(an, i.options, i)) : !tt.hidden && E(Et.date, i.options, i));
                 })
               )))
             )
@@ -44412,7 +44412,7 @@ function Dw({
     l,
     r == null ? void 0 : r.rowPerPage,
     c
-  ), w = o == null ? void 0 : o.isManageable, T = o == null ? void 0 : o.isResizable, O = (n == null ? void 0 : n.length) > 0, b = mt(null), k = mt(null), E = 48, P = 10, D = n == null ? void 0 : n.length, [A, j] = Ne({ start: 0, end: 10 }), [M, F] = Ne(null), [B, N] = Ne(null), [$, L] = Ne(null);
+  ), w = o == null ? void 0 : o.isManageable, T = o == null ? void 0 : o.isResizable, O = (n == null ? void 0 : n.length) > 0, b = mt(null), k = mt(null), E = 48, P = 15, D = n == null ? void 0 : n.length, [A, j] = Ne({ start: 0, end: 10 }), [M, F] = Ne(null), [B, N] = Ne(null), [$, L] = Ne(null);
   let W = null;
   const R = mt(0), I = mt(!1), _ = mt(null), K = $W((($e = i == null ? void 0 : i.column) == null ? void 0 : $e.definitions) || []), X = i == null ? void 0 : i.isNested, U = (i == null ? void 0 : i.data) || [], Z = i == null ? void 0 : i.hashKey, [Y, re] = Ne(0), [ae, oe] = Ne(null);
   lt(() => {
@@ -44423,23 +44423,23 @@ function Dw({
       return H(), window.addEventListener("resize", H), () => window.removeEventListener("resize", H);
     }
   }, [n]), lt(() => {
-    const H = b.current, de = H == null ? void 0 : H.querySelector("thead");
-    if (!de) return;
+    const H = b.current, ce = H == null ? void 0 : H.querySelector("thead");
+    if (!ce) return;
     const Oe = () => {
       L(null);
     };
-    return de == null || de.addEventListener("mousedown", Oe), () => {
-      de == null || de.removeEventListener("mousedown", Oe);
+    return ce == null || ce.addEventListener("mousedown", Oe), () => {
+      ce == null || ce.removeEventListener("mousedown", Oe);
     };
   }, []);
-  const se = (H, de) => {
+  const se = (H, ce) => {
     var je, Ge;
     if (I.current) {
       H.preventDefault();
       return;
     }
-    F(de), L(null), H.dataTransfer.setData("colIndex", de);
-    const Oe = f[de], Te = Oe == null ? void 0 : Oe.label, te = document.createElement("div");
+    F(ce), L(null), H.dataTransfer.setData("colIndex", ce);
+    const Oe = f[ce], Te = Oe == null ? void 0 : Oe.label, te = document.createElement("div");
     te.textContent = Te, Object.assign(te.style, {
       display: "flex",
       alignItems: "center",
@@ -44466,12 +44466,12 @@ function Dw({
     H.dataTransfer.setDragImage(te, xe / 2, Re / 2), requestAnimationFrame(() => {
       document.body.removeChild(te);
     });
-  }, G = (H, de) => {
-    H.preventDefault(), N(de), le(H);
-  }, V = async (H, de) => {
-    if (H.preventDefault(), clearInterval(W), M === null || M === de) return;
+  }, G = (H, ce) => {
+    H.preventDefault(), N(ce), le(H);
+  }, V = async (H, ce) => {
+    if (H.preventDefault(), clearInterval(W), M === null || M === ce) return;
     const Oe = [...f], [Te] = Oe.splice(M, 1);
-    Oe.splice(de, 0, Te);
+    Oe.splice(ce, 0, Te);
     const te = f.slice().sort((Re, je) => Re.sequenceId - je.sequenceId).map((Re) => Re.sequenceId), xe = Oe.map((Re, je) => ({
       ...Re,
       sequenceId: te[je] ?? Re.sequenceId
@@ -44479,18 +44479,18 @@ function Dw({
     x({ updatedColumns: xe }), F(null), N(null);
   }, J = () => {
     F(null), N(null);
-  }, ue = (H, de, Oe, Te) => {
+  }, de = (H, ce, Oe, Te) => {
     var ve, De, we, Ie, We;
     if (!H) return null;
     const te = (H == null ? void 0 : H.isMandatory) && (H == null ? void 0 : H.isSticky), xe = parseFloat((De = (ve = H == null ? void 0 : H.style) == null ? void 0 : ve.minWidth) == null ? void 0 : De.toString().replace("rem", "")) || 7.5;
-    de === 0 && (R.current = 0);
-    const Re = te ? de === 0 ? 0 : `${R.current}rem` : void 0;
+    ce === 0 && (R.current = 0);
+    const Re = te ? ce === 0 ? 0 : `${R.current}rem` : void 0;
     te && (R.current += xe);
-    const je = M === de, Ge = B == de || ((we = f == null ? void 0 : f[B]) == null ? void 0 : we.isMandatory), pe = (He) => {
-      H.isMandatory ? (He.preventDefault(), He.dataTransfer.dropEffect = "none") : (He.preventDefault(), He.dataTransfer.dropEffect = "move"), G == null || G(He, de);
+    const je = M === ce, Ge = B == ce || ((we = f == null ? void 0 : f[B]) == null ? void 0 : we.isMandatory), pe = (He) => {
+      H.isMandatory ? (He.preventDefault(), He.dataTransfer.dropEffect = "none") : (He.preventDefault(), He.dataTransfer.dropEffect = "move"), G == null || G(He, ce);
     }, ne = (He) => {
-      H.isMandatory || V == null || V(He, de);
-    }, ce = Te ? `${Te == null ? void 0 : Te.key}_${H == null ? void 0 : H.key}_${de}` : de;
+      H.isMandatory || V == null || V(He, ce);
+    }, ue = Te ? `${Te == null ? void 0 : Te.key}_${H == null ? void 0 : H.key}_${ce}` : ce;
     return /* @__PURE__ */ g.jsx(
       na,
       {
@@ -44503,10 +44503,10 @@ function Dw({
         ),
         style: H == null ? void 0 : H.style,
         onMouseEnter: () => {
-          $ !== ce && L(ce);
+          $ !== ue && L(ue);
         },
         draggable: Oe && !(H != null && H.isMandatory),
-        onDragStart: Oe && !(H != null && H.isMandatory) ? (He) => se(He, de) : (He) => {
+        onDragStart: Oe && !(H != null && H.isMandatory) ? (He) => se(He, ce) : (He) => {
           He.preventDefault();
         },
         onDragOver: Oe && !(H != null && H.isMandatory) ? pe : void 0,
@@ -44543,9 +44543,9 @@ function Dw({
           }
         )
       },
-      de
+      ce
     );
-  }, ge = Ht((H, de, Oe, Te) => {
+  }, ge = Ht((H, ce, Oe, Te) => {
     var je, Ge, pe;
     if (!H) return null;
     const te = (H == null ? void 0 : H.isMandatory) && (H == null ? void 0 : H.isSticky), xe = parseFloat((Ge = (je = H == null ? void 0 : H.style) == null ? void 0 : je.minWidth) == null ? void 0 : Ge.toString().replace("rem", "")) || 7.5;
@@ -44575,13 +44575,13 @@ function Dw({
             left: Re,
             zIndex: 2,
             backgroundColor: (ne) => {
-              var ce;
-              return e != null && e.selectedRow && ((ce = e == null ? void 0 : e.selectedRow) == null ? void 0 : ce.fhi) === (de == null ? void 0 : de.fhi) || de != null && de.isHigh ? ne.palette.primary.appBackground : ne.palette.primary.notifyBackground;
+              var ue;
+              return e != null && e.selectedRow && ((ue = e == null ? void 0 : e.selectedRow) == null ? void 0 : ue.fhi) === (ce == null ? void 0 : ce.fhi) || ce != null && ce.isHigh ? ne.palette.primary.appBackground : ne.palette.primary.notifyBackground;
             }
           }
         },
         children: [
-          ((e == null ? void 0 : e.selectedRow) && ((pe = e == null ? void 0 : e.selectedRow) == null ? void 0 : pe.fhi) === (de == null ? void 0 : de.fhi) || (de == null ? void 0 : de.isHigh)) && /* @__PURE__ */ g.jsx(
+          ((e == null ? void 0 : e.selectedRow) && ((pe = e == null ? void 0 : e.selectedRow) == null ? void 0 : pe.fhi) === (ce == null ? void 0 : ce.fhi) || (ce == null ? void 0 : ce.isHigh)) && /* @__PURE__ */ g.jsx(
             Se,
             {
               sx: {
@@ -44601,7 +44601,7 @@ function Dw({
             {
               isRenderCellContent: !!(H != null && H.cellRenderer),
               column: H,
-              row: de,
+              row: ce,
               parent: Te
             }
           )
@@ -44609,7 +44609,7 @@ function Dw({
       },
       Oe
     );
-  }, [e == null ? void 0 : e.selectedRow]), he = (H, de, Oe, Te) => /* @__PURE__ */ g.jsx(g.Fragment, { children: H && Oe && !(H != null && H.isMandatory) ? /* @__PURE__ */ g.jsx(
+  }, [e == null ? void 0 : e.selectedRow]), he = (H, ce, Oe, Te) => /* @__PURE__ */ g.jsx(g.Fragment, { children: H && Oe && !(H != null && H.isMandatory) ? /* @__PURE__ */ g.jsx(
     Se,
     {
       resizeStart: () => {
@@ -44621,7 +44621,7 @@ function Dw({
       component: H != null && H.children || H != null && H.isMandatory ? Ml : nh,
       rowSpan: H != null && H.children ? 1 : 2,
       colSpan: 1,
-      id: de,
+      id: ce,
       sx: {
         width: "1rem",
         maxWidth: "1rem",
@@ -44657,9 +44657,9 @@ function Dw({
       },
       disabled: !Oe
     }
-  ) : null }), Me = Ht((H, de, Oe, Te, te, xe, Re) => {
+  ) : null }), Me = Ht((H, ce, Oe, Te, te, xe, Re) => {
     var je;
-    return /* @__PURE__ */ g.jsx(g.Fragment, { children: de && Te && !(de != null && de.isMandatory) ? /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ g.jsx(g.Fragment, { children: ce && Te && !(ce != null && ce.isMandatory) ? /* @__PURE__ */ g.jsx(
       Ml,
       {
         className: "column_resizer_body",
@@ -44689,27 +44689,27 @@ function Dw({
       `resize-${Oe}_${Re}`
     ) : null });
   }, [e == null ? void 0 : e.selectedRow]), le = (H) => {
-    const de = b.current, { left: Oe, right: Te } = de.getBoundingClientRect(), te = 50, xe = H.clientX > Te - te ? 1 : H.clientX < Oe + te ? -1 : 0;
+    const ce = b.current, { left: Oe, right: Te } = ce.getBoundingClientRect(), te = 50, xe = H.clientX > Te - te ? 1 : H.clientX < Oe + te ? -1 : 0;
     xe !== 0 ? (_.current && clearInterval(_.current), _.current = setInterval(() => {
-      de.scrollLeft += xe * 10;
+      ce.scrollLeft += xe * 10;
     }, 50)) : _.current && (clearInterval(_.current), _.current = null);
-  }, Ee = (H) => H == null ? void 0 : H.map((de, Oe) => {
+  }, Ee = (H) => H == null ? void 0 : H.map((ce, Oe) => {
     var Ge;
-    const Te = A.start + Oe, te = de[Z], xe = U == null ? void 0 : U[te], Re = (e == null ? void 0 : e.selectedRow) && ((Ge = e == null ? void 0 : e.selectedRow) == null ? void 0 : Ge.fhi) === (de == null ? void 0 : de.fhi), je = de == null ? void 0 : de.isHigh;
+    const Te = A.start + Oe, te = ce[Z], xe = U == null ? void 0 : U[te], Re = (e == null ? void 0 : e.selectedRow) && ((Ge = e == null ? void 0 : e.selectedRow) == null ? void 0 : Ge.fhi) === (ce == null ? void 0 : ce.fhi), je = ce == null ? void 0 : ce.isHigh;
     return /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
       /* @__PURE__ */ g.jsx(
         HW,
         {
-          row: de,
+          row: ce,
           isSelected: Re,
           isHigh: je,
           onRowClick: e == null ? void 0 : e.onRowClick,
           children: f.map((pe, ne) => pe != null && pe.isHidden || (pe == null ? void 0 : pe.isVisible) === !1 ? null : pe != null && pe.children ? pe.children.map(
-            (ce, ve) => ce != null && ce.isHidden ? null : /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
-              ge(ce, de, ve, pe),
+            (ue, ve) => ue != null && ue.isHidden ? null : /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
+              ge(ue, ce, ve, pe),
               T && Me(
-                de,
                 ce,
+                ue,
                 ve,
                 w,
                 pe,
@@ -44718,8 +44718,8 @@ function Dw({
               )
             ] }, `col-${ne}-${ve}`)
           ) : /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
-            ge(pe, de, ne),
-            T && Me(de, pe, ne, w, "", "", Te)
+            ge(pe, ce, ne),
+            T && Me(ce, pe, ne, w, "", "", Te)
           ] }, `col-${ne}`))
         }
       ),
@@ -44733,11 +44733,16 @@ function Dw({
     ] }, `row-${Te}`);
   }), be = () => {
     if (!k.current) return;
-    const H = k.current.scrollTop, de = k.current.clientHeight, Oe = Math.floor(H / E) - P, Te = Math.ceil(de / E) + 2 * P, te = Math.max(0, Math.min(D - 1, Oe)), xe = Math.max(te, Math.min(D, te + Te));
+    const H = k.current.scrollTop, ce = k.current.clientHeight, Oe = Math.floor(H / E) - P, Te = Math.ceil(ce / E) + 2 * P, te = Math.max(0, Math.min(D - 1, Oe)), xe = Math.max(te, Math.min(D, te + Te));
     j((Re) => Re.start === te && Re.end === xe ? Re : { start: te, end: xe });
   };
   lt(() => {
-    be();
+    const H = () => {
+      requestAnimationFrame(be);
+    }, ce = k.current;
+    return ce && ce.addEventListener("scroll", H), () => {
+      ce && ce.removeEventListener("scroll", H);
+    };
   }, []);
   const Ce = A.start * E, Ue = (D - A.end) * E, Le = u ? n == null ? void 0 : n.slice(A.start, A.end) : n;
   return O ? /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
@@ -44779,10 +44784,10 @@ function Dw({
                       backgroundColor: (H) => H.palette.primary.notifyBackground
                     },
                     children: f.map(
-                      (H, de) => H != null && H.isHidden || (H == null ? void 0 : H.isVisible) === !1 ? null : /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
-                        ue(H, de, w),
-                        he(H, de, w)
-                      ] }, de)
+                      (H, ce) => H != null && H.isHidden || (H == null ? void 0 : H.isVisible) === !1 ? null : /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
+                        de(H, ce, w),
+                        he(H, ce, w)
+                      ] }, ce)
                     )
                   }
                 ),
@@ -44797,9 +44802,9 @@ function Dw({
                       zIndex: 2
                     },
                     children: f.flatMap(
-                      (H, de) => H != null && H.isHidden || !(H != null && H.children) || (H == null ? void 0 : H.isVisible) === !1 ? [] : H.children.map(
+                      (H, ce) => H != null && H.isHidden || !(H != null && H.children) || (H == null ? void 0 : H.isVisible) === !1 ? [] : H.children.map(
                         (Oe, Te) => Oe != null && Oe.isHidden ? null : /* @__PURE__ */ g.jsxs(ye.Fragment, { children: [
-                          ue(
+                          de(
                             Oe,
                             Te,
                             w,
@@ -44810,7 +44815,7 @@ function Dw({
                             Te,
                             w
                           )
-                        ] }, `${de}-${Te}`)
+                        ] }, `${ce}-${Te}`)
                       )
                     )
                   }