@luminix/mui-cms 0.0.1-beta.0

package/dist/mui-cms.js

@@ -0,0 +1,3163 @@
+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";
+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 {
+  constructor() {
+  }
+  getComponents() {
+    return this.componentMap({});
+  }
+  getComponent(t) {
+    return this.getComponents()[t];
+  }
+  getRoutes() {
+    return this.cmsRoutes([], this.getComponents(), te().make());
+  }
+  getMenuItems() {
+    return this.menuItems([], te().make());
+  }
+  getModelFormProps(t) {
+    return this.wireModelFormProps({}, t);
+  }
+  getMassActions(t, n) {
+    return this[`mass${f.upperFirst(f.camelCase(t.getSchemaName()))}Actions`](
+      this.massActions([], t, n),
+      t,
+      n
+    );
+  }
+  getInstanceActions(t, n) {
+    return this[`instance${f.upperFirst(f.camelCase(t.getSchemaName()))}Actions`](
+      this.instanceActions([], t, n),
+      t,
+      n
+    );
+  }
+  getStaticActions(t, n) {
+    return this[`static${f.upperFirst(f.camelCase(t.getSchemaName()))}Actions`](
+      this.staticActions([], t, n),
+      t,
+      n
+    );
+  }
+}
+const vn = Xe(Cn), ee = (e) => !(f.isUndefined(e) || f.isNull(e) || f.isEmpty(e));
+class Dn {
+  getInputType(t) {
+    switch (t) {
+      case "int":
+      case "float":
+      case "number":
+        return "number";
+      case "date":
+        return "date";
+      case "datetime":
+      case "timestamp":
+        return "datetime-local";
+      case "autocomplete":
+        return "autocomplete";
+      case "bool":
+      case "boolean":
+        return "boolean";
+      default:
+        return "text";
+    }
+  }
+  getOperators() {
+    return H("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) => {
+      let a = n;
+      switch (n) {
+        case "equals":
+          a = "==";
+          break;
+        case "notEquals":
+          a = "!=";
+          break;
+        case "greaterThan":
+          a = ">";
+          break;
+        case "greaterThanOrEquals":
+          a = ">=";
+          break;
+        case "lessThan":
+          a = "<";
+          break;
+        case "lessThanOrEquals":
+          a = "<=";
+          break;
+      }
+      return {
+        key: n,
+        label: a
+      };
+    });
+  }
+  getFilterableColumns(t) {
+    const { attributes: n = [], relations: a = {} } = t.getSchema();
+    return [
+      ...n.filter((s) => !s.hidden).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("_", " "),
+          type: o,
+          is_relation: !1
+        };
+      }),
+      // TODO: review typing of 'acc' 
+      ...Object.entries(a ?? {}).reduce((s, [o]) => [
+        ...s,
+        {
+          key: o,
+          label: f.upperFirst(o).replaceAll("_", " "),
+          type: "autocomplete",
+          is_relation: !0
+        }
+      ], [])
+    ];
+  }
+  checkIfCanApplyFilters(t) {
+    return !!(t.length === 0 || t.map((a) => {
+      if (!ee(a.key) || !ee(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))
+        return !0;
+      return !!(Array.isArray(a.value) && ["between", "notBetween"].includes(a.operator) && (!ee(a.value[0]) || !ee(a.value[1])));
+    }).includes(!0));
+  }
+}
+const Tn = Xe(Dn), Fn = {
+  open: !1,
+  setOpen: () => {
+  },
+  layout: {},
+  isBreakpointUp: !1,
+  currentPage: "",
+  setCurrentPage: () => {
+  },
+  showSearch: !1,
+  setShowSearch: () => {
+  },
+  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 = {
+    open: t,
+    setOpen: n,
+    layout: u,
+    isBreakpointUp: d,
+    currentPage: a,
+    setCurrentPage: s,
+    showSearch: o,
+    setShowSearch: l,
+    showBackButton: i,
+    setShowBackButton: c
+  };
+  return p.useEffect(() => (document.title = a ? `${a} | ${H("app.name", pe)}` : H("app.name", pe), () => {
+    document.title = pe;
+  }), [a]), /* @__PURE__ */ r(V.Provider, { value: h, children: e });
+}, pt = p.createContext({
+  Model: null
+}), he = ({ Model: e, children: t }) => /* @__PURE__ */ r(pt.Provider, { value: { Model: e }, children: t }), ht = p.createContext({
+  isOpen: !1,
+  dialog: () => Promise.reject(new Error("Trying to access DialogContext outside of DialogProvider")),
+  dismissDialog: () => {
+  },
+  current: void 0
+});
+function Pn(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) => {
+    s({
+      current: typeof d == "string" ? { message: d } : d,
+      resolve: h
+    });
+  }), []), { t: i } = I(), c = () => {
+    a && a(!1), s({});
+  }, u = () => {
+    a && a(!0), s({});
+  };
+  return /* @__PURE__ */ m(ht.Provider, { value: {
+    isOpen: !!n,
+    current: n,
+    dialog: l,
+    dismissDialog: c
+  }, children: [
+    e,
+    /* @__PURE__ */ m(
+      ve,
+      {
+        open: !!n,
+        "aria-labelledby": "alert-dialog-title",
+        "aria-describedby": "alert-dialog-description",
+        ...(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.type) ?? "alert") === "alert" && /* @__PURE__ */ r(E, { onClick: c, autoFocus: !0, children: (o == null ? void 0 : o.confirmText) ?? i("Ok") })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function v() {
+  const { isBreakpointUp: e } = ct(V);
+  return e;
+}
+const Be = p.createContext({
+  isOpen: !1,
+  notify: () => {
+  },
+  dismissNotification: () => {
+  },
+  notifications: [],
+  current: void 0,
+  displacement: "8px",
+  setDisplacement: () => {
+  }
+}), ke = O([]), Bn = (e) => {
+  ke.push(
+    typeof e == "string" ? { message: e } : e
+  );
+}, En = ({
+  children: e,
+  autoHideDuration: t = 6e3,
+  variant: n,
+  anchorOrigin: a,
+  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);
+  };
+  return p.useEffect(() => {
+    if (!d && l.isNotEmpty()) {
+      const x = setTimeout(() => {
+        h(ke.pull(0) ?? void 0);
+      }, 100);
+      return () => clearTimeout(x);
+    }
+  }, [d, l]), /* @__PURE__ */ m(Be.Provider, { value: {
+    isOpen: !!d,
+    notify: Bn,
+    dismissNotification: b,
+    notifications: l.all(),
+    current: d,
+    displacement: g,
+    setDisplacement: y
+  }, children: [
+    e,
+    /* @__PURE__ */ r(
+      Ft,
+      {
+        open: !!d,
+        autoHideDuration: t,
+        anchorOrigin: a,
+        onClose: b,
+        sx: {
+          ...s,
+          [k]: `${g} !important`
+        },
+        ...o,
+        children: d && /* @__PURE__ */ m(
+          It,
+          {
+            onClose: b,
+            severity: d.severity,
+            variant: n,
+            sx: { width: "100%" },
+            action: d.actions && [
+              ...d.actions.map(({ label: x, callback: S }, w) => /* @__PURE__ */ r(
+                E,
+                {
+                  color: "inherit",
+                  size: "small",
+                  onClick: S,
+                  children: x
+                },
+                w
+              )),
+              /* @__PURE__ */ r(R, { "aria-label": "close", color: "inherit", size: "small", onClick: b, children: /* @__PURE__ */ r(ut, {}) }, "close")
+            ],
+            children: [
+              d.title && /* @__PURE__ */ r(Pt, { children: d.title }),
+              d.message
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}, Ln = ({ children: e }) => {
+  const t = le("(prefers-color-scheme: dark)");
+  return /* @__PURE__ */ r(
+    En,
+    {
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      variant: t ? "standard" : "filled",
+      children: /* @__PURE__ */ r(Mn, { children: /* @__PURE__ */ r(In, { children: e }) })
+    }
+  );
+}, On = (e, { Layout: t, Dashboard: n, ModelIndex: a, ModelItem: s, Error: o }, l) => [
+  {
+    element: /* @__PURE__ */ r(Ln, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(St, {}) }) }),
+    errorElement: /* @__PURE__ */ r(o, {}),
+    children: [
+      {
+        path: "/",
+        name: "luminix.cms.dashboard",
+        element: /* @__PURE__ */ r(n, {})
+      },
+      ...Object.entries(l).flatMap(([i, 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, {}) }) })
+        },
+        {
+          path: "/" + f.kebabCase(c.plural()) + "/create",
+          name: `luminix.cms.${i}.item`,
+          element: /* @__PURE__ */ r(he, { 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, {}) })
+        }
+      ])
+    ]
+  }
+];
+function Ee(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: [
+  /* @__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: [
+    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 jn = 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 }) => {
+  const {
+    DesktopPageTitle: a,
+    ["Layout.AppBar"]: s,
+    ["Layout.Drawer"]: o
+  } = A("cms").getComponents(), l = L("appBar.height"), {
+    AppBar: i,
+    Drawer: c,
+    main: u
+  } = t || {};
+  return /* @__PURE__ */ m(N, { sx: { display: "flex" }, ...n, children: [
+    /* @__PURE__ */ r(
+      s,
+      {
+        position: "fixed",
+        ...i
+      }
+    ),
+    /* @__PURE__ */ r(o, { ...c }),
+    /* @__PURE__ */ m(
+      N,
+      {
+        component: "main",
+        sx: {
+          flexGrow: 1
+          // p: { xs: 1, sm: 2, md: 3 },
+        },
+        ...u,
+        children: [
+          /* @__PURE__ */ r(jn, { style: { height: l } }),
+          /* @__PURE__ */ r(a, {}),
+          /* @__PURE__ */ r(N, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: e })
+        ]
+      }
+    )
+  ] });
+};
+function Wn() {
+  const { setShowSearch: e } = p.useContext(V);
+  p.useEffect(() => (e(!0), () => {
+    e(!1);
+  }), [e]);
+}
+function K() {
+  const { Model: e } = p.useContext(pt);
+  return e;
+}
+const Un = () => {
+  const e = K(), {
+    data: t,
+    error: n,
+    loading: a
+  } = ne();
+  Ee(e.plural()), Wn();
+  const s = v(), {
+    Breadcrumbs: o,
+    ["ModelIndex.Pagination"]: l,
+    ["ModelIndex.StaticActions"]: i,
+    ["ModelIndex.Table"]: c,
+    ["ModelIndex.Table.TableBody"]: u,
+    ["ModelIndex.Table.TableHead"]: d,
+    ["ModelIndex.Table.TableFooter"]: h,
+    ["ModelIndex.Table.TableToolbar"]: g,
+    ["ModelIndex.Table.TableBody.TableRow"]: y,
+    ["ModelIndex.Tabs"]: k
+  } = A("cms").getComponents();
+  return /* @__PURE__ */ m(Y, { container: !0, spacing: 2, children: [
+    /* @__PURE__ */ m(
+      Y,
+      {
+        xs: 12,
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ r(
+            o,
+            {
+              parts: [
+                { name: e.plural() }
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(i, { 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, {}) }),
+    /* @__PURE__ */ r(Y, { xs: 12, sx: { pt: 0 }, children: /* @__PURE__ */ m(
+      c,
+      {
+        items: t,
+        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(h, {})
+        ]
+      }
+    ) })
+  ] });
+};
+function Vn() {
+  const { setShowBackButton: e } = p.useContext(V);
+  p.useEffect(() => (e(!0), () => {
+    e(!1);
+  }), [e]);
+}
+function Q(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,
+      severity: "error"
+    });
+  };
+}
+function Le() {
+  return p.useContext(Be).notify;
+}
+function Yn() {
+  const e = Le();
+  return p.useCallback((t) => {
+    Q(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");
+  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]);
+  return t ? /* @__PURE__ */ m(Y, { container: !0, children: [
+    /* @__PURE__ */ r(Y, { xs: 12, children: /* @__PURE__ */ r(
+      u,
+      {
+        parts: [
+          { name: i.plural(), href: "/" + f.kebabCase(i.plural()) },
+          { name: t.exists ? t.getLabel() : s("New") }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      Y,
+      {
+        xs: 12,
+        [c]: 6,
+        children: /* @__PURE__ */ r(
+          vt,
+          {
+            submitText: "Save",
+            ...g,
+            item: t,
+            onSuccess: d,
+            onError: h
+          }
+        )
+      }
+    )
+  ] }) : null;
+};
+function Kn(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.useEffect(() => (t(o), () => {
+    t(s);
+  }), [o, s]);
+}
+function $n() {
+  return p.useContext(ht).dialog;
+}
+function Oe() {
+  const e = Ae(), t = Le(), n = $n(), { t: a } = I(), { refresh: s } = ne();
+  return { navigate: e, notify: t, dialog: n, t: a, refresh: s };
+}
+const Hn = U(Mt)(({ theme: e }) => ({
+  position: "fixed",
+  bottom: e.spacing(2),
+  right: e.spacing(2)
+})), Zn = U(Bt)(({ 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(
+    e === "fab" && h.length > 0 ? n ? 12 : 10 : !1
+  ), h.length === 0)
+    return null;
+  const g = (b, x) => {
+    u(x), l(!1);
+  }, y = () => {
+    l((b) => !b);
+  }, k = (b) => {
+    i.current && i.current.contains(b.target) || l(!1);
+  };
+  return e === "fab" ? h.length === 1 ? Ke.createPortal(
+    /* @__PURE__ */ r(
+      Hn,
+      {
+        color: "primary",
+        onClick: () => h[0].callback(d),
+        children: h[0].icon || h[0].label.charAt(0).toUpperCase()
+      }
+    ),
+    document.body
+  ) : Ke.createPortal(
+    /* @__PURE__ */ r(
+      Zn,
+      {
+        ariaLabel: `actions for ${t.singular()}`,
+        icon: /* @__PURE__ */ r(Et, {}),
+        color: "primary",
+        onClose: () => l(!1),
+        onOpen: () => l(!0),
+        open: o,
+        children: h.map((b) => /* @__PURE__ */ r(
+          Lt,
+          {
+            icon: b.icon || b.label.charAt(0).toUpperCase(),
+            tooltipTitle: b.label,
+            onClick: () => b.callback(d)
+          },
+          b.label
+        ))
+      }
+    ),
+    document.body
+  ) : /* @__PURE__ */ m(F, { children: [
+    /* @__PURE__ */ m(
+      Ot,
+      {
+        variant: "contained",
+        ref: i,
+        "aria-label": h[c].label,
+        children: [
+          /* @__PURE__ */ r(E, { onClick: () => h[c].callback(d), children: h[c].label }),
+          h.length > 1 && /* @__PURE__ */ r(
+            E,
+            {
+              variant: "contained",
+              size: "small",
+              "aria-controls": o ? "split-button-menu" : void 0,
+              "aria-expanded": o ? "true" : void 0,
+              "aria-label": `select ${t.singular()} actions`,
+              "aria-haspopup": "menu",
+              onClick: y,
+              children: /* @__PURE__ */ r(sn, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      Rt,
+      {
+        open: o,
+        anchorEl: i.current,
+        role: void 0,
+        transition: !0,
+        children: ({ TransitionProps: b, placement: x }) => /* @__PURE__ */ r(
+          Nt,
+          {
+            ...b,
+            style: {
+              transformOrigin: x === "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,
+              {
+                selected: w === c,
+                onClick: (C) => g(C, w),
+                children: S.label
+              },
+              S.label
+            )) }) }) })
+          }
+        )
+      }
+    )
+  ] });
+};
+function Re() {
+  const { open: e, setOpen: t } = p.useContext(V);
+  return {
+    open: e,
+    handleDrawerOpen: () => {
+      t(!0);
+    },
+    handleDrawerClose: () => {
+      t(!1);
+    },
+    toggle: () => {
+      t((o) => !o);
+    }
+  };
+}
+function mt() {
+  const { currentPage: e } = p.useContext(V);
+  return e;
+}
+function Qn() {
+  const { showSearch: e } = p.useContext(V);
+  return e;
+}
+const Xn = "data:image/png;base64,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", Jn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABbWlDQ1BpY2MAACiRdZG9S0JRGMZ/aqWU0VBDRIOBRYORFERj2eAiIWaQ1aI3PwI/LvcqIa1BS4PQELX0NfQf1Bq0FgRBEUQ0Nve1hNzeo4ISdS7nvj+ec56Xc54D9lBWy5ltfsjli0YkGPAsxZY9zldcdADjDMU1U58Nh0P8O77usal6N6Z6/b/vz9G1ljQ1sLmEpzTdKArPCIc2irriHeE+LRNfEz4S9hlyQOFrpSfq/KI4XecPxUY0Mgd21dOTbuFEC2sZIyc8KuzNZUta4zzqJu5kfnFB6oDMQUwiBAngIUGJdbIUGZOal8z+9vlrvnkK4tHkr1PGEEeajHh9opaka1JqSvSkfFnKKvffeZqpyYl6d3cA2p8t630YnLtQrVjW97FlVU/A8QSX+aa/IDlNf4peaWreQ+jZgvOrppbYg4tt6H/U40a8Jjlk2lMpeDuD7hj03kLnSj2rxjqnDxDdlCe6gf0DGJH9Pas/3QVn+hiI/rEAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAUfSURBVFhHzZhdTFxFFMfPwsKypUCBlAS2XWyKfPSB0qZay6ql6NK1NE3TJjWxD/pgfCD6Uq2JMcZYY1RelKrVWmtTqTEmYuqTJiYWGwVpwkLLZwKWBhXS8lEEkd1l2fX8Z7lm6Z17996rLp5kumQ6d+Z3/3POmXPHRmyRaDSDf562ER2NEm3h33T0m7WfZ2Zof8uXNBcKUYqNZ0lgi5EIrXM46H2vl2rcGzE6xK2f2wVu79lstoCd4Zzo4OkOYUTiaTFKbic7/TS1sEAZdrt8QFxvaGmJCjIz6XSdl3YVFSn/A2Gqllt1NBo9ipkaAMfKCbMK6L95ky4ODZHDAFyQ4Yqzs+nDvXVUVVCwvLLqB4I1pPA/jytgVuF4F6iJ1VsIhxO+YIDHlObmUnP9Pj04hfYJO0NVqNhNdlwaHaVvb9xIqB5eYBsrdsa3VyhowCqwxYkdRmcm+BLUW2IV9SYCXLWriD6oq6NC9j2DZsBhEsx0cWiYOsbHyZGaqjkScLVuN8N5KTcDCcO46b10wll+DwbpHb9fN6X8yXAHS0ro7do9tDbdfPb6R4DNff00OD1NTslGICsgIB6rqKDG3Q8aSj0yRSwDjs/P09meHkrX2NoIJ+GGbVX0iscjW9dwn2XA091X6de5Oal6OCF8m+6iR8vLhcKccFVACCr4bQmnHL30ZuOH1U+rplvZgSNt3xctNL+4qOl/OE3CDCoz9EP5N3nrD5WW6gJaUrCps5OmAwGpegoQIldmgFvD8Aia/Zs3y4as6DMN2PbbGH02MIgCgxChKAoyJH4o2zZsfc5ycbAnVhwkBDS9xT+NjYm8B0CcqeN/zNNXw8MiUcugFAKlODjD5+/OwsKEYMoA04B3zny89Xtq7uvTjGaMB5wray195POJo86Mmd7i+MlPdXXT+d5e3RwHlTfl5NDHj/hoS36+GTYxFtWMYZvkWk+x77hAaLxyRVe5AMOV5+WJysUKnGlAnByIztHZWTp+qVX4oFbljFNk6/r19AnD3c25zqoZVhARiLJqYGqKnmttpV84SaelyB/HS+zkKvlCfb3RskqT33CQIDnX8/cG6rieiQmya8Ah9XiLi+mU92HTlYuM0nCQfDMyQvDBWa5gtOCg3AFOvk0P1VKWhcrFMiDA4H/prJoe3GE+tt7iE0JW3cgWN9Ind6K4J6MUpRNt7XSdt1gGh4McyqGsOsnK/ZtwwNDd4hneztfa2+nzwUFprgNckOGerKykV+/3SF/AiEp6YzQBv74+Qm90dFDf5CStSUtTzYEiKMSR/cz27fTirvs0043qQZMd0ig+19NLL1y+LBTBN8QMVy78lf/31DiHw9yev/ceOrZjh8klzQ1X+eDVW7fY59oE0MueanJzWgGMYoBDO8GV8n8NhzVVgJ/2D9AER+2RsjLxgd3NwEpCVioWFJpPba00J4XF0SofRLRmss+5s7PopR9+jJXrrOYS+1sa132NNbsFfLJMpWBZfp5Y+92uLhq+fVuohyrYydBII8mEA4cK0OPaIADDEb4pYDhEKk4FXJEd4O/bZJtqi6Ga4msoEBDFqII9Lley2cR6KkBcPsKwrYA7yxc9cfd3SYdUbXG+0ykCAkfWHZeLSYfDggBc8X2IG6hs/vJ6nVPJAxti/rgqZLFFw0gj1/DxrhhvbZQL0/iu1fz7GhQ8H69QKue8mo3iQvv/YOegoJNby2rKpLE2mGKXifyHg9uz3Lq4BTUeSEY31vZzOwYmbOFfRuevM6ot++oAAAAASUVORK5CYII=";
+function ft() {
+  const { showBackButton: e } = p.useContext(V);
+  return e;
+}
+const _n = U(
+  rt,
+  { shouldForwardProp: (e) => !["open", "drawerWidth", "height"].includes(String(e)) }
+)(({ theme: e, open: t, drawerWidth: n, height: a }) => ({
+  zIndex: e.zIndex.drawer + 1,
+  transition: e.transitions.create(["width", "margin"], {
+    easing: e.transitions.easing.sharp,
+    duration: e.transitions.duration.leavingScreen
+  }),
+  height: a,
+  ...t && {
+    marginLeft: n,
+    width: `calc(100% - ${n}px)`,
+    transition: e.transitions.create(["width", "margin"], {
+      easing: e.transitions.easing.sharp,
+      duration: e.transitions.duration.enteringScreen
+    })
+  }
+})), er = U(
+  rt,
+  { 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, {
+    ["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), {
+    start: y = null,
+    //: title = config('app.name', document.title),
+    end: k = null
+  } = e, b = mt();
+  return /* @__PURE__ */ r(
+    s,
+    {
+      open: c,
+      height: h,
+      drawerWidth: g,
+      ...t,
+      children: /* @__PURE__ */ m(Wt, { children: [
+        (n && !c || !n && !d) && /* @__PURE__ */ r(o, {}),
+        !n && d && /* @__PURE__ */ r(i, {}),
+        n ? null : y,
+        /* @__PURE__ */ r(
+          j,
+          {
+            width: "100%",
+            variant: "h6",
+            noWrap: !0,
+            component: "div",
+            children: !n && b || H("app.name", document.title)
+          }
+        ),
+        /* @__PURE__ */ r(N, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ m(
+          N,
+          {
+            display: "flex",
+            alignItems: "center",
+            children: [
+              u && /* @__PURE__ */ r(l, {}),
+              k || /* @__PURE__ */ r(
+                Ut,
+                {
+                  src: a ? Xn : Jn,
+                  alt: "Luminix",
+                  variant: "square",
+                  sx: {
+                    width: 40,
+                    height: 40,
+                    marginLeft: u ? 2 : 0
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+function nr(e) {
+  return /* @__PURE__ */ r(
+    R,
+    {
+      component: ae,
+      to: -1,
+      edge: "start",
+      color: "inherit",
+      "aria-label": "back",
+      ...e,
+      children: /* @__PURE__ */ r(Ie, {})
+    }
+  );
+}
+const $e = (e, t) => ({
+  width: t,
+  transition: e.transitions.create("width", {
+    easing: e.transitions.easing.sharp,
+    duration: e.transitions.duration.enteringScreen
+  }),
+  overflowX: "hidden"
+}), He = (e) => ({
+  transition: e.transitions.create("width", {
+    easing: e.transitions.easing.sharp,
+    duration: e.transitions.duration.leavingScreen
+  }),
+  overflowX: "hidden",
+  width: `calc(${e.spacing(9)} + 1px)`,
+  [e.breakpoints.up("sm")]: { width: `calc(${e.spacing(10)} + 1px)` }
+}), rr = U(
+  at,
+  { 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)
+  },
+  ...!t && {
+    ...He(e),
+    "& .MuiDrawer-paper": He(e)
+  }
+})), ar = U(
+  at,
+  { shouldForwardProp: (e) => e !== "width" }
+)(() => ({})), or = 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();
+  return /* @__PURE__ */ m(
+    o,
+    {
+      variant: n ? "permanent" : "temporary",
+      open: a,
+      width: l,
+      onClose: s,
+      PaperProps: { sx: { width: l } },
+      sx: {
+        display: "flex",
+        direction: "flex-column",
+        flexWrap: "nowrap",
+        height: "100%"
+      },
+      ...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(
+          c,
+          {
+            collapsed: !a && n,
+            items: u,
+            onClick: () => !n && s()
+          }
+        ) })
+      ]
+    }
+  );
+}, lr = () => {
+  const e = mt(), t = L("breakpoint", "md"), n = ft(), {
+    ["Layout.BackButton"]: a
+  } = A("cms").getComponents();
+  return /* @__PURE__ */ m(
+    De,
+    {
+      sx: {
+        display: { xs: "none", [t]: "flex" },
+        boxShadow: (s) => s.shadows[3],
+        py: 2,
+        px: 3,
+        borderRadius: 0,
+        alignItems: "center"
+      },
+      children: [
+        n && /* @__PURE__ */ r(a, {}),
+        /* @__PURE__ */ r(j, { variant: "h5", noWrap: !0, children: e })
+      ]
+    }
+  );
+}, Ne = p.createContext({
+  Model: null,
+  anchorEl: null,
+  setAnchorEl: () => {
+  },
+  columnsFilter: [],
+  setColumnsFilter: () => {
+  },
+  searchParams: new URLSearchParams(),
+  setSearchParams: () => {
+  },
+  clearSearchParams: () => {
+  },
+  clearFilters: () => {
+  }
+}), _ = p.createContext({
+  key: "",
+  type: "",
+  operator: "",
+  value: "",
+  isRelation: !1,
+  //
+  setKey: () => {
+  },
+  setType: () => {
+  },
+  setOperator: () => {
+  },
+  setValue: () => {
+  },
+  setIsRelation: () => {
+  }
+}), ir = (e) => {
+  if (!Array.isArray(e))
+    return e;
+  let t;
+  return f.isEmpty(e) ? t = "" : t = e[0], t;
+}, cr = (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());
+  }
+  return l;
+};
+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))
+        return [];
+      switch (n.getInputType(M)) {
+        case "number":
+          return 0;
+        case "boolean":
+          return 0;
+        default:
+          return "";
+      }
+    })), l(T), d(M);
+  }, w = async (C) => {
+    const T = C.target.value;
+    i !== T && g((D) => {
+      switch (T) {
+        case "between":
+        case "notBetween":
+          return cr(D);
+        case "null":
+        case "notNull":
+          return "1";
+        default:
+          return ir(D);
+      }
+    }), c(T);
+  };
+  return p.useEffect(() => {
+    s((C) => C.map((D, M) => e === M ? {
+      ...D,
+      key: o,
+      operator: i,
+      type: u,
+      value: h,
+      is_relation: y
+    } : D));
+  }, [o, i, u, h, y]), {
+    columns: b,
+    key: o,
+    setKey: l,
+    operator: i,
+    setOperator: c,
+    type: u,
+    setType: d,
+    value: h,
+    setValue: g,
+    isRelation: y,
+    setIsRelation: k,
+    handleKey: S,
+    handleOperator: w,
+    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(), {
+    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)));
+  };
+  return p.useEffect(() => {
+    a.length > 0 && (async () => g(await ur(t, n, a)))();
+  }, []), p.useEffect(() => {
+    let b = !0;
+    if (y)
+      return (async () => b && d(await Ze(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([]));
+  }, [h]), /* @__PURE__ */ r(
+    Vt,
+    {
+      sx: { width: e ? 377 : "100%" },
+      open: o,
+      onOpen: () => {
+        l(!0);
+      },
+      onClose: () => {
+        l(!1);
+      },
+      value: h,
+      onChange: (b, x) => {
+        g(x);
+      },
+      inputValue: i,
+      onInputChange: k,
+      options: u.all() || [],
+      getOptionLabel: (b) => b.getLabel(),
+      isOptionEqualToValue: (b, x) => b.getKey() === x.getKey(),
+      filterOptions: (b) => b,
+      renderInput: (b) => /* @__PURE__ */ r(
+        mr,
+        {
+          params: b,
+          loading: y
+        }
+      ),
+      size: "small",
+      loading: y,
+      disableCloseOnSelect: !0,
+      autoHighlight: !0,
+      multiple: !0
+    }
+  );
+}, mr = ({ params: e, loading: t }) => {
+  const { t: n } = I();
+  return /* @__PURE__ */ r(
+    re,
+    {
+      ...e,
+      label: n("Value"),
+      InputProps: {
+        ...e.InputProps,
+        endAdornment: /* @__PURE__ */ m(p.Fragment, { children: [
+          t ? /* @__PURE__ */ r(Yt, { color: "inherit", size: 20 }) : null,
+          e.InputProps.endAdornment
+        ] })
+      }
+    }
+  );
+}, me = ({ index: e = null }) => {
+  const { t } = I(), n = v(), a = A("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(
+    () => e !== null ? o[e] : o,
+    [o]
+  ), h = (g) => {
+    l(typeof e == "number" ? (y) => {
+      const k = y;
+      return k[e] = g.target.value, [...k];
+    } : g.target.value);
+  };
+  return /* @__PURE__ */ r(
+    re,
+    {
+      type: a.getInputType(s),
+      label: u,
+      value: d || /* @__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: [
+    /* @__PURE__ */ r(
+      zt,
+      {
+        checked: t,
+        onChange: (s) => {
+          const o = s.target.checked;
+          n(o ? 1 : 0);
+        },
+        inputProps: { "aria-label": "filter-controlled" },
+        size: "small"
+      }
+    ),
+    e && /* @__PURE__ */ r(N, { width: 325 })
+  ] });
+}, fe = ({ index: e = null }) => {
+  const { t } = I(), n = v(), a = A("filter"), {
+    type: s,
+    value: o,
+    setValue: l
+  } = p.useContext(_), i = e !== null ? `${t("Value")} ${e + 1}` : `${t("Value")}`, c = p.useMemo(
+    () => e !== null ? o[e] : o,
+    [o]
+  ), u = (d) => {
+    l(typeof e == "number" ? (h) => {
+      const g = h;
+      return g[e] = d.target.value, [...g];
+    } : d.target.value);
+  };
+  return /* @__PURE__ */ r(
+    re,
+    {
+      type: a.getInputType(s),
+      label: i,
+      value: c || "",
+      onChange: u,
+      sx: { width: n ? 167.5 : "100%" },
+      size: "small"
+    }
+  );
+}, ge = () => {
+  const e = v(), t = A("filter"), { type: n, operator: a } = p.useContext(_), s = p.useMemo(
+    () => ["between", "notBetween"].includes(a),
+    [a]
+  );
+  if (["null", "notNull"].includes(a))
+    return e ? /* @__PURE__ */ r(N, { 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: [
+          /* @__PURE__ */ r(fe, { index: 0 }),
+          /* @__PURE__ */ r(fe, { index: 1 })
+        ] });
+    }
+  switch (t.getInputType(n)) {
+    case "date":
+    case "datetime-local":
+      return /* @__PURE__ */ r(me, {});
+    case "autocomplete":
+      return /* @__PURE__ */ r(hr, {});
+    case "boolean":
+      return /* @__PURE__ */ r(fr, {});
+    default:
+      return /* @__PURE__ */ r(fe, {});
+  }
+}, 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,
+    key: c,
+    setKey: u,
+    operator: d,
+    setOperator: h,
+    type: g,
+    setType: y,
+    value: k,
+    setValue: b,
+    isRelation: x,
+    setIsRelation: S,
+    handleKey: w,
+    handleOperator: C,
+    handleRemoveColumn: T
+  } = dr(e, t), D = ["boolean"].includes(o.getInputType(g));
+  return /* @__PURE__ */ r(
+    _.Provider,
+    {
+      value: {
+        key: c,
+        setKey: u,
+        type: g,
+        setType: y,
+        operator: d,
+        setOperator: h,
+        value: k,
+        setValue: b,
+        isRelation: x,
+        setIsRelation: S
+      },
+      children: /* @__PURE__ */ m(
+        Y,
+        {
+          container: !0,
+          display: "flex",
+          flexDirection: {
+            xs: "column",
+            [s]: "row"
+          },
+          flexWrap: {
+            xs: "wrap",
+            [s]: "nowrap"
+          },
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 0.5,
+          children: [
+            /* @__PURE__ */ m(
+              B,
+              {
+                display: "flex",
+                flexDirection: {
+                  xs: "column",
+                  [s]: "row"
+                },
+                alignItems: "center",
+                width: "100%",
+                my: 1,
+                gap: 1.5,
+                children: [
+                  /* @__PURE__ */ m(
+                    B,
+                    {
+                      direction: "row",
+                      alignItems: "center",
+                      ...!a && { width: "100%" },
+                      gap: 1,
+                      children: [
+                        /* @__PURE__ */ m(xe, { sx: {
+                          width: a ? 165 : `calc(100% - ${D ? 88 : 44}px)`
+                        }, children: [
+                          /* @__PURE__ */ r(
+                            we,
+                            {
+                              id: "filter-column-select-label",
+                              size: "small",
+                              children: n("Column")
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            se,
+                            {
+                              labelId: "filter-column-select-label",
+                              id: "filter-column-select",
+                              value: c,
+                              onChange: w,
+                              size: "small",
+                              children: i.map(({ key: M, label: $ }) => /* @__PURE__ */ r(
+                                Z,
+                                {
+                                  value: M,
+                                  children: $
+                                },
+                                `column_${M}_option`
+                              ))
+                            }
+                          )
+                        ] }),
+                        !a && /* @__PURE__ */ m(
+                          B,
+                          {
+                            direction: "row",
+                            alignItems: "center",
+                            children: [
+                              D && /* @__PURE__ */ r(ge, {}),
+                              /* @__PURE__ */ r(
+                                R,
+                                {
+                                  color: "error",
+                                  onClick: T(e),
+                                  children: /* @__PURE__ */ r(Ye, {})
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  !x && !D && /* @__PURE__ */ m(xe, { sx: {
+                    width: a ? 135 : "100%"
+                  }, children: [
+                    /* @__PURE__ */ r(
+                      we,
+                      {
+                        id: "filter-operator-select-label",
+                        size: "small",
+                        children: n("Operator")
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      se,
+                      {
+                        labelId: "filter-operator-select-label",
+                        id: "filter-operator-select",
+                        value: d,
+                        onChange: C,
+                        size: "small",
+                        children: l.map(({ key: M, label: $ }) => /* @__PURE__ */ r(
+                          Z,
+                          {
+                            value: M,
+                            children: n($)
+                          },
+                          `operator_${M}_option`
+                        ))
+                      }
+                    )
+                  ] }),
+                  a ? /* @__PURE__ */ r(ge, {}) : !D && /* @__PURE__ */ r(ge, {})
+                ]
+              },
+              `filter_${c}_${e}`
+            ),
+            a && /* @__PURE__ */ r(
+              R,
+              {
+                color: "error",
+                onClick: T(e),
+                children: /* @__PURE__ */ r(Ye, {})
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, gt = (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]);
+          return f.isEmpty(g) ? "equals" : g;
+        })();
+        if (!n.getOperators().includes(d))
+          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");
+        let h = c;
+        switch (n.getInputType(u.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);
+            break;
+          }
+          case "boolean": {
+            h = f.toNumber(c);
+            break;
+          }
+        }
+        o.push({
+          key: u.key,
+          operator: d,
+          type: u.type,
+          value: h,
+          is_relation: u.is_relation
+        });
+      });
+    });
+  }), o;
+}, yr = (e) => {
+  const t = A("filter"), n = new URLSearchParams();
+  return e.forEach((a) => {
+    const { key: s, operator: o, value: l, type: i } = 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)) {
+          case "datetime-local": {
+            h = new Date(u).toISOString();
+            break;
+          }
+        }
+        n.set(`where[${f.camelCase(s)}${c}][${d}]`, h);
+      });
+    else {
+      let u = l;
+      switch (t.getInputType(i)) {
+        case "datetime-local": {
+          u = new Date(l).toISOString();
+          break;
+        }
+      }
+      n.set(`where[${f.camelCase(s)}${c}]`, u);
+    }
+  }), 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(() => {
+      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(() => {
+      u([]);
+    }, 300);
+  };
+  return p.useEffect(() => {
+    const x = br(h, a);
+    u(x);
+  }, [h, a, l]), /* @__PURE__ */ m(
+    Ne.Provider,
+    {
+      value: {
+        Model: n,
+        anchorEl: l,
+        setAnchorEl: i,
+        columnsFilter: c,
+        setColumnsFilter: u,
+        searchParams: a,
+        setSearchParams: s,
+        clearSearchParams: k,
+        clearFilters: b
+      },
+      children: [
+        /* @__PURE__ */ r(
+          R,
+          {
+            "aria-describedby": "model-filter-popover-button",
+            "aria-label": "filter",
+            onClick: g,
+            children: /* @__PURE__ */ r(
+              Te,
+              {
+                color: "secondary",
+                variant: "dot",
+                invisible: !o,
+                children: /* @__PURE__ */ r(ln, {})
+              }
+            )
+          }
+        ),
+        t ? /* @__PURE__ */ r(
+          Kt,
+          {
+            id: "model-filter-popover",
+            open: d,
+            anchorEl: l,
+            onClose: y,
+            anchorOrigin: {
+              vertical: "bottom",
+              horizontal: "left"
+            },
+            children: /* @__PURE__ */ r(Qe, {})
+          }
+        ) : /* @__PURE__ */ r(
+          ve,
+          {
+            open: d,
+            onClose: y,
+            fullWidth: !0,
+            children: /* @__PURE__ */ r(Qe, {})
+          }
+        )
+      ]
+    }
+  );
+}, je = p.createContext({
+  columns: [],
+  columnCount: 0,
+  selected: O([]),
+  massActions: [],
+  items: O([]),
+  error: new Error("Trying to access TableContext outside of TableProvider"),
+  Model: null
+});
+function qe() {
+  const {
+    selected: e,
+    items: t
+  } = p.useContext(je), n = _e(e), a = () => {
+    e.splice(0, e.count());
+  }, s = (u) => {
+    const d = e.search(u);
+    if (d !== !1) {
+      e.pull(d);
+      return;
+    }
+    e.push(u);
+  }, o = () => {
+    if (t) {
+      if (e.count() === t.count()) {
+        a();
+        return;
+      }
+      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;
+  return {
+    selected: n,
+    indeterminate: i,
+    allSelected: c,
+    isSelected: l,
+    handleClearSelected: a,
+    handleSelectToggle: s,
+    handleSelectToggleAll: o
+  };
+}
+function G() {
+  return p.useContext(je);
+}
+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);
+  };
+  if (p.useEffect(() => {
+    a.isEmpty() && n("");
+  }, [a]), l.length === 0)
+    return null;
+  const c = a.isEmpty() ? s("Select items to apply") : s("Select action");
+  return /* @__PURE__ */ m(
+    B,
+    {
+      direction: "row",
+      alignItems: "center",
+      ...e,
+      children: [
+        /* @__PURE__ */ m(
+          xe,
+          {
+            sx: { m: 1, minWidth: 200 },
+            size: "small",
+            children: [
+              /* @__PURE__ */ r(we, { id: "mass-actions-select-label", children: c }),
+              /* @__PURE__ */ m(
+                se,
+                {
+                  labelId: "mass-actions-select-label",
+                  id: "mass-actions-select",
+                  value: t,
+                  label: c,
+                  onChange: i,
+                  disabled: a.isEmpty(),
+                  children: [
+                    /* @__PURE__ */ r(Z, { value: "", children: /* @__PURE__ */ r("em", { children: s("None") }) }),
+                    l.map((u) => /* @__PURE__ */ r(
+                      Z,
+                      {
+                        value: u.key,
+                        children: u.label
+                      },
+                      u.key
+                    ))
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          E,
+          {
+            size: "small",
+            disabled: a.isEmpty() || !t,
+            onClick: () => {
+              var u;
+              (u = l.find((d) => d.key === t)) == null || u.callback({
+                selected: a,
+                ...o
+              });
+            },
+            children: s("Apply")
+          }
+        )
+      ]
+    }
+  );
+}
+const Sr = () => {
+  const { handleDrawerOpen: e } = Re();
+  return /* @__PURE__ */ r(
+    R,
+    {
+      color: "inherit",
+      "aria-label": "open drawer",
+      edge: "start",
+      onClick: e,
+      sx: { mr: { md: 2 } },
+      children: /* @__PURE__ */ r(cn, {})
+    }
+  );
+}, ie = p.forwardRef(({ to: e, children: t, ...n }, a) => /* @__PURE__ */ r(
+  Se,
+  {
+    component: ae,
+    to: e,
+    ref: a,
+    sx: { textDecoration: "none" },
+    ...n,
+    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,
+    meta: {
+      current_page: c = 1,
+      links: u = [],
+      last_page: d = 1
+    } = {}
+  } = ne(), {
+    first: h,
+    prev: g,
+    next: y,
+    last: k
+  } = i || {}, b = (S) => {
+    S.preventDefault(), s((w) => (w.set("page", o || "1"), w));
+  }, x = [
+    { url: c > 1 ? h : null, label: "&laquo; First", active: !1 },
+    { url: g, label: "&laquo; Previous", active: !1 },
+    {
+      element: /* @__PURE__ */ r(
+        At,
+        {
+          onSubmit: b,
+          preventScrollReset: !0,
+          children: /* @__PURE__ */ r(
+            re,
+            {
+              size: "small",
+              type: "number",
+              variant: "standard",
+              sx: {
+                width: 56,
+                "& input": {
+                  textAlign: "center",
+                  "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+                    WebkitAppearance: "none",
+                    margin: 0
+                  }
+                }
+              },
+              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("");
+              },
+              onBlur: (S) => {
+                s((w) => (w.set("page", S.target.value || "1"), w), { replace: !0 });
+              },
+              disabled: d === 1,
+              "aria-label": "Page number"
+            }
+          )
+        },
+        "page"
+      )
+    },
+    { url: y, label: "Next &raquo;", active: !1 },
+    { url: c < d ? k : null, label: "Last &raquo;", active: !1 }
+  ];
+  return p.useEffect(() => {
+    c && l(String(c));
+  }, [c]), /* @__PURE__ */ r(
+    B,
+    {
+      spacing: 1,
+      direction: "row",
+      justifyContent: "center",
+      alignItems: "center",
+      ...t,
+      children: (n ? u : x).map((S, w) => S.element || /* @__PURE__ */ r(
+        E,
+        {
+          variant: S.active ? "contained" : "text",
+          color: "primary",
+          size: "small",
+          sx: {
+            minWidth: "unset",
+            width: 32,
+            height: 32,
+            borderRadius: "50%"
+          },
+          disabled: !S.url,
+          component: ie,
+          to: S.url,
+          children: /* @__PURE__ */ r(kr, { label: S.label })
+        },
+        w
+      ))
+    }
+  );
+}, Cr = () => {
+  const { t: e } = I(), {
+    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", {
+    from: n,
+    to: a,
+    total: t
+  }) });
+}, vr = () => {
+  const { t: e } = I(), {
+    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;
+    });
+  }, s = Ce(
+    A("cms"),
+    "perPageOptions",
+    [15, 30, 75, 150]
+  );
+  return /* @__PURE__ */ m(
+    B,
+    {
+      direction: "row",
+      alignItems: "center",
+      gap: 1,
+      children: [
+        /* @__PURE__ */ m(j, { variant: "caption", children: [
+          e("Rows per page"),
+          ":"
+        ] }),
+        /* @__PURE__ */ r(
+          se,
+          {
+            value: t,
+            onChange: a,
+            size: "small",
+            variant: "standard",
+            sx: {
+              fontSize: (o) => o.typography.caption.fontSize,
+              "& .MuiSelect-select": {
+                py: 0.5
+              }
+            },
+            children: s.map((o) => /* @__PURE__ */ r(
+              Z,
+              {
+                value: o,
+                sx: {
+                  fontSize: (l) => l.typography.caption.fontSize,
+                  minHeight: "unset",
+                  lineHeight: 1,
+                  py: 1.5
+                },
+                children: o
+              },
+              o
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+function Dr(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);
+    };
+    return window.addEventListener("keydown", o), window.addEventListener("keyup", l), () => {
+      window.removeEventListener("keydown", o), window.removeEventListener("keyup", l);
+    };
+  }, [e, t]), n;
+}
+const Tr = U(re)(({ theme: e }) => ({
+  "& .MuiInputBase-root": {
+    backgroundColor: e.palette.background.paper
+  }
+  // transition: 'width 250ms ease-in-out',
+})), Fr = 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();
+  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 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,
+      {
+        variant: "dot",
+        color: "secondary",
+        invisible: !n,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        children: /* @__PURE__ */ r(ze, {})
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      ot,
+      {
+        orientation: "horizontal",
+        in: d || o,
+        addEndListener: () => {
+          var g;
+          !d && o && ((g = i.current) == null || g.focus());
+        },
+        unmountOnExit: !1,
+        children: /* @__PURE__ */ r(
+          Tr,
+          {
+            placeholder: d ? `(Ctrl + /) ${c("Search...")}` : `${c("Search...")}`,
+            value: a,
+            InputProps: {
+              endAdornment: /* @__PURE__ */ r(ze, {})
+            },
+            inputProps: {
+              ref: i
+            },
+            onChange: u,
+            onBlur: () => l(!1),
+            sx: { width: h },
+            size: "small"
+          }
+        )
+      }
+    )
+  ] });
+}, Pr = ({ children: e, ...t }) => /* @__PURE__ */ r(
+  z,
+  {
+    sx: { width: "1px" },
+    padding: "checkbox",
+    ...t,
+    children: e
+  }
+), Mr = () => {
+  const { t: e } = I(), [t, n] = q(), {
+    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 = () => {
+    y(!0);
+  }, b = () => {
+    y(!1), u(l), h(i);
+  }, x = () => {
+    if (!c || !d) {
+      y(!1);
+      return;
+    }
+    n((w) => {
+      const C = new URLSearchParams(w);
+      return C.set("order_by", `${c}:${d}`), C;
+    }), y(!1);
+  }, S = () => {
+    n((w) => {
+      const C = new URLSearchParams(w);
+      return C.delete("order_by"), C;
+    }), y(!1), u(""), h("");
+  };
+  return /* @__PURE__ */ m(F, { children: [
+    /* @__PURE__ */ r(R, { onClick: k, children: /* @__PURE__ */ r(
+      Te,
+      {
+        color: "secondary",
+        variant: "dot",
+        invisible: !l,
+        children: /* @__PURE__ */ r(pn, {})
+      }
+    ) }),
+    /* @__PURE__ */ m(ve, { open: g, onClose: b, fullWidth: !0, children: [
+      /* @__PURE__ */ m(et, { children: [
+        e("Sort :model", { model: s.plural() }),
+        /* @__PURE__ */ r(
+          R,
+          {
+            onClick: b,
+            sx: { position: "absolute", right: 8, top: 8 },
+            children: /* @__PURE__ */ r(ut, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ m(tt, { dividers: !0, children: [
+        /* @__PURE__ */ m(
+          We,
+          {
+            value: c,
+            onChange: (w) => {
+              u(w.target.value), d || 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,
+                {
+                  value: w,
+                  control: /* @__PURE__ */ r(de, {}),
+                  label: C
+                },
+                w
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(j, { variant: "caption", children: e("Direction") }),
+        /* @__PURE__ */ r(oe, {}),
+        /* @__PURE__ */ m(
+          We,
+          {
+            value: d,
+            onChange: (w) => h(w.target.value),
+            children: [
+              /* @__PURE__ */ r(
+                ue,
+                {
+                  value: "asc",
+                  control: /* @__PURE__ */ r(de, {}),
+                  label: /* @__PURE__ */ m(F, { children: [
+                    e("Ascending"),
+                    /* @__PURE__ */ r(hn, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ r(
+                ue,
+                {
+                  value: "desc",
+                  control: /* @__PURE__ */ r(de, {}),
+                  label: /* @__PURE__ */ m(F, { children: [
+                    e("Descending"),
+                    /* @__PURE__ */ r(mn, {})
+                  ] })
+                }
+              )
+            ]
+          }
+        )
+      ] }),
+      /* @__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") })
+      ] })
+    ] })
+  ] });
+}, 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(() => [
+    {
+      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"),
+    `model${f.upperFirst(f.camelCase(s.getSchemaName()))}Columns`,
+    c
+  ), y = (u ? h.length : 1) + (d.length > 0 ? 2 : 1), k = {
+    columns: h,
+    columnCount: y,
+    massActions: d,
+    items: e,
+    loading: t,
+    selected: o,
+    error: a,
+    Model: s
+  };
+  return /* @__PURE__ */ r(je.Provider, { value: k, children: n });
+}, Er = ({
+  items: e,
+  loading: t,
+  error: n,
+  children: a,
+  ...s
+}) => /* @__PURE__ */ r(
+  Br,
+  {
+    items: e,
+    loading: t,
+    error: n,
+    children: /* @__PURE__ */ r($t, { component: De, children: /* @__PURE__ */ r(Ht, { ...s, children: a }) })
+  }
+), Lr = ({ children: e, ...t }) => {
+  const {
+    massActions: n,
+    columns: a,
+    items: s
+  } = G(), o = v(), [l, i] = q(), {
+    indeterminate: c,
+    allSelected: u,
+    handleSelectToggleAll: d
+  } = qe(), {
+    ["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;
+    });
+  };
+  return /* @__PURE__ */ m(Zt, { ...t, children: [
+    e,
+    o && /* @__PURE__ */ m(J, { children: [
+      n.length > 0 && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+        Fe,
+        {
+          indeterminate: c,
+          checked: u,
+          onChange: d,
+          disabled: s && s.count() === 0
+        }
+      ) }),
+      a.map(({ key: x, label: S, sortable: w = !0, ...C }) => /* @__PURE__ */ r(
+        z,
+        {
+          sortDirection: w && y === x && k || !1,
+          ...C,
+          children: /* @__PURE__ */ m(
+            Gt,
+            {
+              active: w && y === x,
+              direction: k,
+              onClick: b(x),
+              children: [
+                S,
+                w && y === x ? /* @__PURE__ */ r(N, { component: "span", sx: { visibility: "hidden", display: "none" }, children: k === "desc" ? "sorted descending" : "sorted ascending" }) : null
+              ]
+            }
+          )
+        },
+        x
+      )),
+      /* @__PURE__ */ r(h, {})
+    ] })
+  ] });
+}, Or = () => {
+  const {
+    massActions: e,
+    columns: t
+  } = G(), 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,
+      {
+        variant: "text",
+        height: 24
+      }
+    ) }, g)),
+    !n && /* @__PURE__ */ r(z, { sx: { px: 0 }, children: Array.from({ length: t.length }).map((c, u) => /* @__PURE__ */ r(
+      Ue,
+      {
+        variant: "text",
+        width: "100%",
+        height: 24
+      },
+      u
+    )) }),
+    /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(dt, {}) }) })
+  ] }, i)) });
+}, Rr = ({ children: e, ...t }) => {
+  const n = K(), { t: a } = I(), {
+    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, {}),
+    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", {
+        model: n.plural().toLocaleLowerCase()
+      }) }),
+      /* @__PURE__ */ r("br", {}),
+      /* @__PURE__ */ r(i, {})
+    ] }) })
+  ] });
+}, X = U(j)(() => ({
+  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: [
+  /* @__PURE__ */ m("label", { children: [
+    e,
+    ":"
+  ] }),
+  " ",
+  t
+] }) : t instanceof Date ? /* @__PURE__ */ m(X, { children: [
+  /* @__PURE__ */ m("label", { children: [
+    e,
+    ":"
+  ] }),
+  t.toLocaleString(H("app.locale", "en"))
+] }) : typeof t == "object" && !p.isValidElement(t) ? /* @__PURE__ */ m(X, { children: [
+  /* @__PURE__ */ m("label", { children: [
+    e,
+    ":"
+  ] }),
+  " ",
+  JSON.stringify(t)
+] }) : /* @__PURE__ */ m(p.Fragment, { children: [
+  /* @__PURE__ */ r(j, { 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) => ({
+    ...g,
+    content: A("cms")[`model${e.constructor.name}Get${f.upperFirst(f.camelCase(g.key))}Content`](e.getAttribute(g.key), e)
+  })), [l, e]), {
+    ["ModelIndex.Table.ShrinkedCell"]: c,
+    ["ModelIndex.InstanceActions"]: u
+  } = A("cms").getComponents(), {
+    isSelected: d,
+    handleSelectToggle: h
+  } = qe();
+  return /* @__PURE__ */ m(
+    J,
+    {
+      ...t,
+      sx: { cursor: e.deletedAt ? "default" : "pointer" },
+      selected: d(e),
+      hover: !e.deletedAt,
+      children: [
+        o.length > 0 && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
+          Fe,
+          {
+            checked: d(e),
+            onChange: () => h(e)
+          }
+        ) }),
+        n && i.map(({ key: g, label: y, sortable: k, content: b, ...x }) => /* @__PURE__ */ r(
+          z,
+          {
+            ...x,
+            onClick: () => {
+              e.deletedAt || a(`/${f.kebabCase(s.plural())}/${e.getKey()}`);
+            },
+            children: /* @__PURE__ */ r(
+              Nr,
+              {
+                label: y,
+                content: b
+              }
+            )
+          },
+          g
+        )),
+        !n && /* @__PURE__ */ r(
+          z,
+          {
+            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))
+          }
+        ),
+        /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(u, { item: e }) })
+      ]
+    }
+  );
+}, Wr = ({ children: e, ...t }) => {
+  const {
+    columnCount: n
+  } = G(), 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(
+      B,
+      {
+        direction: a ? "row" : "column-reverse",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 3,
+        children: [
+          /* @__PURE__ */ m(
+            B,
+            {
+              direction: a ? "row" : "column-reverse",
+              alignItems: a ? "center" : "flex-start",
+              justifyContent: "flex-start",
+              width: { xs: "100%", [s]: "auto" },
+              gap: a ? 2 : 0,
+              children: [
+                /* @__PURE__ */ r(i, {}),
+                /* @__PURE__ */ r(l, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            o,
+            {
+              variant: a ? "default" : "compact",
+              justifyContent: { xs: "center", [s]: "flex-end" }
+            }
+          )
+        ]
+      }
+    ) }) }),
+    e
+  ] });
+}, Ur = () => {
+  const {
+    columnCount: e
+  } = G(), {
+    ["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(
+    B,
+    {
+      direction: { xs: "column", [l]: "row" },
+      justifyContent: "space-between",
+      spacing: 1,
+      children: [
+        /* @__PURE__ */ m(
+          B,
+          {
+            direction: "row",
+            alignItems: "center",
+            width: { [l]: "100%" },
+            children: [
+              /* @__PURE__ */ r(t, {}),
+              !o && /* @__PURE__ */ r(a, {})
+            ]
+          }
+        ),
+        o && /* @__PURE__ */ r(
+          B,
+          {
+            direction: "row",
+            alignItems: "center",
+            justifyContent: { xs: "center", [l]: "flex-end" },
+            rowGap: 2,
+            children: /* @__PURE__ */ r(
+              s,
+              {
+                variant: "compact",
+                justifyContent: "end"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(n, {})
+      ]
+    }
+  ) }) });
+};
+function Vr() {
+  const e = K(), { t } = I(), [n, a] = q(), s = n.get("tab") || "all", o = (c, u) => {
+    a(() => {
+      const d = new URLSearchParams();
+      return u !== "all" && d.set("tab", u), d;
+    });
+  }, l = p.useMemo(() => e.getSchema().softDeletes ? [{ label: t("Trashed"), value: "trashed" }] : [], [e]), i = Ce(
+    A("cms"),
+    `model${f.upperFirst(f.camelCase(e.getSchemaName()))}Tabs`,
+    l
+  );
+  return i.length === 0 ? null : /* @__PURE__ */ r(N, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ m(
+    Jt,
+    {
+      value: s,
+      onChange: o,
+      variant: "scrollable",
+      scrollButtons: "auto",
+      "aria-label": `tabs for ${e.singular()}`,
+      allowScrollButtonsMobile: !0,
+      children: [
+        /* @__PURE__ */ r(
+          Ve,
+          {
+            label: t("All"),
+            value: "all"
+          }
+        ),
+        i.map((c) => /* @__PURE__ */ r(
+          Ve,
+          {
+            label: c.label,
+            value: c.value
+          },
+          c.value
+        ))
+      ]
+    }
+  ) });
+}
+function Yr(e) {
+  const {
+    parts: t,
+    ...n
+  } = e;
+  return /* @__PURE__ */ m(
+    _t,
+    {
+      "aria-label": "breadcrumb",
+      ...n,
+      children: [
+        /* @__PURE__ */ r(
+          Se,
+          {
+            underline: "hover",
+            color: "inherit",
+            to: "/",
+            component: ae,
+            children: H("app.name", "Laravel")
+          }
+        ),
+        t == null ? void 0 : t.map(({ name: a, href: s }, o) => s ? /* @__PURE__ */ r(
+          Se,
+          {
+            underline: "hover",
+            color: "inherit",
+            to: s,
+            component: ae,
+            children: a
+          },
+          o
+        ) : /* @__PURE__ */ r(
+          j,
+          {
+            color: "text.primary",
+            children: a
+          },
+          o
+        ))
+      ]
+    }
+  );
+}
+const bt = ({
+  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: [
+    t.map((g) => {
+      const {
+        text: y,
+        icon: k,
+        element: b = null,
+        key: x,
+        children: S,
+        to: w,
+        onClick: C
+      } = g;
+      return b || /* @__PURE__ */ m(
+        tn,
+        {
+          disablePadding: !0,
+          sx: { display: "block" },
+          children: [
+            /* @__PURE__ */ m(
+              nn,
+              {
+                sx: {
+                  minHeight: 48,
+                  justifyContent: e ? "center" : "initial",
+                  px: 2.5
+                },
+                onClick: (T) => {
+                  if (C && C(T), S) {
+                    if (e) {
+                      i(() => (o(T.currentTarget), S));
+                      return;
+                    }
+                    u({
+                      ...c,
+                      [x]: !c[x]
+                    });
+                    return;
+                  }
+                  n && n(T);
+                },
+                ...w ? { to: w, component: ie } : {},
+                children: [
+                  /* @__PURE__ */ m(
+                    st,
+                    {
+                      sx: {
+                        minWidth: 0,
+                        mr: e ? "unset" : 3,
+                        justifyContent: "center",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        color: "inherit"
+                      },
+                      children: [
+                        k,
+                        e && /* @__PURE__ */ r(
+                          j,
+                          {
+                            fontSize: 10,
+                            sx: { mt: 0.5 },
+                            children: y
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  !e && /* @__PURE__ */ r(lt, { primary: y }),
+                  !e && S && (c[x] ? /* @__PURE__ */ r(fn, {}) : /* @__PURE__ */ r(gn, {}))
+                ]
+              }
+            ),
+            S && !e && /* @__PURE__ */ r(
+              ot,
+              {
+                in: c[x],
+                timeout: "auto",
+                unmountOnExit: !0,
+                children: /* @__PURE__ */ r(
+                  bt,
+                  {
+                    items: S,
+                    onClick: n,
+                    collapsed: e,
+                    sx: { pl: e ? 0 : 2, pb: 0 }
+                  }
+                )
+              }
+            )
+          ]
+        },
+        x
+      );
+    }),
+    e && /* @__PURE__ */ r(
+      h,
+      {
+        items: l || [],
+        onClick: n,
+        collapsed: !1,
+        sx: { pl: e ? 0 : 2, pb: 0 },
+        anchorEl: s,
+        anchorOrigin: { vertical: "top", horizontal: "right" },
+        onClose: () => {
+          o(null), i(null);
+        },
+        open: !!s,
+        slotProps: { paper: { sx: { minWidth: d } } }
+      }
+    )
+  ] });
+}, yt = ({
+  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 {
+        text: c,
+        icon: u,
+        element: d = null,
+        key: h,
+        children: g,
+        onClick: y,
+        to: k
+      } = i;
+      return d || /* @__PURE__ */ m(
+        Z,
+        {
+          onClick: (b) => {
+            if (y && y(b), g) {
+              o({
+                ...s,
+                [h]: s[h] ? null : b.currentTarget
+              });
+              return;
+            }
+            n && n(b);
+          },
+          ...k ? {
+            component: ie,
+            to: k
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          } : {},
+          children: [
+            u && /* @__PURE__ */ r(
+              st,
+              {
+                sx: {
+                  minWidth: 0,
+                  mr: e ? "auto" : 3,
+                  justifyContent: "center",
+                  color: "inherit"
+                },
+                children: u
+              }
+            ),
+            /* @__PURE__ */ r(lt, { sx: { opacity: e ? 0 : 1 }, children: c }),
+            !e && g && /* @__PURE__ */ r(Pe, {})
+          ]
+        },
+        h
+      );
+    }) }),
+    t.map((i) => {
+      const { key: c, children: u } = i;
+      return u ? /* @__PURE__ */ r(
+        yt,
+        {
+          items: u,
+          onClick: n,
+          collapsed: e,
+          sx: { pl: e ? 0 : 2, pb: 0 },
+          open: !!s[c],
+          anchorEl: s[c],
+          anchorOrigin: { vertical: "top", horizontal: "right" },
+          onClose: () => o({ ...s, [c]: null }),
+          slotProps: { paper: { sx: { minWidth: l } } }
+        },
+        c
+      ) : null;
+    })
+  ] });
+}, be = {
+  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";
+    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?`, {
+        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`, {
+          count: t.count(),
+          model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
+        })), s();
+      } catch (u) {
+        Q(n)(u);
+      }
+  },
+  restore: (e) => async ({ selected: t, notify: n, dialog: a, refresh: s, t: o }) => {
+    if (await a({
+      title: o("Confirm restore"),
+      message: o("Are you sure you want to restore :count :model?", {
+        count: t.count(),
+        model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
+      }),
+      type: "confirm"
+    }))
+      try {
+        await e.restore(t.pluck(e.getSchema().primaryKey).all()), n(o("Successfully restored :count :model", {
+          count: t.count(),
+          model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
+        })), s();
+      } catch (i) {
+        Q(n)(i);
+      }
+  },
+  forceDelete: (e) => async ({ selected: t, notify: n, dialog: a, refresh: s, t: o }) => {
+    if (await a({
+      title: o("Confirm permanent deletion"),
+      message: o("Are you sure you want to delete permanently :count :model?", {
+        count: t.count(),
+        model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
+      }),
+      type: "confirm"
+    }))
+      try {
+        await e.forceDelete(t.pluck(e.getSchema().primaryKey).all()), n(o("Successfully deleted :count :model", {
+          count: t.count(),
+          model: f.lowerFirst(t.count() === 1 ? e.singular() : e.plural())
+        })), s();
+      } catch (i) {
+        Q(n)(i);
+      }
+  }
+}, ye = {
+  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”";
+    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}?`, {
+        model: f.lowerFirst(e.singular()),
+        label: t.getLabel()
+      }),
+      type: "confirm"
+    }))
+      try {
+        await t.delete(), n(o(`Successfully ${i}`, {
+          model: e.singular(),
+          label: t.getLabel()
+        })), s();
+      } catch (u) {
+        Q(n)(u);
+      }
+  },
+  restore: (e) => async ({ item: t, notify: n, dialog: a, refresh: s, t: o }) => {
+    if (await a({
+      title: o("Confirm restore"),
+      message: o("Are you sure you want to restore :model “:label”?", {
+        model: f.lowerFirst(e.singular()),
+        label: t.getLabel()
+      }),
+      type: "confirm"
+    }))
+      try {
+        await t.restore(), n(o("Successfully restored :model “:label”", {
+          model: e.singular(),
+          label: t.getLabel()
+        })), s();
+      } catch (i) {
+        Q(n)(i);
+      }
+  },
+  forceDelete: (e) => async ({ item: t, notify: n, dialog: a, refresh: s, t: o }) => {
+    if (await a({
+      title: o("Confirm permanent deletion"),
+      message: o("Are you sure you want to delete :model “:label” permanently?", {
+        model: f.lowerFirst(e.singular()),
+        label: t.getLabel()
+      }),
+      type: "confirm"
+    }))
+      try {
+        await t.forceDelete(), n(o("Successfully deleted :model “:label”", {
+          model: e.singular(),
+          label: t.getLabel()
+        })), s();
+      } catch (i) {
+        Q(n)(i);
+      }
+  }
+}, zr = {
+  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);
+  };
+  return /* @__PURE__ */ m(F, { children: [
+    /* @__PURE__ */ r(
+      R,
+      {
+        "aria-describedby": "model-item-actions",
+        "aria-label": "filter",
+        onClick: c,
+        children: /* @__PURE__ */ r(dt, {})
+      }
+    ),
+    /* @__PURE__ */ r(
+      it,
+      {
+        id: "model-item-actions",
+        anchorEl: o,
+        open: i,
+        onClose: u,
+        MenuListProps: {
+          "aria-labelledby": "model-item-action"
+        },
+        children: s.map((d) => /* @__PURE__ */ m(
+          Z,
+          {
+            onClick: () => {
+              d.callback({
+                item: e,
+                ...t
+              }), u();
+            },
+            sx: { px: 1, gap: 0.75 },
+            children: [
+              d.icon,
+              d.label
+            ]
+          },
+          d.label
+        ))
+      }
+    )
+  ] });
+};
+let P;
+class $r extends Je {
+  constructor(n = {}) {
+    super();
+    ce(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", () => {
+      this.bootModels();
+    });
+  }
+  boot() {
+    this.bootComponents(), this.bootRoutes(), this.bootMenu(), this.bootMassActions(), this.bootInstanceActions(), this.bootStaticActions(), (this.options.applyUserDefaults ?? !0) && this.bootDefaultUserModifiers();
+  }
+  bootModels() {
+    P.make("model").reducer(
+      "model",
+      (n, a) => class extends n {
+        static icon() {
+          return a === "user" ? /* @__PURE__ */ r(bn, {}) : /* @__PURE__ */ r(yn, {});
+        }
+      },
+      0
+    );
+  }
+  bootRoutes() {
+    P.make("cms").reducer("cmsRoutes", On, 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
+    }), 0);
+  }
+  bootMenu() {
+    P.make("cms").reducer("menuItems", (n, a) => [
+      ...n,
+      {
+        key: "dashboard",
+        text: "Dashboard",
+        to: "/",
+        icon: /* @__PURE__ */ r(xn, {})
+      },
+      ...Object.entries(a).sort(([s], [o]) => s.localeCompare(o)).map(([s, o]) => ({
+        key: s,
+        text: o.plural(),
+        // TODO: use route(`luminix.cms.${model}.index`) instead
+        to: "/" + f.kebabCase(o.plural()),
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        icon: o.icon()
+      }))
+    ], 0);
+  }
+  bootDefaultUserModifiers() {
+    P.make("cms").reducer("modelUserColumns", () => [
+      {
+        key: "name",
+        label: "Name",
+        scope: "row",
+        component: "th"
+      },
+      {
+        key: "email",
+        label: "Email",
+        align: "right",
+        size: "small"
+      },
+      {
+        key: "created_at",
+        label: "Created At",
+        align: "right",
+        size: "small"
+      }
+    ], 1), P.make("cms").reducer("wireModelFormProps", (n, a) => (a == null ? void 0 : a.getType()) === "user" ? {
+      ...n,
+      confirmed: "password"
+    } : n);
+  }
+  bootMassActions() {
+    P.make("cms").reducer("massActions", (n, a, s) => {
+      const o = [], { softDeletes: l } = a.getSchema();
+      return s !== "trashed" ? o.push({
+        key: "delete",
+        label: l ? "Send to trash" : "Delete permanently",
+        callback: be.delete(a)
+      }) : (o.push({
+        key: "restore",
+        label: "Restore",
+        callback: be.restore(a)
+      }), o.push({
+        key: "forceDelete",
+        label: "Delete permanently",
+        callback: be.forceDelete(a)
+      })), [
+        ...n,
+        ...o
+      ];
+    }, 0);
+  }
+  bootInstanceActions() {
+    P.make("cms").reducer("instanceActions", (n, a, s) => {
+      const o = [], { softDeletes: l } = a.getSchema();
+      return s !== "trashed" ? o.push({
+        label: l ? "Send to trash" : "Delete permanently",
+        callback: ye.delete(a)
+      }) : (o.push({
+        label: "Restore",
+        callback: ye.restore(a)
+      }), o.push({
+        label: "Delete permanently",
+        callback: ye.forceDelete(a)
+      })), [
+        ...n,
+        ...o
+      ];
+    }, 0);
+  }
+  bootStaticActions() {
+    P.make("cms").reducer("staticActions", (n, a, s) => s === "trashed" ? n : [
+      ...n,
+      {
+        key: "create",
+        label: `Create ${a.singular()}`,
+        callback: zr.create(a),
+        icon: /* @__PURE__ */ r(wn, {})
+      }
+    ], 0);
+  }
+}
+class Hr extends Je {
+  constructor(n) {
+    super();
+    ce(this, "name", "Luminix CMS i18Next Plugin");
+    this.options = n;
+  }
+  register(n) {
+    n.once("booting", () => {
+      this.initI18Next(n.make("config")), this.translateModelNames(n.make("model"));
+    });
+  }
+  boot({ cms: n, model: a, forms: s }) {
+    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({
+      lng: n.get("app.locale", "en"),
+      fallbackLng: n.get("app.fallback_locale", "en"),
+      resources: {
+        [n.get("app.locale", "en")]: {
+          translation: n.get("trans", {})
+        }
+      },
+      ...this.options,
+      interpolation: {
+        prefix: ":",
+        suffix: "",
+        prefixEscaped: ":\\b",
+        // start with : and follow by word boundary
+        suffixEscaped: "(?:\\b)",
+        // match with word boundary as suffix but don't capture it
+        ...this.options.interpolation
+      },
+      debug: n.get("app.debug", !1)
+    });
+  }
+  translateModelNames(n) {
+    n.reducer(
+      "model",
+      (a) => class extends a {
+        static singular() {
+          return W.t(a.singular());
+        }
+        static plural() {
+          return W.t(a.plural());
+        }
+      },
+      0
+    );
+  }
+  translateModelColumns(n, a) {
+    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)
+        })),
+        99
+      );
+  }
+  translateMenuEntries(n) {
+    n.reducer(
+      "menuItems",
+      (a) => {
+        const s = a.find((o) => o.key === "dashboard");
+        return s && (s.text = W.t(s.text)), a;
+      },
+      5
+    );
+  }
+  translateMassActions(n) {
+    n.reducer(
+      "massActions",
+      (a) => a.map((s) => ({
+        ...s,
+        label: W.t(s.label)
+      })),
+      99
+    );
+  }
+  translateInstanceActions(n) {
+    n.reducer(
+      "instanceActions",
+      (a) => a.map((s) => ({
+        ...s,
+        label: W.t(s.label)
+      })),
+      99
+    );
+  }
+  translateStaticActions(n) {
+    n.reducer(
+      "staticActions",
+      (a, s) => {
+        const o = a.find(({ key: l }) => l === "create");
+        return o && (o.label = W.t("Create :model", {
+          model: s.singular()
+        })), a;
+      }
+    );
+  }
+  translateFormLabels(n) {
+    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),
+      99
+    );
+  }
+}
+const Zr = {
+  palette: {
+    primary: {
+      main: "#1d9798"
+    },
+    secondary: {
+      main: "#fa510c"
+    }
+  }
+}, ca = ({
+  theme: e = Zr,
+  plugins: t,
+  i18nOptions: n = {}
+}) => {
+  const a = le("(prefers-color-scheme: dark)"), s = p.useMemo(() => Sn({
+    ...e,
+    palette: {
+      ...e.palette,
+      mode: a ? "dark" : "light"
+    }
+  }), [e, a]);
+  return /* @__PURE__ */ m(kn, { theme: s, children: [
+    /* @__PURE__ */ r(rn, {}),
+    /* @__PURE__ */ r(
+      Dt,
+      {
+        routes: (o) => o.make("cms").getRoutes(),
+        plugins: [
+          new $r(),
+          new Hr(n),
+          ...t || []
+        ],
+        config: {
+          app: {
+            debug: !0,
+            url: "http://localhost"
+          }
+        }
+      }
+    )
+  ] });
+};
+export {
+  $r as CmsPlugin,
+  ca as LuminixCms
+};