@luminix/mui-cms 0.0.1-beta.8 → 0.0.1-beta.9

package/dist/mui-cms.js

@@ -1,20 +1,20 @@
-var Ct = Object.defineProperty;
-var At = (e, t, n) => t in e ? Ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ue = (e, t, n) => At(e, typeof t != "symbol" ? t + "" : t, n);
+var At = Object.defineProperty;
+var vt = (e, t, n) => t in e ? At(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ue = (e, t, n) => vt(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as r, jsxs as m, Fragment as T } from "react/jsx-runtime";
 import f from "lodash";
-import { Reducible as rt, model as ne, config as Z, collect as N, app as C, Plugin as at } from "@luminix/core";
-import { Outlet as vt, useParams as Dt, useNavigate as Ae, useSearchParams as W, Link as oe, Form as Tt } from "react-router-dom";
-import { useCollection as ot, PaginationProvider as Ft, usePagination as re, ModelForm as It, useApplyReducers as ve, LuminixProvider as Pt } from "@luminix/react";
-import { useMediaQuery as ie, Dialog as De, DialogTitle as Te, DialogContent as Fe, DialogContentText as Mt, DialogActions as Ie, Button as M, Snackbar as Bt, Alert as Et, IconButton as E, AlertTitle as Lt, Box as j, Unstable_Grid2 as Y, Fab as Ot, SpeedDial as Nt, SpeedDialIcon as Rt, SpeedDialAction as jt, ButtonGroup as qt, Popper as Wt, Grow as zt, Paper as Pe, ClickAwayListener as Ut, MenuList as Vt, MenuItem as G, AppBar as st, Toolbar as Yt, Typography as q, Avatar as Kt, Drawer as lt, Divider as se, Autocomplete as $t, TextField as ae, CircularProgress as Ht, Switch as Zt, Stack as B, FormControl as we, InputLabel as ke, Select as le, Badge as Me, Popover as Gt, Link as Se, Collapse as it, TableCell as K, RadioGroup as $e, FormControlLabel as de, Radio as pe, TableContainer as Qt, Table as Xt, TableHead as Jt, TableRow as _, Checkbox as Be, TableSortLabel as _t, Skeleton as He, TableBody as en, TableFooter as tn, Tabs as nn, Tab as Ze, Breadcrumbs as rn, List as an, ListItem as on, ListItemButton as sn, ListItemIcon as ct, ListItemText as ut, Menu as dt, CssBaseline as ln } from "@mui/material";
-import p, { useContext as pt, useMemo as cn } from "react";
-import { useTranslation as F, initReactI18next as un } from "react-i18next";
-import { Close as Ee, ArrowDropDown as dn, ChevronLeft as Le, ChevronRight as Oe, HighlightOffOutlined as Ge, AddCircleOutline as pn, FilterList as hn, Menu as mn, LastPage as fn, FirstPage as gn, Search as Qe, SwapVert as bn, ArrowUpward as yn, ArrowDownward as xn, MoreVert as ht, ExpandLess as wn, ExpandMore as kn, PeopleOutlined as Sn, CategoryOutlined as Cn, DashboardOutlined as An, Add as vn } from "@mui/icons-material";
-import { useTheme as Ne, styled as U, createTheme as Dn, ThemeProvider as Tn } from "@mui/material/styles";
-import { isAxiosError as Fn } from "axios";
+import { Reducible as at, model as ne, config as Z, collect as N, app as C, Plugin as ot } from "@luminix/core";
+import { Outlet as Dt, useParams as Tt, useNavigate as Ae, useSearchParams as W, Link as oe, Form as Ft } from "react-router-dom";
+import { useCollection as st, PaginationProvider as It, usePagination as re, ModelForm as Pt, useApplyReducers as ve, LuminixProvider as Mt } from "@luminix/react";
+import { useMediaQuery as ie, Dialog as De, DialogTitle as Te, DialogContent as Fe, DialogContentText as Bt, DialogActions as Ie, Button as M, Snackbar as Et, Alert as Lt, IconButton as E, AlertTitle as Ot, Box as j, Unstable_Grid2 as Y, Fab as Nt, SpeedDial as Rt, SpeedDialIcon as jt, SpeedDialAction as qt, ButtonGroup as Wt, Popper as zt, Grow as Ut, Paper as Pe, ClickAwayListener as Vt, MenuList as Yt, MenuItem as G, AppBar as lt, Toolbar as Kt, Typography as q, Avatar as $t, Drawer as it, Divider as se, Autocomplete as Ht, TextField as ae, CircularProgress as Zt, Switch as Gt, Stack as B, FormControl as we, InputLabel as ke, Select as le, Badge as Me, Popover as Qt, Link as Se, Collapse as ct, TableCell as K, RadioGroup as $e, FormControlLabel as de, Radio as pe, TableContainer as Xt, Table as Jt, TableHead as _t, TableRow as _, Checkbox as Be, TableSortLabel as en, Skeleton as He, TableBody as tn, TableFooter as nn, Tabs as rn, Tab as Ze, Breadcrumbs as an, List as on, ListItem as sn, ListItemButton as ln, ListItemIcon as ut, ListItemText as dt, Menu as pt, CssBaseline as cn } from "@mui/material";
+import p, { useContext as ht, useMemo as un } from "react";
+import { useTranslation as F, initReactI18next as dn } from "react-i18next";
+import { Close as Ee, ArrowDropDown as pn, ChevronLeft as Le, ChevronRight as Oe, HighlightOffOutlined as Ge, AddCircleOutline as hn, FilterList as mn, Menu as fn, LastPage as gn, FirstPage as bn, Search as Qe, SwapVert as yn, ArrowUpward as xn, ArrowDownward as wn, MoreVert as mt, ExpandLess as kn, ExpandMore as Sn, PeopleOutlined as Cn, CategoryOutlined as An, DashboardOutlined as vn, Add as Dn } from "@mui/icons-material";
+import { useTheme as Ne, styled as U, createTheme as Tn, ThemeProvider as Fn } from "@mui/material/styles";
+import { isAxiosError as In } from "axios";
 import Xe from "react-dom";
 import z from "i18next";
-class In {
+class Pn {
   constructor() {
   }
   getComponents() {
@@ -54,8 +54,8 @@ class In {
     );
   }
 }
-const Pn = rt(In), te = (e) => !(f.isUndefined(e) || f.isNull(e) || f.isEmpty(e));
-class Mn {
+const Mn = at(Pn), te = (e) => !(f.isUndefined(e) || f.isNull(e) || f.isEmpty(e));
+class Bn {
   getInputType(t) {
     switch (t) {
       case "int":
@@ -157,7 +157,7 @@ class Mn {
     }).includes(!0));
   }
 }
-const Bn = rt(Mn), En = {
+const En = at(Bn), Ln = {
   open: !1,
   setOpen: () => {
   },
@@ -172,7 +172,7 @@ const Bn = rt(Mn), En = {
   showBackButton: !1,
   setShowBackButton: () => {
   }
-}, V = p.createContext(En), he = document.title, Ln = ({ children: e }) => {
+}, V = p.createContext(Ln), he = document.title, On = ({ children: e }) => {
   const [t, n] = p.useState(!1), [a, s] = p.useState(""), [o, i] = p.useState(!1), [l, c] = p.useState(!1), d = Z("luminix.cms.layout", {}), u = ie((g) => g.breakpoints.up((d == null ? void 0 : d.breakpoint) || "md")), h = {
     open: t,
     setOpen: n,
@@ -188,23 +188,23 @@ const Bn = rt(Mn), En = {
   return p.useEffect(() => (document.title = a ? `${a} | ${Z("app.name", he)}` : Z("app.name", he), () => {
     document.title = he;
   }), [a]), /* @__PURE__ */ r(V.Provider, { value: h, children: e });
-}, mt = p.createContext({
+}, ft = p.createContext({
   Model: null
-}), me = ({ Model: e, children: t }) => /* @__PURE__ */ r(mt.Provider, { value: { Model: e }, children: t }), ft = p.createContext({
+}), me = ({ Model: e, children: t }) => /* @__PURE__ */ r(ft.Provider, { value: { Model: e }, children: t }), gt = p.createContext({
   isOpen: !1,
   dialog: () => Promise.reject(new Error("Trying to access DialogContext outside of DialogProvider")),
   dismissDialog: () => {
   },
   current: void 0
 });
-function On(e) {
+function Nn(e) {
   const [t, n] = p.useState(e);
   return p.useEffect(() => {
     e && n(e);
   }, [e]), e || t;
 }
-function Nn({ children: e, ...t }) {
-  const [{ current: n, resolve: a }, s] = p.useState({}), o = On(n), i = p.useCallback((u) => new Promise((h) => {
+function Rn({ children: e, ...t }) {
+  const [{ current: n, resolve: a }, s] = p.useState({}), o = Nn(n), i = p.useCallback((u) => new Promise((h) => {
     s({
       current: typeof u == "string" ? { message: u } : u,
       resolve: h
@@ -214,7 +214,7 @@ function Nn({ children: e, ...t }) {
   }, d = () => {
     a && a(!0), s({});
   };
-  return /* @__PURE__ */ m(ft.Provider, { value: {
+  return /* @__PURE__ */ m(gt.Provider, { value: {
     isOpen: !!n,
     current: n,
     dialog: i,
@@ -231,7 +231,7 @@ function Nn({ children: e, ...t }) {
         ...t,
         children: [
           (o == null ? void 0 : o.title) && /* @__PURE__ */ r(Te, { id: "alert-dialog-title", children: o.title }),
-          /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ r(Mt, { id: "alert-dialog-description", children: o == null ? void 0 : o.message }) }),
+          /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ r(Bt, { id: "alert-dialog-description", children: o == null ? void 0 : o.message }) }),
           /* @__PURE__ */ m(Ie, { children: [
             (o == null ? void 0 : o.type) === "confirm" && /* @__PURE__ */ m(T, { children: [
               /* @__PURE__ */ r(M, { onClick: c, children: (o == null ? void 0 : o.cancelText) ?? l("No") }),
@@ -245,7 +245,7 @@ function Nn({ children: e, ...t }) {
   ] });
 }
 function v() {
-  const { isBreakpointUp: e } = pt(V);
+  const { isBreakpointUp: e } = ht(V);
   return e;
 }
 const Re = p.createContext({
@@ -259,11 +259,11 @@ const Re = p.createContext({
   displacement: "8px",
   setDisplacement: () => {
   }
-}), Ce = N([]), Rn = (e) => {
+}), Ce = N([]), jn = (e) => {
   Ce.push(
     typeof e == "string" ? { message: e } : e
   );
-}, jn = ({
+}, qn = ({
   children: e,
   autoHideDuration: t = 6e3,
   variant: n,
@@ -271,7 +271,7 @@ const Re = p.createContext({
   sx: s,
   ...o
 }) => {
-  const i = ot(Ce), l = v(), d = Ne().spacing(l ? 3 : 1), [u, h] = p.useState(), [g, y] = p.useState(d), { vertical: S = "bottom" } = a || {}, b = (w, k) => {
+  const i = st(Ce), l = v(), d = Ne().spacing(l ? 3 : 1), [u, h] = p.useState(), [g, y] = p.useState(d), { vertical: S = "bottom" } = a || {}, b = (w, k) => {
     k !== "clickaway" && h(void 0);
   };
   return p.useEffect(() => {
@@ -283,7 +283,7 @@ const Re = p.createContext({
     }
   }, [u, i]), /* @__PURE__ */ m(Re.Provider, { value: {
     isOpen: !!u,
-    notify: Rn,
+    notify: jn,
     dismissNotification: b,
     notifications: i.all(),
     current: u,
@@ -292,7 +292,7 @@ const Re = p.createContext({
   }, children: [
     e,
     /* @__PURE__ */ r(
-      Bt,
+      Et,
       {
         open: !!u,
         autoHideDuration: t,
@@ -304,7 +304,7 @@ const Re = p.createContext({
         },
         ...o,
         children: u && /* @__PURE__ */ m(
-          Et,
+          Lt,
           {
             onClose: b,
             severity: u.severity,
@@ -324,7 +324,7 @@ const Re = p.createContext({
               /* @__PURE__ */ r(E, { "aria-label": "close", color: "inherit", size: "small", onClick: b, children: /* @__PURE__ */ r(Ee, {}) }, "close")
             ],
             children: [
-              u.title && /* @__PURE__ */ r(Lt, { children: u.title }),
+              u.title && /* @__PURE__ */ r(Ot, { children: u.title }),
               u.message
             ]
           }
@@ -332,17 +332,17 @@ const Re = p.createContext({
       }
     )
   ] });
-}, qn = ({ children: e }) => {
+}, Wn = ({ children: e }) => {
   const t = ie("(prefers-color-scheme: dark)");
   return /* @__PURE__ */ r(
-    jn,
+    qn,
     {
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
       variant: t ? "standard" : "filled",
-      children: /* @__PURE__ */ r(Nn, { children: /* @__PURE__ */ r(Ln, { children: e }) })
+      children: /* @__PURE__ */ r(Rn, { children: /* @__PURE__ */ r(On, { children: e }) })
     }
   );
-}, Wn = (e, {
+}, zn = (e, {
   Layout: t,
   Dashboard: n,
   ModelIndex: a,
@@ -350,7 +350,7 @@ const Re = p.createContext({
   /* Error */
 }, o) => [
   {
-    element: /* @__PURE__ */ r(qn, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(vt, {}) }) }),
+    element: /* @__PURE__ */ r(Wn, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(Dt, {}) }) }),
     // errorElement: (
     //     <Error />
     // ),
@@ -364,7 +364,7 @@ const Re = p.createContext({
         {
           path: "/" + f.kebabCase(l.plural()),
           name: `luminix.cms.${i}.index`,
-          element: /* @__PURE__ */ r(me, { Model: l, children: /* @__PURE__ */ r(Ft, { factory: l.query, children: /* @__PURE__ */ r(a, {}) }) })
+          element: /* @__PURE__ */ r(me, { Model: l, children: /* @__PURE__ */ r(It, { factory: l.query, children: /* @__PURE__ */ r(a, {}) }) })
         },
         {
           path: "/" + f.kebabCase(l.plural()) + "/create",
@@ -386,10 +386,10 @@ function je(e) {
     t("");
   }), [e, t]);
 }
-const zn = () => {
+const Un = () => {
   const { t: e } = F();
   return je(e("Dashboard")), /* @__PURE__ */ r(T, { children: "Dashboard" });
-}, Un = ({ error: e }) => /* @__PURE__ */ m("div", { children: [
+}, Vn = ({ error: e }) => /* @__PURE__ */ m("div", { children: [
   /* @__PURE__ */ r("h1", { children: "Ops..." }),
   /* @__PURE__ */ r("p", { children: "Something went wrong" }),
   C().hasDebugModeEnabled() && e && /* @__PURE__ */ r(T, { children: /* @__PURE__ */ m("pre", { style: { whiteSpace: "pre-wrap" }, children: [
@@ -399,14 +399,14 @@ const zn = () => {
   ] }) })
 ] });
 function L(e, t) {
-  const { layout: n } = pt(V);
-  return cn(() => f.get(n, e, t), [n, e, t]);
+  const { layout: n } = ht(V);
+  return un(() => f.get(n, e, t), [n, e, t]);
 }
-const Vn = U("div")(({ theme: e }) => ({
+const Yn = U("div")(({ theme: e }) => ({
   padding: e.spacing(0, 1),
   // necessary for content to be below app bar
   ...e.mixins.toolbar
-})), Yn = ({ children: e, slotProps: t, ...n }) => {
+})), Kn = ({ children: e, slotProps: t, ...n }) => {
   const {
     DesktopPageTitle: a,
     ["Layout.AppBar"]: s,
@@ -435,7 +435,7 @@ const Vn = U("div")(({ theme: e }) => ({
         },
         ...d,
         children: [
-          /* @__PURE__ */ r(Vn, { style: { height: i } }),
+          /* @__PURE__ */ r(Yn, { style: { height: i } }),
           /* @__PURE__ */ r(a, {}),
           /* @__PURE__ */ r(j, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: e })
         ]
@@ -443,23 +443,23 @@ const Vn = U("div")(({ theme: e }) => ({
     )
   ] });
 };
-function Kn() {
+function $n() {
   const { setShowSearch: e } = p.useContext(V);
   p.useEffect(() => (e(!0), () => {
     e(!1);
   }), [e]);
 }
 function $() {
-  const { Model: e } = p.useContext(mt);
+  const { Model: e } = p.useContext(ft);
   return e;
 }
-const $n = () => {
+const Hn = () => {
   const e = $(), {
     data: t,
     error: n,
     loading: a
   } = re();
-  je(e.plural()), Kn();
+  je(e.plural()), $n();
   const s = v(), {
     Breadcrumbs: o,
     ["ModelIndex.Pagination"]: i,
@@ -510,7 +510,7 @@ const $n = () => {
     ) })
   ] });
 };
-function Hn() {
+function Zn() {
   const { setShowBackButton: e } = p.useContext(V);
   p.useEffect(() => (e(!0), () => {
     e(!1);
@@ -522,7 +522,7 @@ function X(e) {
     if (!(t instanceof Error))
       throw t;
     e({
-      message: Fn(t) ? ((n = t.response) == null ? void 0 : n.data.message) ?? t.message : t.message,
+      message: In(t) ? ((n = t.response) == null ? void 0 : n.data.message) ?? t.message : t.message,
       severity: "error"
     });
   };
@@ -530,24 +530,24 @@ function X(e) {
 function qe() {
   return p.useContext(Re).notify;
 }
-function Zn() {
+function Gn() {
   const e = qe();
   return p.useCallback((t) => {
     X(e)(t);
   }, [e]);
 }
-const Gn = ({ create: e = !1 }) => {
-  const [t, n] = p.useState(), { id: a } = Dt(), { t: s } = F(), o = qe(), i = Ae(), l = $(), c = L("breakpoint", "md");
+const Qn = ({ create: e = !1 }) => {
+  const [t, n] = p.useState(), { id: a } = Tt(), { t: s } = F(), o = qe(), i = Ae(), l = $(), c = L("breakpoint", "md");
   je(
     t != null && t.exists ? s("Edit :model “:label“", { model: l.singular(), label: (t == null ? void 0 : t.getLabel()) || "..." }) : s("Create :model", { model: l.singular() })
-  ), Hn();
+  ), Zn();
   const d = C("cms").getComponent("Breadcrumbs");
   p.useEffect(() => {
     e ? n(new l()) : l.find(a).then((y) => n(y ?? void 0));
   }, [a, l, e]);
   const u = p.useCallback(() => {
     o(s(":model saved successfully", { model: l.singular() })), t != null && t.wasRecentlyCreated && i(`/${f.kebabCase(l.plural())}/${t.getKey()}`);
-  }, [o, i, l, t, s]), h = Zn(), g = p.useMemo(() => C("cms").getModelFormProps(t), [t]);
+  }, [o, i, l, t, s]), h = Gn(), g = p.useMemo(() => C("cms").getModelFormProps(t), [t]);
   return t ? /* @__PURE__ */ m(Y, { container: !0, children: [
     /* @__PURE__ */ r(Y, { xs: 12, children: /* @__PURE__ */ r(
       d,
@@ -564,7 +564,7 @@ const Gn = ({ create: e = !1 }) => {
         xs: 12,
         [c]: 6,
         children: /* @__PURE__ */ r(
-          It,
+          Pt,
           {
             submitText: "Save",
             ...g,
@@ -577,7 +577,7 @@ const Gn = ({ create: e = !1 }) => {
     )
   ] }) : null;
 };
-function Qn(e) {
+function Xn(e) {
   const {
     setDisplacement: t
   } = p.useContext(Re), n = Ne(), a = v(), s = n.spacing(a ? 3 : 1), o = e === !1 ? s : n.spacing(e);
@@ -585,24 +585,24 @@ function Qn(e) {
     t(s);
   }), [o, s]);
 }
-function Xn() {
-  return p.useContext(ft).dialog;
+function Jn() {
+  return p.useContext(gt).dialog;
 }
 function We() {
-  const e = Ae(), t = qe(), n = Xn(), { t: a } = F(), { refresh: s } = re();
+  const e = Ae(), t = qe(), n = Jn(), { t: a } = F(), { refresh: s } = re();
   return { navigate: e, notify: t, dialog: n, t: a, refresh: s };
 }
-const Jn = U(Ot)(({ theme: e }) => ({
+const _n = U(Nt)(({ theme: e }) => ({
   position: "fixed",
   bottom: e.spacing(2),
   right: e.spacing(2)
-})), _n = U(Nt)(({ theme: e }) => ({
+})), er = U(Rt)(({ theme: e }) => ({
   position: "fixed",
   bottom: e.spacing(2),
   right: e.spacing(2)
-})), er = ({ variant: e = "default" }) => {
+})), tr = ({ variant: e = "default" }) => {
   const t = $(), n = v(), [a] = W(), s = a.get("tab") ?? "all", [o, i] = p.useState(!1), l = p.useRef(null), [c, d] = p.useState(0), u = We(), h = p.useMemo(() => C("cms").getStaticActions(t, s), [t, s]);
-  if (Qn(
+  if (Xn(
     e === "fab" && h.length > 0 ? n ? 12 : 10 : !1
   ), h.length === 0)
     return null;
@@ -615,7 +615,7 @@ const Jn = U(Ot)(({ theme: e }) => ({
   };
   return e === "fab" ? h.length === 1 ? Xe.createPortal(
     /* @__PURE__ */ r(
-      Jn,
+      _n,
       {
         color: "primary",
         onClick: () => h[0].callback(u),
@@ -625,16 +625,16 @@ const Jn = U(Ot)(({ theme: e }) => ({
     document.body
   ) : Xe.createPortal(
     /* @__PURE__ */ r(
-      _n,
+      er,
       {
         ariaLabel: `actions for ${t.singular()}`,
-        icon: /* @__PURE__ */ r(Rt, {}),
+        icon: /* @__PURE__ */ r(jt, {}),
         color: "primary",
         onClose: () => i(!1),
         onOpen: () => i(!0),
         open: o,
         children: h.map((b) => /* @__PURE__ */ r(
-          jt,
+          qt,
           {
             icon: b.icon || b.label.charAt(0).toUpperCase(),
             tooltipTitle: b.label,
@@ -647,7 +647,7 @@ const Jn = U(Ot)(({ theme: e }) => ({
     document.body
   ) : /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ m(
-      qt,
+      Wt,
       {
         variant: "contained",
         ref: l,
@@ -664,27 +664,27 @@ const Jn = U(Ot)(({ theme: e }) => ({
               "aria-label": `select ${t.singular()} actions`,
               "aria-haspopup": "menu",
               onClick: y,
-              children: /* @__PURE__ */ r(dn, {})
+              children: /* @__PURE__ */ r(pn, {})
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ r(
-      Wt,
+      zt,
       {
         open: o,
         anchorEl: l.current,
         role: void 0,
         transition: !0,
         children: ({ TransitionProps: b, placement: w }) => /* @__PURE__ */ r(
-          zt,
+          Ut,
           {
             ...b,
             style: {
               transformOrigin: w === "bottom" ? "center top" : "center bottom"
             },
-            children: /* @__PURE__ */ r(Pe, { children: /* @__PURE__ */ r(Ut, { onClickAway: S, children: /* @__PURE__ */ r(Vt, { id: "split-button-menu", children: h.map((k, x) => /* @__PURE__ */ r(
+            children: /* @__PURE__ */ r(Pe, { children: /* @__PURE__ */ r(Vt, { onClickAway: S, children: /* @__PURE__ */ r(Yt, { id: "split-button-menu", children: h.map((k, x) => /* @__PURE__ */ r(
               G,
               {
                 selected: x === c,
@@ -714,21 +714,21 @@ function ze() {
     }
   };
 }
-function gt() {
+function bt() {
   const { currentPage: e } = p.useContext(V);
   return e;
 }
-function tr() {
+function nr() {
   const { showSearch: e } = p.useContext(V);
   return e;
 }
-const nr = "data:image/png;base64,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", rr = "data:image/png;base64,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";
-function bt() {
+const rr = "data:image/png;base64,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", ar = "data:image/png;base64,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";
+function yt() {
   const { showBackButton: e } = p.useContext(V);
   return e;
 }
-const ar = U(
-  st,
+const or = U(
+  lt,
   { shouldForwardProp: (e) => !["open", "drawerWidth", "height"].includes(String(e)) }
 )(({ theme: e, open: t, drawerWidth: n, height: a }) => ({
   zIndex: e.zIndex.drawer + 1,
@@ -745,19 +745,19 @@ const ar = U(
       duration: e.transitions.duration.enteringScreen
     })
   }
-})), or = U(
-  st,
+})), sr = U(
+  lt,
   { shouldForwardProp: (e) => !["open", "drawerWidth", "height"].includes(String(e)) }
-)(({ height: e }) => ({ height: e })), sr = ({ slots: e = {}, ...t }) => {
-  const n = v(), a = ie("(prefers-color-scheme: dark)"), s = n ? ar : or, {
+)(({ height: e }) => ({ height: e })), lr = ({ slots: e = {}, ...t }) => {
+  const n = v(), a = ie("(prefers-color-scheme: dark)"), s = n ? or : sr, {
     ["Layout.AppBar.MenuButton"]: o,
     ["Layout.SearchBar"]: i,
     ["Layout.BackButton"]: l
-  } = C("cms").getComponents(), { open: c } = ze(), d = tr(), u = bt(), h = L("appBar.height"), g = L("drawer.width", 280), {
+  } = C("cms").getComponents(), { open: c } = ze(), d = nr(), u = yt(), h = L("appBar.height"), g = L("drawer.width", 280), {
     start: y = null,
     //: title = config('app.name', document.title),
     end: S = null
-  } = e, b = gt();
+  } = e, b = bt();
   return /* @__PURE__ */ r(
     s,
     {
@@ -765,7 +765,7 @@ const ar = U(
       height: h,
       drawerWidth: g,
       ...t,
-      children: /* @__PURE__ */ m(Yt, { children: [
+      children: /* @__PURE__ */ m(Kt, { children: [
         (n && !c || !n && !u) && /* @__PURE__ */ r(o, {}),
         !n && u && /* @__PURE__ */ r(l, {}),
         n ? null : y,
@@ -788,9 +788,9 @@ const ar = U(
             children: [
               d && /* @__PURE__ */ r(i, {}),
               S || /* @__PURE__ */ r(
-                Kt,
+                $t,
                 {
-                  src: a ? nr : rr,
+                  src: a ? rr : ar,
                   alt: "Luminix",
                   variant: "square",
                   sx: {
@@ -807,7 +807,7 @@ const ar = U(
     }
   );
 };
-function lr(e) {
+function ir(e) {
   return /* @__PURE__ */ r(
     E,
     {
@@ -836,8 +836,8 @@ const Je = (e, t) => ({
   overflowX: "hidden",
   width: `calc(${e.spacing(9)} + 1px)`,
   [e.breakpoints.up("sm")]: { width: `calc(${e.spacing(10)} + 1px)` }
-}), ir = U(
-  lt,
+}), cr = U(
+  it,
   { shouldForwardProp: (e) => !["open", "width"].includes(String(e)) }
 )(({ theme: e, open: t, width: n }) => ({
   flexShrink: 0,
@@ -851,18 +851,18 @@ const Je = (e, t) => ({
     ..._e(e),
     "& .MuiDrawer-paper": _e(e)
   }
-})), cr = U(
-  lt,
+})), ur = U(
+  it,
   { shouldForwardProp: (e) => e !== "width" }
-)(() => ({})), ur = U("div")(({ theme: e }) => ({
+)(() => ({})), dr = U("div")(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   padding: e.spacing(0, 1),
   // necessary for content to be below app bar
   ...e.mixins.toolbar
-})), dr = (e) => {
-  const t = Ne(), n = v(), { open: a, handleDrawerClose: s } = ze(), o = n ? ir : cr, i = L("drawer.width", 280), l = L("appBar.height"), c = C("cms").getComponent("RecursiveList"), d = C("cms").getMenuItems();
+})), pr = (e) => {
+  const t = Ne(), n = v(), { open: a, handleDrawerClose: s } = ze(), o = n ? cr : ur, i = L("drawer.width", 280), l = L("appBar.height"), c = C("cms").getComponent("RecursiveList"), d = C("cms").getMenuItems();
   return /* @__PURE__ */ m(
     o,
     {
@@ -879,7 +879,7 @@ const Je = (e, t) => ({
       },
       ...e,
       children: [
-        /* @__PURE__ */ r(ur, { style: { height: l }, children: /* @__PURE__ */ r(E, { onClick: s, children: t.direction === "ltr" ? /* @__PURE__ */ r(Le, {}) : /* @__PURE__ */ r(Oe, {}) }) }),
+        /* @__PURE__ */ r(dr, { style: { height: l }, children: /* @__PURE__ */ r(E, { onClick: s, children: t.direction === "ltr" ? /* @__PURE__ */ r(Le, {}) : /* @__PURE__ */ r(Oe, {}) }) }),
         /* @__PURE__ */ r(se, {}),
         /* @__PURE__ */ r(j, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ r(
           c,
@@ -892,8 +892,8 @@ const Je = (e, t) => ({
       ]
     }
   );
-}, pr = () => {
-  const e = gt(), t = L("breakpoint", "md"), n = bt(), {
+}, hr = () => {
+  const e = bt(), t = L("breakpoint", "md"), n = yt(), {
     ["Layout.BackButton"]: a
   } = C("cms").getComponents();
   return /* @__PURE__ */ m(
@@ -947,17 +947,17 @@ const Je = (e, t) => ({
   },
   setIsRelation: () => {
   }
-}), hr = (e) => {
+}), mr = (e) => {
   if (!Array.isArray(e))
     return e;
   let t;
   return f.isEmpty(e) ? t = "" : t = e[0], t;
-}, mr = (e) => {
+}, fr = (e) => {
   if (Array.isArray(e))
     return e;
   let t;
   return f.isEmpty(e) ? t = [] : t = [e, ""], t;
-}, fr = async (e, t, n) => {
+}, gr = async (e, t, n) => {
   const a = e.getSchema().relations[t], s = ne().make(a.model), o = s.getSchema().primaryKey, i = [];
   for (const l of n) {
     const { data: c } = await s.where(o, l).get();
@@ -965,12 +965,12 @@ const Je = (e, t) => ({
   }
   return i;
 };
-function gr(e, t) {
+function br(e, t) {
   const n = C("filter"), { Model: a, setColumnsFilter: s } = p.useContext(Ue), [o, i] = p.useState(t.key), [l, c] = p.useState(t.operator), [d, u] = p.useState(t.type), [h, g] = p.useState(t.value), [y, S] = p.useState(t.nullable), [b, w] = p.useState(t.is_relation), k = p.useMemo(() => n.getFilterableColumns(a), [a]), x = (O) => () => {
     s((I) => I.filter((D, H) => H !== O));
   }, A = async (O) => {
-    const I = O.target.value, D = k.find((St) => St.key === I), H = (D == null ? void 0 : D.type) ?? "text", kt = (D == null ? void 0 : D.nullable) ?? !1, Ke = (D == null ? void 0 : D.is_relation) ?? !1;
-    Ke ? (c("relation"), g([])) : b && c("equals"), w(Ke), S(kt), H !== d && (["boolean"].includes(n.getInputType(H)) && c("equals"), g(() => {
+    const I = O.target.value, D = k.find((Ct) => Ct.key === I), H = (D == null ? void 0 : D.type) ?? "text", St = (D == null ? void 0 : D.nullable) ?? !1, Ke = (D == null ? void 0 : D.is_relation) ?? !1;
+    Ke ? (c("relation"), g([])) : b && c("equals"), w(Ke), S(St), H !== d && (["boolean"].includes(n.getInputType(H)) && c("equals"), g(() => {
       if (["between", "notBetween"].includes(l))
         return [];
       switch (n.getInputType(H)) {
@@ -988,12 +988,12 @@ function gr(e, t) {
       switch (I) {
         case "between":
         case "notBetween":
-          return mr(D);
+          return fr(D);
         case "null":
         case "notNull":
           return "1";
         default:
-          return hr(D);
+          return mr(D);
       }
     }), c(I);
   };
@@ -1029,10 +1029,10 @@ function gr(e, t) {
 const et = async (e, t, n) => {
   const a = e.getSchema().relations[t].model, { data: s } = await ne().make(a).get(), o = s.all().filter((d) => !n.find((u) => u.getKey() === d.getKey())), i = o.length, l = n.length, c = 15;
   return i + l > c ? N([...n, ...o.slice(0, c - l)]) : N([...n, ...o]);
-}, br = async (e, t, n = "", a) => {
+}, yr = async (e, t, n = "", a) => {
   const s = e.getSchema().relations[t], o = ne().make(s.model), i = o.getSchema().primaryKey, { data: l } = await o.searchBy(n).get();
   return N([...a, ...l]).unique(i);
-}, yr = () => {
+}, xr = () => {
   const e = v(), t = $(), {
     key: n,
     value: a,
@@ -1041,10 +1041,10 @@ const et = async (e, t, n) => {
     () => o && d.count() === 0,
     [o, d]
   ), S = async (b, w) => {
-    c(w), f.isEmpty(w) || u(await br(t, n, w, N(h)));
+    c(w), f.isEmpty(w) || u(await yr(t, n, w, N(h)));
   };
   return p.useEffect(() => {
-    a.length > 0 && (async () => g(await fr(t, n, a)))();
+    a.length > 0 && (async () => g(await gr(t, n, a)))();
   }, []), p.useEffect(() => {
     let b = !0;
     if (y)
@@ -1054,7 +1054,7 @@ const et = async (e, t, n) => {
   }, [y]), p.useEffect(() => {
     s(h.map((b) => b.getKey())), f.isEmpty(l) ? (async () => u(await et(t, n, h)))() : u(N([]));
   }, [h]), /* @__PURE__ */ r(
-    $t,
+    Ht,
     {
       sx: { width: e ? 377 : "100%" },
       open: o,
@@ -1075,7 +1075,7 @@ const et = async (e, t, n) => {
       isOptionEqualToValue: (b, w) => b.getKey() === w.getKey(),
       filterOptions: (b) => b,
       renderInput: (b) => /* @__PURE__ */ r(
-        xr,
+        wr,
         {
           params: b,
           loading: y
@@ -1088,7 +1088,7 @@ const et = async (e, t, n) => {
       multiple: !0
     }
   );
-}, xr = ({ params: e, loading: t }) => {
+}, wr = ({ params: e, loading: t }) => {
   const { t: n } = F();
   return /* @__PURE__ */ r(
     ae,
@@ -1098,7 +1098,7 @@ const et = async (e, t, n) => {
       InputProps: {
         ...e.InputProps,
         endAdornment: /* @__PURE__ */ m(p.Fragment, { children: [
-          t ? /* @__PURE__ */ r(Ht, { color: "inherit", size: 20 }) : null,
+          t ? /* @__PURE__ */ r(Zt, { color: "inherit", size: 20 }) : null,
           e.InputProps.endAdornment
         ] })
       }
@@ -1129,11 +1129,11 @@ const et = async (e, t, n) => {
       sx: { width: n ? c : "100%" }
     }
   );
-}, wr = () => {
+}, kr = () => {
   const e = v(), { value: t, setValue: n } = p.useContext(ee);
   return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ r(
-      Zt,
+      Gt,
       {
         checked: t,
         onChange: (s) => {
@@ -1197,13 +1197,13 @@ const et = async (e, t, n) => {
     case "datetime-local":
       return /* @__PURE__ */ r(fe, {});
     case "autocomplete":
-      return /* @__PURE__ */ r(yr, {});
+      return /* @__PURE__ */ r(xr, {});
     case "boolean":
-      return /* @__PURE__ */ r(wr, {});
+      return /* @__PURE__ */ r(kr, {});
     default:
       return /* @__PURE__ */ r(ge, {});
   }
-}, kr = ({ index: e, column: t }) => {
+}, Sr = ({ index: e, column: t }) => {
   const { t: n } = F(), a = v(), s = L("breakpoint", "md"), o = C("filter"), i = p.useMemo(() => o.getMatchingOperators(t), [t]), {
     columns: l,
     key: c,
@@ -1219,7 +1219,7 @@ const et = async (e, t, n) => {
     handleKey: x,
     handleOperator: A,
     handleRemoveColumn: R
-  } = gr(e, t), O = ["boolean"].includes(o.getInputType(g));
+  } = br(e, t), O = ["boolean"].includes(o.getInputType(g));
   return /* @__PURE__ */ r(
     ee.Provider,
     {
@@ -1406,7 +1406,7 @@ const et = async (e, t, n) => {
           const y = h == g.length - 1;
           return /* @__PURE__ */ m(T, { children: [
             /* @__PURE__ */ r(
-              kr,
+              Sr,
               {
                 index: h,
                 column: u
@@ -1443,7 +1443,7 @@ const et = async (e, t, n) => {
                 onClick: d,
                 color: "primary",
                 sx: { fontSize: 32 },
-                children: /* @__PURE__ */ r(pn, { fontSize: "inherit" })
+                children: /* @__PURE__ */ r(hn, { fontSize: "inherit" })
               }
             )
           }
@@ -1471,7 +1471,7 @@ const et = async (e, t, n) => {
       ]
     }
   );
-}, yt = (e) => {
+}, xt = (e) => {
   const t = {};
   for (const [n, a] of e.entries())
     f.set(t, n, a);
@@ -1479,8 +1479,8 @@ const et = async (e, t, n) => {
 }, nt = (e) => {
   const t = e instanceof Date ? e : new Date(e), n = `${t.getFullYear()}`, a = `${f.padStart(`${t.getMonth() + 1}`, 2, "0")}`, s = `${f.padStart(`${t.getDate()}`, 2, "0")}`, o = `${f.padStart(`${t.getHours()}`, 2, "0")}`, i = `${f.padStart(`${t.getMinutes()}`, 2, "0")}`;
   return `${n}-${a}-${s}T${o}:${i}`;
-}, Sr = (e, t) => {
-  const n = C("filter"), a = yt(t), s = Object.keys(a).reduce((i, l) => (["where"].includes(l) && (i[l] = a[l]), i), {}), o = [];
+}, Cr = (e, t) => {
+  const n = C("filter"), a = xt(t), s = Object.keys(a).reduce((i, l) => (["where"].includes(l) && (i[l] = a[l]), i), {}), o = [];
   return Object.entries(s).forEach(([, i]) => {
     Object.entries(i).forEach(([l, c]) => {
       e.filter((d) => {
@@ -1521,7 +1521,7 @@ const et = async (e, t, n) => {
       });
     });
   }), o;
-}, Cr = (e) => {
+}, Ar = (e) => {
   const t = C("filter"), n = new URLSearchParams();
   return e.forEach((a) => {
     const { key: s, operator: o, value: i, type: l } = a;
@@ -1548,8 +1548,8 @@ const et = async (e, t, n) => {
       n.set(`where[${f.camelCase(s)}${c}]`, d);
     }
   }), n;
-}, Ar = () => {
-  const { t: e } = F(), t = C("filter"), n = v(), a = $(), [s, o] = W(), i = p.useMemo(() => "where" in yt(s), [s]), [l, c] = p.useState(null), [d, u] = p.useState([]), h = !!l, g = p.useMemo(() => t.getFilterableColumns(a), [a]), y = (x) => {
+}, vr = () => {
+  const { t: e } = F(), t = C("filter"), n = v(), a = $(), [s, o] = W(), i = p.useMemo(() => "where" in xt(s), [s]), [l, c] = p.useState(null), [d, u] = p.useState([]), h = !!l, g = p.useMemo(() => t.getFilterableColumns(a), [a]), y = (x) => {
     c(x.currentTarget);
   }, S = () => {
     c(null), setTimeout(() => {
@@ -1557,7 +1557,7 @@ const et = async (e, t, n) => {
     }, 300);
   }, b = () => {
     w();
-    const x = Cr(d);
+    const x = Ar(d);
     o(x, { replace: !0 });
   }, w = () => {
     o((x) => {
@@ -1572,7 +1572,7 @@ const et = async (e, t, n) => {
     }, 300);
   };
   return p.useEffect(() => {
-    const x = Sr(g, s);
+    const x = Cr(g, s);
     u(x);
   }, [g, s, l]), /* @__PURE__ */ m(
     Ue.Provider,
@@ -1602,13 +1602,13 @@ const et = async (e, t, n) => {
                 color: "secondary",
                 variant: "dot",
                 invisible: !i,
-                children: /* @__PURE__ */ r(hn, {})
+                children: /* @__PURE__ */ r(mn, {})
               }
             )
           }
         ),
         n ? /* @__PURE__ */ r(
-          Gt,
+          Qt,
           {
             id: "model-filter-popover",
             open: h,
@@ -1677,7 +1677,7 @@ function Ye() {
   const {
     selected: e,
     items: t
-  } = p.useContext(Ve), n = ot(e), a = () => {
+  } = p.useContext(Ve), n = st(e), a = () => {
     e.splice(0, e.count());
   }, s = (d) => {
     const u = e.search(d);
@@ -1708,7 +1708,7 @@ function Ye() {
 function Q() {
   return p.useContext(Ve);
 }
-function vr(e) {
+function Dr(e) {
   const [t, n] = p.useState(""), { selected: a } = Ye(), { t: s } = F(), o = We(), { massActions: i } = Q(), l = (d) => {
     n(d.target.value);
   };
@@ -1775,7 +1775,7 @@ function vr(e) {
     }
   );
 }
-const Dr = () => {
+const Tr = () => {
   const { handleDrawerOpen: e } = ze();
   return /* @__PURE__ */ r(
     E,
@@ -1785,7 +1785,7 @@ const Dr = () => {
       edge: "start",
       onClick: e,
       sx: { mr: { md: 2 } },
-      children: /* @__PURE__ */ r(mn, {})
+      children: /* @__PURE__ */ r(fn, {})
     }
   );
 }, ce = p.forwardRef(({ to: e, children: t, ...n }, a) => /* @__PURE__ */ r(
@@ -1800,12 +1800,12 @@ const Dr = () => {
   }
 ));
 ce.displayName = "Link";
-const Tr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */ r(T, { children: {
+const Fr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */ r(T, { children: {
   "&laquo; Previous": /* @__PURE__ */ r(Le, {}),
   "Next &raquo;": /* @__PURE__ */ r(Oe, {}),
-  "Last &raquo;": /* @__PURE__ */ r(fn, {}),
-  "&laquo; First": /* @__PURE__ */ r(gn, {})
-}[e] || e }) : /* @__PURE__ */ r(T, { children: e }), Fr = ({ variant: e = "default", ...t }) => {
+  "Last &raquo;": /* @__PURE__ */ r(gn, {}),
+  "&laquo; First": /* @__PURE__ */ r(bn, {})
+}[e] || e }) : /* @__PURE__ */ r(T, { children: e }), Ir = ({ variant: e = "default", ...t }) => {
   const n = e === "default", [a, s] = W(), [o, i] = p.useState(a.get("page") || "1"), {
     links: l,
     meta: {
@@ -1825,7 +1825,7 @@ const Tr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
     { url: g, label: "&laquo; Previous", active: !1 },
     {
       element: /* @__PURE__ */ r(
-        Tt,
+        Ft,
         {
           onSubmit: b,
           preventScrollReset: !0,
@@ -1890,13 +1890,13 @@ const Tr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
           disabled: !k.url,
           component: ce,
           to: k.url,
-          children: /* @__PURE__ */ r(Tr, { label: k.label })
+          children: /* @__PURE__ */ r(Fr, { label: k.label })
         },
         x
       ))
     }
   );
-}, Ir = () => {
+}, Pr = () => {
   const { t: e } = F(), {
     meta: {
       total: t = 0,
@@ -1909,7 +1909,7 @@ const Tr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
     to: a,
     total: t
   }) });
-}, Pr = () => {
+}, Mr = () => {
   const { t: e } = F(), {
     meta: {
       per_page: t = 15
@@ -1968,7 +1968,7 @@ const Tr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
     }
   );
 };
-function Mr(e, t) {
+function Br(e, t) {
   const [n, a] = p.useState(!1);
   return p.useEffect(() => {
     const s = /* @__PURE__ */ new Set(), o = (l) => {
@@ -1981,25 +1981,25 @@ function Mr(e, t) {
     };
   }, [e, t]), n;
 }
-const Br = U(ae)(({ theme: e }) => ({
+const Er = U(ae)(({ theme: e }) => ({
   "& .MuiInputBase-root": {
     backgroundColor: e.palette.background.paper
   }
   // transition: 'width 250ms ease-in-out',
-})), Er = f.throttle((e, t) => {
+})), Lr = f.throttle((e, t) => {
   t((n) => {
     const a = new URLSearchParams(n);
     return e ? a.set("q", e) : a.delete("q"), a;
   });
-}, 500), Lr = () => {
+}, 500), Or = () => {
   const [e, t] = W(), n = e.get("q") || "", [a, s] = p.useState(n), [o, i] = p.useState(!1), l = p.useRef(null), { t: c } = F();
   p.useEffect(() => {
     s(n);
   }, [n]);
   const d = (g) => {
-    s(g.target.value), Er(g.target.value, t);
+    s(g.target.value), Lr(g.target.value, t);
   }, u = v();
-  Mr(["Control", "/"], () => {
+  Br(["Control", "/"], () => {
     l.current.focus();
   });
   const h = u ? 300 : "calc(100vw - 58px)";
@@ -2018,7 +2018,7 @@ const Br = U(ae)(({ theme: e }) => ({
       }
     ) }),
     /* @__PURE__ */ r(
-      it,
+      ct,
       {
         orientation: "horizontal",
         in: u || o,
@@ -2028,7 +2028,7 @@ const Br = U(ae)(({ theme: e }) => ({
         },
         unmountOnExit: !1,
         children: /* @__PURE__ */ r(
-          Br,
+          Er,
           {
             placeholder: u ? `(Ctrl + /) ${c("Search...")}` : `${c("Search...")}`,
             value: a,
@@ -2047,7 +2047,7 @@ const Br = U(ae)(({ theme: e }) => ({
       }
     )
   ] });
-}, Or = ({ children: e, ...t }) => /* @__PURE__ */ r(
+}, Nr = ({ children: e, ...t }) => /* @__PURE__ */ r(
   K,
   {
     sx: { width: "1px" },
@@ -2055,7 +2055,7 @@ const Br = U(ae)(({ theme: e }) => ({
     ...t,
     children: e
   }
-), Nr = () => {
+), Rr = () => {
   const { t: e } = F(), [t, n] = W(), {
     columns: a,
     Model: s
@@ -2085,7 +2085,7 @@ const Br = U(ae)(({ theme: e }) => ({
         color: "secondary",
         variant: "dot",
         invisible: !i,
-        children: /* @__PURE__ */ r(bn, {})
+        children: /* @__PURE__ */ r(yn, {})
       }
     ) }),
     /* @__PURE__ */ m(De, { open: g, onClose: b, fullWidth: !0, children: [
@@ -2138,7 +2138,7 @@ const Br = U(ae)(({ theme: e }) => ({
                   control: /* @__PURE__ */ r(pe, {}),
                   label: /* @__PURE__ */ m(T, { children: [
                     e("Ascending"),
-                    /* @__PURE__ */ r(yn, {})
+                    /* @__PURE__ */ r(xn, {})
                   ] })
                 }
               ),
@@ -2149,7 +2149,7 @@ const Br = U(ae)(({ theme: e }) => ({
                   control: /* @__PURE__ */ r(pe, {}),
                   label: /* @__PURE__ */ m(T, { children: [
                     e("Descending"),
-                    /* @__PURE__ */ r(xn, {})
+                    /* @__PURE__ */ r(wn, {})
                   ] })
                 }
               )
@@ -2163,7 +2163,7 @@ const Br = U(ae)(({ theme: e }) => ({
       ] })
     ] })
   ] });
-}, Rr = ({ items: e, loading: t, children: n, error: a }) => {
+}, jr = ({ items: e, loading: t, children: n, error: a }) => {
   const s = $(), o = p.useMemo(() => N([]), [s, e]), [i] = W(), l = i.get("tab") ?? "all", c = p.useMemo(() => [
     {
       key: s.getSchema().labeledBy,
@@ -2184,21 +2184,21 @@ const Br = U(ae)(({ theme: e }) => ({
     Model: s
   };
   return /* @__PURE__ */ r(Ve.Provider, { value: S, children: n });
-}, jr = ({
+}, qr = ({
   items: e,
   loading: t,
   error: n,
   children: a,
   ...s
 }) => /* @__PURE__ */ r(
-  Rr,
+  jr,
   {
     items: e,
     loading: t,
     error: n,
-    children: /* @__PURE__ */ r(Qt, { component: Pe, children: /* @__PURE__ */ r(Xt, { ...s, children: a }) })
+    children: /* @__PURE__ */ r(Xt, { component: Pe, children: /* @__PURE__ */ r(Jt, { ...s, children: a }) })
   }
-), qr = ({ children: e, ...t }) => {
+), Wr = ({ children: e, ...t }) => {
   const {
     massActions: n,
     columns: a,
@@ -2218,7 +2218,7 @@ const Br = U(ae)(({ theme: e }) => ({
       return x.set("order_by", `${w}:asc`), x;
     });
   };
-  return /* @__PURE__ */ m(Jt, { ...t, children: [
+  return /* @__PURE__ */ m(_t, { ...t, children: [
     e,
     o && /* @__PURE__ */ m(_, { children: [
       n.length > 0 && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
@@ -2236,7 +2236,7 @@ const Br = U(ae)(({ theme: e }) => ({
           sortDirection: x && y === w && S || !1,
           ...A,
           children: /* @__PURE__ */ m(
-            _t,
+            en,
             {
               active: x && y === w,
               direction: S,
@@ -2253,7 +2253,7 @@ const Br = U(ae)(({ theme: e }) => ({
       /* @__PURE__ */ r(h, {})
     ] })
   ] });
-}, Wr = () => {
+}, zr = () => {
   const {
     massActions: e,
     columns: t
@@ -2278,9 +2278,9 @@ const Br = U(ae)(({ theme: e }) => ({
       },
       d
     )) }),
-    /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(ht, {}) }) })
+    /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(mt, {}) }) })
   ] }, l)) });
-}, zr = ({ children: e, ...t }) => {
+}, Ur = ({ children: e, ...t }) => {
   const n = $(), { t: a } = F(), {
     items: s,
     loading: o,
@@ -2288,8 +2288,8 @@ const Br = U(ae)(({ theme: e }) => ({
   } = Q(), {
     ["ModelIndex.StaticActions"]: l
   } = C("cms").getComponents(), c = p.isValidElement(e) ? e : (s || N([])).map(e);
-  return /* @__PURE__ */ m(en, { ...t, children: [
-    o && /* @__PURE__ */ r(Wr, {}),
+  return /* @__PURE__ */ m(tn, { ...t, children: [
+    o && /* @__PURE__ */ r(zr, {}),
     c,
     s && !s.count() && /* @__PURE__ */ r(_, { children: /* @__PURE__ */ m(K, { colSpan: i, sx: { textAlign: "center", py: 10 }, children: [
       /* @__PURE__ */ r(q, { children: a("No :model found", {
@@ -2299,14 +2299,14 @@ const Br = U(ae)(({ theme: e }) => ({
       /* @__PURE__ */ r(l, {})
     ] }) })
   ] });
-}, J = U(q)(() => ({
+}, rt = (e) => f.upperFirst(f.camelCase(e)), J = U(q)(() => ({
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis",
   "& label": {
     fontWeight: "bold"
   }
-})), Ur = ({ content: e }) => ["string", "number"].includes(typeof e) ? /* @__PURE__ */ r(J, { children: e }) : e instanceof Date ? /* @__PURE__ */ r(J, { children: e.toLocaleString(Z("app.locale", "en")) }) : typeof e == "object" && !p.isValidElement(e) ? /* @__PURE__ */ r(J, { children: JSON.stringify(e) }) : /* @__PURE__ */ r(p.Fragment, { children: e }), Vr = ({ label: e, content: t }) => ["string", "number"].includes(typeof t) ? /* @__PURE__ */ m(J, { children: [
+})), Vr = ({ content: e }) => ["string", "number"].includes(typeof e) ? /* @__PURE__ */ r(J, { children: e }) : e instanceof Date ? /* @__PURE__ */ r(J, { children: e.toLocaleString(Z("app.locale", "en")) }) : typeof e == "object" && !p.isValidElement(e) ? /* @__PURE__ */ r(J, { children: JSON.stringify(e) }) : /* @__PURE__ */ r(p.Fragment, { children: e }), Yr = ({ label: e, content: t }) => ["string", "number"].includes(typeof t) ? /* @__PURE__ */ m(J, { children: [
   /* @__PURE__ */ m("label", { children: [
     e,
     ":"
@@ -2333,10 +2333,10 @@ const Br = U(ae)(({ theme: e }) => ({
   ] }) }),
   " ",
   t
-] }), Yr = ({ item: e, ...t }) => {
+] }), Kr = ({ item: e, ...t }) => {
   const n = v(), a = Ae(), s = $(), { massActions: o, columns: i } = Q(), l = p.useMemo(() => i.map((g) => ({
     ...g,
-    content: C("cms")[`model${e.constructor.name}Get${f.upperFirst(f.camelCase(g.key))}Content`](e.getAttribute(g.key), e)
+    content: C("cms")[`model${rt(e.getType())}Get${rt(g.key)}Content`](e.getAttribute(g.key), e)
   })), [i, e]), {
     ["ModelIndex.Table.ShrinkedCell"]: c,
     ["ModelIndex.InstanceActions"]: d
@@ -2367,7 +2367,7 @@ const Br = U(ae)(({ theme: e }) => ({
               e.deletedAt || a(`/${f.kebabCase(s.plural())}/${e.getKey()}`);
             },
             children: /* @__PURE__ */ r(
-              Ur,
+              Vr,
               {
                 label: y,
                 content: b
@@ -2383,14 +2383,14 @@ const Br = U(ae)(({ theme: e }) => ({
             onClick: () => {
               e.deletedAt || a(`/${f.kebabCase(s.plural())}/${e.getKey()}`);
             },
-            children: l.map(({ key: g, ...y }) => /* @__PURE__ */ r(Vr, { ...y }, g))
+            children: l.map(({ key: g, ...y }) => /* @__PURE__ */ r(Yr, { ...y }, g))
           }
         ),
         /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(d, { item: e }) })
       ]
     }
   );
-}, Kr = ({ children: e, ...t }) => {
+}, $r = ({ children: e, ...t }) => {
   const {
     columnCount: n
   } = Q(), a = v(), s = L("breakpoint", "md"), {
@@ -2398,7 +2398,7 @@ const Br = U(ae)(({ theme: e }) => ({
     ["ModelIndex.PaginationDetails"]: i,
     ["ModelIndex.PerPageSwitch"]: l
   } = C("cms").getComponents();
-  return /* @__PURE__ */ m(tn, { ...t, children: [
+  return /* @__PURE__ */ m(nn, { ...t, children: [
     /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(K, { colSpan: n, children: /* @__PURE__ */ m(
       B,
       {
@@ -2433,7 +2433,7 @@ const Br = U(ae)(({ theme: e }) => ({
     ) }) }),
     e
   ] });
-}, $r = () => {
+}, Hr = () => {
   const {
     columnCount: e
   } = Q(), {
@@ -2483,7 +2483,7 @@ const Br = U(ae)(({ theme: e }) => ({
     }
   ) }) });
 };
-function Hr() {
+function Zr() {
   const e = $(), { t } = F(), [n, a] = W(), s = n.get("tab") || "all", o = (c, d) => {
     a(() => {
       const u = new URLSearchParams();
@@ -2495,7 +2495,7 @@ function Hr() {
     i
   );
   return l.length === 0 ? null : /* @__PURE__ */ r(j, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ m(
-    nn,
+    rn,
     {
       value: s,
       onChange: o,
@@ -2523,13 +2523,13 @@ function Hr() {
     }
   ) });
 }
-function Zr(e) {
+function Gr(e) {
   const {
     parts: t,
     ...n
   } = e;
   return /* @__PURE__ */ m(
-    rn,
+    an,
     {
       "aria-label": "breadcrumb",
       ...n,
@@ -2566,14 +2566,14 @@ function Zr(e) {
     }
   );
 }
-const xt = ({
+const wt = ({
   collapsed: e = !1,
   items: t,
   onClick: n,
   ...a
 }) => {
   const [s, o] = p.useState(null), [i, l] = p.useState(null), [c, d] = p.useState({}), u = L("drawer.width", 280), h = C("cms").getComponent("RecursiveMenu");
-  return /* @__PURE__ */ m(an, { ...a, children: [
+  return /* @__PURE__ */ m(on, { ...a, children: [
     t.map((g) => {
       const {
         text: y,
@@ -2585,13 +2585,13 @@ const xt = ({
         onClick: A
       } = g;
       return b || /* @__PURE__ */ m(
-        on,
+        sn,
         {
           disablePadding: !0,
           sx: { display: "block" },
           children: [
             /* @__PURE__ */ m(
-              sn,
+              ln,
               {
                 sx: {
                   minHeight: 48,
@@ -2615,7 +2615,7 @@ const xt = ({
                 ...x ? { to: x, component: ce } : {},
                 children: [
                   /* @__PURE__ */ m(
-                    ct,
+                    ut,
                     {
                       sx: {
                         minWidth: 0,
@@ -2638,19 +2638,19 @@ const xt = ({
                       ]
                     }
                   ),
-                  !e && /* @__PURE__ */ r(ut, { primary: y }),
-                  !e && k && (c[w] ? /* @__PURE__ */ r(wn, {}) : /* @__PURE__ */ r(kn, {}))
+                  !e && /* @__PURE__ */ r(dt, { primary: y }),
+                  !e && k && (c[w] ? /* @__PURE__ */ r(kn, {}) : /* @__PURE__ */ r(Sn, {}))
                 ]
               }
             ),
             k && !e && /* @__PURE__ */ r(
-              it,
+              ct,
               {
                 in: c[w],
                 timeout: "auto",
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ r(
-                  xt,
+                  wt,
                   {
                     items: k,
                     onClick: n,
@@ -2682,7 +2682,7 @@ const xt = ({
       }
     )
   ] });
-}, wt = ({
+}, kt = ({
   collapsed: e = !1,
   items: t,
   onClick: n,
@@ -2690,7 +2690,7 @@ const xt = ({
 }) => {
   const [s, o] = p.useState({}), i = L("drawer.width", 280);
   return /* @__PURE__ */ m(T, { children: [
-    /* @__PURE__ */ r(dt, { ...a, children: t.map((l) => {
+    /* @__PURE__ */ r(pt, { ...a, children: t.map((l) => {
       const {
         text: c,
         icon: d,
@@ -2720,7 +2720,7 @@ const xt = ({
           } : {},
           children: [
             d && /* @__PURE__ */ r(
-              ct,
+              ut,
               {
                 sx: {
                   minWidth: 0,
@@ -2731,7 +2731,7 @@ const xt = ({
                 children: d
               }
             ),
-            /* @__PURE__ */ r(ut, { sx: { opacity: e ? 0 : 1 }, children: c }),
+            /* @__PURE__ */ r(dt, { sx: { opacity: e ? 0 : 1 }, children: c }),
             !e && g && /* @__PURE__ */ r(Oe, {})
           ]
         },
@@ -2741,7 +2741,7 @@ const xt = ({
     t.map((l) => {
       const { key: c, children: d } = l;
       return d ? /* @__PURE__ */ r(
-        wt,
+        kt,
         {
           items: d,
           onClick: n,
@@ -2869,11 +2869,11 @@ const xt = ({
         X(n)(l);
       }
   }
-}, Gr = {
+}, Qr = {
   create: (e) => ({ navigate: t }) => {
     t(`/${f.kebabCase(e.plural())}/create`);
   }
-}, Qr = ({ item: e }) => {
+}, Xr = ({ item: e }) => {
   const t = We(), [n] = W(), a = n.get("tab") ?? "all", s = p.useMemo(() => C("cms").getInstanceActions(e.constructor, a), [e, a]), [o, i] = p.useState(null), l = !!o, c = (u) => {
     i(u.currentTarget);
   }, d = () => {
@@ -2886,11 +2886,11 @@ const xt = ({
         "aria-describedby": "model-item-actions",
         "aria-label": "filter",
         onClick: c,
-        children: /* @__PURE__ */ r(ht, {})
+        children: /* @__PURE__ */ r(mt, {})
       }
     ),
     /* @__PURE__ */ r(
-      dt,
+      pt,
       {
         id: "model-item-actions",
         anchorEl: o,
@@ -2921,14 +2921,14 @@ const xt = ({
   ] });
 };
 let P;
-class Xr extends at {
+class Jr extends ot {
   constructor(n = {}) {
     super();
     ue(this, "name", "Luminix CMS Plugin");
     this.options = n;
   }
   register(n) {
-    P = n, P.bind("cms", new Pn()), P.bind("filter", new Bn()), P.once("booting", () => {
+    P = n, P.bind("cms", new Mn()), P.bind("filter", new En()), P.once("booting", () => {
       this.bootModels();
     });
   }
@@ -2940,50 +2940,50 @@ class Xr extends at {
       "model",
       (n, a) => class extends n {
         static icon() {
-          return a === "user" ? /* @__PURE__ */ r(Sn, {}) : /* @__PURE__ */ r(Cn, {});
+          return a === "user" ? /* @__PURE__ */ r(Cn, {}) : /* @__PURE__ */ r(An, {});
         }
       },
       0
     );
   }
   bootRoutes() {
-    P.make("cms").reducer("cmsRoutes", Wn, 0), P.make("route").reducer("routerOptions", (n) => ({
+    P.make("cms").reducer("cmsRoutes", zn, 0), P.make("route").reducer("routerOptions", (n) => ({
       ...n,
       basename: P.make("config").get("luminix.admin.url", "/admin")
     }));
   }
   bootComponents() {
     P.make("cms").reducer("componentMap", () => ({
-      Layout: Yn,
-      Dashboard: zn,
-      ModelIndex: $n,
-      ModelItem: Gn,
-      Error: Un,
-      DesktopPageTitle: pr,
-      RecursiveList: xt,
-      RecursiveMenu: wt,
-      Breadcrumbs: Zr,
-      "Layout.AppBar": sr,
-      "Layout.Drawer": dr,
-      "Layout.AppBar.MenuButton": Dr,
-      "Layout.SearchBar": Lr,
-      "Layout.BackButton": lr,
-      "ModelIndex.Filter": Ar,
-      "ModelIndex.InstanceActions": Qr,
-      "ModelIndex.MassActions": vr,
-      "ModelIndex.Pagination": Fr,
-      "ModelIndex.PaginationDetails": Ir,
-      "ModelIndex.PerPageSwitch": Pr,
-      "ModelIndex.Sort": Nr,
-      "ModelIndex.StaticActions": er,
-      "ModelIndex.Table": jr,
-      "ModelIndex.Table.TableHead": qr,
-      "ModelIndex.Table.TableBody": zr,
-      "ModelIndex.Table.TableFooter": Kr,
-      "ModelIndex.Table.TableToolbar": $r,
-      "ModelIndex.Table.TableBody.TableRow": Yr,
-      "ModelIndex.Table.ShrinkedCell": Or,
-      "ModelIndex.Tabs": Hr
+      Layout: Kn,
+      Dashboard: Un,
+      ModelIndex: Hn,
+      ModelItem: Qn,
+      Error: Vn,
+      DesktopPageTitle: hr,
+      RecursiveList: wt,
+      RecursiveMenu: kt,
+      Breadcrumbs: Gr,
+      "Layout.AppBar": lr,
+      "Layout.Drawer": pr,
+      "Layout.AppBar.MenuButton": Tr,
+      "Layout.SearchBar": Or,
+      "Layout.BackButton": ir,
+      "ModelIndex.Filter": vr,
+      "ModelIndex.InstanceActions": Xr,
+      "ModelIndex.MassActions": Dr,
+      "ModelIndex.Pagination": Ir,
+      "ModelIndex.PaginationDetails": Pr,
+      "ModelIndex.PerPageSwitch": Mr,
+      "ModelIndex.Sort": Rr,
+      "ModelIndex.StaticActions": tr,
+      "ModelIndex.Table": qr,
+      "ModelIndex.Table.TableHead": Wr,
+      "ModelIndex.Table.TableBody": Ur,
+      "ModelIndex.Table.TableFooter": $r,
+      "ModelIndex.Table.TableToolbar": Hr,
+      "ModelIndex.Table.TableBody.TableRow": Kr,
+      "ModelIndex.Table.ShrinkedCell": Nr,
+      "ModelIndex.Tabs": Zr
     }), 0);
   }
   bootMenu() {
@@ -2993,7 +2993,7 @@ class Xr extends at {
         key: "dashboard",
         text: "Dashboard",
         to: "/",
-        icon: /* @__PURE__ */ r(An, {})
+        icon: /* @__PURE__ */ r(vn, {})
       },
       ...Object.entries(a).sort(([s], [o]) => s.localeCompare(o)).map(([s, o]) => ({
         key: s,
@@ -3075,13 +3075,13 @@ class Xr extends at {
       {
         key: "create",
         label: `Create ${a.singular()}`,
-        callback: Gr.create(a),
-        icon: /* @__PURE__ */ r(vn, {})
+        callback: Qr.create(a),
+        icon: /* @__PURE__ */ r(Dn, {})
       }
     ], 0);
   }
 }
-class Jr extends at {
+class _r extends ot {
   constructor(n) {
     super();
     ue(this, "name", "Luminix CMS i18Next Plugin");
@@ -3096,7 +3096,7 @@ class Jr extends at {
     this.translateModelColumns(a, n), this.translateMenuEntries(n), this.translateInstanceActions(n), this.translateMassActions(n), this.translateFormLabels(s), this.translateStaticActions(n);
   }
   initI18Next(n) {
-    z.use(un).init({
+    z.use(dn).init({
       lng: n.get("app.locale", "en"),
       fallbackLng: n.get("app.fallback_locale", "en"),
       resources: {
@@ -3193,7 +3193,7 @@ class Jr extends at {
     );
   }
 }
-const _r = {
+const ea = {
   palette: {
     primary: {
       main: "#1d9798"
@@ -3202,28 +3202,28 @@ const _r = {
       main: "#fa510c"
     }
   }
-}, ma = ({
-  theme: e = _r,
+}, fa = ({
+  theme: e = ea,
   plugins: t,
   i18nOptions: n = {},
   ...a
 }) => {
-  const s = ie("(prefers-color-scheme: dark)"), o = p.useMemo(() => Dn({
+  const s = ie("(prefers-color-scheme: dark)"), o = p.useMemo(() => Tn({
     ...e,
     palette: {
       ...e.palette,
       mode: s ? "dark" : "light"
     }
   }), [e, s]);
-  return /* @__PURE__ */ m(Tn, { theme: o, children: [
-    /* @__PURE__ */ r(ln, {}),
+  return /* @__PURE__ */ m(Fn, { theme: o, children: [
+    /* @__PURE__ */ r(cn, {}),
     /* @__PURE__ */ r(
-      Pt,
+      Mt,
       {
         routes: (i) => i.make("cms").getRoutes(),
         plugins: [
-          new Xr(),
-          new Jr(n),
+          new Jr(),
+          new _r(n),
           ...t || []
         ],
         ...a
@@ -3232,26 +3232,26 @@ const _r = {
   ] });
 };
 export {
-  Xr as CmsPlugin,
-  Nn as DialogProvider,
-  Ln as LayoutProvider,
+  Jr as CmsPlugin,
+  Rn as DialogProvider,
+  On as LayoutProvider,
   ce as Link,
-  ma as LuminixCms,
+  fa as LuminixCms,
   me as ModelProvider,
-  jn as NotificationProvider,
+  qn as NotificationProvider,
   We as useActionEvent,
-  Hn as useBackButton,
+  Zn as useBackButton,
   $ as useCurrentModel,
-  Xn as useDialog,
-  Qn as useDisplaceNotifications,
-  Zn as useHandleError,
-  tr as useHasSearch,
+  Jn as useDialog,
+  Xn as useDisplaceNotifications,
+  Gn as useHandleError,
+  nr as useHasSearch,
   v as useIsDesktopMode,
   L as useLayoutConfig,
   ze as useMenu,
   qe as useNotify,
-  gt as usePageTitle,
-  Kn as useSearch,
+  bt as usePageTitle,
+  $n as useSearch,
   Ye as useSelection,
   je as useSetPageTitle,
   Q as useTable