@luminix/mui-cms 0.0.1-beta.0 → 0.0.1-beta.1

package/dist/mui-cms.js

@@ -1,20 +1,20 @@
-var xt = Object.defineProperty;
-var wt = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ce = (e, t, n) => wt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as r, jsxs as m, Fragment as F } from "react/jsx-runtime";
+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);
+import { jsx as r, jsxs as m, Fragment as T } from "react/jsx-runtime";
 import f from "lodash";
-import { Reducible as Xe, model as te, config as H, collect as O, app as A, Plugin as Je } from "@luminix/core";
-import { Outlet as St, useParams as kt, useNavigate as Ae, useSearchParams as q, Link as ae, Form as At } from "react-router-dom";
-import { useCollection as _e, PaginationProvider as Ct, usePagination as ne, ModelForm as vt, useApplyReducers as Ce, LuminixProvider as Dt } from "@luminix/react";
-import { useMediaQuery as le, Dialog as ve, DialogTitle as et, DialogContent as tt, DialogContentText as Tt, DialogActions as nt, Button as E, Snackbar as Ft, Alert as It, IconButton as R, AlertTitle as Pt, Box as N, Unstable_Grid2 as Y, Fab as Mt, SpeedDial as Bt, SpeedDialIcon as Et, SpeedDialAction as Lt, ButtonGroup as Ot, Popper as Rt, Grow as Nt, Paper as De, ClickAwayListener as jt, MenuList as qt, MenuItem as Z, AppBar as rt, Toolbar as Wt, Typography as j, Avatar as Ut, Drawer as at, Divider as oe, Autocomplete as Vt, TextField as re, CircularProgress as Yt, Switch as zt, Stack as B, FormControl as xe, InputLabel as we, Select as se, Badge as Te, Popover as Kt, Link as Se, Collapse as ot, TableCell as z, RadioGroup as We, FormControlLabel as ue, Radio as de, TableContainer as $t, Table as Ht, TableHead as Zt, TableRow as J, Checkbox as Fe, TableSortLabel as Gt, Skeleton as Ue, TableBody as Qt, TableFooter as Xt, Tabs as Jt, Tab as Ve, Breadcrumbs as _t, List as en, ListItem as tn, ListItemButton as nn, ListItemIcon as st, ListItemText as lt, Menu as it, CssBaseline as rn } from "@mui/material";
-import p, { useContext as ct, useMemo as an } from "react";
-import { useTranslation as I, initReactI18next as on } from "react-i18next";
-import { Close as ut, ArrowDropDown as sn, ChevronLeft as Ie, ChevronRight as Pe, HighlightOffOutlined as Ye, FilterList as ln, Menu as cn, LastPage as un, FirstPage as dn, Search as ze, SwapVert as pn, ArrowUpward as hn, ArrowDownward as mn, MoreVert as dt, ExpandLess as fn, ExpandMore as gn, PeopleOutlined as bn, CategoryOutlined as yn, DashboardOutlined as xn, Add as wn } from "@mui/icons-material";
-import { useTheme as Me, styled as U, createTheme as Sn, ThemeProvider as kn } from "@mui/material/styles";
-import { isAxiosError as An } from "axios";
-import Ke from "react-dom";
-import W from "i18next";
-class Cn {
+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 Xe from "react-dom";
+import z from "i18next";
+class In {
   constructor() {
   }
   getComponents() {
@@ -24,10 +24,10 @@ class Cn {
     return this.getComponents()[t];
   }
   getRoutes() {
-    return this.cmsRoutes([], this.getComponents(), te().make());
+    return this.cmsRoutes([], this.getComponents(), ne().make());
   }
   getMenuItems() {
-    return this.menuItems([], te().make());
+    return this.menuItems([], ne().make());
   }
   getModelFormProps(t) {
     return this.wireModelFormProps({}, t);
@@ -54,8 +54,8 @@ class Cn {
     );
   }
 }
-const vn = Xe(Cn), ee = (e) => !(f.isUndefined(e) || f.isNull(e) || f.isEmpty(e));
-class Dn {
+const Pn = rt(In), te = (e) => !(f.isUndefined(e) || f.isNull(e) || f.isEmpty(e));
+class Mn {
   getInputType(t) {
     switch (t) {
       case "int":
@@ -77,14 +77,21 @@ class Dn {
     }
   }
   getOperators() {
-    return H("luminix.admin.filter.operators");
+    return Z("luminix.admin.filter.operators");
   }
   getMatchingOperators(t) {
-    return this.getOperators().filter((n) => !t.is_relation && ["relation"].includes(n) || ["number", "date"].includes(this.getInputType(t.type)) && ["like", "notLike"].includes(n) ? !1 : n).map((n) => {
+    return this.getOperators().filter((n) => ["like"].includes(n) || !t.is_relation && ["relation"].includes(n) || ["text"].includes(this.getInputType(t.type)) && [
+      "greaterThan",
+      "greaterThanOrEquals",
+      "lessThan",
+      "lessThanOrEquals",
+      "between",
+      "notBetween"
+    ].includes(n) || ["number", "date", "datetime-local", "boolean"].includes(this.getInputType(t.type)) && ["like"].includes(n) || !t.nullable && ["null", "notNull"].includes(n) ? !1 : n).map((n) => {
       let a = n;
       switch (n) {
         case "equals":
-          a = "==";
+          a = "=";
           break;
         case "notEquals":
           a = "!=";
@@ -101,6 +108,9 @@ class Dn {
         case "lessThanOrEquals":
           a = "<=";
           break;
+        default:
+          a = f.startCase(a);
+          break;
       }
       return {
         key: n,
@@ -111,12 +121,13 @@ class Dn {
   getFilterableColumns(t) {
     const { attributes: n = [], relations: a = {} } = t.getSchema();
     return [
-      ...n.filter((s) => !s.hidden).map((s) => {
+      ...n.filter((s) => !s.hidden && !s.appended).map((s) => {
         let o = s.phpType ?? "string";
         return !f.isNull(s.cast) && !f.isEmpty(s.cast) && (o = s.cast), {
           key: s.name,
-          label: f.upperFirst(s.name).replaceAll("_", " "),
+          label: f.startCase(s.name),
           type: o,
+          nullable: s.nullable,
           is_relation: !1
         };
       }),
@@ -125,8 +136,9 @@ class Dn {
         ...s,
         {
           key: o,
-          label: f.upperFirst(o).replaceAll("_", " "),
+          label: f.startCase(o),
           type: "autocomplete",
+          nullable: !1,
           is_relation: !0
         }
       ], [])
@@ -134,18 +146,18 @@ class Dn {
   }
   checkIfCanApplyFilters(t) {
     return !!(t.length === 0 || t.map((a) => {
-      if (!ee(a.key) || !ee(a.operator))
+      if (!te(a.key) || !te(a.operator))
         return !0;
       if (["boolean"].includes(this.getInputType(a.type))) {
         if (f.isUndefined(a.value) || f.isNull(a.value))
           return !0;
-      } else if (!ee(a.value))
+      } else if (!te(a.value))
         return !0;
-      return !!(Array.isArray(a.value) && ["between", "notBetween"].includes(a.operator) && (!ee(a.value[0]) || !ee(a.value[1])));
+      return !!(Array.isArray(a.value) && ["between", "notBetween"].includes(a.operator) && (!te(a.value[0]) || !te(a.value[1])));
     }).includes(!0));
   }
 }
-const Tn = Xe(Dn), Fn = {
+const Bn = rt(Mn), En = {
   open: !1,
   setOpen: () => {
   },
@@ -160,57 +172,57 @@ const Tn = Xe(Dn), Fn = {
   showBackButton: !1,
   setShowBackButton: () => {
   }
-}, V = p.createContext(Fn), pe = document.title, In = ({ children: e }) => {
-  const [t, n] = p.useState(!1), [a, s] = p.useState(""), [o, l] = p.useState(!1), [i, c] = p.useState(!1), u = H("luminix.cms.layout", {}), d = le((g) => g.breakpoints.up((u == null ? void 0 : u.breakpoint) || "md")), h = {
+}, V = p.createContext(En), he = document.title, Ln = ({ 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,
-    layout: u,
-    isBreakpointUp: d,
+    layout: d,
+    isBreakpointUp: u,
     currentPage: a,
     setCurrentPage: s,
     showSearch: o,
-    setShowSearch: l,
-    showBackButton: i,
+    setShowSearch: i,
+    showBackButton: l,
     setShowBackButton: c
   };
-  return p.useEffect(() => (document.title = a ? `${a} | ${H("app.name", pe)}` : H("app.name", pe), () => {
-    document.title = pe;
+  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 });
-}, pt = p.createContext({
+}, mt = p.createContext({
   Model: null
-}), he = ({ Model: e, children: t }) => /* @__PURE__ */ r(pt.Provider, { value: { Model: e }, children: t }), ht = p.createContext({
+}), me = ({ Model: e, children: t }) => /* @__PURE__ */ r(mt.Provider, { value: { Model: e }, children: t }), ft = p.createContext({
   isOpen: !1,
   dialog: () => Promise.reject(new Error("Trying to access DialogContext outside of DialogProvider")),
   dismissDialog: () => {
   },
   current: void 0
 });
-function Pn(e) {
+function On(e) {
   const [t, n] = p.useState(e);
   return p.useEffect(() => {
     e && n(e);
   }, [e]), e || t;
 }
-function Mn({ children: e, ...t }) {
-  const [{ current: n, resolve: a }, s] = p.useState({}), o = Pn(n), l = p.useCallback((d) => new Promise((h) => {
+function Nn({ children: e, ...t }) {
+  const [{ current: n, resolve: a }, s] = p.useState({}), o = On(n), i = p.useCallback((u) => new Promise((h) => {
     s({
-      current: typeof d == "string" ? { message: d } : d,
+      current: typeof u == "string" ? { message: u } : u,
       resolve: h
     });
-  }), []), { t: i } = I(), c = () => {
+  }), []), { t: l } = F(), c = () => {
     a && a(!1), s({});
-  }, u = () => {
+  }, d = () => {
     a && a(!0), s({});
   };
-  return /* @__PURE__ */ m(ht.Provider, { value: {
+  return /* @__PURE__ */ m(ft.Provider, { value: {
     isOpen: !!n,
     current: n,
-    dialog: l,
+    dialog: i,
     dismissDialog: c
   }, children: [
     e,
     /* @__PURE__ */ m(
-      ve,
+      De,
       {
         open: !!n,
         "aria-labelledby": "alert-dialog-title",
@@ -218,14 +230,14 @@ function Mn({ children: e, ...t }) {
         ...(n == null ? void 0 : n.dismissable) ?? !0 ? { onClose: c } : {},
         ...t,
         children: [
-          (o == null ? void 0 : o.title) && /* @__PURE__ */ r(et, { id: "alert-dialog-title", children: o.title }),
-          /* @__PURE__ */ r(tt, { children: /* @__PURE__ */ r(Tt, { id: "alert-dialog-description", children: o == null ? void 0 : o.message }) }),
-          /* @__PURE__ */ m(nt, { children: [
-            (o == null ? void 0 : o.type) === "confirm" && /* @__PURE__ */ m(F, { children: [
-              /* @__PURE__ */ r(E, { onClick: c, children: (o == null ? void 0 : o.cancelText) ?? i("No") }),
-              /* @__PURE__ */ r(E, { onClick: u, autoFocus: !0, children: (o == null ? void 0 : o.confirmText) ?? i("Yes") })
+          (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__ */ 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") }),
+              /* @__PURE__ */ r(M, { onClick: d, autoFocus: !0, children: (o == null ? void 0 : o.confirmText) ?? l("Yes") })
             ] }),
-            ((o == null ? void 0 : o.type) ?? "alert") === "alert" && /* @__PURE__ */ r(E, { onClick: c, autoFocus: !0, children: (o == null ? void 0 : o.confirmText) ?? i("Ok") })
+            ((o == null ? void 0 : o.type) ?? "alert") === "alert" && /* @__PURE__ */ r(M, { onClick: c, autoFocus: !0, children: (o == null ? void 0 : o.confirmText) ?? l("Ok") })
           ] })
         ]
       }
@@ -233,10 +245,10 @@ function Mn({ children: e, ...t }) {
   ] });
 }
 function v() {
-  const { isBreakpointUp: e } = ct(V);
+  const { isBreakpointUp: e } = pt(V);
   return e;
 }
-const Be = p.createContext({
+const Re = p.createContext({
   isOpen: !1,
   notify: () => {
   },
@@ -247,11 +259,11 @@ const Be = p.createContext({
   displacement: "8px",
   setDisplacement: () => {
   }
-}), ke = O([]), Bn = (e) => {
-  ke.push(
+}), Ce = N([]), Rn = (e) => {
+  Ce.push(
     typeof e == "string" ? { message: e } : e
   );
-}, En = ({
+}, jn = ({
   children: e,
   autoHideDuration: t = 6e3,
   variant: n,
@@ -259,80 +271,80 @@ const Be = p.createContext({
   sx: s,
   ...o
 }) => {
-  const l = _e(ke), i = v(), u = Me().spacing(i ? 3 : 1), [d, h] = p.useState(), [g, y] = p.useState(u), { vertical: k = "bottom" } = a || {}, b = (x, S) => {
-    S !== "clickaway" && h(void 0);
+  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) => {
+    k !== "clickaway" && h(void 0);
   };
   return p.useEffect(() => {
-    if (!d && l.isNotEmpty()) {
-      const x = setTimeout(() => {
-        h(ke.pull(0) ?? void 0);
+    if (!u && i.isNotEmpty()) {
+      const w = setTimeout(() => {
+        h(Ce.pull(0) ?? void 0);
       }, 100);
-      return () => clearTimeout(x);
+      return () => clearTimeout(w);
     }
-  }, [d, l]), /* @__PURE__ */ m(Be.Provider, { value: {
-    isOpen: !!d,
-    notify: Bn,
+  }, [u, i]), /* @__PURE__ */ m(Re.Provider, { value: {
+    isOpen: !!u,
+    notify: Rn,
     dismissNotification: b,
-    notifications: l.all(),
-    current: d,
+    notifications: i.all(),
+    current: u,
     displacement: g,
     setDisplacement: y
   }, children: [
     e,
     /* @__PURE__ */ r(
-      Ft,
+      Bt,
       {
-        open: !!d,
+        open: !!u,
         autoHideDuration: t,
         anchorOrigin: a,
         onClose: b,
         sx: {
           ...s,
-          [k]: `${g} !important`
+          [S]: `${g} !important`
         },
         ...o,
-        children: d && /* @__PURE__ */ m(
-          It,
+        children: u && /* @__PURE__ */ m(
+          Et,
           {
             onClose: b,
-            severity: d.severity,
+            severity: u.severity,
             variant: n,
             sx: { width: "100%" },
-            action: d.actions && [
-              ...d.actions.map(({ label: x, callback: S }, w) => /* @__PURE__ */ r(
-                E,
+            action: u.actions && [
+              ...u.actions.map(({ label: w, callback: k }, x) => /* @__PURE__ */ r(
+                M,
                 {
                   color: "inherit",
                   size: "small",
-                  onClick: S,
-                  children: x
+                  onClick: k,
+                  children: w
                 },
-                w
+                x
               )),
-              /* @__PURE__ */ r(R, { "aria-label": "close", color: "inherit", size: "small", onClick: b, children: /* @__PURE__ */ r(ut, {}) }, "close")
+              /* @__PURE__ */ r(E, { "aria-label": "close", color: "inherit", size: "small", onClick: b, children: /* @__PURE__ */ r(Ee, {}) }, "close")
             ],
             children: [
-              d.title && /* @__PURE__ */ r(Pt, { children: d.title }),
-              d.message
+              u.title && /* @__PURE__ */ r(Lt, { children: u.title }),
+              u.message
             ]
           }
         )
       }
     )
   ] });
-}, Ln = ({ children: e }) => {
-  const t = le("(prefers-color-scheme: dark)");
+}, qn = ({ children: e }) => {
+  const t = ie("(prefers-color-scheme: dark)");
   return /* @__PURE__ */ r(
-    En,
+    jn,
     {
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
       variant: t ? "standard" : "filled",
-      children: /* @__PURE__ */ r(Mn, { children: /* @__PURE__ */ r(In, { children: e }) })
+      children: /* @__PURE__ */ r(Nn, { children: /* @__PURE__ */ r(Ln, { children: e }) })
     }
   );
-}, On = (e, { Layout: t, Dashboard: n, ModelIndex: a, ModelItem: s, Error: o }, l) => [
+}, Wn = (e, { Layout: t, Dashboard: n, ModelIndex: a, ModelItem: s, Error: o }, i) => [
   {
-    element: /* @__PURE__ */ r(Ln, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(St, {}) }) }),
+    element: /* @__PURE__ */ r(qn, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(vt, {}) }) }),
     errorElement: /* @__PURE__ */ r(o, {}),
     children: [
       {
@@ -340,118 +352,118 @@ const Be = p.createContext({
         name: "luminix.cms.dashboard",
         element: /* @__PURE__ */ r(n, {})
       },
-      ...Object.entries(l).flatMap(([i, c]) => [
+      ...Object.entries(i).flatMap(([l, c]) => [
         {
           path: "/" + f.kebabCase(c.plural()),
-          name: `luminix.cms.${i}.index`,
-          element: /* @__PURE__ */ r(he, { Model: c, children: /* @__PURE__ */ r(Ct, { factory: c.query, children: /* @__PURE__ */ r(a, {}) }) })
+          name: `luminix.cms.${l}.index`,
+          element: /* @__PURE__ */ r(me, { Model: c, children: /* @__PURE__ */ r(Ft, { factory: c.query, children: /* @__PURE__ */ r(a, {}) }) })
         },
         {
           path: "/" + f.kebabCase(c.plural()) + "/create",
-          name: `luminix.cms.${i}.item`,
-          element: /* @__PURE__ */ r(he, { Model: c, children: /* @__PURE__ */ r(s, { create: !0 }) })
+          name: `luminix.cms.${l}.item`,
+          element: /* @__PURE__ */ r(me, { Model: c, children: /* @__PURE__ */ r(s, { create: !0 }) })
         },
         {
           path: "/" + f.kebabCase(c.plural()) + "/:id",
-          name: `luminix.cms.${i}.item`,
-          element: /* @__PURE__ */ r(he, { Model: c, children: /* @__PURE__ */ r(s, {}) })
+          name: `luminix.cms.${l}.item`,
+          element: /* @__PURE__ */ r(me, { Model: c, children: /* @__PURE__ */ r(s, {}) })
         }
       ])
     ]
   }
 ];
-function Ee(e) {
+function je(e) {
   const { setCurrentPage: t } = p.useContext(V);
   p.useEffect(() => (t(e), () => {
     t("");
   }), [e, t]);
 }
-const Rn = () => {
-  const { t: e } = I();
-  return Ee(e("Dashboard")), /* @__PURE__ */ r(F, { children: "Dashboard" });
-}, Nn = ({ error: e }) => /* @__PURE__ */ m("div", { children: [
+const zn = () => {
+  const { t: e } = F();
+  return je(e("Dashboard")), /* @__PURE__ */ r(T, { children: "Dashboard" });
+}, Un = ({ error: e }) => /* @__PURE__ */ m("div", { children: [
   /* @__PURE__ */ r("h1", { children: "Ops..." }),
   /* @__PURE__ */ r("p", { children: "Something went wrong" }),
-  A().hasDebugModeEnabled() && e && /* @__PURE__ */ r(F, { children: /* @__PURE__ */ m("pre", { style: { whiteSpace: "pre-wrap" }, children: [
+  C().hasDebugModeEnabled() && e && /* @__PURE__ */ r(T, { children: /* @__PURE__ */ m("pre", { style: { whiteSpace: "pre-wrap" }, children: [
     e.message,
     /* @__PURE__ */ r("br", {}),
     e.stack
   ] }) })
 ] });
 function L(e, t) {
-  const { layout: n } = ct(V);
-  return an(() => f.get(n, e, t), [n, e, t]);
+  const { layout: n } = pt(V);
+  return cn(() => f.get(n, e, t), [n, e, t]);
 }
-const jn = U("div")(({ theme: e }) => ({
+const Vn = U("div")(({ theme: e }) => ({
   padding: e.spacing(0, 1),
   // necessary for content to be below app bar
   ...e.mixins.toolbar
-})), qn = ({ children: e, slotProps: t, ...n }) => {
+})), Yn = ({ children: e, slotProps: t, ...n }) => {
   const {
     DesktopPageTitle: a,
     ["Layout.AppBar"]: s,
     ["Layout.Drawer"]: o
-  } = A("cms").getComponents(), l = L("appBar.height"), {
-    AppBar: i,
+  } = C("cms").getComponents(), i = L("appBar.height"), {
+    AppBar: l,
     Drawer: c,
-    main: u
+    main: d
   } = t || {};
-  return /* @__PURE__ */ m(N, { sx: { display: "flex" }, ...n, children: [
+  return /* @__PURE__ */ m(j, { sx: { display: "flex" }, ...n, children: [
     /* @__PURE__ */ r(
       s,
       {
         position: "fixed",
-        ...i
+        ...l
       }
     ),
     /* @__PURE__ */ r(o, { ...c }),
     /* @__PURE__ */ m(
-      N,
+      j,
       {
         component: "main",
         sx: {
           flexGrow: 1
           // p: { xs: 1, sm: 2, md: 3 },
         },
-        ...u,
+        ...d,
         children: [
-          /* @__PURE__ */ r(jn, { style: { height: l } }),
+          /* @__PURE__ */ r(Vn, { style: { height: i } }),
           /* @__PURE__ */ r(a, {}),
-          /* @__PURE__ */ r(N, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: e })
+          /* @__PURE__ */ r(j, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: e })
         ]
       }
     )
   ] });
 };
-function Wn() {
+function Kn() {
   const { setShowSearch: e } = p.useContext(V);
   p.useEffect(() => (e(!0), () => {
     e(!1);
   }), [e]);
 }
-function K() {
-  const { Model: e } = p.useContext(pt);
+function $() {
+  const { Model: e } = p.useContext(mt);
   return e;
 }
-const Un = () => {
-  const e = K(), {
+const $n = () => {
+  const e = $(), {
     data: t,
     error: n,
     loading: a
-  } = ne();
-  Ee(e.plural()), Wn();
+  } = re();
+  je(e.plural()), Kn();
   const s = v(), {
     Breadcrumbs: o,
-    ["ModelIndex.Pagination"]: l,
-    ["ModelIndex.StaticActions"]: i,
+    ["ModelIndex.Pagination"]: i,
+    ["ModelIndex.StaticActions"]: l,
     ["ModelIndex.Table"]: c,
-    ["ModelIndex.Table.TableBody"]: u,
-    ["ModelIndex.Table.TableHead"]: d,
+    ["ModelIndex.Table.TableBody"]: d,
+    ["ModelIndex.Table.TableHead"]: u,
     ["ModelIndex.Table.TableFooter"]: h,
     ["ModelIndex.Table.TableToolbar"]: g,
     ["ModelIndex.Table.TableBody.TableRow"]: y,
-    ["ModelIndex.Tabs"]: k
-  } = A("cms").getComponents();
+    ["ModelIndex.Tabs"]: S
+  } = C("cms").getComponents();
   return /* @__PURE__ */ m(Y, { container: !0, spacing: 2, children: [
     /* @__PURE__ */ m(
       Y,
@@ -469,12 +481,12 @@ const Un = () => {
               ]
             }
           ),
-          /* @__PURE__ */ r(i, { variant: s ? "default" : "fab" })
+          /* @__PURE__ */ r(l, { variant: s ? "default" : "fab" })
         ]
       }
     ),
-    !s && /* @__PURE__ */ r(Y, { display: "flex", justifyContent: "center", xs: 12, children: /* @__PURE__ */ r(l, { variant: "compact" }) }),
-    /* @__PURE__ */ r(Y, { xs: 12, sx: { pb: 0 }, children: /* @__PURE__ */ r(k, {}) }),
+    !s && /* @__PURE__ */ r(Y, { display: "flex", justifyContent: "center", xs: 12, children: /* @__PURE__ */ r(i, { variant: "compact" }) }),
+    /* @__PURE__ */ r(Y, { xs: 12, sx: { pb: 0 }, children: /* @__PURE__ */ r(S, {}) }),
     /* @__PURE__ */ r(Y, { xs: 12, sx: { pt: 0 }, children: /* @__PURE__ */ m(
       c,
       {
@@ -482,58 +494,58 @@ const Un = () => {
         loading: a,
         error: n,
         children: [
-          /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(g, {}) }),
-          /* @__PURE__ */ r(u, { children: (b) => /* @__PURE__ */ r(y, { item: b }, b.getKey()) }),
+          /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(g, {}) }),
+          /* @__PURE__ */ r(d, { children: (b) => /* @__PURE__ */ r(y, { item: b }, b.getKey()) }),
           /* @__PURE__ */ r(h, {})
         ]
       }
     ) })
   ] });
 };
-function Vn() {
+function Hn() {
   const { setShowBackButton: e } = p.useContext(V);
   p.useEffect(() => (e(!0), () => {
     e(!1);
   }), [e]);
 }
-function Q(e) {
+function X(e) {
   return (t) => {
     var n;
     if (!(t instanceof Error))
       throw t;
     e({
-      message: An(t) ? ((n = t.response) == null ? void 0 : n.data.message) ?? t.message : t.message,
+      message: Fn(t) ? ((n = t.response) == null ? void 0 : n.data.message) ?? t.message : t.message,
       severity: "error"
     });
   };
 }
-function Le() {
-  return p.useContext(Be).notify;
+function qe() {
+  return p.useContext(Re).notify;
 }
-function Yn() {
-  const e = Le();
+function Zn() {
+  const e = qe();
   return p.useCallback((t) => {
-    Q(e)(t);
+    X(e)(t);
   }, [e]);
 }
-const zn = ({ create: e = !1 }) => {
-  const [t, n] = p.useState(), { id: a } = kt(), { t: s } = I(), o = Le(), l = Ae(), i = K(), c = L("breakpoint", "md");
-  Ee(
-    t != null && t.exists ? s("Edit :model “:label“", { model: i.singular(), label: (t == null ? void 0 : t.getLabel()) || "..." }) : s("Create :model", { model: i.singular() })
-  ), Vn();
-  const u = A("cms").getComponent("Breadcrumbs");
+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");
+  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();
+  const d = C("cms").getComponent("Breadcrumbs");
   p.useEffect(() => {
-    e ? n(new i()) : i.find(a).then((y) => n(y ?? void 0));
-  }, [a, i, e]);
-  const d = p.useCallback(() => {
-    o(s(":model saved successfully", { model: i.singular() })), t != null && t.wasRecentlyCreated && l(`/${f.kebabCase(i.plural())}/${t.getKey()}`);
-  }, [o, l, i, t, s]), h = Yn(), g = p.useMemo(() => A("cms").getModelFormProps(t), [t]);
+    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]);
   return t ? /* @__PURE__ */ m(Y, { container: !0, children: [
     /* @__PURE__ */ r(Y, { xs: 12, children: /* @__PURE__ */ r(
-      u,
+      d,
       {
         parts: [
-          { name: i.plural(), href: "/" + f.kebabCase(i.plural()) },
+          { name: l.plural(), href: "/" + f.kebabCase(l.plural()) },
           { name: t.exists ? t.getLabel() : s("New") }
         ]
       }
@@ -544,12 +556,12 @@ const zn = ({ create: e = !1 }) => {
         xs: 12,
         [c]: 6,
         children: /* @__PURE__ */ r(
-          vt,
+          It,
           {
             submitText: "Save",
             ...g,
             item: t,
-            onSuccess: d,
+            onSuccess: u,
             onError: h
           }
         )
@@ -557,85 +569,85 @@ const zn = ({ create: e = !1 }) => {
     )
   ] }) : null;
 };
-function Kn(e) {
+function Qn(e) {
   const {
     setDisplacement: t
-  } = p.useContext(Be), n = Me(), a = v(), s = n.spacing(a ? 3 : 1), o = e === !1 ? s : n.spacing(e);
+  } = p.useContext(Re), n = Ne(), a = v(), s = n.spacing(a ? 3 : 1), o = e === !1 ? s : n.spacing(e);
   p.useEffect(() => (t(o), () => {
     t(s);
   }), [o, s]);
 }
-function $n() {
-  return p.useContext(ht).dialog;
+function Xn() {
+  return p.useContext(ft).dialog;
 }
-function Oe() {
-  const e = Ae(), t = Le(), n = $n(), { t: a } = I(), { refresh: s } = ne();
+function We() {
+  const e = Ae(), t = qe(), n = Xn(), { t: a } = F(), { refresh: s } = re();
   return { navigate: e, notify: t, dialog: n, t: a, refresh: s };
 }
-const Hn = U(Mt)(({ theme: e }) => ({
+const Jn = U(Ot)(({ theme: e }) => ({
   position: "fixed",
   bottom: e.spacing(2),
   right: e.spacing(2)
-})), Zn = U(Bt)(({ theme: e }) => ({
+})), _n = U(Nt)(({ theme: e }) => ({
   position: "fixed",
   bottom: e.spacing(2),
   right: e.spacing(2)
-})), Gn = ({ variant: e = "default" }) => {
-  const t = K(), n = v(), [a] = q(), s = a.get("tab") ?? "all", [o, l] = p.useState(!1), i = p.useRef(null), [c, u] = p.useState(0), d = Oe(), h = p.useMemo(() => A("cms").getStaticActions(t, s), [t, s]);
-  if (Kn(
+})), er = ({ 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(
     e === "fab" && h.length > 0 ? n ? 12 : 10 : !1
   ), h.length === 0)
     return null;
-  const g = (b, x) => {
-    u(x), l(!1);
+  const g = (b, w) => {
+    d(w), i(!1);
   }, y = () => {
-    l((b) => !b);
-  }, k = (b) => {
-    i.current && i.current.contains(b.target) || l(!1);
+    i((b) => !b);
+  }, S = (b) => {
+    l.current && l.current.contains(b.target) || i(!1);
   };
-  return e === "fab" ? h.length === 1 ? Ke.createPortal(
+  return e === "fab" ? h.length === 1 ? Xe.createPortal(
     /* @__PURE__ */ r(
-      Hn,
+      Jn,
       {
         color: "primary",
-        onClick: () => h[0].callback(d),
+        onClick: () => h[0].callback(u),
         children: h[0].icon || h[0].label.charAt(0).toUpperCase()
       }
     ),
     document.body
-  ) : Ke.createPortal(
+  ) : Xe.createPortal(
     /* @__PURE__ */ r(
-      Zn,
+      _n,
       {
         ariaLabel: `actions for ${t.singular()}`,
-        icon: /* @__PURE__ */ r(Et, {}),
+        icon: /* @__PURE__ */ r(Rt, {}),
         color: "primary",
-        onClose: () => l(!1),
-        onOpen: () => l(!0),
+        onClose: () => i(!1),
+        onOpen: () => i(!0),
         open: o,
         children: h.map((b) => /* @__PURE__ */ r(
-          Lt,
+          jt,
           {
             icon: b.icon || b.label.charAt(0).toUpperCase(),
             tooltipTitle: b.label,
-            onClick: () => b.callback(d)
+            onClick: () => b.callback(u)
           },
           b.label
         ))
       }
     ),
     document.body
-  ) : /* @__PURE__ */ m(F, { children: [
+  ) : /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ m(
-      Ot,
+      qt,
       {
         variant: "contained",
-        ref: i,
+        ref: l,
         "aria-label": h[c].label,
         children: [
-          /* @__PURE__ */ r(E, { onClick: () => h[c].callback(d), children: h[c].label }),
+          /* @__PURE__ */ r(M, { onClick: () => h[c].callback(u), children: h[c].label }),
           h.length > 1 && /* @__PURE__ */ r(
-            E,
+            M,
             {
               variant: "contained",
               size: "small",
@@ -644,34 +656,34 @@ const Hn = U(Mt)(({ theme: e }) => ({
               "aria-label": `select ${t.singular()} actions`,
               "aria-haspopup": "menu",
               onClick: y,
-              children: /* @__PURE__ */ r(sn, {})
+              children: /* @__PURE__ */ r(dn, {})
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ r(
-      Rt,
+      Wt,
       {
         open: o,
-        anchorEl: i.current,
+        anchorEl: l.current,
         role: void 0,
         transition: !0,
-        children: ({ TransitionProps: b, placement: x }) => /* @__PURE__ */ r(
-          Nt,
+        children: ({ TransitionProps: b, placement: w }) => /* @__PURE__ */ r(
+          zt,
           {
             ...b,
             style: {
-              transformOrigin: x === "bottom" ? "center top" : "center bottom"
+              transformOrigin: w === "bottom" ? "center top" : "center bottom"
             },
-            children: /* @__PURE__ */ r(De, { children: /* @__PURE__ */ r(jt, { onClickAway: k, children: /* @__PURE__ */ r(qt, { id: "split-button-menu", children: h.map((S, w) => /* @__PURE__ */ r(
-              Z,
+            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(
+              G,
               {
-                selected: w === c,
-                onClick: (C) => g(C, w),
-                children: S.label
+                selected: x === c,
+                onClick: (A) => g(A, x),
+                children: k.label
               },
-              S.label
+              k.label
             )) }) }) })
           }
         )
@@ -679,7 +691,7 @@ const Hn = U(Mt)(({ theme: e }) => ({
     )
   ] });
 };
-function Re() {
+function ze() {
   const { open: e, setOpen: t } = p.useContext(V);
   return {
     open: e,
@@ -694,21 +706,21 @@ function Re() {
     }
   };
 }
-function mt() {
+function gt() {
   const { currentPage: e } = p.useContext(V);
   return e;
 }
-function Qn() {
+function tr() {
   const { showSearch: e } = p.useContext(V);
   return e;
 }
-const Xn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABbWlDQ1BpY2MAACiRdZG9S0JRGMZ/aqWU0VBDRIOBRYORFERj2eAiIWaQ1aI3PwI/LvcqIa1BS4PQELX0NfQf1Bq0FgRBEUQ0Nve1hNzeo4ISdS7nvj+ec56Xc54D9lBWy5ltfsjli0YkGPAsxZY9zldcdADjDMU1U58Nh0P8O77usal6N6Z6/b/vz9G1ljQ1sLmEpzTdKArPCIc2irriHeE+LRNfEz4S9hlyQOFrpSfq/KI4XecPxUY0Mgd21dOTbuFEC2sZIyc8KuzNZUta4zzqJu5kfnFB6oDMQUwiBAngIUGJdbIUGZOal8z+9vlrvnkK4tHkr1PGEEeajHh9opaka1JqSvSkfFnKKvffeZqpyYl6d3cA2p8t630YnLtQrVjW97FlVU/A8QSX+aa/IDlNf4peaWreQ+jZgvOrppbYg4tt6H/U40a8Jjlk2lMpeDuD7hj03kLnSj2rxjqnDxDdlCe6gf0DGJH9Pas/3QVn+hiI/rEAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAWBSURBVFhHxZl/TFtVFMe/pZQOGMIA0W3iBgOloLIBzrkZJsuWmCwah/8sYW4my0QYc1NijM5o1MQ4/3B/CUb/0Bn+mTHzD4PjRxEUxEGmcWb8VsbPTTYYDBjQFlrPubTQ0va9+6qdJ3lp+t69537eOfeec+59OpAklpWvQkhICV0FsNvT4XCE8X0tYrPb8WBsLL7L34eoMPnukxYrjpprYe4fgEGvtxJDOzFU0PXJYHHRnC6x/NNwAqnQGY35WFiAY35eC9dSWwv1Ld+zB/kPpEr3H52dRVFNLRoGBxEeGir66fhXr4fDYjlHfwv4bjHD0Q1pxSsbWglu27q1eDpl08pHfv8PT0+jsLoGLdeuLcFxY2EgupxMxQx4iC0XqDiooz4kBCeys2GgXxnpnbiFF6urcenGDQ84j76LTC8woClQt7JCC73t3k3JeDIxUYYN7WNjOFJVjZ7xcf9wpMnJZGLARedLqfds5HA4EGkw4DhZT6fTqWr4dWREuHVwagqrnHNOpZNcK39K5sgNh0xp2JyQ4K/J0v3m4WFyaw3G5uZgpEUgKwFbb4GslxARgZItW1THqunrQ4m5DtNWq/Q8dSkNGJDDysGMDGyMjlYE/LanB6X1DZijuRoquYjcFQYEOE9BOZnADj/ysF84O1n4y8uXcbKxCdye4TiYuwvPWjXogAB5oMLNmYgP5xjvWzj4nu3sQkZ8HPQ67/DDcAzeTatZSTQDMtxD8fHYn5ampBc71q9H5XP5YBCOle4SQiueXf5mY6MIO0pW1AzIoeV4dpYIL0qitFJnCa60oQHfdHUrxkLWrwmQU9rO+xPxbKp8vl35ElwclJjNOH/liiqcZkB2DRkQH1xooUCrF65ZF7ka+1JTRLpTEy4OXqLi4Ee34kCtjyYLMlDj0BDqBwYI1AFek2W7d1OFpA739+3bOEKB+sLVq1KWc4FrAuTQwQUBXzM0j157NAf7KZOoCae2w1VV+H3kuiY41qv+6m6j302Zg4Un+d7kZJTm5Kix4c+JCRys/F7ASeZfD53SgGy9A+kmMUjqmjX4aGcuwlRyKocQhmsbHQ0ITtqCHMcYZteGDTDFxeLjvDzcExmpaL3fqHJ5nuD+IgsGYjmXcqk5yBE/JSZGWO7D3FyCjFOE44VUVGvGGK1apXioqMT5UAqQ499TSUlYTcFZDa62rx/HKM7dCqBy8QWsCsjWuy8qCgU0/9SksrcXL9fVYdY2r7ms8qdbEZDhWN7Zvl1AKsm57m68SmWVjaytlFuVdPh65ncVczKPNhpxelee6layor0dJ36oF+WUTEbxBeLvnpcFecXaFux4JiUFrz+2VSwMJfns0h94t7lZNNFL7EuUdPl65gXIC6IwMxPvPbFDtJ+g/XIMWdKXnL54EadaWxFK9R7n6WCIh4ut5KKta+/Fyce3iRru/eZfMDg56TWu69mpllYYggjHA3tY0E6ABaZ0Ebt4L8HVbgYVp+7Cm6W3m5rwObnWSFklOHZbHtEDkA5vkBwTLazXT5ZjN7u7jt3/xk+N+KqtTXPS93KD5A0PF/Mq7Lx5U1jlWFYWktx2bDM2G16pr8eZOwjH7+AZZsh9Pw8Ni3dzX5FTlBVKKACf7ehCxL/b60vabbmZ5xyk+yvDyjidBHBeNff3I8Lgteg1D6i1g9eId7mFFA4xXAVziX6nLed6Ea9Mcn1mRjzjovQoWU7L/kGrdWTaM+DSkSqX8nzIw3Bv0YkAn6m4Tj5llAWhzTwDdohjVxIG7KAqmE+hvu7s/F/hnEwdDHiGz4RdwoG4liwnc94XBIstq1xk+oIBy/jAms6EFw+w6YbaXiOYYGw5ZnEeopeLTEWfIYzOzxAHAv0M8Z9A63T8GaLN7TOE5R/LwhBxBS+RxAAAAABJRU5ErkJggg==", Jn = "data:image/png;base64,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";
-function ft() {
+const nr = "data:image/png;base64,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", rr = "data:image/png;base64,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";
+function bt() {
   const { showBackButton: e } = p.useContext(V);
   return e;
 }
-const _n = U(
-  rt,
+const ar = U(
+  st,
   { shouldForwardProp: (e) => !["open", "drawerWidth", "height"].includes(String(e)) }
 )(({ theme: e, open: t, drawerWidth: n, height: a }) => ({
   zIndex: e.zIndex.drawer + 1,
@@ -725,19 +737,19 @@ const _n = U(
       duration: e.transitions.duration.enteringScreen
     })
   }
-})), er = U(
-  rt,
+})), or = U(
+  st,
   { shouldForwardProp: (e) => !["open", "drawerWidth", "height"].includes(String(e)) }
-)(({ height: e }) => ({ height: e })), tr = ({ slots: e = {}, ...t }) => {
-  const n = v(), a = le("(prefers-color-scheme: dark)"), s = n ? _n : er, {
+)(({ height: e }) => ({ height: e })), sr = ({ slots: e = {}, ...t }) => {
+  const n = v(), a = ie("(prefers-color-scheme: dark)"), s = n ? ar : or, {
     ["Layout.AppBar.MenuButton"]: o,
-    ["Layout.SearchBar"]: l,
-    ["Layout.BackButton"]: i
-  } = A("cms").getComponents(), { open: c } = Re(), u = Qn(), d = ft(), h = L("appBar.height"), g = L("drawer.width", 280), {
+    ["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), {
     start: y = null,
     //: title = config('app.name', document.title),
-    end: k = null
-  } = e, b = mt();
+    end: S = null
+  } = e, b = gt();
   return /* @__PURE__ */ r(
     s,
     {
@@ -745,38 +757,38 @@ const _n = U(
       height: h,
       drawerWidth: g,
       ...t,
-      children: /* @__PURE__ */ m(Wt, { children: [
-        (n && !c || !n && !d) && /* @__PURE__ */ r(o, {}),
-        !n && d && /* @__PURE__ */ r(i, {}),
+      children: /* @__PURE__ */ m(Yt, { children: [
+        (n && !c || !n && !u) && /* @__PURE__ */ r(o, {}),
+        !n && u && /* @__PURE__ */ r(l, {}),
         n ? null : y,
         /* @__PURE__ */ r(
-          j,
+          q,
           {
             width: "100%",
             variant: "h6",
             noWrap: !0,
             component: "div",
-            children: !n && b || H("app.name", document.title)
+            children: !n && b || Z("app.name", document.title)
           }
         ),
-        /* @__PURE__ */ r(N, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ r(j, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ m(
-          N,
+          j,
           {
             display: "flex",
             alignItems: "center",
             children: [
-              u && /* @__PURE__ */ r(l, {}),
-              k || /* @__PURE__ */ r(
-                Ut,
+              d && /* @__PURE__ */ r(i, {}),
+              S || /* @__PURE__ */ r(
+                Kt,
                 {
-                  src: a ? Xn : Jn,
+                  src: a ? nr : rr,
                   alt: "Luminix",
                   variant: "square",
                   sx: {
                     width: 40,
                     height: 40,
-                    marginLeft: u ? 2 : 0
+                    marginLeft: d ? 2 : 0
                   }
                 }
               )
@@ -787,28 +799,28 @@ const _n = U(
     }
   );
 };
-function nr(e) {
+function lr(e) {
   return /* @__PURE__ */ r(
-    R,
+    E,
     {
-      component: ae,
+      component: oe,
       to: -1,
       edge: "start",
       color: "inherit",
       "aria-label": "back",
       ...e,
-      children: /* @__PURE__ */ r(Ie, {})
+      children: /* @__PURE__ */ r(Le, {})
     }
   );
 }
-const $e = (e, t) => ({
+const Je = (e, t) => ({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   }),
   overflowX: "hidden"
-}), He = (e) => ({
+}), _e = (e) => ({
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
@@ -816,41 +828,41 @@ const $e = (e, t) => ({
   overflowX: "hidden",
   width: `calc(${e.spacing(9)} + 1px)`,
   [e.breakpoints.up("sm")]: { width: `calc(${e.spacing(10)} + 1px)` }
-}), rr = U(
-  at,
+}), ir = U(
+  lt,
   { shouldForwardProp: (e) => !["open", "width"].includes(String(e)) }
 )(({ theme: e, open: t, width: n }) => ({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   ...t && {
-    ...$e(e, n),
-    "& .MuiDrawer-paper": $e(e, n)
+    ...Je(e, n),
+    "& .MuiDrawer-paper": Je(e, n)
   },
   ...!t && {
-    ...He(e),
-    "& .MuiDrawer-paper": He(e)
+    ..._e(e),
+    "& .MuiDrawer-paper": _e(e)
   }
-})), ar = U(
-  at,
+})), cr = U(
+  lt,
   { shouldForwardProp: (e) => e !== "width" }
-)(() => ({})), or = U("div")(({ theme: e }) => ({
+)(() => ({})), ur = 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
-})), sr = (e) => {
-  const t = Me(), n = v(), { open: a, handleDrawerClose: s } = Re(), o = n ? rr : ar, l = L("drawer.width", 280), i = L("appBar.height"), c = A("cms").getComponent("RecursiveList"), u = A("cms").getMenuItems();
+})), 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();
   return /* @__PURE__ */ m(
     o,
     {
       variant: n ? "permanent" : "temporary",
       open: a,
-      width: l,
+      width: i,
       onClose: s,
-      PaperProps: { sx: { width: l } },
+      PaperProps: { sx: { width: i } },
       sx: {
         display: "flex",
         direction: "flex-column",
@@ -859,25 +871,25 @@ const $e = (e, t) => ({
       },
       ...e,
       children: [
-        /* @__PURE__ */ r(or, { style: { height: i }, children: /* @__PURE__ */ r(R, { onClick: s, children: t.direction === "ltr" ? /* @__PURE__ */ r(Ie, {}) : /* @__PURE__ */ r(Pe, {}) }) }),
-        /* @__PURE__ */ r(oe, {}),
-        /* @__PURE__ */ r(N, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(ur, { 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,
           {
             collapsed: !a && n,
-            items: u,
+            items: d,
             onClick: () => !n && s()
           }
         ) })
       ]
     }
   );
-}, lr = () => {
-  const e = mt(), t = L("breakpoint", "md"), n = ft(), {
+}, pr = () => {
+  const e = gt(), t = L("breakpoint", "md"), n = bt(), {
     ["Layout.BackButton"]: a
-  } = A("cms").getComponents();
+  } = C("cms").getComponents();
   return /* @__PURE__ */ m(
-    De,
+    Pe,
     {
       sx: {
         display: { xs: "none", [t]: "flex" },
@@ -889,11 +901,11 @@ const $e = (e, t) => ({
       },
       children: [
         n && /* @__PURE__ */ r(a, {}),
-        /* @__PURE__ */ r(j, { variant: "h5", noWrap: !0, children: e })
+        /* @__PURE__ */ r(q, { variant: "h5", noWrap: !0, children: e })
       ]
     }
   );
-}, Ne = p.createContext({
+}, Ue = p.createContext({
   Model: null,
   anchorEl: null,
   setAnchorEl: () => {
@@ -904,11 +916,13 @@ const $e = (e, t) => ({
   searchParams: new URLSearchParams(),
   setSearchParams: () => {
   },
+  handleApplyFilters: () => {
+  },
   clearSearchParams: () => {
   },
   clearFilters: () => {
   }
-}), _ = p.createContext({
+}), ee = p.createContext({
   key: "",
   type: "",
   operator: "",
@@ -925,37 +939,33 @@ const $e = (e, t) => ({
   },
   setIsRelation: () => {
   }
-}), ir = (e) => {
+}), hr = (e) => {
   if (!Array.isArray(e))
     return e;
   let t;
   return f.isEmpty(e) ? t = "" : t = e[0], t;
-}, cr = (e) => {
+}, mr = (e) => {
   if (Array.isArray(e))
     return e;
   let t;
   return f.isEmpty(e) ? t = [] : t = [e, ""], t;
-}, ur = async (e, t, n) => {
-  const a = e.getSchema().relations[t], s = te().make(a.model), o = s.getSchema().primaryKey, l = [];
-  for (const i of n) {
-    const { data: c } = await s.where(o, i).get();
-    l.push(c.first());
+}, fr = 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();
+    i.push(c.first());
   }
-  return l;
+  return i;
 };
-function dr(e, t) {
-  const n = A("filter"), { Model: a, setColumnsFilter: s } = p.useContext(Ne), [o, l] = p.useState(t.key), [i, c] = p.useState(t.operator), [u, d] = p.useState(t.type), [h, g] = p.useState(t.value), [y, k] = p.useState(t.is_relation), b = p.useMemo(() => n.getFilterableColumns(a), [a]), x = (C) => () => {
-    s((T) => T.filter((D, M) => M !== C));
-  }, S = async (C) => {
-    const T = C.target.value, D = b.find(($) => $.key === T), M = (D == null ? void 0 : D.type) ?? "text";
-    if (o !== T) {
-      const $ = (D == null ? void 0 : D.is_relation) ?? !1;
-      $ ? (c("relation"), g([])) : y && c("equals"), k($);
-    }
-    M !== u && (["boolean"].includes(n.getInputType(M)) && c("equals"), g(() => {
-      if (["between", "notBetween"].includes(i))
+function gr(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(() => {
+      if (["between", "notBetween"].includes(l))
         return [];
-      switch (n.getInputType(M)) {
+      switch (n.getInputType(H)) {
         case "number":
           return 0;
         case "boolean":
@@ -963,103 +973,101 @@ function dr(e, t) {
         default:
           return "";
       }
-    })), l(T), d(M);
-  }, w = async (C) => {
-    const T = C.target.value;
-    i !== T && g((D) => {
-      switch (T) {
+    })), i(I), u(H);
+  }, R = async (O) => {
+    const I = O.target.value;
+    l !== I && g((D) => {
+      switch (I) {
         case "between":
         case "notBetween":
-          return cr(D);
+          return mr(D);
         case "null":
         case "notNull":
           return "1";
         default:
-          return ir(D);
+          return hr(D);
       }
-    }), c(T);
+    }), c(I);
   };
   return p.useEffect(() => {
-    s((C) => C.map((D, M) => e === M ? {
+    s((O) => O.map((D, H) => e === H ? {
       ...D,
       key: o,
-      operator: i,
-      type: u,
+      operator: l,
+      type: d,
       value: h,
-      is_relation: y
+      nullable: y,
+      is_relation: b
     } : D));
-  }, [o, i, u, h, y]), {
-    columns: b,
+  }, [o, l, d, h, y, b]), {
+    columns: k,
     key: o,
-    setKey: l,
-    operator: i,
+    setKey: i,
+    operator: l,
     setOperator: c,
-    type: u,
-    setType: d,
+    type: d,
+    setType: u,
     value: h,
     setValue: g,
-    isRelation: y,
-    setIsRelation: k,
-    handleKey: S,
-    handleOperator: w,
+    nullable: y,
+    setNullable: S,
+    isRelation: b,
+    setIsRelation: w,
+    handleKey: A,
+    handleOperator: R,
     handleRemoveColumn: x
   };
 }
-const Ze = async (e, t, n) => {
-  const a = e.getSchema().relations[t].model, { data: s } = await te().make(a).get(), o = s.all().filter((u) => !n.find((d) => d.getKey() === u.getKey())), l = o.length, i = n.length;
-  console.log({
-    newOptionsLength: l,
-    loadedLength: i
-  });
-  const c = 15;
-  return l + i > c ? O([...n, ...o.slice(0, c - i)]) : O([...n, ...o]);
-}, pr = async (e, t, n = "", a) => {
-  const s = e.getSchema().relations[t], o = te().make(s.model), l = o.getSchema().primaryKey, { data: i } = await o.searchBy(n).get();
-  return O([...a, ...i]).unique(l);
-}, hr = () => {
-  const e = v(), t = K(), {
+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) => {
+  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 = () => {
+  const e = v(), t = $(), {
     key: n,
     value: a,
     setValue: s
-  } = p.useContext(_), [o, l] = p.useState(!1), [i, c] = p.useState(""), [u, d] = p.useState(O([])), [h, g] = p.useState([]), y = p.useMemo(
-    () => o && u.count() === 0,
-    [o, u]
-  ), k = async (b, x) => {
-    c(x), f.isEmpty(x) || d(await pr(t, n, x, O(h)));
+  } = p.useContext(ee), [o, i] = p.useState(!1), [l, c] = p.useState(""), [d, u] = p.useState(N([])), [h, g] = p.useState([]), y = p.useMemo(
+    () => o && d.count() === 0,
+    [o, d]
+  ), S = async (b, w) => {
+    c(w), f.isEmpty(w) || u(await br(t, n, w, N(h)));
   };
   return p.useEffect(() => {
-    a.length > 0 && (async () => g(await ur(t, n, a)))();
+    a.length > 0 && (async () => g(await fr(t, n, a)))();
   }, []), p.useEffect(() => {
     let b = !0;
     if (y)
-      return (async () => b && d(await Ze(t, n, h)))(), () => {
+      return (async () => b && u(await et(t, n, h)))(), () => {
         b = !1;
       };
   }, [y]), p.useEffect(() => {
-    s(h.map((b) => b.getKey())), f.isEmpty(i) ? (async () => d(await Ze(t, n, h)))() : d(O([]));
+    s(h.map((b) => b.getKey())), f.isEmpty(l) ? (async () => u(await et(t, n, h)))() : u(N([]));
   }, [h]), /* @__PURE__ */ r(
-    Vt,
+    $t,
     {
       sx: { width: e ? 377 : "100%" },
       open: o,
       onOpen: () => {
-        l(!0);
+        i(!0);
       },
       onClose: () => {
-        l(!1);
+        i(!1);
       },
       value: h,
-      onChange: (b, x) => {
-        g(x);
+      onChange: (b, w) => {
+        g(w);
       },
-      inputValue: i,
-      onInputChange: k,
-      options: u.all() || [],
+      inputValue: l,
+      onInputChange: S,
+      options: d.all() || [],
       getOptionLabel: (b) => b.getLabel(),
-      isOptionEqualToValue: (b, x) => b.getKey() === x.getKey(),
+      isOptionEqualToValue: (b, w) => b.getKey() === w.getKey(),
       filterOptions: (b) => b,
       renderInput: (b) => /* @__PURE__ */ r(
-        mr,
+        xr,
         {
           params: b,
           loading: y
@@ -1072,52 +1080,52 @@ const Ze = async (e, t, n) => {
       multiple: !0
     }
   );
-}, mr = ({ params: e, loading: t }) => {
-  const { t: n } = I();
+}, xr = ({ params: e, loading: t }) => {
+  const { t: n } = F();
   return /* @__PURE__ */ r(
-    re,
+    ae,
     {
       ...e,
       label: n("Value"),
       InputProps: {
         ...e.InputProps,
         endAdornment: /* @__PURE__ */ m(p.Fragment, { children: [
-          t ? /* @__PURE__ */ r(Yt, { color: "inherit", size: 20 }) : null,
+          t ? /* @__PURE__ */ r(Ht, { color: "inherit", size: 20 }) : null,
           e.InputProps.endAdornment
         ] })
       }
     }
   );
-}, me = ({ index: e = null }) => {
-  const { t } = I(), n = v(), a = A("filter"), {
+}, fe = ({ index: e = null }) => {
+  const { t } = F(), n = v(), a = C("filter"), {
     type: s,
     value: o,
-    setValue: l
-  } = p.useContext(_), c = a.getInputType(s) === "datetime-local" ? 230 : 167.5, u = e !== null ? `${t("Date")} ${e + 1}` : `${t("Date")}`, d = p.useMemo(
+    setValue: i
+  } = p.useContext(ee), c = a.getInputType(s) === "datetime-local" ? 230 : 167.5, d = e !== null ? `${t("Date")} ${e + 1}` : `${t("Date")}`, u = p.useMemo(
     () => e !== null ? o[e] : o,
     [o]
   ), h = (g) => {
-    l(typeof e == "number" ? (y) => {
-      const k = y;
-      return k[e] = g.target.value, [...k];
+    i(typeof e == "number" ? (y) => {
+      const S = y;
+      return S[e] = g.target.value, [...S];
     } : g.target.value);
   };
   return /* @__PURE__ */ r(
-    re,
+    ae,
     {
       type: a.getInputType(s),
-      label: u,
-      value: d || /* @__PURE__ */ new Date(),
+      label: d,
+      value: u || /* @__PURE__ */ new Date(),
       onChange: h,
       size: "small",
       sx: { width: n ? c : "100%" }
     }
   );
-}, fr = () => {
-  const e = v(), { value: t, setValue: n } = p.useContext(_);
-  return /* @__PURE__ */ m(F, { children: [
+}, wr = () => {
+  const e = v(), { value: t, setValue: n } = p.useContext(ee);
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ r(
-      zt,
+      Zt,
       {
         checked: t,
         onChange: (s) => {
@@ -1128,96 +1136,96 @@ const Ze = async (e, t, n) => {
         size: "small"
       }
     ),
-    e && /* @__PURE__ */ r(N, { width: 325 })
+    e && /* @__PURE__ */ r(j, { width: 325 })
   ] });
-}, fe = ({ index: e = null }) => {
-  const { t } = I(), n = v(), a = A("filter"), {
+}, ge = ({ index: e = null }) => {
+  const { t } = F(), n = v(), a = C("filter"), {
     type: s,
     value: o,
-    setValue: l
-  } = p.useContext(_), i = e !== null ? `${t("Value")} ${e + 1}` : `${t("Value")}`, c = p.useMemo(
+    setValue: i
+  } = p.useContext(ee), l = e !== null ? `${t("Value")} ${e + 1}` : `${t("Value")}`, c = p.useMemo(
     () => e !== null ? o[e] : o,
     [o]
-  ), u = (d) => {
-    l(typeof e == "number" ? (h) => {
+  ), d = (u) => {
+    i(typeof e == "number" ? (h) => {
       const g = h;
-      return g[e] = d.target.value, [...g];
-    } : d.target.value);
+      return g[e] = u.target.value, [...g];
+    } : u.target.value);
   };
   return /* @__PURE__ */ r(
-    re,
+    ae,
     {
       type: a.getInputType(s),
-      label: i,
+      label: l,
       value: c || "",
-      onChange: u,
+      onChange: d,
       sx: { width: n ? 167.5 : "100%" },
       size: "small"
     }
   );
-}, ge = () => {
-  const e = v(), t = A("filter"), { type: n, operator: a } = p.useContext(_), s = p.useMemo(
+}, be = () => {
+  const e = v(), t = C("filter"), { type: n, operator: a } = p.useContext(ee), s = p.useMemo(
     () => ["between", "notBetween"].includes(a),
     [a]
   );
   if (["null", "notNull"].includes(a))
-    return e ? /* @__PURE__ */ r(N, { width: 230 }) : null;
+    return e ? /* @__PURE__ */ r(j, { width: 230 }) : null;
   if (s)
     switch (t.getInputType(n)) {
       case "date":
       case "datetime-local":
-        return /* @__PURE__ */ m(F, { children: [
-          /* @__PURE__ */ r(me, { index: 0 }),
-          /* @__PURE__ */ r(me, { index: 1 })
-        ] });
-      default:
-        return /* @__PURE__ */ m(F, { children: [
+        return /* @__PURE__ */ m(T, { children: [
           /* @__PURE__ */ r(fe, { index: 0 }),
           /* @__PURE__ */ r(fe, { index: 1 })
         ] });
+      default:
+        return /* @__PURE__ */ m(T, { children: [
+          /* @__PURE__ */ r(ge, { index: 0 }),
+          /* @__PURE__ */ r(ge, { index: 1 })
+        ] });
     }
   switch (t.getInputType(n)) {
     case "date":
     case "datetime-local":
-      return /* @__PURE__ */ r(me, {});
+      return /* @__PURE__ */ r(fe, {});
     case "autocomplete":
-      return /* @__PURE__ */ r(hr, {});
+      return /* @__PURE__ */ r(yr, {});
     case "boolean":
-      return /* @__PURE__ */ r(fr, {});
+      return /* @__PURE__ */ r(wr, {});
     default:
-      return /* @__PURE__ */ r(fe, {});
+      return /* @__PURE__ */ r(ge, {});
   }
-}, gr = ({ index: e, column: t }) => {
-  const { t: n } = I(), a = v(), s = L("breakpoint", "md"), o = A("filter"), l = p.useMemo(() => o.getMatchingOperators(t), [t]), {
-    columns: i,
+}, kr = ({ 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,
-    setKey: u,
-    operator: d,
+    setKey: d,
+    operator: u,
     setOperator: h,
     type: g,
     setType: y,
-    value: k,
+    value: S,
     setValue: b,
-    isRelation: x,
-    setIsRelation: S,
-    handleKey: w,
-    handleOperator: C,
-    handleRemoveColumn: T
-  } = dr(e, t), D = ["boolean"].includes(o.getInputType(g));
+    isRelation: w,
+    setIsRelation: k,
+    handleKey: x,
+    handleOperator: A,
+    handleRemoveColumn: R
+  } = gr(e, t), O = ["boolean"].includes(o.getInputType(g));
   return /* @__PURE__ */ r(
-    _.Provider,
+    ee.Provider,
     {
       value: {
         key: c,
-        setKey: u,
+        setKey: d,
         type: g,
         setType: y,
-        operator: d,
+        operator: u,
         setOperator: h,
-        value: k,
+        value: S,
         setValue: b,
-        isRelation: x,
-        setIsRelation: S
+        isRelation: w,
+        setIsRelation: k
       },
       children: /* @__PURE__ */ m(
         Y,
@@ -1257,11 +1265,11 @@ const Ze = async (e, t, n) => {
                       ...!a && { width: "100%" },
                       gap: 1,
                       children: [
-                        /* @__PURE__ */ m(xe, { sx: {
-                          width: a ? 165 : `calc(100% - ${D ? 88 : 44}px)`
+                        /* @__PURE__ */ m(we, { sx: {
+                          width: a ? 195 : `calc(100% - ${O ? 88 : 44}px)`
                         }, children: [
                           /* @__PURE__ */ r(
-                            we,
+                            ke,
                             {
                               id: "filter-column-select-label",
                               size: "small",
@@ -1269,20 +1277,21 @@ const Ze = async (e, t, n) => {
                             }
                           ),
                           /* @__PURE__ */ r(
-                            se,
+                            le,
                             {
                               labelId: "filter-column-select-label",
                               id: "filter-column-select",
                               value: c,
-                              onChange: w,
+                              label: n("Column"),
+                              onChange: x,
                               size: "small",
-                              children: i.map(({ key: M, label: $ }) => /* @__PURE__ */ r(
-                                Z,
+                              children: l.map(({ key: I, label: D }) => /* @__PURE__ */ r(
+                                G,
                                 {
-                                  value: M,
-                                  children: $
+                                  value: I,
+                                  children: n(D)
                                 },
-                                `column_${M}_option`
+                                `column_${I}_option`
                               ))
                             }
                           )
@@ -1293,13 +1302,13 @@ const Ze = async (e, t, n) => {
                             direction: "row",
                             alignItems: "center",
                             children: [
-                              D && /* @__PURE__ */ r(ge, {}),
+                              O && /* @__PURE__ */ r(be, {}),
                               /* @__PURE__ */ r(
-                                R,
+                                E,
                                 {
                                   color: "error",
-                                  onClick: T(e),
-                                  children: /* @__PURE__ */ r(Ye, {})
+                                  onClick: R(e),
+                                  children: /* @__PURE__ */ r(Ge, {})
                                 }
                               )
                             ]
@@ -1308,11 +1317,11 @@ const Ze = async (e, t, n) => {
                       ]
                     }
                   ),
-                  !x && !D && /* @__PURE__ */ m(xe, { sx: {
-                    width: a ? 135 : "100%"
+                  !w && !O && /* @__PURE__ */ m(we, { sx: {
+                    width: a ? 147.5 : "100%"
                   }, children: [
                     /* @__PURE__ */ r(
-                      we,
+                      ke,
                       {
                         id: "filter-operator-select-label",
                         size: "small",
@@ -1320,35 +1329,36 @@ const Ze = async (e, t, n) => {
                       }
                     ),
                     /* @__PURE__ */ r(
-                      se,
+                      le,
                       {
                         labelId: "filter-operator-select-label",
                         id: "filter-operator-select",
-                        value: d,
-                        onChange: C,
+                        value: u,
+                        label: n("Operator"),
+                        onChange: A,
                         size: "small",
-                        children: l.map(({ key: M, label: $ }) => /* @__PURE__ */ r(
-                          Z,
+                        children: i.map(({ key: I, label: D }) => /* @__PURE__ */ r(
+                          G,
                           {
-                            value: M,
-                            children: n($)
+                            value: I,
+                            children: n(D)
                           },
-                          `operator_${M}_option`
+                          `operator_${I}_option`
                         ))
                       }
                     )
                   ] }),
-                  a ? /* @__PURE__ */ r(ge, {}) : !D && /* @__PURE__ */ r(ge, {})
+                  a ? /* @__PURE__ */ r(be, {}) : !O && /* @__PURE__ */ r(be, {})
                 ]
               },
               `filter_${c}_${e}`
             ),
             a && /* @__PURE__ */ r(
-              R,
+              E,
               {
                 color: "error",
-                onClick: T(e),
-                children: /* @__PURE__ */ r(Ye, {})
+                onClick: R(e),
+                children: /* @__PURE__ */ r(Ge, {})
               }
             )
           ]
@@ -1356,38 +1366,135 @@ const Ze = async (e, t, n) => {
       )
     }
   );
-}, gt = (e) => {
+}, tt = ({ dialog: e = !1 }) => {
+  const { t } = F(), n = v(), a = L("breakpoint", "md"), s = C("filter"), {
+    columnsFilter: o,
+    setColumnsFilter: i,
+    handleApplyFilters: l,
+    clearFilters: c
+  } = p.useContext(Ue), d = () => {
+    i((u) => [
+      ...u,
+      {
+        key: "",
+        operator: "equals",
+        type: "text",
+        value: "",
+        appended: !1,
+        nullable: !1,
+        is_relation: !1
+      }
+    ]);
+  };
+  return /* @__PURE__ */ m(
+    j,
+    {
+      sx: {
+        minWidth: { [a]: 567.5 },
+        p: e ? 0 : 2
+      },
+      children: [
+        /* @__PURE__ */ r(B, { children: o.map((u, h, g) => {
+          const y = h == g.length - 1;
+          return /* @__PURE__ */ m(T, { children: [
+            /* @__PURE__ */ r(
+              kr,
+              {
+                index: h,
+                column: u
+              },
+              `row_${u.key}`
+            ),
+            !n && /* @__PURE__ */ r(se, { sx: {
+              mt: y ? 0.625 : 1.25,
+              mb: y ? 0.75 : 1.5,
+              ...y && {
+                border: "none"
+              }
+            } })
+          ] });
+        }) }),
+        /* @__PURE__ */ r(
+          B,
+          {
+            direction: "row",
+            alignItems: "center",
+            justifyContent: "center",
+            children: n ? /* @__PURE__ */ r(
+              M,
+              {
+                variant: "outlined",
+                onClick: d,
+                fullWidth: !0,
+                sx: { mt: 0.75 },
+                children: `+ ${t("Add Column")}`
+              }
+            ) : /* @__PURE__ */ r(
+              E,
+              {
+                onClick: d,
+                color: "primary",
+                sx: { fontSize: 32 },
+                children: /* @__PURE__ */ r(pn, { fontSize: "inherit" })
+              }
+            )
+          }
+        ),
+        n && /* @__PURE__ */ m(
+          B,
+          {
+            direction: "row",
+            justifyContent: "space-between",
+            mt: 2,
+            children: [
+              /* @__PURE__ */ r(M, { onClick: c, children: t("Clear") }),
+              /* @__PURE__ */ r(
+                M,
+                {
+                  variant: "contained",
+                  onClick: l,
+                  disabled: s.checkIfCanApplyFilters(o),
+                  children: t("Apply")
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, yt = (e) => {
   const t = {};
   for (const [n, a] of e.entries())
     f.set(t, n, a);
   return t;
-}, Ge = (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")}`, l = `${f.padStart(`${t.getMinutes()}`, 2, "0")}`;
-  return `${n}-${a}-${s}T${o}:${l}`;
-}, br = (e, t) => {
-  const n = A("filter"), a = gt(t), s = Object.keys(a).reduce((l, i) => (["where"].includes(i) && (l[i] = a[i]), l), {}), o = [];
-  return Object.entries(s).forEach(([, l]) => {
-    Object.entries(l).forEach(([i, c]) => {
-      e.filter((u) => {
-        const d = (() => {
-          const g = f.camelCase(i.split(f.camelCase(u.key))[1]);
+}, 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 = [];
+  return Object.entries(s).forEach(([, i]) => {
+    Object.entries(i).forEach(([l, c]) => {
+      e.filter((d) => {
+        const u = (() => {
+          const g = f.camelCase(l.split(f.camelCase(d.key))[1]);
           return f.isEmpty(g) ? "equals" : g;
         })();
-        if (!n.getOperators().includes(d))
+        if (!n.getOperators().includes(u))
           return !1;
-        const h = f.snakeCase(i.split(f.upperFirst(d))[0]);
-        return u.key === h;
-      }).forEach((u) => {
-        let d = f.camelCase(i.split(f.camelCase(u.key))[1]);
-        (f.isUndefined(d) || f.isNull(d) || f.isEmpty(d)) && (d = "equals");
+        const h = f.snakeCase(l.split(f.upperFirst(u))[0]);
+        return d.key === h;
+      }).forEach((d) => {
+        let u = f.camelCase(l.split(f.camelCase(d.key))[1]);
+        (f.isUndefined(u) || f.isNull(u) || f.isEmpty(u)) && (u = "equals");
         let h = c;
-        switch (n.getInputType(u.type)) {
+        switch (n.getInputType(d.type)) {
           case "text": {
             Array.isArray(c) && (h = c.join(","));
             break;
           }
           case "datetime-local": {
-            Array.isArray(c) ? h = c.map((g) => Ge(g)) : h = Ge(c);
+            Array.isArray(c) ? h = c.map((g) => nt(g)) : h = nt(c);
             break;
           }
           case "boolean": {
@@ -1396,218 +1503,181 @@ const Ze = async (e, t, n) => {
           }
         }
         o.push({
-          key: u.key,
-          operator: d,
-          type: u.type,
+          key: d.key,
+          operator: u,
+          type: d.type,
           value: h,
-          is_relation: u.is_relation
+          nullable: d.nullable,
+          is_relation: d.is_relation
         });
       });
     });
   }), o;
-}, yr = (e) => {
-  const t = A("filter"), n = new URLSearchParams();
+}, Cr = (e) => {
+  const t = C("filter"), n = new URLSearchParams();
   return e.forEach((a) => {
-    const { key: s, operator: o, value: l, type: i } = a;
+    const { key: s, operator: o, value: i, type: l } = a;
     let c = f.upperFirst(o);
-    if (["equals"].includes(c.toLowerCase()) && (c = ""), Array.isArray(l))
-      l.forEach((u, d) => {
-        let h = u;
-        switch (t.getInputType(i)) {
+    if (["equals"].includes(f.camelCase(o)) && (c = ""), Array.isArray(i))
+      i.forEach((d, u) => {
+        let h = d;
+        switch (t.getInputType(l)) {
           case "datetime-local": {
-            h = new Date(u).toISOString();
+            h = new Date(d).toISOString();
             break;
           }
         }
-        n.set(`where[${f.camelCase(s)}${c}][${d}]`, h);
+        n.set(`where[${f.camelCase(s)}${c}][${u}]`, h);
       });
     else {
-      let u = l;
-      switch (t.getInputType(i)) {
+      let d = i;
+      switch (t.getInputType(l)) {
         case "datetime-local": {
-          u = new Date(l).toISOString();
+          d = new Date(i).toISOString();
           break;
         }
       }
-      n.set(`where[${f.camelCase(s)}${c}]`, u);
+      n.set(`where[${f.camelCase(s)}${c}]`, d);
     }
   }), n;
-}, Qe = () => {
-  const { t: e } = I(), t = v(), n = L("breakpoint", "md"), a = A("filter"), {
-    columnsFilter: s,
-    setColumnsFilter: o,
-    setSearchParams: l,
-    clearSearchParams: i,
-    clearFilters: c
-  } = p.useContext(Ne), u = () => {
-    o((h) => [
-      ...h,
-      {
-        key: "",
-        operator: "equals",
-        type: "text",
-        value: "",
-        is_relation: !1
-      }
-    ]);
-  }, d = () => {
-    i();
-    const h = yr(s);
-    l(h, { replace: !0 });
-  };
-  return /* @__PURE__ */ m(
-    N,
-    {
-      sx: { minWidth: { [n]: 567.5 } },
-      p: 2,
-      children: [
-        /* @__PURE__ */ r(B, { children: s.map((h, g) => /* @__PURE__ */ m(F, { children: [
-          /* @__PURE__ */ r(
-            gr,
-            {
-              index: g,
-              column: h
-            },
-            `row_${h.key}`
-          ),
-          !t && /* @__PURE__ */ r(oe, { sx: {
-            mt: 1.25,
-            mb: 1.5
-          } })
-        ] })) }),
-        /* @__PURE__ */ r(B, { mt: 0.75, children: /* @__PURE__ */ r(
-          E,
-          {
-            variant: "outlined",
-            onClick: u,
-            fullWidth: !0,
-            children: `+ ${e("Add Column")}`
-          }
-        ) }),
-        /* @__PURE__ */ m(
-          B,
-          {
-            direction: "row",
-            justifyContent: "space-between",
-            mt: 2,
-            children: [
-              /* @__PURE__ */ r(E, { onClick: c, children: e("Clear") }),
-              /* @__PURE__ */ r(
-                E,
-                {
-                  variant: "contained",
-                  onClick: d,
-                  disabled: a.checkIfCanApplyFilters(s),
-                  children: e("Apply")
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, xr = () => {
-  const e = A("filter"), t = v(), n = K(), [a, s] = q(), o = p.useMemo(() => "where" in gt(a), [a]), [l, i] = p.useState(null), [c, u] = p.useState([]), d = !!l, h = p.useMemo(() => e.getFilterableColumns(n), [n]), g = (x) => {
-    i(x.currentTarget);
-  }, y = () => {
-    i(null), setTimeout(() => {
+}, 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) => {
+    c(x.currentTarget);
+  }, S = () => {
+    c(null), setTimeout(() => {
       u([]);
     }, 300);
-  }, k = () => {
-    s((x) => {
-      const S = new URLSearchParams(x);
-      for (const [w] of x.entries())
-        w.startsWith("where[") && S.delete(w);
-      return S;
-    });
   }, b = () => {
-    k(), setTimeout(() => {
+    w();
+    const x = Cr(d);
+    o(x, { replace: !0 });
+  }, w = () => {
+    o((x) => {
+      const A = new URLSearchParams(x);
+      for (const [R] of x.entries())
+        R.startsWith("where[") && A.delete(R);
+      return A;
+    });
+  }, k = () => {
+    w(), setTimeout(() => {
       u([]);
     }, 300);
   };
   return p.useEffect(() => {
-    const x = br(h, a);
+    const x = Sr(g, s);
     u(x);
-  }, [h, a, l]), /* @__PURE__ */ m(
-    Ne.Provider,
+  }, [g, s, l]), /* @__PURE__ */ m(
+    Ue.Provider,
     {
       value: {
-        Model: n,
+        Model: a,
         anchorEl: l,
-        setAnchorEl: i,
-        columnsFilter: c,
+        setAnchorEl: c,
+        columnsFilter: d,
         setColumnsFilter: u,
-        searchParams: a,
-        setSearchParams: s,
-        clearSearchParams: k,
-        clearFilters: b
+        searchParams: s,
+        setSearchParams: o,
+        handleApplyFilters: b,
+        clearSearchParams: w,
+        clearFilters: k
       },
       children: [
         /* @__PURE__ */ r(
-          R,
+          E,
           {
             "aria-describedby": "model-filter-popover-button",
             "aria-label": "filter",
-            onClick: g,
+            onClick: y,
             children: /* @__PURE__ */ r(
-              Te,
+              Me,
               {
                 color: "secondary",
                 variant: "dot",
-                invisible: !o,
-                children: /* @__PURE__ */ r(ln, {})
+                invisible: !i,
+                children: /* @__PURE__ */ r(hn, {})
               }
             )
           }
         ),
-        t ? /* @__PURE__ */ r(
-          Kt,
+        n ? /* @__PURE__ */ r(
+          Gt,
           {
             id: "model-filter-popover",
-            open: d,
+            open: h,
             anchorEl: l,
-            onClose: y,
+            onClose: S,
             anchorOrigin: {
               vertical: "bottom",
               horizontal: "left"
             },
-            children: /* @__PURE__ */ r(Qe, {})
+            children: /* @__PURE__ */ r(tt, {})
           }
-        ) : /* @__PURE__ */ r(
-          ve,
+        ) : /* @__PURE__ */ m(
+          De,
           {
-            open: d,
-            onClose: y,
+            open: h,
+            onClose: S,
             fullWidth: !0,
-            children: /* @__PURE__ */ r(Qe, {})
+            children: [
+              /* @__PURE__ */ m(Te, { children: [
+                e("Filter :model", { model: a.plural() }),
+                /* @__PURE__ */ r(
+                  E,
+                  {
+                    onClick: S,
+                    sx: { position: "absolute", right: 8, top: 8 },
+                    children: /* @__PURE__ */ r(Ee, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r(Fe, { dividers: !0, children: /* @__PURE__ */ r(tt, { dialog: !0 }) }),
+              /* @__PURE__ */ m(Ie, { children: [
+                /* @__PURE__ */ r(
+                  M,
+                  {
+                    onClick: k,
+                    sx: { mr: "auto" },
+                    children: e("Clear")
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  M,
+                  {
+                    variant: "contained",
+                    onClick: b,
+                    disabled: t.checkIfCanApplyFilters(d),
+                    children: e("Apply")
+                  }
+                )
+              ] })
+            ]
           }
         )
       ]
     }
   );
-}, je = p.createContext({
+}, Ve = p.createContext({
   columns: [],
   columnCount: 0,
-  selected: O([]),
+  selected: N([]),
   massActions: [],
-  items: O([]),
+  items: N([]),
   error: new Error("Trying to access TableContext outside of TableProvider"),
   Model: null
 });
-function qe() {
+function Ye() {
   const {
     selected: e,
     items: t
-  } = p.useContext(je), n = _e(e), a = () => {
+  } = p.useContext(Ve), n = ot(e), a = () => {
     e.splice(0, e.count());
-  }, s = (u) => {
-    const d = e.search(u);
-    if (d !== !1) {
-      e.pull(d);
+  }, s = (d) => {
+    const u = e.search(d);
+    if (u !== !1) {
+      e.pull(u);
       return;
     }
-    e.push(u);
+    e.push(d);
   }, o = () => {
     if (t) {
       if (e.count() === t.count()) {
@@ -1616,27 +1686,27 @@ function qe() {
       }
       e.splice(0, e.count(), ...t);
     }
-  }, l = (u) => n.contains(u), i = t ? n.count() > 0 && n.count() < t.count() : !1, c = t && t.count() ? n.count() === t.count() : !1;
+  }, i = (d) => n.contains(d), l = t ? n.count() > 0 && n.count() < t.count() : !1, c = t && t.count() ? n.count() === t.count() : !1;
   return {
     selected: n,
-    indeterminate: i,
+    indeterminate: l,
     allSelected: c,
-    isSelected: l,
+    isSelected: i,
     handleClearSelected: a,
     handleSelectToggle: s,
     handleSelectToggleAll: o
   };
 }
-function G() {
-  return p.useContext(je);
+function Q() {
+  return p.useContext(Ve);
 }
-function wr(e) {
-  const [t, n] = p.useState(""), { selected: a } = qe(), { t: s } = I(), o = Oe(), { massActions: l } = G(), i = (u) => {
-    n(u.target.value);
+function vr(e) {
+  const [t, n] = p.useState(""), { selected: a } = Ye(), { t: s } = F(), o = We(), { massActions: i } = Q(), l = (d) => {
+    n(d.target.value);
   };
   if (p.useEffect(() => {
     a.isEmpty() && n("");
-  }, [a]), l.length === 0)
+  }, [a]), i.length === 0)
     return null;
   const c = a.isEmpty() ? s("Select items to apply") : s("Select action");
   return /* @__PURE__ */ m(
@@ -1647,30 +1717,30 @@ function wr(e) {
       ...e,
       children: [
         /* @__PURE__ */ m(
-          xe,
+          we,
           {
             sx: { m: 1, minWidth: 200 },
             size: "small",
             children: [
-              /* @__PURE__ */ r(we, { id: "mass-actions-select-label", children: c }),
+              /* @__PURE__ */ r(ke, { id: "mass-actions-select-label", children: c }),
               /* @__PURE__ */ m(
-                se,
+                le,
                 {
                   labelId: "mass-actions-select-label",
                   id: "mass-actions-select",
                   value: t,
                   label: c,
-                  onChange: i,
+                  onChange: l,
                   disabled: a.isEmpty(),
                   children: [
-                    /* @__PURE__ */ r(Z, { value: "", children: /* @__PURE__ */ r("em", { children: s("None") }) }),
-                    l.map((u) => /* @__PURE__ */ r(
-                      Z,
+                    /* @__PURE__ */ r(G, { value: "", children: /* @__PURE__ */ r("em", { children: s("None") }) }),
+                    i.map((d) => /* @__PURE__ */ r(
+                      G,
                       {
-                        value: u.key,
-                        children: u.label
+                        value: d.key,
+                        children: d.label
                       },
-                      u.key
+                      d.key
                     ))
                   ]
                 }
@@ -1679,13 +1749,13 @@ function wr(e) {
           }
         ),
         /* @__PURE__ */ r(
-          E,
+          M,
           {
             size: "small",
             disabled: a.isEmpty() || !t,
             onClick: () => {
-              var u;
-              (u = l.find((d) => d.key === t)) == null || u.callback({
+              var d;
+              (d = i.find((u) => u.key === t)) == null || d.callback({
                 selected: a,
                 ...o
               });
@@ -1697,23 +1767,23 @@ function wr(e) {
     }
   );
 }
-const Sr = () => {
-  const { handleDrawerOpen: e } = Re();
+const Dr = () => {
+  const { handleDrawerOpen: e } = ze();
   return /* @__PURE__ */ r(
-    R,
+    E,
     {
       color: "inherit",
       "aria-label": "open drawer",
       edge: "start",
       onClick: e,
       sx: { mr: { md: 2 } },
-      children: /* @__PURE__ */ r(cn, {})
+      children: /* @__PURE__ */ r(mn, {})
     }
   );
-}, ie = p.forwardRef(({ to: e, children: t, ...n }, a) => /* @__PURE__ */ r(
+}, ce = p.forwardRef(({ to: e, children: t, ...n }, a) => /* @__PURE__ */ r(
   Se,
   {
-    component: ae,
+    component: oe,
     to: e,
     ref: a,
     sx: { textDecoration: "none" },
@@ -1721,38 +1791,38 @@ const Sr = () => {
     children: t
   }
 ));
-ie.displayName = "Link";
-const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */ r(F, { children: {
-  "&laquo; Previous": /* @__PURE__ */ r(Ie, {}),
-  "Next &raquo;": /* @__PURE__ */ r(Pe, {}),
-  "Last &raquo;": /* @__PURE__ */ r(un, {}),
-  "&laquo; First": /* @__PURE__ */ r(dn, {})
-}[e] || e }) : /* @__PURE__ */ r(F, { children: e }), Ar = ({ variant: e = "default", ...t }) => {
-  const n = e === "default", [a, s] = q(), [o, l] = p.useState(a.get("page") || "1"), {
-    links: i,
+ce.displayName = "Link";
+const Tr = ({ 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 }) => {
+  const n = e === "default", [a, s] = W(), [o, i] = p.useState(a.get("page") || "1"), {
+    links: l,
     meta: {
       current_page: c = 1,
-      links: u = [],
-      last_page: d = 1
+      links: d = [],
+      last_page: u = 1
     } = {}
-  } = ne(), {
+  } = re(), {
     first: h,
     prev: g,
     next: y,
-    last: k
-  } = i || {}, b = (S) => {
-    S.preventDefault(), s((w) => (w.set("page", o || "1"), w));
-  }, x = [
+    last: S
+  } = l || {}, b = (k) => {
+    k.preventDefault(), s((x) => (x.set("page", o || "1"), x));
+  }, w = [
     { url: c > 1 ? h : null, label: "&laquo; First", active: !1 },
     { url: g, label: "&laquo; Previous", active: !1 },
     {
       element: /* @__PURE__ */ r(
-        At,
+        Tt,
         {
           onSubmit: b,
           preventScrollReset: !0,
           children: /* @__PURE__ */ r(
-            re,
+            ae,
             {
               size: "small",
               type: "number",
@@ -1768,15 +1838,15 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
                 }
               },
               value: o,
-              error: Number(o) > d,
-              helperText: Number(o) > d ? `Max ${d}` : void 0,
-              onChange: (S) => {
-                !Number.isNaN(Number(S.target.value)) && Number(S.target.value) > 0 && l(S.target.value), S.target.value === "" && l("");
+              error: Number(o) > u,
+              helperText: Number(o) > u ? `Max ${u}` : void 0,
+              onChange: (k) => {
+                !Number.isNaN(Number(k.target.value)) && Number(k.target.value) > 0 && i(k.target.value), k.target.value === "" && i("");
               },
-              onBlur: (S) => {
-                s((w) => (w.set("page", S.target.value || "1"), w), { replace: !0 });
+              onBlur: (k) => {
+                s((x) => (x.set("page", k.target.value || "1"), x), { replace: !0 });
               },
-              disabled: d === 1,
+              disabled: u === 1,
               "aria-label": "Page number"
             }
           )
@@ -1785,10 +1855,10 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
       )
     },
     { url: y, label: "Next &raquo;", active: !1 },
-    { url: c < d ? k : null, label: "Last &raquo;", active: !1 }
+    { url: c < u ? S : null, label: "Last &raquo;", active: !1 }
   ];
   return p.useEffect(() => {
-    c && l(String(c));
+    c && i(String(c));
   }, [c]), /* @__PURE__ */ r(
     B,
     {
@@ -1797,10 +1867,10 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
       justifyContent: "center",
       alignItems: "center",
       ...t,
-      children: (n ? u : x).map((S, w) => S.element || /* @__PURE__ */ r(
-        E,
+      children: (n ? d : w).map((k, x) => k.element || /* @__PURE__ */ r(
+        M,
         {
-          variant: S.active ? "contained" : "text",
+          variant: k.active ? "contained" : "text",
           color: "primary",
           size: "small",
           sx: {
@@ -1809,40 +1879,40 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
             height: 32,
             borderRadius: "50%"
           },
-          disabled: !S.url,
-          component: ie,
-          to: S.url,
-          children: /* @__PURE__ */ r(kr, { label: S.label })
+          disabled: !k.url,
+          component: ce,
+          to: k.url,
+          children: /* @__PURE__ */ r(Tr, { label: k.label })
         },
-        w
+        x
       ))
     }
   );
-}, Cr = () => {
-  const { t: e } = I(), {
+}, Ir = () => {
+  const { t: e } = F(), {
     meta: {
       total: t = 0,
       from: n = 0,
       to: a = 0
     } = {}
-  } = ne();
-  return /* @__PURE__ */ r(j, { variant: "caption", noWrap: !0, children: e(":from–:to of :total", {
+  } = re();
+  return /* @__PURE__ */ r(q, { variant: "caption", noWrap: !0, children: e(":from–:to of :total", {
     from: n,
     to: a,
     total: t
   }) });
-}, vr = () => {
-  const { t: e } = I(), {
+}, Pr = () => {
+  const { t: e } = F(), {
     meta: {
       per_page: t = 15
     } = {}
-  } = ne(), [, n] = q(), a = (o) => {
-    n((l) => {
-      const i = new URLSearchParams(l);
-      return i.set("per_page", o.target.value.toString()), i;
+  } = re(), [, n] = W(), a = (o) => {
+    n((i) => {
+      const l = new URLSearchParams(i);
+      return l.set("per_page", o.target.value.toString()), l;
     });
-  }, s = Ce(
-    A("cms"),
+  }, s = ve(
+    C("cms"),
     "perPageOptions",
     [15, 30, 75, 150]
   );
@@ -1853,12 +1923,12 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
       alignItems: "center",
       gap: 1,
       children: [
-        /* @__PURE__ */ m(j, { variant: "caption", children: [
+        /* @__PURE__ */ m(q, { variant: "caption", children: [
           e("Rows per page"),
           ":"
         ] }),
         /* @__PURE__ */ r(
-          se,
+          le,
           {
             value: t,
             onChange: a,
@@ -1871,11 +1941,11 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
               }
             },
             children: s.map((o) => /* @__PURE__ */ r(
-              Z,
+              G,
               {
                 value: o,
                 sx: {
-                  fontSize: (l) => l.typography.caption.fontSize,
+                  fontSize: (i) => i.typography.caption.fontSize,
                   minHeight: "unset",
                   lineHeight: 1,
                   py: 1.5
@@ -1890,44 +1960,44 @@ const kr = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
     }
   );
 };
-function Dr(e, t) {
+function Mr(e, t) {
   const [n, a] = p.useState(!1);
   return p.useEffect(() => {
-    const s = /* @__PURE__ */ new Set(), o = (i) => {
-      s.add(i.key), e.every((c) => s.has(c)) && (a(!0), t && t());
-    }, l = (i) => {
-      s.delete(i.key), e.every((c) => !s.has(c)) && a(!1);
+    const s = /* @__PURE__ */ new Set(), o = (l) => {
+      s.add(l.key), e.every((c) => s.has(c)) && (a(!0), t && t());
+    }, i = (l) => {
+      s.delete(l.key), e.every((c) => !s.has(c)) && a(!1);
     };
-    return window.addEventListener("keydown", o), window.addEventListener("keyup", l), () => {
-      window.removeEventListener("keydown", o), window.removeEventListener("keyup", l);
+    return window.addEventListener("keydown", o), window.addEventListener("keyup", i), () => {
+      window.removeEventListener("keydown", o), window.removeEventListener("keyup", i);
     };
   }, [e, t]), n;
 }
-const Tr = U(re)(({ theme: e }) => ({
+const Br = U(ae)(({ theme: e }) => ({
   "& .MuiInputBase-root": {
     backgroundColor: e.palette.background.paper
   }
   // transition: 'width 250ms ease-in-out',
-})), Fr = f.throttle((e, t) => {
+})), Er = f.throttle((e, t) => {
   t((n) => {
     const a = new URLSearchParams(n);
     return e ? a.set("q", e) : a.delete("q"), a;
   });
-}, 500), Ir = () => {
-  const [e, t] = q(), n = e.get("q") || "", [a, s] = p.useState(n), [o, l] = p.useState(!1), i = p.useRef(null), { t: c } = I();
+}, 500), Lr = () => {
+  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 u = (g) => {
-    s(g.target.value), Fr(g.target.value, t);
-  }, d = v();
-  Dr(["Control", "/"], () => {
-    i.current.focus();
+  const d = (g) => {
+    s(g.target.value), Er(g.target.value, t);
+  }, u = v();
+  Mr(["Control", "/"], () => {
+    l.current.focus();
   });
-  const h = d ? 300 : "calc(100vw - 58px)";
-  return /* @__PURE__ */ m(F, { children: [
-    !d && !o && /* @__PURE__ */ r(R, { color: "inherit", onClick: () => l(!0), children: /* @__PURE__ */ r(
-      Te,
+  const h = u ? 300 : "calc(100vw - 58px)";
+  return /* @__PURE__ */ m(T, { children: [
+    !u && !o && /* @__PURE__ */ r(E, { color: "inherit", onClick: () => i(!0), children: /* @__PURE__ */ r(
+      Me,
       {
         variant: "dot",
         color: "secondary",
@@ -1936,32 +2006,32 @@ const Tr = U(re)(({ theme: e }) => ({
           vertical: "bottom",
           horizontal: "left"
         },
-        children: /* @__PURE__ */ r(ze, {})
+        children: /* @__PURE__ */ r(Qe, {})
       }
     ) }),
     /* @__PURE__ */ r(
-      ot,
+      it,
       {
         orientation: "horizontal",
-        in: d || o,
+        in: u || o,
         addEndListener: () => {
           var g;
-          !d && o && ((g = i.current) == null || g.focus());
+          !u && o && ((g = l.current) == null || g.focus());
         },
         unmountOnExit: !1,
         children: /* @__PURE__ */ r(
-          Tr,
+          Br,
           {
-            placeholder: d ? `(Ctrl + /) ${c("Search...")}` : `${c("Search...")}`,
+            placeholder: u ? `(Ctrl + /) ${c("Search...")}` : `${c("Search...")}`,
             value: a,
             InputProps: {
-              endAdornment: /* @__PURE__ */ r(ze, {})
+              endAdornment: /* @__PURE__ */ r(Qe, {})
             },
             inputProps: {
-              ref: i
+              ref: l
             },
-            onChange: u,
-            onBlur: () => l(!1),
+            onChange: d,
+            onBlur: () => i(!1),
             sx: { width: h },
             size: "small"
           }
@@ -1969,109 +2039,109 @@ const Tr = U(re)(({ theme: e }) => ({
       }
     )
   ] });
-}, Pr = ({ children: e, ...t }) => /* @__PURE__ */ r(
-  z,
+}, Or = ({ children: e, ...t }) => /* @__PURE__ */ r(
+  K,
   {
     sx: { width: "1px" },
     padding: "checkbox",
     ...t,
     children: e
   }
-), Mr = () => {
-  const { t: e } = I(), [t, n] = q(), {
+), Nr = () => {
+  const { t: e } = F(), [t, n] = W(), {
     columns: a,
     Model: s
-  } = G(), o = t.get("order_by") || "", [l = "", i = ""] = o.split(":"), [c, u] = p.useState(l), [d, h] = p.useState(i), [g, y] = p.useState(!1), k = () => {
+  } = Q(), o = t.get("order_by") || "", [i = "", l = ""] = o.split(":"), [c, d] = p.useState(i), [u, h] = p.useState(l), [g, y] = p.useState(!1), S = () => {
     y(!0);
   }, b = () => {
-    y(!1), u(l), h(i);
-  }, x = () => {
-    if (!c || !d) {
+    y(!1), d(i), h(l);
+  }, w = () => {
+    if (!c || !u) {
       y(!1);
       return;
     }
-    n((w) => {
-      const C = new URLSearchParams(w);
-      return C.set("order_by", `${c}:${d}`), C;
+    n((x) => {
+      const A = new URLSearchParams(x);
+      return A.set("order_by", `${c}:${u}`), A;
     }), y(!1);
-  }, S = () => {
-    n((w) => {
-      const C = new URLSearchParams(w);
-      return C.delete("order_by"), C;
-    }), y(!1), u(""), h("");
+  }, k = () => {
+    n((x) => {
+      const A = new URLSearchParams(x);
+      return A.delete("order_by"), A;
+    }), y(!1), d(""), h("");
   };
-  return /* @__PURE__ */ m(F, { children: [
-    /* @__PURE__ */ r(R, { onClick: k, children: /* @__PURE__ */ r(
-      Te,
+  return /* @__PURE__ */ m(T, { children: [
+    /* @__PURE__ */ r(E, { onClick: S, children: /* @__PURE__ */ r(
+      Me,
       {
         color: "secondary",
         variant: "dot",
-        invisible: !l,
-        children: /* @__PURE__ */ r(pn, {})
+        invisible: !i,
+        children: /* @__PURE__ */ r(bn, {})
       }
     ) }),
-    /* @__PURE__ */ m(ve, { open: g, onClose: b, fullWidth: !0, children: [
-      /* @__PURE__ */ m(et, { children: [
+    /* @__PURE__ */ m(De, { open: g, onClose: b, fullWidth: !0, children: [
+      /* @__PURE__ */ m(Te, { children: [
         e("Sort :model", { model: s.plural() }),
         /* @__PURE__ */ r(
-          R,
+          E,
           {
             onClick: b,
             sx: { position: "absolute", right: 8, top: 8 },
-            children: /* @__PURE__ */ r(ut, {})
+            children: /* @__PURE__ */ r(Ee, {})
           }
         )
       ] }),
-      /* @__PURE__ */ m(tt, { dividers: !0, children: [
+      /* @__PURE__ */ m(Fe, { dividers: !0, children: [
         /* @__PURE__ */ m(
-          We,
+          $e,
           {
             value: c,
-            onChange: (w) => {
-              u(w.target.value), d || h("asc");
+            onChange: (x) => {
+              d(x.target.value), u || h("asc");
             },
             children: [
-              /* @__PURE__ */ r(j, { variant: "caption", children: e("Column") }),
-              /* @__PURE__ */ r(oe, {}),
-              O(a).whereStrict("sortable", "!=", !1).map(({ key: w, label: C }) => /* @__PURE__ */ r(
-                ue,
+              /* @__PURE__ */ r(q, { variant: "caption", children: e("Column") }),
+              /* @__PURE__ */ r(se, {}),
+              N(a).whereStrict("sortable", "!=", !1).map(({ key: x, label: A }) => /* @__PURE__ */ r(
+                de,
                 {
-                  value: w,
-                  control: /* @__PURE__ */ r(de, {}),
-                  label: C
+                  value: x,
+                  control: /* @__PURE__ */ r(pe, {}),
+                  label: A
                 },
-                w
+                x
               ))
             ]
           }
         ),
-        /* @__PURE__ */ r(j, { variant: "caption", children: e("Direction") }),
-        /* @__PURE__ */ r(oe, {}),
+        /* @__PURE__ */ r(q, { variant: "caption", children: e("Direction") }),
+        /* @__PURE__ */ r(se, {}),
         /* @__PURE__ */ m(
-          We,
+          $e,
           {
-            value: d,
-            onChange: (w) => h(w.target.value),
+            value: u,
+            onChange: (x) => h(x.target.value),
             children: [
               /* @__PURE__ */ r(
-                ue,
+                de,
                 {
                   value: "asc",
-                  control: /* @__PURE__ */ r(de, {}),
-                  label: /* @__PURE__ */ m(F, { children: [
+                  control: /* @__PURE__ */ r(pe, {}),
+                  label: /* @__PURE__ */ m(T, { children: [
                     e("Ascending"),
-                    /* @__PURE__ */ r(hn, {})
+                    /* @__PURE__ */ r(yn, {})
                   ] })
                 }
               ),
               /* @__PURE__ */ r(
-                ue,
+                de,
                 {
                   value: "desc",
-                  control: /* @__PURE__ */ r(de, {}),
-                  label: /* @__PURE__ */ m(F, { children: [
+                  control: /* @__PURE__ */ r(pe, {}),
+                  label: /* @__PURE__ */ m(T, { children: [
                     e("Descending"),
-                    /* @__PURE__ */ r(mn, {})
+                    /* @__PURE__ */ r(xn, {})
                   ] })
                 }
               )
@@ -2079,169 +2149,169 @@ const Tr = U(re)(({ theme: e }) => ({
           }
         )
       ] }),
-      /* @__PURE__ */ m(nt, { children: [
-        /* @__PURE__ */ r(E, { onClick: S, sx: { mr: "auto" }, children: e("Clear") }),
-        /* @__PURE__ */ r(E, { onClick: x, variant: "contained", children: e("Apply") })
+      /* @__PURE__ */ m(Ie, { children: [
+        /* @__PURE__ */ r(M, { onClick: k, sx: { mr: "auto" }, children: e("Clear") }),
+        /* @__PURE__ */ r(M, { onClick: w, variant: "contained", children: e("Apply") })
       ] })
     ] })
   ] });
-}, Br = ({ items: e, loading: t, children: n, error: a }) => {
-  const s = K(), o = p.useMemo(() => O([]), [s, e]), [l] = q(), i = l.get("tab") ?? "all", c = p.useMemo(() => [
+}, Rr = ({ 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,
       label: f.upperFirst(f.camelCase(s.getSchema().labeledBy))
     }
-  ], [s]), u = v(), d = p.useMemo(() => A("cms").getMassActions(s, i), [s, i]), h = Ce(
-    A("cms"),
+  ], [s]), d = v(), u = p.useMemo(() => C("cms").getMassActions(s, l), [s, l]), h = ve(
+    C("cms"),
     `model${f.upperFirst(f.camelCase(s.getSchemaName()))}Columns`,
     c
-  ), y = (u ? h.length : 1) + (d.length > 0 ? 2 : 1), k = {
+  ), y = (d ? h.length : 1) + (u.length > 0 ? 2 : 1), S = {
     columns: h,
     columnCount: y,
-    massActions: d,
+    massActions: u,
     items: e,
     loading: t,
     selected: o,
     error: a,
     Model: s
   };
-  return /* @__PURE__ */ r(je.Provider, { value: k, children: n });
-}, Er = ({
+  return /* @__PURE__ */ r(Ve.Provider, { value: S, children: n });
+}, jr = ({
   items: e,
   loading: t,
   error: n,
   children: a,
   ...s
 }) => /* @__PURE__ */ r(
-  Br,
+  Rr,
   {
     items: e,
     loading: t,
     error: n,
-    children: /* @__PURE__ */ r($t, { component: De, children: /* @__PURE__ */ r(Ht, { ...s, children: a }) })
+    children: /* @__PURE__ */ r(Qt, { component: Pe, children: /* @__PURE__ */ r(Xt, { ...s, children: a }) })
   }
-), Lr = ({ children: e, ...t }) => {
+), qr = ({ children: e, ...t }) => {
   const {
     massActions: n,
     columns: a,
     items: s
-  } = G(), o = v(), [l, i] = q(), {
+  } = Q(), o = v(), [i, l] = W(), {
     indeterminate: c,
-    allSelected: u,
-    handleSelectToggleAll: d
-  } = qe(), {
+    allSelected: d,
+    handleSelectToggleAll: u
+  } = Ye(), {
     ["ModelIndex.Table.ShrinkedCell"]: h
-  } = A("cms").getComponents(), g = l.get("order_by") || "", [y, k] = g.split(":"), b = (x) => () => {
-    i(y === x ? (S) => {
-      const w = new URLSearchParams(S);
-      return k ? k === "desc" ? (w.delete("order_by"), w) : (w.set("order_by", `${x}:desc`), w) : (w.set("order_by", `${x}:asc`), w);
-    } : (S) => {
-      const w = new URLSearchParams(S);
-      return w.set("order_by", `${x}:asc`), w;
+  } = C("cms").getComponents(), g = i.get("order_by") || "", [y, S] = g.split(":"), b = (w) => () => {
+    l(y === w ? (k) => {
+      const x = new URLSearchParams(k);
+      return S ? S === "desc" ? (x.delete("order_by"), x) : (x.set("order_by", `${w}:desc`), x) : (x.set("order_by", `${w}:asc`), x);
+    } : (k) => {
+      const x = new URLSearchParams(k);
+      return x.set("order_by", `${w}:asc`), x;
     });
   };
-  return /* @__PURE__ */ m(Zt, { ...t, children: [
+  return /* @__PURE__ */ m(Jt, { ...t, children: [
     e,
-    o && /* @__PURE__ */ m(J, { children: [
+    o && /* @__PURE__ */ m(_, { children: [
       n.length > 0 && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-        Fe,
+        Be,
         {
           indeterminate: c,
-          checked: u,
-          onChange: d,
+          checked: d,
+          onChange: u,
           disabled: s && s.count() === 0
         }
       ) }),
-      a.map(({ key: x, label: S, sortable: w = !0, ...C }) => /* @__PURE__ */ r(
-        z,
+      a.map(({ key: w, label: k, sortable: x = !0, ...A }) => /* @__PURE__ */ r(
+        K,
         {
-          sortDirection: w && y === x && k || !1,
-          ...C,
+          sortDirection: x && y === w && S || !1,
+          ...A,
           children: /* @__PURE__ */ m(
-            Gt,
+            _t,
             {
-              active: w && y === x,
-              direction: k,
-              onClick: b(x),
+              active: x && y === w,
+              direction: S,
+              onClick: b(w),
               children: [
-                S,
-                w && y === x ? /* @__PURE__ */ r(N, { component: "span", sx: { visibility: "hidden", display: "none" }, children: k === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                k,
+                x && y === w ? /* @__PURE__ */ r(j, { component: "span", sx: { visibility: "hidden", display: "none" }, children: S === "desc" ? "sorted descending" : "sorted ascending" }) : null
               ]
             }
           )
         },
-        x
+        w
       )),
       /* @__PURE__ */ r(h, {})
     ] })
   ] });
-}, Or = () => {
+}, Wr = () => {
   const {
     massActions: e,
     columns: t
-  } = G(), n = v(), {
+  } = Q(), n = v(), {
     ["ModelIndex.Table.ShrinkedCell"]: a
-  } = A("cms").getComponents(), [s] = q(), o = parseInt(s.get("per_page") || "15");
-  return /* @__PURE__ */ r(F, { children: Array.from({ length: o }).map((l, i) => /* @__PURE__ */ m(J, { children: [
-    e.length > 0 && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(Fe, {}) }),
-    n && t.map(({ key: c, label: u, sortable: d, ...h }, g) => /* @__PURE__ */ r(z, { ...h, children: /* @__PURE__ */ r(
-      Ue,
+  } = C("cms").getComponents(), [s] = W(), o = parseInt(s.get("per_page") || "15");
+  return /* @__PURE__ */ r(T, { children: Array.from({ length: o }).map((i, l) => /* @__PURE__ */ m(_, { children: [
+    e.length > 0 && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(Be, {}) }),
+    n && t.map(({ key: c, label: d, sortable: u, ...h }, g) => /* @__PURE__ */ r(K, { ...h, children: /* @__PURE__ */ r(
+      He,
       {
         variant: "text",
         height: 24
       }
     ) }, g)),
-    !n && /* @__PURE__ */ r(z, { sx: { px: 0 }, children: Array.from({ length: t.length }).map((c, u) => /* @__PURE__ */ r(
-      Ue,
+    !n && /* @__PURE__ */ r(K, { sx: { px: 0 }, children: Array.from({ length: t.length }).map((c, d) => /* @__PURE__ */ r(
+      He,
       {
         variant: "text",
         width: "100%",
         height: 24
       },
-      u
+      d
     )) }),
-    /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(dt, {}) }) })
-  ] }, i)) });
-}, Rr = ({ children: e, ...t }) => {
-  const n = K(), { t: a } = I(), {
+    /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(ht, {}) }) })
+  ] }, l)) });
+}, zr = ({ children: e, ...t }) => {
+  const n = $(), { t: a } = F(), {
     items: s,
     loading: o,
-    columnCount: l
-  } = G(), {
-    ["ModelIndex.StaticActions"]: i
-  } = A("cms").getComponents(), c = p.isValidElement(e) ? e : (s || O([])).map(e);
-  return /* @__PURE__ */ m(Qt, { ...t, children: [
-    o && /* @__PURE__ */ r(Or, {}),
+    columnCount: i
+  } = 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, {}),
     c,
-    s && !s.count() && /* @__PURE__ */ r(J, { children: /* @__PURE__ */ m(z, { colSpan: l, sx: { textAlign: "center", py: 10 }, children: [
-      /* @__PURE__ */ r(j, { children: a("No :model found", {
+    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", {
         model: n.plural().toLocaleLowerCase()
       }) }),
       /* @__PURE__ */ r("br", {}),
-      /* @__PURE__ */ r(i, {})
+      /* @__PURE__ */ r(l, {})
     ] }) })
   ] });
-}, X = U(j)(() => ({
+}, J = U(q)(() => ({
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis",
   "& label": {
     fontWeight: "bold"
   }
-})), Nr = ({ content: e }) => ["string", "number"].includes(typeof e) ? /* @__PURE__ */ r(X, { children: e }) : e instanceof Date ? /* @__PURE__ */ r(X, { children: e.toLocaleString(H("app.locale", "en")) }) : typeof e == "object" && !p.isValidElement(e) ? /* @__PURE__ */ r(X, { children: JSON.stringify(e) }) : /* @__PURE__ */ r(p.Fragment, { children: e }), jr = ({ label: e, content: t }) => ["string", "number"].includes(typeof t) ? /* @__PURE__ */ m(X, { children: [
+})), 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: [
   /* @__PURE__ */ m("label", { children: [
     e,
     ":"
   ] }),
   " ",
   t
-] }) : t instanceof Date ? /* @__PURE__ */ m(X, { children: [
+] }) : t instanceof Date ? /* @__PURE__ */ m(J, { children: [
   /* @__PURE__ */ m("label", { children: [
     e,
     ":"
   ] }),
-  t.toLocaleString(H("app.locale", "en"))
-] }) : typeof t == "object" && !p.isValidElement(t) ? /* @__PURE__ */ m(X, { children: [
+  t.toLocaleString(Z("app.locale", "en"))
+] }) : typeof t == "object" && !p.isValidElement(t) ? /* @__PURE__ */ m(J, { children: [
   /* @__PURE__ */ m("label", { children: [
     e,
     ":"
@@ -2249,47 +2319,47 @@ const Tr = U(re)(({ theme: e }) => ({
   " ",
   JSON.stringify(t)
 ] }) : /* @__PURE__ */ m(p.Fragment, { children: [
-  /* @__PURE__ */ r(j, { sx: { display: "inline" }, children: /* @__PURE__ */ m("b", { children: [
+  /* @__PURE__ */ r(q, { sx: { display: "inline" }, children: /* @__PURE__ */ m("b", { children: [
     e,
     ":"
   ] }) }),
   " ",
   t
-] }), qr = ({ item: e, ...t }) => {
-  const n = v(), a = Ae(), s = K(), { massActions: o, columns: l } = G(), i = p.useMemo(() => l.map((g) => ({
+] }), Yr = ({ item: e, ...t }) => {
+  const n = v(), a = Ae(), s = $(), { massActions: o, columns: i } = Q(), l = p.useMemo(() => i.map((g) => ({
     ...g,
-    content: A("cms")[`model${e.constructor.name}Get${f.upperFirst(f.camelCase(g.key))}Content`](e.getAttribute(g.key), e)
-  })), [l, e]), {
+    content: C("cms")[`model${e.constructor.name}Get${f.upperFirst(f.camelCase(g.key))}Content`](e.getAttribute(g.key), e)
+  })), [i, e]), {
     ["ModelIndex.Table.ShrinkedCell"]: c,
-    ["ModelIndex.InstanceActions"]: u
-  } = A("cms").getComponents(), {
-    isSelected: d,
+    ["ModelIndex.InstanceActions"]: d
+  } = C("cms").getComponents(), {
+    isSelected: u,
     handleSelectToggle: h
-  } = qe();
+  } = Ye();
   return /* @__PURE__ */ m(
-    J,
+    _,
     {
       ...t,
       sx: { cursor: e.deletedAt ? "default" : "pointer" },
-      selected: d(e),
+      selected: u(e),
       hover: !e.deletedAt,
       children: [
         o.length > 0 && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
-          Fe,
+          Be,
           {
-            checked: d(e),
+            checked: u(e),
             onChange: () => h(e)
           }
         ) }),
-        n && i.map(({ key: g, label: y, sortable: k, content: b, ...x }) => /* @__PURE__ */ r(
-          z,
+        n && l.map(({ key: g, label: y, sortable: S, content: b, ...w }) => /* @__PURE__ */ r(
+          K,
           {
-            ...x,
+            ...w,
             onClick: () => {
               e.deletedAt || a(`/${f.kebabCase(s.plural())}/${e.getKey()}`);
             },
             children: /* @__PURE__ */ r(
-              Nr,
+              Ur,
               {
                 label: y,
                 content: b
@@ -2299,29 +2369,29 @@ const Tr = U(re)(({ theme: e }) => ({
           g
         )),
         !n && /* @__PURE__ */ r(
-          z,
+          K,
           {
             sx: { maxWidth: 0, px: 0 },
             onClick: () => {
               e.deletedAt || a(`/${f.kebabCase(s.plural())}/${e.getKey()}`);
             },
-            children: i.map(({ key: g, ...y }) => /* @__PURE__ */ r(jr, { ...y }, g))
+            children: l.map(({ key: g, ...y }) => /* @__PURE__ */ r(Vr, { ...y }, g))
           }
         ),
-        /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(u, { item: e }) })
+        /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(d, { item: e }) })
       ]
     }
   );
-}, Wr = ({ children: e, ...t }) => {
+}, Kr = ({ children: e, ...t }) => {
   const {
     columnCount: n
-  } = G(), a = v(), s = L("breakpoint", "md"), {
+  } = Q(), a = v(), s = L("breakpoint", "md"), {
     ["ModelIndex.Pagination"]: o,
-    ["ModelIndex.PaginationDetails"]: l,
-    ["ModelIndex.PerPageSwitch"]: i
-  } = A("cms").getComponents();
-  return /* @__PURE__ */ m(Xt, { ...t, children: [
-    /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(z, { colSpan: n, children: /* @__PURE__ */ m(
+    ["ModelIndex.PaginationDetails"]: i,
+    ["ModelIndex.PerPageSwitch"]: l
+  } = C("cms").getComponents();
+  return /* @__PURE__ */ m(tn, { ...t, children: [
+    /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(K, { colSpan: n, children: /* @__PURE__ */ m(
       B,
       {
         direction: a ? "row" : "column-reverse",
@@ -2338,8 +2408,8 @@ const Tr = U(re)(({ theme: e }) => ({
               width: { xs: "100%", [s]: "auto" },
               gap: a ? 2 : 0,
               children: [
-                /* @__PURE__ */ r(i, {}),
-                /* @__PURE__ */ r(l, {})
+                /* @__PURE__ */ r(l, {}),
+                /* @__PURE__ */ r(i, {})
               ]
             }
           ),
@@ -2355,20 +2425,20 @@ const Tr = U(re)(({ theme: e }) => ({
     ) }) }),
     e
   ] });
-}, Ur = () => {
+}, $r = () => {
   const {
     columnCount: e
-  } = G(), {
+  } = Q(), {
     ["ModelIndex.Filter"]: t,
     ["ModelIndex.MassActions"]: n,
     ["ModelIndex.Sort"]: a,
     ["ModelIndex.Pagination"]: s
     // ['ModelIndex.PaginationDetails']: PaginationDetails,
-  } = A("cms").getComponents(), o = v(), l = L("breakpoint", "md");
-  return /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(z, { colSpan: e, sx: { p: 1 }, children: /* @__PURE__ */ m(
+  } = C("cms").getComponents(), o = v(), i = L("breakpoint", "md");
+  return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(K, { colSpan: e, sx: { p: 1 }, children: /* @__PURE__ */ m(
     B,
     {
-      direction: { xs: "column", [l]: "row" },
+      direction: { xs: "column", [i]: "row" },
       justifyContent: "space-between",
       spacing: 1,
       children: [
@@ -2377,7 +2447,7 @@ const Tr = U(re)(({ theme: e }) => ({
           {
             direction: "row",
             alignItems: "center",
-            width: { [l]: "100%" },
+            width: { [i]: "100%" },
             children: [
               /* @__PURE__ */ r(t, {}),
               !o && /* @__PURE__ */ r(a, {})
@@ -2389,7 +2459,7 @@ const Tr = U(re)(({ theme: e }) => ({
           {
             direction: "row",
             alignItems: "center",
-            justifyContent: { xs: "center", [l]: "flex-end" },
+            justifyContent: { xs: "center", [i]: "flex-end" },
             rowGap: 2,
             children: /* @__PURE__ */ r(
               s,
@@ -2405,19 +2475,19 @@ const Tr = U(re)(({ theme: e }) => ({
     }
   ) }) });
 };
-function Vr() {
-  const e = K(), { t } = I(), [n, a] = q(), s = n.get("tab") || "all", o = (c, u) => {
+function Hr() {
+  const e = $(), { t } = F(), [n, a] = W(), s = n.get("tab") || "all", o = (c, d) => {
     a(() => {
-      const d = new URLSearchParams();
-      return u !== "all" && d.set("tab", u), d;
+      const u = new URLSearchParams();
+      return d !== "all" && u.set("tab", d), u;
     });
-  }, l = p.useMemo(() => e.getSchema().softDeletes ? [{ label: t("Trashed"), value: "trashed" }] : [], [e]), i = Ce(
-    A("cms"),
+  }, i = p.useMemo(() => e.getSchema().softDeletes ? [{ label: t("Trashed"), value: "trashed" }] : [], [e]), l = ve(
+    C("cms"),
     `model${f.upperFirst(f.camelCase(e.getSchemaName()))}Tabs`,
-    l
+    i
   );
-  return i.length === 0 ? null : /* @__PURE__ */ r(N, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ m(
-    Jt,
+  return l.length === 0 ? null : /* @__PURE__ */ r(j, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ m(
+    nn,
     {
       value: s,
       onChange: o,
@@ -2427,14 +2497,14 @@ function Vr() {
       allowScrollButtonsMobile: !0,
       children: [
         /* @__PURE__ */ r(
-          Ve,
+          Ze,
           {
             label: t("All"),
             value: "all"
           }
         ),
-        i.map((c) => /* @__PURE__ */ r(
-          Ve,
+        l.map((c) => /* @__PURE__ */ r(
+          Ze,
           {
             label: c.label,
             value: c.value
@@ -2445,13 +2515,13 @@ function Vr() {
     }
   ) });
 }
-function Yr(e) {
+function Zr(e) {
   const {
     parts: t,
     ...n
   } = e;
   return /* @__PURE__ */ m(
-    _t,
+    rn,
     {
       "aria-label": "breadcrumb",
       ...n,
@@ -2462,8 +2532,8 @@ function Yr(e) {
             underline: "hover",
             color: "inherit",
             to: "/",
-            component: ae,
-            children: H("app.name", "Laravel")
+            component: oe,
+            children: Z("app.name", "Laravel")
           }
         ),
         t == null ? void 0 : t.map(({ name: a, href: s }, o) => s ? /* @__PURE__ */ r(
@@ -2472,12 +2542,12 @@ function Yr(e) {
             underline: "hover",
             color: "inherit",
             to: s,
-            component: ae,
+            component: oe,
             children: a
           },
           o
         ) : /* @__PURE__ */ r(
-          j,
+          q,
           {
             color: "text.primary",
             children: a
@@ -2488,56 +2558,56 @@ function Yr(e) {
     }
   );
 }
-const bt = ({
+const xt = ({
   collapsed: e = !1,
   items: t,
   onClick: n,
   ...a
 }) => {
-  const [s, o] = p.useState(null), [l, i] = p.useState(null), [c, u] = p.useState({}), d = L("drawer.width", 280), h = A("cms").getComponent("RecursiveMenu");
-  return /* @__PURE__ */ m(en, { ...a, children: [
+  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: [
     t.map((g) => {
       const {
         text: y,
-        icon: k,
+        icon: S,
         element: b = null,
-        key: x,
-        children: S,
-        to: w,
-        onClick: C
+        key: w,
+        children: k,
+        to: x,
+        onClick: A
       } = g;
       return b || /* @__PURE__ */ m(
-        tn,
+        on,
         {
           disablePadding: !0,
           sx: { display: "block" },
           children: [
             /* @__PURE__ */ m(
-              nn,
+              sn,
               {
                 sx: {
                   minHeight: 48,
                   justifyContent: e ? "center" : "initial",
                   px: 2.5
                 },
-                onClick: (T) => {
-                  if (C && C(T), S) {
+                onClick: (R) => {
+                  if (A && A(R), k) {
                     if (e) {
-                      i(() => (o(T.currentTarget), S));
+                      l(() => (o(R.currentTarget), k));
                       return;
                     }
-                    u({
+                    d({
                       ...c,
-                      [x]: !c[x]
+                      [w]: !c[w]
                     });
                     return;
                   }
-                  n && n(T);
+                  n && n(R);
                 },
-                ...w ? { to: w, component: ie } : {},
+                ...x ? { to: x, component: ce } : {},
                 children: [
                   /* @__PURE__ */ m(
-                    st,
+                    ct,
                     {
                       sx: {
                         minWidth: 0,
@@ -2548,9 +2618,9 @@ const bt = ({
                         color: "inherit"
                       },
                       children: [
-                        k,
+                        S,
                         e && /* @__PURE__ */ r(
-                          j,
+                          q,
                           {
                             fontSize: 10,
                             sx: { mt: 0.5 },
@@ -2560,21 +2630,21 @@ const bt = ({
                       ]
                     }
                   ),
-                  !e && /* @__PURE__ */ r(lt, { primary: y }),
-                  !e && S && (c[x] ? /* @__PURE__ */ r(fn, {}) : /* @__PURE__ */ r(gn, {}))
+                  !e && /* @__PURE__ */ r(ut, { primary: y }),
+                  !e && k && (c[w] ? /* @__PURE__ */ r(wn, {}) : /* @__PURE__ */ r(kn, {}))
                 ]
               }
             ),
-            S && !e && /* @__PURE__ */ r(
-              ot,
+            k && !e && /* @__PURE__ */ r(
+              it,
               {
-                in: c[x],
+                in: c[w],
                 timeout: "auto",
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ r(
-                  bt,
+                  xt,
                   {
-                    items: S,
+                    items: k,
                     onClick: n,
                     collapsed: e,
                     sx: { pl: e ? 0 : 2, pb: 0 }
@@ -2584,46 +2654,46 @@ const bt = ({
             )
           ]
         },
-        x
+        w
       );
     }),
     e && /* @__PURE__ */ r(
       h,
       {
-        items: l || [],
+        items: i || [],
         onClick: n,
         collapsed: !1,
         sx: { pl: e ? 0 : 2, pb: 0 },
         anchorEl: s,
         anchorOrigin: { vertical: "top", horizontal: "right" },
         onClose: () => {
-          o(null), i(null);
+          o(null), l(null);
         },
         open: !!s,
-        slotProps: { paper: { sx: { minWidth: d } } }
+        slotProps: { paper: { sx: { minWidth: u } } }
       }
     )
   ] });
-}, yt = ({
+}, wt = ({
   collapsed: e = !1,
   items: t,
   onClick: n,
   ...a
 }) => {
-  const [s, o] = p.useState({}), l = L("drawer.width", 280);
-  return /* @__PURE__ */ m(F, { children: [
-    /* @__PURE__ */ r(it, { ...a, children: t.map((i) => {
+  const [s, o] = p.useState({}), i = L("drawer.width", 280);
+  return /* @__PURE__ */ m(T, { children: [
+    /* @__PURE__ */ r(dt, { ...a, children: t.map((l) => {
       const {
         text: c,
-        icon: u,
-        element: d = null,
+        icon: d,
+        element: u = null,
         key: h,
         children: g,
         onClick: y,
-        to: k
-      } = i;
-      return d || /* @__PURE__ */ m(
-        Z,
+        to: S
+      } = l;
+      return u || /* @__PURE__ */ m(
+        G,
         {
           onClick: (b) => {
             if (y && y(b), g) {
@@ -2635,14 +2705,14 @@ const bt = ({
             }
             n && n(b);
           },
-          ...k ? {
-            component: ie,
-            to: k
+          ...S ? {
+            component: ce,
+            to: S
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
           } : {},
           children: [
-            u && /* @__PURE__ */ r(
-              st,
+            d && /* @__PURE__ */ r(
+              ct,
               {
                 sx: {
                   minWidth: 0,
@@ -2650,22 +2720,22 @@ const bt = ({
                   justifyContent: "center",
                   color: "inherit"
                 },
-                children: u
+                children: d
               }
             ),
-            /* @__PURE__ */ r(lt, { sx: { opacity: e ? 0 : 1 }, children: c }),
-            !e && g && /* @__PURE__ */ r(Pe, {})
+            /* @__PURE__ */ r(ut, { sx: { opacity: e ? 0 : 1 }, children: c }),
+            !e && g && /* @__PURE__ */ r(Oe, {})
           ]
         },
         h
       );
     }) }),
-    t.map((i) => {
-      const { key: c, children: u } = i;
-      return u ? /* @__PURE__ */ r(
-        yt,
+    t.map((l) => {
+      const { key: c, children: d } = l;
+      return d ? /* @__PURE__ */ r(
+        wt,
         {
-          items: u,
+          items: d,
           onClick: n,
           collapsed: e,
           sx: { pl: e ? 0 : 2, pb: 0 },
@@ -2673,30 +2743,30 @@ const bt = ({
           anchorEl: s[c],
           anchorOrigin: { vertical: "top", horizontal: "right" },
           onClose: () => o({ ...s, [c]: null }),
-          slotProps: { paper: { sx: { minWidth: l } } }
+          slotProps: { paper: { sx: { minWidth: i } } }
         },
         c
       ) : null;
     })
   ] });
-}, be = {
+}, ye = {
   delete: (e) => async ({ selected: t, notify: n, dialog: a, refresh: s, t: o }) => {
-    const l = e.getSchema().softDeletes ? "send to trash" : "delete permanently", i = e.getSchema().softDeletes ? "sent to trash" : "deleted";
+    const i = e.getSchema().softDeletes ? "send to trash" : "delete permanently", l = e.getSchema().softDeletes ? "sent to trash" : "deleted";
     if (await a({
       title: e.getSchema().softDeletes ? o("Confirm send to trash") : o("Confirm delete permanently"),
-      message: o(`Are you sure you want to ${l} :count :model?`, {
+      message: o(`Are you sure you want to ${i} :count :model?`, {
         count: t.count(),
         model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
       }),
       type: "confirm"
     }))
       try {
-        await e.delete(t.pluck(e.getSchema().primaryKey).all()), n(o(`Successfully ${i} :count :model`, {
+        await e.delete(t.pluck(e.getSchema().primaryKey).all()), n(o(`Successfully ${l} :count :model`, {
           count: t.count(),
           model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
         })), s();
-      } catch (u) {
-        Q(n)(u);
+      } catch (d) {
+        X(n)(d);
       }
   },
   restore: (e) => async ({ selected: t, notify: n, dialog: a, refresh: s, t: o }) => {
@@ -2713,8 +2783,8 @@ const bt = ({
           count: t.count(),
           model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
         })), s();
-      } catch (i) {
-        Q(n)(i);
+      } catch (l) {
+        X(n)(l);
       }
   },
   forceDelete: (e) => async ({ selected: t, notify: n, dialog: a, refresh: s, t: o }) => {
@@ -2731,28 +2801,28 @@ const bt = ({
           count: t.count(),
           model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
         })), s();
-      } catch (i) {
-        Q(n)(i);
+      } catch (l) {
+        X(n)(l);
       }
   }
-}, ye = {
+}, xe = {
   delete: (e) => async ({ item: t, notify: n, dialog: a, refresh: s, t: o }) => {
-    const l = e.getSchema().softDeletes ? "send :model “:label” to trash" : "delete :model “:label” permanently", i = e.getSchema().softDeletes ? "sent :model “:label” to trash" : "deleted :model “:label”";
+    const i = e.getSchema().softDeletes ? "send :model “:label” to trash" : "delete :model “:label” permanently", l = e.getSchema().softDeletes ? "sent :model “:label” to trash" : "deleted :model “:label”";
     if (await a({
       title: e.getSchema().softDeletes ? o("Confirm send to trash") : o("Confirm permanent deletion"),
-      message: o(`Are you sure you want to ${l}?`, {
+      message: o(`Are you sure you want to ${i}?`, {
         model: f.lowerFirst(e.singular()),
         label: t.getLabel()
       }),
       type: "confirm"
     }))
       try {
-        await t.delete(), n(o(`Successfully ${i}`, {
+        await t.delete(), n(o(`Successfully ${l}`, {
           model: e.singular(),
           label: t.getLabel()
         })), s();
-      } catch (u) {
-        Q(n)(u);
+      } catch (d) {
+        X(n)(d);
       }
   },
   restore: (e) => async ({ item: t, notify: n, dialog: a, refresh: s, t: o }) => {
@@ -2769,8 +2839,8 @@ const bt = ({
           model: e.singular(),
           label: t.getLabel()
         })), s();
-      } catch (i) {
-        Q(n)(i);
+      } catch (l) {
+        X(n)(l);
       }
   },
   forceDelete: (e) => async ({ item: t, notify: n, dialog: a, refresh: s, t: o }) => {
@@ -2787,70 +2857,70 @@ const bt = ({
           model: e.singular(),
           label: t.getLabel()
         })), s();
-      } catch (i) {
-        Q(n)(i);
+      } catch (l) {
+        X(n)(l);
       }
   }
-}, zr = {
+}, Gr = {
   create: (e) => ({ navigate: t }) => {
     t(`/${f.kebabCase(e.plural())}/create`);
   }
-}, Kr = ({ item: e }) => {
-  const t = Oe(), [n] = q(), a = n.get("tab") ?? "all", s = p.useMemo(() => A("cms").getInstanceActions(e.constructor, a), [e, a]), [o, l] = p.useState(null), i = !!o, c = (d) => {
-    l(d.currentTarget);
-  }, u = () => {
-    l(null);
+}, Qr = ({ 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 = () => {
+    i(null);
   };
-  return /* @__PURE__ */ m(F, { children: [
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ r(
-      R,
+      E,
       {
         "aria-describedby": "model-item-actions",
         "aria-label": "filter",
         onClick: c,
-        children: /* @__PURE__ */ r(dt, {})
+        children: /* @__PURE__ */ r(ht, {})
       }
     ),
     /* @__PURE__ */ r(
-      it,
+      dt,
       {
         id: "model-item-actions",
         anchorEl: o,
-        open: i,
-        onClose: u,
+        open: l,
+        onClose: d,
         MenuListProps: {
           "aria-labelledby": "model-item-action"
         },
-        children: s.map((d) => /* @__PURE__ */ m(
-          Z,
+        children: s.map((u) => /* @__PURE__ */ m(
+          G,
           {
             onClick: () => {
-              d.callback({
+              u.callback({
                 item: e,
                 ...t
-              }), u();
+              }), d();
             },
             sx: { px: 1, gap: 0.75 },
             children: [
-              d.icon,
-              d.label
+              u.icon,
+              u.label
             ]
           },
-          d.label
+          u.label
         ))
       }
     )
   ] });
 };
 let P;
-class $r extends Je {
+class Xr extends at {
   constructor(n = {}) {
     super();
-    ce(this, "name", "Luminix CMS Plugin");
+    ue(this, "name", "Luminix CMS Plugin");
     this.options = n;
   }
   register(n) {
-    P = n, P.bind("cms", new vn()), P.bind("filter", new Tn()), P.once("booting", () => {
+    P = n, P.bind("cms", new Pn()), P.bind("filter", new Bn()), P.once("booting", () => {
       this.bootModels();
     });
   }
@@ -2862,50 +2932,50 @@ class $r extends Je {
       "model",
       (n, a) => class extends n {
         static icon() {
-          return a === "user" ? /* @__PURE__ */ r(bn, {}) : /* @__PURE__ */ r(yn, {});
+          return a === "user" ? /* @__PURE__ */ r(Sn, {}) : /* @__PURE__ */ r(Cn, {});
         }
       },
       0
     );
   }
   bootRoutes() {
-    P.make("cms").reducer("cmsRoutes", On, 0), P.make("route").reducer("routerOptions", (n) => ({
+    P.make("cms").reducer("cmsRoutes", Wn, 0), P.make("route").reducer("routerOptions", (n) => ({
       ...n,
       basename: P.make("config").get("luminix.admin.url", "/admin")
     }));
   }
   bootComponents() {
     P.make("cms").reducer("componentMap", () => ({
-      Layout: qn,
-      Dashboard: Rn,
-      ModelIndex: Un,
-      ModelItem: zn,
-      Error: Nn,
-      DesktopPageTitle: lr,
-      RecursiveList: bt,
-      RecursiveMenu: yt,
-      Breadcrumbs: Yr,
-      "Layout.AppBar": tr,
-      "Layout.Drawer": sr,
-      "Layout.AppBar.MenuButton": Sr,
-      "Layout.SearchBar": Ir,
-      "Layout.BackButton": nr,
-      "ModelIndex.Filter": xr,
-      "ModelIndex.InstanceActions": Kr,
-      "ModelIndex.MassActions": wr,
-      "ModelIndex.Pagination": Ar,
-      "ModelIndex.PaginationDetails": Cr,
-      "ModelIndex.PerPageSwitch": vr,
-      "ModelIndex.Sort": Mr,
-      "ModelIndex.StaticActions": Gn,
-      "ModelIndex.Table": Er,
-      "ModelIndex.Table.TableHead": Lr,
-      "ModelIndex.Table.TableBody": Rr,
-      "ModelIndex.Table.TableFooter": Wr,
-      "ModelIndex.Table.TableToolbar": Ur,
-      "ModelIndex.Table.TableBody.TableRow": qr,
-      "ModelIndex.Table.ShrinkedCell": Pr,
-      "ModelIndex.Tabs": Vr
+      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
     }), 0);
   }
   bootMenu() {
@@ -2915,7 +2985,7 @@ class $r extends Je {
         key: "dashboard",
         text: "Dashboard",
         to: "/",
-        icon: /* @__PURE__ */ r(xn, {})
+        icon: /* @__PURE__ */ r(An, {})
       },
       ...Object.entries(a).sort(([s], [o]) => s.localeCompare(o)).map(([s, o]) => ({
         key: s,
@@ -2954,19 +3024,19 @@ class $r extends Je {
   }
   bootMassActions() {
     P.make("cms").reducer("massActions", (n, a, s) => {
-      const o = [], { softDeletes: l } = a.getSchema();
+      const o = [], { softDeletes: i } = a.getSchema();
       return s !== "trashed" ? o.push({
         key: "delete",
-        label: l ? "Send to trash" : "Delete permanently",
-        callback: be.delete(a)
+        label: i ? "Send to trash" : "Delete permanently",
+        callback: ye.delete(a)
       }) : (o.push({
         key: "restore",
         label: "Restore",
-        callback: be.restore(a)
+        callback: ye.restore(a)
       }), o.push({
         key: "forceDelete",
         label: "Delete permanently",
-        callback: be.forceDelete(a)
+        callback: ye.forceDelete(a)
       })), [
         ...n,
         ...o
@@ -2975,16 +3045,16 @@ class $r extends Je {
   }
   bootInstanceActions() {
     P.make("cms").reducer("instanceActions", (n, a, s) => {
-      const o = [], { softDeletes: l } = a.getSchema();
+      const o = [], { softDeletes: i } = a.getSchema();
       return s !== "trashed" ? o.push({
-        label: l ? "Send to trash" : "Delete permanently",
-        callback: ye.delete(a)
+        label: i ? "Send to trash" : "Delete permanently",
+        callback: xe.delete(a)
       }) : (o.push({
         label: "Restore",
-        callback: ye.restore(a)
+        callback: xe.restore(a)
       }), o.push({
         label: "Delete permanently",
-        callback: ye.forceDelete(a)
+        callback: xe.forceDelete(a)
       })), [
         ...n,
         ...o
@@ -2997,16 +3067,16 @@ class $r extends Je {
       {
         key: "create",
         label: `Create ${a.singular()}`,
-        callback: zr.create(a),
-        icon: /* @__PURE__ */ r(wn, {})
+        callback: Gr.create(a),
+        icon: /* @__PURE__ */ r(vn, {})
       }
     ], 0);
   }
 }
-class Hr extends Je {
+class Jr extends at {
   constructor(n) {
     super();
-    ce(this, "name", "Luminix CMS i18Next Plugin");
+    ue(this, "name", "Luminix CMS i18Next Plugin");
     this.options = n;
   }
   register(n) {
@@ -3018,7 +3088,7 @@ class Hr extends Je {
     this.translateModelColumns(a, n), this.translateMenuEntries(n), this.translateInstanceActions(n), this.translateMassActions(n), this.translateFormLabels(s), this.translateStaticActions(n);
   }
   initI18Next(n) {
-    W.use(on).init({
+    z.use(un).init({
       lng: n.get("app.locale", "en"),
       fallbackLng: n.get("app.fallback_locale", "en"),
       resources: {
@@ -3044,10 +3114,10 @@ class Hr extends Je {
       "model",
       (a) => class extends a {
         static singular() {
-          return W.t(a.singular());
+          return z.t(a.singular());
         }
         static plural() {
-          return W.t(a.plural());
+          return z.t(a.plural());
         }
       },
       0
@@ -3057,9 +3127,9 @@ class Hr extends Je {
     for (const s of Object.keys(n.make()))
       a.reducer(
         `model${f.upperFirst(f.camelCase(s))}Columns`,
-        (o) => o.map((l) => ({
-          ...l,
-          label: W.t(l.label)
+        (o) => o.map((i) => ({
+          ...i,
+          label: z.t(i.label)
         })),
         99
       );
@@ -3069,7 +3139,7 @@ class Hr extends Je {
       "menuItems",
       (a) => {
         const s = a.find((o) => o.key === "dashboard");
-        return s && (s.text = W.t(s.text)), a;
+        return s && (s.text = z.t(s.text)), a;
       },
       5
     );
@@ -3079,7 +3149,7 @@ class Hr extends Je {
       "massActions",
       (a) => a.map((s) => ({
         ...s,
-        label: W.t(s.label)
+        label: z.t(s.label)
       })),
       99
     );
@@ -3089,7 +3159,7 @@ class Hr extends Je {
       "instanceActions",
       (a) => a.map((s) => ({
         ...s,
-        label: W.t(s.label)
+        label: z.t(s.label)
       })),
       99
     );
@@ -3098,8 +3168,8 @@ class Hr extends Je {
     n.reducer(
       "staticActions",
       (a, s) => {
-        const o = a.find(({ key: l }) => l === "create");
-        return o && (o.label = W.t("Create :model", {
+        const o = a.find(({ key: i }) => i === "create");
+        return o && (o.label = z.t("Create :model", {
           model: s.singular()
         })), a;
       }
@@ -3109,13 +3179,13 @@ class Hr extends Je {
     n.reducer(
       "getDefaultInputProps",
       (a) => (Array.isArray(a) ? a.map((s) => {
-        s.label && (s.label = W.t(s.label));
-      }) : a.label && (a.label = W.t(a.label)), a),
+        s.label && (s.label = z.t(s.label));
+      }) : a.label && (a.label = z.t(a.label)), a),
       99
     );
   }
 }
-const Zr = {
+const _r = {
   palette: {
     primary: {
       main: "#1d9798"
@@ -3124,27 +3194,27 @@ const Zr = {
       main: "#fa510c"
     }
   }
-}, ca = ({
-  theme: e = Zr,
+}, ma = ({
+  theme: e = _r,
   plugins: t,
   i18nOptions: n = {}
 }) => {
-  const a = le("(prefers-color-scheme: dark)"), s = p.useMemo(() => Sn({
+  const a = ie("(prefers-color-scheme: dark)"), s = p.useMemo(() => Dn({
     ...e,
     palette: {
       ...e.palette,
       mode: a ? "dark" : "light"
     }
   }), [e, a]);
-  return /* @__PURE__ */ m(kn, { theme: s, children: [
-    /* @__PURE__ */ r(rn, {}),
+  return /* @__PURE__ */ m(Tn, { theme: s, children: [
+    /* @__PURE__ */ r(ln, {}),
     /* @__PURE__ */ r(
-      Dt,
+      Pt,
       {
         routes: (o) => o.make("cms").getRoutes(),
         plugins: [
-          new $r(),
-          new Hr(n),
+          new Xr(),
+          new Jr(n),
           ...t || []
         ],
         config: {
@@ -3158,6 +3228,6 @@ const Zr = {
   ] });
 };
 export {
-  $r as CmsPlugin,
-  ca as LuminixCms
+  Xr as CmsPlugin,
+  ma as LuminixCms
 };