@3sc/common-component 0.0.367 → 0.0.369

package/dist/index.es.js

@@ -397,7 +397,7 @@ function Hw() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, fe, ve;
+    }, fe, xe;
     function Le(U) {
       if (re.call(U, "ref")) {
         var he = Object.getOwnPropertyDescriptor(U, "ref").get;
@@ -417,7 +417,7 @@ function Hw() {
     function ot(U, he) {
       typeof U.ref == "string" && rt.current;
     }
-    function xe(U, he) {
+    function we(U, he) {
       {
         var Te = function() {
           fe || (fe = !0, w("%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://reactjs.org/link/special-props)", he));
@@ -431,7 +431,7 @@ function Hw() {
     function ue(U, he) {
       {
         var Te = function() {
-          ve || (ve = !0, w("%s: `ref` 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://reactjs.org/link/special-props)", he));
+          xe || (xe = !0, w("%s: `ref` 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://reactjs.org/link/special-props)", he));
         };
         Te.isReactWarning = !0, Object.defineProperty(U, "ref", {
           get: Te,
@@ -468,7 +468,7 @@ function Hw() {
         value: tt
       }), Object.freeze && (Object.freeze(Ye.props), Object.freeze(Ye)), Ye;
     };
-    function we(U, he, Te, Ve, tt) {
+    function Ce(U, he, Te, Ve, tt) {
       {
         var pt, Xe = {}, Ye = null, Yt = null;
         Te !== void 0 && (Ke(Te), Ye = "" + Te), Ue(he) && (Ke(he.key), Ye = "" + he.key), Le(he) && (Yt = he.ref, ot(he, tt));
@@ -481,7 +481,7 @@ function Hw() {
         }
         if (Ye || Yt) {
           var et = typeof U == "function" ? U.displayName || U.name || "Unknown" : U;
-          Ye && xe(Xe, et), Yt && ue(Xe, et);
+          Ye && we(Xe, et), Yt && ue(Xe, et);
         }
         return pe(U, Ye, Yt, tt, Ve, rt.current, Xe);
       }
@@ -608,7 +608,7 @@ Check the top-level render call using <` + Te + ">.");
           var Re;
           U === null ? Re = "null" : je(U) ? Re = "array" : U !== void 0 && U.$$typeof === t ? (Re = "<" + (V(U.type) || "Unknown") + " />", Ye = " Did you accidentally export a JSX literal instead of a component?") : Re = typeof U, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Re, Ye);
         }
-        var et = we(U, he, Te, tt, pt);
+        var et = Ce(U, he, Te, tt, pt);
         if (et == null)
           return et;
         if (Xe) {
@@ -7241,8 +7241,8 @@ const Hk = Ae("MuiButtonBase", ["root", "disabled", "focusVisible"]), qk = ["act
   C.useEffect(() => {
     H && p && !d && G && L.current.pulsate();
   }, [d, p, H, G]);
-  function oe(fe, ve, Le = f) {
-    return On((Ue) => (ve && ve(Ue), !Le && L.current && L.current[fe](Ue), !0));
+  function oe(fe, xe, Le = f) {
+    return On((Ue) => (xe && xe(Ue), !Le && L.current && L.current[fe](Ue), !0));
   }
   const ie = oe("start", k), K = oe("stop", v), z = oe("stop", x), D = oe("stop", P), Y = oe("stop", (fe) => {
     H && fe.preventDefault(), E && E(fe);
@@ -10156,11 +10156,11 @@ const xs = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     P && P($e), w.onBlur && w.onBlur($e), K && K.onBlur ? K.onBlur($e) : ie(!1);
   }, X = ($e, ...fe) => {
     if (!Z) {
-      const ve = $e.target || G.current;
-      if (ve == null)
+      const xe = $e.target || G.current;
+      if (xe == null)
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Er(1));
       J({
-        value: ve.value
+        value: xe.value
       });
     }
     w.onChange && w.onChange($e, ...fe), I && I($e, ...fe);
@@ -11253,13 +11253,13 @@ process.env.NODE_ENV !== "production" && (Nf.propTypes = {
    */
   variant: s.oneOfType([s.oneOf(["dot", "standard"]), s.string])
 });
-const oP = Ae("MuiBox", ["root"]), sP = wl(), Ce = iT({
+const oP = Ae("MuiBox", ["root"]), sP = wl(), ve = iT({
   themeId: Oo,
   defaultTheme: sP,
   defaultClassName: oP.root,
   generateClassName: df.generate
 });
-process.env.NODE_ENV !== "production" && (Ce.propTypes = {
+process.env.NODE_ENV !== "production" && (ve.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -18857,8 +18857,8 @@ const $3 = (e) => {
     name: "Select"
   }), Q = C.useRef(null), ee = C.useRef(null), [H, Z] = C.useState(null), {
     current: G
-  } = C.useRef(A != null), [ae, se] = C.useState(), oe = Wt(n, v), ie = C.useCallback((xe) => {
-    ee.current = xe, xe && Z(xe);
+  } = C.useRef(A != null), [ae, se] = C.useState(), oe = Wt(n, v), ie = C.useCallback((we) => {
+    ee.current = we, we && Z(we);
   }, []), K = H == null ? void 0 : H.parentNode;
   C.useImperativeHandle(oe, () => ({
     focus: () => {
@@ -18873,47 +18873,47 @@ const $3 = (e) => {
   }, [a]), C.useEffect(() => {
     if (!x)
       return;
-    const xe = Zt(ee.current).getElementById(x);
-    if (xe) {
+    const we = Zt(ee.current).getElementById(x);
+    if (we) {
       const ue = () => {
         getSelection().isCollapsed && ee.current.focus();
       };
-      return xe.addEventListener("click", ue), () => {
-        xe.removeEventListener("click", ue);
+      return we.addEventListener("click", ue), () => {
+        we.removeEventListener("click", ue);
       };
     }
   }, [x]);
-  const z = (xe, ue) => {
-    xe ? I && I(ue) : E && E(ue), G || (se(l ? null : K.clientWidth), W(xe));
-  }, D = (xe) => {
-    xe.button === 0 && (xe.preventDefault(), ee.current.focus(), z(!0, xe));
-  }, Y = (xe) => {
-    z(!1, xe);
-  }, J = C.Children.toArray(c), re = (xe) => {
-    const ue = J.find((pe) => pe.props.value === xe.target.value);
-    ue !== void 0 && (R(ue.props.value), k && k(xe, ue));
-  }, be = (xe) => (ue) => {
+  const z = (we, ue) => {
+    we ? I && I(ue) : E && E(ue), G || (se(l ? null : K.clientWidth), W(we));
+  }, D = (we) => {
+    we.button === 0 && (we.preventDefault(), ee.current.focus(), z(!0, we));
+  }, Y = (we) => {
+    z(!1, we);
+  }, J = C.Children.toArray(c), re = (we) => {
+    const ue = J.find((pe) => pe.props.value === we.target.value);
+    ue !== void 0 && (R(ue.props.value), k && k(we, ue));
+  }, be = (we) => (ue) => {
     let pe;
     if (ue.currentTarget.hasAttribute("tabindex")) {
       if (T) {
         pe = Array.isArray(L) ? L.slice() : [];
-        const we = L.indexOf(xe.props.value);
-        we === -1 ? pe.push(xe.props.value) : pe.splice(we, 1);
+        const Ce = L.indexOf(we.props.value);
+        Ce === -1 ? pe.push(we.props.value) : pe.splice(Ce, 1);
       } else
-        pe = xe.props.value;
-      if (xe.props.onClick && xe.props.onClick(ue), L !== pe && (R(pe), k)) {
-        const we = ue.nativeEvent || ue, ke = new we.constructor(we.type, we);
+        pe = we.props.value;
+      if (we.props.onClick && we.props.onClick(ue), L !== pe && (R(pe), k)) {
+        const Ce = ue.nativeEvent || ue, ke = new Ce.constructor(Ce.type, Ce);
         Object.defineProperty(ke, "target", {
           writable: !0,
           value: {
             value: pe,
             name: O
           }
-        }), k(ke, xe);
+        }), k(ke, we);
       }
       T || z(!1, ue);
     }
-  }, X = (xe) => {
+  }, X = (we) => {
     j || [
       " ",
       "ArrowUp",
@@ -18921,15 +18921,15 @@ const $3 = (e) => {
       // The native select doesn't respond to enter on macOS, but it's recommended by
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
-    ].indexOf(xe.key) !== -1 && (xe.preventDefault(), z(!0, xe));
-  }, me = H !== null && N, ce = (xe) => {
-    !me && b && (Object.defineProperty(xe, "target", {
+    ].indexOf(we.key) !== -1 && (we.preventDefault(), z(!0, we));
+  }, me = H !== null && N, ce = (we) => {
+    !me && b && (Object.defineProperty(we, "target", {
       writable: !0,
       value: {
         value: L,
         name: O
       }
-    }), b(xe));
+    }), b(we));
   };
   delete $["aria-invalid"];
   let ge, je;
@@ -18938,49 +18938,49 @@ const $3 = (e) => {
   (El({
     value: L
   }) || h) && (M ? ge = M(L) : Pe = !0);
-  const Ke = J.map((xe) => {
-    if (!/* @__PURE__ */ C.isValidElement(xe))
+  const Ke = J.map((we) => {
+    if (!/* @__PURE__ */ C.isValidElement(we))
       return null;
-    process.env.NODE_ENV !== "production" && Eo.isFragment(xe) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && Eo.isFragment(we) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
     let ue;
     if (T) {
       if (!Array.isArray(L))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Er(2));
-      ue = L.some((pe) => Lm(pe, xe.props.value)), ue && Pe && Ie.push(xe.props.children);
+      ue = L.some((pe) => Lm(pe, we.props.value)), ue && Pe && Ie.push(we.props.children);
     } else
-      ue = Lm(L, xe.props.value), ue && Pe && (je = xe.props.children);
-    return ue && (ze = !0), /* @__PURE__ */ C.cloneElement(xe, {
+      ue = Lm(L, we.props.value), ue && Pe && (je = we.props.children);
+    return ue && (ze = !0), /* @__PURE__ */ C.cloneElement(we, {
       "aria-selected": ue ? "true" : "false",
-      onClick: be(xe),
+      onClick: be(we),
       onKeyUp: (pe) => {
-        pe.key === " " && pe.preventDefault(), xe.props.onKeyUp && xe.props.onKeyUp(pe);
+        pe.key === " " && pe.preventDefault(), we.props.onKeyUp && we.props.onKeyUp(pe);
       },
       role: "option",
       selected: ue,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
-      "data-value": xe.props.value
+      "data-value": we.props.value
       // Instead, we provide it as a data attribute.
     });
   });
   process.env.NODE_ENV !== "production" && C.useEffect(() => {
     if (!ze && !T && L !== "") {
-      const xe = J.map((ue) => ue.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${L}\` for the select ${O ? `(name="${O}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${xe.filter((ue) => ue != null).map((ue) => `\`${ue}\``).join(", ") || '""'}.`].join(`
+      const we = J.map((ue) => ue.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${L}\` for the select ${O ? `(name="${O}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${we.filter((ue) => ue != null).map((ue) => `\`${ue}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [ze, J, T, O, L]), Pe && (T ? Ie.length === 0 ? ge = null : ge = Ie.reduce((xe, ue, pe) => (xe.push(ue), pe < Ie.length - 1 && xe.push(", "), xe), []) : ge = je);
+  }, [ze, J, T, O, L]), Pe && (T ? Ie.length === 0 ? ge = null : ge = Ie.reduce((we, ue, pe) => (we.push(ue), pe < Ie.length - 1 && we.push(", "), we), []) : ge = je);
   let rt = ae;
   !l && G && H && (rt = K.clientWidth);
   let $e;
   typeof B < "u" ? $e = B : $e = p ? null : 0;
-  const fe = V.id || (O ? `mui-component-select-${O}` : void 0), ve = S({}, t, {
+  const fe = V.id || (O ? `mui-component-select-${O}` : void 0), xe = S({}, t, {
     variant: _,
     value: L,
     open: me,
     error: g
-  }), Le = $3(ve), Ue = S({}, w.PaperProps, (r = w.slotProps) == null ? void 0 : r.paper), ot = la();
+  }), Le = $3(xe), Ue = S({}, w.PaperProps, (r = w.slotProps) == null ? void 0 : r.paper), ot = la();
   return /* @__PURE__ */ y.jsxs(C.Fragment, {
     children: [/* @__PURE__ */ y.jsx(I3, S({
       ref: ie,
@@ -18998,7 +18998,7 @@ const $3 = (e) => {
       onBlur: ce,
       onFocus: P
     }, V, {
-      ownerState: ve,
+      ownerState: xe,
       className: de(V.className, Le.select, u),
       id: fe,
       children: j3(ge) ? (
@@ -19019,11 +19019,11 @@ const $3 = (e) => {
       disabled: p,
       className: Le.nativeInput,
       autoFocus: a,
-      ownerState: ve
+      ownerState: xe
     }, $)), /* @__PURE__ */ y.jsx(A3, {
       as: m,
       className: Le.icon,
-      ownerState: ve
+      ownerState: xe
     }), /* @__PURE__ */ y.jsx(kv, S({
       id: `menu-${O || ""}`,
       anchorEl: K,
@@ -19863,7 +19863,7 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     name: "Tooltip",
     state: "open"
   });
-  let ve = $e;
+  let xe = $e;
   if (process.env.NODE_ENV !== "production") {
     const {
       current: Re
@@ -19877,8 +19877,8 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     Ue.current !== void 0 && (document.body.style.WebkitUserSelect = Ue.current, Ue.current = void 0), rt.clear();
   });
   C.useEffect(() => ot, [ot]);
-  const xe = (Re) => {
-    Hm.clear(), Va = !0, fe(!0), H && !ve && H(Re);
+  const we = (Re) => {
+    Hm.clear(), Va = !0, fe(!0), H && !xe && H(Re);
   }, ue = On(
     /**
      * @param {React.SyntheticEvent | Event} event
@@ -19886,15 +19886,15 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     (Re) => {
       Hm.start(800 + W, () => {
         Va = !1;
-      }), fe(!1), ee && ve && ee(Re), Pe.start(re.transitions.duration.shortest, () => {
+      }), fe(!1), ee && xe && ee(Re), Pe.start(re.transitions.duration.shortest, () => {
         je.current = !1;
       });
     }
   ), pe = (Re) => {
     je.current && Re.type !== "touchstart" || (X && X.removeAttribute("title"), ze.clear(), Ke.clear(), _ || Va && $ ? ze.start(Va ? $ : _, () => {
-      xe(Re);
-    }) : xe(Re));
-  }, we = (Re) => {
+      we(Re);
+    }) : we(Re));
+  }, Ce = (Re) => {
     ze.clear(), Ke.start(W, () => {
       ue(Re);
     });
@@ -19904,7 +19904,7 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     onFocus: Ee,
     ref: We
   } = hf(), [, Qe] = C.useState(!1), bt = (Re) => {
-    Se(Re), ke.current === !1 && (Qe(!1), we(Re));
+    Se(Re), ke.current === !1 && (Qe(!1), Ce(Re));
   }, sn = (Re) => {
     X || me(Re.currentTarget), Ee(Re), ke.current === !0 && (Qe(!0), pe(Re));
   }, Et = (Re) => {
@@ -19921,7 +19921,7 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     });
   };
   C.useEffect(() => {
-    if (!ve)
+    if (!xe)
       return;
     function Re(et) {
       (et.key === "Escape" || et.key === "Esc") && ue(et);
@@ -19929,9 +19929,9 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
     return document.addEventListener("keydown", Re), () => {
       document.removeEventListener("keydown", Re);
     };
-  }, [ue, ve]);
+  }, [ue, xe]);
   const St = Wt(Ms(J), We, me, n);
-  !K && K !== 0 && (ve = !1);
+  !K && K !== 0 && (xe = !1);
   const Ut = C.useRef(), Fr = (Re) => {
     const et = J.props;
     et.onMouseMove && et.onMouseMove(Re), Js = {
@@ -19939,7 +19939,7 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
       y: Re.clientY
     }, Ut.current && Ut.current.update();
   }, Dn = {}, nr = typeof K == "string";
-  j ? (Dn.title = !ve && nr && !V ? K : null, Dn["aria-describedby"] = ve ? Le : null) : (Dn["aria-label"] = nr ? K : null, Dn["aria-labelledby"] = ve && !nr ? Le : null);
+  j ? (Dn.title = !xe && nr && !V ? K : null, Dn["aria-describedby"] = xe ? Le : null) : (Dn["aria-label"] = nr ? K : null, Dn["aria-labelledby"] = xe && !nr ? Le : null);
   const fn = S({}, Dn, Y, J.props, {
     className: de(Y.className, J.props.className),
     onTouchStart: Et,
@@ -19952,7 +19952,7 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
 `));
   }, [X]));
   const no = {};
-  F || (fn.onTouchStart = an, fn.onTouchEnd = Je), V || (fn.onMouseOver = Wa(pe, fn.onMouseOver), fn.onMouseLeave = Wa(we, fn.onMouseLeave), Ie || (no.onMouseOver = pe, no.onMouseLeave = we)), M || (fn.onFocus = Wa(sn, fn.onFocus), fn.onBlur = Wa(bt, fn.onBlur), Ie || (no.onFocus = sn, no.onBlur = bt)), process.env.NODE_ENV !== "production" && J.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${J.props.title}\` or the Tooltip component.`].join(`
+  F || (fn.onTouchStart = an, fn.onTouchEnd = Je), V || (fn.onMouseOver = Wa(pe, fn.onMouseOver), fn.onMouseLeave = Wa(Ce, fn.onMouseLeave), Ie || (no.onMouseOver = pe, no.onMouseLeave = Ce)), M || (fn.onFocus = Wa(sn, fn.onFocus), fn.onBlur = Wa(bt, fn.onBlur), Ie || (no.onFocus = sn, no.onBlur = bt)), process.env.NODE_ENV !== "production" && J.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${J.props.title}\` or the Tooltip component.`].join(`
 `));
   const Gc = C.useMemo(() => {
     var Re;
@@ -19996,7 +19996,7 @@ const Uf = /* @__PURE__ */ C.forwardRef(function(t, n) {
         })
       } : X,
       popperRef: Ut,
-      open: X ? ve : !1,
+      open: X ? xe : !1,
       id: Le,
       transition: !0
     }, no, pt, {
@@ -21751,35 +21751,35 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
         right: ke.right
       };
     }
-    let we;
+    let Ce;
     if (ue && I !== !1) {
       const ke = X.current.children;
       if (ke.length > 0) {
         const Se = ke[re.get(I)];
         process.env.NODE_ENV !== "production" && (Se || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${I}".`, re.keys ? `You can provide one of the following values: ${Array.from(re.keys()).join(", ")}.` : null].join(`
-`))), we = Se ? Se.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !e0 && we && we.width === 0 && we.height === 0 && // if the whole Tabs component is hidden, don't warn
+`))), Ce = Se ? Se.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !e0 && Ce && Ce.width === 0 && Ce.height === 0 && // if the whole Tabs component is hidden, don't warn
         pe.clientWidth !== 0 && (pe = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${I}") 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(`
 `)), e0 = !0);
       }
     }
     return {
       tabsMeta: pe,
-      tabMeta: we
+      tabMeta: Ce
     };
   }, ce = On(() => {
     const {
       tabsMeta: ue,
       tabMeta: pe
     } = me();
-    let we = 0, ke;
+    let Ce = 0, ke;
     if (B)
-      ke = "top", pe && ue && (we = pe.top - ue.top + ue.scrollTop);
+      ke = "top", pe && ue && (Ce = pe.top - ue.top + ue.scrollTop);
     else if (ke = i ? "right" : "left", pe && ue) {
       const Ee = i ? ue.scrollLeftNormalized + ue.clientWidth - ue.scrollWidth : ue.scrollLeft;
-      we = (i ? -1 : 1) * (pe[ke] - ue[ke] + Ee);
+      Ce = (i ? -1 : 1) * (pe[ke] - ue[ke] + Ee);
     }
     const Se = {
-      [ke]: we,
+      [ke]: Ce,
       // May be wrong until the font is loaded.
       [R]: pe ? pe[R] : 0
     };
@@ -21801,9 +21801,9 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
   }, Ie = () => {
     const ue = be.current[L];
     let pe = 0;
-    const we = Array.from(X.current.children);
-    for (let ke = 0; ke < we.length; ke += 1) {
-      const Se = we[ke];
+    const Ce = Array.from(X.current.children);
+    for (let ke = 0; ke < Ce.length; ke += 1) {
+      const Se = Ce[ke];
       if (pe + Se[L] > ue) {
         ke === 0 && (pe = ue);
         break;
@@ -21826,8 +21826,8 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       onChange: Ke,
       className: de(W.scrollableX, W.hideScrollbar)
     }) : null;
-    const we = V && (w === "auto" && (se || ie) || w === !0);
-    return ue.scrollButtonStart = we ? /* @__PURE__ */ y.jsx(x, S({
+    const Ce = V && (w === "auto" && (se || ie) || w === !0);
+    return ue.scrollButtonStart = Ce ? /* @__PURE__ */ y.jsx(x, S({
       slots: {
         StartScrollButtonIcon: O.StartScrollButtonIcon
       },
@@ -21840,7 +21840,7 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       disabled: !se
     }, E, {
       className: de(W.scrollButtons, E.className)
-    })) : null, ue.scrollButtonEnd = we ? /* @__PURE__ */ y.jsx(x, S({
+    })) : null, ue.scrollButtonEnd = Ce ? /* @__PURE__ */ y.jsx(x, S({
       slots: {
         EndScrollButtonIcon: O.EndScrollButtonIcon
       },
@@ -21857,16 +21857,16 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
   }, $e = On((ue) => {
     const {
       tabsMeta: pe,
-      tabMeta: we
+      tabMeta: Ce
     } = me();
-    if (!(!we || !pe)) {
-      if (we[_] < pe[_]) {
-        const ke = pe[F] + (we[_] - pe[_]);
+    if (!(!Ce || !pe)) {
+      if (Ce[_] < pe[_]) {
+        const ke = pe[F] + (Ce[_] - pe[_]);
         ge(ke, {
           animation: ue
         });
-      } else if (we[$] > pe[$]) {
-        const ke = pe[F] + (we[$] - pe[$]);
+      } else if (Ce[$] > pe[$]) {
+        const ke = pe[F] + (Ce[$] - pe[$]);
         ge(ke, {
           animation: ue
         });
@@ -21880,7 +21880,7 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       be.current && ce();
     });
     let pe;
-    const we = (Ee) => {
+    const Ce = (Ee) => {
       Ee.forEach((We) => {
         We.removedNodes.forEach((Qe) => {
           var bt;
@@ -21895,7 +21895,7 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
     let Se;
     return typeof ResizeObserver < "u" && (pe = new ResizeObserver(ue), Array.from(X.current.children).forEach((Ee) => {
       pe.observe(Ee);
-    })), typeof MutationObserver < "u" && (Se = new MutationObserver(we), Se.observe(X.current, {
+    })), typeof MutationObserver < "u" && (Se = new MutationObserver(Ce), Se.observe(X.current, {
       childList: !0
     })), () => {
       var Ee, We;
@@ -21904,13 +21904,13 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
   }, [ce, fe]), C.useEffect(() => {
     const ue = Array.from(X.current.children), pe = ue.length;
     if (typeof IntersectionObserver < "u" && pe > 0 && V && w !== !1) {
-      const we = ue[0], ke = ue[pe - 1], Se = {
+      const Ce = ue[0], ke = ue[pe - 1], Se = {
         root: be.current,
         threshold: 0.99
       }, Ee = (sn) => {
         oe(!sn[0].isIntersecting);
       }, We = new IntersectionObserver(Ee, Se);
-      We.observe(we);
+      We.observe(Ce);
       const Qe = (sn) => {
         K(!sn[0].isIntersecting);
       }, bt = new IntersectionObserver(Qe, Se);
@@ -21928,7 +21928,7 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
     updateIndicator: ce,
     updateScrollButtons: fe
   }), [ce, fe]);
-  const ve = /* @__PURE__ */ y.jsx(nI, S({}, k, {
+  const xe = /* @__PURE__ */ y.jsx(nI, S({}, k, {
     className: de(W.indicator, k.className),
     ownerState: N,
     style: S({}, G, k.style)
@@ -21941,11 +21941,11 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
 `));
     const pe = ue.props.value === void 0 ? Le : ue.props.value;
     re.set(pe, Le);
-    const we = pe === I;
+    const Ce = pe === I;
     return Le += 1, /* @__PURE__ */ C.cloneElement(ue, S({
       fullWidth: A === "fullWidth",
-      indicator: we && !H && ve,
-      selected: we,
+      indicator: Ce && !H && xe,
+      selected: Ce,
       selectionFollowsFocus: T,
       onChange: m,
       textColor: P,
@@ -21954,16 +21954,16 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       tabIndex: 0
     } : {}));
   }), ot = (ue) => {
-    const pe = X.current, we = Zt(pe).activeElement;
-    if (we.getAttribute("role") !== "tab")
+    const pe = X.current, Ce = Zt(pe).activeElement;
+    if (Ce.getAttribute("role") !== "tab")
       return;
     let Se = v === "horizontal" ? "ArrowLeft" : "ArrowUp", Ee = v === "horizontal" ? "ArrowRight" : "ArrowDown";
     switch (v === "horizontal" && i && (Se = "ArrowRight", Ee = "ArrowLeft"), ue.key) {
       case Se:
-        ue.preventDefault(), za(pe, we, Jm);
+        ue.preventDefault(), za(pe, Ce, Jm);
         break;
       case Ee:
-        ue.preventDefault(), za(pe, we, Zm);
+        ue.preventDefault(), za(pe, Ce, Zm);
         break;
       case "Home":
         ue.preventDefault(), za(pe, null, Zm);
@@ -21972,14 +21972,14 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
         ue.preventDefault(), za(pe, null, Jm);
         break;
     }
-  }, xe = rt();
+  }, we = rt();
   return /* @__PURE__ */ y.jsxs(Q5, S({
     className: de(W.root, f),
     ownerState: N,
     ref: n,
     as: p
   }, M, {
-    children: [xe.scrollButtonStart, xe.scrollbarSizeListener, /* @__PURE__ */ y.jsxs(eI, {
+    children: [we.scrollButtonStart, we.scrollbarSizeListener, /* @__PURE__ */ y.jsxs(eI, {
       className: W.scroller,
       ownerState: N,
       style: {
@@ -21997,8 +21997,8 @@ const Uv = /* @__PURE__ */ C.forwardRef(function(t, n) {
         ref: X,
         role: "tablist",
         children: Ue
-      }), H && ve]
-    }), xe.scrollButtonEnd]
+      }), H && xe]
+    }), we.scrollButtonEnd]
   }));
 });
 process.env.NODE_ENV !== "production" && (Uv.propTypes = {
@@ -27540,7 +27540,7 @@ const S6 = (e, t) => hp(e) ? new C6(t) : new w6(t, {
       style: { zIndex: 1300 },
       ref: i,
       children: ({ TransitionProps: a }) => /* @__PURE__ */ y.jsx(Qr, { ...a, timeout: 100, children: /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           sx: {
             background: (l) => l.palette.primary.appBackground,
@@ -27551,7 +27551,7 @@ const S6 = (e, t) => hp(e) ? new C6(t) : new w6(t, {
             maxHeight: "20rem",
             overflowY: "auto"
           },
-          children: /* @__PURE__ */ y.jsx(Ce, { children: r == null ? void 0 : r.map((l, c) => /* @__PURE__ */ y.jsx(
+          children: /* @__PURE__ */ y.jsx(ve, { children: r == null ? void 0 : r.map((l, c) => /* @__PURE__ */ y.jsx(
             qr,
             {
               sx: {
@@ -27694,8 +27694,8 @@ function Eu({ ...e }) {
         p: "0!important"
       },
       id: e == null ? void 0 : e.id,
-      icon: /* @__PURE__ */ y.jsx(Ce, { component: "img", src: Ze.Uncheck }),
-      checkedIcon: /* @__PURE__ */ y.jsx(Ce, { component: "img", src: Ze.Check }),
+      icon: /* @__PURE__ */ y.jsx(ve, { component: "img", src: Ze.Uncheck }),
+      checkedIcon: /* @__PURE__ */ y.jsx(ve, { component: "img", src: Ze.Check }),
       ...e
     }
   ) });
@@ -29698,7 +29698,7 @@ const t4 = ["className", "sx"], V2 = ({
     getStepNavigation: f
   }), Ke = Oe(() => D(n.emptyValue)), rt = Oe(() => D(n.getTodayValue(R, ie, r))), $e = Oe(() => D(J)), fe = Oe(() => D(K.lastCommittedValue, {
     skipPublicationIfPristine: !0
-  })), ve = Oe(() => {
+  })), xe = Oe(() => {
     D(J, {
       skipPublicationIfPristine: !0
     });
@@ -29713,9 +29713,9 @@ const t4 = ["className", "sx"], V2 = ({
     hasUIView: !1,
     viewModeLookup: {},
     timeViewsCount: 0
-  }), [v, p]), xe = Ue[be], ue = Oe(() => xe), [pe, we] = C.useState(xe === "UI" ? be : null);
-  pe !== be && Ue[be] === "UI" && we(be), br(() => {
-    xe === "field" && K.open && (z(!1), setTimeout(() => {
+  }), [v, p]), we = Ue[be], ue = Oe(() => we), [pe, Ce] = C.useState(we === "UI" ? be : null);
+  pe !== be && Ue[be] === "UI" && Ce(be), br(() => {
+    we === "field" && K.open && (z(!1), setTimeout(() => {
       var St, Ut;
       (St = ae == null ? void 0 : ae.current) == null || St.setSelectedSections(be), (Ut = ae == null ? void 0 : ae.current) == null || Ut.focusField(be);
     }));
@@ -29723,7 +29723,7 @@ const t4 = ["className", "sx"], V2 = ({
     if (!K.open)
       return;
     let St = be;
-    xe === "field" && pe != null && (St = pe), St !== me && Ue[St] === "UI" && Ue[me] === "UI" && (St = me), St !== be && X(St), ge(St, !0);
+    we === "field" && pe != null && (St = pe), St !== me && Ue[St] === "UI" && Ue[me] === "UI" && (St = me), St !== be && X(St), ge(St, !0);
   }, [K.open]);
   const ke = C.useMemo(() => ({
     isPickerValueEmpty: n.areValuesEqual(R, J, n.emptyValue),
@@ -29765,7 +29765,7 @@ const t4 = ["className", "sx"], V2 = ({
     rootRef: oe,
     rootClassName: F
   }), [Qe, J, oe, o, Q, W, b, k, j, F, B, M, _, Se, Pe, ie, K.open, pe, p, ee, V]), sn = C.useMemo(() => ({
-    dismissViews: ve,
+    dismissViews: xe,
     ownerState: ke,
     hasUIView: Le,
     getCurrentViewMode: ue,
@@ -29775,7 +29775,7 @@ const t4 = ["className", "sx"], V2 = ({
     viewContainerRole: d,
     defaultActionBarActions: We,
     onPopperExited: a
-  }), [ve, ke, Le, ue, L, H, d, We, a]), Et = C.useMemo(() => ({
+  }), [xe, ke, Le, ue, L, H, d, We, a]), Et = C.useMemo(() => ({
     formatDensity: E,
     enableAccessibleFieldDOMStructure: P,
     selectedSections: I,
@@ -33247,34 +33247,34 @@ const ns = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), EF = (e, t, n) =
   }), z = d(Q), D = C.useMemo(() => EF(W.sections, L, t), [W.sections, L, t]);
   function Y() {
     const fe = M.current.selectionStart ?? 0;
-    let ve;
-    fe <= D[0].startInInput || fe >= D[D.length - 1].endInInput ? ve = 1 : ve = D.findIndex((Ue) => Ue.startInInput - Ue.startSeparator.length > fe);
-    const Le = ve === -1 ? D.length - 1 : ve - 1;
+    let xe;
+    fe <= D[0].startInInput || fe >= D[D.length - 1].endInInput ? xe = 1 : xe = D.findIndex((Ue) => Ue.startInInput - Ue.startSeparator.length > fe);
+    const Le = xe === -1 ? D.length - 1 : xe - 1;
     G(Le);
   }
   function J(fe = 0) {
-    var ve;
-    nn(document) !== M.current && ((ve = M.current) == null || ve.focus(), G(fe));
+    var xe;
+    nn(document) !== M.current && ((xe = M.current) == null || xe.focus(), G(fe));
   }
   const re = Oe((fe) => {
     g == null || g(fe);
-    const ve = M.current;
+    const xe = M.current;
     n.start(0, () => {
-      !ve || ve !== M.current || F == null && (// avoid selecting all sections when focusing empty field without value
-      ve.value.length && Number(ve.selectionEnd) - Number(ve.selectionStart) === ve.value.length ? G("all") : Y());
+      !xe || xe !== M.current || F == null && (// avoid selecting all sections when focusing empty field without value
+      xe.value.length && Number(xe.selectionEnd) - Number(xe.selectionStart) === xe.value.length ? G("all") : Y());
     });
-  }), be = Oe((fe, ...ve) => {
-    fe.isDefaultPrevented() || (m == null || m(fe, ...ve), Y());
+  }), be = Oe((fe, ...xe) => {
+    fe.isDefaultPrevented() || (m == null || m(fe, ...xe), Y());
   }), X = Oe((fe) => {
     if (v == null || v(fe), fe.preventDefault(), E || P)
       return;
-    const ve = fe.clipboardData.getData("text");
+    const xe = fe.clipboardData.getData("text");
     if (typeof R == "number") {
-      const Le = W.sections[R], Ue = /^[a-zA-Z]+$/.test(ve), ot = /^[0-9]+$/.test(ve), xe = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(ve);
-      if (Le.contentType === "letter" && Ue || Le.contentType === "digit" && ot || Le.contentType === "digit-with-letter" && xe) {
+      const Le = W.sections[R], Ue = /^[a-zA-Z]+$/.test(xe), ot = /^[0-9]+$/.test(xe), we = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(xe);
+      if (Le.contentType === "letter" && Ue || Le.contentType === "digit" && ot || Le.contentType === "digit-with-letter" && we) {
         Z(null), se({
           section: Le,
-          newSectionValue: ve,
+          newSectionValue: xe,
           shouldGoToNextSection: !0
         });
         return;
@@ -33282,35 +33282,35 @@ const ns = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), EF = (e, t, n) =
       if (Ue || ot)
         return;
     }
-    Z(null), oe(ve);
+    Z(null), oe(xe);
   }), me = Oe((fe) => {
     x == null || x(fe), G(null);
   }), ce = Oe((fe) => {
     if (E)
       return;
-    const ve = fe.target.value;
-    if (ve === "") {
+    const xe = fe.target.value;
+    if (xe === "") {
       ee();
       return;
     }
-    const Le = fe.nativeEvent.data, Ue = Le && Le.length > 1, ot = Ue ? Le : ve, xe = ns(ot);
+    const Le = fe.nativeEvent.data, Ue = Le && Le.length > 1, ot = Ue ? Le : xe, we = ns(ot);
     if (R === "all" && G(F), F == null || Ue) {
-      oe(Ue ? Le : xe);
+      oe(Ue ? Le : we);
       return;
     }
     let ue;
-    if (R === "all" && xe.length === 1)
-      ue = xe;
+    if (R === "all" && we.length === 1)
+      ue = we;
     else {
       const pe = ns(u.getV6InputValueFromSections(D, L, t));
-      let we = -1, ke = -1;
+      let Ce = -1, ke = -1;
       for (let Qe = 0; Qe < pe.length; Qe += 1)
-        we === -1 && pe[Qe] !== xe[Qe] && (we = Qe), ke === -1 && pe[pe.length - Qe - 1] !== xe[xe.length - Qe - 1] && (ke = Qe);
+        Ce === -1 && pe[Qe] !== we[Qe] && (Ce = Qe), ke === -1 && pe[pe.length - Qe - 1] !== we[we.length - Qe - 1] && (ke = Qe);
       const Se = D[F];
-      if (we < Se.start || pe.length - ke - 1 > Se.end)
+      if (Ce < Se.start || pe.length - ke - 1 > Se.end)
         return;
-      const We = xe.length - pe.length + Se.end - ns(Se.endSeparator || "").length;
-      ue = xe.slice(Se.start + ns(Se.startSeparator || "").length, We);
+      const We = we.length - pe.length + Se.end - ns(Se.endSeparator || "").length;
+      ue = we.slice(Se.start + ns(Se.startSeparator || "").length, We);
     }
     if (ue.length === 0) {
       i9() && ae(ot), H();
@@ -33320,8 +33320,8 @@ const ns = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), EF = (e, t, n) =
       keyPressed: ue,
       sectionIndex: F
     });
-  }), ge = Oe((fe, ...ve) => {
-    fe.preventDefault(), T == null || T(fe, ...ve), ee(), Hg(M) ? G(N.startIndex) : J(0);
+  }), ge = Oe((fe, ...xe) => {
+    fe.preventDefault(), T == null || T(fe, ...xe), ee(), Hg(M) ? G(N.startIndex) : J(0);
   }), je = rx({
     manager: i,
     internalPropsWithDefaults: h,
@@ -33341,7 +33341,7 @@ const ns = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), EF = (e, t, n) =
       }
       if (M.current !== nn(document))
         return;
-      const ve = M.current.scrollTop;
+      const xe = M.current.scrollTop;
       if (R === "all")
         M.current.select();
       else {
@@ -33352,7 +33352,7 @@ const ns = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), EF = (e, t, n) =
           M.current.selectionStart === M.current.selectionEnd && (M.current.selectionStart !== Ue || M.current.selectionEnd !== ot) && fe();
         });
       }
-      M.current.scrollTop = ve;
+      M.current.scrollTop = xe;
     }
     fe();
   });
@@ -33360,8 +33360,8 @@ const ns = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), EF = (e, t, n) =
   return C.useImperativeHandle(j, () => ({
     getSections: () => W.sections,
     getActiveSectionIndex: () => {
-      const fe = M.current.selectionStart ?? 0, ve = M.current.selectionEnd ?? 0;
-      if (fe === 0 && ve === 0)
+      const fe = M.current.selectionStart ?? 0, xe = M.current.selectionEnd ?? 0;
+      if (fe === 0 && xe === 0)
         return null;
       const Le = fe <= D[0].startInInput ? 1 : D.findIndex((Ue) => Ue.startInInput - Ue.startSeparator.length > fe);
       return Le === -1 ? D.length - 1 : Le - 1;
@@ -35917,7 +35917,7 @@ const Z_ = q(q_, {
     disablePast: h,
     disableFuture: p,
     timezone: K,
-    getCurrentMonthFromVisibleDate: (we, ke) => r.isSameMonth(we, ke) ? ke : r.startOfMonth(we)
+    getCurrentMonthFromVisibleDate: (Ce, ke) => r.isSameMonth(Ce, ke) ? ke : r.startOfMonth(Ce)
   }), Ie = I && oe || j, Pe = I && oe || M, ze = `${i}-grid-label`, Ke = Y !== null, rt = (R == null ? void 0 : R.calendarHeader) ?? mx, $e = ft({
     elementType: rt,
     externalSlotProps: N == null ? void 0 : N.calendarHeader,
@@ -35926,8 +35926,8 @@ const Z_ = q(q_, {
       view: z,
       currentMonth: me.currentMonth,
       onViewChange: D,
-      onMonthChange: (we) => ce({
-        target: we,
+      onMonthChange: (Ce) => ce({
+        target: Ce,
         reason: "header-navigation"
       }),
       minDate: Ie,
@@ -35940,17 +35940,17 @@ const Z_ = q(q_, {
       labelId: ze
     },
     ownerState: o
-  }), fe = Oe((we) => {
-    const ke = r.startOfMonth(we), Se = r.endOfMonth(we), Ee = ge(we) ? Xi({
+  }), fe = Oe((Ce) => {
+    const ke = r.startOfMonth(Ce), Se = r.endOfMonth(Ce), Ee = ge(Ce) ? Xi({
       utils: r,
-      date: we,
+      date: Ce,
       minDate: r.isBefore(j, ke) ? ke : j,
       maxDate: r.isAfter(M, Se) ? Se : M,
       disablePast: h,
       disableFuture: p,
       isDateDisabled: ge,
       timezone: K
-    }) : we;
+    }) : Ce;
     Ee ? (be(Ee, "finish"), ce({
       target: Ee,
       reason: "cell-interaction"
@@ -35958,17 +35958,17 @@ const Z_ = q(q_, {
       target: ke,
       reason: "cell-interaction"
     }));
-  }), ve = Oe((we) => {
-    const ke = r.startOfYear(we), Se = r.endOfYear(we), Ee = ge(we) ? Xi({
+  }), xe = Oe((Ce) => {
+    const ke = r.startOfYear(Ce), Se = r.endOfYear(Ce), Ee = ge(Ce) ? Xi({
       utils: r,
-      date: we,
+      date: Ce,
       minDate: r.isBefore(j, ke) ? ke : j,
       maxDate: r.isAfter(M, Se) ? Se : M,
       disablePast: h,
       disableFuture: p,
       isDateDisabled: ge,
       timezone: K
-    }) : we;
+    }) : Ce;
     Ee ? (be(Ee, "finish"), ce({
       target: Ee,
       reason: "cell-interaction"
@@ -35976,7 +35976,7 @@ const Z_ = q(q_, {
       target: ke,
       reason: "cell-interaction"
     }));
-  }), Le = Oe((we) => ie(we && Fl(r, we, oe ?? X), "finish", z));
+  }), Le = Oe((Ce) => ie(Ce && Fl(r, Ce, oe ?? X), "finish", z));
   C.useEffect(() => {
     r.isValid(oe) && ce({
       target: oe,
@@ -35988,7 +35988,7 @@ const Z_ = q(q_, {
     disableFuture: p,
     maxDate: M,
     minDate: j
-  }, xe = {
+  }, we = {
     disableHighlightToday: V,
     readOnly: A,
     disabled: I,
@@ -36015,29 +36015,29 @@ const Z_ = q(q_, {
       transKey: z,
       ownerState: o,
       children: /* @__PURE__ */ y.jsxs("div", {
-        children: [z === "year" && /* @__PURE__ */ y.jsx(hx, S({}, ot, xe, {
+        children: [z === "year" && /* @__PURE__ */ y.jsx(hx, S({}, ot, we, {
           value: oe,
-          onChange: ve,
+          onChange: xe,
           shouldDisableYear: T,
           hasFocus: Ke,
-          onFocusedViewChange: (we) => J("year", we),
+          onFocusedViewChange: (Ce) => J("year", Ce),
           yearsOrder: H,
           yearsPerRow: Z,
           referenceDate: X
-        })), z === "month" && /* @__PURE__ */ y.jsx(fx, S({}, ot, xe, {
+        })), z === "month" && /* @__PURE__ */ y.jsx(fx, S({}, ot, we, {
           hasFocus: Ke,
           className: E,
           value: oe,
           onChange: fe,
           shouldDisableMonth: w,
-          onFocusedViewChange: (we) => J("month", we),
+          onFocusedViewChange: (Ce) => J("month", Ce),
           monthsPerRow: G,
           referenceDate: X
-        })), z === "day" && /* @__PURE__ */ y.jsx(l_, S({}, me, ot, xe, {
+        })), z === "day" && /* @__PURE__ */ y.jsx(l_, S({}, me, ot, we, {
           onMonthSwitchingAnimationEnd: je,
           hasFocus: Ke,
-          onFocusedDayChange: (we) => ce({
-            target: we,
+          onFocusedDayChange: (Ce) => ce({
+            target: Ce,
             reason: "cell-interaction"
           }),
           reduceAnimations: v,
@@ -36046,7 +36046,7 @@ const Z_ = q(q_, {
           shouldDisableDate: x,
           shouldDisableMonth: w,
           shouldDisableYear: T,
-          onFocusedViewChange: (we) => J("day", we),
+          onFocusedViewChange: (Ce) => J("day", Ce),
           showDaysOutsideCurrentMonth: _,
           fixedWeekNumber: $,
           dayOfWeekFormatter: L,
@@ -40005,7 +40005,7 @@ function iV(e) {
     m == null || m(Se.date, Ee, We);
   }, [se, m, t.dir]), fe = Kt((Se, Ee) => (We) => {
     v == null || v(Se.date, Ee, We);
-  }, [v]), ve = Kt((Se, Ee) => (We) => {
+  }, [v]), xe = Kt((Se, Ee) => (We) => {
     x == null || x(Se.date, Ee, We);
   }, [x]), Le = Kt((Se) => (Ee) => {
     const We = Number(Ee.target.value), Qe = i.setMonth(i.startOfMonth(Se), We);
@@ -40013,7 +40013,7 @@ function iV(e) {
   }, [i, N]), Ue = Kt((Se) => (Ee) => {
     const We = Number(Ee.target.value), Qe = i.setYear(i.startOfMonth(Se), We);
     N(Qe);
-  }, [i, N]), { className: ot, style: xe } = ur(() => ({
+  }, [i, N]), { className: ot, style: we } = ur(() => ({
     className: [l[De.Root], t.className].filter(Boolean).join(" "),
     style: { ...b == null ? void 0 : b[De.Root], ...t.style }
   }), [l, t.className, t.style, b]), ue = u8(t), pe = gt(null);
@@ -40023,7 +40023,7 @@ function iV(e) {
     focused: G,
     dateLib: i
   });
-  const we = {
+  const Ce = {
     dayPickerProps: t,
     selected: H,
     select: ee,
@@ -40041,10 +40041,10 @@ function iV(e) {
   };
   return ye.createElement(
     Lx.Provider,
-    { value: we },
+    { value: Ce },
     ye.createElement(
       n.Root,
-      { rootRef: t.animate ? pe : void 0, className: ot, style: xe, dir: t.dir, id: t.id, lang: t.lang, nonce: t.nonce, title: t.title, role: t.role, "aria-label": t["aria-label"], ...ue },
+      { rootRef: t.animate ? pe : void 0, className: ot, style: we, dir: t.dir, id: t.id, lang: t.lang, nonce: t.nonce, title: t.title, role: t.role, "aria-label": t["aria-label"], ...ue },
       ye.createElement(
         n.Months,
         { className: l[De.Months], style: b == null ? void 0 : b[De.Months] },
@@ -40105,7 +40105,7 @@ function iV(e) {
                     Je[Jn.range_start] = !!(Dn && nr && i.isSameDay(an, Dn)), Je[Jn.range_end] = !!(Dn && nr && i.isSameDay(an, nr)), Je[Jn.range_middle] = Or(H, an, !0, i);
                   }
                   const St = C8(Je, b, t.modifiersStyles), Ut = jL(Je, l, t.modifiersClassNames), Fr = !je && !Je.hidden ? K(an, Je, 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: Je, className: Ut.join(" "), style: St, role: "gridcell", "aria-selected": Je.selected || void 0, "aria-label": Fr, "data-day": i.format(an, "yyyy-MM-dd"), "data-month": Et.outside ? i.format(an, "yyyy-MM") : void 0, "data-selected": Je.selected || void 0, "data-disabled": Je.disabled || void 0, "data-hidden": Je.hidden || void 0, "data-outside": Et.outside || void 0, "data-focused": Je.focused || void 0, "data-today": Je.today || void 0 }, !Je.hidden && je ? ye.createElement(n.DayButton, { className: l[De.DayButton], style: b == null ? void 0 : b[De.DayButton], type: "button", day: Et, modifiers: Je, disabled: Je.disabled || void 0, tabIndex: ae(Et) ? 0 : -1, "aria-label": ie(an, Je, i.options, i), onClick: ze(Et, Je), onBlur: rt(Et, Je), onFocus: Ke(Et, Je), onKeyDown: $e(Et, Je), onMouseEnter: fe(Et, Je), onMouseLeave: ve(Et, Je) }, E(an, i.options, i)) : !Je.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: Je, className: Ut.join(" "), style: St, role: "gridcell", "aria-selected": Je.selected || void 0, "aria-label": Fr, "data-day": i.format(an, "yyyy-MM-dd"), "data-month": Et.outside ? i.format(an, "yyyy-MM") : void 0, "data-selected": Je.selected || void 0, "data-disabled": Je.disabled || void 0, "data-hidden": Je.hidden || void 0, "data-outside": Et.outside || void 0, "data-focused": Je.focused || void 0, "data-today": Je.today || void 0 }, !Je.hidden && je ? ye.createElement(n.DayButton, { className: l[De.DayButton], style: b == null ? void 0 : b[De.DayButton], type: "button", day: Et, modifiers: Je, disabled: Je.disabled || void 0, tabIndex: ae(Et) ? 0 : -1, "aria-label": ie(an, Je, i.options, i), onClick: ze(Et, Je), onBlur: rt(Et, Je), onFocus: Ke(Et, Je), onKeyDown: $e(Et, Je), onMouseEnter: fe(Et, Je), onMouseLeave: xe(Et, Je) }, E(an, i.options, i)) : !Je.hidden && E(Et.date, i.options, i));
                 })
               )))
             )
@@ -40299,7 +40299,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
     } else
       r == null || r($), I();
   }, V = ({ orientation: $, className: L, disabled: R }) => /* @__PURE__ */ y.jsx(
-    Ce,
+    ve,
     {
       className: L,
       sx: {
@@ -40350,7 +40350,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
     if (!($ instanceof Date) || isNaN($)) return null;
     const L = $.getFullYear(), R = $.getMonth();
     return O === "month" ? /* @__PURE__ */ y.jsx(
-      Ce,
+      ve,
       {
         sx: {
           display: "grid",
@@ -40364,7 +40364,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
         children: dV.map((N, W) => {
           const Q = new Date(L, W, 1), ee = f && Q < new Date(f.getFullYear(), f.getMonth(), 1);
           return /* @__PURE__ */ y.jsx(
-            Ce,
+            ve,
             {
               sx: {
                 display: "flex",
@@ -40375,7 +40375,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
               },
               onClick: () => !ee && A(W),
               children: /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   sx: {
                     p: "0.8rem 1.2rem",
@@ -40392,8 +40392,8 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
           );
         })
       }
-    ) : O === "year" ? /* @__PURE__ */ y.jsx(Ce, { sx: { maxHeight: "30rem", overflowY: "auto", pr: 1 }, children: /* @__PURE__ */ y.jsx(
-      Ce,
+    ) : O === "year" ? /* @__PURE__ */ y.jsx(ve, { sx: { maxHeight: "30rem", overflowY: "auto", pr: 1 }, children: /* @__PURE__ */ y.jsx(
+      ve,
       {
         sx: {
           display: "grid",
@@ -40407,7 +40407,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
         children: fV.map((N) => {
           const W = f && N < f.getFullYear();
           return /* @__PURE__ */ y.jsx(
-            Ce,
+            ve,
             {
               sx: {
                 display: "flex",
@@ -40418,7 +40418,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
               },
               onClick: () => !W && j(N),
               children: /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   sx: {
                     p: "0.8rem 1.2rem",
@@ -40437,7 +40437,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
       }
     ) }) : null;
   }, _ = n ? t === "range" && (n != null && n.from) && (n != null && n.to) ? `${Yo(n.from, a)} - ${Yo(n.to, a)}` : t === "range" && (n != null && n.from) ? `${Yo(n.from, a)} - ` : t === "multiple" && Array.isArray(n) ? n.map(($) => Yo($, a)).join(", ") : Yo(n, a) : "";
-  return /* @__PURE__ */ y.jsxs(Ce, { ref: m, children: [
+  return /* @__PURE__ */ y.jsxs(ve, { ref: m, children: [
     !u && /* @__PURE__ */ y.jsx(
       jd,
       {
@@ -40487,9 +40487,9 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
       }
     ),
     /* @__PURE__ */ y.jsx(
-      Ce,
+      ve,
       {
-        component: u ? Ce : ga,
+        component: u ? ve : ga,
         id: E,
         open: u ? !0 : k,
         anchorEl: v,
@@ -40507,7 +40507,7 @@ const aV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
           }
         },
         children: /* @__PURE__ */ y.jsxs(
-          Ce,
+          ve,
           {
             sx: {
               backgroundColor: g.palette.primary.notifyBackground,
@@ -40646,7 +40646,7 @@ q(vx)(({ theme: e }) => ({
 const az = (e) => /* @__PURE__ */ y.jsx(Gn, { children: /* @__PURE__ */ y.jsx(pV, { ...e }) }), hV = ({ iconUrl: e, ...t }) => {
   const [n, r] = Me(!1), o = jt();
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       sx: {
         display: "flex",
@@ -40660,7 +40660,7 @@ const az = (e) => /* @__PURE__ */ y.jsx(Gn, { children: /* @__PURE__ */ y.jsx(pV
       },
       children: [
         e && /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             component: hn,
             url: e,
@@ -40922,7 +40922,7 @@ const TV = ({ options: e, isDraggable: t }) => {
     R && R.scrollIntoView({ block: "nearest", behavior: "smooth" });
   }, [E]), /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsx(
-      Ce,
+      ve,
       {
         ref: O,
         sx: { position: "relative", display: "inline-block", width: "100%" },
@@ -40947,7 +40947,7 @@ const TV = ({ options: e, isDraggable: t }) => {
             },
             InputProps: {
               endAdornment: /* @__PURE__ */ y.jsx(_i, { position: "start", children: /* @__PURE__ */ y.jsx(mt, { direction: "row", alignItems: "center", gap: "0.5rem", children: /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   component: "img",
                   src: u ? Ze.ArrowSelectDown : Ze.ArrowSelectUp
@@ -41007,7 +41007,7 @@ const TV = ({ options: e, isDraggable: t }) => {
           }
         ],
         children: /* @__PURE__ */ y.jsxs(
-          Ce,
+          ve,
           {
             sx: {
               background: (R) => R.palette.primary.appBackground,
@@ -41172,7 +41172,7 @@ const TV = ({ options: e, isDraggable: t }) => {
                                   }
                                 ),
                                 !(R != null && R.isMandatory) && e && /* @__PURE__ */ y.jsx(
-                                  Ce,
+                                  ve,
                                   {
                                     component: "img",
                                     src: Ze.Drag,
@@ -41251,7 +41251,7 @@ const TV = ({ options: e, isDraggable: t }) => {
                   }
                 )
               ] }) : /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   sx: {
                     display: "flex",
@@ -41319,7 +41319,7 @@ const DV = ({ progress: e = 0, status: t }) => {
     FAILED: "rgba(231, 111, 81, 0.3)"
   };
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       sx: {
         height: "0.2rem",
@@ -41330,7 +41330,7 @@ const DV = ({ progress: e = 0, status: t }) => {
       },
       children: [
         /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             sx: {
               position: "absolute",
@@ -41348,7 +41348,7 @@ const DV = ({ progress: e = 0, status: t }) => {
           }
         ),
         /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             sx: {
               position: "absolute",
@@ -41444,7 +41444,7 @@ const DV = ({ progress: e = 0, status: t }) => {
         horizontal: "left"
       },
       children: /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           position: "fixed",
           sx: {
@@ -41536,14 +41536,14 @@ const DV = ({ progress: e = 0, status: t }) => {
       t.key
     )
   ] });
-}, jV = q(Ce)(({ theme: e }) => ({
+}, jV = q(ve)(({ theme: e }) => ({
   borderRadius: "0.4rem",
   position: "relative",
   background: e.palette.primary.notifyButtonBackground,
   display: "flex",
   height: "2.5rem"
   // width: "200px"
-})), $V = q(Ce)(({ theme: e }) => ({
+})), $V = q(ve)(({ theme: e }) => ({
   borderRadius: "0.4rem",
   position: "absolute",
   background: e.palette.primary.notifyBackground,
@@ -41568,7 +41568,7 @@ const DV = ({ progress: e = 0, status: t }) => {
       const d = e ? u.current : c.current;
       i(d.offsetWidth), l(d.offsetLeft);
     }
-  }, [e]), /* @__PURE__ */ y.jsx(Ce, { sx: { display: "flex" }, children: /* @__PURE__ */ y.jsxs(jV, { children: [
+  }, [e]), /* @__PURE__ */ y.jsx(ve, { sx: { display: "flex" }, children: /* @__PURE__ */ y.jsxs(jV, { children: [
     /* @__PURE__ */ y.jsx($V, { sx: { width: o, transform: `translateX(${a}px)`, height: "2.5rem" } }),
     /* @__PURE__ */ y.jsx(
       ly,
@@ -41617,7 +41617,7 @@ function uz() {
       },
       open: !0,
       children: /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           sx: {
             width: "40px",
@@ -43800,7 +43800,7 @@ const MW = (e, t, n, r, o, i) => {
     localStorage.setItem(h, JSON.stringify(m)), await Yc({ baseUrl: n, payload: m });
   };
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       sx: {
         display: "flex",
@@ -43808,7 +43808,7 @@ const MW = (e, t, n, r, o, i) => {
       },
       children: [
         /* @__PURE__ */ y.jsxs(
-          Ce,
+          ve,
           {
             sx: {
               // zIndex: 10,
@@ -43833,7 +43833,7 @@ const MW = (e, t, n, r, o, i) => {
                 }
               ),
               /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   sx: {
                     "& .MuiInputBase-input": { padding: "0rem 0.8rem!important" },
@@ -43923,7 +43923,7 @@ ww.propTypes = {
 function Ud({ isRenderCellContent: e, column: t, row: n, parent: r }) {
   const o = n[t.key], i = (o == null ? void 0 : o.length) > 20;
   return /* @__PURE__ */ y.jsx(y.Fragment, { children: e ? /* @__PURE__ */ y.jsx(
-    Ce,
+    ve,
     {
       sx: {
         display: "flex",
@@ -43939,7 +43939,7 @@ function Ud({ isRenderCellContent: e, column: t, row: n, parent: r }) {
       children: t == null ? void 0 : t.cellRenderer(n, { column: t, parent: r })
     }
   ) : /* @__PURE__ */ y.jsx(
-    Ce,
+    ve,
     {
       sx: {
         overflow: "hidden",
@@ -43951,20 +43951,31 @@ function Ud({ isRenderCellContent: e, column: t, row: n, parent: r }) {
       id: t.key,
       component: "label",
       children: i ? /* @__PURE__ */ y.jsx(
-        Uf,
+        ve,
         {
-          title: o,
-          placement: "top",
-          componentsProps: {
-            tooltip: {
-              sx: {
-                fontSize: "1rem",
-                padding: "0.5rem 1rem",
-                boxShadow: "0 2px 8px rgba(0,0,0,0.3)"
-              }
-            }
+          sx: {
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            textTransform: "none"
           },
-          children: o
+          children: /* @__PURE__ */ y.jsx(
+            Uf,
+            {
+              title: o,
+              placement: "top",
+              componentsProps: {
+                tooltip: {
+                  sx: {
+                    fontSize: "1rem",
+                    padding: "0.5rem 1rem",
+                    boxShadow: "0 2px 8px rgba(0,0,0,0.3)"
+                  }
+                }
+              },
+              children: o
+            }
+          )
         }
       ) : o
     }
@@ -43985,7 +43996,7 @@ const Cw = ({ menuOpen: e, handleClose: t, onHideClick: n }) => {
       onClose: t,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       children: /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           sx: {
             backgroundColor: r.palette.primary.notifyBackground,
@@ -44187,7 +44198,7 @@ Sw.propTypes = {
 function Tw({ parent: e, column: t, sort: n, handleMenuClick: r, isManageable: o }) {
   const i = o && (!(t != null && t.isMandatory) || (t == null ? void 0 : t.isMandatory) && (t == null ? void 0 : t.showHide) === !0), a = t == null ? void 0 : t.label, l = t == null ? void 0 : t.isSortable, c = n == null ? void 0 : n.sortField, u = n == null ? void 0 : n.sortDir, d = n == null ? void 0 : n.onSort;
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       sx: {
         display: "flex",
@@ -44197,7 +44208,7 @@ function Tw({ parent: e, column: t, sort: n, handleMenuClick: r, isManageable: o
       draggable: !1,
       children: [
         /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             sx: {
               fontWeight: "bold",
@@ -44227,7 +44238,7 @@ function Tw({ parent: e, column: t, sort: n, handleMenuClick: r, isManageable: o
             )
           }
         ),
-        /* @__PURE__ */ y.jsxs(Ce, { sx: { display: "flex", alignItems: "center" }, draggable: !1, children: [
+        /* @__PURE__ */ y.jsxs(ve, { sx: { display: "flex", alignItems: "center" }, draggable: !1, children: [
           l && /* @__PURE__ */ y.jsx(
             Sw,
             {
@@ -44394,10 +44405,10 @@ function Ow({
     Y === 0 && (M.current = 0);
     const me = be ? Y === 0 ? 0 : `${M.current}rem` : void 0;
     be && (M.current += X);
-    const ce = b === Y, ge = E == Y || ((rt = d == null ? void 0 : d[E]) == null ? void 0 : rt.isMandatory), je = (ve) => {
-      D.isMandatory ? (ve.preventDefault(), ve.dataTransfer.dropEffect = "none") : (ve.preventDefault(), ve.dataTransfer.dropEffect = "move"), H == null || H(ve, Y);
-    }, Ie = (ve) => {
-      D.isMandatory || Z == null || Z(ve, Y);
+    const ce = b === Y, ge = E == Y || ((rt = d == null ? void 0 : d[E]) == null ? void 0 : rt.isMandatory), je = (xe) => {
+      D.isMandatory ? (xe.preventDefault(), xe.dataTransfer.dropEffect = "none") : (xe.preventDefault(), xe.dataTransfer.dropEffect = "move"), H == null || H(xe, Y);
+    }, Ie = (xe) => {
+      D.isMandatory || Z == null || Z(xe, Y);
     }, Pe = re ? `${re == null ? void 0 : re.key}_${D == null ? void 0 : D.key}_${Y}` : Y;
     return /* @__PURE__ */ y.jsx(
       pi,
@@ -44407,15 +44418,15 @@ function Ow({
           // isResizable
           //   ? (column?.children?.filter((i) => !i?.isHidden)?.length * 2) - 1
           //   :
-          (fe = ($e = D == null ? void 0 : D.children) == null ? void 0 : $e.filter((ve) => !(ve != null && ve.isHidden))) == null ? void 0 : fe.length
+          (fe = ($e = D == null ? void 0 : D.children) == null ? void 0 : $e.filter((xe) => !(xe != null && xe.isHidden))) == null ? void 0 : fe.length
         ),
         style: D == null ? void 0 : D.style,
         onMouseEnter: () => {
           I !== Pe && A(Pe);
         },
         draggable: J && !(D != null && D.isMandatory),
-        onDragStart: J && !(D != null && D.isMandatory) ? (ve) => ee(ve, Y) : (ve) => {
-          ve.preventDefault();
+        onDragStart: J && !(D != null && D.isMandatory) ? (xe) => ee(xe, Y) : (xe) => {
+          xe.preventDefault();
         },
         onDragOver: J && !(D != null && D.isMandatory) ? je : void 0,
         onDrop: J && !(D != null && D.isMandatory) ? Ie : void 0,
@@ -44490,7 +44501,7 @@ function Ow({
         },
         children: [
           ((e == null ? void 0 : e.selectedRow) && ((je = e == null ? void 0 : e.selectedRow) == null ? void 0 : je.fhi) === (Y == null ? void 0 : Y.fhi) || (Y == null ? void 0 : Y.isHigh)) && /* @__PURE__ */ y.jsx(
-            Ce,
+            ve,
             {
               sx: {
                 position: "absolute",
@@ -44520,7 +44531,7 @@ function Ow({
       J
     );
   }, oe = (D, Y, J, re) => /* @__PURE__ */ y.jsx(y.Fragment, { children: D && J && !(D != null && D.isMandatory) ? /* @__PURE__ */ y.jsx(
-    Ce,
+    ve,
     {
       resizeStart: () => {
         D != null && D.isMandatory && !(D != null && D.isResizable) || (V.current = !0);
@@ -44582,7 +44593,7 @@ function Ow({
           borderBottom: `0.1rem solid ${u.palette.primary.notifyBorderColor}`
         },
         children: ((e == null ? void 0 : e.selectedRow) && ((me = e == null ? void 0 : e.selectedRow) == null ? void 0 : me.fhi) === (D == null ? void 0 : D.fhi) || (D == null ? void 0 : D.isHigh)) && /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             sx: {
               position: "absolute",
@@ -44789,7 +44800,7 @@ const Sy = ({ type: e }) => {
   const t = jt(), r = (t == null ? void 0 : t.mode) === "dark" ? { bgcolor: "grey.800" } : {};
   return {
     grid: /* @__PURE__ */ y.jsxs(
-      Ce,
+      ve,
       {
         sx: {
           borderRadius: 2,
@@ -44798,7 +44809,7 @@ const Sy = ({ type: e }) => {
         children: [
           /* @__PURE__ */ y.jsx(Cr, { variant: "text", width: "100%", height: 60, sx: r }),
           Array.from({ length: 10 }).map((i, a) => /* @__PURE__ */ y.jsx(
-            Ce,
+            ve,
             {
               sx: {
                 display: "flex",
@@ -44806,7 +44817,7 @@ const Sy = ({ type: e }) => {
                 padding: "0.5rem",
                 gap: "3rem"
               },
-              children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ y.jsx(Ce, { sx: { flex: 1 }, children: /* @__PURE__ */ y.jsx(Cr, { variant: "text", height: 45, sx: r }) }, c))
+              children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ y.jsx(ve, { sx: { flex: 1 }, children: /* @__PURE__ */ y.jsx(Cr, { variant: "text", height: 45, sx: r }) }, c))
             },
             a
           ))
@@ -44845,7 +44856,7 @@ const Sy = ({ type: e }) => {
     select: (i) => {
       var a;
       return /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           sx: {
             "& .MuiInputBase-input": { padding: "0rem!important" },
@@ -44867,14 +44878,14 @@ const Sy = ({ type: e }) => {
   const l = Sr(i == null ? void 0 : i.columns);
   a = a == null ? void 0 : a.map((u) => {
     var p;
-    const d = (u == null ? void 0 : u.children) || {}, f = ((p = l == null ? void 0 : l[u == null ? void 0 : u.key]) == null ? void 0 : p.children) || {};
+    const d = (u == null ? void 0 : u.children) || {}, f = (p = l == null ? void 0 : l[u == null ? void 0 : u.key]) == null ? void 0 : p.children;
     return {
       ...u,
-      children: {
-        // 🔥 Add everything from targetGridSetting (if any keys are missing)
-        ...f,
-        // 🔥 Specifically update or add childUniqueKey value
-        [r]: d == null ? void 0 : d[r]
+      ...(f || (d == null ? void 0 : d[r])) && {
+        children: {
+          ...f,
+          [r]: d == null ? void 0 : d[r]
+        }
       }
     };
   });
@@ -44927,7 +44938,7 @@ const Sy = ({ type: e }) => {
       }
     ),
     /* @__PURE__ */ y.jsxs(
-      Ce,
+      ve,
       {
         sx: {
           display: "flex",
@@ -44947,11 +44958,11 @@ const Sy = ({ type: e }) => {
               exit: { opacity: 0 },
               transition: { duration: 0.15 },
               layout: !0,
-              children: /* @__PURE__ */ y.jsx(Ce, { sx: { flexShrink: 0, minWidth: "fit-content" }, children: FW(d) })
+              children: /* @__PURE__ */ y.jsx(ve, { sx: { flexShrink: 0, minWidth: "fit-content" }, children: FW(d) })
             },
             `${d.id}_${f}`
           )) }),
-          l && /* @__PURE__ */ y.jsx(Ce, { sx: { paddingLeft: t ? "0.5rem" : 0 }, children: /* @__PURE__ */ y.jsx(
+          l && /* @__PURE__ */ y.jsx(ve, { sx: { paddingLeft: t ? "0.5rem" : 0 }, children: /* @__PURE__ */ y.jsx(
             ts,
             {
               label: t ? "" : "More Actions",
@@ -45077,7 +45088,7 @@ const Rw = ({
     return !I.isHidden || I.isHidden && I.showInHierarchy ? { ...I, children: A } : null;
   }).filter(Boolean);
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       sx: {
         margin: "1rem 0",
@@ -45090,7 +45101,7 @@ const Rw = ({
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ y.jsxs(Ce, { sx: { display: "flex", flexDirection: "row", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ y.jsxs(ve, { sx: { display: "flex", flexDirection: "row", gap: "0.6rem" }, children: [
           ((w = e == null ? void 0 : e.search) == null ? void 0 : w.isRequired) && /* @__PURE__ */ y.jsx(mV, { ...e == null ? void 0 : e.search, iconUrl: Ze.Search }),
           ((T = e == null ? void 0 : e.refresh) == null ? void 0 : T.isRequired) && /* @__PURE__ */ y.jsx(
             ts,
@@ -45105,7 +45116,7 @@ const Rw = ({
               }
             }
           ),
-          ((O = e == null ? void 0 : e.groupBy) == null ? void 0 : O.isRequired) && /* @__PURE__ */ y.jsx(Ce, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
+          ((O = e == null ? void 0 : e.groupBy) == null ? void 0 : O.isRequired) && /* @__PURE__ */ y.jsx(ve, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
             Bl,
             {
               styles: {
@@ -45114,7 +45125,7 @@ const Rw = ({
               ...e.groupBy
             }
           ) }),
-          t && /* @__PURE__ */ y.jsx(Ce, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
+          t && /* @__PURE__ */ y.jsx(ve, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
             Bl,
             {
               placeholder: "Manage Columns",
@@ -45133,7 +45144,7 @@ const Rw = ({
           ) })
         ] }),
         /* @__PURE__ */ y.jsxs(
-          Ce,
+          ve,
           {
             sx: {
               display: "flex",
@@ -45150,7 +45161,7 @@ const Rw = ({
                   isExpanded: h
                 }
               ),
-              ((b = e == null ? void 0 : e.save) == null ? void 0 : b.isRequired) && /* @__PURE__ */ y.jsx(Ce, { sx: { px: "0.5rem" }, children: /* @__PURE__ */ y.jsx(
+              ((b = e == null ? void 0 : e.save) == null ? void 0 : b.isRequired) && /* @__PURE__ */ y.jsx(ve, { sx: { px: "0.5rem" }, children: /* @__PURE__ */ y.jsx(
                 ts,
                 {
                   label: h ? "" : "Save",
@@ -45205,7 +45216,7 @@ function Pw({ tableProps: e, toolbarProps: t, isDefaultConfig: n, isLoading: r }
   return /* @__PURE__ */ y.jsx(qx, { children: r ? /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsx(Sy, { type: "toolbar" }),
     /* @__PURE__ */ y.jsx(Sy, { type: "grid" })
-  ] }) : /* @__PURE__ */ y.jsxs(Ce, { sx: {
+  ] }) : /* @__PURE__ */ y.jsxs(ve, { sx: {
     position: "sticky"
   }, children: [
     t && /* @__PURE__ */ y.jsx(Rw, { ...t, isManageable: o, pageSize: (a = e == null ? void 0 : e.pagination) == null ? void 0 : a.rowPerPage, gridData: e == null ? void 0 : e.data }),
@@ -45380,7 +45391,7 @@ const Dw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n }) =>
                 }
               ),
               /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   sx: {
                     overflowX: "auto",
@@ -45406,7 +45417,7 @@ const Dw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n }) =>
                         overflow: "visible"
                       },
                       children: (c = n == null ? void 0 : n.filterItems) == null ? void 0 : c.map((d, f) => /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsxs(
-                        Ce,
+                        ve,
                         {
                           sx: {
                             position: "relative",
@@ -45419,7 +45430,7 @@ const Dw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n }) =>
                           },
                           children: [
                             /* @__PURE__ */ y.jsx(
-                              Ce,
+                              ve,
                               {
                                 component: "img",
                                 src: Ze.FilterClose,
@@ -45451,7 +45462,7 @@ const Dw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n }) =>
                 }
               ),
               /* @__PURE__ */ y.jsx(
-                Ce,
+                ve,
                 {
                   component: at,
                   sx: {
@@ -45718,7 +45729,7 @@ var YW = function(t) {
 };
 const GW = ({ count: e }) => (jt(), /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
   /* @__PURE__ */ y.jsx(
-    Ce,
+    ve,
     {
       sx: {
         gap: "0.5rem",
@@ -45880,7 +45891,7 @@ const Nw = ({
   var c, u;
   const a = jt(), l = (u = (c = JSON.parse(localStorage.getItem("settings"))) == null ? void 0 : c.platform) == null ? void 0 : u.theme;
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       className: "cards",
       sx: {
@@ -46093,7 +46104,7 @@ const jw = ({
     window.open(b, "_blank");
   };
   return /* @__PURE__ */ y.jsxs(
-    Ce,
+    ve,
     {
       sx: {
         width: "100%"
@@ -46113,7 +46124,7 @@ const jw = ({
           ) }, `${k}_${b.id}`))
         ] }, T)),
         p && i > 1 && !!(d != null && d.length) && /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             sx: {
               display: "flex",
@@ -46146,7 +46157,7 @@ const jw = ({
           }
         ),
         /* @__PURE__ */ y.jsx(
-          Ce,
+          ve,
           {
             ref: v,
             style: { height: "0.1rem", backgroundColor: "transparent" }
@@ -46182,7 +46193,7 @@ const JW = ({
   } = Aw({});
   return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsxs(
-      Ce,
+      ve,
       {
         sx: {
           display: "flex",
@@ -46203,7 +46214,7 @@ const JW = ({
               children: "Notifications"
             }
           ),
-          /* @__PURE__ */ y.jsx(Ce, { onClick: e, children: /* @__PURE__ */ y.jsx(
+          /* @__PURE__ */ y.jsx(ve, { onClick: e, children: /* @__PURE__ */ y.jsx(
             hn,
             {
               url: Ze.Refresh,
@@ -46215,7 +46226,7 @@ const JW = ({
       }
     ),
     /* @__PURE__ */ y.jsx(
-      Ce,
+      ve,
       {
         sx: {
           borderBottom: 1,
@@ -46227,7 +46238,7 @@ const JW = ({
             Uu,
             {
               label: /* @__PURE__ */ y.jsxs(
-                Ce,
+                ve,
                 {
                   sx: {
                     display: "flex",
@@ -46255,7 +46266,7 @@ const JW = ({
             Uu,
             {
               label: /* @__PURE__ */ y.jsxs(
-                Ce,
+                ve,
                 {
                   sx: {
                     display: "flex",
@@ -46284,7 +46295,7 @@ const JW = ({
             Uu,
             {
               label: /* @__PURE__ */ y.jsxs(
-                Ce,
+                ve,
                 {
                   sx: {
                     display: "flex",
@@ -46441,7 +46452,7 @@ const JW = ({
             }
           ),
           /* @__PURE__ */ y.jsx(
-            Ce,
+            ve,
             {
               onClick: t,
               sx: {
@@ -46517,7 +46528,7 @@ const JW = ({
   } = Aw({ baseUrl: e });
   return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsx(
-      Ce,
+      ve,
       {
         sx: {
           display: "flex",
@@ -46550,7 +46561,7 @@ const JW = ({
   showMerge: f
 }) => {
   const p = jt();
-  return /* @__PURE__ */ y.jsx(Ce, { sx: { position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ y.jsxs(Co, { container: !0, sx: { height: "100%" }, children: [
+  return /* @__PURE__ */ y.jsx(ve, { sx: { position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ y.jsxs(Co, { container: !0, sx: { height: "100%" }, children: [
     /* @__PURE__ */ y.jsx(
       Co,
       {
@@ -46568,7 +46579,7 @@ const JW = ({
     ),
     r && !n && /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
       /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           onClick: a,
           sx: {
@@ -46585,7 +46596,7 @@ const JW = ({
         }
       ),
       /* @__PURE__ */ y.jsx(
-        Ce,
+        ve,
         {
           onClick: a,
           sx: {
@@ -46635,7 +46646,7 @@ const JW = ({
               children: [
                 !u && f && /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
                   /* @__PURE__ */ y.jsx(
-                    Ce,
+                    ve,
                     {
                       component: "img",
                       src: Ze.Merge,
@@ -46694,14 +46705,14 @@ const JW = ({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ y.jsx(mt, { direction: "row", gap: "0.5rem", alignItems: "center", children: i && /* @__PURE__ */ y.jsx(Ce, { onClick: c, sx: { cursor: "pointer" }, children: /* @__PURE__ */ y.jsx(Ce, { component: "img", src: u ? Ze.Collapse : Ze.Expand }) }) })
+                      /* @__PURE__ */ y.jsx(mt, { direction: "row", gap: "0.5rem", alignItems: "center", children: i && /* @__PURE__ */ y.jsx(ve, { onClick: c, sx: { cursor: "pointer" }, children: /* @__PURE__ */ y.jsx(ve, { component: "img", src: u ? Ze.Collapse : Ze.Expand }) }) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ y.jsx(Ce, { sx: {
+          /* @__PURE__ */ y.jsx(ve, { sx: {
             scrollbarWidth: "none",
             "&::-webkit-scrollbar": {
               display: "none"