@luminix/mui-cms 0.2.12 → 0.2.13

package/dist/mui-cms.js

@@ -1,15 +1,15 @@
 var br = Object.defineProperty;
 var yr = (e, t, n) => t in e ? br(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $e = (e, t, n) => yr(e, typeof t != "symbol" ? t + "" : t, n);
-import { Str as k, Obj as J, DateTime as Oe, Query as gn, Func as wr, MakeFacade as St, Reducible as bn, ServiceProvider as yn } from "@luminix/support";
-import { config as oe, collect as W, app as T, model as we, App as xt, Model as Re, Route as Sr, Config as re } from "@luminix/core";
+var ke = (e, t, n) => yr(e, typeof t != "symbol" ? t + "" : t, n);
+import { Str as k, Obj as J, DateTime as Re, Query as gn, Func as wr, MakeFacade as St, Reducible as bn, ServiceProvider as yn } from "@luminix/support";
+import { config as oe, collect as W, app as T, model as we, App as xt, Model as Pe, Route as Sr, Config as re } from "@luminix/core";
 import { jsx as i, jsxs as w, Fragment as B } from "react/jsx-runtime";
-import { Outlet as xr, useParams as Ar, useNavigate as At, useSearchParams as G, Link as Pe, Form as Cr } from "react-router-dom";
+import { Outlet as xr, useParams as Ar, useNavigate as At, useSearchParams as G, Link as ve, Form as Cr } from "react-router-dom";
 import { useCollection as wn, PaginationProvider as Er, usePagination as xe, ModelForm as kr, useApplyReducers as Ct, Forms as Tr, LuminixProvider as Dr } from "@luminix/react";
-import { useMediaQuery as Me, Dialog as Et, DialogTitle as kt, DialogContent as Tt, DialogContentText as Or, TextField as fe, DialogActions as Dt, Button as M, Snackbar as Rr, Alert as Pr, IconButton as q, AlertTitle as vr, Box as H, Unstable_Grid2 as Q, Fab as Fr, SpeedDial as Lr, SpeedDialIcon as Br, SpeedDialAction as Ir, ButtonGroup as Mr, Popper as Nr, Grow as jr, Paper as Ot, ClickAwayListener as Ur, MenuList as qr, MenuItem as se, AppBar as Sn, Toolbar as _r, Typography as $, Drawer as xn, Divider as ve, Autocomplete as Hr, CircularProgress as zr, Switch as Vr, Stack as N, FormControl as at, InputLabel as it, Select as Fe, Badge as Rt, Popover as Wr, Link as lt, Collapse as An, TableCell as ee, RadioGroup as Kt, FormControlLabel as Ke, Radio as Ye, TableContainer as $r, Table as Kr, TableHead as Yr, TableRow as he, Checkbox as Pt, TableSortLabel as Jr, Skeleton as Yt, TableBody as Gr, TableFooter as Zr, Tabs as Xr, Tab as Jt, Breadcrumbs as Qr, List as eo, ListItem as to, ListItemButton as no, ListItemIcon as Cn, ListItemText as En, Menu as kn, Avatar as ro, CssBaseline as oo } from "@mui/material";
+import { useMediaQuery as Ne, Dialog as Et, DialogTitle as kt, DialogContent as Tt, DialogContentText as Or, TextField as fe, DialogActions as Dt, Button as M, Snackbar as Rr, Alert as Pr, IconButton as q, AlertTitle as vr, Box as H, Unstable_Grid2 as Q, Fab as Fr, SpeedDial as Lr, SpeedDialIcon as Br, SpeedDialAction as Ir, ButtonGroup as Mr, Popper as Nr, Grow as jr, Paper as Ot, ClickAwayListener as Ur, MenuList as qr, MenuItem as se, AppBar as Sn, Toolbar as _r, Typography as $, Drawer as xn, Divider as Fe, Autocomplete as Hr, CircularProgress as zr, Switch as Vr, Stack as N, FormControl as at, InputLabel as it, Select as Le, Badge as Rt, Popover as Wr, Link as lt, Collapse as An, TableCell as ee, RadioGroup as Kt, FormControlLabel as Ke, Radio as Ye, TableContainer as $r, Table as Kr, TableHead as Yr, TableRow as he, Checkbox as Pt, TableSortLabel as Jr, Skeleton as Yt, TableBody as Gr, TableFooter as Zr, Tabs as Xr, Tab as Jt, Breadcrumbs as Qr, List as eo, ListItem as to, ListItemButton as no, ListItemIcon as Cn, ListItemText as En, Menu as kn, Avatar as ro, CssBaseline as oo } from "@mui/material";
 import m, { useContext as Tn, useMemo as so } from "react";
 import { useTranslation as L, initReactI18next as ao } from "react-i18next";
-import { Close as Ne, ArrowDropDown as Dn, ChevronLeft as je, ChevronRight as Ue, HighlightOffOutlined as ct, AddCircleOutline as On, FilterList as Rn, Menu as Pn, LastPage as vn, FirstPage as Fn, Search as ut, SwapVert as Ln, ArrowUpward as Bn, ArrowDownward as In, MoreVert as vt, ExpandLess as Mn, ExpandMore as Nn, Add as io, CategoryOutlined as lo, DashboardOutlined as co, PeopleOutlined as uo } from "@mui/icons-material";
+import { Close as je, ArrowDropDown as Dn, ChevronLeft as Ue, ChevronRight as qe, HighlightOffOutlined as ct, AddCircleOutline as On, FilterList as Rn, Menu as Pn, LastPage as vn, FirstPage as Fn, Search as ut, SwapVert as Ln, ArrowUpward as Bn, ArrowDownward as In, MoreVert as vt, ExpandLess as Mn, ExpandMore as Nn, Add as io, CategoryOutlined as lo, DashboardOutlined as co, PeopleOutlined as uo } from "@mui/icons-material";
 import { useTheme as Ft, styled as Z, createTheme as fo, ThemeProvider as ho } from "@mui/material/styles";
 import Gt from "react-dom";
 import Y from "i18next";
@@ -29,7 +29,7 @@ const po = {
   setShowBackButton: () => {
   }
 }, X = m.createContext(po), Je = document.title, mo = ({ children: e }) => {
-  const [t, n] = m.useState(!1), [r, o] = m.useState(""), [s, a] = m.useState(!1), [l, d] = m.useState(!1), c = oe("luminix.cms.layout", {}), u = Me((y) => y.breakpoints.up((c == null ? void 0 : c.breakpoint) || "md")), h = {
+  const [t, n] = m.useState(!1), [r, o] = m.useState(""), [s, a] = m.useState(!1), [l, d] = m.useState(!1), c = oe("luminix.cms.layout", {}), u = Ne((y) => y.breakpoints.up((c == null ? void 0 : c.breakpoint) || "md")), h = {
     open: t,
     setOpen: n,
     layout: c,
@@ -199,7 +199,7 @@ const Lt = m.createContext({
                 },
                 x
               )),
-              /* @__PURE__ */ i(q, { "aria-label": "close", color: "inherit", size: "small", onClick: p, children: /* @__PURE__ */ i(Ne, {}) }, "close")
+              /* @__PURE__ */ i(q, { "aria-label": "close", color: "inherit", size: "small", onClick: p, children: /* @__PURE__ */ i(je, {}) }, "close")
             ],
             children: [
               u.title && /* @__PURE__ */ i(vr, { children: u.title }),
@@ -211,7 +211,7 @@ const Lt = m.createContext({
     )
   ] });
 }, So = ({ children: e }) => {
-  const t = Me("(prefers-color-scheme: dark)");
+  const t = Ne("(prefers-color-scheme: dark)");
   return /* @__PURE__ */ i(
     wo,
     {
@@ -399,10 +399,10 @@ function qn(e, t) {
     return e.apply(t, arguments);
   };
 }
-const { toString: Ro } = Object.prototype, { getPrototypeOf: It } = Object, qe = /* @__PURE__ */ ((e) => (t) => {
+const { toString: Ro } = Object.prototype, { getPrototypeOf: It } = Object, _e = /* @__PURE__ */ ((e) => (t) => {
   const n = Ro.call(t);
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), K = (e) => (e = e.toLowerCase(), (t) => qe(t) === e), _e = (e) => (t) => typeof t === e, { isArray: pe } = Array, Se = _e("undefined");
+})(/* @__PURE__ */ Object.create(null)), K = (e) => (e = e.toLowerCase(), (t) => _e(t) === e), He = (e) => (t) => typeof t === e, { isArray: pe } = Array, Se = He("undefined");
 function Po(e) {
   return e !== null && !Se(e) && e.constructor !== null && !Se(e.constructor) && _(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
@@ -411,14 +411,14 @@ function vo(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && _n(e.buffer), t;
 }
-const Fo = _e("string"), _ = _e("function"), Hn = _e("number"), He = (e) => e !== null && typeof e == "object", Lo = (e) => e === !0 || e === !1, Te = (e) => {
-  if (qe(e) !== "object")
+const Fo = He("string"), _ = He("function"), Hn = He("number"), ze = (e) => e !== null && typeof e == "object", Lo = (e) => e === !0 || e === !1, De = (e) => {
+  if (_e(e) !== "object")
     return !1;
   const t = It(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}, Bo = K("Date"), Io = K("File"), Mo = K("Blob"), No = K("FileList"), jo = (e) => He(e) && _(e.pipe), Uo = (e) => {
+}, Bo = K("Date"), Io = K("File"), Mo = K("Blob"), No = K("FileList"), jo = (e) => ze(e) && _(e.pipe), Uo = (e) => {
   let t;
-  return e && (typeof FormData == "function" && e instanceof FormData || _(e.append) && ((t = qe(e)) === "formdata" || // detect form-data instance
+  return e && (typeof FormData == "function" && e instanceof FormData || _(e.append) && ((t = _e(e)) === "formdata" || // detect form-data instance
   t === "object" && _(e.toString) && e.toString() === "[object FormData]"));
 }, qo = K("URLSearchParams"), [_o, Ho, zo, Vo] = ["ReadableStream", "Request", "Response", "Headers"].map(K), Wo = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ae(e, t, { allOwnKeys: n = !1 } = {}) {
@@ -448,7 +448,7 @@ const ie = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typ
 function ft() {
   const { caseless: e } = Vn(this) && this || {}, t = {}, n = (r, o) => {
     const s = e && zn(t, o) || o;
-    Te(t[s]) && Te(r) ? t[s] = ft(t[s], r) : Te(r) ? t[s] = ft({}, r) : pe(r) ? t[s] = r.slice() : t[s] = r;
+    De(t[s]) && De(r) ? t[s] = ft(t[s], r) : De(r) ? t[s] = ft({}, r) : pe(r) ? t[s] = r.slice() : t[s] = r;
   };
   for (let r = 0, o = arguments.length; r < o; r++)
     arguments[r] && Ae(arguments[r], n);
@@ -546,7 +546,7 @@ function cs(e) {
 }
 const us = (e) => {
   const t = new Array(10), n = (r, o) => {
-    if (He(r)) {
+    if (ze(r)) {
       if (t.indexOf(r) >= 0)
         return;
       if (!("toJSON" in r)) {
@@ -561,7 +561,7 @@ const us = (e) => {
     return r;
   };
   return n(e, 0);
-}, ds = K("AsyncFunction"), fs = (e) => e && (He(e) || _(e)) && _(e.then) && _(e.catch), Kn = ((e, t) => e ? setImmediate : t ? ((n, r) => (ie.addEventListener("message", ({ source: o, data: s }) => {
+}, ds = K("AsyncFunction"), fs = (e) => e && (ze(e) || _(e)) && _(e.then) && _(e.catch), Kn = ((e, t) => e ? setImmediate : t ? ((n, r) => (ie.addEventListener("message", ({ source: o, data: s }) => {
   o === ie && s === n && r.length && r.shift()();
 }, !1), (o) => {
   r.push(o), ie.postMessage(n, "*");
@@ -577,8 +577,8 @@ const us = (e) => {
   isString: Fo,
   isNumber: Hn,
   isBoolean: Lo,
-  isObject: He,
-  isPlainObject: Te,
+  isObject: ze,
+  isPlainObject: De,
   isReadableStream: _o,
   isRequest: Ho,
   isResponse: zo,
@@ -600,7 +600,7 @@ const us = (e) => {
   stripBOM: Ko,
   inherits: Yo,
   toFlatObject: Jo,
-  kindOf: qe,
+  kindOf: _e,
   kindOfTest: K,
   endsWith: Go,
   toArray: Zo,
@@ -696,7 +696,7 @@ function ms(e) {
 const gs = f.toFlatObject(f, {}, null, function(t) {
   return /^is[A-Z]/.test(t);
 });
-function ze(e, t, n) {
+function Ve(e, t, n) {
   if (!f.isObject(e))
     throw new TypeError("target must be an object");
   t = t || new FormData(), n = f.toFlatObject(n, {
@@ -772,7 +772,7 @@ function en(e) {
   });
 }
 function Mt(e, t) {
-  this._pairs = [], e && ze(e, this, t);
+  this._pairs = [], e && Ve(e, this, t);
 }
 const Zn = Mt.prototype;
 Zn.append = function(t, n) {
@@ -879,7 +879,7 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", Es
   ...xs
 };
 function Ts(e, t) {
-  return ze(e, new j.classes.URLSearchParams(), Object.assign({
+  return Ve(e, new j.classes.URLSearchParams(), Object.assign({
     visitor: function(n, r, o, s) {
       return j.isNode && f.isBuffer(n) ? (this.append(r, n.toString("base64")), !1) : s.defaultVisitor.apply(this, arguments);
     }
@@ -941,7 +941,7 @@ const Ce = {
         return Ts(t, this.formSerializer).toString();
       if ((l = f.isFileList(t)) || r.indexOf("multipart/form-data") > -1) {
         const d = this.env && this.env.FormData;
-        return ze(
+        return Ve(
           l ? { "files[]": t } : t,
           d && new d(),
           this.formSerializer
@@ -1020,8 +1020,8 @@ const Ps = f.toObjectSet([
 function be(e) {
   return e && String(e).trim().toLowerCase();
 }
-function De(e) {
-  return e === !1 || e == null ? e : f.isArray(e) ? e.map(De) : String(e);
+function Oe(e) {
+  return e === !1 || e == null ? e : f.isArray(e) ? e.map(Oe) : String(e);
 }
 function Fs(e) {
   const t = /* @__PURE__ */ Object.create(null), n = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
@@ -1066,7 +1066,7 @@ let U = class {
       if (!u)
         throw new Error("header name must be a non-empty string");
       const h = f.findKey(o, u);
-      (!h || o[h] === void 0 || c === !0 || c === void 0 && o[h] !== !1) && (o[h || d] = De(l));
+      (!h || o[h] === void 0 || c === !0 || c === void 0 && o[h] !== !1) && (o[h || d] = Oe(l));
     }
     const a = (l, d) => f.forEach(l, (c, u) => s(c, u, d));
     if (f.isPlainObject(t) || t instanceof this.constructor)
@@ -1129,11 +1129,11 @@ let U = class {
     return f.forEach(this, (o, s) => {
       const a = f.findKey(r, s);
       if (a) {
-        n[a] = De(o), delete n[s];
+        n[a] = Oe(o), delete n[s];
         return;
       }
       const l = t ? Bs(s) : String(s).trim();
-      l !== s && delete n[s], n[l] = De(o), r[l] = !0;
+      l !== s && delete n[s], n[l] = Oe(o), r[l] = !0;
     }), this;
   }
   concat(...t) {
@@ -1242,7 +1242,7 @@ function js(e, t) {
     }, r - h)));
   }, () => o && a(o)];
 }
-const Le = (e, t, n = 3) => {
+const Be = (e, t, n = 3) => {
   let r = 0;
   const o = Ns(50, 250);
   return js((s) => {
@@ -1468,7 +1468,7 @@ const or = (e) => {
       )), g = null;
     }, s === void 0 && a.setContentType(null), "setRequestHeader" in g && f.forEach(a.toJSON(), function(P, O) {
       g.setRequestHeader(O, P);
-    }), f.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), c && ([y, b] = Le(c, !0), g.addEventListener("progress", y)), d && g.upload && ([h, S] = Le(d), g.upload.addEventListener("progress", h), g.upload.addEventListener("loadend", S)), (o.cancelToken || o.signal) && (u = (E) => {
+    }), f.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), c && ([y, b] = Be(c, !0), g.addEventListener("progress", y)), d && g.upload && ([h, S] = Be(d), g.upload.addEventListener("progress", h), g.upload.addEventListener("loadend", S)), (o.cancelToken || o.signal) && (u = (E) => {
       g && (r(!E || E.type ? new me(null, e, g) : E), g.abort(), g = null);
     }, o.cancelToken && o.cancelToken.subscribe(u), o.signal && (o.signal.aborted ? u() : o.signal.addEventListener("abort", u)));
     const x = Ms(o.url);
@@ -1558,7 +1558,7 @@ const or = (e) => {
   }, {
     highWaterMark: 2
   });
-}, Ve = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", sr = Ve && typeof ReadableStream == "function", Js = Ve && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((e) => (t) => e.encode(t))(new TextEncoder()) : async (e) => new Uint8Array(await new Response(e).arrayBuffer())), ar = (e, ...t) => {
+}, We = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", sr = We && typeof ReadableStream == "function", Js = We && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((e) => (t) => e.encode(t))(new TextEncoder()) : async (e) => new Uint8Array(await new Response(e).arrayBuffer())), ar = (e, ...t) => {
   try {
     return !!e(...t);
   } catch {
@@ -1574,12 +1574,12 @@ const or = (e) => {
     }
   }).headers.has("Content-Type");
   return e && !t;
-}), ln = 64 * 1024, mt = sr && ar(() => f.isReadableStream(new Response("").body)), Be = {
+}), ln = 64 * 1024, mt = sr && ar(() => f.isReadableStream(new Response("").body)), Ie = {
   stream: mt && ((e) => e.body)
 };
-Ve && ((e) => {
+We && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
-    !Be[t] && (Be[t] = f.isFunction(e[t]) ? (n) => n[t]() : (n, r) => {
+    !Ie[t] && (Ie[t] = f.isFunction(e[t]) ? (n) => n[t]() : (n, r) => {
       throw new C(`Response type '${t}' is not supported`, C.ERR_NOT_SUPPORT, r);
     });
   });
@@ -1601,7 +1601,7 @@ const Zs = async (e) => {
 }, Xs = async (e, t) => {
   const n = f.toFiniteNumber(e.getContentLength());
   return n ?? Zs(t);
-}, Qs = Ve && (async (e) => {
+}, Qs = We && (async (e) => {
   let {
     url: t,
     method: n,
@@ -1632,7 +1632,7 @@ const Zs = async (e) => {
       if (f.isFormData(r) && (R = O.headers.get("content-type")) && u.setContentType(R), O.body) {
         const [D, V] = rn(
           g,
-          Le(on(d))
+          Be(on(d))
         );
         r = an(O.body, ln, D, V);
       }
@@ -1657,7 +1657,7 @@ const Zs = async (e) => {
       });
       const R = f.toFiniteNumber(x.headers.get("content-length")), [D, V] = l && rn(
         R,
-        Le(on(l), !0)
+        Be(on(l), !0)
       ) || [];
       x = new Response(
         an(x.body, ln, D, () => {
@@ -1667,7 +1667,7 @@ const Zs = async (e) => {
       );
     }
     c = c || "text";
-    let P = await Be[f.findKey(Be, c) || "text"](x, e);
+    let P = await Ie[f.findKey(Ie, c) || "text"](x, e);
     return !E && p && p(), await new Promise((O, R) => {
       nr(O, R, {
         data: P,
@@ -2081,7 +2081,7 @@ F.CanceledError = me;
 F.CancelToken = na;
 F.isCancel = tr;
 F.VERSION = lr;
-F.toFormData = ze;
+F.toFormData = Ve;
 F.AxiosError = C;
 F.Cancel = F.CanceledError;
 F.all = function(t) {
@@ -2396,13 +2396,13 @@ function ga(e) {
   return /* @__PURE__ */ i(
     q,
     {
-      component: Pe,
+      component: ve,
       to: -1,
       edge: "start",
       color: "inherit",
       "aria-label": "back",
       ...e,
-      children: /* @__PURE__ */ i(je, {})
+      children: /* @__PURE__ */ i(Ue, {})
     }
   );
 }
@@ -2464,8 +2464,8 @@ const fn = (e, t) => ({
       },
       ...e,
       children: [
-        /* @__PURE__ */ i(wa, { style: { height: l }, children: /* @__PURE__ */ i(q, { onClick: o, children: t.direction === "ltr" ? /* @__PURE__ */ i(je, {}) : /* @__PURE__ */ i(Ue, {}) }) }),
-        /* @__PURE__ */ i(ve, {}),
+        /* @__PURE__ */ i(wa, { style: { height: l }, children: /* @__PURE__ */ i(q, { onClick: o, children: t.direction === "ltr" ? /* @__PURE__ */ i(Ue, {}) : /* @__PURE__ */ i(qe, {}) }) }),
+        /* @__PURE__ */ i(Fe, {}),
         /* @__PURE__ */ i(H, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ i(
           d,
           {
@@ -2711,7 +2711,7 @@ const pn = async (e, t, n) => {
     {
       type: r.getInputType(o),
       label: c,
-      value: Oe.toDateTimeLocal(Oe.parse(u)),
+      value: Re.toDateTimeLocal(Re.parse(u)),
       onChange: h,
       size: "small",
       sx: { width: n ? d : "100%" }
@@ -2873,7 +2873,7 @@ const pn = async (e, t, n) => {
                             }
                           ),
                           /* @__PURE__ */ i(
-                            Fe,
+                            Le,
                             {
                               labelId: "filter-column-select-label",
                               id: "filter-column-select",
@@ -2925,7 +2925,7 @@ const pn = async (e, t, n) => {
                       }
                     ),
                     /* @__PURE__ */ i(
-                      Fe,
+                      Le,
                       {
                         labelId: "filter-operator-select-label",
                         id: "filter-operator-select",
@@ -3001,7 +3001,7 @@ const pn = async (e, t, n) => {
               },
               `row_${u.key}`
             ),
-            !n && /* @__PURE__ */ i(ve, { sx: {
+            !n && /* @__PURE__ */ i(Fe, { sx: {
               mt: S ? 0.625 : 1.25,
               mb: S ? 0.75 : 1.5,
               ...S && {
@@ -3075,7 +3075,7 @@ function va(e, t) {
         break;
       }
       case "datetime-local": {
-        Array.isArray(s) ? c = s.map((u) => Oe.toDateTimeLocal(u)) : c = Oe.toDateTimeLocal(s);
+        Array.isArray(s) ? c = s.map((u) => Re.toDateTimeLocal(u)) : c = Re.toDateTimeLocal(s);
         break;
       }
       case "boolean": {
@@ -3206,7 +3206,7 @@ const Fa = (e) => {
                   {
                     onClick: b,
                     sx: { position: "absolute", right: 8, top: 8 },
-                    children: /* @__PURE__ */ i(Ne, {})
+                    children: /* @__PURE__ */ i(je, {})
                   }
                 )
               ] }),
@@ -3304,7 +3304,7 @@ function Ba(e) {
             children: [
               /* @__PURE__ */ i(it, { id: "mass-actions-select-label", children: d }),
               /* @__PURE__ */ w(
-                Fe,
+                Le,
                 {
                   labelId: "mass-actions-select-label",
                   id: "mass-actions-select",
@@ -3360,10 +3360,10 @@ const Ia = () => {
       children: /* @__PURE__ */ i(Pn, {})
     }
   );
-}, We = m.forwardRef(({ to: e, children: t, ...n }, r) => /* @__PURE__ */ i(
+}, $e = m.forwardRef(({ to: e, children: t, ...n }, r) => /* @__PURE__ */ i(
   lt,
   {
-    component: Pe,
+    component: ve,
     to: e,
     ref: r,
     sx: { textDecoration: "none" },
@@ -3371,10 +3371,10 @@ const Ia = () => {
     children: t
   }
 ));
-We.displayName = "Link";
+$e.displayName = "Link";
 const Ma = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */ i(B, { children: {
-  "&laquo; Previous": /* @__PURE__ */ i(je, {}),
-  "Next &raquo;": /* @__PURE__ */ i(Ue, {}),
+  "&laquo; Previous": /* @__PURE__ */ i(Ue, {}),
+  "Next &raquo;": /* @__PURE__ */ i(qe, {}),
   "Last &raquo;": /* @__PURE__ */ i(vn, {}),
   "&laquo; First": /* @__PURE__ */ i(Fn, {})
 }[e] || e }) : /* @__PURE__ */ i(B, { children: e }), Na = ({ variant: e = "default", ...t }) => {
@@ -3460,7 +3460,7 @@ const Ma = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
             borderRadius: "50%"
           },
           disabled: !A.url,
-          component: We,
+          component: $e,
           to: A.url,
           children: /* @__PURE__ */ i(Ma, { label: A.label })
         },
@@ -3508,7 +3508,7 @@ const Ma = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
           ":"
         ] }),
         /* @__PURE__ */ i(
-          Fe,
+          Le,
           {
             value: t,
             onChange: r,
@@ -3668,7 +3668,7 @@ const _a = Z(fe)(({ theme: e }) => ({
           {
             onClick: p,
             sx: { position: "absolute", right: 8, top: 8 },
-            children: /* @__PURE__ */ i(Ne, {})
+            children: /* @__PURE__ */ i(je, {})
           }
         )
       ] }),
@@ -3682,7 +3682,7 @@ const _a = Z(fe)(({ theme: e }) => ({
             },
             children: [
               /* @__PURE__ */ i($, { variant: "caption", children: e("Column") }),
-              /* @__PURE__ */ i(ve, {}),
+              /* @__PURE__ */ i(Fe, {}),
               W(r).whereStrict("sortable", "!=", !1).map(({ key: x, label: E }) => /* @__PURE__ */ i(
                 Ke,
                 {
@@ -3696,7 +3696,7 @@ const _a = Z(fe)(({ theme: e }) => ({
           }
         ),
         /* @__PURE__ */ i($, { variant: "caption", children: e("Direction") }),
-        /* @__PURE__ */ i(ve, {}),
+        /* @__PURE__ */ i(Fe, {}),
         /* @__PURE__ */ w(
           Kt,
           {
@@ -4116,7 +4116,7 @@ function oi(e) {
             underline: "hover",
             color: "inherit",
             to: "/",
-            component: Pe,
+            component: ve,
             children: oe("app.name", "Laravel")
           }
         ),
@@ -4126,7 +4126,7 @@ function oi(e) {
             underline: "hover",
             color: "inherit",
             to: o,
-            component: Pe,
+            component: ve,
             children: r
           },
           s
@@ -4188,7 +4188,7 @@ const pr = ({
                   }
                   n && n(P);
                 },
-                ...x ? { to: x, component: We } : {},
+                ...x ? { to: x, component: $e } : {},
                 children: [
                   /* @__PURE__ */ w(
                     Cn,
@@ -4290,7 +4290,7 @@ const pr = ({
             n && n(p);
           },
           ...b ? {
-            component: We,
+            component: $e,
             to: b
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
           } : {},
@@ -4308,7 +4308,7 @@ const pr = ({
               }
             ),
             /* @__PURE__ */ i(En, { sx: { opacity: e ? 0 : 1 }, children: d }),
-            !e && y && /* @__PURE__ */ i(Ue, {})
+            !e && y && /* @__PURE__ */ i(qe, {})
           ]
         },
         h
@@ -4455,11 +4455,17 @@ class ai {
     return "icon";
   }
 }
-const ke = St(ai, xt);
+const Te = St(ai, xt);
 class ii {
+  constructor() {
+    ke(this, "components", {});
+  }
+  booted() {
+    this.components = this.componentMap({});
+  }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   getComponents() {
-    return this.componentMap({});
+    return this.components;
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   getComponent(t) {
@@ -4602,8 +4608,8 @@ class ci {
 const ui = bn(ci);
 class di {
   constructor() {
-    $e(this, "icons", []);
-    Re.reducer(
+    ke(this, "icons", []);
+    Pe.reducer(
       "model",
       (t) => {
         const n = this;
@@ -4617,7 +4623,7 @@ class di {
     );
   }
   forModel(t, n) {
-    Re.reducer(`model${k.studly(t)}`, (r) => {
+    Pe.reducer(`model${k.studly(t)}`, (r) => {
       const o = this;
       return class extends r {
         static icon() {
@@ -4690,7 +4696,7 @@ const fi = ({ item: e }) => {
   ] });
 }, hi = "data:image/png;base64,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", pi = "data:image/png;base64,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";
 function mi() {
-  const e = Me("(prefers-color-scheme: dark)"), t = fr();
+  const e = Ne("(prefers-color-scheme: dark)"), t = fr();
   return /* @__PURE__ */ i(
     ro,
     {
@@ -4705,12 +4711,14 @@ function mi() {
     }
   );
 }
-const Ie = class Ie extends yn {
+const Me = class Me extends yn {
   register() {
     this.app.singleton("cms", () => new li()), this.app.singleton("filter", () => new ui()), this.app.singleton("icon", () => new di()), this.registerIcons();
   }
   boot() {
-    this.bootComponents(), this.bootRoutes(), this.bootMenu(), this.bootMassActions(), this.bootInstanceActions(), this.bootStaticActions(), Ie.applyUserDefaults && this.bootDefaultUserModifiers();
+    this.bootComponents(), this.bootRoutes(), this.bootMenu(), this.bootMassActions(), this.bootInstanceActions(), this.bootStaticActions(), Me.applyUserDefaults && this.bootDefaultUserModifiers(), this.app.on("booted", () => {
+      this.app.make("cms").booted();
+    });
   }
   // private addIconsToModels() {
   //     Model.reducer(
@@ -4729,16 +4737,16 @@ const Ie = class Ie extends yn {
   //     );
   // }
   registerIcons() {
-    ke.registerIcon({
+    Te.registerIcon({
       Add: io,
       AddCircleOutline: On,
       ArrowDownward: In,
       ArrowDropDown: Dn,
       ArrowUpward: Bn,
       CategoryOutlined: lo,
-      ChevronLeft: je,
-      ChevronRight: Ue,
-      Close: Ne,
+      ChevronLeft: Ue,
+      ChevronRight: qe,
+      Close: je,
       DashboardOutlined: co,
       ExpandLess: Mn,
       ExpandMore: Nn,
@@ -4751,7 +4759,7 @@ const Ie = class Ie extends yn {
       PeopleOutlined: uo,
       Search: ut,
       SwapVert: Ln
-    }), ke.forModel("user", "PeopleOutlined");
+    }), Te.forModel("user", "PeopleOutlined");
   }
   bootRoutes() {
     I.reducer("cmsRoutes", xo, 0), Sr.reducer("domRouterOptions", (t) => ({
@@ -4801,7 +4809,7 @@ const Ie = class Ie extends yn {
         key: "dashboard",
         text: "Dashboard",
         to: "/",
-        icon: ke.render("DashboardOutlined")
+        icon: Te.render("DashboardOutlined")
       },
       ...Object.entries(n).sort(([r], [o]) => r.localeCompare(o)).map(([r, o]) => ({
         key: r,
@@ -4883,13 +4891,13 @@ const Ie = class Ie extends yn {
         key: "create",
         label: `Create ${n.singular()}`,
         callback: si.create(n),
-        icon: ke.render("Add")
+        icon: Te.render("Add")
       }
     ], 0);
   }
 };
-$e(Ie, "applyUserDefaults", !0);
-let wt = Ie;
+ke(Me, "applyUserDefaults", !0);
+let wt = Me;
 class gi extends yn {
   register() {
     this.app.once("booting", () => {
@@ -4922,7 +4930,7 @@ class gi extends yn {
     });
   }
   translateModelNames() {
-    Re.reducer(
+    Pe.reducer(
       "model",
       (t) => class extends t {
         static singular() {
@@ -4936,7 +4944,7 @@ class gi extends yn {
     );
   }
   translateModelColumns() {
-    for (const t of Object.keys(Re.make()))
+    for (const t of Object.keys(Pe.make()))
       I.reducer(
         `model${k.studly(t)}Columns`,
         (n) => n.map((r) => ({
@@ -5017,7 +5025,7 @@ const bi = {
   providers: n,
   ...r
 }) => {
-  const o = Me("(prefers-color-scheme: dark)"), s = m.useMemo(() => fo({
+  const o = Ne("(prefers-color-scheme: dark)"), s = m.useMemo(() => fo({
     ...e,
     palette: {
       ...e.palette,
@@ -5051,9 +5059,9 @@ export {
   wt as CmsServiceProvider,
   bo as DialogProvider,
   Zi as Filter,
-  ke as Icon,
+  Te as Icon,
   mo as LayoutProvider,
-  We as Link,
+  $e as Link,
   Gi as LuminixCms,
   Ge as ModelProvider,
   wo as NotificationProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminix/mui-cms",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "type": "module",
   "main": "bundle/mui-cms.js",
   "module": "dist/mui-cms.js",