@firecms/core 3.0.0-canary.71 → 3.0.0-canary.73

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as v, Fragment as M } from "react/jsx-runtime";
+import { jsx as n, jsxs as v, Fragment as O } from "react/jsx-runtime";
 import * as kt from "react";
-import S, { useRef as ce, useEffect as O, useContext as $e, useCallback as x, useMemo as he, useState as P, createElement as xa, createRef as Ea, createContext as Ca, forwardRef as Ba, useLayoutEffect as Kr, useDeferredValue as Sa } from "react";
+import S, { useRef as ce, useEffect as M, useContext as $e, useCallback as x, useMemo as he, useState as P, createElement as xa, createRef as Ea, createContext as Ca, forwardRef as Ba, useLayoutEffect as ei, useDeferredValue as Sa } from "react";
 import { SnackbarProvider as Ia, useSnackbar as Na } from "notistack";
 import Ji from "object-hash";
-import { useCreateFormex as Sn, Formex as In, setIn as ei, Field as Nn, getIn as jt, useFormex as pi } from "@firecms/formex";
-import { getColorSchemeForSeed as Fn, CHIP_COLORS as Fa, Tooltip as ke, ErrorIcon as Pn, Typography as L, CircleIcon as Qn, FunctionsIcon as Pa, iconKeys as fi, coolIconKeys as ti, Icon as hi, IconButton as de, ContentCopyIcon as vr, OpenInNewIcon as Ht, DescriptionIcon as Qa, Skeleton as Ue, Chip as gi, cls as U, defaultBorderMixin as Se, KeyboardTabIcon as Ai, Checkbox as Zt, Markdown as bi, TextareaAutosize as Da, MultiSelect as Dn, MultiSelectItem as Rn, Select as nt, SelectItem as ot, BooleanSwitch as Ra, DateTimeField as Xt, paperMixin as kr, ErrorOutlineIcon as Ta, EditIcon as Oa, Button as ge, RemoveCircleIcon as Ma, Menu as St, MoreVertIcon as Tn, MenuItem as Pe, CircularProgress as _t, SearchBar as yi, Badge as Hi, ArrowUpwardIcon as Vr, Popover as wi, FilterListIcon as za, AssignmentIcon as Va, CenteredView as sr, Label as vi, TextField as xt, ClearIcon as Yt, BooleanSwitchWithLabel as _r, useOutsideAlerter as On, Dialog as ki, DialogContent as _i, DialogActions as It, FileCopyIcon as Ga, ArchiveIcon as ja, DeleteIcon as ri, AddIcon as pt, ExpandablePanel as ft, Card as Ya, ArrowForwardIcon as Mn, cardMixin as La, cardClickableMixin as Ua, focusedMixin as ii, StarIcon as zn, StarBorderIcon as Vn, Collapse as Gn, Container as $a, FilterListOffIcon as qa, SearchIcon as Wa, LoadingButton as Ja, Avatar as Zi, DarkModeIcon as Ha, LightModeIcon as Za, LogoutIcon as Xa, fieldBackgroundHoverMixin as xr, HandleIcon as Ka, RemoveIcon as xi, debounce as es, InfoIcon as ts, CloseIcon as jn, fieldBackgroundMixin as pr, fieldBackgroundDisabledMixin as Yn, ArrowDropDownIcon as Ln, useInjectStyles as rs, ShortTextIcon as is, SubjectIcon as ns, FormatQuoteIcon as os, HttpIcon as as, EmailIcon as ss, FlagIcon as ls, ListIcon as cs, ListAltIcon as ds, NumbersIcon as us, FormatListNumberedIcon as Xi, UploadFileIcon as ms, DriveFolderUploadIcon as ps, LinkIcon as fs, AddLinkIcon as hs, ScheduleIcon as gs, BallotIcon as Ki, RepeatIcon as en, ViewStreamIcon as As, Tab as Gr, Tabs as bs, Alert as ys, Sheet as Un, useLocaleConfig as ws, MenuIcon as tn, ChevronLeftIcon as vs } from "@firecms/ui";
+import { useCreateFormex as Sn, Formex as In, setIn as ti, Field as Nn, getIn as jt, useFormex as fi } from "@firecms/formex";
+import { getColorSchemeForSeed as Fn, CHIP_COLORS as Fa, Tooltip as ke, ErrorIcon as Pn, Typography as Y, CircleIcon as Qn, FunctionsIcon as Pa, iconKeys as hi, coolIconKeys as ri, Icon as gi, IconButton as de, ContentCopyIcon as vr, OpenInNewIcon as Ht, DescriptionIcon as Qa, Skeleton as Ue, Chip as Ai, cls as U, defaultBorderMixin as Se, KeyboardTabIcon as bi, Checkbox as Zt, Markdown as yi, TextareaAutosize as Da, MultiSelect as Dn, MultiSelectItem as Rn, Select as nt, SelectItem as ot, BooleanSwitch as Ra, DateTimeField as Xt, paperMixin as kr, ErrorOutlineIcon as Ta, EditIcon as Oa, Button as ge, RemoveCircleIcon as Ma, Menu as St, MoreVertIcon as Tn, MenuItem as Pe, CircularProgress as _t, SearchBar as wi, Badge as Hi, ArrowUpwardIcon as Gr, Popover as vi, FilterListIcon as za, AssignmentIcon as Va, CenteredView as sr, Label as ki, TextField as xt, ClearIcon as Yt, BooleanSwitchWithLabel as _r, useOutsideAlerter as On, Dialog as _i, DialogContent as xi, DialogActions as It, FileCopyIcon as Ga, ArchiveIcon as ja, DeleteIcon as ii, AddIcon as pt, ExpandablePanel as ft, Card as Ya, ArrowForwardIcon as Mn, cardMixin as La, cardClickableMixin as Ua, focusedMixin as ni, StarIcon as zn, StarBorderIcon as Vn, Collapse as Gn, Container as $a, FilterListOffIcon as qa, SearchIcon as Wa, LoadingButton as Ja, Avatar as Zi, DarkModeIcon as Ha, LightModeIcon as Za, LogoutIcon as Xa, fieldBackgroundHoverMixin as xr, HandleIcon as Ka, RemoveIcon as Ei, debounce as es, InfoIcon as ts, CloseIcon as jn, fieldBackgroundMixin as pr, fieldBackgroundDisabledMixin as Yn, ArrowDropDownIcon as Ln, useInjectStyles as rs, ShortTextIcon as is, SubjectIcon as ns, FormatQuoteIcon as os, HttpIcon as as, EmailIcon as ss, FlagIcon as ls, ListIcon as cs, ListAltIcon as ds, NumbersIcon as us, FormatListNumberedIcon as Xi, UploadFileIcon as ms, DriveFolderUploadIcon as ps, LinkIcon as fs, AddLinkIcon as hs, ScheduleIcon as gs, BallotIcon as Ki, RepeatIcon as en, ViewStreamIcon as As, Tab as jr, Tabs as bs, Alert as ys, Sheet as Un, useLocaleConfig as ws, MenuIcon as tn, ChevronLeftIcon as vs } from "@firecms/ui";
 import J from "react-fast-compare";
 import { Link as Er, useNavigate as Kt, useLocation as Cr, UNSAFE_NavigationContext as ks, NavLink as _s, Route as lr, Routes as xs } from "react-router-dom";
 import { format as Es } from "date-fns";
@@ -17,7 +17,7 @@ import * as Zn from "js-search";
 import { FixedSizeList as Ss } from "react-window";
 import * as Oe from "yup";
 import Is from "markdown-it";
-import cr, { Plugins as jr } from "react-markdown-editor-lite";
+import cr, { Plugins as Yr } from "react-markdown-editor-lite";
 import * as Ns from "@radix-ui/react-portal";
 const Mu = ({ children: e }) => /* @__PURE__ */ n(
   Ia,
@@ -60,7 +60,7 @@ function eo(e, t) {
   const a = t.find((s) => s.id === i[0]);
   let o;
   if (a && (o = a.path), i.length > 1) {
-    const s = Ei(o ?? i[0], t);
+    const s = Ci(o ?? i[0], t);
     if (!s?.subcollections)
       return r;
     const l = r.split("/").slice(2).join("/");
@@ -68,11 +68,11 @@ function eo(e, t) {
   } else
     return o ?? r;
 }
-function Ei(e, t) {
+function Ci(e, t) {
   const r = Ee(e).split("/");
   if (r.length % 2 === 0)
     throw Error(`getCollectionByPathOrId: Collection paths must have an odd number of segments: ${e}`);
-  const i = Ci(r);
+  const i = Bi(r);
   let a;
   for (let o = 0; o < i.length; o++) {
     const s = i[o], l = t && t.sort((c, d) => (c.id ?? "").localeCompare(d.id ?? "")).find((c) => c.id === s || c.path === s);
@@ -81,7 +81,7 @@ function Ei(e, t) {
         a = l;
       else if (l.subcollections) {
         const c = e.replace(s, "").split("/").slice(2).join("/");
-        c.length > 0 && (a = Ei(c, l.subcollections));
+        c.length > 0 && (a = Ci(c, l.subcollections));
       }
     }
     if (a)
@@ -89,7 +89,7 @@ function Ei(e, t) {
   }
   return a;
 }
-function Ci(e) {
+function Bi(e) {
   const t = e.length > 0 && e.length % 2 === 0 ? e.splice(0, e.length - 1) : e, r = t.length, i = [];
   for (let a = r; a > 0; a = a - 2)
     i.push(t.slice(0, a).join("/"));
@@ -140,14 +140,14 @@ const Ds = (e, ...t) => ({
     [i]: e[i]
   }), {})
 });
-function Yr(e) {
+function Lr(e) {
   return e && typeof e == "object" && !Array.isArray(e);
 }
 function He(e, t) {
-  const r = Yr(e), i = r ? { ...e } : e;
-  return r && Yr(t) && Object.keys(t).forEach((a) => {
+  const r = Lr(e), i = r ? { ...e } : e;
+  return r && Lr(t) && Object.keys(t).forEach((a) => {
     const o = t[a];
-    Yr(o) ? a in e ? i[a] = He(e[a], o) : Object.assign(i, { [a]: o }) : Object.assign(i, { [a]: o });
+    Lr(o) ? a in e ? i[a] = He(e[a], o) : Object.assign(i, { [a]: o }) : Object.assign(i, { [a]: o });
   }), i;
 }
 function dt(e, t) {
@@ -218,7 +218,7 @@ const Lt = "type", fr = "value";
 function er(e) {
   return e.readOnly || e.dataType === "date" && e.autoValue ? !0 : e.dataType === "reference" ? !e.path : !1;
 }
-function Bi(e) {
+function Si(e) {
   return typeof e.disabled == "object" && !!e.disabled.hidden;
 }
 function Qe(e) {
@@ -226,17 +226,17 @@ function Qe(e) {
 }
 function hr(e) {
   return e ? Object.entries(e).map(([t, r]) => {
-    const i = Si(r);
+    const i = Br(r);
     return i === void 0 ? {} : { [t]: i };
   }).reduce((t, r) => ({ ...t, ...r }), {}) : {};
 }
-function Si(e) {
+function Br(e) {
   if (!Qe(e))
     if (e.dataType === "map" && e.properties) {
       const t = hr(e.properties);
       return Object.keys(t).length === 0 ? void 0 : t;
     } else
-      return e.defaultValue ? e.defaultValue : no(e.dataType);
+      return e.defaultValue || e.defaultValue === null ? e.defaultValue : no(e.dataType);
 }
 function no(e) {
   return e === "string" || e === "number" ? null : e === "boolean" ? !1 : e === "date" ? null : e === "array" ? [] : e === "map" ? {} : null;
@@ -271,7 +271,7 @@ function ut(e) {
 }
 function oo(e, t, r) {
   const i = Object.entries(t).map(([o, s]) => {
-    const l = e && e[o], c = ni(l, s, r);
+    const l = e && e[o], c = oi(l, s, r);
     if (c === null)
       return null;
     if (c !== void 0)
@@ -280,13 +280,13 @@ function oo(e, t, r) {
   if (Object.keys(a).length !== 0)
     return a;
 }
-function ni(e, t, r) {
+function oi(e, t, r) {
   let i;
   if (t.dataType === "map" && t.properties)
     i = oo(e, t.properties, r);
   else if (t.dataType === "array")
     if (t.of && Array.isArray(e))
-      i = e.map((a) => ni(a, t.of, r));
+      i = e.map((a) => oi(a, t.of, r));
     else if (t.oneOf && Array.isArray(e)) {
       const a = t.oneOf?.typeField ?? Lt, o = t.oneOf?.valueField ?? fr;
       i = e.map((s) => {
@@ -297,7 +297,7 @@ function ni(e, t, r) {
         const l = s[a], c = t.oneOf?.properties[l];
         return !l || !c ? s : {
           [a]: l,
-          [o]: ni(s[o], c, r)
+          [o]: oi(s[o], c, r)
         };
       });
     } else
@@ -362,14 +362,14 @@ function Ne({
         /* @__PURE__ */ n(Pn, { size: "small", color: "error" }),
         /* @__PURE__ */ v("div", { className: "pl-2", children: [
           e && /* @__PURE__ */ n(
-            L,
+            Y,
             {
               variant: "body2",
               className: "font-medium",
               children: e
             }
           ),
-          /* @__PURE__ */ n(L, { variant: "body2", children: i })
+          /* @__PURE__ */ n(Y, { variant: "body2", children: i })
         ] })
       ]
     }
@@ -415,7 +415,7 @@ function Ut(e = 5) {
 function Wu() {
   return Math.floor(Math.random() * 16777215).toString(16);
 }
-function oi(e, t = "_", r = !0) {
+function ai(e, t = "_", r = !0) {
   if (!e)
     return "";
   const i = "ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;-", a = `aaaaaeeeeeiiiiooooouuuunc${t}${t}${t}${t}${t}${t}${t}`;
@@ -476,7 +476,7 @@ function $s(e, t) {
 function Xu(e) {
   return /* @__PURE__ */ n(Qn, { size: e });
 }
-function ai(e, t) {
+function si(e, t) {
   const r = e?.Icon ?? Qn;
   return /* @__PURE__ */ n(r, { size: t });
 }
@@ -484,12 +484,12 @@ function De(e, t = "small", r = {}) {
   if (Qe(e))
     return /* @__PURE__ */ n(Pa, { size: t });
   {
-    const i = Pr(e, r);
-    return ai(i, t);
+    const i = Qr(e, r);
+    return si(i, t);
   }
 }
 function Ku(e, t) {
-  return Qe(e) ? "#888" : Pr(e, t)?.color ?? "#666";
+  return Qe(e) ? "#888" : Qr(e, t)?.color ?? "#666";
 }
 function wt(e, t) {
   if (typeof e == "object") {
@@ -531,16 +531,16 @@ function qs(e, t) {
 function tm(e) {
   return e.propertiesOrder ? e.propertiesOrder : [...Object.keys(e.properties), ...(e.additionalFields ?? []).map((t) => t.key)];
 }
-const Br = {
+const Sr = {
   read: !0,
   edit: !0,
   create: !0,
   delete: !0
 };
-function Sr(e, t, r, i) {
+function Ir(e, t, r, i) {
   const a = e.permissions;
   if (a === void 0)
-    return Br;
+    return Sr;
   if (typeof a == "object")
     return a;
   if (typeof a == "function") {
@@ -557,15 +557,15 @@ function Sr(e, t, r, i) {
   throw console.error("Permissions:", a), Error("New type of permission added and not mapped");
 }
 function mo(e, t, r, i) {
-  return Sr(e, t, r, i)?.edit ?? Br.edit;
+  return Ir(e, t, r, i)?.edit ?? Sr.edit;
 }
 function $t(e, t, r, i) {
-  return e.collectionGroup ? !1 : Sr(e, t, r, i)?.create ?? Br.create;
+  return e.collectionGroup ? !1 : Ir(e, t, r, i)?.create ?? Sr.create;
 }
 function Fi(e, t, r, i) {
-  return Sr(e, t, r, i)?.delete ?? Br.delete;
+  return Ir(e, t, r, i)?.delete ?? Sr.delete;
 }
-const si = {
+const li = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "clock time",
   access_alarms: "clock time",
@@ -2420,10 +2420,10 @@ const si = {
   zoom_out_map: "arrows destination location maps move place stop"
 }, Pi = new Zn.Search("key");
 Pi.addIndex("synonyms");
-Pi.addDocuments(fi.map((e) => ({
+Pi.addDocuments(hi.map((e) => ({
   key: e,
   // @ts-ignore
-  synonyms: si[e] ?? []
+  synonyms: li[e] ?? []
 })));
 function Ws(e) {
   let t = 0, r, i;
@@ -2432,23 +2432,23 @@ function Ws(e) {
   return Math.abs(t);
 }
 function Js(e, t) {
-  if (e && (e = oi(e), e in gr))
-    return e in gr ? /* @__PURE__ */ n(hi, { iconKey: e, size: "medium", className: t }) : void 0;
+  if (e && (e = ai(e), e in gr))
+    return e in gr ? /* @__PURE__ */ n(gi, { iconKey: e, size: "medium", className: t }) : void 0;
 }
-const li = S.memo(
+const ci = S.memo(
   function({ collectionOrView: t, className: r }) {
     if (!t)
-      return /* @__PURE__ */ n(M, {});
+      return /* @__PURE__ */ n(O, {});
     const i = Js(t.icon, r);
     if (t?.icon && i)
       return i;
-    let a = oi(("singularName" in t ? t.singularName : void 0) ?? t.name), o;
-    a in gr && (o = a), o || (a = oi(t.path), a in gr && (o = a));
-    const s = ti.length;
-    return o || (o = ti[Ws(t.path) % s]), /* @__PURE__ */ n(hi, { iconKey: o, size: "medium", className: r });
+    let a = ai(("singularName" in t ? t.singularName : void 0) ?? t.name), o;
+    a in gr && (o = a), o || (a = ai(t.path), a in gr && (o = a));
+    const s = ri.length;
+    return o || (o = ri[Ws(t.path) % s]), /* @__PURE__ */ n(gi, { iconKey: o, size: "medium", className: r });
   },
   (e, t) => J(e.collectionOrView?.icon, t.collectionOrView?.icon)
-), gr = fi.reduce((e, t) => (e[t] = t, e), {});
+), gr = hi.reduce((e, t) => (e[t] = t, e), {});
 function rm(e, t) {
   if (t !== void 0 && t === 1)
     return e;
@@ -2616,7 +2616,7 @@ function po(e, t) {
     return e.titleProperty;
   for (const r in e.properties) {
     const i = e.properties[r];
-    if (!Qe(i) && Pr(i, t)?.key === "text_field")
+    if (!Qe(i) && Qr(i, t)?.key === "text_field")
       return r;
   }
 }
@@ -2661,21 +2661,21 @@ function el(e) {
     return Qe(i) ? t[r] = i : t[r] = { ...i, editable: !1 }, t;
   }, {});
 }
-function ci(e, t, r) {
+function di(e, t, r) {
   if (e) {
     const a = e({
       collection: t,
       parentPaths: r
     }) ?? t;
-    return a.subcollections && (a.subcollections = a.subcollections.map((o) => ci(e, o, [...r, t.path]))), a;
+    return a.subcollections && (a.subcollections = a.subcollections.map((o) => di(e, o, [...r, t.path]))), a;
   } else
     return t;
 }
 function tl(e, t, r = [], i) {
   const a = (t ?? []).map((l) => {
     const c = e?.find((d) => d.id === l.id);
-    return c ? rl(c, l, r, i) : ci(i, l, r);
-  }), o = a.map((l) => l.id), s = e.filter((l) => !o.includes(l.id)).map((l) => i ? ci(i, l, r) : l);
+    return c ? rl(c, l, r, i) : di(i, l, r);
+  }), o = a.map((l) => l.id), s = e.filter((l) => !o.includes(l.id)).map((l) => i ? di(i, l, r) : l);
   return [...a, ...s];
 }
 function rl(e, t, r = [], i) {
@@ -2777,14 +2777,14 @@ function ho(e, t, r = "", i = 0, a = 10) {
 }
 function pm(e, t = 3) {
   const r = ce(e);
-  O(() => {
+  M(() => {
     console.log("Changed props:"), ho(e, r.current, "", 0, t), r.current = e;
   });
 }
 const go = S.createContext({}), tt = (e) => {
   const t = $e(go);
   return e?.overrides?.dataSource ? e?.overrides.dataSource : t;
-}, Ao = S.createContext({}), _e = () => $e(Ao), Nt = () => $e(Kn), bo = S.createContext({}), Ir = () => $e(bo), yo = S.createContext({}), Ft = () => $e(yo), wo = S.createContext({}), tr = (e) => {
+}, Ao = S.createContext({}), _e = () => $e(Ao), Nt = () => $e(Kn), bo = S.createContext({}), Nr = () => $e(bo), yo = S.createContext({}), Ft = () => $e(yo), wo = S.createContext({}), tr = (e) => {
   const t = $e(wo);
   return e?.overrides?.storageSource ? e.overrides.storageSource : t;
 }, gt = () => {
@@ -2841,7 +2841,7 @@ const go = S.createContext({}), tt = (e) => {
     ))
   ] });
 }, nl = () => $e(ko), _o = S.createContext({}), fe = () => $e(_o), xo = S.createContext({}), Qt = () => $e(xo), Re = () => {
-  const e = Nt(), t = Ir(), r = Ft(), i = _e(), a = tt(), o = tr(), s = gt(), l = Pt(), c = nl(), d = fe(), u = Qt(), f = S.useRef({
+  const e = Nt(), t = Nr(), r = Ft(), i = _e(), a = tt(), o = tr(), s = gt(), l = Pt(), c = nl(), d = fe(), u = Qt(), f = S.useRef({
     authController: e,
     sideDialogsController: t,
     sideEntityController: r,
@@ -2854,7 +2854,7 @@ const go = S.createContext({}), tt = (e) => {
     customizationController: d,
     analyticsController: u
   });
-  return O(() => {
+  return M(() => {
     f.current = {
       authController: e,
       sideDialogsController: t,
@@ -2879,7 +2879,7 @@ function fm({
   searchString: o
 }) {
   const s = tt(t), c = _e().resolveAliasesFrom(e), d = i ? i[0] : void 0, u = i ? i[1] : void 0, f = Re(), [m, p] = P([]), [h, A] = P(!1), [g, y] = P(), [w, b] = P(!1);
-  return O(() => {
+  return M(() => {
     A(!0);
     const _ = async (E) => {
       if (t.callbacks?.onFetch)
@@ -2931,7 +2931,7 @@ function fm({
     noMoreToLoad: w
   };
 }
-const Lr = {};
+const Ur = {};
 function Eo({
   path: e,
   entityId: t,
@@ -2939,7 +2939,7 @@ function Eo({
   useCache: i = !1
 }) {
   const a = tt(r), s = _e().resolveAliasesFrom(e), l = Re(), [c, d] = P(), [u, f] = P(!0), [m, p] = P();
-  return O(() => {
+  return M(() => {
     f(!0);
     const h = async (g) => {
       if (r.callbacks?.onFetch && g)
@@ -2953,11 +2953,11 @@ function Eo({
         } catch (y) {
           console.error(y);
         }
-      Lr[`${s}/${t}`] = g, d(g), f(!1), p(void 0);
+      Ur[`${s}/${t}`] = g, d(g), f(!1), p(void 0);
     }, A = (g) => {
       console.error("ERROR fetching entity", g), f(!1), d(void 0), p(g);
     };
-    return t && i && Lr[`${s}/${t}`] ? (d(Lr[`${s}/${t}`]), f(!1), p(void 0), () => {
+    return t && i && Ur[`${s}/${t}`] ? (d(Ur[`${s}/${t}`]), f(!1), p(void 0), () => {
     }) : t && s && r ? a.listenEntity ? a.listenEntity({
       path: s,
       entityId: t,
@@ -3149,7 +3149,7 @@ function hm({
   path: e
 }) {
   const t = Re(), [r, i] = P(), [a, o] = P(!1), [s, l] = P();
-  return O(() => {
+  return M(() => {
     t.navigation && (o(!0), l(void 0), al({ path: e, context: t }).then((d) => {
       i(d);
     }).catch((d) => l(d)).finally(() => o(!1)));
@@ -3157,7 +3157,7 @@ function hm({
 }
 const sl = () => $e(Xn), ll = (e) => {
   const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = ce(null), [s, l] = P(!1), [c, d] = P("");
-  O(() => {
+  M(() => {
     a && setTimeout(() => l(!1), a);
   }, [s]);
   const u = () => navigator.clipboard !== void 0, f = x((w) => {
@@ -3208,7 +3208,7 @@ typeof window < "u" && window.addEventListener("resize", () => {
 });
 const Ze = () => {
   const [e, t] = P(qt);
-  return O(() => {
+  return M(() => {
     const r = (i) => {
       t(i);
     };
@@ -3222,7 +3222,7 @@ function Bo(e = "lg") {
   return typeof window > "u" ? !1 : window.matchMedia(`(min-width: ${cl[e] + 1}px)`).matches;
 }
 function rr(e) {
-  const t = _e(), r = Ir(), i = x(() => {
+  const t = _e(), r = Nr(), i = x(() => {
     if (e.path) {
       let o = e.collection;
       if (o || (o = t.getCollection(e.path)), !o)
@@ -3254,7 +3254,7 @@ function rr(e) {
 const ul = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAASAAAAEgARslrPgAAB9pJREFUWMONl12obVUVx39jzLk+9j7nHq9y1QT1qpcbSIaXQFGs24PQl3HroSQyqHwJFJF6qaceCsqQoJdELHoIC6EeJCSKsi/TFLGozGsKXksljRLxnrP3WmvOOUYPa+19zsmPWpux5pxrzTX///Exx5hb+B/X1y+/nuIlVKF5m0v1YbQ55tIcKTQXFerNQkumOZ1oTiXCqUH8saR+74L8ZIWWux7+7JuuL2/04s5jJyhWQlXV71KtbhCtr1WtD6s0KlrjNBRaEi3JGzpv6bymQ0sn9mwv9otB7Ls7kn9Xo+U7D9z8/xG4+bz3cs35SjE/HEK8NWr8RBOrs+tQUUlEtAYaijRkbxmY0fuMzucsfcbSWnZQtiWxJL3Uid09iH0jIM8/1f+d3/zuS29M4PvHrmG+cZA8dMdjiLfNYrx6owrMVKlVUQkgkeI1iYbBJ3A2WPpKNtnx+UQisy29L0gPDGKfrwkPn2bJPfd/Zo0ZVp0fvOOdnLGxheX+A/Mq3nGwqS8/q645o4psxkgbhFqdSgqVJKIkghgqjuDoWh+dlm1AI0gUC3o4C9d04idbmZ06euQDPPHMj3YJ3HnkrZx98Fys2PFZ1dxxsJkdPbOecaBqmcWGqBVBIkEiKkoQJ5IJJBTbY8aRgBMwjxgVJoJJwDScnYUrOy2PBamfv/CS4zz9zE+IAIfPuQQzPzyrmq9u1e3RM+qWeaipNCCiE4DjbjgF94xZQj2htpjeK84ImqlIUpO9JllgEKgJDFpfOoh8paN8chbOeQ4g/OTq97PdLXSz3fjiVjO7/sx6g804ow41QWuCrjQPBB3bkZQgAkpBJOMojmIEjIgRKV6RpaYIZHGKQlK5OIv0L8bul8eOfsxjDJGD8613z6rmhq1qxkY1o9YKFUFEEED2xqoE1MNoWgPBwQZMl2SrSbQM9NQyUMlA5S3Rlcqd6E50RdRvPMvn9yE8qP9+9WWtQvXxzdic8xrwPaJrUYJGoq4sVBM1Ukuiln4UBipJVJrGoHUhrARB0XMQ/cizbSd61uaZlzUhXjuvWmqt9oOyAmUPEabnkSDV2j0Rp2YgksZdQpoCtRBwAiN4cKYdw4m3pNnbY9Tw4SZUh9tQEda+ld1WpmThgoivU8fYDbgEggRcleiZ6BOoFNRXLQQX1Eelggsgh8GPx6DhWB2iRgkj2OTuVX8dBzJtMx93BAKK4hIwUUSEID4BGspecWTfDwSCw+UxqByJoqPf9+xmYWQg7H3u+5Poyk3o5BZDxRBxxH29fdkF3YcBXKHgF+m+hLxn4OvbnnbPzMkjsm/+f5cXec2ye6ZfpO6+OX7pE8TqPj1zcN/7Zu8CDm44Bu6skrKjuOs0FlxWCJNMYxMOqLlR3DAvsAKaZo6t7+u7r6nhjN/5RKIQKESKhykhjeIINgJi+0m4Fiuns2WKZQybtJ2AfAWzGu/ayt0wz5gXimeKQyKSPI4kiCMhDxSgyLiOiY9kxnW2NVs+1ZeBbAmzhLmtgd0d8z1k1mIUTxQbKD5gnkmuDN6QvCF5TaIie0UmkIU1id3WcfwZHUo61eWB3gayDdOiZR+JXUuMWmcbyGWcny2RzOi8obeWwRsGrxm8JlGPBHCyOJmpJkwkHHs09pnfL1L60KLqtBKZtprhU+lVmSq9+xRsBfOMW6L4QLFM7zWdz+l8Ru8tA+10YKlJIiSxkcC6dQqlmJc/xaHIvTuZT7UpHalFUHEqL6iGsfKtM8FEzMdy7J4oXui9mk5CczpGErtEKgacQUZJE3gSwzw/i+dfx2G7e6IcOPALCXIkakGkYx4iwceyq+uENPp+RSI7DN7Q+5ylb7JgJLH0+XRGbOlRerWJwNgmnOwJ83Tvq/7KX2KZb1nJfnfp5YRoda7hFC/MQyGI7Mteow2E4pHkDT2zyfS758HV4bSjolOjF2PYS4KBbN2L5vmHZ7DpsWQnDsvfLj1+Lwufy9LSO2y5M1Mnik8OEJxAoSJRk7xhoKX3+URiztI3WPgGS2/p1OnE6CcSvRQGH+htQfH07dPSP7Lp9ajcNy+9DnG/oMT67qqZHz/QtGxVyjworQqVCIjiPiaaTD1ttZZ+fTIeCXQ+Y6HCQm0tO5LYpmfHlyy9/1nCPi3ICw/99JbxUHrdvxr6Q4depdhTfeGapVeH+imKxwhv6ZnR+5zeN0aNGU2+ZIPON0cX0LBQYSnGQgsLSSzoWdiCHVvQ2fLP2fMtwf2vDz50K6TpVPxj/sn7Ni5iu9l6Tof+yd78yoWFQ0uvWYvVLK1h6e34B8RnY9DZnIW3LAijxpLYkZ6Fd+z4km3bYcd2WNry8ezppsZ5ZMd2+MfTv3xtjbr9/PfwyoFDzPvtq7I2t+Vq/m6pt4hxThVaojao1CANRkORmkwkiTCI00thKYWOzJJR+6V1JE8/z2JfqGgfW9jLPPLg7a9Xe8frHs7j5MVXESxfmLS5KYXmxhQ3z/a4icQNRFtEGlwjJkoRIamTmIKNTE+it57kw0sF+1ah3CkSXkiPf42Htl+3WL/2+vIFJ6ishJ3QXD1o9dEhVCcGbS7ModUcakwrigaKChkoYmQK2XMp5L8V/F7DfuDePYrEcv8f7npdnDcksEvkg9RewquhuayTcHzQeCyJXpFVD2fRzSxCFtkuwqks8mjB/ujYr9y6k0gs9528503X/w/F3eUgyIBI4wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNS0xMFQxOToyODozMyswMDowMEzeSx4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDUtMTBUMTk6Mjg6MzMrMDA6MDA9g/OiAAAARnRFWHRzb2Z0d2FyZQBJbWFnZU1hZ2ljayA2LjcuOC05IDIwMTQtMDUtMTIgUTE2IGh0dHA6Ly93d3cuaW1hZ2VtYWdpY2sub3Jn3IbtAAAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABh0RVh0VGh1bWI6OkltYWdlOjpoZWlnaHQAMTkyDwByhQAAABd0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAxOTLTrCEIAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADE2MjA2NzQ5MTMk8oswAAAAD3RFWHRUaHVtYjo6U2l6ZQAwQkKUoj7sAAAAVnRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vbW50bG9nL2Zhdmljb25zLzIwMjEtMDUtMTAvOGIxNDNhYjgwODhkMjBlZThkYmUzOTFhN2NkNmQ3NmQuaWNvLnBuZ9msgG0AAAAASUVORK5CYII=
 `;
 function gm(e, t) {
-  O(() => {
+  M(() => {
     if (document) {
       document.title = `${e} - FireCMS`;
       let r = document.querySelector("link[rel~='icon']");
@@ -3267,7 +3267,7 @@ function So(e) {
     path: t,
     collections: r = [],
     currentFullPath: i
-  } = e, a = Ee(t).split("/"), o = Ci(a), s = [];
+  } = e, a = Ee(t).split("/"), o = Bi(a), s = [];
   for (let l = 0; l < o.length; l++) {
     const c = o[l], d = r && r.find((u) => u.id === c || u.path === c);
     if (d) {
@@ -3379,14 +3379,14 @@ function Am(e) {
     $,
     f
   ]);
-  O(() => {
+  M(() => {
     oe();
   }, [oe]);
-  const Y = x((T, ne = !1) => {
+  const L = x((T, ne = !1) => {
     const K = m.current;
     if (!K)
       return;
-    const H = Ei(Ee(T), K), j = ne ? d?.getCollectionConfig(T) : void 0, G = H ? He(H, j ?? {}) : void 0;
+    const H = Ci(Ee(T), K), j = ne ? d?.getCollectionConfig(T) : void 0, G = H ? He(H, j ?? {}) : void 0;
     let I = G;
     if (G) {
       const R = G.subcollections, me = G.callbacks, Ie = G.permissions;
@@ -3472,7 +3472,7 @@ function Am(e) {
     basePath: t,
     baseCollectionPath: r,
     initialised: A,
-    getCollection: Y,
+    getCollection: L,
     getCollectionFromPaths: X,
     getCollectionFromIds: q,
     isUrlCollectionPath: V,
@@ -3495,7 +3495,7 @@ function nr(e) {
   return encodeURIComponent(Ee(e)).replaceAll("%2F", "/").replaceAll("%23", "#");
 }
 function Io(e, t) {
-  return e.filter((r) => r.permissions ? Sr(r, t, r.path, null)?.read !== !1 : !0).map((r) => r.subcollections ? {
+  return e.filter((r) => r.permissions ? Ir(r, t, r.path, null)?.read !== !1 : !0).map((r) => r.subcollections ? {
     ...r,
     subcollections: Io(r.subcollections, t)
   } : r);
@@ -3549,7 +3549,7 @@ function ym() {
     const g = e.current[A], y = He(g ?? t(p), h);
     e.current[A] = He(e.current[A], y);
   }, [t]), [a, o] = P([]), [s, l] = P([]), [c, d] = P([]);
-  O(() => {
+  M(() => {
     o(localStorage.getItem("recently_visited_paths") ? JSON.parse(localStorage.getItem("recently_visited_paths")) : []), l(localStorage.getItem("favourite_paths") ? JSON.parse(localStorage.getItem("favourite_paths")) : []), d(localStorage.getItem("collapsed_groups") ? JSON.parse(localStorage.getItem("collapsed_groups")) : []);
   }, []);
   const u = x((p) => {
@@ -3572,7 +3572,7 @@ function ym() {
 }
 function wm() {
   const e = x(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches, []), r = (localStorage.getItem("prefers-dark-mode") != null ? localStorage.getItem("prefers-dark-mode") === "true" : null) ?? e, [i, a] = P(r ? "dark" : "light");
-  O(() => {
+  M(() => {
     a(r ? "dark" : "light"), l(r ? "dark" : "light");
   }, [r]);
   const o = x(() => {
@@ -3599,7 +3599,7 @@ function vm({
   dataSourceDelegate: a
 }) {
   const o = !!r, [s, l] = P(o), [c, d] = P(!1), [u, f] = P(!o || !!t.loginSkipped), m = u && (!o || !!t.user || !!t.loginSkipped) && !c;
-  O(() => {
+  M(() => {
     t.loginSkipped && f(!0);
   }, [t.loginSkipped]);
   const p = ce(), h = x(async () => {
@@ -3627,7 +3627,7 @@ function vm({
       l(!1);
     !t.initialLoading && !A && f(!0);
   }, [e, t, r, a, i]);
-  return O(() => {
+  return M(() => {
     h();
   }, [h]), {
     canAccessMainView: m,
@@ -3710,7 +3710,7 @@ function yl({
             }
           }
         ),
-        r && /* @__PURE__ */ v(M, { children: [
+        r && /* @__PURE__ */ v(O, { children: [
           navigator && /* @__PURE__ */ n(ke, { title: "Copy url to clipboard", children: /* @__PURE__ */ n(
             "div",
             {
@@ -3807,7 +3807,7 @@ function Ar({
       children: [
         /* @__PURE__ */ n(Qa, { className: "flex-grow" }),
         i && /* @__PURE__ */ n(ke, { title: i, children: /* @__PURE__ */ n(
-          L,
+          Y,
           {
             className: "max-w-full truncate rtl text-left",
             variant: "caption",
@@ -3844,17 +3844,17 @@ function Ct({
     i.url ? r = El(i, t) : i.storage ? r = Fo(t) : r = ct();
   } else if (e.dataType === "array") {
     const i = e;
-    i.of && (Array.isArray(i.of) ? r = /* @__PURE__ */ v(M, { children: [
-      i.of.map((a, o) => Ur(a, o)),
+    i.of && (Array.isArray(i.of) ? r = /* @__PURE__ */ v(O, { children: [
+      i.of.map((a, o) => $r(a, o)),
       " "
-    ] }) : i.of.dataType === "map" && i.of.properties ? r = vl(i.of.properties, t, i.of.previewProperties) : i.of.dataType === "string" ? i.of.enumValues ? r = _l() : i.of.storage ? r = Ur(i.of) : r = kl() : r = Ur(i.of));
+    ] }) : i.of.dataType === "map" && i.of.properties ? r = vl(i.of.properties, t, i.of.previewProperties) : i.of.dataType === "string" ? i.of.enumValues ? r = _l() : i.of.storage ? r = $r(i.of) : r = kl() : r = $r(i.of));
   } else
     e.dataType === "map" ? r = wl(e, t) : e.dataType === "date" ? r = ct() : e.dataType === "reference" ? r = xl() : (e.dataType, r = ct());
   return r || null;
 }
 function wl(e, t) {
   if (!e.properties)
-    return /* @__PURE__ */ n(M, {});
+    return /* @__PURE__ */ n(O, {});
   let r;
   return t === "medium" ? r = Object.keys(e.properties) : (r = e.previewProperties || Object.keys(e.properties), t === "small" ? r = r.slice(0, 3) : t === "tiny" && (r = r.slice(0, 1))), t !== "medium" ? /* @__PURE__ */ n(
     "div",
@@ -3924,16 +3924,16 @@ function kl() {
 }
 function _l() {
   return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: [0, 1].map(
-    (e, t) => /* @__PURE__ */ n(M, { children: ct(t) })
+    (e, t) => /* @__PURE__ */ n(O, { children: ct(t) })
   ) });
 }
-function Ur(e, t = 0) {
+function $r(e, t = 0) {
   return /* @__PURE__ */ n(
     "div",
     {
       className: "flex flex-col gap-2",
       children: [0, 1].map(
-        (r, i) => /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+        (r, i) => /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(
           Ct,
           {
             property: e,
@@ -4001,7 +4001,7 @@ function Il({
   size: r
 }) {
   const [i, a] = S.useState(void 0), o = tr(), [s, l] = S.useState(un[t]);
-  if (O(() => {
+  if (M(() => {
     if (!t)
       return;
     let u = !1;
@@ -4037,7 +4037,7 @@ function je({
     return null;
   const o = ht(e), s = t !== void 0 ? Ii(o, t) : void 0, l = Ms(s), c = Os(o, t);
   return /* @__PURE__ */ v(
-    gi,
+    Ai,
     {
       className: i,
       colorScheme: c,
@@ -4070,7 +4070,7 @@ function Qo({
   } else if (r.previewAsTag) {
     const a = Fn(e ?? "");
     return /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(
-      gi,
+      Ai,
       {
         colorScheme: a,
         size: i,
@@ -4089,14 +4089,14 @@ function Qo({
       );
     {
       if (!t)
-        return /* @__PURE__ */ n(M, {});
+        return /* @__PURE__ */ n(O, {});
       const a = t.split(`
 `);
       return t && t.includes(`
 `) ? /* @__PURE__ */ n("div", { className: U("overflow-x-scroll", i === "tiny" ? "text-sm" : ""), children: a.map((o, s) => /* @__PURE__ */ v(S.Fragment, { children: [
         /* @__PURE__ */ n("span", { children: o }),
         s !== a.length - 1 && /* @__PURE__ */ n("br", {})
-      ] }, `string_preview_${s}`)) }) : i === "tiny" ? /* @__PURE__ */ n("span", { className: "text-sm", children: t }) : /* @__PURE__ */ n(M, { children: t });
+      ] }, `string_preview_${s}`)) }) : i === "tiny" ? /* @__PURE__ */ n("span", { className: "text-sm", children: t }) : /* @__PURE__ */ n(O, { children: t });
     }
   }
 }
@@ -4183,7 +4183,7 @@ function Fl({
         ) }),
         /* @__PURE__ */ v("div", { className: "flex flex-col flex-grow w-full m-1", children: [
           s !== "tiny" && l && (d ? /* @__PURE__ */ n("div", { className: `${s !== "medium" ? "block whitespace-nowrap overflow-hidden truncate" : ""}`, children: /* @__PURE__ */ n(
-            L,
+            Y,
             {
               variant: "caption",
               color: "disabled",
@@ -4253,7 +4253,7 @@ function Fl({
                     updateUrl: !0
                   });
                 },
-                children: /* @__PURE__ */ n(Ai, { size: "small" })
+                children: /* @__PURE__ */ n(bi, { size: "small" })
               }
             )
           }
@@ -4653,7 +4653,7 @@ function zl({
                       {
                         className: "min-w-[140px] w-[25%] py-1",
                         children: /* @__PURE__ */ n(
-                          L,
+                          Y,
                           {
                             variant: "caption",
                             className: "font-mono break-words",
@@ -4718,7 +4718,7 @@ function To({ value: e }) {
                     {
                       className: "min-w-[140px] w-[25%] py-1",
                       children: /* @__PURE__ */ n(
-                        L,
+                        Y,
                         {
                           variant: "caption",
                           className: "font-mono break-words",
@@ -4733,7 +4733,7 @@ function To({ value: e }) {
                     "div",
                     {
                       className: "flex-grow max-w-[75%]",
-                      children: typeof r != "object" && /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(pe, { children: r && r.toString() }) })
+                      children: typeof r != "object" && /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(pe, { children: r && r.toString() }) })
                     }
                   )
                 ]
@@ -4751,7 +4751,7 @@ function Vl({
   date: e
 }) {
   const t = fe(), r = t?.locale ? Cs[t?.locale] : void 0, i = t?.dateTimeFormat ?? js, a = e ? Es(e, i, { locale: r }) : "";
-  return /* @__PURE__ */ n(M, { children: a });
+  return /* @__PURE__ */ n(O, { children: a });
 }
 function Gl({
   value: e,
@@ -4791,9 +4791,9 @@ function jl({
         enumValues: a,
         size: r !== "medium" ? "small" : "medium"
       }
-    ) : /* @__PURE__ */ n(M, { children: e });
+    ) : /* @__PURE__ */ n(O, { children: e });
   } else
-    return /* @__PURE__ */ n(M, { children: e });
+    return /* @__PURE__ */ n(O, { children: e });
 }
 const Fe = S.memo(function(t) {
   const r = fe();
@@ -4851,7 +4851,7 @@ const Fe = S.memo(function(t) {
         size: t.size,
         storagePathOrDownloadUrl: s
       }
-    ) : f.markdown ? i = /* @__PURE__ */ n(bi, { source: s, size: "small" }) : i = /* @__PURE__ */ n(
+    ) : f.markdown ? i = /* @__PURE__ */ n(yi, { source: s, size: "small" }) : i = /* @__PURE__ */ n(
       Qo,
       {
         ...t,
@@ -5013,7 +5013,7 @@ const xm = kt.memo(
     builder: t
   }) {
     const [r, i] = P(!0), [a, o] = P(null);
-    return O(() => {
+    return M(() => {
       let s = !1;
       return t.then((l) => {
         s || (i(!1), o(l));
@@ -5103,13 +5103,13 @@ function Yl(e) {
     updateValue: o,
     focused: s
   } = e, l = ce(i), [c, d] = P(i), u = ce(!1);
-  O(() => {
+  M(() => {
     l.current !== i && i !== c && d(i), l.current = i;
   }, [i]);
   const f = S.useCallback(() => {
     !i && !c || c !== i && (l.current = c, o(c));
   }, [c, o, i]);
-  return Ni(c, f, !s, 2e3), O(() => {
+  return Ni(c, f, !s, 2e3), M(() => {
     t.current && s && !u.current ? (u.current = !0, t.current.focus({ preventScroll: !0 }), t.current.selectionStart = t.current.value.length, t.current.selectionEnd = t.current.value.length) : u.current = s;
   }, [s, t]), /* @__PURE__ */ n(
     Da,
@@ -5144,7 +5144,7 @@ function Yl(e) {
     }
   );
 }
-function $r(e) {
+function qr(e) {
   const {
     name: t,
     enumValues: r,
@@ -5157,7 +5157,7 @@ function $r(e) {
     multiple: d,
     valueType: u
   } = e, f = Array.isArray(a) && d || !Array.isArray(a) && !d, m = S.useRef(null);
-  O(() => {
+  M(() => {
     m.current && l && m.current?.focus({ preventScroll: !0 });
   }, [l, m]);
   const p = x((A) => {
@@ -5257,7 +5257,7 @@ function Ll(e) {
     updateValue: i,
     focused: a
   } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = P(o), c = ce(r);
-  O(() => {
+  M(() => {
     c.current !== r && String(r) !== s && l(r ? r.toString() : null), c.current = r;
   }, [r]);
   const d = S.useCallback(() => {
@@ -5270,14 +5270,14 @@ function Ll(e) {
       } else
         i(null);
   }, [s, r]);
-  Ni(s, d, !a, 2e3), O(
+  Ni(s, d, !a, 2e3), M(
     () => {
       !a && o !== s && l(r != null ? r.toString() : null);
     },
     [r, a]
   );
   const u = S.useRef(null);
-  O(() => {
+  M(() => {
     u.current && a && u.current.focus({ preventScroll: !0 });
   }, [a, u]);
   const f = /^-?[0-9]+[,.]?[0-9]*$/;
@@ -5303,7 +5303,7 @@ function Ul(e) {
     updateValue: r,
     focused: i
   } = e, a = S.useRef(null);
-  return O(() => {
+  return M(() => {
     a.current && i && a.current.focus({ preventScroll: !0 });
   }, [i, a]), /* @__PURE__ */ n(
     Ra,
@@ -5354,7 +5354,7 @@ class pe extends S.Component {
         /* @__PURE__ */ n(Pn, { color: "error", size: "small" }),
         /* @__PURE__ */ n("div", { className: "ml-4", children: "Error" })
       ] }),
-      /* @__PURE__ */ n(L, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
+      /* @__PURE__ */ n(Y, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
     ] }) : this.props.children;
   }
 }
@@ -5443,12 +5443,12 @@ function zo({
   if (!d)
     throw Error("Storage meta must be specified");
   const f = d?.metadata, m = u ? "small" : "medium", p = d?.imageCompression, h = (u ? i ?? [] : i ? [i] : []).map((C) => ({
-    id: qr(),
+    id: Wr(),
     storagePathOrDownloadUrl: C,
     metadata: f,
     size: m
   })), [A, g] = P(i), [y, w] = P(h);
-  O(() => {
+  M(() => {
     J(A, i) || (g(i), w(h));
   }, [h, i, A]);
   const b = x(async (C) => {
@@ -5495,8 +5495,8 @@ function zo({
     if (u)
       B = [
         ...y,
-        ...await Promise.all(C.map(async (Q) => (p && di(Q) && (Q = await An(Q, p)), {
-          id: qr(),
+        ...await Promise.all(C.map(async (Q) => (p && ui(Q) && (Q = await An(Q, p)), {
+          id: Wr(),
           file: Q,
           fileName: await b(Q),
           metadata: f,
@@ -5505,8 +5505,8 @@ function zo({
       ];
     else {
       let Q = C[0];
-      p && di(Q) && (Q = await An(Q, p)), B = [{
-        id: qr(),
+      p && ui(Q) && (Q = await An(Q, p)), B = [{
+        id: Wr(),
         file: Q,
         fileName: await b(Q),
         metadata: f,
@@ -5531,15 +5531,15 @@ function hn(e) {
     (t, r) => (e.map((i) => i.storagePathOrDownloadUrl).indexOf(t.storagePathOrDownloadUrl) === r || !t.storagePathOrDownloadUrl) && (e.map((i) => i.file).indexOf(t.file) === r || !t.file)
   );
 }
-function qr() {
+function Wr() {
   return Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
 }
 const gn = {
   "image/jpeg": "JPEG",
   "image/png": "PNG",
   "image/webp": "WEBP"
-}, di = (e) => gn[e.type] ? gn[e.type] : null, Jl = 100, An = (e, t) => new Promise((r) => {
-  const i = t.quality === void 0 ? Jl : t.quality, a = i >= 0 && i <= 100 ? i : 100, o = di(e);
+}, ui = (e) => gn[e.type] ? gn[e.type] : null, Jl = 100, An = (e, t) => new Promise((r) => {
+  const i = t.quality === void 0 ? Jl : t.quality, a = i >= 0 && i <= 100 ? i : 100, o = ui(e);
   if (!o)
     throw Error("resizeAndCompressImage: Unsupported image format");
   Bs.imageFileResizer(
@@ -5602,9 +5602,9 @@ function Go({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPop
       a(d);
     }
   }, []), c = ce();
-  return O(() => {
+  return M(() => {
     c.current && i && c.current.focus({ preventScroll: !0 });
-  }, [i]), /* @__PURE__ */ n(M, { children: (e || !t && r) && /* @__PURE__ */ v("div", { ref: s, className: "absolute top-0.5 right-0.5 flex items-center", children: [
+  }, [i]), /* @__PURE__ */ n(O, { children: (e || !t && r) && /* @__PURE__ */ v("div", { ref: s, className: "absolute top-0.5 right-0.5 flex items-center", children: [
     i && o,
     i && !t && r && /* @__PURE__ */ n(
       de,
@@ -5768,7 +5768,7 @@ function tc({
             });
       }
     }
-  ), { ...$ } = B(), oe = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", Y = d ? e.of : e, X = he(() => Et(b), [b]), q = !f && l;
+  ), { ...$ } = B(), oe = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", L = d ? e.of : e, X = he(() => Et(b), [b]), q = !f && l;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -5791,7 +5791,7 @@ function tc({
           return V.storagePathOrDownloadUrl ? te = /* @__PURE__ */ n(
             rc,
             {
-              property: Y,
+              property: L,
               value: V.storagePathOrDownloadUrl,
               entity: o,
               size: b
@@ -5816,7 +5816,7 @@ function tc({
             className: "flex-grow m-2 max-w-[200px]",
             onClick: C,
             children: /* @__PURE__ */ n(
-              L,
+              Y,
               {
                 className: "text-gray-400 dark:text-gray-600",
                 variant: "body2",
@@ -5931,7 +5931,7 @@ const ic = S.memo(
         size: lt(l),
         children: /* @__PURE__ */ n(Ne, { title: "Value is not a reference.", error: "Click to edit" })
       }
-    ), E = () => Array.isArray(i) ? /* @__PURE__ */ n(M, { children: i.map(
+    ), E = () => Array.isArray(i) ? /* @__PURE__ */ n(O, { children: i.map(
       (C, B) => /* @__PURE__ */ n(
         "div",
         {
@@ -6214,7 +6214,7 @@ function mc({
   const s = e.validation;
   return s ? (o = s.required ? o.required(s?.requiredMessage ? s.requiredMessage : "Required").nullable(!0) : o.notRequired().nullable(!0), (s.min || s.min === 0) && (o = o.min(s.min, `${e.name} should be min ${s.min} entries long`)), s.max && (o = o.max(s.max, `${e.name} should be max ${s.max} entries long`))) : o = o.notRequired().nullable(!0), o;
 }
-function Nr(e) {
+function Fr(e) {
   switch (e) {
     case "xl":
       return 400;
@@ -6273,8 +6273,8 @@ const pc = ({
     hideOverflow: A = !0,
     showExpandIcon: g = !0
   }) {
-    const [y, w] = $n(), b = ce(null), _ = he(() => Nr(i), [i]), [k, E] = P(!1), [C, B] = P(l), Q = !o && !!c;
-    O(() => {
+    const [y, w] = $n(), b = ce(null), _ = he(() => Fr(i), [i]), [k, E] = P(!1), [C, B] = P(l), Q = !o && !!c;
+    M(() => {
       l && B(!0);
       const Ae = setTimeout(() => {
         B(!1);
@@ -6317,7 +6317,7 @@ const pc = ({
       o ? p(void 0) : !a && Ae && p(Ae);
     }, [b, p, a, o]), $ = x((Ae) => {
       z(), Ae.stopPropagation();
-    }, [z]), oe = he(() => w ? w.height > _ : !1, [w, _]), Y = !Q && a, X = !o && u && oe, q = !o && !u && oe, V = x(() => E(!0), []), ae = x(() => E(!1), []), te = Q ? "border-red-500" : C ? "border-green-500" : Y ? "border-primary" : "border-transparent";
+    }, [z]), oe = he(() => w ? w.height > _ : !1, [w, _]), L = !Q && a, X = !o && u && oe, q = !o && !u && oe, V = x(() => E(!0), []), ae = x(() => E(!1), []), te = Q ? "border-red-500" : C ? "border-green-500" : L ? "border-primary" : "border-transparent";
     return /* @__PURE__ */ v(
       "div",
       {
@@ -6327,7 +6327,7 @@ const pc = ({
           k && !o ? "bg-gray-50 dark:bg-gray-900" : "",
           l ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "",
           A ? "overflow-hidden" : "",
-          Y ? "bg-gray-50 dark:bg-gray-900" : "",
+          L ? "bg-gray-50 dark:bg-gray-900" : "",
           te
         ),
         ref: b,
@@ -6382,7 +6382,7 @@ function qe({
   setValue: r
 }) {
   const i = ce(null);
-  O(() => {
+  M(() => {
     typeof e.disabled == "object" && !!e.disabled.clearOnDisabled ? t != null && (i.current = t, r(null)) : i.current && (r(i.current), i.current = null);
   }, [e]);
 }
@@ -6414,13 +6414,13 @@ const gc = S.memo(
       F(!0), setTimeout(() => {
         F(!1);
       }, 100);
-    }, []), $ = !!a.Field, oe = !!a.Preview, Y = er(a), X = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, q = u || f || !!a.disabled, V = he(() => Wt({
+    }, []), $ = !!a.Field, oe = !!a.Preview, L = er(a), X = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, q = u || f || !!a.disabled, V = he(() => Wt({
       property: a,
       entityId: d.id,
       customFieldValidator: r,
       name: t
     }), [d.id, a, t]);
-    O(
+    M(
       () => {
         J(i, k.current) || (Q(void 0), _(i), k.current = i, z());
       },
@@ -6444,7 +6444,7 @@ const gc = S.memo(
         Q(R);
       }));
     };
-    O(() => {
+    M(() => {
       V.validate(b).then(() => Q(void 0)).catch(Q);
     }, [b, V, t, a, d]);
     const te = (I) => {
@@ -6475,7 +6475,7 @@ const gc = S.memo(
     };
     let se, ee = !1, T = !1, ne = !0, K = !1, H = !1, j = !0;
     const G = !q && E;
-    if (u || Y)
+    if (u || L)
       return /* @__PURE__ */ n(
         br,
         {
@@ -6485,13 +6485,13 @@ const gc = S.memo(
           value: b,
           align: o ?? "left",
           fullHeight: !1,
-          disabledTooltip: X ?? (Y ? "Read only" : void 0),
+          disabledTooltip: X ?? (L ? "Read only" : void 0),
           disabled: !0,
           children: /* @__PURE__ */ n(
             Fe,
             {
               width: s,
-              height: Nr(h),
+              height: Fr(h),
               propertyKey: t,
               property: a,
               value: b,
@@ -6523,7 +6523,7 @@ const gc = S.memo(
       else if (w && a.dataType === "number") {
         const R = a;
         R.enumValues ? (se = /* @__PURE__ */ n(
-          $r,
+          qr,
           {
             name: t,
             multiple: !1,
@@ -6551,7 +6551,7 @@ const gc = S.memo(
         const R = a;
         if (R.enumValues)
           se = /* @__PURE__ */ n(
-            $r,
+            qr,
             {
               name: t,
               multiple: !1,
@@ -6626,7 +6626,7 @@ const gc = S.memo(
         if (!R.of && !R.oneOf)
           throw Error(`You need to specify an 'of' or 'oneOf' prop (or specify a custom field) in your array property ${t}`);
         R.of && !Array.isArray(R.of) && (R.of.dataType === "string" || R.of.dataType === "number" ? w && R.of.enumValues && (se = /* @__PURE__ */ n(
-          $r,
+          qr,
           {
             name: t,
             multiple: !0,
@@ -6658,7 +6658,7 @@ const gc = S.memo(
         )), ee = !1));
       }
     }
-    return se || (ee = !1, T = m && w && !se && !q && !Y, se = /* @__PURE__ */ n(
+    return se || (ee = !1, T = m && w && !se && !q && !L, se = /* @__PURE__ */ n(
       Fe,
       {
         width: s,
@@ -6675,7 +6675,7 @@ const gc = S.memo(
         width: s,
         onSelect: Ae,
         selected: w,
-        disabled: q || Y,
+        disabled: q || L,
         disabledTooltip: X ?? "Disabled",
         removePadding: K,
         fullHeight: H,
@@ -6806,7 +6806,7 @@ const Qi = function({
           ) })
         ] }),
         !p && c !== "xs" && /* @__PURE__ */ n("div", { className: "w-[138px] text-center overflow-hidden truncate", children: t ? /* @__PURE__ */ v(
-          L,
+          Y,
           {
             onClick: (C) => {
               C.stopPropagation();
@@ -6837,7 +6837,7 @@ function bc({
   title: c
 }) {
   const d = S.useRef(null), u = Ze(), f = S.useRef(!1);
-  O(() => {
+  M(() => {
     d.current && f.current && !l && d.current.focus(), f.current = l ?? !1;
   }, [l]);
   const m = /* @__PURE__ */ n(ke, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ n(
@@ -6864,7 +6864,7 @@ function bc({
         /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
           u && /* @__PURE__ */ n("div", { className: "w-[22px]", children: r && /* @__PURE__ */ n(_t, { size: "small" }) }),
           (a || o) && /* @__PURE__ */ n(
-            yi,
+            wi,
             {
               inputRef: d,
               loading: l,
@@ -7001,7 +7001,7 @@ function yr({ text: e, ...t }) {
       children: /* @__PURE__ */ v("div", { className: "m-auto flex flex-col gap-2 items-center", children: [
         /* @__PURE__ */ n(_t, { ...t }),
         e && /* @__PURE__ */ n(
-          L,
+          Y,
           {
             color: "secondary",
             variant: "caption",
@@ -7073,7 +7073,7 @@ const kc = S.memo(
               ]
             }
           ) }),
-          /* @__PURE__ */ v(M, { children: [
+          /* @__PURE__ */ v(O, { children: [
             f && /* @__PURE__ */ n(f, { onHover: m || h }),
             c.sortable && (a || E || h) && /* @__PURE__ */ n(
               Hi,
@@ -7089,9 +7089,9 @@ const kc = S.memo(
                       o(c.key);
                     },
                     children: [
-                      !a && /* @__PURE__ */ n(Vr, {}),
-                      a === "asc" && /* @__PURE__ */ n(Vr, {}),
-                      a === "desc" && /* @__PURE__ */ n(Vr, { className: "rotate-180" })
+                      !a && /* @__PURE__ */ n(Gr, {}),
+                      a === "asc" && /* @__PURE__ */ n(Gr, {}),
+                      a === "desc" && /* @__PURE__ */ n(Gr, { className: "rotate-180" })
                     ]
                   }
                 )
@@ -7104,7 +7104,7 @@ const kc = S.memo(
               color: "secondary",
               invisible: !l,
               children: /* @__PURE__ */ n(
-                wi,
+                vi,
                 {
                   open: h,
                   onOpenChange: A,
@@ -7162,7 +7162,7 @@ function _c({
   setHidden: s
 }) {
   const l = e.key, [c, d] = P(r);
-  if (O(() => {
+  if (M(() => {
     d(r);
   }, [r]), !e.filter)
     return null;
@@ -7265,7 +7265,7 @@ const xc = ({
   }, [g, y]), b = x(() => {
     document.addEventListener("mousemove", g), document.addEventListener("mouseup", y);
   }, [g, y]);
-  O(() => (f >= 0 ? b() : w(), () => {
+  M(() => (f >= 0 ? b() : w(), () => {
     w();
   }), [b, f, w]);
   const _ = x((k) => {
@@ -7355,14 +7355,14 @@ const xc = ({
     );
   },
   (e, t) => J(e.rowData, t.rowData) && J(e.column, t.column) && J(e.cellData, t.cellData) && J(e.rowIndex, t.rowIndex) && J(e.cellRenderer, t.cellRenderer) && J(e.columnIndex, t.columnIndex)
-), Fr = Ca({});
-Fr.displayName = "VirtualListContext";
+), Pr = Ca({});
+Pr.displayName = "VirtualListContext";
 const Bc = Ba(({
   children: e,
   ...t
-}, r) => /* @__PURE__ */ n(Fr.Consumer, { children: (i) => {
+}, r) => /* @__PURE__ */ n(Pr.Consumer, { children: (i) => {
   const a = i.customView;
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -7425,15 +7425,15 @@ const Bc = Ba(({
     AddColumnComponent: C
   }) {
     const B = f ? f[0] : void 0, Q = f ? f[1] : void 0, [D, F] = P(o), z = ce(null), $ = ce(0);
-    O(() => {
+    M(() => {
       F(o);
     }, [o]);
-    const [oe, Y] = $n(), X = x((j) => {
+    const [oe, L] = $n(), X = x((j) => {
       F(D.map((G) => G.key === j.column.key ? j.column : G));
     }, [D]), q = x((j) => {
       F(D.map((G) => G.key === j.column.key ? j.column : G)), l && l(j);
     }, [D, l]), V = ce();
-    O(() => {
+    M(() => {
       V.current = c;
     }, [c]);
     const ae = x(() => {
@@ -7445,7 +7445,7 @@ const Bc = Ba(({
     x(() => {
       $.current = 0, h && h(void 0);
     }, [h]);
-    const Ae = Math.max((t?.length ?? 0) * a - Y.height, 0), ue = x((j) => {
+    const Ae = Math.max((t?.length ?? 0) * a - L.height, 0), ue = x((j) => {
       i && (t?.length ?? 0) > 0 && j > $.current + 600 && ($.current = j, i());
     }, [t?.length, i]), se = x(({
       scrollOffset: j,
@@ -7472,7 +7472,7 @@ const Bc = Ba(({
         maxWidth: "2xl",
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ n(L, { variant: "h6", children: "Error fetching data from the data source" }),
+          /* @__PURE__ */ n(Y, { variant: "h6", children: "Error fetching data from the data source" }),
           m?.message && /* @__PURE__ */ n(Nc, { text: m.message })
         ]
       }
@@ -7503,15 +7503,15 @@ const Bc = Ba(({
         style: _,
         className: U("h-full w-full", k),
         children: /* @__PURE__ */ n(
-          Fr.Provider,
+          Pr.Provider,
           {
             value: H,
             children: /* @__PURE__ */ n(
               Ic,
               {
                 outerRef: z,
-                width: Y.width,
-                height: Y.height,
+                width: L.width,
+                height: L.height,
                 itemCount: (t?.length ?? 0) + (E ? 1 : 0),
                 onScroll: se,
                 includeAddColumn: !!C,
@@ -7538,7 +7538,7 @@ function Ic({
   const l = x(({
     index: c,
     style: d
-  }) => /* @__PURE__ */ n(Fr.Consumer, { children: ({
+  }) => /* @__PURE__ */ n(Pr.Consumer, { children: ({
     onRowClick: u,
     data: f,
     columns: m,
@@ -7624,7 +7624,7 @@ const Nc = ({ text: e }) => {
   "not-in": "Not in",
   "array-contains": "Contains",
   "array-contains-any": "Contains Any"
-}, Wr = ["array-contains-any", "in", "not-in"];
+}, Jr = ["array-contains-any", "in", "not-in"];
 function Fc({
   name: e,
   value: t,
@@ -7640,19 +7640,19 @@ function Fc({
   i ? d.push("array-contains-any") : d.push("in", "not-in");
   const [u, f] = t || [d[0], void 0], [m, p] = P(u), [h, A] = P(f), g = h ? Array.isArray(h) ? h.map((D) => D?.isEntityReference && D?.isEntityReference() ? D.id : null).filter(Boolean) : [h.id] : [];
   function y(D, F) {
-    const z = Wr.includes(m), $ = Wr.includes(D);
+    const z = Jr.includes(m), $ = Jr.includes(D);
     let oe = F;
     z !== $ && (oe = $ ? oe?.isEntityReference && oe?.isEntityReference() ? [oe] : [] : void 0), p(D), A(oe);
-    const Y = oe !== null && Array.isArray(oe) ? oe.length > 0 : oe !== void 0;
+    const L = oe !== null && Array.isArray(oe) ? oe.length > 0 : oe !== void 0;
     r(
-      D && Y ? [D, oe] : void 0
+      D && L ? [D, oe] : void 0
     );
   }
   const w = _e(), b = he(() => a ? w.getCollection(a) : void 0, [a]), _ = (D) => {
     y(m, ut(D));
   }, k = (D) => {
     y(m, D.map((F) => ut(F)));
-  }, E = Wr.includes(m), C = rr(
+  }, E = Jr.includes(m), C = rr(
     {
       multiselect: E,
       path: a,
@@ -7705,7 +7705,7 @@ function Fc({
         }
       ),
       !i && /* @__PURE__ */ v(
-        vi,
+        ki,
         {
           className: "border cursor-pointer rounded-md p-2 flex items-center gap-2 [&:has(:checked)]:bg-gray-100 dark:[&:has(:checked)]:bg-gray-800",
           htmlFor: "null-filter",
@@ -7739,7 +7739,7 @@ const wn = {
   "not-in": "Not in",
   "array-contains": "Contains",
   "array-contains-any": "Any"
-}, Jr = ["array-contains-any", "in", "not-in"];
+}, Hr = ["array-contains-any", "in", "not-in"];
 function Pc({
   name: e,
   value: t,
@@ -7754,14 +7754,14 @@ function Pc({
   const [c, d] = t || [l[0], void 0], [u, f] = P(c), [m, p] = P(d);
   function h(g, y) {
     let w = y;
-    const b = Jr.includes(u), _ = Jr.includes(g);
+    const b = Hr.includes(u), _ = Hr.includes(g);
     b !== _ && (w = _ ? typeof y == "string" || typeof y == "number" ? [y] : [] : void 0), typeof w == "number" && isNaN(w) && (w = void 0), f(g), p(w);
     const k = w !== null && Array.isArray(w) ? w.length > 0 : w !== void 0;
     r(
       g && k ? [g, w] : void 0
     );
   }
-  const A = Jr.includes(u);
+  const A = Hr.includes(u);
   return /* @__PURE__ */ v("div", { className: "flex w-[440px]", children: [
     /* @__PURE__ */ n("div", { className: "w-[80px]", children: /* @__PURE__ */ n(
       nt,
@@ -7838,7 +7838,7 @@ function Pc({
         }
       ),
       !a && /* @__PURE__ */ v(
-        vi,
+        ki,
         {
           className: "border cursor-pointer rounded-md p-2 flex items-center gap-2 [&:has(:checked)]:bg-gray-100 dark:[&:has(:checked)]:bg-gray-800",
           htmlFor: "null-filter",
@@ -7940,7 +7940,7 @@ function Dc({
         }
       ),
       /* @__PURE__ */ v(
-        vi,
+        ki,
         {
           className: "border cursor-pointer rounded-md p-2 flex items-center gap-2 [&:has(:checked)]:bg-gray-100 dark:[&:has(:checked)]:bg-gray-800",
           htmlFor: "null-filter",
@@ -7998,7 +7998,7 @@ const Rc = S.memo(
     endAdornment: $,
     AddColumnComponent: oe
   }) {
-    const Y = ce(null), [X, q] = S.useState(void 0), V = () => {
+    const L = ce(null), [X, q] = S.useState(void 0), V = () => {
       !k || d || u || w !== void 0 && b?.(w + _);
     }, ae = x(() => {
       b?.(_);
@@ -8007,12 +8007,12 @@ const Rc = S.memo(
         return i && i(ee);
     }, [i, l]);
     On(
-      Y,
+      L,
       () => {
         X && ue();
       },
       !!X
-    ), O(() => {
+    ), M(() => {
       const ee = (T) => {
         T.keyCode === 27 && ue();
       };
@@ -8041,7 +8041,7 @@ const Rc = S.memo(
           "div",
           {
             className: "h-full w-full flex flex-col bg-white dark:bg-gray-950",
-            ref: Y,
+            ref: L,
             children: /* @__PURE__ */ n(
               Sc,
               {
@@ -8054,7 +8054,7 @@ const Rc = S.memo(
                 error: f,
                 paginationEnabled: k,
                 onColumnResize: a,
-                rowHeight: Nr(s),
+                rowHeight: Fr(s),
                 loading: d,
                 filter: m,
                 onFilterUpdate: p ? se : void 0,
@@ -8178,7 +8178,7 @@ const Wo = function({
   AdditionalHeaderWidget: z,
   additionalIDHeaderWidget: $,
   emptyComponent: oe,
-  getIdColumnWidth: Y,
+  getIdColumnWidth: L,
   onTextSearchClick: X,
   textSearchLoading: q,
   enablePopupIcon: V
@@ -8208,7 +8208,7 @@ const Wo = function({
         customFieldValidator: j,
         columnIndex: xe,
         width: ie.width,
-        height: Nr(se),
+        height: Fr(se),
         entity: Ce,
         disabled: Ke,
         enablePopupIcon: V,
@@ -8224,7 +8224,7 @@ const Wo = function({
     const Te = xe, Ce = H[ie.key], We = Ce.dependencies ? Object.entries(Te.values).filter(([re, Be]) => Ce.dependencies.includes(re)).reduce((re, Be) => ({ ...re, ...Be }), {}) : Te, Ke = Ce.Builder;
     if (!Ke && !Ce.value)
       throw new Error("When using additional fields you need to provide a Builder or a value");
-    const rt = Ke ? /* @__PURE__ */ n(Ke, { entity: Te, context: ue }) : /* @__PURE__ */ n(M, { children: Ce.value?.({
+    const rt = Ke ? /* @__PURE__ */ n(Ke, { entity: Te, context: ue }) : /* @__PURE__ */ n(O, { children: Ce.value?.({
       entity: Te,
       context: ue
     }) });
@@ -8261,7 +8261,7 @@ const Wo = function({
   })(), Ie = [
     {
       key: "id_ewcfedcswdf3",
-      width: Y?.() ?? (te ? 160 : 130),
+      width: L?.() ?? (te ? 160 : 130),
       title: "ID",
       resizable: !1,
       frozen: te,
@@ -8395,10 +8395,10 @@ function Jo({
     }
     return s;
   }, [s, p]);
-  O(() => {
+  M(() => {
     J(p, k) || E(p);
   }, [p]);
-  const [k, E] = S.useState(p ?? o ?? void 0), [C, B] = S.useState(_), Q = C ? C[0] : void 0, D = C ? C[1] : void 0, F = Re(), [z, $] = P([]), [oe, Y] = P(!1), [X, q] = P(), [V, ae] = P(!1), te = x((T, ne) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
+  const [k, E] = S.useState(p ?? o ?? void 0), [C, B] = S.useState(_), Q = C ? C[0] : void 0, D = C ? C[1] : void 0, F = Re(), [z, $] = P([]), [oe, L] = P(!1), [X, q] = P(), [V, ae] = P(!1), te = x((T, ne) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
     path: m,
     collection: t,
     filterValues: T,
@@ -8410,8 +8410,8 @@ function Jo({
     }
     T && Object.keys(T).length === 0 ? E(void 0) : E(T);
   }, [p]);
-  O(() => {
-    Y(!0);
+  M(() => {
+    L(!0);
     const T = async (K) => {
       if (t.callbacks?.onFetch)
         try {
@@ -8426,12 +8426,12 @@ function Jo({
         } catch (H) {
           console.error(H);
         }
-      Y(!1), q(void 0), $(K.map((H) => ({
+      L(!1), q(void 0), $(K.map((H) => ({
         ...H
         // values: sanitizeData(e.values, resolvedCollection.properties)
       }))), ae(!w || K.length < w);
     }, ne = (K) => {
-      console.error("ERROR", K), Y(!1), $([]), q(K);
+      console.error("ERROR", K), L(!1), $([]), q(K);
     };
     return f.listenCollection ? f.listenCollection({
       path: m,
@@ -8606,7 +8606,7 @@ function Xo({
   }, [p, A, B, s, l, r, u, w.name, o]);
   let D;
   if (p && A)
-    D = /* @__PURE__ */ n(M, { children: "Multiple entities" });
+    D = /* @__PURE__ */ n(O, { children: "Multiple entities" });
   else {
     const z = p;
     D = z ? /* @__PURE__ */ n(
@@ -8616,22 +8616,22 @@ function Xo({
         collection: t,
         path: l
       }
-    ) : /* @__PURE__ */ n(M, {});
+    ) : /* @__PURE__ */ n(O, {});
   }
-  const F = A ? /* @__PURE__ */ v(M, { children: [
+  const F = A ? /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n("b", { children: w.name }),
     ": Confirm multiple delete?"
   ] }) : `Would you like to delete this ${w.singularName ?? w.name}?`;
   return /* @__PURE__ */ v(
-    ki,
+    _i,
     {
       maxWidth: A ? "lg" : "2xl",
       "aria-labelledby": "delete-dialog",
       open: i,
       onOpenChange: (z) => z ? void 0 : r(),
       children: [
-        /* @__PURE__ */ v(_i, { fullHeight: !0, children: [
-          /* @__PURE__ */ n(L, { variant: "subtitle2", className: "p-4", children: F }),
+        /* @__PURE__ */ v(xi, { fullHeight: !0, children: [
+          /* @__PURE__ */ n(Y, { variant: "subtitle2", className: "p-4", children: F }),
           !A && /* @__PURE__ */ n("div", { className: "p-4", children: D })
         ] }),
         /* @__PURE__ */ v(It, { children: [
@@ -8663,7 +8663,7 @@ function Xo({
   );
 }
 const Vc = {
-  icon: /* @__PURE__ */ n(Ai, {}),
+  icon: /* @__PURE__ */ n(bi, {}),
   name: "Edit",
   collapsed: !1,
   onClick({
@@ -8732,7 +8732,7 @@ const Vc = {
     return window.open(`https://example.com/${e.id}`, "_blank"), Promise.resolve(void 0);
   }
 }, ea = {
-  icon: /* @__PURE__ */ n(ri, {}),
+  icon: /* @__PURE__ */ n(ii, {}),
   name: "Delete",
   onClick({
     entity: e,
@@ -8797,7 +8797,7 @@ function Gc({
       b.setSelectedEntities(q), t && t(q);
     }
   }, b = Ho(w);
-  O(() => {
+  M(() => {
     let X = !1;
     const q = o?.map((V) => V?.toString()).filter(Boolean);
     return q && i ? Promise.all(
@@ -8881,7 +8881,7 @@ function Gc({
     textSearchLoading: z,
     textSearchInitialised: $,
     onTextSearchClick: oe,
-    textSearchEnabled: Y
+    textSearchEnabled: L
   } = (
     // eslint-disable-next-line react-hooks/rules-of-hooks
     Zo({
@@ -8895,13 +8895,13 @@ function Gc({
       {
         textSearchLoading: z,
         onTextSearchClick: $ ? void 0 : oe,
-        textSearchEnabled: Y,
+        textSearchEnabled: L,
         displayedColumnIds: D,
         onEntityClick: k,
         tableController: F,
         enablePopupIcon: !1,
         tableRowActionsBuilder: C,
-        title: /* @__PURE__ */ n(L, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
+        title: /* @__PURE__ */ n(Y, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
         defaultSize: i.defaultSize,
         properties: Q.properties,
         forceFilter: l,
@@ -8920,7 +8920,7 @@ function Gc({
     ) }),
     /* @__PURE__ */ v(It, { translucent: !1, children: [
       s && /* @__PURE__ */ n(
-        L,
+        Y,
         {
           variant: "body2",
           className: "flex-grow text-left",
@@ -8968,7 +8968,7 @@ function jc({
       children: /* @__PURE__ */ n(pt, {})
     }
   ));
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       ge,
       {
@@ -9006,7 +9006,7 @@ function _n({
           }
       },
       title: /* @__PURE__ */ n(
-        L,
+        Y,
         {
           color: "secondary",
           className: "font-medium ml-1",
@@ -9057,7 +9057,7 @@ function Yc({
                 }
               ),
               /* @__PURE__ */ n(
-                L,
+                Y,
                 {
                   gutterBottom: !0,
                   variant: "h5",
@@ -9066,12 +9066,12 @@ function Yc({
                 }
               ),
               t && /* @__PURE__ */ n(
-                L,
+                Y,
                 {
                   variant: "body2",
                   color: "secondary",
                   component: "div",
-                  children: /* @__PURE__ */ n(bi, { source: t, size: "small" })
+                  children: /* @__PURE__ */ n(yi, { source: t, size: "small" })
                 }
               )
             ]
@@ -9087,14 +9087,14 @@ function Lc({
   url: t,
   icon: r
 }) {
-  return /* @__PURE__ */ n(M, { children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ v(
     Er,
     {
       tabIndex: 0,
       className: U(
         La,
         Ua,
-        ii,
+        ni,
         "cursor-pointer flex flex-row items-center px-4 py-2 text-inherit dark:text-inherit visited:text-inherit visited:dark:text-inherit hover:text-inherit hover:dark:text-inherit "
       ),
       to: t,
@@ -9102,7 +9102,7 @@ function Lc({
         /* @__PURE__ */ v("div", { className: "flex flex-row items-center flex-grow gap-2 ", children: [
           r,
           /* @__PURE__ */ n(
-            L,
+            Y,
             {
               gutterBottom: !0,
               variant: "h5",
@@ -9127,7 +9127,7 @@ function Uc({
   onClick: s,
   type: l
 }) {
-  const c = Pt(), d = /* @__PURE__ */ n(li, { collectionOrView: t ?? r }), u = Kt(), f = Re(), m = fe(), p = (c?.favouritePaths ?? []).includes(e), h = c ? [
+  const c = Pt(), d = /* @__PURE__ */ n(ci, { collectionOrView: t ?? r }), u = Kt(), f = Re(), m = fe(), p = (c?.favouritePaths ?? []).includes(e), h = c ? [
     /* @__PURE__ */ n(
       de,
       {
@@ -9172,7 +9172,7 @@ function Uc({
       ) : null
     ));
   }
-  const A = /* @__PURE__ */ n(M, { children: h });
+  const A = /* @__PURE__ */ n(O, { children: h });
   return l === "admin" ? /* @__PURE__ */ n(
     Lc,
     {
@@ -9207,7 +9207,7 @@ function $c({ entry: e }) {
     );
   };
   return /* @__PURE__ */ n(
-    gi,
+    Ai,
     {
       onClick: () => t(e.url),
       icon: i ? /* @__PURE__ */ n(
@@ -9243,21 +9243,21 @@ function qc({ hidden: e }) {
     a.path
   )) }) });
 }
-const Hr = {};
+const Zr = {};
 function Wc() {
   const e = Cr(), t = S.useRef(null), [r, i] = S.useState(0), [a, o] = S.useState("down"), s = x(() => {
-    !t.current || !e.key || (Hr[e.key] = t.current.scrollTop, i(t.current.scrollTop), o(t.current.scrollTop > r ? "down" : "up"));
+    !t.current || !e.key || (Zr[e.key] = t.current.scrollTop, i(t.current.scrollTop), o(t.current.scrollTop > r ? "down" : "up"));
   }, [t, e.key, r]);
-  return O(() => {
+  return M(() => {
     const l = t.current;
     if (l)
       return l.addEventListener("scroll", s, { passive: !0 }), () => {
         l && l.removeEventListener("scroll", s);
       };
-  }, [t, s, e]), O(() => {
-    !t.current || !Hr[e.key] || t.current.scrollTo(
+  }, [t, s, e]), M(() => {
+    !t.current || !Zr[e.key] || t.current.scrollTo(
       {
-        top: Hr[e.key],
+        top: Zr[e.key],
         behavior: "auto"
       }
     );
@@ -9288,7 +9288,7 @@ function Jc({
     navigationEntries: d,
     groups: u
   } = o.topLevelNavigation, [f, m] = P(null), p = f ? d.filter((b) => f.includes(b.url)) : d;
-  O(() => {
+  M(() => {
     Bt.addDocuments(d);
   }, [d]);
   const h = x(
@@ -9308,7 +9308,7 @@ function Jc({
     const b = {
       context: i
     };
-    w = /* @__PURE__ */ n(M, { children: a.plugins.filter((_) => _.homePage?.includeSection).map((_, k) => {
+    w = /* @__PURE__ */ n(O, { children: a.plugins.filter((_) => _.homePage?.includeSection).map((_, k) => {
       const E = _.homePage.includeSection(b);
       return /* @__PURE__ */ n(
         _n,
@@ -9334,7 +9334,7 @@ function Jc({
             style: { top: c === "down" ? -84 : 0 },
             children: [
               /* @__PURE__ */ n(
-                yi,
+                wi,
                 {
                   onTextSearch: h,
                   placeholder: "Search collections",
@@ -9429,7 +9429,7 @@ function Hc({
       {
         variant: "text",
         disabled: !A?.length || !y,
-        startIcon: /* @__PURE__ */ n(ri, {}),
+        startIcon: /* @__PURE__ */ n(ii, {}),
         onClick: a,
         color: "primary",
         className: "lg:w-20",
@@ -9445,7 +9445,7 @@ function Hc({
         color: "primary",
         disabled: !A?.length || !y,
         onClick: a,
-        children: /* @__PURE__ */ n(ri, {})
+        children: /* @__PURE__ */ n(ii, {})
       }
     );
     w = /* @__PURE__ */ n(
@@ -9468,7 +9468,7 @@ function Hc({
   }, _ = Jt(e.Actions).map((k, E) => /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(k, { ...b }) }, `actions_${E}`));
   return m && m.forEach((k, E) => {
     k.collectionView?.CollectionActions && _.push(...Jt(k.collectionView?.CollectionActions).map((C, B) => /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(C, { ...b, ...k.collectionView?.collectionActionsProps }) }, `plugin_actions_${E}_${B}`)));
-  }), /* @__PURE__ */ v(M, { children: [
+  }), /* @__PURE__ */ v(O, { children: [
     _,
     w,
     g
@@ -9506,7 +9506,7 @@ function Zc({
   }, p = () => {
     e.current && (e.current.style.top = `${i}px`, e.current.style.left = `${r}px`);
   };
-  O(() => {
+  M(() => {
     const h = e.current, A = t.current;
     if (!(!h || !A))
       return A && A.addEventListener("mousedown", d), h && h.addEventListener("mousedown", c), p(), () => {
@@ -9516,7 +9516,7 @@ function Zc({
 }
 function Xc() {
   const [e, t] = P({ width: 0, height: 0 });
-  return Kr(() => {
+  return ei(() => {
     function r() {
       t({ width: window.innerWidth, height: window.innerHeight });
     }
@@ -9534,7 +9534,7 @@ const Kc = ({ onResize: e }) => {
     const s = r.current;
     s && s.contentDocument && s.contentDocument.defaultView && s.contentDocument.defaultView.addEventListener("resize", a);
   }, [a]);
-  return O(() => {
+  return M(() => {
     const s = r.current;
     return () => {
       s && s.contentDocument && s.contentDocument.defaultView && s.contentDocument.defaultView.removeEventListener("resize", a);
@@ -9614,18 +9614,18 @@ function td({
     x: A?.x,
     y: A?.y,
     onMove: $
-  }), O(
+  }), M(
     () => {
       D.current = !1;
     },
     [i, w]
-  ), Kr(
+  ), ei(
     () => {
       const G = B.current?.getBoundingClientRect();
       !s || !G || D.current || ($(), D.current = !0);
     },
     [s, $, D.current]
-  ), Kr(
+  ), ei(
     () => {
       $(A);
     },
@@ -9638,7 +9638,7 @@ function td({
         i && E.properties[i] ? { [i]: E.properties[i] } : {},
         r
       );
-  }, [E, y, i, r]), Y = x(() => $(A), [A, $]), X = async (G) => (h(null), a && w && d && i ? d({
+  }, [E, y, i, r]), L = x(() => $(A), [A, $]), X = async (G) => (h(null), a && w && d && i ? d({
     value: G[i],
     propertyKey: i,
     data: w,
@@ -9647,7 +9647,7 @@ function td({
     }
   }) : Promise.resolve());
   if (!w)
-    return /* @__PURE__ */ n(M, {});
+    return /* @__PURE__ */ n(O, {});
   const q = Sn({
     initialValues: w?.values ?? {},
     validation: (G) => oe?.validate(G, { abortEarly: !1 }).then(() => ({})).catch((I) => {
@@ -9661,7 +9661,7 @@ function td({
       X(G).then(() => c()).finally(() => I.setSubmitting(!1));
     }
   }), { values: V, isSubmitting: ae, setFieldValue: te, handleSubmit: Ae } = q;
-  if (O(() => {
+  if (M(() => {
     J(V, _) || k(V);
   }, [V]), !w)
     return /* @__PURE__ */ n(
@@ -9671,7 +9671,7 @@ function td({
       }
     );
   if (!E)
-    return /* @__PURE__ */ n(M, {});
+    return /* @__PURE__ */ n(O, {});
   const ue = ae, se = {
     collection: E,
     entityId: y,
@@ -9692,7 +9692,7 @@ function td({
     partOfBlock: !1,
     autoFocus: l
   } : void 0;
-  let ne = /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+  let ne = /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(
     "div",
     {
       className: "w-[560px] max-w-full max-h-[85vh]",
@@ -9756,7 +9756,7 @@ function td({
       className: `text-gray-900 dark:text-white overflow-auto rounded rounded-md bg-white dark:bg-gray-950 ${l ? "" : "hidden"} cursor-grab max-w-[100vw]`,
       children: [
         ne,
-        p && /* @__PURE__ */ n(L, { color: "error", children: p.message })
+        p && /* @__PURE__ */ n(Y, { color: "error", children: p.message })
       ]
     }
   ), j = /* @__PURE__ */ v(
@@ -9768,7 +9768,7 @@ function td({
       className: `inline-block fixed z-20 shadow-outline rounded-md bg-white dark:bg-gray-950 ${l ? "visible" : "invisible"} cursor-grab overflow-visible`,
       ref: B,
       children: [
-        /* @__PURE__ */ n(Kc, { onResize: Y }),
+        /* @__PURE__ */ n(Kc, { onResize: L }),
         /* @__PURE__ */ v(
           "div",
           {
@@ -9875,7 +9875,7 @@ function id({
   ];
   return d && d.forEach((m, p) => {
     m.collectionView?.CollectionActionsStart && f.push(...Jt(m.collectionView?.CollectionActionsStart).map((h, A) => /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(h, { ...u, ...m.collectionView?.collectionActionsStartProps }) }, `plugin_actions_${p}_${A}`)));
-  }), /* @__PURE__ */ n(M, { children: f });
+  }), /* @__PURE__ */ n(O, { children: f });
 }
 const nd = "collectionGroupParent", ta = S.memo(
   function({
@@ -9889,7 +9889,7 @@ const nd = "collectionGroupParent", ta = S.memo(
       const W = m?.getCollectionConfig(l);
       return W ? He(o, W) : o;
     }, [o, l, m?.getCollectionConfig]), y = S.useRef(g);
-    O(() => {
+    M(() => {
       y.current = g;
     }, [g]);
     const w = $t(g, f, l, null), [b, _] = P(void 0), [k, E] = S.useState(void 0), [C, B] = S.useState(0), [Q, D] = P(0), F = x(() => {
@@ -9900,12 +9900,12 @@ const nd = "collectionGroupParent", ta = S.memo(
     }, [b]), z = x((W) => {
       const le = y.current;
       return mo(le, f, l, W ?? null) ? le.inlineEditing === void 0 || le.inlineEditing : !1;
-    }, [f, l]), $ = g.selectionEnabled === void 0 || g.selectionEnabled, oe = !z(), [Y, X] = P(!1), q = Ho(), V = g.selectionController ?? q, {
+    }, [f, l]), $ = g.selectionEnabled === void 0 || g.selectionEnabled, oe = !z(), [L, X] = P(!1), q = Ho(), V = g.selectionController ?? q, {
       selectedEntities: ae,
       isEntitySelected: te,
       setSelectedEntities: Ae
     } = V;
-    O(() => {
+    M(() => {
       E(void 0);
     }, [ae]);
     const ue = Jo({
@@ -9983,7 +9983,7 @@ const nd = "collectionGroupParent", ta = S.memo(
       setError: ye,
       data: we
     }) => {
-      const Je = ei({ ...we.values }, le, W), st = {
+      const Je = ti({ ...we.values }, le, W), st = {
         path: l,
         entityId: we.id,
         values: Je,
@@ -10031,7 +10031,7 @@ const nd = "collectionGroupParent", ta = S.memo(
           {
             color: "primary",
             variant: "outlined",
-            startIcon: /* @__PURE__ */ n(Ai, { size: "small" }),
+            startIcon: /* @__PURE__ */ n(bi, { size: "small" }),
             onClick: (we) => {
               we.stopPropagation(), u.open({
                 path: l,
@@ -10107,14 +10107,14 @@ const nd = "collectionGroupParent", ta = S.memo(
         }
       );
     }, at = /* @__PURE__ */ n(
-      wi,
+      vi,
       {
-        open: Y,
+        open: L,
         onOpenChange: X,
         enabled: !!g.description,
         trigger: /* @__PURE__ */ v("div", { className: "flex flex-col items-start", children: [
           /* @__PURE__ */ n(
-            L,
+            Y,
             {
               variant: "subtitle1",
               className: `leading-none truncate max-w-[160px] lg:max-w-[240px] ${g.description ? "cursor-pointer" : "cursor-auto"}`,
@@ -10135,7 +10135,7 @@ const nd = "collectionGroupParent", ta = S.memo(
             }
           )
         ] }),
-        children: g.description && /* @__PURE__ */ n("div", { className: "m-4 text-gray-900 dark:text-white", children: /* @__PURE__ */ n(bi, { source: g.description }) })
+        children: g.description && /* @__PURE__ */ n("div", { className: "m-4 text-gray-900 dark:text-white", children: /* @__PURE__ */ n(yi, { source: g.description }) })
       }
     ), Tt = x(({
       property: W,
@@ -10143,7 +10143,7 @@ const nd = "collectionGroupParent", ta = S.memo(
       onHover: be
     }) => {
       const ye = y.current;
-      return h.plugins ? /* @__PURE__ */ n(M, { children: h.plugins.filter((we) => we.collectionView?.HeaderAction).map((we, Je) => {
+      return h.plugins ? /* @__PURE__ */ n(O, { children: h.plugins.filter((we) => we.collectionView?.HeaderAction).map((we, Je) => {
         const st = we.collectionView.HeaderAction;
         return /* @__PURE__ */ n(
           st,
@@ -10158,7 +10158,7 @@ const nd = "collectionGroupParent", ta = S.memo(
           `plugin_header_action_${Je}`
         );
       }) }) : null;
-    }, [h.plugins, l, r]), Qr = I ? function() {
+    }, [h.plugins, l, r]), Dr = I ? function() {
       return typeof I == "function" ? /* @__PURE__ */ n(
         I,
         {
@@ -10168,10 +10168,10 @@ const nd = "collectionGroupParent", ta = S.memo(
         }
       ) : null;
     } : void 0, {
-      textSearchLoading: Dr,
-      textSearchInitialised: Rr,
+      textSearchLoading: Rr,
+      textSearchInitialised: Tr,
       onTextSearchClick: bt,
-      textSearchEnabled: Tr
+      textSearchEnabled: Or
     } = Zo({
       collection: g,
       fullPath: Ve,
@@ -10202,9 +10202,9 @@ const nd = "collectionGroupParent", ta = S.memo(
               defaultSize: g.defaultSize,
               properties: Te.properties,
               getPropertyFor: Ce,
-              onTextSearchClick: Rr ? void 0 : bt,
-              textSearchLoading: Dr,
-              textSearchEnabled: Tr,
+              onTextSearchClick: Tr ? void 0 : bt,
+              textSearchLoading: Rr,
+              textSearchEnabled: Or,
               actionsStart: /* @__PURE__ */ n(
                 id,
                 {
@@ -10233,7 +10233,7 @@ const nd = "collectionGroupParent", ta = S.memo(
                 }
               ),
               emptyComponent: w && ue.filterValues === void 0 && ue.sortBy === void 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
-                /* @__PURE__ */ n(L, { variant: "subtitle2", children: "So empty..." }),
+                /* @__PURE__ */ n(Y, { variant: "subtitle2", children: "So empty..." }),
                 /* @__PURE__ */ v(
                   ge,
                   {
@@ -10247,11 +10247,11 @@ const nd = "collectionGroupParent", ta = S.memo(
                     ]
                   }
                 )
-              ] }) : /* @__PURE__ */ n(L, { variant: "label", children: "No results with the applied filter/sort" }),
+              ] }) : /* @__PURE__ */ n(Y, { variant: "label", children: "No results with the applied filter/sort" }),
               hoverRow: oe,
               inlineEditing: z(),
               AdditionalHeaderWidget: Tt,
-              AddColumnComponent: Qr,
+              AddColumnComponent: Dr,
               getIdColumnWidth: ir,
               additionalIDHeaderWidget: /* @__PURE__ */ n(
                 ad,
@@ -10307,7 +10307,7 @@ function od({
   onCountChange: a
 }) {
   const o = tt(t), s = _e(), [l, c] = P(void 0), [d, u] = P(void 0), f = i ? i[0] : void 0, m = i ? i[1] : void 0, p = he(() => s.resolveAliasesFrom(e), [e, s.resolveAliasesFrom]);
-  return O(() => {
+  return M(() => {
     o.countEntities && o.countEntities({
       path: p,
       collection: t,
@@ -10315,10 +10315,10 @@ function od({
       orderBy: f,
       order: m
     }).then(c).catch(u);
-  }, [e, o.countEntities, p, t, r, f, m]), O(() => {
+  }, [e, o.countEntities, p, t, r, f, m]), M(() => {
     a && (u(void 0), a(l ?? 0));
   }, [a, l]), d ? null : /* @__PURE__ */ n(
-    L,
+    Y,
     {
       className: "w-full text-ellipsis block overflow-hidden whitespace-nowrap max-w-xs text-left w-fit-content",
       variant: "caption",
@@ -10340,7 +10340,7 @@ function ad({
 }) {
   const [r, i] = S.useState(!1), [a, o] = S.useState(""), s = Ft();
   return /* @__PURE__ */ n(ke, { title: r ? void 0 : "Find by ID", children: /* @__PURE__ */ n(
-    wi,
+    vi,
     {
       open: r,
       onOpenChange: i,
@@ -10396,7 +10396,7 @@ function Sm({ propertyConfig: e }) {
       style: {
         background: e?.color ?? r?.color ?? "#888"
       },
-      children: e?.Icon ? ai(e, "medium") : ai(r, "medium")
+      children: e?.Icon ? si(e, "medium") : si(r, "medium")
     }
   );
 }
@@ -10407,7 +10407,7 @@ function sd() {
       className: "m-auto flex items-center flex-col",
       children: [
         /* @__PURE__ */ n(
-          L,
+          Y,
           {
             variant: "h4",
             align: "center",
@@ -10415,7 +10415,7 @@ function sd() {
             children: "Page not found"
           }
         ),
-        /* @__PURE__ */ n(L, { align: "center", gutterBottom: !0, children: "This page does not exist or you may not have access to it" }),
+        /* @__PURE__ */ n(Y, { align: "center", gutterBottom: !0, children: "This page does not exist or you may not have access to it" }),
         /* @__PURE__ */ n(
           ge,
           {
@@ -10438,13 +10438,13 @@ function Im({
   body: o
 }) {
   return /* @__PURE__ */ v(
-    ki,
+    _i,
     {
       open: e,
       onOpenChange: (s) => s ? void 0 : r(),
       children: [
-        /* @__PURE__ */ v(_i, { children: [
-          /* @__PURE__ */ n(L, { variant: "h6", className: "mb-2", children: i }),
+        /* @__PURE__ */ v(xi, { children: [
+          /* @__PURE__ */ n(Y, { variant: "h6", className: "mb-2", children: i }),
           o
         ] }),
         /* @__PURE__ */ v(It, { children: [
@@ -10695,7 +10695,7 @@ const ld = function({
                 }
               ) : /* @__PURE__ */ n(ia, { width: "32px", height: "32px" })),
               typeof t == "string" ? /* @__PURE__ */ n(
-                L,
+                Y,
                 {
                   variant: "subtitle1",
                   noWrap: !0,
@@ -10721,8 +10721,8 @@ const ld = function({
         ),
         /* @__PURE__ */ v(St, { trigger: w, children: [
           y && /* @__PURE__ */ v("div", { className: "px-4 py-2 mb-2", children: [
-            y.displayName && /* @__PURE__ */ n(L, { variant: "body1", color: "secondary", children: y.displayName }),
-            y.email && /* @__PURE__ */ n(L, { variant: "body2", color: "secondary", children: y.email })
+            y.displayName && /* @__PURE__ */ n(Y, { variant: "body1", color: "secondary", children: y.displayName }),
+            y.email && /* @__PURE__ */ n(Y, { variant: "body2", color: "secondary", children: y.email })
           ] }),
           a,
           !a && /* @__PURE__ */ v(Pe, { onClick: p.signOut, children: [
@@ -10751,7 +10751,7 @@ function oa({
   const u = r && Array.isArray(r) && r.length > 0, f = ce(cd(r)), [m, p] = P(
     u ? Object.values(f.current) : []
   );
-  O(() => {
+  M(() => {
     if (u && r && r.length !== m.length) {
       const w = r.map((b, _) => {
         const k = io(b) + _;
@@ -10946,7 +10946,7 @@ function dd({
                   /* @__PURE__ */ v(Pe, { dense: !0, onClick: (d) => {
                     l(!1), r(i);
                   }, children: [
-                    /* @__PURE__ */ n(xi, { size: "small" }),
+                    /* @__PURE__ */ n(Ei, { size: "small" }),
                     "Remove"
                   ] }),
                   /* @__PURE__ */ v(Pe, { dense: !0, onClick: () => {
@@ -11073,8 +11073,8 @@ function Nm({
   );
 }
 const md = 220;
-si && process.env.NODE_ENV !== "production" && Object.keys(si).forEach((e) => {
-  fi.includes(e) || console.warn(`The icon ${e} no longer exists. Remove it from \`iconSynonyms\``);
+li && process.env.NODE_ENV !== "production" && Object.keys(li).forEach((e) => {
+  hi.includes(e) || console.warn(`The icon ${e} no longer exists. Remove it from \`iconSynonyms\``);
 });
 function Fm({
   selectedIcon: e = "",
@@ -11093,9 +11093,9 @@ function Fm({
   );
   return S.useEffect(() => (s(a), () => {
     s.clear();
-  }), [a, s]), /* @__PURE__ */ v(M, { children: [
+  }), [a, s]), /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
-      yi,
+      wi,
       {
         autoFocus: !1,
         innerClassName: "w-full sticky top-0 z-10",
@@ -11103,14 +11103,14 @@ function Fm({
         placeholder: "Search for more icons…"
       }
     ),
-    /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? ti : r).map((c) => /* @__PURE__ */ n(ke, { title: c, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? ri : r).map((c) => /* @__PURE__ */ n(ke, { title: c, children: /* @__PURE__ */ n(
       de,
       {
         shape: "square",
         toggled: e === c,
         onClick: t ? () => t(c) : void 0,
         className: "box-content m-1",
-        children: /* @__PURE__ */ n(hi, { iconKey: c, size: 24 })
+        children: /* @__PURE__ */ n(gi, { iconKey: c, size: 24 })
       }
     ) }, c)) })
   ] });
@@ -11119,7 +11119,7 @@ function Pm({
   error: e,
   children: t
 }) {
-  return t ? /* @__PURE__ */ n(L, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
+  return t ? /* @__PURE__ */ n(Y, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
 }
 function Mi({
   name: e,
@@ -11161,7 +11161,7 @@ function Me({
     return null;
   if (t && e)
     return /* @__PURE__ */ n(
-      L,
+      Y,
       {
         variant: "caption",
         className: "ml-3.5 text-red-500 dark:text-red-500",
@@ -11171,7 +11171,7 @@ function Me({
   const s = typeof r.disabled == "object" ? r.disabled.disabledMessage : void 0;
   return /* @__PURE__ */ v("div", { className: "flex ml-3.5 mt-1", children: [
     /* @__PURE__ */ n(
-      L,
+      Y,
       {
         variant: "caption",
         color: a ? "disabled" : "secondary",
@@ -11247,7 +11247,7 @@ function En({
   const f = x((m) => {
     m.stopPropagation(), m.preventDefault(), r(null);
   }, [r]);
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       nt,
       {
@@ -11455,15 +11455,22 @@ function pd({
       },
       C
     ) : /* @__PURE__ */ n("div", { children: "Internal ERROR" });
-  }, [f.path, f.previewProperties, t]), _ = /* @__PURE__ */ n(
-    ze,
-    {
-      icon: De(l, "small"),
-      required: l.validation?.required,
-      title: l.name,
-      className: "text-text-secondary dark:text-text-secondary-dark"
-    }
-  ), k = /* @__PURE__ */ v(M, { children: [
+  }, [f.path, f.previewProperties, t]), _ = /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ n(
+      ze,
+      {
+        icon: De(l, "small"),
+        required: l.validation?.required,
+        title: l.name,
+        className: "flex-grow text-text-secondary dark:text-text-secondary-dark"
+      }
+    ),
+    Array.isArray(t) && /* @__PURE__ */ v(Y, { variant: "caption", className: "px-4", children: [
+      "(",
+      t.length,
+      ")"
+    ] })
+  ] }), k = /* @__PURE__ */ v(O, { children: [
     !A && /* @__PURE__ */ n(
       Ne,
       {
@@ -11499,7 +11506,7 @@ function pd({
       )
     ] })
   ] });
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     !s && /* @__PURE__ */ n(
       ft,
       {
@@ -11551,7 +11558,7 @@ function aa({
                 onClick: (s) => {
                   s.stopPropagation(), i(r);
                 },
-                children: /* @__PURE__ */ n(xi, { size: "small" })
+                children: /* @__PURE__ */ n(Ei, { size: "small" })
               }
             )
           }
@@ -11608,7 +11615,7 @@ function Bn({
     property: l,
     value: t,
     setValue: r
-  }), /* @__PURE__ */ v(M, { children: [
+  }), /* @__PURE__ */ v(O, { children: [
     !s && /* @__PURE__ */ n(
       ze,
       {
@@ -11697,7 +11704,7 @@ function wd({
         t ? Yn : xr,
         fd,
         a && l.length ? "" : "flex",
-        ii,
+        ni,
         {
           [gd]: !b,
           [Ad]: b,
@@ -11759,7 +11766,7 @@ function wd({
                         ref: Q.innerRef,
                         ...Q.draggableProps,
                         ...Q.dragHandleProps,
-                        className: U(ii, "rounded-md"),
+                        className: U(ni, "rounded-md"),
                         style: {
                           ...Q.draggableProps.style
                         },
@@ -11779,7 +11786,7 @@ function wd({
           {
             className: "flex-grow min-h-[38px] box-border m-2 text-center",
             children: /* @__PURE__ */ n(
-              L,
+              Y,
               {
                 align: "center",
                 variant: "label",
@@ -11910,7 +11917,7 @@ function Vt({
     } else
       i(g.target.value);
   }, h = !!u, A = c.dataType === "number" ? "number" : void 0;
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       xt,
       {
@@ -11982,7 +11989,7 @@ const kd = S.forwardRef(function({
     property: d,
     value: r,
     setValue: i
-  }), /* @__PURE__ */ v(M, { children: [
+  }), /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       _r,
       {
@@ -12031,7 +12038,7 @@ function _d({
     property: c,
     value: t,
     setValue: r
-  }), /* @__PURE__ */ v(M, { children: [
+  }), /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       Xt,
       {
@@ -12077,7 +12084,7 @@ function sa({
 }) {
   if (!l.entityId)
     throw new Error("ReadOnlyFieldBinding: Entity id is null");
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     !a && /* @__PURE__ */ n(
       ze,
       {
@@ -12153,7 +12160,7 @@ function Ed({
   ), g = x((y) => {
     y.preventDefault(), A.open();
   }, [A]);
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       ze,
       {
@@ -12169,7 +12176,7 @@ function Ed({
         error: "The specified collection does not exist. Check console"
       }
     ),
-    p && /* @__PURE__ */ v(M, { children: [
+    p && /* @__PURE__ */ v(O, { children: [
       e && /* @__PURE__ */ n(
         et,
         {
@@ -12213,7 +12220,7 @@ const Dt = S.memo(Cd, (e, t) => {
   if (e.propertyKey !== t.propertyKey)
     return !1;
   const r = Qe(e.property) || e.property.fromBuilder, i = Qe(t.property) || t.property.fromBuilder;
-  return !((r === i || J(e.property, t.property)) && e.disabled === t.disabled) || ui(t.property), !1;
+  return !((r === i || J(e.property, t.property)) && e.disabled === t.disabled) || mi(t.property), !1;
 });
 function Cd({
   propertyKey: e,
@@ -12242,14 +12249,14 @@ function Cd({
           entityId: r.entityId,
           fields: u.propertyConfigs
         });
-        if (p === null || Bi(p))
-          return /* @__PURE__ */ n(M, {});
+        if (p === null || Si(p))
+          return /* @__PURE__ */ n(O, {});
         if (er(p))
           m = sa;
         else if (p.Field)
           typeof p.Field == "function" && (m = p.Field);
         else {
-          const A = Pr(p, u.propertyConfigs);
+          const A = Qr(p, u.propertyConfigs);
           if (!A)
             throw console.log("INTERNAL: Could not find field config for property", {
               propertyKey: e,
@@ -12339,14 +12346,14 @@ function Bd({
       customProps: p,
       context: d
     } }),
-    a && !_ && /* @__PURE__ */ n(L, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
+    a && !_ && /* @__PURE__ */ n(Y, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
   ] });
 }
-const ui = (e, t) => {
+const mi = (e, t) => {
   if (t?.some((a) => a.form?.fieldBuilder) || Qe(e))
     return !0;
   const r = e, i = !!r.Field || "fromBuilder" in r && r.fromBuilder;
-  return r.dataType === "map" && r.properties ? i || Object.values(r.properties).some((a) => ui(a, t)) : r.dataType === "array" && "resolvedProperties" in r ? i || r.resolvedProperties?.some((a) => a && ui(a, t)) : i;
+  return r.dataType === "map" && r.properties ? i || Object.values(r.properties).some((a) => mi(a, t)) : r.dataType === "array" && "resolvedProperties" in r ? i || r.resolvedProperties?.some((a) => a && mi(a, t)) : i;
 };
 function Sd({
   path: e,
@@ -12398,7 +12405,7 @@ function Id({
     o.properties,
     ...Object.keys(t).filter((y) => y in o.properties)
   ) : h = {} : h = o.properties;
-  const A = /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(h).filter(([y, w]) => !Bi(w)).map(
+  const A = /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(h).filter(([y, w]) => !Si(w)).map(
     ([y, w], b) => {
       const _ = {
         propertyKey: `${e}.${y}`,
@@ -12485,7 +12492,7 @@ function Nd({
       className: "text-text-secondary dark:text-text-secondary-dark"
     }
   );
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     !l && /* @__PURE__ */ n(
       ft,
       {
@@ -12515,17 +12522,17 @@ function zi({
   disabled: i
 }) {
   const [a, o] = S.useState(
-    Object.keys(e ?? {}).map((c) => [Zr(), {
+    Object.keys(e ?? {}).map((c) => [Xr(), {
       key: c,
-      dataType: mi(e?.[c]) ?? "string"
+      dataType: pi(e?.[c]) ?? "string"
     }])
   );
-  O(() => {
+  M(() => {
     const c = a.map(([p, { key: h }]) => h), d = Object.entries(e ?? {}).filter(([p, h]) => h !== void 0).map(([p]) => p), u = d.filter((p) => !c.includes(p)), f = c.filter((p) => !d.includes(p)), m = [...a];
     u.forEach((p) => {
-      m.push([Zr(), {
+      m.push([Xr(), {
         key: p,
-        dataType: mi(e?.[p]) ?? "string"
+        dataType: pi(e?.[p]) ?? "string"
       }]);
     }), f.forEach((p) => {
       const h = m.findIndex(([A, { key: g }]) => g === p);
@@ -12599,7 +12606,7 @@ function zi({
           c.preventDefault(), t({
             ...e ?? {},
             "": null
-          }), o([...a, [Zr(), {
+          }), o([...a, [Xr(), {
             key: "",
             dataType: "string"
           }]]);
@@ -12738,7 +12745,7 @@ function Fd({
         )
       }
     ) : /* @__PURE__ */ n(
-      L,
+      Y,
       {
         variant: "caption",
         children: `Data type ${A} not supported yet`
@@ -12748,9 +12755,9 @@ function Fd({
   function m(p) {
     c(e, p);
   }
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v(
-      L,
+      Y,
       {
         component: "div",
         className: "font-mono flex flex-row gap-1",
@@ -12838,7 +12845,7 @@ function Fd({
               size: "small",
               onClick: a,
               className: "h-7 w-7",
-              children: /* @__PURE__ */ n(xi, { size: "small" })
+              children: /* @__PURE__ */ n(Ei, { size: "small" })
             }
           )
         ]
@@ -12854,7 +12861,7 @@ function Pd({
   value: r,
   setValue: i
 }) {
-  const { locale: a } = fe(), [o, s] = P(mi(r) ?? "string");
+  const { locale: a } = fe(), [o, s] = P(pi(r) ?? "string");
   function l(d) {
     s(d);
   }
@@ -12893,7 +12900,7 @@ function Pd({
           i(f);
         }
       }
-    ) : u === "array" ? /* @__PURE__ */ n(L, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: U(Se, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
+    ) : u === "array" ? /* @__PURE__ */ n(Y, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: U(Se, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
       zi,
       {
         value: d,
@@ -12902,16 +12909,16 @@ function Pd({
         }
       }
     ) }) : /* @__PURE__ */ n(
-      L,
+      Y,
       {
         variant: "caption",
         children: `Data type ${u} not supported yet`
       }
     );
   }
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v(
-      L,
+      Y,
       {
         component: "div",
         className: "font-mono flex min-h-12 flex-row gap-1 items-center",
@@ -12979,10 +12986,10 @@ function Pd({
     o === "map" && c(r, o)
   ] });
 }
-function Zr() {
+function Xr() {
   return Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
 }
-function mi(e) {
+function pi(e) {
   if (typeof e == "string" || e === null)
     return "string";
   if (typeof e == "number")
@@ -13050,18 +13057,25 @@ function Qd({
       onInternalIdAdded: g,
       disabled: a || !!c.disabled,
       includeAddButton: !c.disabled,
-      newDefaultEntry: c.of.defaultValue
-    }
-  ), b = /* @__PURE__ */ n(
-    ze,
-    {
-      icon: De(c, "small"),
-      required: c.validation?.required,
-      title: c.name,
-      className: "text-text-secondary dark:text-text-secondary-dark"
+      newDefaultEntry: Br(c.of)
     }
-  );
-  return /* @__PURE__ */ v(M, { children: [
+  ), b = /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ n(
+      ze,
+      {
+        icon: De(c, "small"),
+        required: c.validation?.required,
+        title: c.name,
+        className: "flex-grow text-text-secondary dark:text-text-secondary-dark"
+      }
+    ),
+    Array.isArray(t) && /* @__PURE__ */ v(Y, { variant: "caption", className: "px-4", children: [
+      "(",
+      t.length,
+      ")"
+    ] })
+  ] });
+  return /* @__PURE__ */ v(O, { children: [
     !l && /* @__PURE__ */ n(
       ft,
       {
@@ -13141,11 +13155,11 @@ function Dd({
       setFieldValue: s,
       newDefaultEntry: {
         [c.oneOf.typeField ?? Lt]: w,
-        [c.oneOf.valueField ?? fr]: Si(c.oneOf.properties[w])
+        [c.oneOf.valueField ?? fr]: Br(c.oneOf.properties[w])
       }
     }
   );
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     !l && /* @__PURE__ */ n(
       ft,
       {
@@ -13178,10 +13192,10 @@ function Rd({
   autoFocus: s,
   context: l
 }) {
-  const c = r && r[i], [d, u] = P(c ?? void 0), f = pi();
-  O(() => {
+  const c = r && r[i], [d, u] = P(c ?? void 0), f = fi();
+  M(() => {
     c || y(Object.keys(o)[0]);
-  }, []), O(() => {
+  }, []), M(() => {
     c !== d && u(c);
   }, [c]);
   const m = d ? o[d] : void 0, p = Object.entries(o).map(([w, b]) => ({
@@ -13197,7 +13211,7 @@ function Rd({
     tableMode: !1
   } : void 0, y = (w) => {
     const b = w ? o[w] : void 0;
-    u(w), f.setFieldTouched(h, !0), f.setFieldValue(h, w), f.setFieldValue(A, b ? Si(b) : null);
+    u(w), f.setFieldTouched(h, !0), f.setFieldValue(h, w), f.setFieldValue(A, b ? Br(b) : null);
   };
   return /* @__PURE__ */ v("div", { className: U(kr, "bg-transparent p-4 my-4 py-8"), children: [
     /* @__PURE__ */ n(
@@ -13206,12 +13220,12 @@ function Rd({
         name: h,
         children: (w) => {
           const b = w.field.value !== void 0 && w.field.value !== null ? w.field.value : "";
-          return /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+          return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(
             nt,
             {
               className: "mb-2",
               placeholder: /* @__PURE__ */ n(
-                L,
+                Y,
                 {
                   variant: "caption",
                   className: "px-4 py-2 font-medium",
@@ -13260,9 +13274,9 @@ function Rd({
 }
 const Td = new Is();
 try {
-  cr.use(jr.AutoResize, {
+  cr.use(Yr.AutoResize, {
     min: 100
-  }), cr.unuse(jr.FontUnderline), cr.unuse(jr.Clear);
+  }), cr.unuse(Yr.FontUnderline), cr.unuse(Yr.Clear);
 } catch {
 }
 function Od({
@@ -13285,13 +13299,13 @@ function Od({
     internalValue: m,
     value: t
   });
-  return O(() => {
+  return M(() => {
     h.current = t, p(t);
-  }, [t]), O(() => {
+  }, [t]), M(() => {
     A.internalValue !== h.current && r(A.internalValue);
-  }, [A]), /* @__PURE__ */ v(M, { children: [
+  }, [A]), /* @__PURE__ */ v(O, { children: [
     !d && /* @__PURE__ */ n(
-      L,
+      Y,
       {
         variant: "caption",
         className: "flex-grow",
@@ -13948,15 +13962,22 @@ function zd({
     value: t,
     setValue: o
   });
-  const p = /* @__PURE__ */ n(
-    ze,
-    {
-      icon: De(l, "small"),
-      required: l.validation?.required,
-      className: "text-text-secondary dark:text-text-secondary-dark",
-      title: l.name
-    }
-  ), h = l.resolvedProperties.map((A, g) => {
+  const p = /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ n(
+      ze,
+      {
+        icon: De(l, "small"),
+        required: l.validation?.required,
+        title: l.name,
+        className: "flex-grow text-text-secondary dark:text-text-secondary-dark"
+      }
+    ),
+    Array.isArray(t) && /* @__PURE__ */ v(Y, { variant: "caption", className: "px-4", children: [
+      "(",
+      t.length,
+      ")"
+    ] })
+  ] }), h = l.resolvedProperties.map((A, g) => {
     const y = {
       propertyKey: `${e}[${g}]`,
       disabled: f,
@@ -13971,7 +13992,7 @@ function zd({
     };
     return /* @__PURE__ */ n("div", { className: "pb-4", children: /* @__PURE__ */ n(Dt, { ...y }) }, `custom_shaped_array_${g}`);
   });
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     !s && /* @__PURE__ */ n(
       ft,
       {
@@ -14273,7 +14294,7 @@ function Gd(e) {
   }
   return Vi[t];
 }
-function Pr(e, t) {
+function Qr(e, t) {
   const r = la(e), i = Gi(e);
   if (!i) {
     console.error("No field id found for property", e);
@@ -14533,7 +14554,7 @@ function ji(e) {
     path: t,
     collections: r = [],
     currentFullPath: i
-  } = e, a = Ee(t).split("/"), o = Ci(a), s = [];
+  } = e, a = Ee(t).split("/"), o = Bi(a), s = [];
   for (let l = 0; l < o.length; l++) {
     const c = o[l], d = r && r.find((u) => u.id === c || u.path === c);
     if (d) {
@@ -14587,7 +14608,7 @@ function Ld({
   entity: o,
   loading: s
 }) {
-  const { errors: l } = pi(), c = r === "existing" || !e, d = r !== "existing" && !e, u = he(() => {
+  const { errors: l } = fi(), c = r === "existing" || !e, d = r !== "existing" && !e, u = he(() => {
     if (!(!e || typeof e == "boolean" || e === "optional"))
       return ht(e);
   }, [e]), f = gt(), { copy: m } = ll({
@@ -14600,7 +14621,7 @@ function Ld({
     disabled: c || s,
     name: "id",
     value: (o && r === "existing" ? o.id : t) ?? "",
-    endAdornment: s ? /* @__PURE__ */ n(_t, { size: "small" }) : o ? /* @__PURE__ */ v(M, { children: [
+    endAdornment: s ? /* @__PURE__ */ n(_t, { size: "small" }) : o ? /* @__PURE__ */ v(O, { children: [
       /* @__PURE__ */ n(ke, { title: "Copy", children: /* @__PURE__ */ n(
         de,
         {
@@ -14623,7 +14644,7 @@ function Ld({
       ) })
     ] }) : void 0
   };
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     u && /* @__PURE__ */ n(
       nt,
       {
@@ -14666,7 +14687,7 @@ function Ld({
       }
     ),
     l.id && /* @__PURE__ */ n(
-      L,
+      Y,
       {
         variant: "caption",
         className: "ml-3.5 text-red-500 dark:text-red-500",
@@ -14676,8 +14697,8 @@ function Ld({
   ] });
 }
 const Ud = ({ containerRef: e }) => {
-  const { isSubmitting: t, isValidating: r, errors: i } = pi();
-  return O(() => {
+  const { isSubmitting: t, isValidating: r, errors: i } = fi();
+  return M(() => {
     const a = Object.keys(i);
     if (a.length > 0 && t && !r) {
       const o = e?.current?.querySelector(
@@ -14706,7 +14727,7 @@ function qd({ propertyId: e }) {
   return /* @__PURE__ */ v("div", { className: "flex flex-row gap-2 items-center justify-center text-white", children: [
     /* @__PURE__ */ v("div", { children: [
       /* @__PURE__ */ n(
-        L,
+        Y,
         {
           variant: "caption",
           className: "min-w-20 text-slate-400",
@@ -14714,7 +14735,7 @@ function qd({ propertyId: e }) {
           children: t ? "Copied" : "Property ID"
         }
       ),
-      /* @__PURE__ */ n(L, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
+      /* @__PURE__ */ n(Y, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
     ] }),
     /* @__PURE__ */ n(de, { size: "small", children: /* @__PURE__ */ n(
       vr,
@@ -14783,16 +14804,16 @@ function Jd({
     path: e,
     values: d?.values,
     fields: k.propertyConfigs
-  }), [d?.values, e, k.propertyConfigs]), D = i ? "copy" : t ? "existing" : "new", [F, z] = P(D), $ = (F === "new" || F === "copy") && !!Q.customId && Q.customId !== "optional", oe = he(() => F === "new" || F === "copy" ? $ ? void 0 : y.generateEntityId(e) : t, [t, F]), [Y, X] = S.useState(oe), [q, V] = S.useState(!1), [ae, te] = S.useState(), [Ae, ue] = S.useState(!1), se = r ?? lo(
+  }), [d?.values, e, k.propertyConfigs]), D = i ? "copy" : t ? "existing" : "new", [F, z] = P(D), $ = (F === "new" || F === "copy") && !!Q.customId && Q.customId !== "optional", oe = he(() => F === "new" || F === "copy" ? $ ? void 0 : y.generateEntityId(e) : t, [t, F]), [L, X] = S.useState(oe), [q, V] = S.useState(!1), [ae, te] = S.useState(), [Ae, ue] = S.useState(!1), se = r ?? lo(
     a ? a.defaultSelectedView : void 0,
     {
       status: F,
-      entityId: Y
+      entityId: L
     }
   ), ee = ce(se ?? Gt), T = ce(Hd(Q, F, d)), ne = ee.current === Gt, K = (a.subcollections ?? []).filter((N) => !N.hideFromNavigation), H = K?.length ?? 0, j = a.entityViews, G = j?.length ?? 0, I = a.formAutoSave && !a.customId, R = G > 0 || H > 0, [me, Ie] = P(d), [Xe, ie] = P(void 0);
-  O(() => {
+  M(() => {
     d && Ie(d);
-  }, [d]), O(() => {
+  }, [d]), M(() => {
     if (F === "new")
       ie(!1);
     else {
@@ -14825,8 +14846,8 @@ function Jd({
     m(!1), _.open({
       type: "error",
       message: "Error saving: " + N?.message
-    }), console.error("Error saving entity", e, Y), console.error(N);
-  }, [Y, e, _]), We = ({
+    }), console.error("Error saving entity", e, L), console.error(N);
+  }, [L, e, _]), We = ({
     values: N,
     previousValues: Z,
     closeAfterSave: ve,
@@ -14842,7 +14863,7 @@ function Jd({
     status: F,
     dataSource: y,
     context: E,
-    onSaveSuccess: (zr) => Te(zr, ve),
+    onSaveSuccess: (Vr) => Te(Vr, ve),
     onSaveFailure: Ce,
     onPreSaveHookError: xe,
     onSaveSuccessHookError: Ve
@@ -14853,10 +14874,10 @@ function Jd({
     values: Ge,
     previousValues: it,
     closeAfterSave: zt,
-    autoSave: zr
+    autoSave: Vr
   }) => {
     if (F)
-      if (zr)
+      if (Vr)
         h(Ge);
       else
         return We({
@@ -14868,7 +14889,7 @@ function Jd({
           closeAfterSave: zt
         });
   }, rt = (N, Z) => {
-    if ($ && !Y) {
+    if ($ && !L) {
       console.error("Missing custom Id"), V(!0), Z.setSubmitting(!1);
       return;
     }
@@ -14876,7 +14897,7 @@ function Jd({
       if (!d?.id)
         throw Error("Form misconfiguration when saving, no id for existing entity");
     } else if (F === "new" || F === "copy") {
-      if (A.customId && A.customId !== "optional" && !Y)
+      if (A.customId && A.customId !== "optional" && !L)
         throw Error("Form misconfiguration when saving, entityId should be set");
     } else
       throw Error("New FormType added, check EntityForm");
@@ -14901,14 +14922,14 @@ function Jd({
   }), Be = Le({
     collection: A,
     path: e,
-    entityId: Y,
+    entityId: L,
     values: re.values,
     previousValues: re.initialValues,
     fields: k.propertyConfigs
   }), ir = ce(d?.values), Rt = (N) => (ir.current = N, Ke({
     collection: Be,
     path: e,
-    entityId: Y,
+    entityId: L,
     values: N,
     previousValues: d?.values,
     closeAfterSave: C.current,
@@ -14925,11 +14946,11 @@ function Jd({
     setFieldValue: x(re.setFieldValue, []),
     values: re.values,
     collection: Be,
-    entityId: Y,
+    entityId: L,
     path: e,
     save: Rt,
     formex: re
-  }, Tt = j ? j.map((N) => ua(N, k.entityViews)).filter(Boolean) : [], Qr = Tt.find((N) => N.key === ee.current), Dr = !I && (ee.current === Gt || Qr?.includeActions), Rr = j && Tt.map(
+  }, Tt = j ? j.map((N) => ua(N, k.entityViews)).filter(Boolean) : [], Dr = Tt.find((N) => N.key === ee.current), Rr = !I && (ee.current === Gt || Dr?.includeActions), Tr = j && Tt.map(
     (N, Z) => {
       if (!N || ee.current !== N.key)
         return null;
@@ -14955,7 +14976,7 @@ function Jd({
         `custom_view_${N.key}`
       ) : (console.error("customView.Builder is not defined"), null);
     }
-  ).filter(Boolean), bt = u && !me || (!me || Xe === void 0) && (F === "existing" || F === "copy"), Tr = bt || f, W = K && K.map(
+  ).filter(Boolean), bt = u && !me || (!me || Xe === void 0) && (F === "existing" || F === "copy"), Or = bt || f, W = K && K.map(
     (N, Z) => {
       const ve = N.id ?? N.path, Ge = me ? `${e}/${me?.id}/${Ee(ve)}` : void 0;
       return ee.current !== ve ? null : /* @__PURE__ */ v(
@@ -14964,7 +14985,7 @@ function Jd({
           className: "relative flex-grow h-full overflow-auto w-full",
           role: "tabpanel",
           children: [
-            Tr && /* @__PURE__ */ n(yr, {}),
+            Or && /* @__PURE__ */ n(yr, {}),
             !bt && (me && Ge ? /* @__PURE__ */ n(
               ta,
               {
@@ -14977,7 +14998,7 @@ function Jd({
               "div",
               {
                 className: "flex items-center justify-center w-full h-full p-3",
-                children: /* @__PURE__ */ n(L, { variant: "label", children: "You need to save your entity before adding additional collections" })
+                children: /* @__PURE__ */ n(Y, { variant: "label", children: "You need to save your entity before adding additional collections" })
               }
             ))
           ]
@@ -14990,7 +15011,7 @@ function Jd({
   }, []), be = (N) => {
     ee.current = N, b.replace({
       path: e,
-      entityId: Y,
+      entityId: L,
       selectedSubPath: N === Gt ? void 0 : N,
       updateUrl: !0,
       collection: a
@@ -15008,12 +15029,12 @@ function Jd({
   }, []), Je = [], st = k.plugins;
   if (st && A) {
     const N = {
-      entityId: Y,
+      entityId: L,
       path: e,
       status: F,
       collection: A,
       context: E,
-      currentEntityId: Y,
+      currentEntityId: L,
       formContext: at
     };
     Je.push(...st.map((Z, ve) => Z.form?.Actions ? /* @__PURE__ */ n(
@@ -15031,7 +15052,7 @@ function Jd({
         const N = await Li({
           collection: Be,
           path: e,
-          entityId: Y,
+          entityId: L,
           values: re.values,
           context: E
         });
@@ -15041,8 +15062,8 @@ function Jd({
       }
       ue(!1);
     }
-  }, [Y, re.values, F]);
-  O(() => {
+  }, [L, re.values, F]);
+  M(() => {
     Ui();
   }, [Ui]);
   const [Mt, wu] = P({}), $i = x(
@@ -15050,36 +15071,36 @@ function Jd({
       name: N,
       value: Z,
       property: ve
-    }) => y.checkUniqueField(e, N, Z, Y),
-    [y, e, Y]
+    }) => y.checkUniqueField(e, N, Z, L),
+    [y, e, L]
   ), ga = he(
-    () => Y ? jo(
-      Y,
+    () => L ? jo(
+      L,
       Be.properties,
       $i
     ) : void 0,
-    [Y, Be.properties, $i]
+    [L, Be.properties, $i]
   ), Aa = x(({
     entity: N,
     customEntityActions: Z
   }) => {
     const ve = $t(A, g, e, null), Ge = N ? Fi(A, g, e, N) : !0, it = [];
     return ve && it.push(Ko), Ge && it.push(ea), Z && it.push(...Z), it;
-  }, [g, A, e]), Or = re.dirty;
-  O(() => {
-    I ? re.values && !J(re.values, ir.current) && Rt(re.values) : s(Or);
-  }, [Or, re.values]), O(() => {
+  }, [g, A, e]), Mr = re.dirty;
+  M(() => {
+    I ? re.values && !J(re.values, ir.current) && Rt(re.values) : s(Mr);
+  }, [Mr, re.values]), M(() => {
     !I && !re.isSubmitting && Mt && d && Object.entries(Mt).forEach(([N, Z]) => {
       const ve = re.values[N];
       !J(Z, ve) && !re.touched[N] && (console.debug("Updated value from the datasource:", N, Z), re.setFieldValue(N, Z !== void 0 ? Z : null));
     });
   }, [re.isSubmitting, I, Mt, d, re.values, re.touched, re.setFieldValue]);
-  const ba = /* @__PURE__ */ n(M, { children: (Be.propertiesOrder ?? Object.keys(Be.properties)).map((N) => {
+  const ba = /* @__PURE__ */ n(O, { children: (Be.propertiesOrder ?? Object.keys(Be.properties)).map((N) => {
     const Z = Be.properties[N];
     if (!Z)
       return console.warn(`Property ${N} not found in collection ${Be.name}`), null;
     const ve = !!Mt && Object.keys(Mt).includes(N) && !!re.touched[N], Ge = !I && re.isSubmitting || er(Z) || !!Z.disabled;
-    if (Bi(Z))
+    if (Si(Z))
       return null;
     const zt = {
       propertyKey: N,
@@ -15111,11 +15132,11 @@ function Jd({
       },
       `field_${Be.name}_${N}`
     );
-  }).filter(Boolean) }), Mr = re.isSubmitting || !Or && F === "existing", qi = S.useRef(null), Wi = Aa({
+  }).filter(Boolean) }), zr = re.isSubmitting || !Mr && F === "existing", qi = S.useRef(null), Wi = Aa({
     entity: d,
     customEntityActions: A.entityActions
   }).filter((N) => N.includeInForm === void 0 || N.includeInForm), ya = /* @__PURE__ */ v(It, { position: "absolute", children: [
-    ae && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(L, { color: "error", children: ae.message }) }),
+    ae && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(Y, { color: "error", children: ae.message }) }),
     d && Wi.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: Wi.map((N) => /* @__PURE__ */ n(
       de,
       {
@@ -15138,7 +15159,7 @@ function Jd({
       ge,
       {
         variant: "text",
-        disabled: Mr || re.isSubmitting,
+        disabled: zr || re.isSubmitting,
         type: "reset",
         children: F === "existing" ? "Discard" : "Clear"
       }
@@ -15149,7 +15170,7 @@ function Jd({
         variant: "text",
         color: "primary",
         type: "submit",
-        disabled: Mr || re.isSubmitting,
+        disabled: zr || re.isSubmitting,
         onClick: () => {
           C.current = !1;
         },
@@ -15166,7 +15187,7 @@ function Jd({
         variant: "filled",
         color: "primary",
         type: "submit",
-        disabled: Mr || re.isSubmitting,
+        disabled: zr || re.isSubmitting,
         onClick: () => {
           C.current = !0;
         },
@@ -15194,7 +15215,7 @@ function Jd({
             className: `w-full py-2 flex flex-col items-start mt-${4 + (Je ? 8 : 0)} lg:mt-${8 + (Je ? 8 : 0)} mb-8`,
             children: [
               /* @__PURE__ */ n(
-                L,
+                Y,
                 {
                   className: "mt-4 flex-grow line-clamp-1 " + A.hideIdFromForm ? "mb-2" : "mb-0",
                   variant: "h4",
@@ -15204,7 +15225,7 @@ function Jd({
               /* @__PURE__ */ n(ys, { color: "base", className: "w-full", size: "small", children: /* @__PURE__ */ v("code", { className: "text-xs select-all", children: [
                 e,
                 "/",
-                Y
+                L
               ] }) })
             ]
           }
@@ -15213,7 +15234,7 @@ function Jd({
           Ld,
           {
             customId: A.customId,
-            entityId: Y,
+            entityId: L,
             status: F,
             onChange: X,
             error: q,
@@ -15221,7 +15242,7 @@ function Jd({
             entity: d
           }
         ),
-        Y && at && /* @__PURE__ */ v(M, { children: [
+        L && at && /* @__PURE__ */ v(O, { children: [
           /* @__PURE__ */ v(
             "div",
             {
@@ -15254,9 +15275,9 @@ function Jd({
       ));
     }), /* @__PURE__ */ n(pe, { children: N });
   }
-  const va = Xe === void 0 ? /* @__PURE__ */ n(M, {}) : Xe ? /* @__PURE__ */ v(M, { children: [
+  const va = Xe === void 0 ? /* @__PURE__ */ n(O, {}) : Xe ? /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
-      L,
+      Y,
       {
         className: "mt-16 mb-8 mx-8",
         variant: "h4",
@@ -15274,7 +15295,7 @@ function Jd({
     )
   ] }) : wa(), ka = K && K.map(
     (N) => /* @__PURE__ */ n(
-      Gr,
+      jr,
       {
         className: "text-sm min-w-[140px]",
         value: N.id,
@@ -15284,7 +15305,7 @@ function Jd({
     )
   ), _a = Tt.map(
     (N) => /* @__PURE__ */ n(
-      Gr,
+      jr,
       {
         className: "text-sm min-w-[140px]",
         value: N.key,
@@ -15293,9 +15314,9 @@ function Jd({
       `entity_detail_collection_tab_${N.name}`
     )
   );
-  return O(() => {
-    Y && we && we(Y);
-  }, [Y, we]), /* @__PURE__ */ n(In, { value: re, children: /* @__PURE__ */ v("div", { className: "flex flex-col h-full w-full transition-width duration-250 ease-in-out", children: [
+  return M(() => {
+    L && we && we(L);
+  }, [L, we]), /* @__PURE__ */ n(In, { value: re, children: /* @__PURE__ */ v("div", { className: "flex flex-col h-full w-full transition-width duration-250 ease-in-out", children: [
     /* @__PURE__ */ v(
       "div",
       {
@@ -15332,7 +15353,7 @@ function Jd({
               className: "pl-4 pr-4 pt-0",
               children: [
                 /* @__PURE__ */ n(
-                  Gr,
+                  jr,
                   {
                     disabled: !R,
                     value: Gt,
@@ -15366,9 +15387,9 @@ function Jd({
               children: bt ? /* @__PURE__ */ n(yr, {}) : va
             }
           ),
-          Rr,
+          Tr,
           W,
-          Dr && ya
+          Rr && ya
         ]
       }
     )
@@ -15389,9 +15410,9 @@ function Zd(e) {
   let t = {};
   if (e.inner) {
     if (e.inner.length === 0)
-      return ei(t, e.path, e.message);
+      return ti(t, e.path, e.message);
     for (const r of e.inner)
-      jt(t, r.path) || (t = ei(t, r.path, r.message));
+      jt(t, r.path) || (t = ti(t, r.path, r.message));
   }
   return t;
 }
@@ -15441,15 +15462,15 @@ function Kd({
   title: a
 }) {
   return /* @__PURE__ */ v(
-    ki,
+    _i,
     {
       open: e,
       onOpenChange: (o) => o ? r() : t(),
       children: [
-        /* @__PURE__ */ v(_i, { children: [
-          /* @__PURE__ */ n(L, { variant: "h6", children: a }),
+        /* @__PURE__ */ v(xi, { children: [
+          /* @__PURE__ */ n(Y, { variant: "h6", children: a }),
           i,
-          /* @__PURE__ */ n(L, { children: "Are you sure you want to leave this page?" })
+          /* @__PURE__ */ n(Y, { children: "Are you sure you want to leave this page?" })
         ] }),
         /* @__PURE__ */ v(It, { children: [
           /* @__PURE__ */ n(ge, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
@@ -15470,8 +15491,8 @@ const pa = S.createContext({
   }
 }), Yi = () => $e(pa);
 function Dm() {
-  const t = Ir().sidePanels, r = [...t];
-  return r.push(void 0), /* @__PURE__ */ n(M, { children: r.map((i, a) => /* @__PURE__ */ n(
+  const t = Nr().sidePanels, r = [...t];
+  return r.push(void 0), /* @__PURE__ */ n(O, { children: r.map((i, a) => /* @__PURE__ */ n(
     eu,
     {
       panel: i,
@@ -15484,7 +15505,7 @@ function eu({
   offsetPosition: e,
   panel: t
 }) {
-  const [r, i] = P(!1), [a, o] = P(!1), [s, l] = P(), c = S.useRef(t?.width), d = c.current, u = Ir(), {
+  const [r, i] = P(!1), [a, o] = P(!1), [s, l] = P(), c = S.useRef(t?.width), d = c.current, u = Nr(), {
     navigationWasBlocked: f,
     handleOk: m,
     handleCancel: p
@@ -15492,7 +15513,7 @@ function eu({
     a && !r,
     () => o(!1)
   );
-  O(() => {
+  M(() => {
     t && (c.current = t.width);
   }, [t]);
   const h = () => {
@@ -15561,7 +15582,7 @@ function tu(e) {
       throw console.error("ERROR: No collection found in path `", e.path, "`. Entity id: ", e.entityId), Error("ERROR: No collection found in path `" + e.path + "`. Make sure you have defined a collection for this path in the root navigation.");
     return c;
   }, [a, e]);
-  O(() => {
+  M(() => {
     function c(d) {
       t && s && (d.preventDefault(), d.returnValue = `You have unsaved changes in this ${s.name}. Are you sure you want to leave this page?`);
     }
@@ -15570,13 +15591,13 @@ function tu(e) {
     };
   }, [t, s]);
   const l = x((c) => {
-    r(c), i(c ? /* @__PURE__ */ v(M, { children: [
+    r(c), i(c ? /* @__PURE__ */ v(O, { children: [
       " You have unsaved changes in this ",
       /* @__PURE__ */ n("b", { children: s?.singularName ?? s?.name }),
       "."
     ] }) : void 0);
   }, [s?.name, r, i]);
-  return !e || !s ? /* @__PURE__ */ n("div", { className: "w-full" }) : /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(
+  return !e || !s ? /* @__PURE__ */ n("div", { className: "w-full" }) : /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(
     Wd,
     {
       ...e,
@@ -15594,10 +15615,10 @@ function ru(e, t) {
   let i;
   return e.width ? i = typeof e.width == "number" ? `${e.width}px` : e.width : e.collection?.sideDialogWidth && (i = typeof e.collection.sideDialogWidth == "number" ? `${e.collection.sideDialogWidth}px` : e.collection.sideDialogWidth), r ? i || (e.collection ? iu(e.collection) : wr) : `calc(${Yd} + ${i ?? wr})`;
 }
-const Xr = {};
+const Kr = {};
 function iu(e) {
-  if (Xr[e.id])
-    return Xr[e.id];
+  if (Kr[e.id])
+    return Kr[e.id];
   const t = Le({
     collection: e,
     path: "__ignored",
@@ -15608,7 +15629,7 @@ function iu(e) {
     const i = Object.values(t.properties).map((o) => mr(o)), a = Math.max(...i);
     a < 3 ? r = wr : r = 768 + 32 * (a - 2) + "px";
   }
-  return Xr[e.id] = r, r;
+  return Kr[e.id] = r, r;
 }
 function mr(e, t = 0) {
   if (e.dataType === "map" && e.properties) {
@@ -15619,7 +15640,7 @@ function mr(e, t = 0) {
 }
 const nu = (e, t) => {
   const r = Cr(), i = ce(!1), a = !Ze();
-  O(() => {
+  M(() => {
     if (!e.loading && !i.current) {
       if (console.debug("Initialising side entity controller"), e.isUrlCollectionPath(r.pathname)) {
         const c = r.hash === `#${fa}`, d = e.urlPathToDataPath(r.pathname), u = ou(d, e.collections ?? [], c);
@@ -15713,7 +15734,7 @@ function au() {
   const e = Cr(), t = Kt(), [r, i] = P([]), a = ce(r), o = ce({}), s = ce(0), l = (f) => {
     a.current = f, i(f);
   };
-  O(() => {
+  M(() => {
     const p = (e.state?.panels ?? []).map((h) => o.current[h]).filter((h) => !!h);
     J(a.current.map((h) => h.key), p.map((h) => h.key)) || l(p);
   }, [e]);
@@ -16013,7 +16034,7 @@ async function cu(e, t) {
 }
 function du(e, t) {
   const [r, i] = P(null), a = ce(null), o = t?.map((s) => s.key);
-  return O(() => {
+  return M(() => {
     e.user && e.user.uid !== a.current && !e.initialLoading && (cu(e, o).then(i), a.current = e.user.uid);
   }, [e, o]), r;
 }
@@ -16063,8 +16084,8 @@ function Rm(e) {
       error: s.authError
     }
   ) }) : E?.blocked ? /* @__PURE__ */ v(sr, { maxWidth: "md", fullScreen: !0, children: [
-    /* @__PURE__ */ n(L, { variant: "h4", children: "Access blocked" }),
-    /* @__PURE__ */ v(L, { children: [
+    /* @__PURE__ */ n(Y, { variant: "h4", children: "Access blocked" }),
+    /* @__PURE__ */ v(Y, { children: [
       "This app has been blocked. Please reach out at ",
       /* @__PURE__ */ n(
         "a",
@@ -16075,7 +16096,7 @@ function Rm(e) {
       ),
       " for more information."
     ] }),
-    E?.message && /* @__PURE__ */ v(L, { children: [
+    E?.message && /* @__PURE__ */ v(Y, { children: [
       "Response from the server: ",
       E?.message
     ] })
@@ -16148,7 +16169,7 @@ function uu({
         children: a
       }
     ));
-  }), /* @__PURE__ */ n(M, { children: a });
+  }), /* @__PURE__ */ n(O, { children: a });
 }
 const mu = 280, Tm = S.memo(
   function(t) {
@@ -16287,7 +16308,7 @@ function fu(e) {
       },
       children: r
     }
-  ) : e.displayed ? /* @__PURE__ */ v(M, { children: [
+  ) : e.displayed ? /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       de,
       {
@@ -16389,7 +16410,7 @@ function gu({
     {
       className: "pt-8 pl-6 pr-8 pb-2 flex flex-row items-center",
       children: /* @__PURE__ */ n(
-        L,
+        Y,
         {
           variant: "caption",
           color: "secondary",
@@ -16402,7 +16423,7 @@ function gu({
     const _ = b.type === "collection" ? "drawer_navigate_to_collection" : b.type === "view" ? "drawer_navigate_to_view" : "unmapped_event";
     s.onAnalyticsEvent?.(_, { url: b.url }), d || a();
   };
-  return /* @__PURE__ */ n(M, { children: /* @__PURE__ */ v("div", { className: U("flex flex-col h-full relative flex-grow w-full", e), style: t, children: [
+  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ v("div", { className: U("flex flex-col h-full relative flex-grow w-full", e), style: t, children: [
     /* @__PURE__ */ n(Au, { logo: o }),
     /* @__PURE__ */ n("div", { className: "overflow-scroll no-scrollbar", children: g.map((b) => /* @__PURE__ */ v(
       S.Fragment,
@@ -16412,7 +16433,7 @@ function gu({
           Object.values(p).filter((_) => _.group === b).map((_, k) => /* @__PURE__ */ n(
             hu,
             {
-              icon: /* @__PURE__ */ n(li, { collectionOrView: _.collection ?? _.view }),
+              icon: /* @__PURE__ */ n(ci, { collectionOrView: _.collection ?? _.view }),
               tooltipsOpen: c,
               drawerOpen: i,
               onClick: () => w(_),
@@ -16466,7 +16487,7 @@ function gu({
               k.preventDefault(), u(b.path);
             },
             children: [
-              /* @__PURE__ */ n(li, { collectionOrView: b.view }),
+              /* @__PURE__ */ n(ci, { collectionOrView: b.view }),
               b.name
             ]
           },
@@ -16521,7 +16542,7 @@ const Om = S.memo(
   }) {
     const i = Cr(), a = _e();
     if (!a)
-      return /* @__PURE__ */ n(M, {});
+      return /* @__PURE__ */ n(O, {});
     const o = i.state, s = o && o.base_location ? o.base_location : i, l = [];
     a.views && a.views.forEach((m) => {
       Array.isArray(m.path) ? l.push(...m.path.map((p) => ar(p, m))) : l.push(ar(m.path, m));
@@ -16584,7 +16605,7 @@ function bu({
   className: t,
   style: r
 }) {
-  return /* @__PURE__ */ n(M, { children: e ?? /* @__PURE__ */ n(gu, { className: t, style: r }) });
+  return /* @__PURE__ */ n(O, { children: e ?? /* @__PURE__ */ n(gu, { className: t, style: r }) });
 }
 bu.componentType = "Drawer";
 function yu({
@@ -16592,7 +16613,7 @@ function yu({
   ...t
 }) {
   const r = e ?? /* @__PURE__ */ n(ld, { ...t });
-  return /* @__PURE__ */ n(M, { children: r });
+  return /* @__PURE__ */ n(O, { children: r });
 }
 yu.componentType = "AppBar";
 export {
@@ -16644,7 +16665,7 @@ export {
   ia as FireCMSLogo,
   Mi as FormikArrayContainer,
   ro as GeoPoint,
-  li as IconForView,
+  ci as IconForView,
   yl as ImagePreview,
   Nd as KeyValueFieldBinding,
   To as KeyValuePreview,
@@ -16716,26 +16737,26 @@ export {
   co as fullPathToCollectionSegments,
   Xs as getArrayValuesCount,
   em as getBracketNotation,
-  Ei as getCollectionByPathOrId,
-  Ci as getCollectionPathsCombinations,
+  Ci as getCollectionByPathOrId,
+  Bi as getCollectionPathsCombinations,
   Ku as getColorForProperty,
   Os as getColorScheme,
   Ti as getColumnKeysForProperty,
   Gd as getDefaultFieldConfig,
   Gi as getDefaultFieldId,
   tm as getDefaultPropertiesOrder,
-  Si as getDefaultValueFor,
+  Br as getDefaultValueFor,
   no as getDefaultValueForDataType,
   hr as getDefaultValuesFor,
   Zs as getEntityImagePreviewPropertyKey,
   Hs as getEntityPreviewKeys,
   po as getEntityTitlePropertyKey,
-  Pr as getFieldConfig,
+  Qr as getFieldConfig,
   la as getFieldId,
   io as getHashValue,
   Js as getIcon,
   De as getIconForProperty,
-  ai as getIconForWidget,
+  si as getIconForWidget,
   Xu as getIdIcon,
   Ii as getLabelOrConfigFrom,
   Gu as getLastSegment,
@@ -16747,13 +16768,13 @@ export {
   bm as getSidePanelKey,
   dt as getValueInPath,
   Us as hydrateRegExp,
-  si as iconSynonyms,
+  li as iconSynonyms,
   Pi as iconsSearch,
   Vd as isDefaultFieldConfigId,
   on as isEmptyObject,
   Uu as isEnumValueDisabled,
-  Bi as isHidden,
-  Yr as isObject,
+  Si as isHidden,
+  Lr as isObject,
   Qe as isPropertyBuilder,
   er as isReadOnly,
   $s as isReferenceProperty,
@@ -16788,7 +16809,7 @@ export {
   ua as resolveEntityView,
   Qm as resolveEnumValues,
   al as resolveNavigationFrom,
-  Sr as resolvePermissions,
+  Ir as resolvePermissions,
   ca as resolveProperties,
   Ye as resolveProperty,
   da as resolvePropertyEnum,
@@ -16797,12 +16818,12 @@ export {
   Ls as segmentsToStrippedPath,
   Hu as serializeRegExp,
   im as singular,
-  oi as slugify,
+  ai as slugify,
   so as sortProperties,
   an as stripCollectionPath,
   $u as toKebabCase,
   qu as toSnakeCase,
-  ni as traverseValueProperty,
+  oi as traverseValueProperty,
   oo as traverseValuesProperties,
   Ju as unslugify,
   Ts as updateDateAutoValues,
@@ -16832,7 +16853,7 @@ export {
   fc as useSelectableTableController,
   Ho as useSelectionController,
   Yi as useSideDialogContext,
-  Ir as useSideDialogsController,
+  Nr as useSideDialogsController,
   Ft as useSideEntityController,
   gt as useSnackbarController,
   tr as useStorageSource,