@3sc/common-component 0.0.532 → 0.0.534

package/dist/{index-B5CpGwZx.js → index-BrbKiqst.js}

@@ -1032,8 +1032,8 @@ function v1() {
     }
     function v(j) {
       if (typeof j == "object" && j !== null) {
-        var oe = j.$$typeof;
-        switch (oe) {
+        var se = j.$$typeof;
+        switch (se) {
           case t:
             var Q = j.type;
             switch (Q) {
@@ -1054,11 +1054,11 @@ function v1() {
                   case a:
                     return le;
                   default:
-                    return oe;
+                    return se;
                 }
             }
           case n:
-            return oe;
+            return se;
         }
       }
     }
@@ -1785,8 +1785,8 @@ function W1() {
     }
     function v(j) {
       if (typeof j == "object" && j !== null) {
-        var oe = j.$$typeof;
-        switch (oe) {
+        var se = j.$$typeof;
+        switch (se) {
           case t:
             var Q = j.type;
             switch (Q) {
@@ -1807,11 +1807,11 @@ function W1() {
                   case a:
                     return le;
                   default:
-                    return oe;
+                    return se;
                 }
             }
           case n:
-            return oe;
+            return se;
         }
       }
     }
@@ -2031,11 +2031,11 @@ function U1() {
             );
             throw j.name = "Invariant Violation", j;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var oe = ie + ":" + X;
-            !M[oe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var se = ie + ":" + X;
+            !M[se] && // Avoid spamming the console because they are often not actionable except for lib authors
             V < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + ie + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), M[oe] = !0, V++);
+            ), M[se] = !0, V++);
           }
         }
         return q[X] == null ? ee ? q[X] === null ? new m("The " + ae + " `" + F + "` is marked as required " + ("in `" + ie + "`, but its value is `null`.")) : new m("The " + ae + " `" + F + "` is marked as required in " + ("`" + ie + "`, but its value is `undefined`.")) : null : L(q, X, ie, ae, F);
@@ -2120,8 +2120,8 @@ function U1() {
           if (g(X, L[ie]))
             return null;
         var ae = JSON.stringify(L, function(W, j) {
-          var oe = _(j);
-          return oe === "symbol" ? String(j) : j;
+          var se = _(j);
+          return se === "symbol" ? String(j) : j;
         });
         return new m("Invalid " + ee + " `" + q + "` of value `" + String(X) + "` " + ("supplied to `" + J + "`, expected one of " + ae + "."));
       }
@@ -2161,8 +2161,8 @@ function U1() {
             return null;
           j.data && r(j.data, "expectedType") && ae.push(j.data.expectedType);
         }
-        var oe = ae.length > 0 ? ", expected one of type [" + ae.join(", ") + "]" : "";
-        return new m("Invalid " + X + " `" + ie + "` supplied to " + ("`" + q + "`" + oe + "."));
+        var se = ae.length > 0 ? ", expected one of type [" + ae.join(", ") + "]" : "";
+        return new m("Invalid " + X + " `" + ie + "` supplied to " + ("`" + q + "`" + se + "."));
       }
       return b(Y);
     }
@@ -4454,7 +4454,7 @@ function Dw(e) {
     } = V, q = Object.keys(Y).filter((ve) => !!Y[ve]).join(","), X = k.useMemo(() => q.split(","), [q]), ie = typeof a == "string" ? a : a.light, ae = typeof a == "string" ? a : a.dark, F = Y[ie] && Y[ae] ? A : Y[V.defaultColorScheme]?.palette?.mode || V.palette?.mode, {
       mode: W,
       setMode: j,
-      systemMode: oe,
+      systemMode: se,
       lightColorScheme: Q,
       darkColorScheme: le,
       colorScheme: De,
@@ -4536,8 +4536,8 @@ function Dw(e) {
         Ae.colorSchemeSelector === "media" && console.error(["MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).", "To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.", "To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually"].join(`
 `)), j(ve);
       },
-      systemMode: oe
-    }), [X, Ie, le, Q, Be, Se, j, oe, Ae.colorSchemeSelector]);
+      systemMode: se
+    }), [X, Ie, le, Q, Be, Se, j, se, Ae.colorSchemeSelector]);
     let ne = !0;
     (C || V.cssVariables === !1 || H && _?.cssVarPrefix === ee) && (ne = !1);
     const ye = /* @__PURE__ */ y.jsxs(k.Fragment, {
@@ -7907,7 +7907,7 @@ const SC = ke("MuiButtonBase", ["root", "disabled", "focusVisible"]), CC = (e) =
     M && pe.preventDefault(), R && R(pe);
   }, f), ae = or(H, "start", C, f), F = or(H, "stop", D, f), W = or(H, "stop", N, f), j = or(H, "stop", (pe) => {
     ka(pe.target) || V(!1), m && m(pe);
-  }, !1), oe = bn((pe) => {
+  }, !1), se = bn((pe) => {
     U.current || (U.current = pe.currentTarget), ka(pe.target) && (V(!0), v && v(pe)), w && w(pe);
   }), Q = () => {
     const pe = U.current;
@@ -7947,7 +7947,7 @@ const SC = ke("MuiButtonBase", ["root", "disabled", "focusVisible"]), CC = (e) =
     onBlur: j,
     onClick: b,
     onContextMenu: ee,
-    onFocus: oe,
+    onFocus: se,
     onKeyDown: le,
     onKeyUp: De,
     onMouseDown: J,
@@ -9643,7 +9643,7 @@ function BT(e) {
       var A, I = v === "y" ? Gt : Kt, $ = v === "y" ? Sn : Cn, B = v === "y" ? "height" : "width", _ = T[v], U = _ + b[I], H = _ - b[$], L = h ? -R[B] / 2 : 0, M = E === Ro ? O[B] : R[B], V = E === Ro ? -R[B] : -O[B], Y = t.elements.arrow, J = h && Y ? ld(Y) : {
         width: 0,
         height: 0
-      }, ee = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Vg(), q = ee[I], X = ee[$], ie = ks(0, O[B], J[B]), ae = w ? O[B] / 2 - L - ie - q - D.mainAxis : M - ie - q - D.mainAxis, F = w ? -O[B] / 2 + L + ie + X + D.mainAxis : V + ie + X + D.mainAxis, W = t.elements.arrow && hi(t.elements.arrow), j = W ? v === "y" ? W.clientTop || 0 : W.clientLeft || 0 : 0, oe = (A = N?.[v]) != null ? A : 0, Q = _ + ae - oe - j, le = _ + F - oe, De = ks(h ? Ra(U, Q) : U, _, h ? Kr(H, le) : H);
+      }, ee = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Vg(), q = ee[I], X = ee[$], ie = ks(0, O[B], J[B]), ae = w ? O[B] / 2 - L - ie - q - D.mainAxis : M - ie - q - D.mainAxis, F = w ? -O[B] / 2 + L + ie + X + D.mainAxis : V + ie + X + D.mainAxis, W = t.elements.arrow && hi(t.elements.arrow), j = W ? v === "y" ? W.clientTop || 0 : W.clientLeft || 0 : 0, se = (A = N?.[v]) != null ? A : 0, Q = _ + ae - se - j, le = _ + F - se, De = ks(h ? Ra(U, Q) : U, _, h ? Kr(H, le) : H);
       T[v] = De, C[v] = De - _;
     }
     if (l) {
@@ -11400,7 +11400,7 @@ const dl = (e, t) => {
   } = k.useRef(X != null), ae = k.useRef(), F = k.useCallback((be) => {
     process.env.NODE_ENV !== "production" && be && be.nodeName !== "INPUT" && !be.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), W = jt(ae, v, w.ref, F), [j, oe] = k.useState(!1), Q = Dr();
+  }, []), W = jt(ae, v, w.ref, F), [j, se] = k.useState(!1), Q = Dr();
   process.env.NODE_ENV !== "production" && k.useEffect(() => {
     if (Q)
       return Q.registerEffect();
@@ -11411,7 +11411,7 @@ const dl = (e, t) => {
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
   le.focused = Q ? Q.focused : j, k.useEffect(() => {
-    !Q && p && j && (oe(!1), D && D());
+    !Q && p && j && (se(!1), D && D());
   }, [Q, p, j, D]);
   const De = Q && Q.onFilled, Se = Q && Q.onEmpty, Be = k.useCallback((be) => {
     Ma(be) ? De && De() : Se && Se();
@@ -11422,9 +11422,9 @@ const dl = (e, t) => {
     });
   }, [X, Be, ie]);
   const Ie = (be) => {
-    A && A(be), w.onFocus && w.onFocus(be), Q && Q.onFocus ? Q.onFocus(be) : oe(!0);
+    A && A(be), w.onFocus && w.onFocus(be), Q && Q.onFocus ? Q.onFocus(be) : se(!0);
   }, Ye = (be) => {
-    D && D(be), w.onBlur && w.onBlur(be), Q && Q.onBlur ? Q.onBlur(be) : oe(!1);
+    D && D(be), w.onBlur && w.onBlur(be), Q && Q.onBlur ? Q.onBlur(be) : se(!1);
   }, Ae = (be, ...gt) => {
     if (!ie) {
       const dt = be.target || ae.current;
@@ -12602,13 +12602,13 @@ process.env.NODE_ENV !== "production" && (pd.propTypes = {
    */
   variant: s.oneOfType([s.oneOf(["dot", "standard"]), s.string])
 });
-const RE = ke("MuiBox", ["root"]), PE = _s(), se = ew({
+const RE = ke("MuiBox", ["root"]), PE = _s(), oe = ew({
   themeId: Hn,
   defaultTheme: PE,
   defaultClassName: RE.root,
   generateClassName: J0.generate
 });
-process.env.NODE_ENV !== "production" && (se.propTypes = {
+process.env.NODE_ENV !== "production" && (oe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -15025,10 +15025,10 @@ const Tk = Z(gl, {
     fullWidth: m,
     maxWidth: b,
     scroll: T
-  }, I = Ek(A), $ = k.useRef(), B = (oe) => {
-    $.current = oe.target === oe.currentTarget;
-  }, _ = (oe) => {
-    S && S(oe), $.current && ($.current = null, E && E(oe, "backdropClick"));
+  }, I = Ek(A), $ = k.useRef(), B = (se) => {
+    $.current = se.target === se.currentTarget;
+  }, _ = (se) => {
+    S && S(se), $.current && ($.current = null, E && E(se, "backdropClick"));
   }, U = ro(l), H = k.useMemo(() => ({
     titleId: U
   }), [U]), L = {
@@ -18203,8 +18203,8 @@ const hO = (e) => {
       return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
     const F = xs(i), W = F && F.nodeType === 1 ? F : Qt(R.current).body, j = W.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
-      const oe = W.getBoundingClientRect();
-      process.env.NODE_ENV !== "test" && oe.top === 0 && oe.left === 0 && oe.right === 0 && oe.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(`
+      const se = W.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && se.top === 0 && se.left === 0 && se.right === 0 && se.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(`
 `));
     }
     return {
@@ -18225,8 +18225,8 @@ const hO = (e) => {
         left: null,
         transformOrigin: oh(j)
       };
-    const oe = N();
-    let Q = oe.top - j.vertical, le = oe.left - j.horizontal;
+    const se = N();
+    let Q = se.top - j.vertical, le = se.left - j.horizontal;
     const De = Q + W.height, Se = le + W.width, Be = An(xs(i)), Ie = Be.innerHeight - h, Ye = Be.innerWidth - h;
     if (h !== null && Q < h) {
       const Ae = Q - h;
@@ -20485,7 +20485,7 @@ const JO = (e) => {
     name: "Select"
   }), ee = k.useRef(null), q = k.useRef(null), [X, ie] = k.useState(null), {
     current: ae
-  } = k.useRef(N != null), [F, W] = k.useState(), j = jt(n, m), oe = k.useCallback((ge) => {
+  } = k.useRef(N != null), [F, W] = k.useState(), j = jt(n, m), se = k.useCallback((ge) => {
     q.current = ge, ge && ie(ge);
   }, []), Q = X?.parentNode;
   k.useImperativeHandle(j, () => ({
@@ -20630,7 +20630,7 @@ const JO = (e) => {
   return /* @__PURE__ */ y.jsxs(k.Fragment, {
     children: [/* @__PURE__ */ y.jsx(GO, {
       as: "div",
-      ref: oe,
+      ref: se,
       tabIndex: be,
       role: "combobox",
       "aria-controls": le ? nr : void 0,
@@ -21693,7 +21693,7 @@ const Sd = /* @__PURE__ */ k.forwardRef(function(t, n) {
 `));
     }, [A, L, $e]);
   }
-  const oe = ro(E), Q = k.useRef(), le = bn(() => {
+  const se = ro(E), Q = k.useRef(), le = bn(() => {
     Q.current !== void 0 && (document.body.style.WebkitUserSelect = Q.current, Q.current = void 0), ae.clear();
   });
   k.useEffect(() => le, [le]);
@@ -21754,7 +21754,7 @@ const Sd = /* @__PURE__ */ k.forwardRef(function(t, n) {
       y: $e.clientY
     }, de.current && de.current.update();
   }, Ne = {}, Ke = typeof A == "string";
-  u ? (Ne.title = !j && Ke && !f ? A : null, Ne["aria-describedby"] = j ? oe : null) : (Ne["aria-label"] = Ke ? A : null, Ne["aria-labelledby"] = j && !Ke ? oe : null);
+  u ? (Ne.title = !j && Ke && !f ? A : null, Ne["aria-describedby"] = j ? se : null) : (Ne["aria-label"] = Ke ? A : null, Ne["aria-labelledby"] = j && !Ke ? se : null);
   const be = {
     ...Ne,
     ...B,
@@ -21853,7 +21853,7 @@ const Sd = /* @__PURE__ */ k.forwardRef(function(t, n) {
       } : L,
       popperRef: de,
       open: L ? j : !1,
-      id: oe,
+      id: se,
       transition: !0,
       ...gt,
       ...Te,
@@ -23936,7 +23936,7 @@ const Dy = /* @__PURE__ */ k.forwardRef(function(t, n) {
     ownerState: L
   });
   process.env.NODE_ENV !== "production" && u && A && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [J, ee] = k.useState(!1), [q, X] = k.useState(gh), [ie, ae] = k.useState(!1), [F, W] = k.useState(!1), [j, oe] = k.useState(!1), [Q, le] = k.useState({
+  const [J, ee] = k.useState(!1), [q, X] = k.useState(gh), [ie, ae] = k.useState(!1), [F, W] = k.useState(!1), [j, se] = k.useState(!1), [Q, le] = k.useState({
     overflow: "hidden",
     scrollbarWidth: 0
   }), De = /* @__PURE__ */ new Map(), Se = k.useRef(null), Be = k.useRef(null), Ie = {
@@ -24088,7 +24088,7 @@ const Dy = /* @__PURE__ */ k.forwardRef(function(t, n) {
       }
     }
   }), dn = bn(() => {
-    A && E !== !1 && oe(!j);
+    A && E !== !1 && se(!j);
   });
   k.useEffect(() => {
     const fe = di(() => {
@@ -24491,7 +24491,7 @@ const i5 = {
     }
   }, F = {}, W = ae.slotProps.inputLabel;
   M === "outlined" && (W && typeof W.shrink < "u" && (F.notched = W.shrink), F.label = v), $ && ((!B || !B.native) && (F.id = void 0), F["aria-describedby"] = void 0);
-  const [j, oe] = Le("root", {
+  const [j, se] = Le("root", {
     elementType: l5,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
@@ -24556,7 +24556,7 @@ const i5 = {
     ...le
   });
   return /* @__PURE__ */ y.jsxs(j, {
-    ...oe,
+    ...se,
     children: [v != null && v !== "" && /* @__PURE__ */ y.jsx(De, {
       htmlFor: ee,
       id: X,
@@ -29865,7 +29865,7 @@ const T6 = {
       style: { zIndex: 1300 },
       ref: i,
       children: ({ TransitionProps: a }) => /* @__PURE__ */ y.jsx(Us, { ...a, timeout: 100, children: /* @__PURE__ */ y.jsx(
-        se,
+        oe,
         {
           sx: {
             background: (l) => l.palette.primary.appBackground,
@@ -29876,7 +29876,7 @@ const T6 = {
             maxHeight: "20rem",
             overflowY: "auto"
           },
-          children: /* @__PURE__ */ y.jsx(se, { children: r?.map((l, c) => /* @__PURE__ */ y.jsx(
+          children: /* @__PURE__ */ y.jsx(oe, { children: r?.map((l, c) => /* @__PURE__ */ y.jsx(
             Xr,
             {
               sx: {
@@ -30022,8 +30022,8 @@ function wc({ ...e }) {
         p: "0!important"
       },
       id: e?.id,
-      icon: /* @__PURE__ */ y.jsx(se, { component: "img", src: qe.Uncheck }),
-      checkedIcon: /* @__PURE__ */ y.jsx(se, { component: "img", src: qe.Check }),
+      icon: /* @__PURE__ */ y.jsx(oe, { component: "img", src: qe.Uncheck }),
+      checkedIcon: /* @__PURE__ */ y.jsx(oe, { component: "img", src: qe.Check }),
       ...e
     }
   ) });
@@ -32721,7 +32721,7 @@ function Cj(e) {
     t.classNames
   ]);
   t.today || (t = { ...t, today: a.today() });
-  const { captionLayout: u, mode: d, navLayout: f, numberOfMonths: p = 1, onDayBlur: h, onDayClick: g, onDayFocus: m, onDayKeyDown: b, onDayMouseEnter: S, onDayMouseLeave: E, onNextClick: w, onPrevClick: v, showWeekNumber: x, styles: T } = t, { formatCaption: O, formatDay: R, formatMonthDropdown: P, formatWeekNumber: D, formatWeekNumberHeader: N, formatWeekdayName: C, formatYearDropdown: A } = o, I = fj(t, a), { days: $, months: B, navStart: _, navEnd: U, previousMonth: H, nextMonth: L, goToMonth: M } = I, V = M9($, t, _, U, a), { isSelected: Y, select: J, selected: ee } = Sj(t, a) ?? {}, { blur: q, focused: X, isFocusTarget: ie, moveFocus: ae, setFocused: F } = mj(t, I, V, Y ?? (() => !1), a), { labelDayButton: W, labelGridcell: j, labelGrid: oe, labelMonthDropdown: Q, labelNav: le, labelPrevious: De, labelNext: Se, labelWeekday: Be, labelWeekNumber: Ie, labelWeekNumberHeader: Ye, labelYearDropdown: Ae } = i, pe = Ut(() => Z9(a, t.ISOWeek, t.broadcastCalendar, t.today), [a, t.ISOWeek, t.broadcastCalendar, t.today]), te = d !== void 0 || g !== void 0, ne = bt(() => {
+  const { captionLayout: u, mode: d, navLayout: f, numberOfMonths: p = 1, onDayBlur: h, onDayClick: g, onDayFocus: m, onDayKeyDown: b, onDayMouseEnter: S, onDayMouseLeave: E, onNextClick: w, onPrevClick: v, showWeekNumber: x, styles: T } = t, { formatCaption: O, formatDay: R, formatMonthDropdown: P, formatWeekNumber: D, formatWeekNumberHeader: N, formatWeekdayName: C, formatYearDropdown: A } = o, I = fj(t, a), { days: $, months: B, navStart: _, navEnd: U, previousMonth: H, nextMonth: L, goToMonth: M } = I, V = M9($, t, _, U, a), { isSelected: Y, select: J, selected: ee } = Sj(t, a) ?? {}, { blur: q, focused: X, isFocusTarget: ie, moveFocus: ae, setFocused: F } = mj(t, I, V, Y ?? (() => !1), a), { labelDayButton: W, labelGridcell: j, labelGrid: se, labelMonthDropdown: Q, labelNav: le, labelPrevious: De, labelNext: Se, labelWeekday: Be, labelWeekNumber: Ie, labelWeekNumberHeader: Ye, labelYearDropdown: Ae } = i, pe = Ut(() => Z9(a, t.ISOWeek, t.broadcastCalendar, t.today), [a, t.ISOWeek, t.broadcastCalendar, t.today]), te = d !== void 0 || g !== void 0, ne = bt(() => {
     H && (M(H), v?.(H));
   }, [H, M, v]), ye = bt(() => {
     L && (M(L), w?.(L));
@@ -32844,7 +32844,7 @@ function Cj(e) {
           Te === p - 1 && f === "after" && !t.hideNavigation && re.createElement(r.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: c[we.Nav], style: T?.[we.Nav], "aria-label": le(), onPreviousClick: ne, onNextClick: ye, previousMonth: H, nextMonth: L }),
           re.createElement(
             r.MonthGrid,
-            { role: "grid", "aria-multiselectable": d === "multiple" || d === "range", "aria-label": oe(ce.date, a.options, a) || void 0, className: c[we.MonthGrid], style: T?.[we.MonthGrid] },
+            { role: "grid", "aria-multiselectable": d === "multiple" || d === "range", "aria-label": se(ce.date, a.options, a) || void 0, className: c[we.MonthGrid], style: T?.[we.MonthGrid] },
             !t.hideWeekdays && re.createElement(
               r.Weekdays,
               { "data-animated-weekdays": t.animate ? "true" : void 0, className: c[we.Weekdays], style: T?.[we.Weekdays] },
@@ -33065,9 +33065,9 @@ const Tj = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
 async function Ij(e) {
   switch (e.split("-")[0]) {
     case "tr":
-      return (await import("./tr-Cj8CLb-x.js")).tr;
+      return (await import("./tr-MQ5Kl5b6.js")).tr;
     case "nl":
-      return (await import("./nl-CqW6kd1O.js")).nl;
+      return (await import("./nl-Bp7xukzz.js")).nl;
     default:
       return (await Promise.resolve().then(() => wA)).enUS;
   }
@@ -33190,19 +33190,19 @@ const Bj = ({ options: e, isDraggable: t }) => {
       j = n.length === r.length ? [] : n.map((Q) => ({ ...Q }));
     else if (W)
       if (l)
-        j = j.map((oe) => {
-          if (!oe.children) return oe;
-          let Q = oe?.children?.length ? [...oe?.children] : [];
+        j = j.map((se) => {
+          if (!se.children) return se;
+          let Q = se?.children?.length ? [...se?.children] : [];
           return Q.findIndex((De) => De.key === F.key) > -1 ? Q = Q.filter(
             (De) => De.key !== F.key
           ) : Q = [...Q, F], {
-            ...oe,
+            ...se,
             children: Q
           };
         });
       else {
-        const oe = W?.id, Q = F?.id, le = F?.key, De = j.findIndex(
-          (Se) => Se.id === oe
+        const se = W?.id, Q = F?.id, le = F?.key, De = j.findIndex(
+          (Se) => Se.id === se
         );
         if (De > -1) {
           const Se = j[De], Be = Se.children || [], Ye = Be.some(
@@ -33216,7 +33216,7 @@ const Bj = ({ options: e, isDraggable: t }) => {
           };
         } else
           j.push({
-            id: oe,
+            id: se,
             label: W?.label,
             value: W?.value,
             children: [F]
@@ -33269,7 +33269,7 @@ const Bj = ({ options: e, isDraggable: t }) => {
       const W = _.current;
       let j = !1;
       if (!W) return;
-      const oe = async () => {
+      const se = async () => {
         const Q = W.scrollHeight - W.scrollTop <= W.clientHeight + 1;
         if (c && Q && !j) {
           j = !0;
@@ -33282,12 +33282,12 @@ const Bj = ({ options: e, isDraggable: t }) => {
           }
         }
       };
-      return W.addEventListener("scroll", oe), () => W.removeEventListener("scroll", oe);
+      return W.addEventListener("scroll", se), () => W.removeEventListener("scroll", se);
     }, 100);
     return () => clearTimeout(F);
   }, [h, P]), /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
         ref: I,
         sx: { position: "relative", display: "inline-block", width: "100%" },
@@ -33321,7 +33321,7 @@ const Bj = ({ options: e, isDraggable: t }) => {
                     cursor: f?.disabled ? "not-allowed" : "pointer"
                   },
                   children: /* @__PURE__ */ y.jsx(
-                    se,
+                    oe,
                     {
                       component: "img",
                       src: h ? qe.ArrowSelectDown : qe.ArrowSelectUp
@@ -33393,7 +33393,7 @@ const Bj = ({ options: e, isDraggable: t }) => {
           }
         ],
         children: /* @__PURE__ */ y.jsxs(
-          se,
+          oe,
           {
             role: "listbox",
             ref: _,
@@ -33571,7 +33571,7 @@ const Bj = ({ options: e, isDraggable: t }) => {
                                 }
                               ),
                               !F?.isMandatory && e && /* @__PURE__ */ y.jsx(
-                                se,
+                                oe,
                                 {
                                   component: "img",
                                   src: qe.Drag,
@@ -33584,10 +33584,10 @@ const Bj = ({ options: e, isDraggable: t }) => {
                       }
                     ),
                     F.children?.map(
-                      (j, oe) => (!j?.isMandatory || j?.isMandatory && j?.showHide === !0 && j?.showInHierarchy) && /* @__PURE__ */ y.jsx(
+                      (j, se) => (!j?.isMandatory || j?.isMandatory && j?.showHide === !0 && j?.showInHierarchy) && /* @__PURE__ */ y.jsx(
                         Xr,
                         {
-                          "data-option-index": oe,
+                          "data-option-index": se,
                           autoFocus: !0,
                           sx: {
                             cursor: e && !j?.isMandatory ? "grab" : e ? "not-allowed" : "pointer",
@@ -33598,12 +33598,12 @@ const Bj = ({ options: e, isDraggable: t }) => {
                             borderTop: (Q) => `0.1rem solid ${Q.palette.primary.notifyBorderColor}`
                           },
                           draggable: !j?.isMandatory && e,
-                          onDragStart: () => ee(W, oe),
+                          onDragStart: () => ee(W, se),
                           onDragOver: (Q) => {
                             j?.isMandatory || Q.preventDefault();
                           },
                           onDrop: (Q) => {
-                            j?.isMandatory || q(W, oe);
+                            j?.isMandatory || q(W, se);
                           },
                           onClick: (Q) => {
                             Q.stopPropagation(), X(j, F);
@@ -33644,14 +33644,14 @@ const Bj = ({ options: e, isDraggable: t }) => {
                             }
                           )
                         },
-                        `${W}-${oe}`
+                        `${W}-${se}`
                       )
                     )
                   ] }, W)
                 ),
                 N && /* @__PURE__ */ y.jsx(Ho, { sx: { color: "blue" }, size: 45 })
               ] }) : /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   autoFocus: !0,
                   sx: {
@@ -33692,8 +33692,8 @@ function Km(e) {
 }
 const Lj = ({ time: e, setTime: t }) => {
   const n = Km(24), r = Km(60);
-  return /* @__PURE__ */ y.jsxs(se, { display: "flex", gap: "1rem", paddingLeft: "2rem", children: [
-    /* @__PURE__ */ y.jsxs(se, { display: "flex", flexDirection: "column", alignItems: "center", width: "6rem", gap: "1rem", children: [
+  return /* @__PURE__ */ y.jsxs(oe, { display: "flex", gap: "1rem", paddingLeft: "2rem", children: [
+    /* @__PURE__ */ y.jsxs(oe, { display: "flex", flexDirection: "column", alignItems: "center", width: "6rem", gap: "1rem", children: [
       /* @__PURE__ */ y.jsx(ft, { variant: "h5", color: (o) => o.palette.primary.notifyActiveText, children: "HH" }),
       /* @__PURE__ */ y.jsx(
         Lo,
@@ -33704,7 +33704,7 @@ const Lj = ({ time: e, setTime: t }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ y.jsxs(se, { display: "flex", flexDirection: "column", alignItems: "center", width: "6rem", gap: "1rem", children: [
+    /* @__PURE__ */ y.jsxs(oe, { display: "flex", flexDirection: "column", alignItems: "center", width: "6rem", gap: "1rem", children: [
       /* @__PURE__ */ y.jsx(ft, { variant: "h5", color: (o) => o.palette.primary.notifyActiveText, children: "MM" }),
       /* @__PURE__ */ y.jsx(
         Lo,
@@ -33791,17 +33791,17 @@ const _j = ({
       if (t === "range")
         p ? D(W) : o?.(W);
       else if (t === "multiple") {
-        const oe = [...Array.isArray(W) ? W : [W]];
-        p ? D(oe) : o?.(oe);
+        const se = [...Array.isArray(W) ? W : [W]];
+        p ? D(se) : o?.(se);
       } else
         p ? D(Zm(W, A)) : (o?.(W), V());
-  }, q = ({ orientation: W, className: j, disabled: oe }) => /* @__PURE__ */ y.jsx(
-    se,
+  }, q = ({ orientation: W, className: j, disabled: se }) => /* @__PURE__ */ y.jsx(
+    oe,
     {
       className: j,
       sx: {
-        opacity: oe ? 0.5 : 1,
-        pointerEvents: oe ? "none" : "auto"
+        opacity: se ? 0.5 : 1,
+        pointerEvents: se ? "none" : "auto"
       },
       children: {
         left: /* @__PURE__ */ y.jsx(Tj, { color: v.palette.primary.notifyIconColor }),
@@ -33811,7 +33811,7 @@ const _j = ({
       }[W]
     }
   ), X = (W) => {
-    const { options: j, value: oe } = W ?? {}, Q = j?.length !== 12, le = j?.find((Se) => Se?.value === oe)?.label, De = () => {
+    const { options: j, value: se } = W ?? {}, Q = j?.length !== 12, le = j?.find((Se) => Se?.value === se)?.label, De = () => {
       U("year");
     };
     return /* @__PURE__ */ y.jsxs(
@@ -33844,9 +33844,9 @@ const _j = ({
   }, ie = () => {
     const W = Array.isArray($) ? $[0] : $;
     if (!(W instanceof Date) || isNaN(W)) return null;
-    const j = W.getFullYear(), oe = W.getMonth();
+    const j = W.getFullYear(), se = W.getMonth();
     return _ === "month" ? /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
         sx: {
           display: "grid",
@@ -33860,7 +33860,7 @@ const _j = ({
         children: Fj.map((Q, le) => {
           const De = new Date(j, le, 1), Se = h && De < new Date(h.getFullYear(), h.getMonth(), 1);
           return /* @__PURE__ */ y.jsx(
-            se,
+            oe,
             {
               sx: {
                 display: "flex",
@@ -33871,13 +33871,13 @@ const _j = ({
               },
               onClick: () => !Se && Y(le),
               children: /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     p: "0.8rem 1.2rem",
                     borderRadius: "2rem",
-                    bgcolor: le === oe && !Se && v.palette.brandColor.orange,
-                    color: le === oe && !Se ? v.palette.brandColor.white : v.palette.primary.notifyActiveText,
+                    bgcolor: le === se && !Se && v.palette.brandColor.orange,
+                    color: le === se && !Se ? v.palette.brandColor.white : v.palette.primary.notifyActiveText,
                     fontSize: "1.1rem"
                   },
                   children: w(Q)
@@ -33888,8 +33888,8 @@ const _j = ({
           );
         })
       }
-    ) : _ === "year" ? /* @__PURE__ */ y.jsx(se, { sx: { maxHeight: "30rem", overflowY: "auto", pr: 1 }, children: /* @__PURE__ */ y.jsx(
-      se,
+    ) : _ === "year" ? /* @__PURE__ */ y.jsx(oe, { sx: { maxHeight: "30rem", overflowY: "auto", pr: 1 }, children: /* @__PURE__ */ y.jsx(
+      oe,
       {
         sx: {
           display: "grid",
@@ -33903,7 +33903,7 @@ const _j = ({
         children: E.map((Q) => {
           const le = h && Q < h.getFullYear();
           return /* @__PURE__ */ y.jsx(
-            se,
+            oe,
             {
               sx: {
                 display: "flex",
@@ -33914,7 +33914,7 @@ const _j = ({
               },
               onClick: () => !le && J(Q),
               children: /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     p: "0.8rem 1.2rem",
@@ -33944,13 +33944,13 @@ const _j = ({
   return Ue(() => {
     const W = (j) => {
       if (!H && !d) return;
-      const oe = T.current?.querySelectorAll(
+      const se = T.current?.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), Q = Array.from(oe || []), le = Q[0], De = Q[Q.length - 1];
+      ), Q = Array.from(se || []), le = Q[0], De = Q[Q.length - 1];
       j.key === "Tab" && (j.shiftKey ? document.activeElement === le && (j.preventDefault(), De?.focus()) : document.activeElement === De && (j.preventDefault(), le?.focus())), j.key === "Escape" && V?.();
     };
     return document.addEventListener("keydown", W), () => document.removeEventListener("keydown", W);
-  }, [H, d, V]), /* @__PURE__ */ y.jsxs(se, { ref: x, children: [
+  }, [H, d, V]), /* @__PURE__ */ y.jsxs(oe, { ref: x, children: [
     !d && /* @__PURE__ */ y.jsx(
       Eu,
       {
@@ -34012,9 +34012,9 @@ const _j = ({
       }
     ),
     /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
-        component: d ? se : yi,
+        component: d ? oe : yi,
         id: L,
         open: d ? !0 : H,
         anchorEl: O,
@@ -34033,7 +34033,7 @@ const _j = ({
           }
         },
         children: /* @__PURE__ */ y.jsxs(
-          se,
+          oe,
           {
             sx: {
               zoom: "0.85",
@@ -34165,7 +34165,7 @@ const _j = ({
 }, AN = (e) => /* @__PURE__ */ y.jsx(un, { children: /* @__PURE__ */ y.jsx(_j, { ...e }) }), Vj = ({ iconUrl: e, placeholder: t, ...n }) => {
   const [r, o] = me(!1), [i, a] = me(!1), l = kt(), { t: c } = _e(En);
   return /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       sx: {
         display: "flex",
@@ -34180,7 +34180,7 @@ const _j = ({
       },
       children: [
         e && /* @__PURE__ */ y.jsx(
-          se,
+          oe,
           {
             component: qt,
             url: e,
@@ -34247,7 +34247,7 @@ const Hj = cn(/* @__PURE__ */ y.jsx("path", {
     FAILED: "rgba(231, 111, 81, 0.3)"
   };
   return /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       sx: {
         height: "0.2rem",
@@ -34258,7 +34258,7 @@ const Hj = cn(/* @__PURE__ */ y.jsx("path", {
       },
       children: [
         /* @__PURE__ */ y.jsx(
-          se,
+          oe,
           {
             sx: {
               position: "absolute",
@@ -34276,7 +34276,7 @@ const Hj = cn(/* @__PURE__ */ y.jsx("path", {
           }
         ),
         /* @__PURE__ */ y.jsx(
-          se,
+          oe,
           {
             sx: {
               position: "absolute",
@@ -34371,7 +34371,7 @@ const Hj = cn(/* @__PURE__ */ y.jsx("path", {
         horizontal: "left"
       },
       children: /* @__PURE__ */ y.jsx(
-        se,
+        oe,
         {
           position: "fixed",
           sx: {
@@ -34463,14 +34463,14 @@ const Hj = cn(/* @__PURE__ */ y.jsx("path", {
       t.key
     )
   ] });
-}, Kj = Z(se)(({ theme: e }) => ({
+}, Kj = Z(oe)(({ theme: e }) => ({
   borderRadius: "0.4rem",
   position: "relative",
   background: e.palette.primary.notifyButtonBackground,
   display: "flex",
   height: "2.5rem"
   // width: "200px"
-})), Xj = Z(se)(({ theme: e }) => ({
+})), Xj = Z(oe)(({ theme: e }) => ({
   borderRadius: "0.4rem",
   position: "absolute",
   background: e.palette.primary.notifyBackground,
@@ -34495,7 +34495,7 @@ const Hj = cn(/* @__PURE__ */ y.jsx("path", {
       const p = e ? f.current : d.current;
       a(p.offsetWidth), c(p.offsetLeft);
     }
-  }, [e]), /* @__PURE__ */ y.jsx(se, { sx: { display: "flex" }, children: /* @__PURE__ */ y.jsxs(Kj, { children: [
+  }, [e]), /* @__PURE__ */ y.jsx(oe, { sx: { display: "flex" }, children: /* @__PURE__ */ y.jsxs(Kj, { children: [
     /* @__PURE__ */ y.jsx(Xj, { sx: { width: i, transform: `translateX(${l}px)`, height: "2.5rem" } }),
     /* @__PURE__ */ y.jsx(
       Jm,
@@ -34548,7 +34548,7 @@ function NN() {
       },
       open: !0,
       children: /* @__PURE__ */ y.jsx(
-        se,
+        oe,
         {
           sx: {
             width: "40px",
@@ -36724,7 +36724,7 @@ const g2 = {
 function vf({ isRenderCellContent: e, column: t, row: n, parent: r }) {
   const o = n[t.key], i = o?.length > 20;
   return /* @__PURE__ */ y.jsx(y.Fragment, { children: e ? /* @__PURE__ */ y.jsx(
-    se,
+    oe,
     {
       sx: {
         display: "flex",
@@ -36754,7 +36754,7 @@ function vf({ isRenderCellContent: e, column: t, row: n, parent: r }) {
         }
       },
       children: /* @__PURE__ */ y.jsx(
-        se,
+        oe,
         {
           sx: {
             maxWidth: "auto",
@@ -36777,7 +36777,7 @@ function vf({ isRenderCellContent: e, column: t, row: n, parent: r }) {
       )
     }
   ) : /* @__PURE__ */ y.jsx(
-    se,
+    oe,
     {
       sx: {
         overflow: "hidden",
@@ -37083,7 +37083,7 @@ const sN = re.memo(
       }
     ),
     select: (i) => /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
         sx: {
           "& .MuiInputBase-input": { padding: "0rem!important" },
@@ -37175,7 +37175,7 @@ const sN = re.memo(
     localStorage.setItem(g, JSON.stringify(b)), await Nl({ baseUrl: n, payload: b });
   };
   return /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       sx: {
         display: "flex",
@@ -37183,7 +37183,7 @@ const sN = re.memo(
       },
       children: [
         /* @__PURE__ */ y.jsxs(
-          se,
+          oe,
           {
             sx: {
               // zIndex: 10,
@@ -37208,7 +37208,7 @@ const sN = re.memo(
                 }
               ),
               /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     "& .MuiInputBase-input": { padding: "0rem 0.8rem!important" },
@@ -37305,7 +37305,7 @@ const b2 = ({ menuOpen: e, handleClose: t, onHideClick: n }) => {
       onClose: t,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       children: /* @__PURE__ */ y.jsx(
-        se,
+        oe,
         {
           sx: {
             backgroundColor: r.palette.primary.notifyBackground,
@@ -37364,7 +37364,7 @@ v2.propTypes = {
 function x2({ parent: e, column: t, sort: n, handleMenuClick: r, isManageable: o }) {
   const i = o && (!t?.isMandatory || t?.isMandatory && t?.showHide === !0), a = t?.label, l = t?.isSortable, c = n?.sortField, u = n?.sortDir, d = n?.onSort;
   return /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       sx: {
         display: "flex",
@@ -37374,7 +37374,7 @@ function x2({ parent: e, column: t, sort: n, handleMenuClick: r, isManageable: o
       draggable: !1,
       children: [
         /* @__PURE__ */ y.jsx(
-          se,
+          oe,
           {
             sx: {
               fontWeight: "bold",
@@ -37404,7 +37404,7 @@ function x2({ parent: e, column: t, sort: n, handleMenuClick: r, isManageable: o
             )
           }
         ),
-        /* @__PURE__ */ y.jsxs(se, { sx: { display: "flex", alignItems: "center" }, draggable: !1, children: [
+        /* @__PURE__ */ y.jsxs(oe, { sx: { display: "flex", alignItems: "center" }, draggable: !1, children: [
           l && /* @__PURE__ */ y.jsx(
             v2,
             {
@@ -37526,7 +37526,7 @@ function w2({
     E({ updatedColumns: Re }), I(null), B(null);
   }, j = () => {
     I(null), B(null);
-  }, oe = (te, ne, ye, ve) => {
+  }, se = (te, ne, ye, ve) => {
     if (!te) return null;
     const de = te?.isMandatory && te?.isSticky, Re = parseFloat(te?.style?.minWidth?.toString().replace("rem", "")) || 7.5;
     ne === 0 && (L.current = 0);
@@ -37621,7 +37621,7 @@ function w2({
         },
         children: [
           (e?.selectedRow && e?.selectedRow?.fhi === ne?.fhi || ne?.isHigh) && /* @__PURE__ */ y.jsx(
-            se,
+            oe,
             {
               sx: {
                 position: "absolute",
@@ -37649,7 +37649,7 @@ function w2({
       ye
     );
   }, [e?.selectedRow, f]), le = (te, ne, ye, ve) => /* @__PURE__ */ y.jsx(y.Fragment, { children: te && ye && !te?.isMandatory ? /* @__PURE__ */ y.jsx(
-    se,
+    oe,
     {
       resizeStart: () => {
         te?.isMandatory && !te?.isResizable || (M.current = !0);
@@ -37713,7 +37713,7 @@ function w2({
         borderBottom: `0.1rem solid ${f.palette.primary.notifyBorderColor}`
       },
       children: (e?.selectedRow && e?.selectedRow?.fhi === te?.fhi || te?.isHigh) && /* @__PURE__ */ y.jsx(
-        se,
+        oe,
         {
           sx: {
             position: "absolute",
@@ -37828,7 +37828,7 @@ function w2({
                     },
                     children: p.map(
                       (te, ne) => te?.isHidden || te?.isVisible === !1 ? null : /* @__PURE__ */ y.jsxs(re.Fragment, { children: [
-                        oe(te, ne, w),
+                        se(te, ne, w),
                         le(te, ne, w)
                       ] }, ne)
                     )
@@ -37847,7 +37847,7 @@ function w2({
                     children: p.flatMap(
                       (te, ne) => te?.isHidden || !te?.children || te?.isVisible === !1 ? [] : te.children.map(
                         (ye, ve) => ye?.isHidden ? null : /* @__PURE__ */ y.jsxs(re.Fragment, { children: [
-                          oe(
+                          se(
                             ye,
                             ve,
                             w,
@@ -37934,7 +37934,7 @@ const g0 = ({ type: e }) => {
   const r = kt()?.mode === "dark" ? { bgcolor: "grey.800" } : {};
   return {
     grid: /* @__PURE__ */ y.jsxs(
-      se,
+      oe,
       {
         sx: {
           borderRadius: 2,
@@ -37943,7 +37943,7 @@ const g0 = ({ type: e }) => {
         children: [
           /* @__PURE__ */ y.jsx(sr, { variant: "text", width: "100%", height: 60, sx: r }),
           Array.from({ length: 10 }).map((i, a) => /* @__PURE__ */ y.jsx(
-            se,
+            oe,
             {
               sx: {
                 display: "flex",
@@ -37951,7 +37951,7 @@ const g0 = ({ type: e }) => {
                 padding: "0.5rem",
                 gap: "3rem"
               },
-              children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ y.jsx(se, { sx: { flex: 1 }, children: /* @__PURE__ */ y.jsx(sr, { variant: "text", height: 45, sx: r }) }, c))
+              children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ y.jsx(oe, { sx: { flex: 1 }, children: /* @__PURE__ */ y.jsx(sr, { variant: "text", height: 45, sx: r }) }, c))
             },
             a
           ))
@@ -38000,7 +38000,7 @@ const g0 = ({ type: e }) => {
       }
     ),
     /* @__PURE__ */ y.jsxs(
-      se,
+      oe,
       {
         sx: {
           display: "flex",
@@ -38020,11 +38020,11 @@ const g0 = ({ type: e }) => {
               exit: { opacity: 0 },
               transition: { duration: 0.15 },
               layout: !0,
-              children: /* @__PURE__ */ y.jsx(se, { sx: { flexShrink: 0, minWidth: "fit-content" }, children: lN(f) })
+              children: /* @__PURE__ */ y.jsx(oe, { sx: { flexShrink: 0, minWidth: "fit-content" }, children: lN(f) })
             },
             `${f.id}_${p}`
           )) }),
-          l && /* @__PURE__ */ y.jsx(se, { sx: { paddingLeft: t ? "0.5rem" : 0 }, children: /* @__PURE__ */ y.jsx(
+          l && /* @__PURE__ */ y.jsx(oe, { sx: { paddingLeft: t ? "0.5rem" : 0 }, children: /* @__PURE__ */ y.jsx(
             xr,
             {
               label: t ? "" : c("LABEL_MORE_ACTIONS"),
@@ -38147,7 +38147,7 @@ const T2 = ({
     return !v.isHidden || v.isHidden && v.showInHierarchy ? { ...v, children: x } : null;
   }).filter(Boolean);
   return /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       sx: {
         margin: "1rem 0",
@@ -38160,7 +38160,7 @@ const T2 = ({
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ y.jsxs(se, { sx: { display: "flex", flexDirection: "row", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ y.jsxs(oe, { sx: { display: "flex", flexDirection: "row", gap: "0.6rem" }, children: [
           e?.search?.isRequired && /* @__PURE__ */ y.jsx(Wj, { ...e?.search, iconUrl: qe.Search }),
           e?.refresh?.isRequired && /* @__PURE__ */ y.jsx(
             xr,
@@ -38175,7 +38175,7 @@ const T2 = ({
               }
             }
           ),
-          e?.groupBy?.isRequired && /* @__PURE__ */ y.jsx(se, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
+          e?.groupBy?.isRequired && /* @__PURE__ */ y.jsx(oe, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
             Lo,
             {
               styles: {
@@ -38184,7 +38184,7 @@ const T2 = ({
               ...e.groupBy
             }
           ) }),
-          t && /* @__PURE__ */ y.jsx(se, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
+          t && /* @__PURE__ */ y.jsx(oe, { sx: { "& .MuiInputBase-input": { padding: "0rem!important" } }, children: /* @__PURE__ */ y.jsx(
             Lo,
             {
               placeholder: c("LABEL_MANAGE_COLUMN"),
@@ -38203,7 +38203,7 @@ const T2 = ({
           ) })
         ] }),
         /* @__PURE__ */ y.jsxs(
-          se,
+          oe,
           {
             sx: {
               display: "flex",
@@ -38220,7 +38220,7 @@ const T2 = ({
                   isExpanded: g
                 }
               ),
-              e?.save?.isRequired && /* @__PURE__ */ y.jsx(se, { sx: { px: "0.5rem" }, children: /* @__PURE__ */ y.jsx(
+              e?.save?.isRequired && /* @__PURE__ */ y.jsx(oe, { sx: { px: "0.5rem" }, children: /* @__PURE__ */ y.jsx(
                 xr,
                 {
                   label: g ? "" : "Save",
@@ -38274,7 +38274,7 @@ function E2({ tableProps: e, toolbarProps: t, isDefaultConfig: n, isLoading: r }
   return /* @__PURE__ */ y.jsx(zv, { children: r ? /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     t && /* @__PURE__ */ y.jsx(g0, { type: "toolbar" }),
     e && /* @__PURE__ */ y.jsx(g0, { type: "grid" })
-  ] }) : /* @__PURE__ */ y.jsxs(se, { sx: {
+  ] }) : /* @__PURE__ */ y.jsxs(oe, { sx: {
     position: "sticky"
   }, children: [
     t && /* @__PURE__ */ y.jsx(T2, { ...t, isManageable: o, pageSize: e?.pagination?.rowPerPage, gridData: e?.data }),
@@ -38436,7 +38436,7 @@ const O2 = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
             direction: "row",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ y.jsx(
+              /* @__PURE__ */ y.jsxs(
                 ft,
                 {
                   sx: {
@@ -38444,11 +38444,14 @@ const O2 = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                     fontWeight: "500",
                     color: o.palette.primary.notifyActiveText
                   },
-                  children: "Filters:"
+                  children: [
+                    n?.labels?.description || i("Filters"),
+                    " :"
+                  ]
                 }
               ),
               /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     overflowX: "auto",
@@ -38474,7 +38477,7 @@ const O2 = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                         overflow: "visible"
                       },
                       children: n?.filterItems?.map((l, c) => /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsxs(
-                        se,
+                        oe,
                         {
                           sx: {
                             position: "relative",
@@ -38487,7 +38490,7 @@ const O2 = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                           },
                           children: [
                             /* @__PURE__ */ y.jsx(
-                              se,
+                              oe,
                               {
                                 component: "img",
                                 src: qe.FilterClose,
@@ -38519,7 +38522,7 @@ const O2 = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                 }
               ),
               /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   component: ft,
                   sx: {
@@ -38530,7 +38533,7 @@ const O2 = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                     cursor: "pointer"
                   },
                   onClick: n?.filterContainerProps?.onClearClick,
-                  children: "Clear"
+                  children: n?.labels?.button || i("Clear")
                 }
               )
             ]
@@ -38790,7 +38793,7 @@ var bN = function(t) {
 };
 const vN = ({ count: e }) => (kt(), /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
   /* @__PURE__ */ y.jsx(
-    se,
+    oe,
     {
       sx: {
         gap: "0.5rem",
@@ -38946,7 +38949,7 @@ const D2 = ({
 }) => {
   const l = kt(), c = JSON.parse(localStorage.getItem("settings"))?.platform?.theme;
   return /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       className: "cards",
       sx: {
@@ -39147,7 +39150,7 @@ const ta = 60, k0 = 2, A2 = ({
         cancelAnimationFrame(v), T.removeEventListener("scroll", x);
       };
   }, [d]), h.length || i("CONTAINER_MESSAGE"), /* @__PURE__ */ y.jsxs(
-    se,
+    oe,
     {
       ref: l,
       sx: {
@@ -39155,7 +39158,7 @@ const ta = 60, k0 = 2, A2 = ({
         overflowY: "auto"
       },
       children: [
-        /* @__PURE__ */ y.jsx(se, { style: { height: m } }),
+        /* @__PURE__ */ y.jsx(oe, { style: { height: m } }),
         Object.entries(w).map(([v, x]) => {
           const T = localStorage.getItem("i18nextLng"), O = new Date(v), R = new Intl.DateTimeFormat(T, { month: "long" }).format(
             O
@@ -39176,7 +39179,7 @@ const ta = 60, k0 = 2, A2 = ({
             ))
           ] }, v);
         }),
-        /* @__PURE__ */ y.jsx(se, { style: { height: b } })
+        /* @__PURE__ */ y.jsx(oe, { style: { height: b } })
       ]
     }
   );
@@ -39207,7 +39210,7 @@ const CN = ({
   } = M2({});
   return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsxs(
-      se,
+      oe,
       {
         sx: {
           display: "flex",
@@ -39228,7 +39231,7 @@ const CN = ({
               children: i("NOTIFICATION")
             }
           ),
-          /* @__PURE__ */ y.jsx(se, { onClick: e, children: /* @__PURE__ */ y.jsx(
+          /* @__PURE__ */ y.jsx(oe, { onClick: e, children: /* @__PURE__ */ y.jsx(
             qt,
             {
               url: qe.Refresh,
@@ -39240,7 +39243,7 @@ const CN = ({
       }
     ),
     /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
         sx: {
           borderBottom: 1,
@@ -39252,7 +39255,7 @@ const CN = ({
             Ac,
             {
               label: /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     display: "flex",
@@ -39278,7 +39281,7 @@ const CN = ({
             Ac,
             {
               label: /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     display: "flex",
@@ -39305,7 +39308,7 @@ const CN = ({
             Ac,
             {
               label: /* @__PURE__ */ y.jsx(
-                se,
+                oe,
                 {
                   sx: {
                     display: "flex",
@@ -39341,7 +39344,7 @@ const CN = ({
         },
         tabIndex: -1,
         children: a && !u.length ? /* @__PURE__ */ y.jsx(
-          se,
+          oe,
           {
             sx: {
               height: 300,
@@ -39472,7 +39475,7 @@ const CN = ({
             }
           ),
           /* @__PURE__ */ y.jsx(
-            se,
+            oe,
             {
               onClick: t,
               sx: {
@@ -39548,7 +39551,7 @@ const CN = ({
   } = M2({ baseUrl: e });
   return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
         sx: {
           display: "flex",
@@ -39577,10 +39580,11 @@ const CN = ({
   onExpandClick: c,
   isDrawerExpanded: u,
   styles: d,
-  showMerge: f
+  showMerge: f,
+  isCloseVisible: p = !0
 }) => {
-  const p = kt();
-  return /* @__PURE__ */ y.jsx(se, { sx: { position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ y.jsxs(Ms, { container: !0, sx: { height: "100%" }, children: [
+  const h = kt();
+  return /* @__PURE__ */ y.jsx(oe, { sx: { position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ y.jsxs(Ms, { container: !0, sx: { height: "100%" }, children: [
     /* @__PURE__ */ y.jsx(
       Ms,
       {
@@ -39597,7 +39601,7 @@ const CN = ({
       }
     ),
     r && !n && /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsx(
-      se,
+      oe,
       {
         onClick: a,
         sx: {
@@ -39623,11 +39627,11 @@ const CN = ({
           top: 0,
           right: 0,
           height: "calc(100vh - 7rem)",
-          backgroundColor: p.palette.primary.notifyBackground,
+          backgroundColor: h.palette.primary.notifyBackground,
           transform: r ? "translateX(0)" : "translateX(100%)",
           transition: "transform 0.4s ease-in-out , width 0.4s ease-in-out",
           zIndex: 4,
-          borderLeft: `0.1rem solid ${p.palette.primary.notifyBorderColor}`,
+          borderLeft: `0.1rem solid ${h.palette.primary.notifyBorderColor}`,
           display: "flex",
           flexDirection: "column"
         },
@@ -39643,12 +39647,12 @@ const CN = ({
                 paddingBottom: "0.8rem",
                 px: 2,
                 pt: "0.8rem",
-                borderBottom: (h) => `0.1rem solid ${h.palette.primary.notifyBorderColor}`
+                borderBottom: (g) => `0.1rem solid ${g.palette.primary.notifyBorderColor}`
               },
               children: [
                 !u && f && /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
                   /* @__PURE__ */ y.jsx(
-                    se,
+                    oe,
                     {
                       component: "img",
                       src: qe.Merge,
@@ -39669,7 +39673,7 @@ const CN = ({
                       sx: {
                         mx: "1rem",
                         height: "auto!important",
-                        borderColor: p.palette.primary.notifyBorderColor
+                        borderColor: h.palette.primary.notifyBorderColor
                       }
                     }
                   )
@@ -39688,18 +39692,17 @@ const CN = ({
                           direction: "row",
                           gap: "0.5rem",
                           alignItems: "center",
-                          onClick: a,
                           sx: {
                             cursor: "pointer"
                           },
                           children: [
-                            /* @__PURE__ */ y.jsx(qt, { url: qe.CrossLight }),
+                            p && /* @__PURE__ */ y.jsx(oe, { onClick: a, children: /* @__PURE__ */ y.jsx(qt, { url: qe.CrossLight }) }),
                             /* @__PURE__ */ y.jsx(
                               ft,
                               {
                                 sx: {
                                   fontSize: "1.2rem",
-                                  color: p.palette.primary.notifyTextColor
+                                  color: h.palette.primary.notifyTextColor
                                 },
                                 children: o
                               }
@@ -39707,21 +39710,33 @@ const CN = ({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ y.jsx(Ge, { direction: "row", gap: "0.5rem", alignItems: "center", children: i && /* @__PURE__ */ y.jsx(se, { onClick: c, sx: { cursor: "pointer" }, children: /* @__PURE__ */ y.jsx(se, { component: "img", src: u ? qe.Collapse : qe.Expand }) }) })
+                      /* @__PURE__ */ y.jsx(Ge, { direction: "row", gap: "0.5rem", alignItems: "center", children: i && /* @__PURE__ */ y.jsx(oe, { onClick: c, sx: { cursor: "pointer" }, children: /* @__PURE__ */ y.jsx(
+                        oe,
+                        {
+                          component: "img",
+                          src: u ? qe.Collapse : qe.Expand
+                        }
+                      ) }) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ y.jsx(se, { sx: {
-            scrollbarWidth: "none",
-            "&::-webkit-scrollbar": {
-              display: "none"
-            },
-            overflow: "auto",
-            px: 2
-          }, children: e })
+          /* @__PURE__ */ y.jsx(
+            oe,
+            {
+              sx: {
+                scrollbarWidth: "none",
+                "&::-webkit-scrollbar": {
+                  display: "none"
+                },
+                overflow: "auto",
+                px: 2
+              },
+              children: e
+            }
+          )
         ]
       }
     )
@@ -39787,7 +39802,7 @@ const j2 = ({ parentProps: e, childProps: t }) => {
               width: "100%"
             },
             children: /* @__PURE__ */ y.jsx(
-              se,
+              oe,
               {
                 sx: {
                   p: "1rem"
@@ -39837,4 +39852,4 @@ export {
   jN as t,
   n$ as u
 };
-//# sourceMappingURL=index-B5CpGwZx.js.map
+//# sourceMappingURL=index-BrbKiqst.js.map