react-crud-mui 0.2.101 → 0.2.102

package/dist/components/more-button/MoreButton.d.ts

@@ -9,6 +9,7 @@ export type MoreButtonItem = {
     divider?: boolean;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    render?: (func: () => void) => ReactNode;
 };
 export interface MoreButtonProps extends IconButtonProps {
     options?: MoreButtonItem[];

package/dist/coreui.js

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as O, Fragment as Ge } from "@emotion/react/jsx-runtime";
+import { jsx as c, jsxs as D, Fragment as Ge } from "@emotion/react/jsx-runtime";
 import * as Ui from "react";
 import Rt, { forwardRef as Dt, useState as Ve, Fragment as Pl, isValidElement as hm, useRef as dt, useCallback as xe, useContext as xn, useMemo as Ye, useEffect as qe, useReducer as uu } from "react";
 import Ir from "@mui/material/Card";
@@ -226,7 +226,7 @@ function ho({
   ...s
 }) {
   const [f, d] = Ve(null), m = () => d(null);
-  return /* @__PURE__ */ O("div", { children: [
+  return /* @__PURE__ */ D("div", { children: [
     /* @__PURE__ */ c(Mx, { size: n, "aria-label": "more", "aria-haspopup": "true", onClick: (p) => {
       p.preventDefault(), p.stopPropagation(), d(p.currentTarget);
     }, ...s, children: /* @__PURE__ */ c(o, { fontSize: "small" }) }),
@@ -237,9 +237,10 @@ function ho({
       icon: w,
       onClick: I,
       divider: S,
-      disabled: k
-    }) => S ? /* @__PURE__ */ c(pu, {}, x) : /* @__PURE__ */ O(lo, { disabled: k, onClick: (D) => {
-      I == null || I(D), m();
+      disabled: k,
+      render: O
+    }) => S ? /* @__PURE__ */ c(pu, {}, x) : O ? O(m) : /* @__PURE__ */ D(lo, { disabled: k, onClick: ($) => {
+      I == null || I($), m();
     }, sx: {
       color: y ? "error.main" : null,
       "& .MuiSvgIcon-root": {
@@ -394,17 +395,17 @@ function Mr({
   styles: p,
   ...x
 }) {
-  return /* @__PURE__ */ O(Ge, { children: [
-    /* @__PURE__ */ O(Yr, { flexWrap: "wrap", p: 2, gap: 1, sx: p == null ? void 0 : p.wrapper, ...x, children: [
-      /* @__PURE__ */ c(xt, { children: /* @__PURE__ */ O(It, { alignItems: "center", gap: 1, children: [
+  return /* @__PURE__ */ D(Ge, { children: [
+    /* @__PURE__ */ D(Yr, { flexWrap: "wrap", p: 2, gap: 1, sx: p == null ? void 0 : p.wrapper, ...x, children: [
+      /* @__PURE__ */ c(xt, { children: /* @__PURE__ */ D(It, { alignItems: "center", gap: 1, children: [
         s ? m ? /* @__PURE__ */ c(kx, { sx: p == null ? void 0 : p.icon, children: s }) : s : null,
-        /* @__PURE__ */ O(It, { flexDirection: "column", children: [
+        /* @__PURE__ */ D(It, { flexDirection: "column", children: [
           i ? /* @__PURE__ */ c(xt, { fontSize: 16, fontWeight: 600, component: Tu, sx: p == null ? void 0 : p.title, children: i }) : null,
           a ? /* @__PURE__ */ c(fn, { color: "text.secondary", sx: p == null ? void 0 : p.helperText, children: a }) : null
         ] })
       ] }) }),
       n,
-      /* @__PURE__ */ O(Cr, { direction: "row", alignItems: "center", gap: 2, children: [
+      /* @__PURE__ */ D(Cr, { direction: "row", alignItems: "center", gap: 2, children: [
         d,
         f != null && f.length ? /* @__PURE__ */ c(ho, { options: f }) : null
       ] })
@@ -456,19 +457,19 @@ function Tx({
   styles: w,
   ...I
 }) {
-  const [S, k] = Ve(x ?? (n ? n[0].value : "")), D = (B) => () => {
+  const [S, k] = Ve(x ?? (n ? n[0].value : "")), O = (B) => () => {
     k(B), y == null || y(B);
   }, $ = x || S, U = () => {
     const B = n == null ? void 0 : n.find((X) => X.value === $);
     return B == null ? void 0 : B.children;
   };
-  return /* @__PURE__ */ O(Ir, { ...I, children: [
-    n ? /* @__PURE__ */ O(Ax, { gap: 4, children: [
+  return /* @__PURE__ */ D(Ir, { ...I, children: [
+    n ? /* @__PURE__ */ D(Ax, { gap: 4, children: [
       /* @__PURE__ */ c(Cr, { className: "list", gap: 1, direction: {
         sm: "row",
         xs: "column"
-      }, children: n.map((B) => /* @__PURE__ */ c(Lx, { className: "list-item", onClick: D(B.value), active: $ === B.value ? 1 : 0, children: B.title }, B.key)) }),
-      /* @__PURE__ */ O(Cr, { direction: "row", alignItems: "center", gap: 2, children: [
+      }, children: n.map((B) => /* @__PURE__ */ c(Lx, { className: "list-item", onClick: O(B.value), active: $ === B.value ? 1 : 0, children: B.title }, B.key)) }),
+      /* @__PURE__ */ D(Cr, { direction: "row", alignItems: "center", gap: 2, children: [
         i,
         m != null && m.length ? /* @__PURE__ */ c(ho, { options: m, sx: {
           mr: 2
@@ -902,7 +903,7 @@ function Kl(n) {
     handleOpen: d,
     ...m
   } = n;
-  return /* @__PURE__ */ O(Pl, { children: [
+  return /* @__PURE__ */ D(Pl, { children: [
     /* @__PURE__ */ c(sr, { color: "secondary", onClick: (x) => {
       x.stopPropagation(), d(x);
     }, disabled: i, children: o ?? /* @__PURE__ */ c(du, { fontSize: "small" }) }),
@@ -922,7 +923,7 @@ function Xn(n) {
     handleClick: s,
     ...f
   } = n;
-  return /* @__PURE__ */ O(lo, { onClick: (m) => {
+  return /* @__PURE__ */ D(lo, { onClick: (m) => {
     m.stopPropagation(), s == null || s();
   }, disabled: o, ...f, children: [
     /* @__PURE__ */ c(gu, { sx: {
@@ -947,14 +948,14 @@ function qr({
   disabled: I,
   children: S,
   titles: k,
-  ...D
+  ...O
 }) {
   const {
     t: $
   } = et(), [U, B] = Ve(null), X = (G) => {
     B(G.currentTarget);
   }, Z = () => B(null);
-  return /* @__PURE__ */ O(Kl, { open: U, handleOpen: X, handleClose: Z, disabled: I, ...D, children: [
+  return /* @__PURE__ */ D(Kl, { open: U, handleOpen: X, handleClose: Z, disabled: I, ...O, children: [
     x ? /* @__PURE__ */ c(Xn, { Icon: Im, title: (k == null ? void 0 : k.view) ?? $("browse"), handleClick: () => {
       a == null || a(), Z();
     }, disabled: !s }) : null,
@@ -1095,7 +1096,7 @@ function ib({
   optionTemplate: I = Ou,
   label: S,
   size: k,
-  value: D,
+  value: O,
   renderOption: $,
   selectRef: U,
   ...B
@@ -1201,7 +1202,7 @@ function ib({
       filterOptions: Te,
       renderOption: N,
       renderInput: ae,
-      value: Fu(D)
+      value: Fu(O)
     }
   );
 }
@@ -1353,7 +1354,7 @@ function Bu({
     data: I,
     disabled: S,
     reason: k,
-    onAfterDelete: D,
+    onAfterDelete: O,
     onAfterSave: $,
     ...U
   } = {}) => {
@@ -1367,7 +1368,7 @@ function Bu({
       // this is needed for array field usage
       uid: B === "fetch" ? s(I) : void 0,
       index: B === "fetch" ? f(I) : void 0,
-      onAfterDelete: D,
+      onAfterDelete: O,
       onAfterSave: $
     });
   }, [s, f]), y = xe((I) => {
@@ -1421,19 +1422,19 @@ function Wu({
   } = qt(), d = Gl(), m = cb(), [p, x] = Vl(), [y, w] = Ve();
   let I = y;
   const S = Array.isArray(o) ? o : s == null ? void 0 : s.map(({
-    key: D
-  }) => D);
+    key: O
+  }) => O);
   i && (I = o && S ? m(S) : Number(p.get(n ?? f))), I && I < 0 && a > -1 && (I = a);
-  const k = xe((D) => {
+  const k = xe((O) => {
     i ? o && S ? d({
-      pathname: `../${S[D]}`,
+      pathname: `../${S[O]}`,
       search: p.size > 0 ? `?${p.toString()}` : ""
     }, {
       relative: "path"
     }) : x(new URLSearchParams({
       ...Object.fromEntries(p),
-      [n ?? f]: D.toString()
-    })) : w(D);
+      [n ?? f]: O.toString()
+    })) : w(O);
   }, [p, n, o, i, d, S, f, x]);
   return [I, k, {
     segmentParamName: f
@@ -1535,7 +1536,7 @@ function no(n) {
     moreCommands: S,
     commandsProps: k
   } = n, {
-    currentForm: D,
+    currentForm: O,
     showPrevButton: $,
     showNextButton: U,
     prevButtonTitle: B,
@@ -1563,8 +1564,8 @@ function no(n) {
   } = Pu(), {
     isValid: Oe
   } = Yt({
-    control: D == null ? void 0 : D.control,
-    disabled: o === "steps" && !D
+    control: O == null ? void 0 : O.control,
+    disabled: o === "steps" && !O
   }), Ee = {
     save: {
       key: "save",
@@ -1734,12 +1735,12 @@ function no(n) {
     const ce = Q();
     if (o === "steps") {
       const At = We(), Ht = Ze(), Re = Ie(), _e = De(z);
-      return /* @__PURE__ */ O(Ge, { children: [
-        /* @__PURE__ */ O(mn, { children: [
+      return /* @__PURE__ */ D(Ge, { children: [
+        /* @__PURE__ */ D(mn, { children: [
           At,
           I
         ] }),
-        /* @__PURE__ */ O(It, { gap: 1, children: [
+        /* @__PURE__ */ D(It, { gap: 1, children: [
           Re,
           Y.save && Z.length === G + 1 ? _e : null,
           Ht,
@@ -1748,7 +1749,7 @@ function no(n) {
       ] });
     }
     const ne = De(z), tt = Fe(), pt = ee(), de = se(), bt = [Ie(), pt, tt, de, ne];
-    return /* @__PURE__ */ O(Ge, { children: [
+    return /* @__PURE__ */ D(Ge, { children: [
       I,
       bt,
       ce
@@ -1760,7 +1761,7 @@ function Ql({
   stepsContent: o,
   autoSaveContent: i
 }) {
-  return /* @__PURE__ */ O(Ge, { children: [
+  return /* @__PURE__ */ D(Ge, { children: [
     n,
     o,
     i
@@ -1795,17 +1796,17 @@ function db({
   const {
     t: d
   } = et(), [m, p] = Ve(o);
-  return /* @__PURE__ */ O(Ge, { children: [
+  return /* @__PURE__ */ D(Ge, { children: [
     m ? n : null,
-    /* @__PURE__ */ O(Yr, { alignItems: "center", width: "100%", p: 1.5, ...f, children: [
+    /* @__PURE__ */ D(Yr, { alignItems: "center", width: "100%", p: 1.5, ...f, children: [
       i ?? /* @__PURE__ */ c(xt, {}),
-      /* @__PURE__ */ c(fb, { disableRipple: !0, children: /* @__PURE__ */ c(Cr, { flexDirection: "row", alignItems: "center", onClick: () => p((x) => !x), children: m ? /* @__PURE__ */ O(Ge, { children: [
+      /* @__PURE__ */ c(fb, { disableRipple: !0, children: /* @__PURE__ */ c(Cr, { flexDirection: "row", alignItems: "center", onClick: () => p((x) => !x), children: m ? /* @__PURE__ */ D(Ge, { children: [
         /* @__PURE__ */ c(r3, { sx: {
           color: "text.secondary",
           fontSize: "1.5em"
         } }),
         /* @__PURE__ */ c(fn, { color: "text.secondary", fontWeight: 600, children: s ?? d("show_less") })
-      ] }) : /* @__PURE__ */ O(Ge, { children: [
+      ] }) : /* @__PURE__ */ D(Ge, { children: [
         /* @__PURE__ */ c(Zl, { sx: {
           color: "text.secondary",
           fontSize: "1.5em"
@@ -1907,7 +1908,7 @@ function jl({
   tabsContent: p,
   tabsHeaderContent: x
 }) {
-  return /* @__PURE__ */ O(Ir, { style: f == null ? void 0 : f.style, sx: f == null ? void 0 : f.sx, children: [
+  return /* @__PURE__ */ D(Ir, { style: f == null ? void 0 : f.style, sx: f == null ? void 0 : f.sx, children: [
     d,
     s,
     n,
@@ -1958,7 +1959,7 @@ function Zu({
     hidden: x,
     ...y
   }) => /* @__PURE__ */ c(c3, { disableRipple: !0, iconPosition: "start", ...y }, p));
-  return s && d.length === 1 ? null : /* @__PURE__ */ O(It, { sx: i, alignItems: "center", children: [
+  return s && d.length === 1 ? null : /* @__PURE__ */ D(It, { sx: i, alignItems: "center", children: [
     /* @__PURE__ */ c(xb, { variant: "scrollable", ...f, sx: {
       flexGrow: 1,
       ...a
@@ -2075,7 +2076,7 @@ function wn({
   const {
     t: w
   } = et();
-  return /* @__PURE__ */ c(p3, { open: o, onClose: i, disableAutoFocus: s, disablePortal: f, disableScrollLock: d, disableEnforceFocus: m, disableEscapeKeyDown: p, disableRestoreFocus: x, children: /* @__PURE__ */ O(Sb, { ...y, children: [
+  return /* @__PURE__ */ c(p3, { open: o, onClose: i, disableAutoFocus: s, disablePortal: f, disableScrollLock: d, disableEnforceFocus: m, disableEscapeKeyDown: p, disableRestoreFocus: x, children: /* @__PURE__ */ D(Sb, { ...y, children: [
     a && /* @__PURE__ */ c(sr, { onClick: i, title: w("close"), disableRipple: !0, sx: {
       position: "absolute",
       right: 5,
@@ -2118,7 +2119,7 @@ function St({
   morePanelProps: I,
   onHeader: S,
   onLayout: k,
-  onTabChanged: D,
+  onTabChanged: O,
   onTabs: $,
   panels: U,
   rightContent: B,
@@ -2141,7 +2142,7 @@ function St({
       value: se,
       onChange: (We, Ze) => {
         const Q = N.findIndex((J) => J.value === Ze);
-        D == null || D({
+        O == null || O({
           selectedTabIndex: Q,
           selectedTabValue: Ze
         });
@@ -2183,11 +2184,11 @@ function St({
       return null;
     const ee = {
       p: Vr[z],
-      rightContent: /* @__PURE__ */ O(Ge, { children: [
+      rightContent: /* @__PURE__ */ D(Ge, { children: [
         le === "top" ? ye() : null,
         B
       ] }),
-      centerContent: /* @__PURE__ */ O(Ge, { children: [
+      centerContent: /* @__PURE__ */ D(Ge, { children: [
         Te === "in-center" ? Y() : null,
         i
       ] }),
@@ -2196,7 +2197,7 @@ function St({
     return S ? S(ee) : /* @__PURE__ */ c(Mr, { ...ee });
   }, Oe = () => {
     const ee = le === "bottom" ? ye() : null;
-    return /* @__PURE__ */ O(Ge, { children: [
+    return /* @__PURE__ */ D(Ge, { children: [
       ee ? /* @__PURE__ */ c(xt, { p: Vr[z], children: ee }) : null,
       p ? /* @__PURE__ */ c(xt, { p: Vr[z], children: p }) : null
     ] });
@@ -2285,7 +2286,7 @@ function Qu({
   tabsContent: x,
   tabsHeaderContent: y
 }) {
-  return /* @__PURE__ */ O(mu, { style: f == null ? void 0 : f.style, sx: {
+  return /* @__PURE__ */ D(mu, { style: f == null ? void 0 : f.style, sx: {
     height: "100%",
     display: "flex",
     flexDirection: "column",
@@ -2299,7 +2300,7 @@ function Qu({
     /* @__PURE__ */ c(mn, { sx: {
       flex: 1,
       position: "relative"
-    }, children: /* @__PURE__ */ O(xo, { style: {
+    }, children: /* @__PURE__ */ D(xo, { style: {
       top: 0,
       bottom: 0,
       left: 0,
@@ -2333,7 +2334,7 @@ function es({
     height: "100%",
     display: "flex",
     flexDirection: "column"
-  }, defaultSaveMode: "save-close", onCommands: (m) => /* @__PURE__ */ c(qu, { ...m }), onLayout: (m) => /* @__PURE__ */ O(Ge, { children: [
+  }, defaultSaveMode: "save-close", onCommands: (m) => /* @__PURE__ */ c(qu, { ...m }), onLayout: (m) => /* @__PURE__ */ D(Ge, { children: [
     /* @__PURE__ */ c(Yu, { onDirtyStateChange: f }),
     /* @__PURE__ */ c(Qu, { ...m })
   ] }), enableCreate: !1, enableClose: !1, enableDelete: !1, bordered: !s.tabs, ...s, onClose: d }) });
@@ -2572,9 +2573,9 @@ function Rb({
     return o.reduce((y, {
       fields: w,
       message: I
-    }) => (w.every((k) => typeof k == "function" ? k(f, n) : n.fields.findIndex((D) => {
-      if (!(p === "fetch" && a(D) === d))
-        return Dn(D, k) == Dn(m, k);
+    }) => (w.every((k) => typeof k == "function" ? k(f, n) : n.fields.findIndex((O) => {
+      if (!(p === "fetch" && a(O) === d))
+        return Dn(O, k) == Dn(m, k);
     }) > -1) && y.push(I ?? i("uniqueconstraint", {
       fields: w.filter((k) => typeof k == "string").join(",")
     })), y), []);
@@ -2628,11 +2629,11 @@ function zb({
     const I = a.current;
     f(!0);
     try {
-      const D = await y;
-      return I !== a.current || !i ? void 0 : ((S = w == null ? void 0 : w.done) == null || S.call(w, D), D);
-    } catch (D) {
+      const O = await y;
+      return I !== a.current || !i ? void 0 : ((S = w == null ? void 0 : w.done) == null || S.call(w, O), O);
+    } catch (O) {
       if (i)
-        throw m(D), (k = w == null ? void 0 : w.failed) == null || k.call(w, D), D;
+        throw m(O), (k = w == null ? void 0 : w.failed) == null || k.call(w, O), O;
     } finally {
       i && f(void 0);
     }
@@ -2703,10 +2704,10 @@ function Lw({
     let y, w;
     const I = x.refine(async (S) => {
       if (o) {
-        const D = x3(S);
-        if (y === D)
+        const O = x3(S);
+        if (y === O)
           return w;
-        y = D;
+        y = O;
       }
       const k = m(S);
       return o && (w = ro(k) ? await k : k), k;
@@ -2838,7 +2839,7 @@ function jr({
   const f = [];
   for (const d in i) {
     const m = i[d][0].title;
-    f.push(/* @__PURE__ */ O(y3, { variant: "outlined", severity: d, sx: {
+    f.push(/* @__PURE__ */ D(y3, { variant: "outlined", severity: d, sx: {
       borderRadius: 0,
       border: "none",
       display: a ? "flex" : "none"
@@ -2881,7 +2882,7 @@ var Ur = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 io.exports;
 (function(n, o) {
   (function() {
-    var i, a = "4.17.21", s = 200, f = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", d = "Expected a function", m = "Invalid `variable` option passed into `_.template`", p = "__lodash_hash_undefined__", x = 500, y = "__lodash_placeholder__", w = 1, I = 2, S = 4, k = 1, D = 2, $ = 1, U = 2, B = 4, X = 8, Z = 16, G = 32, z = 64, A = 128, P = 256, N = 512, ge = 30, Te = "...", ae = 800, te = 16, le = 1, Y = 2, fe = 3, ye = 1 / 0, we = 9007199254740991, Oe = 17976931348623157e292, Ee = NaN, De = 4294967295, Fe = De - 1, ee = De >>> 1, se = [
+    var i, a = "4.17.21", s = 200, f = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", d = "Expected a function", m = "Invalid `variable` option passed into `_.template`", p = "__lodash_hash_undefined__", x = 500, y = "__lodash_placeholder__", w = 1, I = 2, S = 4, k = 1, O = 2, $ = 1, U = 2, B = 4, X = 8, Z = 16, G = 32, z = 64, A = 128, P = 256, N = 512, ge = 30, Te = "...", ae = 800, te = 16, le = 1, Y = 2, fe = 3, ye = 1 / 0, we = 9007199254740991, Oe = 17976931348623157e292, Ee = NaN, De = 4294967295, Fe = De - 1, ee = De >>> 1, se = [
       ["ary", A],
       ["bind", $],
       ["bindKey", U],
@@ -3971,7 +3972,7 @@ io.exports;
             var R = new pn();
             if (l)
               var H = l(T, E, C, e, t, R);
-            if (!(H === i ? $r(E, T, k | D, l, R) : H))
+            if (!(H === i ? $r(E, T, k | O, l, R) : H))
               return !1;
           }
         }
@@ -4029,7 +4030,7 @@ io.exports;
       function ba(e, t) {
         return pl(e) && Qa(t) ? ja(bn(e), t) : function(r) {
           var l = _l(r, e);
-          return l === i && l === t ? Cl(r, e) : $r(t, l, k | D);
+          return l === i && l === t ? Cl(r, e) : $r(t, l, k | O);
         };
       }
       function Ci(e, t, r, l, u) {
@@ -4695,7 +4696,7 @@ io.exports;
         var T = h.get(e), E = h.get(t);
         if (T && E)
           return T == t && E == e;
-        var R = -1, H = !0, K = r & D ? new jn() : i;
+        var R = -1, H = !0, K = r & O ? new jn() : i;
         for (h.set(e, t), h.set(t, e); ++R < b; ) {
           var ie = e[R], ve = t[R];
           if (l)
@@ -4747,7 +4748,7 @@ io.exports;
             var T = v.get(e);
             if (T)
               return T == t;
-            l |= D, v.set(e, t);
+            l |= O, v.set(e, t);
             var E = Ka(b(e), b(t), l, u, h, v);
             return v.delete(e), E;
           case Me:
@@ -6595,7 +6596,7 @@ function Xb({
       save: I,
       saveAndNewItem: S,
       saveClose: k,
-      delete: D,
+      delete: O,
       newItem: $
     }
   } = qt();
@@ -6623,7 +6624,7 @@ function Xb({
     scopes: f,
     ...Gr,
     ...m
-  }), On(D, o, {
+  }), On(O, o, {
     enabled: !p.delete && y.delete && !x,
     description: w("deletetitle"),
     scopes: f,
@@ -6676,12 +6677,12 @@ function Yb({
     form: m
   }), vo(() => {
     (s == null ? void 0 : s.runValidationsOnDataChange) !== !1 && m.trigger();
-  }), /* @__PURE__ */ c(ns, { form: m, children: /* @__PURE__ */ O(ts, { ...s, children: [
+  }), /* @__PURE__ */ c(ns, { form: m, children: /* @__PURE__ */ D(ts, { ...s, children: [
     /* @__PURE__ */ c(ss, {}),
     i
   ] }) });
 }
-const qb = (n) => /* @__PURE__ */ O(Dm, { viewBox: "0 0 12 12", ...n, children: [
+const qb = (n) => /* @__PURE__ */ D(Dm, { viewBox: "0 0 12 12", ...n, children: [
   /* @__PURE__ */ c("circle", { cx: "6", cy: "6", r: "6", fill: "currentColor" }),
   /* @__PURE__ */ c("path", { d: "M4.00007 5.84661L5.42338 7.26991L8.26998 4.4233", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
@@ -6691,8 +6692,8 @@ function Qb({
   helperText: i,
   commands: a
 }) {
-  return /* @__PURE__ */ c(St.Content, { children: /* @__PURE__ */ O(It, { flexDirection: "column", justifyContent: "center", alignItems: "center", minHeight: "300px", children: [
-    /* @__PURE__ */ O(mn, { sx: {
+  return /* @__PURE__ */ c(St.Content, { children: /* @__PURE__ */ D(It, { flexDirection: "column", justifyContent: "center", alignItems: "center", minHeight: "300px", children: [
+    /* @__PURE__ */ D(mn, { sx: {
       textAlign: "center",
       flex: 1,
       mt: 3
@@ -6724,7 +6725,7 @@ function jb({
   enableCopy: I = !0,
   enableCreate: S = !0,
   enableDelete: k,
-  enableDiscardChanges: D,
+  enableDiscardChanges: O,
   enableSave: $ = !0,
   error: U,
   form: B,
@@ -6797,7 +6798,7 @@ function jb({
     return A ? A(Pe) : /* @__PURE__ */ c(Ql, { ...Pe });
   }, bt = () => i ? /* @__PURE__ */ c(Zb, { onAutoSave: fe, ...typeof i == "object" ? i : {
     delay: 500
-  } }) : null, st = () => /* @__PURE__ */ O(mn, { ref: tt, children: [
+  } }) : null, st = () => /* @__PURE__ */ D(mn, { ref: tt, children: [
     /* @__PURE__ */ c(jr, { messages: o }),
     /* @__PURE__ */ c(ss, {})
   ] }), At = () => !!(se != null && se.length) ? Re() : Ht(), Ht = () => {
@@ -6894,7 +6895,7 @@ function jb({
       defaultValues: q,
       key: Ne
     }) => ct ? /* @__PURE__ */ c(Yb, { name: ct, schema: F, defaultValues: q, validationOptions: W, children: Pe }, Ne) : Pe;
-    return /* @__PURE__ */ O(Ge, { children: [
+    return /* @__PURE__ */ D(Ge, { children: [
       Se,
       se.map((Pe, ct) => {
         if (ct === n)
@@ -6918,7 +6919,7 @@ function jb({
     return Q ? Q(B.getValues(), Se) : /* @__PURE__ */ c(Qb, { title: ne("savedsuccesfully"), ...ue });
   }, Xe = (ue, Se, Ke) => {
     const Pe = !!(se != null && se.length), ct = typeof J == "function" ? J(m) : J;
-    return /* @__PURE__ */ O(St, { title: ne(Fe === "fetch" ? "edit" : Fe === "view" ? "browse" : "newitem"), tabsPosition: "in-subrow", ...ce, tabExtraContent: ct, disabled: x || De || Z || Fe === "view", commandsContent: Se, commandsPosition: Pe ? "bottom-between" : s, onHeader: _e, onClose: G, loading: Z, alertsContent: Ke, onTabChanged: ({
+    return /* @__PURE__ */ D(St, { title: ne(Fe === "fetch" ? "edit" : Fe === "view" ? "browse" : "newitem"), tabsPosition: "in-subrow", ...ce, tabExtraContent: ct, disabled: x || De || Z || Fe === "view", commandsContent: Se, commandsPosition: Pe ? "bottom-between" : s, onHeader: _e, onClose: G, loading: Z, alertsContent: Ke, onTabChanged: ({
       selectedTabIndex: F,
       selectedTabValue: W
     }) => {
@@ -6931,7 +6932,7 @@ function jb({
       j()
     ] });
   };
-  return /* @__PURE__ */ c(sb, { data: m, reason: Fe, loading: Z, enableCopy: I && S, enableClose: w, enableCreate: S, enableDelete: k, enableDiscardChanges: D, enableSave: $, disabled: x, activeSegmentIndex: n, onSave: fe, setActiveSegmentIndex: ae, children: de() });
+  return /* @__PURE__ */ c(sb, { data: m, reason: Fe, loading: Z, enableCopy: I && S, enableClose: w, enableCreate: S, enableDelete: k, enableDiscardChanges: O, enableSave: $, disabled: x, activeSegmentIndex: n, onSave: fe, setActiveSegmentIndex: ae, children: de() });
 }
 function e4({
   alerts: n,
@@ -6949,7 +6950,7 @@ function e4({
   onNavigate: I,
   onSave: S,
   reason: k = "create",
-  showSuccessMessages: D = !0,
+  showSuccessMessages: O = !0,
   successPanelProps: $,
   ...U
 }) {
@@ -6981,7 +6982,7 @@ function e4({
       mode: ee
     };
     let We = S == null ? void 0 : S(Ie, s);
-    ro(We) && (We = await X(We)), N(We ?? se), D && !o && qi.success(B("savedsuccesfully")), k === "create" && $ && !o && ee === "save" && P(!0), m == null || m(We, Ie, s);
+    ro(We) && (We = await X(We)), N(We ?? se), O && !o && qi.success(B("savedsuccesfully")), k === "create" && $ && !o && ee === "save" && P(!0), m == null || m(We, Ie, s);
   }, fe = async () => {
     await Y();
   }, ye = async () => {
@@ -6995,7 +6996,7 @@ function e4({
       data: i,
       model: ee
     }, Ie = x == null ? void 0 : x(se, s);
-    ro(Ie) && await X(Ie), D && qi.success(B("deletedsuccesfully")), d == null || d(se, s), p == null || p("action");
+    ro(Ie) && await X(Ie), O && qi.success(B("deletedsuccesfully")), d == null || d(se, s), p == null || p("action");
   }, Ee = () => {
     N(), y == null || y();
   }, De = (ee = "create") => {
@@ -7036,7 +7037,7 @@ function df({
       const I = typeof i == "function" ? i == null ? void 0 : i(s, o) : i;
       w(I);
     }
-  }, [o, i, y, s, w]), /* @__PURE__ */ O(ns, { form: x, validationOptions: d, children: [
+  }, [o, i, y, s, w]), /* @__PURE__ */ D(ns, { form: x, validationOptions: d, children: [
     /* @__PURE__ */ c(e4, { ...m, activeSegmentIndex: n, form: x, data: o, reason: s }),
     /* @__PURE__ */ c(Nb, {})
   ] });
@@ -7054,13 +7055,13 @@ function pf({
   tabsContent: x,
   tabsHeaderContent: y
 }) {
-  return /* @__PURE__ */ O(Ir, { style: n == null ? void 0 : n.style, sx: n == null ? void 0 : n.sx, children: [
+  return /* @__PURE__ */ D(Ir, { style: n == null ? void 0 : n.style, sx: n == null ? void 0 : n.sx, children: [
     f,
     m,
     i,
     p,
     y,
-    /* @__PURE__ */ O(wn.Scroll, { autoHide: !1, children: [
+    /* @__PURE__ */ D(wn.Scroll, { autoHide: !1, children: [
       o,
       x,
       d,
@@ -7084,7 +7085,7 @@ function gf({
     ...s,
     onClose: o
   });
-  return /* @__PURE__ */ c(wn, { open: !!i, onClose: () => m("backdrop"), closable: a, ...n, children: /* @__PURE__ */ c(Nt, { defaultSaveMode: "save-close", enableClose: a, enableDelete: !0, enableDiscardChanges: !1, commandsPosition: "bottom-right", onLayout: (p) => /* @__PURE__ */ O(Ge, { children: [
+  return /* @__PURE__ */ c(wn, { open: !!i, onClose: () => m("backdrop"), closable: a, ...n, children: /* @__PURE__ */ c(Nt, { defaultSaveMode: "save-close", enableClose: a, enableDelete: !0, enableDiscardChanges: !1, commandsPosition: "bottom-right", onLayout: (p) => /* @__PURE__ */ D(Ge, { children: [
     /* @__PURE__ */ c(Yu, { onDirtyStateChange: d }),
     /* @__PURE__ */ c(pf, { ...p })
   ] }), bordered: !f.tabs, ...f, onClose: m }) });
@@ -7154,7 +7155,7 @@ function cs({
   } = p, {
     reason: S,
     segment: k,
-    setSegment: D,
+    setSegment: O,
     disabled: $,
     readonly: U
   } = Nu({
@@ -7200,7 +7201,7 @@ function cs({
       },
       relative: "path"
     });
-  }, activeSegmentIndex: k, onSegmentChanged: D, onContentLayout: (z) => /* @__PURE__ */ O(Ge, { children: [
+  }, activeSegmentIndex: k, onSegmentChanged: O, onContentLayout: (z) => /* @__PURE__ */ D(Ge, { children: [
     /* @__PURE__ */ c(r4, { ...i }),
     /* @__PURE__ */ c(Ql, { ...z })
   ] }), disabled: $ || U, ...p });
@@ -7325,9 +7326,9 @@ function hf({
   emptyImageUrl: a = o4,
   ...s
 }) {
-  return /* @__PURE__ */ O(It, { justifyContent: "center", flexDirection: "column", alignItems: "center", gap: 2, ...s, children: [
+  return /* @__PURE__ */ D(It, { justifyContent: "center", flexDirection: "column", alignItems: "center", gap: 2, ...s, children: [
     o && /* @__PURE__ */ c("img", { src: a, width: 150, height: 150, alt: "no record" }),
-    /* @__PURE__ */ O(It, { alignItems: "center", flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ D(It, { alignItems: "center", flexDirection: "column", gap: 1, children: [
       /* @__PURE__ */ c(fn, { sx: {
         color: "text.secondary"
       }, children: n }),
@@ -7414,7 +7415,7 @@ function Jn({
   headerSx: I,
   loading: S,
   newRowButtonText: k,
-  newRowButtonContent: D,
+  newRowButtonContent: O,
   onCellProps: $,
   onFooterCellProps: U,
   onHeadCellProps: B,
@@ -7543,7 +7544,7 @@ function Jn({
         break;
     }
   }, At = (F, W) => {
-    const q = /* @__PURE__ */ O(eu, { gap: 1, sx: {
+    const q = /* @__PURE__ */ D(eu, { gap: 1, sx: {
       textAlign: "center"
     }, children: [
       F.column.icon,
@@ -7630,7 +7631,7 @@ function Jn({
   }, Me = () => {
     if (!Oe || S || typeof Oe == "string" && Oe === "empty" && (s != null && s.length))
       return null;
-    const F = D ?? /* @__PURE__ */ c(xf, { disableRipple: !0, onClick: X, children: /* @__PURE__ */ O(Cr, { flexDirection: "row", alignItems: "center", gap: 0.5, p: 0.4, children: [
+    const F = O ?? /* @__PURE__ */ c(xf, { disableRipple: !0, onClick: X, children: /* @__PURE__ */ D(Cr, { flexDirection: "row", alignItems: "center", gap: 0.5, p: 0.4, children: [
       /* @__PURE__ */ c(A3, { sx: {
         fontSize: "14px"
       } }),
@@ -7644,7 +7645,7 @@ function Jn({
     let Ne;
     d && (Ne = typeof d == "function" ? d(q) : Dn(q.original, d));
     const Qe = Z && q.getIsExpanded(), mt = q.getIsSelected(), ot = A == null ? void 0 : A(q, de);
-    return /* @__PURE__ */ O(Pl, { children: [
+    return /* @__PURE__ */ D(Pl, { children: [
       /* @__PURE__ */ ao(
         Nl,
         {
@@ -7678,7 +7679,7 @@ function Jn({
       }) : null,
       Qe && Ke(q)
     ] }, q.id);
-  }), Xe = () => /* @__PURE__ */ O(R3, { ref: Ie, children: [
+  }), Xe = () => /* @__PURE__ */ D(R3, { ref: Ie, children: [
     ht(),
     ct(Ee),
     _e(),
@@ -7693,7 +7694,7 @@ function Jn({
       pageSize: q,
       pageIndex: Ne
     } = de.getState().pagination, Qe = /* @__PURE__ */ c(z3, { component: "div", rowsPerPageOptions: s4, page: Ne, rowsPerPage: q, count: de.getRowCount(), onPageChange: (mt, ot) => de.setPageIndex(ot), onRowsPerPageChange: (mt) => de.setPageSize(+mt.target.value || 5), ...W });
-    return F ? /* @__PURE__ */ O(Yr, { sx: {
+    return F ? /* @__PURE__ */ D(Yr, { sx: {
       pl: 1
     }, children: [
       F,
@@ -7724,9 +7725,9 @@ function Jn({
     const W = de.getVisibleFlatColumns();
     return [...Array(F)].map((q, Ne) => /* @__PURE__ */ c(or, { children: W.map((Qe, mt) => /* @__PURE__ */ c(_r, { scope: "row", children: /* @__PURE__ */ c(E3, { animation: "wave", variant: "text" }) }, `skeloton-${mt}`)) }, Ne));
   };
-  return /* @__PURE__ */ O(Ge, { children: [
-    /* @__PURE__ */ O(xo, { autoHide: !1, forceVisible: !0, ...ye, children: [
-      /* @__PURE__ */ O(F3, { stickyHeader: fe, size: ae, sx: {
+  return /* @__PURE__ */ D(Ge, { children: [
+    /* @__PURE__ */ D(xo, { autoHide: !1, forceVisible: !0, ...ye, children: [
+      /* @__PURE__ */ D(F3, { stickyHeader: fe, size: ae, sx: {
         border: i ? "1px solid" : "none",
         borderColor: (F) => F.palette.grey[200],
         ...J.applyStyles("dark", {
@@ -7758,7 +7759,7 @@ function wf({
   tableContent: a,
   errors: s
 }) {
-  return /* @__PURE__ */ O(Ge, { children: [
+  return /* @__PURE__ */ D(Ge, { children: [
     i || n ? /* @__PURE__ */ c(Mr, { ...i, rightContent: n }) : null,
     a,
     s == null ? void 0 : s.map((f, d) => /* @__PURE__ */ c(fn, { color: "text.secondary", children: f }, d)),
@@ -7779,7 +7780,7 @@ function Sf({
   } = et(), [m, p] = Ve(null), x = (w) => {
     p(w.currentTarget);
   }, y = () => p(null);
-  return /* @__PURE__ */ O(Kl, { open: m, handleOpen: x, handleClose: y, disabled: s, children: [
+  return /* @__PURE__ */ D(Kl, { open: m, handleOpen: x, handleClose: y, disabled: s, children: [
     /* @__PURE__ */ c(Xn, { Icon: Hl, title: a ?? d("newitem"), handleClick: () => {
       y(), n();
     }, disabled: s }),
@@ -7806,7 +7807,7 @@ function us({
   detailType: I = "drawer",
   disabled: S,
   enableDeleteAllButton: k,
-  enableRowClickToDetails: D,
+  enableRowClickToDetails: O,
   headerProps: $,
   name: U,
   newItemTitle: B,
@@ -7933,9 +7934,9 @@ function us({
   }, [Oe, J, X, fe, ce]), gt = () => /* @__PURE__ */ c(Jn, { showEmptyImage: !1, onNewRow: () => Q(), newRowButtonText: B, ...P, rowIdField: Wl, data: le, enableSorting: !0, state: {
     sorting: Te
   }, onSortingChange: ae, getSortedRowModel: _u(), columns: tt, onRowClick: (Re, _e) => {
-    if (!D || S || typeof D == "function" && !D(_e.original))
+    if (!O || S || typeof O == "function" && !O(_e.original))
       return;
-    const j = typeof D == "string" ? D : "view";
+    const j = typeof O == "string" ? O : "view";
     Q({
       data: _e.original,
       reason: j,
@@ -8007,7 +8008,7 @@ function f4({
   const m = uo({
     name: n
   });
-  return f ? f(m) : o && !lr(m) ? /* @__PURE__ */ c("code", { children: JSON.stringify(m) }) : i ? /* @__PURE__ */ O(Cr, { spacing: 1, direction: "row", sx: d, children: [
+  return f ? f(m) : o && !lr(m) ? /* @__PURE__ */ c("code", { children: JSON.stringify(m) }) : i ? /* @__PURE__ */ D(Cr, { spacing: 1, direction: "row", sx: d, children: [
     /* @__PURE__ */ c(fn, { ...a, children: i }),
     /* @__PURE__ */ c(fn, { ...s, children: m })
   ] }) : /* @__PURE__ */ c(fn, { ...s, children: m });
@@ -8030,11 +8031,11 @@ function p4({
   wrapperProps: m,
   disabled: p
 }) {
-  const x = () => s ? /* @__PURE__ */ c(Cu, { error: !0, children: s.message }) : null, y = (I) => /* @__PURE__ */ O(xt, { children: [
+  const x = () => s ? /* @__PURE__ */ c(Cu, { error: !0, children: s.message }) : null, y = (I) => /* @__PURE__ */ D(xt, { children: [
     /* @__PURE__ */ c(ji, { fontWeight: 500, lineHeight: 1, color: p ? "text.secondary" : f ? "error.main" : "text.primary", ...d, children: I }),
     a ? /* @__PURE__ */ c(fn, { color: "text.secondary", children: a }) : null
   ] }, "label");
-  return /* @__PURE__ */ O(xt, { children: [
+  return /* @__PURE__ */ D(xt, { children: [
     (() => {
       const I = Array.isArray(i) ? [y(i[0]), o, y(i[1])] : n === "left" || n === "bottom" ? [o, y(i)] : [y(i), o];
       return /* @__PURE__ */ c(It, { alignItems: n === "left" || n === "right" ? "center" : "flex-start", flexDirection: n === "left" || n === "right" ? "row" : "column", gap: 1, ...m, children: I });
@@ -8094,8 +8095,8 @@ function m4({
     invalid: w,
     error: I
   }) => /* @__PURE__ */ c(W3, { ...x, ...y, value: tb(y.value), onChange: (S, k) => {
-    var D;
-    y.onChange(S), (D = x == null ? void 0 : x.onChange) == null || D.call(x, S, k);
+    var O;
+    y.onChange(S), (O = x == null ? void 0 : x.onChange) == null || O.call(x, S, k);
   }, slotProps: {
     textField: {
       ...i == null ? void 0 : i.textField,
@@ -8410,10 +8411,10 @@ function Mf({
   const I = (S) => {
     S.stopPropagation(), d == null || d();
   };
-  return /* @__PURE__ */ O(L4, { onClick: f, selected: p, sx: y, disabled: o, children: [
-    /* @__PURE__ */ O(Yr, { children: [
-      /* @__PURE__ */ O("div", { children: [
-        /* @__PURE__ */ O("div", { className: "place", children: [
+  return /* @__PURE__ */ D(L4, { onClick: f, selected: p, sx: y, disabled: o, children: [
+    /* @__PURE__ */ D(Yr, { children: [
+      /* @__PURE__ */ D("div", { children: [
+        /* @__PURE__ */ D("div", { className: "place", children: [
           a,
           /* @__PURE__ */ c(ji, { className: "panel-label", fontWeight: 500, children: s })
         ] }),
@@ -8443,7 +8444,7 @@ function Af({
     deleteable: I,
     helperText: S,
     icon: k,
-    rightContent: D,
+    rightContent: O,
     selectedIcon: $,
     sx: U,
     children: B,
@@ -8456,7 +8457,7 @@ function Af({
       disabled: X || s,
       helperText: S,
       icon: k,
-      rightContent: D,
+      rightContent: O,
       selectedIcon: d === "horizontal" ? "" : $,
       deleteable: d === "horizontal" ? !1 : I,
       sx: U,
@@ -8570,16 +8571,16 @@ function F4({
       svg: {
         right: 0
       }
-    }, value: S.iso2, onChange: (D) => k(D.target.value), renderValue: (D) => /* @__PURE__ */ c(Jc, { iso2: D, style: {
+    }, value: S.iso2, onChange: (O) => k(O.target.value), renderValue: (O) => /* @__PURE__ */ c(Jc, { iso2: O, style: {
       display: "flex"
-    } }), children: Kc.map((D) => {
-      const $ = U3(D);
-      return /* @__PURE__ */ O(lo, { value: $.iso2, children: [
+    } }), children: Kc.map((O) => {
+      const $ = U3(O);
+      return /* @__PURE__ */ D(lo, { value: $.iso2, children: [
         /* @__PURE__ */ c(Jc, { iso2: $.iso2, style: {
           marginRight: "8px"
         } }),
         /* @__PURE__ */ c($l, { marginRight: "8px", children: $.name }),
-        /* @__PURE__ */ O($l, { color: "gray", children: [
+        /* @__PURE__ */ D($l, { color: "gray", children: [
           "+",
           $.dialCode
         ] })
@@ -8644,9 +8645,9 @@ function D4({
     helperText: i,
     placement: a,
     ...p
-  }, disabled: m, render: (I) => /* @__PURE__ */ O(V3, { row: !0, ...y, ...I, onChange: (S, k) => {
-    var D;
-    I.onChange(k), (D = y == null ? void 0 : y.onChange) == null || D.call(y, S, k);
+  }, disabled: m, render: (I) => /* @__PURE__ */ D(V3, { row: !0, ...y, ...I, onChange: (S, k) => {
+    var O;
+    I.onChange(k), (O = y == null ? void 0 : y.onChange) == null || O.call(y, S, k);
   }, children: [
     f && /* @__PURE__ */ c(su, { value: d, control: /* @__PURE__ */ c(zl, {}), label: w("all") }),
     x == null ? void 0 : x.map(({
@@ -8721,7 +8722,7 @@ function W4({
   label: I,
   onChange: S,
   optionImg: k,
-  optionImgProps: D,
+  optionImgProps: O,
   optionTemplate: $ = Ou,
   optionAsValue: U,
   readOnly: B,
@@ -8817,20 +8818,20 @@ function W4({
     }, []);
   }, Ee = (Q, J) => Q == null ? void 0 : Q.map((ce) => {
     const ne = cn.get(ce, P), tt = te(ce), pt = le == null ? void 0 : le(ce), de = k ? cn.get(ce, k) : null, gt = N ? Y == null ? void 0 : Y.includes(ne) : Y === ne;
-    let bt = N ? tt : /* @__PURE__ */ O(xt, { width: "100%", height: "100%", sx: {
+    let bt = N ? tt : /* @__PURE__ */ D(xt, { width: "100%", height: "100%", sx: {
       fontSize: ge === "smaller" ? "smaller" : void 0
     }, children: [
       tt,
       typeof pt == "string" ? /* @__PURE__ */ c(eo, { color: "text.secondary", children: pt }) : pt
     ] });
-    return de && (bt = /* @__PURE__ */ O(It, { alignItems: "center", gap: 1, children: [
+    return de && (bt = /* @__PURE__ */ D(It, { alignItems: "center", gap: 1, children: [
       /* @__PURE__ */ c(K3, { src: de, sx: {
         width: 40,
         height: 40,
         backgroundColor: (st) => st.palette.action.disabledBackground
-      }, variant: "rounded", ...D }),
+      }, variant: "rounded", ...O }),
       bt
-    ] })), G && (bt = /* @__PURE__ */ O(It, { alignItems: "center", gap: 1, children: [
+    ] })), G && (bt = /* @__PURE__ */ D(It, { alignItems: "center", gap: 1, children: [
       /* @__PURE__ */ c(Zr, { size: "small", disableRipple: !0, sx: {
         p: 0
       }, checked: gt, tabIndex: -1, inputProps: {
@@ -8845,7 +8846,7 @@ function W4({
       return null;
     const J = U ? Q : ye(Q);
     return J ? Array.isArray(J) ? J.map((ce) => ae == null ? void 0 : ae(ce)).join(", ") : ae == null ? void 0 : ae(J) : null;
-  }, Fe = () => /* @__PURE__ */ O(ku, { ...Te, readOnly: B, notched: N ? !!(A != null && A.length) : !!A, error: m, multiple: N, ref: Z, labelId: `${w}-label`, id: `${w}-select`, label: I, value: Y, title: N && to(De(A)) || "", onChange: we, disabled: s, MenuProps: {
+  }, Fe = () => /* @__PURE__ */ D(ku, { ...Te, readOnly: B, notched: N ? !!(A != null && A.length) : !!A, error: m, multiple: N, ref: Z, labelId: `${w}-label`, id: `${w}-select`, label: I, value: Y, title: N && to(De(A)) || "", onChange: we, disabled: s, MenuProps: {
     PaperProps: {
       sx: {
         maxHeight: d
@@ -8878,14 +8879,14 @@ function W4({
   }, renderValue: lr(A) ? () => null : f || G ? () => De(A) : void 0, children: [
     o,
     p ? Oe(i) : Ee(i)
-  ] }), ee = () => x ? /* @__PURE__ */ c(Cu, { error: !0, children: x }) : null, se = (Q, J) => /* @__PURE__ */ O(J3, { fullWidth: !0, ...y, error: !!m, size: ge === "smaller" ? "small" : ge, children: [
+  ] }), ee = () => x ? /* @__PURE__ */ c(Cu, { error: !0, children: x }) : null, se = (Q, J) => /* @__PURE__ */ D(J3, { fullWidth: !0, ...y, error: !!m, size: ge === "smaller" ? "small" : ge, children: [
     /* @__PURE__ */ c(Y3, { shrink: N ? !!(A != null && A.length) : !!A, id: `${w}-label`, sx: {
       lineHeight: ge === "smaller" ? 1.4 : void 0
     }, children: I }),
     Q,
     J
   ] }), Ie = Fe(), We = ee();
-  return I ? se(Ie, We) : /* @__PURE__ */ O(Ge, { children: [
+  return I ? se(Ie, We) : /* @__PURE__ */ D(Ge, { children: [
     Ie,
     We
   ] });
@@ -8952,7 +8953,7 @@ function Be({
   } = kr(), {
     getName: k
   } = Wb(), {
-    setTouched: D
+    setTouched: O
   } = os(), $ = Ye(() => k(s), [k, s]), {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     field: {
@@ -8987,7 +8988,7 @@ function Be({
     onChange: (Te) => {
       I($, Te.target.value, {
         shouldDirty: !0
-      }), D(!0);
+      }), O(!0);
     },
     onBlur: () => {
       B.onBlur(), S();
@@ -8995,7 +8996,7 @@ function Be({
   } : {
     ...B,
     onChange: (Te) => {
-      B.onChange(Te), D(!0);
+      B.onChange(Te), O(!0);
     }
   }, ge = A == null ? void 0 : A({
     ...N,
@@ -9037,11 +9038,11 @@ function Fw({
     t: S
   } = et(), k = ($) => {
     $.stopPropagation(), p == null || p(!y), w((U) => !U);
-  }, D = ($) => {
+  }, O = ($) => {
     I.current && I.current.contains($.target) || w(!1);
   };
-  return /* @__PURE__ */ O(Ge, { children: [
-    /* @__PURE__ */ O(Wm, { variant: m, ref: I, disabled: o, size: a, color: d, ...f, children: [
+  return /* @__PURE__ */ D(Ge, { children: [
+    /* @__PURE__ */ D(Wm, { variant: m, ref: I, disabled: o, size: a, color: d, ...f, children: [
       /* @__PURE__ */ c(Sr, { ...x }),
       /* @__PURE__ */ c(Sr, { "aria-controls": y ? "split-button-menu" : void 0, "aria-expanded": y ? "true" : void 0, "aria-haspopup": "menu", onClick: k, sx: {
         px: a === "small" ? 0.5 : 0.7,
@@ -9055,20 +9056,20 @@ function Fw({
       placement: U
     }) => /* @__PURE__ */ c(Hm, { ...$, style: {
       transformOrigin: U === "bottom" ? "center top" : "center bottom"
-    }, children: /* @__PURE__ */ c(Pm, { children: /* @__PURE__ */ c(Um, { onClickAway: D, children: /* @__PURE__ */ O(Gm, { id: "split-button-menu", autoFocusItem: !0, sx: {
+    }, children: /* @__PURE__ */ c(Pm, { children: /* @__PURE__ */ c(Um, { onClickAway: O, children: /* @__PURE__ */ D(Gm, { id: "split-button-menu", autoFocusItem: !0, sx: {
       textAlign: "left",
       maxHeight: i,
       overflowY: i ? "auto" : "visible"
     }, children: [
       s && /* @__PURE__ */ c(Xc, { disabled: !0, children: S("tags.loading") }, "loading"),
-      n.map((B) => /* @__PURE__ */ O(Xc, { disabled: B.disabled, onClick: (X) => {
+      n.map((B) => /* @__PURE__ */ D(Xc, { disabled: B.disabled, onClick: (X) => {
         var Z;
         X.stopPropagation(), w(!1), (Z = B.onClick) == null || Z.call(B, X);
       }, children: [
         B.icon ? /* @__PURE__ */ c(Vm, { sx: {
           color: "inherit"
         }, children: B.icon }) : null,
-        /* @__PURE__ */ O(Zm, { disableTypography: !0, children: [
+        /* @__PURE__ */ D(Zm, { disableTypography: !0, children: [
           B.label,
           B.helperText ? /* @__PURE__ */ c(eo, { fontSize: 12, color: "text.secondary", children: B.helperText }) : null
         ] })
@@ -9138,11 +9139,11 @@ function X4({
   } = qt();
   if (!n)
     return m ? p : null;
-  const D = d ?? (a ? S : o ? I : w);
+  const O = d ?? (a ? S : o ? I : w);
   let $, U = k;
   f != null && (U = f), U ? $ = Ot.utc(n, i).local() : $ = Ot(n, i);
-  const B = $.format(d ?? D);
-  return /* @__PURE__ */ O(It, { alignItems: "center", title: B, ...x, ref: y, gap: 1, children: [
+  const B = $.format(d ?? O);
+  return /* @__PURE__ */ D(It, { alignItems: "center", title: B, ...x, ref: y, gap: 1, children: [
     s && /* @__PURE__ */ c(Z4, { sx: {
       color: "currentColor"
     } }),
@@ -9158,7 +9159,7 @@ function J4({
   unDefinedMessage: a = "-",
   ...s
 }) {
-  return n ? /* @__PURE__ */ c(xt, { ...s, children: /* @__PURE__ */ O(It, { gap: 0.8, alignItems: "center", children: [
+  return n ? /* @__PURE__ */ c(xt, { ...s, children: /* @__PURE__ */ D(It, { gap: 0.8, alignItems: "center", children: [
     o ? /* @__PURE__ */ c(j3, { sx: {
       fontSize: "1.2em",
       color: "currentColor"
@@ -9179,7 +9180,7 @@ function Y4({
   const d = Ye(() => n ? Au(n).formatInternational() : "", [n]);
   return d ? /* @__PURE__ */ c(xt, { ...f, onClick: (p) => {
     p.stopPropagation();
-  }, children: /* @__PURE__ */ O(It, { gap: 0.5, alignItems: "center", children: [
+  }, children: /* @__PURE__ */ D(It, { gap: 0.5, alignItems: "center", children: [
     o && /* @__PURE__ */ c(ex, { sx: {
       fontSize: "1.2em",
       color: "currentColor"
@@ -9279,7 +9280,7 @@ function Rf(n) {
       search: I,
       newItem: S,
       clear: k,
-      export: D
+      export: O
     }
   } = qt(), $ = () => !x.search || d != null && d.search ? null : /* @__PURE__ */ c(
     Ki,
@@ -9315,7 +9316,7 @@ function Rf(n) {
       color: "secondary",
       variant: "outlined",
       title: `${p("listpage.settings.exportExcel")}
-(${D.toUpperCase()})`,
+(${O.toUpperCase()})`,
       onClick: s,
       disabled: y.export,
       children: /* @__PURE__ */ c(qc, {}),
@@ -9376,7 +9377,7 @@ function Rf(n) {
   };
   return /* @__PURE__ */ c(Ge, { children: (() => {
     const z = Z(), A = $(), P = B(), N = U(), ge = X();
-    return /* @__PURE__ */ O(Ge, { children: [
+    return /* @__PURE__ */ D(Ge, { children: [
       f,
       [P, N, ge, A],
       z
@@ -9397,7 +9398,7 @@ function Of({
   tabsContent: y,
   tabsHeaderContent: w
 }) {
-  return /* @__PURE__ */ O(Ir, { style: m == null ? void 0 : m.style, sx: m == null ? void 0 : m.sx, children: [
+  return /* @__PURE__ */ D(Ir, { style: m == null ? void 0 : m.style, sx: m == null ? void 0 : m.sx, children: [
     p,
     d,
     i,
@@ -9444,7 +9445,7 @@ function n5({
   showEmptyText: k = !0
 }) {
   const {
-    t: D
+    t: O
   } = et(), $ = dt(!0);
   qe(() => {
     a != null && a.length && ($.current = !1);
@@ -9466,9 +9467,9 @@ function n5({
       xs: 12
     }, ...n, children: ge }, A);
   }), Z = U(S);
-  return !(a != null && a.length) && k && !y ? /* @__PURE__ */ c(hf, { emptyText: D("nodatafound"), sx: {
+  return !(a != null && a.length) && k && !y ? /* @__PURE__ */ c(hf, { emptyText: O("nodatafound"), sx: {
     py: 2
-  }, ...s }) : /* @__PURE__ */ c(St.Content, { pt: 0, ...i, children: /* @__PURE__ */ O(Gi, { container: !0, spacing: 2, ...o, children: [
+  }, ...s }) : /* @__PURE__ */ c(St.Content, { pt: 0, ...i, children: /* @__PURE__ */ D(Gi, { container: !0, spacing: 2, ...o, children: [
     Z,
     X,
     d && !y ? /* @__PURE__ */ c(Gi, { size: {
@@ -9481,7 +9482,7 @@ function r5({
   dataCount: o,
   ...i
 }) {
-  return /* @__PURE__ */ c(Mr, { ...i, header: n && o ? /* @__PURE__ */ O(It, { alignItems: "center", gap: 0.5, children: [
+  return /* @__PURE__ */ c(Mr, { ...i, header: n && o ? /* @__PURE__ */ D(It, { alignItems: "center", gap: 0.5, children: [
     /* @__PURE__ */ c("span", { children: i.header }),
     `(${o})`
   ] }) : i.header });
@@ -9564,7 +9565,7 @@ function s5({
   disableShortCuts: I,
   enableActionCommands: S,
   enableRowClickToDetails: k,
-  enableClear: D,
+  enableClear: O,
   enableCreateItem: $ = !0,
   enableRefetch: U,
   enableExport: B,
@@ -9625,7 +9626,7 @@ function s5({
       autoSearchContent: Xe,
       shortCutContent: ue
     };
-    return ee ? ee(Pe) : /* @__PURE__ */ O(Ge, { children: [
+    return ee ? ee(Pe) : /* @__PURE__ */ D(Ge, { children: [
       Se,
       Ke,
       Xe,
@@ -9668,7 +9669,7 @@ function s5({
     return /* @__PURE__ */ c(Rf, { ...j, children: Me });
   }, st = () => {
     const j = a ?? [];
-    return Z && j.push(...ls(Z)), /* @__PURE__ */ O(mn, { ref: Q, children: [
+    return Z && j.push(...ls(Z)), /* @__PURE__ */ D(mn, { ref: Q, children: [
       /* @__PURE__ */ c(jr, { messages: j }),
       /* @__PURE__ */ c(ss, {})
     ] });
@@ -9754,7 +9755,7 @@ function s5({
     };
     return typeof Y == "function" ? Y(Xe, J) : (Pe = Y[j]) == null ? void 0 : Pe.call(Y, Xe, J);
   };
-  return /* @__PURE__ */ c(Q4, { triggerAction: ne, loading: P, data: x, search: Ee, clear: Te, enableClear: D, enableCreateItem: $, enableExport: B, enableSearch: X, children: tt() });
+  return /* @__PURE__ */ c(Q4, { triggerAction: ne, loading: P, data: x, search: Ee, clear: Te, enableClear: O, enableCreateItem: $, enableExport: B, enableSearch: X, children: tt() });
 }
 function a5({
   cardProps: n,
@@ -9775,7 +9776,7 @@ function a5({
 }) {
   var z;
   const {
-    reset: D,
+    reset: O,
     formState: {
       defaultValues: $,
       isLoading: U
@@ -9838,7 +9839,7 @@ function a5({
     } catch {
     }
   }, G = () => {
-    D($, {
+    O($, {
       keepDefaultValues: !0
     }), Z({
       ...a,
@@ -9914,13 +9915,13 @@ function fs({
   tabsContent: w,
   tabsHeaderContent: I
 }) {
-  return /* @__PURE__ */ O(Ir, { style: m == null ? void 0 : m.style, sx: m == null ? void 0 : m.sx, children: [
+  return /* @__PURE__ */ D(Ir, { style: m == null ? void 0 : m.style, sx: m == null ? void 0 : m.sx, children: [
     p,
     d,
     i,
     I,
     y,
-    /* @__PURE__ */ O(wn.Scroll, { autoHide: !1, children: [
+    /* @__PURE__ */ D(wn.Scroll, { autoHide: !1, children: [
       a,
       w,
       s,
@@ -10027,7 +10028,7 @@ function f5({
     newItemParamValue: y,
     uniqueIdParamName: w
   } = qt(), I = Gl(), [S, k, {
-    segmentParamName: D
+    segmentParamName: O
   }] = Wu({
     enableNestedSegments: i,
     fallbackSegmentIndex: f,
@@ -10071,7 +10072,7 @@ function f5({
     if (a) {
       let ge;
       s && !i && N && (ge = {
-        [D]: N
+        [O]: N
       }), U(z, A, ge);
     }
     d == null || d(z, A);
@@ -10098,7 +10099,7 @@ function f5({
   };
   return /* @__PURE__ */ c($n, { onActionClick: (z, A) => {
     z !== "delete" && (z === "create" ? Z() : G(z, A)), p == null || p(z, A);
-  }, activeSegmentIndex: S, onWrapperLayout: (z) => /* @__PURE__ */ O(Ge, { children: [
+  }, activeSegmentIndex: S, onWrapperLayout: (z) => /* @__PURE__ */ D(Ge, { children: [
     z.pageContent,
     z.detailPageContent,
     z.autoSearchContent,
@@ -10128,7 +10129,7 @@ function d5({
     skeletonRows: 5,
     size: "small",
     ...f
-  }, onClear: () => x({}), onCommands: (w) => /* @__PURE__ */ O(Ge, { children: [
+  }, onClear: () => x({}), onCommands: (w) => /* @__PURE__ */ D(Ge, { children: [
     /* @__PURE__ */ c($n.Commands, { ...w }),
     /* @__PURE__ */ c(rx, { badgeContent: y, color: "primary", children: /* @__PURE__ */ c(Xr, { startIcon: /* @__PURE__ */ c(nx, {}), color: "success", onClick: () => o == null ? void 0 : o(p), disabled: !y, children: m("listpage.selection.selectClose") }) })
   ] }) }) });
@@ -12074,7 +12075,7 @@ function F9({
       color: d.palette.text.primary
     }
   };
-  return /* @__PURE__ */ O(fx, { theme: d, children: [
+  return /* @__PURE__ */ D(fx, { theme: d, children: [
     /* @__PURE__ */ c(i3, { toastOptions: m, position: "bottom-right" }),
     /* @__PURE__ */ c(ux, {}),
     s
@@ -12270,14 +12271,14 @@ function Dw({
     textAlign: "left"
   }, children: w.name }) }, w.key)) });
   if (p) {
-    const w = a || /* @__PURE__ */ O(Ge, { children: [
+    const w = a || /* @__PURE__ */ D(Ge, { children: [
       /* @__PURE__ */ c(Rm, { sx: {
         color: "text.primary",
         fontSize: 16
       } }),
       /* @__PURE__ */ c(Km, { variant: "body2", fontWeight: 500, children: f("more") })
     ] });
-    return /* @__PURE__ */ O(Pl, { children: [
+    return /* @__PURE__ */ D(Pl, { children: [
       /* @__PURE__ */ c(mn, { onClick: () => m(!0), sx: {
         gap: 0.5,
         cursor: "pointer",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-crud-mui",
   "private": false,
-  "version": "0.2.101",
+  "version": "0.2.102",
   "type": "module",
   "main": "./dist/coreui.js",
   "module": "./dist/coreui.js",