@firecms/core 3.0.0-canary.72 → 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 ei, 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 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 L, 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 { 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";
@@ -236,7 +236,7 @@ function Br(e) {
       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;
@@ -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 })
         ] })
       ]
     }
@@ -2438,7 +2438,7 @@ function Js(e, t) {
 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;
@@ -2777,7 +2777,7 @@ 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;
   });
 }
@@ -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)
@@ -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)
@@ -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);
     };
@@ -3254,7 +3254,7 @@ function rr(e) {
 const ul = `data:image/png;base64,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
 `;
 function gm(e, t) {
-  O(() => {
+  M(() => {
     if (document) {
       document.title = `${e} - FireCMS`;
       let r = document.querySelector("link[rel~='icon']");
@@ -3379,10 +3379,10 @@ 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;
@@ -3472,7 +3472,7 @@ function Am(e) {
     basePath: t,
     baseCollectionPath: r,
     initialised: A,
-    getCollection: Y,
+    getCollection: L,
     getCollectionFromPaths: X,
     getCollectionFromIds: q,
     isUrlCollectionPath: V,
@@ -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,7 +3844,7 @@ 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 && (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 = $r(i.of) : r = kl() : r = $r(i.of));
@@ -3854,7 +3854,7 @@ function Ct({
 }
 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,7 +3924,7 @@ 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 $r(e, t = 0) {
@@ -3933,7 +3933,7 @@ function $r(e, t = 0) {
     {
       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;
@@ -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",
@@ -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();
@@ -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,
@@ -5157,7 +5157,7 @@ function qr(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;
   }
 }
@@ -5448,7 +5448,7 @@ function zo({
     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) => {
@@ -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",
         {
@@ -6274,7 +6274,7 @@ const pc = ({
     showExpandIcon: g = !0
   }) {
     const [y, w] = $n(), b = ce(null), _ = he(() => Fr(i), [i]), [k, E] = P(!1), [C, B] = P(l), Q = !o && !!c;
-    O(() => {
+    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,7 +6485,7 @@ 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,
@@ -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(
@@ -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,
@@ -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) => {
@@ -7362,7 +7362,7 @@ const Bc = Ba(({
   ...t
 }, 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 })
         ]
       }
@@ -7510,8 +7510,8 @@ const Bc = Ba(({
               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,
@@ -7643,9 +7643,9 @@ function Fc({
     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) => {
@@ -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,
               {
@@ -8178,7 +8178,7 @@ const Wo = function({
   AdditionalHeaderWidget: z,
   additionalIDHeaderWidget: $,
   emptyComponent: oe,
-  getIdColumnWidth: Y,
+  getIdColumnWidth: L,
   onTextSearchClick: X,
   textSearchLoading: q,
   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,9 +8616,9 @@ 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}?`;
@@ -8631,7 +8631,7 @@ function Xo({
       onOpenChange: (z) => z ? void 0 : r(),
       children: [
         /* @__PURE__ */ v(xi, { fullHeight: !0, children: [
-          /* @__PURE__ */ n(L, { variant: "subtitle2", className: "p-4", children: F }),
+          /* @__PURE__ */ n(Y, { variant: "subtitle2", className: "p-4", children: F }),
           !A && /* @__PURE__ */ n("div", { className: "p-4", children: D })
         ] }),
         /* @__PURE__ */ v(It, { children: [
@@ -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,7 +9066,7 @@ function Yc({
                 }
               ),
               t && /* @__PURE__ */ n(
-                L,
+                Y,
                 {
                   variant: "body2",
                   color: "secondary",
@@ -9087,7 +9087,7 @@ function Lc({
   url: t,
   icon: r
 }) {
-  return /* @__PURE__ */ n(M, { children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ v(
     Er,
     {
       tabIndex: 0,
@@ -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",
@@ -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,
     {
@@ -9248,13 +9248,13 @@ 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 || (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, s, e]), M(() => {
     !t.current || !Zr[e.key] || t.current.scrollTo(
       {
         top: Zr[e.key],
@@ -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,
@@ -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(), () => {
@@ -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,7 +9614,7 @@ function td({
     x: A?.x,
     y: A?.y,
     onMove: $
-  }), O(
+  }), M(
     () => {
       D.current = !1;
     },
@@ -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({
@@ -10109,12 +10109,12 @@ const nd = "collectionGroupParent", ta = S.memo(
     }, at = /* @__PURE__ */ n(
       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"}`,
@@ -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,
@@ -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,7 +10247,7 @@ 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,
@@ -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",
@@ -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,
           {
@@ -10444,7 +10444,7 @@ function Im({
       onOpenChange: (s) => s ? void 0 : r(),
       children: [
         /* @__PURE__ */ v(xi, { children: [
-          /* @__PURE__ */ n(L, { variant: "h6", className: "mb-2", children: i }),
+          /* @__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) + _;
@@ -11093,7 +11093,7 @@ function Fm({
   );
   return S.useEffect(() => (s(a), () => {
     s.clear();
-  }), [a, s]), /* @__PURE__ */ v(M, { children: [
+  }), [a, s]), /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
       wi,
       {
@@ -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,
       {
@@ -11608,7 +11615,7 @@ function Bn({
     property: l,
     value: t,
     setValue: r
-  }), /* @__PURE__ */ v(M, { children: [
+  }), /* @__PURE__ */ v(O, { children: [
     !s && /* @__PURE__ */ n(
       ze,
       {
@@ -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,
         {
@@ -12243,7 +12250,7 @@ function Cd({
           fields: u.propertyConfigs
         });
         if (p === null || Si(p))
-          return /* @__PURE__ */ n(M, {});
+          return /* @__PURE__ */ n(O, {});
         if (er(p))
           m = sa;
         else if (p.Field)
@@ -12339,7 +12346,7 @@ 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 mi = (e, t) => {
@@ -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]) => !Si(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,
       {
@@ -12520,7 +12527,7 @@ function zi({
       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([Xr(), {
@@ -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",
@@ -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",
@@ -13052,16 +13059,23 @@ function Qd({
       includeAddButton: !c.disabled,
       newDefaultEntry: Br(c.of)
     }
-  ), b = /* @__PURE__ */ n(
-    ze,
-    {
-      icon: De(c, "small"),
-      required: c.validation?.required,
-      title: c.name,
-      className: "text-text-secondary dark:text-text-secondary-dark"
-    }
-  );
-  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,
       {
@@ -13145,7 +13159,7 @@ function Dd({
       }
     }
   );
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     !l && /* @__PURE__ */ n(
       ft,
       {
@@ -13179,9 +13193,9 @@ function Rd({
   context: l
 }) {
   const c = r && r[i], [d, u] = P(c ?? void 0), f = fi();
-  O(() => {
+  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]) => ({
@@ -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",
@@ -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,
       {
@@ -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",
@@ -14677,7 +14698,7 @@ function Ld({
 }
 const Ud = ({ containerRef: e }) => {
   const { isSubmitting: t, isValidating: r, errors: i } = fi();
-  return O(() => {
+  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,
@@ -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,7 +14946,7 @@ function Jd({
     setFieldValue: x(re.setFieldValue, []),
     values: re.values,
     collection: Be,
-    entityId: Y,
+    entityId: L,
     path: e,
     save: Rt,
     formex: re
@@ -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,15 +15071,15 @@ 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
@@ -15066,15 +15087,15 @@ function Jd({
     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]), Mr = re.dirty;
-  O(() => {
+  M(() => {
     I ? re.values && !J(re.values, ir.current) && Rt(re.values) : s(Mr);
-  }, [Mr, re.values]), O(() => {
+  }, [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;
@@ -15115,7 +15136,7 @@ function Jd({
     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,
       {
@@ -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",
@@ -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",
       {
@@ -15447,9 +15468,9 @@ function Kd({
       onOpenChange: (o) => o ? r() : t(),
       children: [
         /* @__PURE__ */ v(xi, { children: [
-          /* @__PURE__ */ n(L, { variant: "h6", children: a }),
+          /* @__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 " }),
@@ -15471,7 +15492,7 @@ const pa = S.createContext({
 }), Yi = () => $e(pa);
 function Dm() {
   const t = Nr().sidePanels, r = [...t];
-  return r.push(void 0), /* @__PURE__ */ n(M, { children: r.map((i, a) => /* @__PURE__ */ n(
+  return r.push(void 0), /* @__PURE__ */ n(O, { children: r.map((i, a) => /* @__PURE__ */ n(
     eu,
     {
       panel: i,
@@ -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,
@@ -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,
@@ -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 {