@firecms/core 3.0.0-canary.48 → 3.0.0-canary.49

package/dist/index.es.js

@@ -4,7 +4,7 @@ import I, { useRef as se, useEffect as z, useContext as qe, useCallback as x, us
 import { SnackbarProvider as oa, useSnackbar as aa } from "notistack";
 import Qi from "object-hash";
 import { useCreateFormex as pn, Formex as fn, setIn as Gr, Field as hn, getIn as Dt, useFormex as ti } from "@firecms/formex";
-import { getColorSchemeForSeed as gn, CHIP_COLORS as sa, Tooltip as _e, ErrorIcon as An, Typography as $, CircleIcon as bn, FunctionsIcon as la, iconKeys as ri, coolIconKeys as jr, Icon as ii, IconButton as ce, ContentCopyIcon as ni, OpenInNewIcon as pr, DescriptionIcon as ca, Skeleton as Ye, Chip as oi, cn as H, defaultBorderMixin as Be, KeyboardTabIcon as ai, Checkbox as Yt, Markdown as si, TextareaAutosize as da, MultiSelect as yn, MultiSelectItem as wn, Select as tt, SelectItem as rt, BooleanSwitch as ua, DateTimeField as qt, paperMixin as fr, ErrorOutlineIcon as ma, EditIcon as pa, Button as ge, RemoveCircleIcon as fa, Menu as Et, MoreVertIcon as vn, MenuItem as Re, CircularProgress as Ut, SearchBar as li, Badge as Ri, ArrowUpwardIcon as Br, Popover as ci, FilterListIcon as ha, AssignmentIcon as ga, CenteredView as er, Label as di, TextField as wt, ClearIcon as Tt, BooleanSwitchWithLabel as hr, useOutsideAlerter as _n, DialogActions as Ct, AddIcon as ct, ExpandablePanel as dt, Card as Aa, ArrowForwardIcon as kn, cardMixin as ba, cardClickableMixin as ya, focusedMixin as Yr, StarIcon as xn, StarBorderIcon as En, Collapse as Cn, Container as wa, DeleteIcon as qr, Dialog as ui, DialogContent as mi, FileCopyIcon as va, FilterListOffIcon as _a, SearchIcon as ka, LoadingButton as xa, Avatar as Di, DarkModeIcon as Ea, LightModeIcon as Ca, LogoutIcon as Ba, fieldBackgroundHoverMixin as pi, HandleIcon as Sa, RemoveIcon as fi, debounce as Ia, InfoIcon as Na, CloseIcon as Bn, fieldBackgroundMixin as ar, fieldBackgroundDisabledMixin as Sn, ArrowDropDownIcon as In, useInjectStyles as Fa, ContentPasteIcon as Pa, Alert as Qa, ShortTextIcon as Ra, SubjectIcon as Da, FormatQuoteIcon as Ta, HttpIcon as Oa, EmailIcon as Ma, FlagIcon as za, ListIcon as Va, ListAltIcon as Ga, NumbersIcon as ja, FormatListNumberedIcon as Ti, UploadFileIcon as Ya, DriveFolderUploadIcon as qa, LinkIcon as Ua, AddLinkIcon as La, ScheduleIcon as $a, BallotIcon as Oi, RepeatIcon as Mi, ViewStreamIcon as Wa, Tab as Sr, Tabs as Ja, Sheet as Nn, useLocaleConfig as Ha, MenuIcon as zi, ChevronLeftIcon as Za } from "@firecms/ui";
+import { getColorSchemeForSeed as gn, CHIP_COLORS as sa, Tooltip as _e, ErrorIcon as An, Typography as $, CircleIcon as bn, FunctionsIcon as la, iconKeys as ri, coolIconKeys as jr, Icon as ii, IconButton as ce, ContentCopyIcon as ni, OpenInNewIcon as pr, DescriptionIcon as ca, Skeleton as Ye, Chip as oi, cn as H, defaultBorderMixin as Ce, KeyboardTabIcon as ai, Checkbox as Yt, Markdown as si, TextareaAutosize as da, MultiSelect as yn, MultiSelectItem as wn, Select as tt, SelectItem as rt, BooleanSwitch as ua, DateTimeField as qt, paperMixin as fr, ErrorOutlineIcon as ma, EditIcon as pa, Button as ge, RemoveCircleIcon as fa, Menu as Et, MoreVertIcon as vn, MenuItem as Re, CircularProgress as Ut, SearchBar as li, Badge as Ri, ArrowUpwardIcon as Cr, Popover as ci, FilterListIcon as ha, AssignmentIcon as ga, CenteredView as er, Label as di, TextField as wt, ClearIcon as Tt, BooleanSwitchWithLabel as hr, useOutsideAlerter as _n, DialogActions as Bt, AddIcon as ct, ExpandablePanel as dt, Card as Aa, ArrowForwardIcon as kn, cardMixin as ba, cardClickableMixin as ya, focusedMixin as Yr, StarIcon as xn, StarBorderIcon as En, Collapse as Bn, Container as wa, DeleteIcon as qr, Dialog as ui, DialogContent as mi, FileCopyIcon as va, FilterListOffIcon as _a, SearchIcon as ka, LoadingButton as xa, Avatar as Di, DarkModeIcon as Ea, LightModeIcon as Ba, LogoutIcon as Ca, fieldBackgroundHoverMixin as pi, HandleIcon as Sa, RemoveIcon as fi, debounce as Ia, InfoIcon as Na, CloseIcon as Cn, fieldBackgroundMixin as ar, fieldBackgroundDisabledMixin as Sn, ArrowDropDownIcon as In, useInjectStyles as Fa, ContentPasteIcon as Pa, Alert as Qa, ShortTextIcon as Ra, SubjectIcon as Da, FormatQuoteIcon as Ta, HttpIcon as Oa, EmailIcon as Ma, FlagIcon as za, ListIcon as Va, ListAltIcon as Ga, NumbersIcon as ja, FormatListNumberedIcon as Ti, UploadFileIcon as Ya, DriveFolderUploadIcon as qa, LinkIcon as Ua, AddLinkIcon as La, ScheduleIcon as $a, BallotIcon as Oi, RepeatIcon as Mi, ViewStreamIcon as Wa, Tab as Sr, Tabs as Ja, Sheet as Nn, useLocaleConfig as Ha, MenuIcon as zi, ChevronLeftIcon as Za } from "@firecms/ui";
 import L from "react-fast-compare";
 import { Link as gr, useNavigate as Lt, useLocation as Ar, UNSAFE_NavigationContext as Xa, NavLink as Ka, Route as tr, Routes as es } from "react-router-dom";
 import { format as ts } from "date-fns";
@@ -510,7 +510,7 @@ function Wn(e, t) {
     }
   }
 }
-function Cu(e) {
+function Bu(e) {
   return e.replace(/\.([^.]*)/g, "[$1]");
 }
 function ks(e, t) {
@@ -525,7 +525,7 @@ function ks(e, t) {
     }), o && (r[i] = o);
   }), r;
 }
-function Bu(e) {
+function Cu(e) {
   return e.propertiesOrder ? e.propertiesOrder : [...Object.keys(e.properties), ...(e.additionalFields ?? []).map((t) => t.key)];
 }
 const yr = {
@@ -2693,7 +2693,7 @@ function Iu(e, t) {
   }
   return e;
 }
-function Cs(e, t, r, i = 3) {
+function Bs(e, t, r, i = 3) {
   const o = Object.keys(e.properties);
   let a = r?.filter((s) => o.includes(s));
   return a && a.length > 0 ? a : (a = o, a.filter((s) => {
@@ -2710,7 +2710,7 @@ function Hn(e, t) {
       return r;
   }
 }
-function Bs(e) {
+function Cs(e) {
   for (const t in e.properties) {
     const r = e.properties[t];
     if (r.dataType === "string" && r.storage?.acceptedFiles?.includes("image/*"))
@@ -2899,7 +2899,7 @@ const Kn = I.createContext({}), Xe = (e) => {
     open: r,
     close: i
   }), [r, i]);
-}, no = I.createContext(void 0), Bt = () => qe(no), oo = I.createContext({}), Qs = ({ children: e }) => {
+}, no = I.createContext(void 0), Ct = () => qe(no), oo = I.createContext({}), Qs = ({ children: e }) => {
   const [t, r] = P([]), i = se(t), o = (l) => {
     i.current = l, r(l);
   }, a = x(() => {
@@ -2931,7 +2931,7 @@ const Kn = I.createContext({}), Xe = (e) => {
     ))
   ] });
 }, Rs = () => qe(oo), ao = I.createContext({}), pe = () => qe(ao), so = I.createContext({}), St = () => qe(so), Se = () => {
-  const e = mt(), t = vr(), r = pt(), i = ke(), o = Xe(), a = Wt(), s = ft(), l = Bt(), c = Rs(), d = pe(), u = St(), f = I.useRef({
+  const e = mt(), t = vr(), r = pt(), i = ke(), o = Xe(), a = Wt(), s = ft(), l = Ct(), c = Rs(), d = pe(), u = St(), f = I.useRef({
     authController: e,
     sideDialogsController: t,
     sideEntityController: r,
@@ -2971,11 +2971,11 @@ function Vu({
   const s = Xe(t), c = ke().resolveAliasesFrom(e), d = i ? i[0] : void 0, u = i ? i[1] : void 0, f = Se(), [m, p] = P([]), [g, A] = P(!1), [h, y] = P(), [b, w] = P(!1);
   return z(() => {
     A(!0);
-    const E = async (C) => {
+    const E = async (B) => {
       if (t.callbacks?.onFetch)
         try {
-          C = await Promise.all(
-            C.map((_) => t.callbacks.onFetch({
+          B = await Promise.all(
+            B.map((_) => t.callbacks.onFetch({
               collection: t,
               path: c,
               entity: _,
@@ -2985,12 +2985,12 @@ function Vu({
         } catch (_) {
           console.error(_);
         }
-      A(!1), y(void 0), p(C.map((_) => ({
+      A(!1), y(void 0), p(B.map((_) => ({
         ..._
         // values: sanitizeData(e.values, resolvedCollection.properties)
-      }))), w(!o || C.length < o);
-    }, k = (C) => {
-      console.error("ERROR", C), A(!1), p([]), y(C);
+      }))), w(!o || B.length < o);
+    }, k = (B) => {
+      console.error("ERROR", B), A(!1), p([]), y(B);
     };
     return s.listenCollection ? s.listenCollection({
       path: c,
@@ -3264,8 +3264,8 @@ const uo = () => qe(hi), Os = (e) => {
     u() && navigator.clipboard.writeText("");
   }, A = (b) => y("copy", typeof b == "object" ? void 0 : b), h = () => y("cut"), y = x(
     (b = "copy", w) => {
-      const E = a.current, k = E && (E.tagName === "INPUT" || E.tagName === "TEXTAREA"), C = a.current;
-      u() && !i && (w ? p(w) : E ? k ? (p(C.value), b === "cut" && (C.value = "")) : p(E.innerText) : f("Both the ref & text were undefined"));
+      const E = a.current, k = E && (E.tagName === "INPUT" || E.tagName === "TEXTAREA"), B = a.current;
+      u() && !i && (w ? p(w) : E ? k ? (p(B.value), b === "cut" && (B.value = "")) : p(E.innerText) : f("Both the ref & text were undefined"));
     },
     [i, p, f]
   );
@@ -3393,7 +3393,7 @@ function Yu(e) {
     userConfigPersistence: d,
     dataSourceDelegate: u,
     injectCollections: f
-  } = e, m = se(), p = se(), g = se(), [A, h] = P(!1), [y, b] = P(void 0), [w, E] = P(!0), [k, C] = P(void 0), _ = Ee(t), B = Ee(r), S = _ ? `/${_}` : "/", D = _ ? `/${_}/${B}` : `/${B}`, Q = x(
+  } = e, m = se(), p = se(), g = se(), [A, h] = P(!1), [y, b] = P(void 0), [w, E] = P(!0), [k, B] = P(void 0), _ = Ee(t), C = Ee(r), S = _ ? `/${_}` : "/", D = _ ? `/${_}/${C}` : `/${C}`, Q = x(
     (T) => _ ? `/${_}/${Ht(T)}` : `/${Ht(T)}`,
     [_]
   ), R = x(
@@ -3454,7 +3454,7 @@ function Yu(e) {
         const q = G(T, ie, te, c);
         O && !L(y, q) && b(q);
       } catch (T) {
-        console.error(T), C(T);
+        console.error(T), B(T);
       }
       E(!1), h(!0);
     }
@@ -4215,7 +4215,7 @@ function Ji({
       return u ? /* @__PURE__ */ n(
         I.Fragment,
         {
-          children: /* @__PURE__ */ n("div", { className: H(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ n("div", { className: H(Ce, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
             Fe,
             {
               propertyKey: e,
@@ -4250,9 +4250,9 @@ function al({
     values: c.values,
     fields: f.propertyConfigs
   }), [p]), A = he(
-    () => Cs(g, f.propertyConfigs, o, s === "small" || s === "medium" ? 3 : 1),
+    () => Bs(g, f.propertyConfigs, o, s === "small" || s === "medium" ? 3 : 1),
     [o, g, s]
-  ), h = Hn(g, f.propertyConfigs), y = Bs(g), b = y ? g.properties[y] : void 0, w = A.filter((E) => E !== h && E !== y);
+  ), h = Hn(g, f.propertyConfigs), y = Cs(g), b = y ? g.properties[y] : void 0, w = A.filter((E) => E !== h && E !== y);
   return /* @__PURE__ */ v(
     bt,
     {
@@ -4377,7 +4377,7 @@ const yo = yt.forwardRef(({
       i === "tiny" ? "p-1" : "p-2",
       "flex border rounded-lg",
       r ? "cursor-pointer" : "",
-      Be,
+      Ce,
       a
     ),
     onClick: (d) => {
@@ -4671,7 +4671,7 @@ function pl({
     (f, m) => /* @__PURE__ */ n(
       I.Fragment,
       {
-        children: /* @__PURE__ */ n("div", { className: H(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: f && /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: H(Ce, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: f && /* @__PURE__ */ n(
           Fe,
           {
             propertyKey: e,
@@ -4723,7 +4723,7 @@ function fl({
         return /* @__PURE__ */ v(
           "div",
           {
-            className: H(Be, "last:border-b-0 border-b"),
+            className: H(Ce, "last:border-b-0 border-b"),
             children: [
               /* @__PURE__ */ v(
                 "div",
@@ -4763,7 +4763,7 @@ function fl({
                   ]
                 }
               ),
-              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: H(Be, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
+              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: H(Ce, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
                 Fe,
                 {
                   propertyKey: s,
@@ -4788,7 +4788,7 @@ function vo({ value: e }) {
       children: Object.entries(e).map(([t, r]) => /* @__PURE__ */ v(
         "div",
         {
-          className: H(Be, "last:border-b-0 border-b"),
+          className: H(Ce, "last:border-b-0 border-b"),
           children: [
             /* @__PURE__ */ v(
               "div",
@@ -4821,7 +4821,7 @@ function vo({ value: e }) {
                 ]
               }
             ),
-            typeof r == "object" && /* @__PURE__ */ n("div", { className: H(Be, "border-l pl-4"), children: /* @__PURE__ */ n(vo, { value: r }) })
+            typeof r == "object" && /* @__PURE__ */ n("div", { className: H(Ce, "border-l pl-4"), children: /* @__PURE__ */ n(vo, { value: r }) })
           ]
         },
         `map_preview_table_${t}}`
@@ -5119,7 +5119,7 @@ function _o({
     fields: o.propertyConfigs
   }), [t, r, e]).properties;
   return /* @__PURE__ */ n("div", { className: "w-full " + i, children: /* @__PURE__ */ v("div", { className: "w-full mb-4", children: [
-    /* @__PURE__ */ v("div", { className: H(Be, "flex justify-between py-2 border-b last:border-b-0"), children: [
+    /* @__PURE__ */ v("div", { className: H(Ce, "flex justify-between py-2 border-b last:border-b-0"), children: [
       /* @__PURE__ */ n("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ n("span", { className: "pl-2 text-sm text-gray-600", children: "Id" }) }),
       /* @__PURE__ */ v(
         "div",
@@ -5150,7 +5150,7 @@ function _o({
       return /* @__PURE__ */ v(
         "div",
         {
-          className: H(Be, "flex justify-between py-2 border-b last:border-b-0"),
+          className: H(Ce, "flex justify-between py-2 border-b last:border-b-0"),
           children: [
             /* @__PURE__ */ n("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ n("span", { className: "pl-2 text-sm text-gray-600", children: c.name }) }),
             /* @__PURE__ */ n(
@@ -5497,29 +5497,29 @@ function xo({
   }, [g, i, A]);
   const w = x(async (_) => {
     if (d.fileName) {
-      const B = await _l(d.fileName, d, t, e, r, o, _, a);
-      if (!B || B.length === 0)
+      const C = await _l(d.fileName, d, t, e, r, o, _, a);
+      if (!C || C.length === 0)
         throw Error("You need to return a valid filename");
-      return B;
+      return C;
     }
     return Mt() + "_" + _.name;
-  }, [e, t, r, o, a, d]), E = x((_) => kl(d.storagePath, d, t, e, r, o, _, a) ?? "/", [e, t, r, o, a, d]), k = x(async (_, B, S) => {
-    console.debug("onFileUploadComplete", _, B);
+  }, [e, t, r, o, a, d]), E = x((_) => kl(d.storagePath, d, t, e, r, o, _, a) ?? "/", [e, t, r, o, a, d]), k = x(async (_, C, S) => {
+    console.debug("onFileUploadComplete", _, C);
     let D = _;
     if (d.storeUrl && (D = (await s.getDownloadURL(_)).url), d.postProcess && D && (D = await d.postProcess(D)), !D) {
       console.warn("uploadPathOrDownloadUrl is null");
       return;
     }
     let Q;
-    B.storagePathOrDownloadUrl = D, B.metadata = S, Q = [...y], Q = Xi(Q), b(Q);
+    C.storagePathOrDownloadUrl = D, C.metadata = S, Q = [...y], Q = Xi(Q), b(Q);
     const R = Q.filter((G) => !!G.storagePathOrDownloadUrl).map((G) => G.storagePathOrDownloadUrl);
     c(u ? R : R ? R[0] : null);
-  }, [y, u, c, d, s]), C = x(async (_) => {
+  }, [y, u, c, d, s]), B = x(async (_) => {
     if (!_.length || l)
       return;
-    let B;
+    let C;
     if (u)
-      B = [
+      C = [
         ...y,
         ...await Promise.all(_.map(async (S) => (p && Zr(S) && (S = await en(S, p)), {
           id: Rr(),
@@ -5531,7 +5531,7 @@ function xo({
       ];
     else {
       let S = _[0];
-      p && Zr(S) && (S = await en(S, p)), B = [{
+      p && Zr(S) && (S = await en(S, p)), C = [{
         id: Rr(),
         file: S,
         fileName: await w(S),
@@ -5539,7 +5539,7 @@ function xo({
         size: m
       }];
     }
-    B = Xi(B), b(B);
+    C = Xi(C), b(C);
   }, [l, w, y, f, u, m]);
   return {
     internalValue: y,
@@ -5548,7 +5548,7 @@ function xo({
     fileNameBuilder: w,
     storagePathBuilder: E,
     onFileUploadComplete: k,
-    onFilesAdded: C,
+    onFilesAdded: B,
     multipleFilesSupported: u
   };
 }
@@ -5621,7 +5621,7 @@ function Eo({
     )
   ] });
 }
-function Co({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPopup: o, children: a }) {
+function Bo({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPopup: o, children: a }) {
   const s = se(null), l = x(() => {
     if (o) {
       const d = s && s?.current?.getBoundingClientRect();
@@ -5684,7 +5684,7 @@ function Co({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPop
     )
   ] }) });
 }
-const El = "max-w-full box-border relative pt-[2px] items-center border border-transparent outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid", Cl = "pt-0 border-2 border-solid", Bl = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-green-500 bg-green-50 dark:bg-green-900", Sl = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-red-500 bg-red-50 dark:bg-red-900";
+const El = "max-w-full box-border relative pt-[2px] items-center border border-transparent outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid", Bl = "pt-0 border-2 border-solid", Cl = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-green-500 bg-green-50 dark:bg-green-900", Sl = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-red-500 bg-red-50 dark:bg-red-900";
 function Il(e) {
   const {
     propertyKey: t,
@@ -5770,9 +5770,9 @@ function Nl({
     } else
       throw Error("Storage field using array must be of data type string");
   }
-  const E = p?.metadata, k = !!r, C = ft(), {
+  const E = p?.metadata, k = !!r, B = ft(), {
     open: _,
-    getRootProps: B,
+    getRootProps: C,
     getInputProps: S,
     isDragActive: D,
     isDragAccept: Q,
@@ -5788,13 +5788,13 @@ function Nl({
       onDropRejected: (V, ee) => {
         for (const K of V)
           for (const oe of K.errors)
-            C.open({
+            B.open({
               type: "error",
               message: `Error uploading file: File is larger than ${p.maxSize} bytes`
             });
       }
     }
-  ), { ...G } = B(), le = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", ne = d ? e.of : e, J = he(() => vt(w), [w]), Y = !f && l;
+  ), { ...G } = C(), le = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", ne = d ? e.of : e, J = he(() => vt(w), [w]), Y = !f && l;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -5806,8 +5806,8 @@ function Nl({
         El,
         "relative w-full h-full flex",
         `justify-${k ? "start" : "center"}`,
-        D ? Cl : "",
-        Q ? Bl : "",
+        D ? Bl : "",
+        Q ? Cl : "",
         R ? Sl : ""
       ),
       children: [
@@ -5853,7 +5853,7 @@ function Nl({
           }
         ),
         /* @__PURE__ */ n(
-          Co,
+          Bo,
           {
             showError: Y,
             disabled: f,
@@ -5923,7 +5923,7 @@ const Pl = I.memo(
     } = t, p = x((k) => {
       o(k ? at(k) : null);
     }, [o]), g = x((k) => {
-      o(k.map((C) => at(C)));
+      o(k.map((B) => at(B)));
     }, [o]), A = i ? Array.isArray(i) ? i.map((k) => k.id) : i.id ? [i.id] : [] : [], h = Jt(
       {
         multiselect: a,
@@ -5954,7 +5954,7 @@ const Pl = I.memo(
         children: /* @__PURE__ */ n(Ne, { title: "Value is not a reference.", error: "Click to edit" })
       }
     ), E = () => Array.isArray(i) ? /* @__PURE__ */ n(j, { children: i.map(
-      (k, C) => /* @__PURE__ */ n(
+      (k, B) => /* @__PURE__ */ n(
         "div",
         {
           className: "w-full my-0.5",
@@ -5970,7 +5970,7 @@ const Pl = I.memo(
             }
           )
         },
-        `preview_array_ref_${r}_${C}`
+        `preview_array_ref_${r}_${B}`
       )
     ) }) : /* @__PURE__ */ n(Ne, { error: "Data is not an array of references" });
     return m ? /* @__PURE__ */ v("div", { className: "w-full group", children: [
@@ -5996,7 +5996,7 @@ const Pl = I.memo(
 ze.addMethod(ze.array, "uniqueInArray", function(e = (r) => r, t) {
   return this.test("uniqueInArray", t, (r) => !r || r.length === new Set(r.map(e)).size);
 });
-function Bo(e, t, r) {
+function Co(e, t, r) {
   const i = {};
   return Object.entries(t).forEach(([o, a]) => {
     i[o] = Gt({
@@ -6293,11 +6293,11 @@ const jl = ({
     hideOverflow: A = !0,
     showExpandIcon: h = !0
   }) {
-    const [y, b] = Fn(), w = se(null), E = he(() => kt(i), [i]), [k, C] = P(!1), [_, B] = P(l), S = !a && !!c;
+    const [y, b] = Fn(), w = se(null), E = he(() => kt(i), [i]), [k, B] = P(!1), [_, C] = P(l), S = !a && !!c;
     z(() => {
-      l && B(!0);
+      l && C(!0);
       const oe = setTimeout(() => {
-        B(!1);
+        C(!1);
       }, 800);
       return () => {
         clearTimeout(oe);
@@ -6337,7 +6337,7 @@ const jl = ({
       a ? p(void 0) : !o && oe && p(oe);
     }, [w, p, o, a]), G = x((oe) => {
       R(), oe.stopPropagation();
-    }, [R]), le = he(() => b ? b.height > E : !1, [b, E]), ne = !S && o, J = !a && u && le, Y = !a && !u && le, V = x(() => C(!0), []), ee = x(() => C(!1), []), K = S ? "border-red-500" : _ ? "border-green-500" : ne ? "border-primary" : "border-transparent";
+    }, [R]), le = he(() => b ? b.height > E : !1, [b, E]), ne = !S && o, J = !a && u && le, Y = !a && !u && le, V = x(() => B(!0), []), ee = x(() => B(!1), []), K = S ? "border-red-500" : _ ? "border-green-500" : ne ? "border-primary" : "border-transparent";
     return /* @__PURE__ */ v(
       "div",
       {
@@ -6430,7 +6430,7 @@ const Ul = I.memo(
       selectedCell: A,
       select: h,
       setPopupCell: y
-    } = Yl(), b = A?.propertyKey === t && A?.entity.path === d.path && A?.entity.id === d.id, [w, E] = P(i), k = se(i), [C, _] = P(), [B, S] = P(), [D, Q] = P(!1), R = x(() => {
+    } = Yl(), b = A?.propertyKey === t && A?.entity.path === d.path && A?.entity.id === d.id, [w, E] = P(i), k = se(i), [B, _] = P(), [C, S] = P(), [D, Q] = P(!1), R = x(() => {
       Q(!0), setTimeout(() => {
         Q(!1);
       }, 100);
@@ -6494,7 +6494,7 @@ const Ul = I.memo(
       } : void 0);
     };
     let W, re = !1, T = !1, ie = !0, te = !1, O = !1, q = !0;
-    const Z = !Y && C;
+    const Z = !Y && B;
     if (u || ne)
       return /* @__PURE__ */ n(
         ur,
@@ -6526,7 +6526,7 @@ const Ul = I.memo(
         W = /* @__PURE__ */ n(
           Il,
           {
-            error: B ?? C,
+            error: C ?? B,
             disabled: Y,
             focused: b,
             selected: b,
@@ -6552,7 +6552,7 @@ const Ul = I.memo(
             valueType: "number",
             small: it(g) !== "medium",
             enumValues: F.enumValues,
-            error: B ?? C,
+            error: C ?? B,
             internalValue: w,
             updateValue: K
           }
@@ -6560,7 +6560,7 @@ const Ul = I.memo(
           yl,
           {
             align: a,
-            error: B ?? C,
+            error: C ?? B,
             focused: b,
             disabled: Y,
             value: w,
@@ -6580,7 +6580,7 @@ const Ul = I.memo(
               valueType: "string",
               small: it(g) !== "medium",
               enumValues: F.enumValues,
-              error: B ?? C,
+              error: C ?? B,
               internalValue: w,
               updateValue: K
             }
@@ -6590,7 +6590,7 @@ const Ul = I.memo(
           W = /* @__PURE__ */ n(
             bl,
             {
-              error: B ?? C,
+              error: C ?? B,
               disabled: Y,
               multiline: Ae,
               focused: b,
@@ -6603,7 +6603,7 @@ const Ul = I.memo(
         W = /* @__PURE__ */ n(
           wl,
           {
-            error: B ?? C,
+            error: C ?? B,
             disabled: Y,
             focused: b,
             internalValue: w,
@@ -6615,7 +6615,7 @@ const Ul = I.memo(
           vl,
           {
             name: t,
-            error: B ?? C,
+            error: C ?? B,
             disabled: Y,
             mode: o.mode,
             focused: b,
@@ -6653,7 +6653,7 @@ const Ul = I.memo(
             small: it(g) !== "medium",
             valueType: F.of.dataType,
             enumValues: F.of.enumValues,
-            error: B ?? C,
+            error: C ?? B,
             internalValue: w,
             updateValue: K
           }
@@ -6696,14 +6696,14 @@ const Ul = I.memo(
         removePadding: te,
         fullHeight: O,
         saved: D,
-        error: B ?? C,
+        error: C ?? B,
         align: a,
         allowScroll: re,
         showExpandIcon: T,
         value: w,
         hideOverflow: ie,
         actions: q && /* @__PURE__ */ n(
-          Co,
+          Bo,
           {
             showError: Z,
             disabled: Y,
@@ -6742,7 +6742,7 @@ const ki = function({
     g?.toggleEntitySelection(t);
   }, [t, g?.toggleEntitySelection]), b = x((_) => {
     _.stopPropagation(), g?.toggleEntitySelection(t);
-  }, [t, g?.toggleEntitySelection]), w = m.length > 0, E = m.some((_) => _.collapsed || _.collapsed === void 0), k = m.filter((_) => _.collapsed || _.collapsed === void 0), C = m.filter((_) => _.collapsed === !1);
+  }, [t, g?.toggleEntitySelection]), w = m.length > 0, E = m.some((_) => _.collapsed || _.collapsed === void 0), k = m.filter((_) => _.collapsed || _.collapsed === void 0), B = m.filter((_) => _.collapsed === !1);
   return /* @__PURE__ */ v(
     "div",
     {
@@ -6759,7 +6759,7 @@ const ki = function({
       },
       children: [
         (w || l) && /* @__PURE__ */ v("div", { className: "w-34 flex justify-center", children: [
-          C.map((_, B) => /* @__PURE__ */ n(_e, { title: _.name, children: /* @__PURE__ */ n(
+          B.map((_, C) => /* @__PURE__ */ n(_e, { title: _.name, children: /* @__PURE__ */ n(
             ce,
             {
               onClick: (S) => {
@@ -6777,7 +6777,7 @@ const ki = function({
               size: A ? "medium" : "small",
               children: _.icon
             }
-          ) }, B)),
+          ) }, C)),
           E && /* @__PURE__ */ n(
             Et,
             {
@@ -6788,7 +6788,7 @@ const ki = function({
                   children: /* @__PURE__ */ n(vn, {})
                 }
               ),
-              children: k.map((_, B) => /* @__PURE__ */ v(
+              children: k.map((_, C) => /* @__PURE__ */ v(
                 Re,
                 {
                   onClick: (S) => {
@@ -6808,7 +6808,7 @@ const ki = function({
                     _.name
                   ]
                 },
-                B
+                C
               ))
             }
           ),
@@ -6870,7 +6870,7 @@ function $l({
   return /* @__PURE__ */ v(
     "div",
     {
-      className: H(Be, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full"),
+      className: H(Ce, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full"),
       children: [
         /* @__PURE__ */ v("div", { className: "flex items-center gap-2 md:mr-4 mr-2", children: [
           c && /* @__PURE__ */ n("div", { className: "hidden lg:block", children: c }),
@@ -7036,9 +7036,9 @@ const Zl = I.memo(
   }) {
     const [m, p] = P(!1), [g, A] = I.useState(!1), [h, y] = I.useState(!1), b = x((_) => {
       A(!0);
-    }, []), w = x((_, B) => {
-      s(c, _), B !== void 0 && A(B);
-    }, [c, s]), E = i === r, C = !(i !== r && i > 0) && (m || E);
+    }, []), w = x((_, C) => {
+      s(c, _), C !== void 0 && A(C);
+    }, [c, s]), E = i === r, B = !(i !== r && i > 0) && (m || E);
     return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ v(
       "div",
       {
@@ -7082,7 +7082,7 @@ const Zl = I.memo(
           ) }),
           /* @__PURE__ */ v(j, { children: [
             f && /* @__PURE__ */ n(f, { onHover: m || g }),
-            c.sortable && (o || C || g) && /* @__PURE__ */ n(
+            c.sortable && (o || B || g) && /* @__PURE__ */ n(
               Ri,
               {
                 color: "secondary",
@@ -7096,9 +7096,9 @@ const Zl = I.memo(
                       a(c.key);
                     },
                     children: [
-                      !o && /* @__PURE__ */ n(Br, {}),
-                      o === "asc" && /* @__PURE__ */ n(Br, {}),
-                      o === "desc" && /* @__PURE__ */ n(Br, { className: "rotate-180" })
+                      !o && /* @__PURE__ */ n(Cr, {}),
+                      o === "asc" && /* @__PURE__ */ n(Cr, {}),
+                      o === "desc" && /* @__PURE__ */ n(Cr, { className: "rotate-180" })
                     ]
                   }
                 )
@@ -7148,7 +7148,7 @@ const Zl = I.memo(
               ref: t,
               className: H(
                 "absolute h-full w-[6px] top-0 right-0 cursor-col-resize",
-                C && "bg-gray-300 dark:bg-gray-700"
+                B && "bg-gray-300 dark:bg-gray-700"
               ),
               onMouseDown: d ? () => d(r, c) : void 0
             }
@@ -7197,7 +7197,7 @@ function Xl({
         /* @__PURE__ */ n(
           "div",
           {
-            className: H(Be, "py-4 px-6 text-xs font-semibold uppercase border-b"),
+            className: H(Ce, "py-4 px-6 text-xs font-semibold uppercase border-b"),
             children: e.title ?? l
           }
         ),
@@ -7242,31 +7242,31 @@ const Kl = ({
   createFilterField: c,
   AddColumnComponent: d
 }) => {
-  const u = e.map(() => ta()), [f, m] = P(-1), p = x((k, C, _) => {
-    const B = e[k], S = 100, D = 800, Q = C > D ? D : C < S ? S : C, R = {
+  const u = e.map(() => ta()), [f, m] = P(-1), p = x((k, B, _) => {
+    const C = e[k], S = 100, D = 800, Q = B > D ? D : B < S ? S : B, R = {
       width: Q,
-      key: B.key,
+      key: C.key,
       column: {
-        ...B,
+        ...C,
         width: Q
       }
     };
     _ ? l(R) : s(R);
   }, [e, s, l]), g = x((k) => {
     if (f >= 0) {
-      const C = u[f].current?.parentElement?.getBoundingClientRect().left;
-      return C ? k.clientX - C : void 0;
+      const B = u[f].current?.parentElement?.getBoundingClientRect().left;
+      return B ? k.clientX - B : void 0;
     }
   }, [u, f]), A = x((k) => {
     document.body.style.cursor = k ? "col-resize" : "auto";
   }, []), h = x((k) => {
     k.stopPropagation(), k.preventDefault();
-    const C = g(k);
-    C && p(f, C, !1);
+    const B = g(k);
+    B && p(f, B, !1);
   }, [p, g, f]), y = x((k) => {
     k.stopPropagation(), k.preventDefault();
-    const C = g(k);
-    C && p(f, C, !0), m(-1), A(!1);
+    const B = g(k);
+    B && p(f, B, !0), m(-1), A(!1);
   }, [p, g, f, A]), b = x(() => {
     document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", y);
   }, [h, y]), w = x(() => {
@@ -7281,18 +7281,18 @@ const Kl = ({
   return /* @__PURE__ */ v(
     "div",
     {
-      className: H(Be, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 h-12 border-b bg-gray-50 dark:bg-gray-900"),
+      className: H(Ce, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 h-12 border-b bg-gray-50 dark:bg-gray-900"),
       children: [
-        e.map((k, C) => {
-          const _ = e[C], B = _ && a && a[_.key] ? a[_.key] : void 0;
+        e.map((k, B) => {
+          const _ = e[B], C = _ && a && a[_.key] ? a[_.key] : void 0;
           return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
             Zl,
             {
-              resizeHandleRef: u[C],
-              columnIndex: C,
+              resizeHandleRef: u[B],
+              columnIndex: B,
               isResizingIndex: f,
               onFilterUpdate: i,
-              filter: B,
+              filter: C,
               sort: o === _.key ? t : void 0,
               onColumnSort: r,
               onClickResizeColumn: E,
@@ -7428,9 +7428,9 @@ const rc = ia(({
     rowClassName: w,
     className: E,
     endAdornment: k,
-    AddColumnComponent: C
+    AddColumnComponent: B
   }) {
-    const _ = f ? f[0] : void 0, B = f ? f[1] : void 0, [S, D] = P(a), Q = se(null), R = se(0);
+    const _ = f ? f[0] : void 0, C = f ? f[1] : void 0, [S, D] = P(a), Q = se(null), R = se(0);
     z(() => {
       D(a);
     }, [a]);
@@ -7445,9 +7445,9 @@ const rc = ia(({
     const V = x(() => {
       R.current = 0, Q.current && Q.current.scrollTo(Q.current?.scrollLeft, 0);
     }, []), ee = x((O) => {
-      const q = _ === O && B === "desc", N = _ === O && B === "asc" ? "desc" : q ? void 0 : "asc", F = q ? void 0 : O, Ae = Y.current, Ie = N && F ? [F, N] : void 0;
+      const q = _ === O && C === "desc", N = _ === O && C === "asc" ? "desc" : q ? void 0 : "asc", F = q ? void 0 : O, Ae = Y.current, Ie = N && F ? [F, N] : void 0;
       Ae && d && !d(Ae, Ie) && u && u(void 0), r && r(), g && g(Ie), V();
-    }, [d, B, u, r, g, V, _]);
+    }, [d, C, u, r, g, V, _]);
     x(() => {
       R.current = 0, g && g(void 0);
     }, [g]);
@@ -7462,8 +7462,8 @@ const rc = ia(({
       R.current = 0;
       const Z = Y.current;
       let N = Z ? { ...Z } : {};
-      q ? N[O.key] = q : delete N[O.key], !d || d(N, _ && B ? [_, B] : void 0) || (N = q ? { [O.key]: q } : {}), u && u(N);
-    }, [d, B, u, _]), re = x(() => A ? /* @__PURE__ */ n(Xr, {}) : /* @__PURE__ */ v(
+      q ? N[O.key] = q : delete N[O.key], !d || d(N, _ && C ? [_, C] : void 0) || (N = q ? { [O.key]: q } : {}), u && u(N);
+    }, [d, C, u, _]), re = x(() => A ? /* @__PURE__ */ n(Xr, {}) : /* @__PURE__ */ v(
       "div",
       {
         className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
@@ -7487,7 +7487,7 @@ const rc = ia(({
       size: o,
       cellRenderer: h,
       columns: S,
-      currentSort: B,
+      currentSort: C,
       onRowClick: s,
       customView: ie,
       onColumnResize: ne,
@@ -7500,7 +7500,7 @@ const rc = ia(({
       createFilterField: b,
       rowClassName: w,
       endAdornment: k,
-      AddColumnComponent: C
+      AddColumnComponent: B
     };
     return /* @__PURE__ */ n(
       "div",
@@ -7519,7 +7519,7 @@ const rc = ia(({
                 height: le.height,
                 itemCount: (t?.length ?? 0) + (k ? 1 : 0),
                 onScroll: de,
-                includeAddColumn: !!C,
+                includeAddColumn: !!B,
                 itemSize: kt(o)
               },
               o
@@ -7656,7 +7656,7 @@ function ac({
     h(f, at(S));
   }, E = (S) => {
     h(f, S.map((D) => at(D)));
-  }, k = Dr.includes(f), C = Jt(
+  }, k = Dr.includes(f), B = Jt(
     {
       multiselect: k,
       path: o,
@@ -7669,8 +7669,8 @@ function ac({
       }
     }
   ), _ = () => {
-    l(!0), C.open();
-  }, B = (S) => /* @__PURE__ */ n(
+    l(!0), B.open();
+  }, C = (S) => /* @__PURE__ */ n(
     Ze,
     {
       disabled: !o,
@@ -7695,8 +7695,8 @@ function ac({
       }
     ) }),
     /* @__PURE__ */ v("div", { className: "flex-grow ml-2 h-full gap-2 flex flex-col", children: [
-      p && Array.isArray(p) && /* @__PURE__ */ n("div", { children: p.map((S, D) => B(S)) }),
-      p && !Array.isArray(p) && /* @__PURE__ */ n("div", { children: B(p) }),
+      p && Array.isArray(p) && /* @__PURE__ */ n("div", { children: p.map((S, D) => C(S)) }),
+      p && !Array.isArray(p) && /* @__PURE__ */ n("div", { children: C(p) }),
       (!p || Array.isArray(p) && p.length === 0) && /* @__PURE__ */ n(
         ge,
         {
@@ -7990,10 +7990,10 @@ const dc = I.memo(
       setItemCount: w,
       pageSize: E = 50,
       paginationEnabled: k,
-      checkFilterCombination: C,
+      checkFilterCombination: B,
       setPopupCell: _
     },
-    filterable: B = !0,
+    filterable: C = !0,
     emptyComponent: S,
     columns: D,
     forceFilter: Q,
@@ -8064,8 +8064,8 @@ const dc = I.memo(
                 sortBy: g,
                 onSortByUpdate: A,
                 hoverRow: a,
-                checkFilterCombination: C,
-                createFilterField: B ? uc : void 0,
+                checkFilterCombination: B,
+                createFilterField: C ? uc : void 0,
                 rowClassName: x((re) => R?.(re) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [R]),
                 className: "flex-grow",
                 emptyComponent: S,
@@ -8171,9 +8171,9 @@ const Ro = function({
   additionalFields: w,
   displayedColumnIds: E,
   defaultSize: k,
-  properties: C,
+  properties: B,
   tableController: _,
-  filterable: B = !0,
+  filterable: C = !0,
   sortable: S = !0,
   endAdornment: D,
   AddColumnComponent: Q,
@@ -8248,7 +8248,7 @@ const Ro = function({
     );
   }, [W, T]), F = (() => {
     const M = Hl({
-      properties: C,
+      properties: B,
       sortable: S,
       forceFilter: i,
       AdditionalHeaderWidget: R
@@ -8346,7 +8346,7 @@ const Ro = function({
             onValueChange: u,
             onColumnResize: g,
             hoverRow: y,
-            filterable: B,
+            filterable: C,
             emptyComponent: le,
             endAdornment: D,
             AddColumnComponent: Q
@@ -8398,19 +8398,19 @@ function Do({
     return s;
   }, [s, p]);
   z(() => {
-    L(p, k) || C(p);
+    L(p, k) || B(p);
   }, [p]);
-  const [k, C] = I.useState(p ?? a ?? void 0), [_, B] = I.useState(E), S = _ ? _[0] : void 0, D = _ ? _[1] : void 0, Q = Se(), [R, G] = P([]), [le, ne] = P(!1), [J, Y] = P(), [V, ee] = P(!1), K = x((T, ie) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
+  const [k, B] = I.useState(p ?? a ?? void 0), [_, C] = I.useState(E), S = _ ? _[0] : void 0, D = _ ? _[1] : void 0, Q = Se(), [R, G] = P([]), [le, ne] = P(!1), [J, Y] = P(), [V, ee] = P(!1), K = x((T, ie) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
     path: m,
     collection: t,
     filterValues: T,
     sortBy: ie
-  }) : !0, []), oe = x(() => C(p ?? void 0), [p]), de = x((T) => {
+  }) : !0, []), oe = x(() => B(p ?? void 0), [p]), de = x((T) => {
     if (p) {
       console.warn("Filter is not compatible with the force filter. Ignoring filter");
       return;
     }
-    T && Object.keys(T).length === 0 ? C(void 0) : C(T);
+    T && Object.keys(T).length === 0 ? B(void 0) : B(T);
   }, [p]);
   z(() => {
     ne(!0);
@@ -8475,7 +8475,7 @@ function Do({
     filterValues: k,
     setFilterValues: de,
     sortBy: _,
-    setSortBy: B,
+    setSortBy: C,
     searchString: h,
     setSearchString: y,
     clearFilter: oe,
@@ -8566,7 +8566,7 @@ function hc({
       path: g,
       entityId: J.id
     }), e(J), d.close(!1)) : b(J);
-  }, C = () => {
+  }, B = () => {
     m.onAnalyticsEvent?.("reference_selection_new_entity", {
       path: g
     }), u.open({
@@ -8599,7 +8599,7 @@ function hc({
         selectionController: w
       }
     );
-  }, B = x((J) => {
+  }, C = x((J) => {
     J.stopPropagation(), d.close(!1);
   }, [d]);
   if (!i)
@@ -8654,13 +8654,13 @@ function hc({
           {
             collection: i,
             path: g,
-            onNewClick: C,
+            onNewClick: B,
             onClear: E
           }
         )
       }
     ) }),
-    /* @__PURE__ */ v(Ct, { translucent: !1, children: [
+    /* @__PURE__ */ v(Bt, { translucent: !1, children: [
       s && /* @__PURE__ */ n(
         $,
         {
@@ -8672,7 +8672,7 @@ function hc({
       /* @__PURE__ */ n(
         ge,
         {
-          onClick: B,
+          onClick: C,
           color: "primary",
           variant: "filled",
           children: "Done"
@@ -8730,7 +8730,7 @@ function sn({
   children: e,
   group: t
 }) {
-  const r = Bt();
+  const r = Ct();
   return /* @__PURE__ */ n(
     dt,
     {
@@ -8869,7 +8869,7 @@ function yc({
   onClick: s,
   type: l
 }) {
-  const c = Bt(), d = /* @__PURE__ */ n(Jr, { collectionOrView: t ?? r }), u = Lt(), f = Se(), m = pe(), p = (c?.favouritePaths ?? []).includes(e), g = c ? [
+  const c = Ct(), d = /* @__PURE__ */ n(Jr, { collectionOrView: t ?? r }), u = Lt(), f = Se(), m = pe(), p = (c?.favouritePaths ?? []).includes(e), g = c ? [
     /* @__PURE__ */ n(
       ce,
       {
@@ -8938,7 +8938,7 @@ function yc({
   );
 }
 function wc({ entry: e }) {
-  const t = Lt(), r = Bt();
+  const t = Lt(), r = Ct();
   if (!r)
     return null;
   const i = r.favouritePaths.includes(e.path), o = (a) => {
@@ -8973,11 +8973,11 @@ function wc({ entry: e }) {
   );
 }
 function vc({ hidden: e }) {
-  const t = ke(), r = Bt();
+  const t = ke(), r = Ct();
   if (!r)
     return null;
   const i = (r?.favouritePaths ?? []).map((o) => t.topLevelNavigation?.navigationEntries.find((a) => a.path === o)).filter(Boolean);
-  return /* @__PURE__ */ n(Cn, { in: i.length > 0, children: /* @__PURE__ */ n("div", { className: "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]", children: i.map((o) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Bn, { in: i.length > 0, children: /* @__PURE__ */ n("div", { className: "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]", children: i.map((o) => /* @__PURE__ */ n(
     wc,
     {
       entry: o
@@ -9051,12 +9051,12 @@ function kc({
       context: i
     };
     b = /* @__PURE__ */ n(j, { children: o.plugins.filter((E) => E.homePage?.includeSection).map((E, k) => {
-      const C = E.homePage.includeSection(w);
+      const B = E.homePage.includeSection(w);
       return /* @__PURE__ */ n(
         sn,
         {
-          group: C.title,
-          children: C.children
+          group: B.title,
+          children: B.children
         },
         `plugin_section_${E.key}`
       );
@@ -9093,30 +9093,30 @@ function kc({
         t,
         h,
         A.map((w, E) => {
-          const k = [], C = {
+          const k = [], B = {
             group: w,
             context: i
           };
-          o.plugins && o.plugins.forEach((B) => {
-            B.homePage?.AdditionalCards && k.push(...jt(B.homePage?.AdditionalCards));
+          o.plugins && o.plugins.forEach((C) => {
+            C.homePage?.AdditionalCards && k.push(...jt(C.homePage?.AdditionalCards));
           });
-          const _ = p.filter((B) => B.group === w || !B.group && w === void 0);
+          const _ = p.filter((C) => C.group === w || !C.group && w === void 0);
           return _.length === 0 && k.length === 0 ? null : /* @__PURE__ */ n(
             sn,
             {
               group: w,
               children: /* @__PURE__ */ v("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
-                _.map((B) => /* @__PURE__ */ n("div", { className: "col-span-1", children: /* @__PURE__ */ n(
+                _.map((C) => /* @__PURE__ */ n("div", { className: "col-span-1", children: /* @__PURE__ */ n(
                   yc,
                   {
-                    ...B,
+                    ...C,
                     onClick: () => {
                       let S;
-                      B.type === "collection" ? S = "home_navigate_to_collection" : B.type === "view" ? S = "home_navigate_to_view" : B.type === "admin" ? S = "home_navigate_to_admin_view" : S = "unmapped_event", i.analyticsController?.onAnalyticsEvent?.(S, { path: B.path });
+                      C.type === "collection" ? S = "home_navigate_to_collection" : C.type === "view" ? S = "home_navigate_to_view" : C.type === "admin" ? S = "home_navigate_to_admin_view" : S = "unmapped_event", i.analyticsController?.onAnalyticsEvent?.(S, { path: C.path });
                     }
                   }
-                ) }, `nav_${B.group}_${B.name}`)),
-                w?.toLowerCase() !== "admin" && k && k.map((B, S) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(B, { ...C }) }, `nav_${w}_add_${S}`))
+                ) }, `nav_${C.group}_${C.name}`)),
+                w?.toLowerCase() !== "admin" && k && k.map((C, S) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(C, { ...B }) }, `nav_${w}_add_${S}`))
               ] })
             },
             `plugin_section_${w}`
@@ -9207,9 +9207,9 @@ function xc({
     context: u,
     tableController: c,
     collectionEntitiesCount: d
-  }, E = jt(e.Actions).map((k, C) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(k, { ...w }) }, `actions_${C}`));
-  return m && m.forEach((k, C) => {
-    k.collectionView?.CollectionActions && E.push(...jt(k.collectionView?.CollectionActions).map((_, B) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(_, { ...w, ...k.collectionView?.collectionActionsProps }) }, `plugin_actions_${C}_${B}`)));
+  }, E = jt(e.Actions).map((k, B) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(k, { ...w }) }, `actions_${B}`));
+  return m && m.forEach((k, B) => {
+    k.collectionView?.CollectionActions && E.push(...jt(k.collectionView?.CollectionActions).map((_, C) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(_, { ...w, ...k.collectionView?.collectionActionsProps }) }, `plugin_actions_${B}_${C}`)));
   }), /* @__PURE__ */ v(j, { children: [
     E,
     b,
@@ -9256,7 +9256,7 @@ function Ec({
       };
   });
 }
-function Cc() {
+function Bc() {
   const [e, t] = P({ width: 0, height: 0 });
   return Vr(() => {
     function r() {
@@ -9265,7 +9265,7 @@ function Cc() {
     return window.addEventListener("resize", r), r(), () => window.removeEventListener("resize", r);
   }, []), e;
 }
-const Bc = ({ onResize: e }) => {
+const Cc = ({ onResize: e }) => {
   const t = se(0), r = se(null), i = se(e);
   i.current = e;
   const o = x((s) => {
@@ -9319,13 +9319,13 @@ function Ic({
   onCellValueChange: d,
   container: u
 }) {
-  const f = Se(), m = pe(), [p, g] = I.useState(), [A, h] = P(), y = t?.id, [b, w] = P(t), [E, k] = P(b?.values), C = o ? je({
+  const f = Se(), m = pe(), [p, g] = I.useState(), [A, h] = P(), y = t?.id, [b, w] = P(t), [E, k] = P(b?.values), B = o ? je({
     collection: o,
     path: a,
     values: E,
     entityId: y,
     fields: m.propertyConfigs
-  }) : void 0, _ = Cc(), B = I.useRef(null), S = I.useRef(null), D = I.useRef(!1), Q = x(() => {
+  }) : void 0, _ = Bc(), C = I.useRef(null), S = I.useRef(null), D = I.useRef(!1), Q = x(() => {
     if (!s)
       throw Error("getInitialLocation error");
     return {
@@ -9336,7 +9336,7 @@ function Ic({
     x: Z,
     y: N
   }) => {
-    const F = B.current?.getBoundingClientRect();
+    const F = C.current?.getBoundingClientRect();
     if (!F)
       throw Error("normalizePosition called before draggableBoundingRect is set");
     return {
@@ -9344,14 +9344,14 @@ function Ic({
       y: Math.max(0, Math.min(N, _.height - F.height))
     };
   }, [_]), G = x((Z) => {
-    const N = B.current?.getBoundingClientRect();
+    const N = C.current?.getBoundingClientRect();
     if (!s || !N)
       return;
     const F = Z ?? R(Q());
     (!A || F.x !== A.x || F.y !== A.y) && h(F);
   }, [s, Q, R, A]);
   Ec({
-    containerRef: B,
+    containerRef: C,
     innerRef: S,
     x: A?.x,
     y: A?.y,
@@ -9363,7 +9363,7 @@ function Ic({
     [i, b]
   ), Vr(
     () => {
-      const Z = B.current?.getBoundingClientRect();
+      const Z = C.current?.getBoundingClientRect();
       !s || !Z || D.current || (G(), D.current = !0);
     },
     [s, G, D.current]
@@ -9374,13 +9374,13 @@ function Ic({
     [_, s]
   );
   const le = he(() => {
-    if (!(!C || !y))
-      return Bo(
+    if (!(!B || !y))
+      return Co(
         y,
-        i && C.properties[i] ? { [i]: C.properties[i] } : {},
+        i && B.properties[i] ? { [i]: B.properties[i] } : {},
         r
       );
-  }, [C, y, i, r]), ne = x(() => G(A), [A, G]), J = async (Z) => (g(null), o && b && d && i ? d({
+  }, [B, y, i, r]), ne = x(() => G(A), [A, G]), J = async (Z) => (g(null), o && b && d && i ? d({
     value: Z[i],
     propertyKey: i,
     data: b,
@@ -9412,16 +9412,16 @@ function Ic({
         error: "PopupFormField misconfiguration"
       }
     );
-  if (!C)
+  if (!B)
     return /* @__PURE__ */ n(j, {});
   const de = ee, W = {
-    collection: C,
+    collection: B,
     entityId: y,
     values: V,
     path: a,
     setFieldValue: K,
     save: J
-  }, re = i && At(C.properties, i), T = i && re ? {
+  }, re = i && At(B.properties, i), T = i && re ? {
     propertyKey: i,
     disabled: ee || $t(re) || !!re.disabled,
     property: re,
@@ -9458,7 +9458,7 @@ function Ic({
                 )
               }
             ),
-            /* @__PURE__ */ n(Ct, { children: /* @__PURE__ */ n(
+            /* @__PURE__ */ n(Bt, { children: /* @__PURE__ */ n(
               ge,
               {
                 variant: "filled",
@@ -9481,7 +9481,7 @@ function Ic({
       {
         status: "existing",
         path: a,
-        collection: C,
+        collection: B,
         entity: b,
         context: f,
         currentEntityId: y,
@@ -9507,9 +9507,9 @@ function Ic({
         boxShadow: "0 0 0 2px rgba(128,128,128,0.2)"
       },
       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,
+      ref: C,
       children: [
-        /* @__PURE__ */ n(Bc, { onResize: ne }),
+        /* @__PURE__ */ n(Cc, { onResize: ne }),
         /* @__PURE__ */ v(
           "div",
           {
@@ -9588,7 +9588,7 @@ function Mo({
       type: "error",
       message: "Error deleting: " + G?.message
     }), console.error("Error deleting entity"), console.error(G);
-  }, [b.name]), C = x((R, G) => {
+  }, [b.name]), B = x((R, G) => {
     u.open({
       type: "error",
       message: "Error before deleting: " + G?.message
@@ -9598,18 +9598,18 @@ function Mo({
       type: "error",
       message: "Error after deleting: " + G?.message
     }), console.error(G);
-  }, [b.name]), B = x((R) => Ds({
+  }, [b.name]), C = x((R) => Ds({
     dataSource: c,
     entity: R,
     collection: b,
     callbacks: o,
     onDeleteSuccess: E,
     onDeleteFailure: k,
-    onPreDeleteHookError: C,
+    onPreDeleteHookError: B,
     onDeleteSuccessHookError: _,
     context: y
-  }), [c, b, o, E, k, C, _, y]), S = x(async () => {
-    p && (m(!0), A ? Promise.all(p.map(B)).then((R) => {
+  }), [c, b, o, E, k, B, _, y]), S = x(async () => {
+    p && (m(!0), A ? Promise.all(p.map(C)).then((R) => {
       m(!1), s && p && s(l, p), R.every(Boolean) ? u.open({
         type: "success",
         message: `${b.name}: multiple deleted`
@@ -9620,13 +9620,13 @@ function Mo({
         type: "error",
         message: `${b.name}: Error deleting entities`
       }), r();
-    }) : B(p).then((R) => {
+    }) : C(p).then((R) => {
       m(!1), R && (a && p && a(l, p), u.open({
         type: "success",
         message: `${b.singularName ?? b.name} deleted`
       }), r());
     }));
-  }, [p, A, B, s, l, r, u, b.name, a]);
+  }, [p, A, C, s, l, r, u, b.name, a]);
   let D;
   if (p && A)
     D = /* @__PURE__ */ n(j, { children: "Multiple entities" });
@@ -9657,7 +9657,7 @@ function Mo({
           /* @__PURE__ */ n($, { variant: "subtitle2", className: "p-4", children: Q }),
           !A && /* @__PURE__ */ n("div", { className: "p-4", children: D })
         ] }),
-        /* @__PURE__ */ v(Ct, { children: [
+        /* @__PURE__ */ v(Bt, { children: [
           f && /* @__PURE__ */ n(Ut, { size: "small" }),
           /* @__PURE__ */ n(
             ge,
@@ -9838,14 +9838,14 @@ const Qc = "collectionGroupParent", Go = I.memo(
     className: o,
     ...a
   }) {
-    const s = Se(), l = t ?? a.path, c = Xe(a), d = ke(), u = pt(), f = mt(), m = Bt(), p = St(), g = pe(), A = I.useRef(null), h = he(() => {
+    const s = Se(), l = t ?? a.path, c = Xe(a), d = ke(), u = pt(), f = mt(), m = Ct(), p = St(), g = pe(), A = I.useRef(null), h = he(() => {
       const X = m?.getCollectionConfig(l);
       return X ? Le(a, X) : a;
     }, [a, l, m?.getCollectionConfig]), y = I.useRef(h);
     z(() => {
       y.current = h;
     }, [h]);
-    const b = zt(h, f, l, null), [w, E] = P(void 0), [k, C] = I.useState(void 0), [_, B] = I.useState(0), [S, D] = P(0), Q = x(() => {
+    const b = zt(h, f, l, null), [w, E] = P(void 0), [k, B] = I.useState(void 0), [_, C] = I.useState(0), [S, D] = P(0), Q = x(() => {
       const X = w;
       setTimeout(() => {
         X === w && E(void 0);
@@ -9859,7 +9859,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
       setSelectedEntities: oe
     } = V;
     z(() => {
-      C(void 0);
+      B(void 0);
     }, [ee]);
     const de = Do({
       fullPath: l,
@@ -9893,15 +9893,15 @@ const Qc = "collectionGroupParent", Go = I.memo(
     }, [l, u]), O = () => {
       p.onAnalyticsEvent?.("multiple_delete_dialog_open", {
         path: l
-      }), C(ee);
+      }), B(ee);
     }, q = (X, fe) => {
       p.onAnalyticsEvent?.("single_entity_deleted", {
         path: l
-      }), oe((be) => be.filter((ye) => ye.id !== fe.id)), B(Date.now());
+      }), oe((be) => be.filter((ye) => ye.id !== fe.id)), C(Date.now());
     }, Z = (X, fe) => {
       p.onAnalyticsEvent?.("multiple_entities_deleted", {
         path: l
-      }), oe([]), C(void 0), B(Date.now());
+      }), oe([]), B(void 0), C(Date.now());
     };
     let N;
     g?.plugins && (N = g.plugins.find((X) => X.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
@@ -9934,18 +9934,18 @@ const Qc = "collectionGroupParent", Go = I.memo(
       propertyKey: fe,
       onValueUpdated: be,
       setError: ye,
-      data: Ce
+      data: Be
     }) => {
-      const Qt = Gr({ ...Ce.values }, fe, X), Cr = {
+      const Qt = Gr({ ...Be.values }, fe, X), Br = {
         path: l,
-        entityId: Ce.id,
+        entityId: Be.id,
         values: Qt,
-        previousValues: Ce.values,
+        previousValues: Be.values,
         collection: h,
         status: "existing"
       };
       return co({
-        ...Cr,
+        ...Br,
         collection: h,
         dataSource: c,
         context: s,
@@ -9985,8 +9985,8 @@ const Qc = "collectionGroupParent", Go = I.memo(
             color: "primary",
             variant: "outlined",
             startIcon: /* @__PURE__ */ n(ai, { size: "small" }),
-            onClick: (Ce) => {
-              Ce.stopPropagation(), u.open({
+            onClick: (Be) => {
+              Be.stopPropagation(), u.open({
                 path: l,
                 entityId: ye.id,
                 selectedSubPath: be.id ?? be.path,
@@ -10004,13 +10004,13 @@ const Qc = "collectionGroupParent", Go = I.memo(
         dependencies: [],
         Builder: ({ entity: be }) => {
           const ye = d.getParentReferencesFromPath(be.path);
-          return /* @__PURE__ */ n(j, { children: ye.map((Ce) => /* @__PURE__ */ n(
+          return /* @__PURE__ */ n(j, { children: ye.map((Be) => /* @__PURE__ */ n(
             Ze,
             {
-              reference: Ce,
+              reference: Be,
               size: "tiny"
             },
-            Ce.path + "/" + Ce.id
+            Be.path + "/" + Be.id
           )) });
         }
       }] : [];
@@ -10020,7 +10020,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
         ...fe
       ];
     }, [h, l, u]), He = x(() => {
-      B(Date.now());
+      C(Date.now());
     }, []), Ke = $e(), st = ({
       entity: X,
       customEntityActions: fe
@@ -10028,7 +10028,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
       const be = X ? vi(h, f, l, X) : !0, ye = [Nc];
       return ae && ye.push(zo), be && ye.push(Vo), fe && ye.push(...fe), ye;
     }, xr = () => {
-      const X = st({}), fe = X.filter((Ce) => Ce.collapsed !== !1), ye = X.filter((Ce) => Ce.collapsed === !1).length * (Ke ? 40 : 30);
+      const X = st({}), fe = X.filter((Be) => Be.collapsed !== !1), ye = X.filter((Be) => Be.collapsed === !1).length * (Ke ? 40 : 30);
       return (Ke ? 80 + ye : 70 + ye) + (fe.length > 0 ? Ke ? 40 : 30 : 0);
     }, Er = ({
       entity: X,
@@ -10036,7 +10036,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
       width: be,
       frozen: ye
     }) => {
-      const Ce = K(X), Qt = st({
+      const Be = K(X), Qt = st({
         entity: X,
         customEntityActions: h.entityActions
       });
@@ -10046,7 +10046,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
           entity: X,
           width: be,
           frozen: ye,
-          isSelected: Ce,
+          isSelected: Be,
           selectionEnabled: G,
           size: fe,
           highlightEntity: E,
@@ -10096,10 +10096,10 @@ const Qc = "collectionGroupParent", Go = I.memo(
       onHover: be
     }) => {
       const ye = y.current;
-      return g.plugins ? /* @__PURE__ */ n(j, { children: g.plugins.filter((Ce) => Ce.collectionView?.HeaderAction).map((Ce, Qt) => {
-        const Cr = Ce.collectionView.HeaderAction;
+      return g.plugins ? /* @__PURE__ */ n(j, { children: g.plugins.filter((Be) => Be.collectionView?.HeaderAction).map((Be, Qt) => {
+        const Br = Be.collectionView.HeaderAction;
         return /* @__PURE__ */ n(
-          Cr,
+          Br,
           {
             onHover: be,
             propertyKey: fe,
@@ -10243,7 +10243,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
               open: !!k,
               onEntityDelete: q,
               onMultipleEntitiesDelete: Z,
-              onClose: () => C(void 0)
+              onClose: () => B(void 0)
             }
           )
         ]
@@ -10398,7 +10398,7 @@ function Ku({
           /* @__PURE__ */ n($, { variant: "h6", className: "mb-2", children: i }),
           a
         ] }),
-        /* @__PURE__ */ v(Ct, { children: [
+        /* @__PURE__ */ v(Bt, { children: [
           /* @__PURE__ */ n(
             ge,
             {
@@ -10655,7 +10655,7 @@ const Oc = function({
             "aria-label": "Open drawer",
             onClick: g,
             size: "large",
-            children: p === "dark" ? /* @__PURE__ */ n(Ea, {}) : /* @__PURE__ */ n(Ca, {})
+            children: p === "dark" ? /* @__PURE__ */ n(Ea, {}) : /* @__PURE__ */ n(Ba, {})
           }
         ),
         /* @__PURE__ */ v(Et, { trigger: y, children: [
@@ -10665,7 +10665,7 @@ const Oc = function({
           ] }),
           a,
           !a && /* @__PURE__ */ v(Re, { onClick: m.signOut, children: [
-            /* @__PURE__ */ n(Ba, {}),
+            /* @__PURE__ */ n(Ca, {}),
             "Log Out"
           ] })
         ] })
@@ -10697,8 +10697,8 @@ function qo({
         if (k in f.current)
           return f.current[k];
         {
-          const C = nr();
-          return f.current[k] = C, C;
+          const B = nr();
+          return f.current[k] = B, B;
         }
       });
       p(b);
@@ -10723,19 +10723,19 @@ function qo({
   return /* @__PURE__ */ n(Qn, { onDragEnd: (b) => {
     if (!b.destination)
       return;
-    const w = b.source.index, E = b.destination.index, k = [...m], C = k[w];
-    k[w] = k[E], k[E] = C, p(k), d(Vc(r, w, E));
+    const w = b.source.index, E = b.destination.index, k = [...m], B = k[w];
+    k[w] = k[E], k[E] = B, p(k), d(Vc(r, w, E));
   }, children: /* @__PURE__ */ n(
     Rn,
     {
       droppableId: e,
       renderClone: (b, w, E) => {
-        const k = E.source.index, C = m[k];
+        const k = E.source.index, B = m[k];
         return /* @__PURE__ */ n(
           ln,
           {
             provided: b,
-            internalId: C,
+            internalId: B,
             index: k,
             size: a,
             disabled: i,
@@ -10758,10 +10758,10 @@ function qo({
                 draggableId: `array_field_${E}`,
                 isDragDisabled: i,
                 index: k,
-                children: (C, _) => /* @__PURE__ */ n(
+                children: (B, _) => /* @__PURE__ */ n(
                   ln,
                   {
-                    provided: C,
+                    provided: B,
                     internalId: E,
                     index: k,
                     size: a,
@@ -11048,7 +11048,7 @@ function rm({
 }) {
   return t ? /* @__PURE__ */ n($, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
 }
-function Ci({
+function Bi({
   name: e,
   addLabel: t,
   value: r,
@@ -11285,7 +11285,7 @@ function dn({
               onClick: (h) => {
                 h.preventDefault(), h.stopPropagation(), r(t.filter((y) => y !== p));
               },
-              children: /* @__PURE__ */ n(Bn, { size: "smallest" })
+              children: /* @__PURE__ */ n(Cn, { size: "smallest" })
             }
           )
         ]
@@ -11344,7 +11344,7 @@ function jc({
   const f = l.of;
   if (f.dataType !== "reference")
     throw Error("ArrayOfReferencesField expected a property containing references");
-  const m = l.expanded === void 0 ? !0 : l.expanded, p = t && Array.isArray(t) ? t.map((C) => C.id) : [];
+  const m = l.expanded === void 0 ? !0 : l.expanded, p = t && Array.isArray(t) ? t.map((B) => B.id) : [];
   Ue({
     property: l,
     value: t,
@@ -11353,8 +11353,8 @@ function jc({
   const g = ke(), A = he(() => f.path ? g.getCollection(f.path) : void 0, [f.path]);
   if (!A)
     throw Error(`Couldn't find the corresponding collection for the path: ${f.path}`);
-  const h = x((C) => {
-    console.debug("onMultipleEntitiesSelected", C), d(C.map((_) => at(_)));
+  const h = x((B) => {
+    console.debug("onMultipleEntitiesSelected", B), d(B.map((_) => at(_)));
   }, [d]), y = Jt(
     {
       multiselect: !0,
@@ -11364,11 +11364,11 @@ function jc({
       selectedEntityIds: p,
       forceFilter: f.forceFilter
     }
-  ), b = x((C) => {
-    C.preventDefault(), y.open();
-  }, [y]), w = x((C, _) => {
-    const B = t && t.length > C ? t[C] : void 0;
-    return B ? /* @__PURE__ */ n(
+  ), b = x((B) => {
+    B.preventDefault(), y.open();
+  }, [y]), w = x((B, _) => {
+    const C = t && t.length > B ? t[B] : void 0;
+    return C ? /* @__PURE__ */ n(
       Ze,
       {
         disabled: !f.path,
@@ -11376,7 +11376,7 @@ function jc({
         size: "medium",
         onClick: b,
         hover: !o,
-        reference: B
+        reference: C
       },
       _
     ) : /* @__PURE__ */ n("div", { children: "Internal ERROR" });
@@ -11397,7 +11397,7 @@ function jc({
     ),
     A && /* @__PURE__ */ v("div", { className: "group", children: [
       /* @__PURE__ */ n(
-        Ci,
+        Bi,
         {
           value: t,
           addLabel: l.name ? "Add reference to " + l.name : "Add reference",
@@ -11606,17 +11606,17 @@ function Jc({
     getRootProps: w,
     getInputProps: E,
     isDragActive: k,
-    isDragAccept: C,
+    isDragAccept: B,
     isDragReject: _
   } = Pn(
     {
-      accept: e.acceptedFiles ? e.acceptedFiles.map((B) => ({ [B]: [] })).reduce((B, S) => ({ ...B, ...S }), {}) : void 0,
+      accept: e.acceptedFiles ? e.acceptedFiles.map((C) => ({ [C]: [] })).reduce((C, S) => ({ ...C, ...S }), {}) : void 0,
       disabled: r || i,
       noDragEventsBubbling: !0,
       maxSize: e.maxSize,
       onDrop: o,
-      onDropRejected: (B, S) => {
-        for (const D of B)
+      onDropRejected: (C, S) => {
+        for (const D of C)
           for (const Q of D.errors)
             b.open({
               type: "error",
@@ -11639,7 +11639,7 @@ function Jc({
           [Uc]: !k,
           [Lc]: k,
           [Wc]: _,
-          [$c]: C,
+          [$c]: B,
           [qc]: r
         }
       ),
@@ -11662,26 +11662,26 @@ function Jc({
                   ...E()
                 }
               ),
-              c.map((B, S) => {
+              c.map((C, S) => {
                 let D;
-                return B.storagePathOrDownloadUrl ? D = /* @__PURE__ */ n(
+                return C.storagePathOrDownloadUrl ? D = /* @__PURE__ */ n(
                   Uo,
                   {
                     collection: t,
-                    name: `storage_preview_${B.storagePathOrDownloadUrl}`,
+                    name: `storage_preview_${C.storagePathOrDownloadUrl}`,
                     property: d,
                     disabled: r,
                     entity: u,
-                    value: B.storagePathOrDownloadUrl,
+                    value: C.storagePathOrDownloadUrl,
                     onRemove: f,
-                    size: B.size
+                    size: C.size
                   }
-                ) : B.file && (D = /* @__PURE__ */ n(
+                ) : C.file && (D = /* @__PURE__ */ n(
                   Eo,
                   {
-                    entry: B,
+                    entry: C,
                     metadata: m,
-                    storagePath: p(B.file),
+                    storagePath: p(C.file),
                     onFileUploadComplete: g,
                     imageSize: A === "medium" ? 220 : 118,
                     simple: !1
@@ -11689,7 +11689,7 @@ function Jc({
                 )), /* @__PURE__ */ n(
                   Dn,
                   {
-                    draggableId: `array_field_${h}_${B.id}`,
+                    draggableId: `array_field_${h}_${C.id}`,
                     index: S,
                     children: (Q, R) => /* @__PURE__ */ n(
                       "div",
@@ -11706,7 +11706,7 @@ function Jc({
                       }
                     )
                   },
-                  `array_field_${h}_${B.id}`
+                  `array_field_${h}_${C.id}`
                 );
               }),
               s.placeholder
@@ -11755,19 +11755,19 @@ function Hc({
     } else
       throw Error("Storage field using array must be of data type string");
   }
-  const g = f?.metadata, A = s ? "small" : "medium", h = x((k, C) => {
+  const g = f?.metadata, A = s ? "small" : "medium", h = x((k, B) => {
     if (!s)
       return;
-    const _ = [...i], B = _[k];
-    _.splice(k, 1), _.splice(C, 0, B), o(_);
+    const _ = [...i], C = _[k];
+    _.splice(k, 1), _.splice(B, 0, C), o(_);
     const S = _.filter((D) => !!D.storagePathOrDownloadUrl).map((D) => D.storagePathOrDownloadUrl);
     a(S);
   }, [s, a, o, i]), y = x((k) => {
     k.destination && h(k.source.index, k.destination.index);
   }, [h]), b = x((k) => {
     if (s) {
-      const C = i.filter((_) => _.storagePathOrDownloadUrl !== k);
-      a(C.filter((_) => !!_.storagePathOrDownloadUrl).map((_) => _.storagePathOrDownloadUrl)), o(C);
+      const B = i.filter((_) => _.storagePathOrDownloadUrl !== k);
+      a(B.filter((_) => !!_.storagePathOrDownloadUrl).map((_) => _.storagePathOrDownloadUrl)), o(B);
     } else
       a(null), o([]);
   }, [i, s, a]), w = s ? "Drag 'n' drop some files here, or click to select files" : "Drag 'n' drop a file here, or click to select one", E = s ? t.of : t;
@@ -11776,8 +11776,8 @@ function Hc({
     {
       droppableId: `droppable_${r}`,
       direction: "horizontal",
-      renderClone: (k, C, _) => {
-        const B = i[_.source.index];
+      renderClone: (k, B, _) => {
+        const C = i[_.source.index];
         return /* @__PURE__ */ n(
           "div",
           {
@@ -11790,25 +11790,25 @@ function Hc({
               Uo,
               {
                 collection: e,
-                name: `storage_preview_${B.storagePathOrDownloadUrl}`,
+                name: `storage_preview_${C.storagePathOrDownloadUrl}`,
                 property: E,
                 disabled: !0,
                 entity: m,
-                value: B.storagePathOrDownloadUrl,
+                value: C.storagePathOrDownloadUrl,
                 onRemove: b,
-                size: B.size
+                size: C.size
               }
             )
           }
         );
       },
-      children: (k, C) => /* @__PURE__ */ n(
+      children: (k, B) => /* @__PURE__ */ n(
         Jc,
         {
           storage: f,
           collection: e,
           disabled: c,
-          isDraggingOver: C.isDraggingOver,
+          isDraggingOver: B.isDraggingOver,
           droppableProvided: k,
           onFilesAdded: d,
           multipleFilesSupported: s,
@@ -11895,7 +11895,7 @@ function Rt({
       }
     ),
     f && /* @__PURE__ */ n(
-      Cn,
+      Bn,
       {
         className: "mt-1 ml-1",
         in: !!r,
@@ -12242,10 +12242,10 @@ function rd({
   },
   fieldProps: f
 }) {
-  const { plugins: m } = pe(), p = r.customProps, g = f.field.value, A = Dt(f.form.errors, t), h = Dt(f.form.touched, t), y = A && (f.form.submitCount > 0 || r.validation?.unique) && (!Array.isArray(A) || !!A.filter((B) => !!B).length), w = id(d.path, d.collection, t, r, e, m) ?? e, E = f.form.isSubmitting, k = x((B, S) => {
-    f.form.setFieldTouched(t, !0, !1), f.form.setFieldValue(t, B, S);
-  }, []), C = x((B, S, D) => {
-    f.form.setFieldTouched(t, !0, !1), f.form.setFieldValue(B, S, D);
+  const { plugins: m } = pe(), p = r.customProps, g = f.field.value, A = Dt(f.form.errors, t), h = Dt(f.form.touched, t), y = A && (f.form.submitCount > 0 || r.validation?.unique) && (!Array.isArray(A) || !!A.filter((C) => !!C).length), w = id(d.path, d.collection, t, r, e, m) ?? e, E = f.form.isSubmitting, k = x((C, S) => {
+    f.form.setFieldTouched(t, !0, !1), f.form.setFieldValue(t, C, S);
+  }, []), B = x((C, S, D) => {
+    f.form.setFieldTouched(t, !0, !1), f.form.setFieldValue(C, S, D);
   }, []);
   return /* @__PURE__ */ v(me, { children: [
     /* @__PURE__ */ n(w, { ...{
@@ -12253,7 +12253,7 @@ function rd({
       value: g,
       // initialValue,
       setValue: k,
-      setFieldValue: C,
+      setFieldValue: B,
       error: A,
       touched: h,
       showError: y,
@@ -12393,7 +12393,7 @@ function od({
   if (!a.keyValue)
     throw Error(`Your property ${e} needs to have the 'keyValue' prop in order to use this field binding`);
   const p = /* @__PURE__ */ n(
-    Bi,
+    Ci,
     {
       value: t,
       setValue: s,
@@ -12432,7 +12432,7 @@ function od({
     )
   ] });
 }
-function Bi({
+function Ci({
   value: e,
   setValue: t,
   fieldName: r,
@@ -12607,7 +12607,7 @@ function ad({
     ) : A === "array" ? /* @__PURE__ */ n(
       "div",
       {
-        className: H(Be, "ml-2 pl-2 border-l border-solid"),
+        className: H(Ce, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
           qo,
           {
@@ -12646,9 +12646,9 @@ function ad({
     ) : A === "map" ? /* @__PURE__ */ n(
       "div",
       {
-        className: H(Be, "ml-2 pl-2 border-l border-solid"),
+        className: H(Ce, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
-          Bi,
+          Ci,
           {
             value: p,
             fieldName: g,
@@ -12817,8 +12817,8 @@ function sd({
           i(f);
         }
       }
-    ) : u === "array" ? /* @__PURE__ */ n($, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: H(Be, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
-      Bi,
+    ) : u === "array" ? /* @__PURE__ */ n($, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: H(Ce, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
+      Ci,
       {
         value: d,
         setValue: (f) => {
@@ -12950,10 +12950,10 @@ function ld({
     setValue: a
   });
   const y = (E, k) => {
-    const C = c.resolvedProperties[E] ?? g, _ = {
+    const B = c.resolvedProperties[E] ?? g, _ = {
       propertyKey: `${e}.${E}`,
       disabled: m,
-      property: C,
+      property: B,
       includeDescription: d,
       underlyingValueHasChanged: u,
       context: f,
@@ -12964,7 +12964,7 @@ function ld({
     };
     return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(It, { ..._ }) });
   }, b = /* @__PURE__ */ n(
-    Ci,
+    Bi,
     {
       value: t,
       addLabel: c.name ? "Add entry to " + c.name : "Add entry",
@@ -13053,7 +13053,7 @@ function cd({
       className: "text-text-secondary dark:text-text-secondary-dark"
     }
   ), b = Object.keys(c.oneOf.properties)[0], w = /* @__PURE__ */ n(
-    Ci,
+    Bi,
     {
       value: t,
       name: e,
@@ -14095,13 +14095,12 @@ function wd({
   autoSave: f,
   onIdUpdateError: m
 }) {
-  console.log("inputCollection", r);
   const p = St(), g = pe(), A = Se(), h = Xe(r), y = g.plugins, b = he(() => je({
     collection: r,
     path: t,
     values: i?.values,
     fields: g.propertyConfigs
-  }), [i?.values, t]), w = (e === "new" || e === "copy") && !!b.customId && b.customId !== "optional", E = he(() => e === "new" || e === "copy" ? w ? void 0 : h.generateEntityId(t) : i?.id, []), k = se(!1), C = se(mn(b, e, i)), [_, B] = I.useState(E), [S, D] = I.useState(!1), [Q, R] = I.useState(), [G, le] = I.useState(!1), [ne, J] = P(i?.values ?? C.current), Y = (ae) => o({
+  }), [i?.values, t]), w = (e === "new" || e === "copy") && !!b.customId && b.customId !== "optional", E = he(() => e === "new" || e === "copy" ? w ? void 0 : h.generateEntityId(t) : i?.id, []), k = se(!1), B = se(mn(b, e, i)), [_, C] = I.useState(E), [S, D] = I.useState(!1), [Q, R] = I.useState(), [G, le] = I.useState(!1), [ne, J] = P(i?.values ?? B.current), Y = (ae) => o({
     collection: oe,
     path: t,
     entityId: _,
@@ -14139,7 +14138,7 @@ function wd({
       M.setSubmitting(!1);
     });
   }, ee = pn({
-    initialValues: C.current,
+    initialValues: B.current,
     onSubmit: V,
     validation: (ae) => q?.validate(ae, { abortEarly: !1 }).then(() => ({})).catch((M) => {
       const ue = {};
@@ -14149,13 +14148,13 @@ function wd({
     })
   });
   z(() => {
-    C.current = mn(b, e, i);
+    B.current = mn(b, e, i);
     const ae = ee.initialValues;
     !ee.isSubmitting && ae && e === "existing" ? te(
       Object.entries(oe.properties).map(([M, ue]) => {
         if (br(ue))
           return {};
-        const ve = ae[M], we = C.current[M];
+        const ve = ae[M], we = B.current[M];
         return L(ve, we) ? {} : { [M]: we };
       }).reduce((M, ue) => ({ ...M, ...ue }), {})
     ) : te({});
@@ -14174,9 +14173,7 @@ function wd({
     values: ne,
     previousValues: ee.initialValues,
     fields: g.propertyConfigs
-  });
-  console.log("internalValues", ne), console.log("resolvedCollection", oe);
-  const de = Hn(oe, g.propertyConfigs), W = ne && de ? ot(ne, de) : void 0, re = r.callbacks?.onIdUpdate, T = x(async () => {
+  }), de = Hn(oe, g.propertyConfigs), W = ne && de ? ot(ne, de) : void 0, re = r.callbacks?.onIdUpdate, T = x(async () => {
     if (re && ne && (e === "new" || e === "copy")) {
       le(!0);
       try {
@@ -14187,7 +14184,7 @@ function wd({
           values: ne,
           context: A
         });
-        B(ae);
+        C(ae);
       } catch (ae) {
         m && m(ae), console.error(ae);
       }
@@ -14205,7 +14202,7 @@ function wd({
     }) => h.checkUniqueField(t, ae, M, _),
     [h, t, _]
   ), q = he(
-    () => _ ? Bo(
+    () => _ ? Co(
       _,
       oe.properties,
       O
@@ -14282,7 +14279,7 @@ function wd({
           customId: r.customId,
           entityId: _,
           status: e,
-          onChange: B,
+          onChange: C,
           error: S,
           loading: G,
           entity: i
@@ -14334,7 +14331,7 @@ function vd(e) {
     closeAfterSaveRef: y,
     autoSave: b,
     entityActions: w
-  } = e, E = Se(), k = w.filter((Q) => Q.includeInForm === void 0 || Q.includeInForm), C = pt(), _ = h;
+  } = e, E = Se(), k = w.filter((Q) => Q.includeInForm === void 0 || Q.includeInForm), B = pt(), _ = h;
   z(() => {
     i && i(_), o && o(t);
   }, [_, t]), z(() => {
@@ -14343,7 +14340,7 @@ function vd(e) {
       !L(R, G) && !c[Q] && (console.debug("Updated value from the datasource:", Q, R), d(Q, R !== void 0 ? R : null));
     });
   }, [f, b, a, l, t, c, d]);
-  const B = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((Q) => {
+  const C = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((Q) => {
     const R = u.properties[Q];
     if (!R)
       return console.warn(`Property ${Q} not found in collection ${u.name}`), null;
@@ -14394,13 +14391,13 @@ function vd(e) {
             className: "mt-12",
             ref: D,
             children: [
-              B,
+              C,
               /* @__PURE__ */ n(hd, { containerRef: D })
             ]
           }
         ),
         /* @__PURE__ */ n("div", { className: "h-14" }),
-        !b && /* @__PURE__ */ v(Ct, { position: "absolute", children: [
+        !b && /* @__PURE__ */ v(Bt, { position: "absolute", children: [
           A && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n($, { color: "error", children: A.message }) }),
           l && k.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: k.map((Q) => /* @__PURE__ */ n(
             ce,
@@ -14412,7 +14409,7 @@ function vd(e) {
                   fullPath: u.path,
                   collection: u,
                   context: E,
-                  sideEntityController: C
+                  sideEntityController: B
                 });
               },
               children: Q.icon
@@ -15048,7 +15045,7 @@ function Ni(e) {
   }
   return s;
 }
-const Cd = "100vw", Bd = "55vw", mr = "768px", Zt = "main_##Q$SC^#S6";
+const Bd = "100vw", Cd = "55vw", mr = "768px", Zt = "main_##Q$SC^#S6";
 function Sd({
   path: e,
   entityId: t,
@@ -15072,7 +15069,7 @@ function Sd({
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const g = Xe(o), A = Fi(), h = pt(), y = ft(), b = pe(), w = Se(), E = mt(), [k, C] = P(void 0), [_, B] = P(i ? "copy" : t ? "existing" : "new"), S = se(void 0), D = S.current, Q = (o.subcollections ?? []).filter((U) => !U.hideFromNavigation), R = Q?.length ?? 0, G = o.entityViews, le = G?.length ?? 0, ne = o.formAutoSave && !o.customId, J = le > 0 || R > 0, Y = r ?? Ln(
+  const g = Xe(o), A = Fi(), h = pt(), y = ft(), b = pe(), w = Se(), E = mt(), [k, B] = P(void 0), [_, C] = P(i ? "copy" : t ? "existing" : "new"), S = se(void 0), D = S.current, Q = (o.subcollections ?? []).filter((U) => !U.hideFromNavigation), R = Q?.length ?? 0, G = o.entityViews, le = G?.length ?? 0, ne = o.formAutoSave && !o.customId, J = le > 0 || R > 0, Y = r ?? Ln(
     o ? o.defaultSelectedView : void 0,
     {
       status: _,
@@ -15113,7 +15110,7 @@ function Sd({
     f(!1), ne || y.open({
       type: "success",
       message: `${o.singularName ?? o.name}: Saved correctly`
-    }), re(U), B("existing"), s(!1), c && c({ entity: U }), Pe ? (A.setBlocked(!1), A.close(!0), d?.()) : _ !== "existing" && h.replace({
+    }), re(U), C("existing"), s(!1), c && c({ entity: U }), Pe ? (A.setBlocked(!1), A.close(!0), d?.()) : _ !== "existing" && h.replace({
       path: e,
       entityId: U.id,
       selectedSubPath: V.current,
@@ -15173,7 +15170,7 @@ function Sd({
         "div",
         {
           className: H(
-            Be,
+            Ce,
             "relative flex-grow w-full h-full overflow-auto "
           ),
           role: "tabpanel",
@@ -15245,7 +15242,6 @@ function Sd({
   }, []), He = (U) => {
     ne || s(U);
   };
-  console.log("eeee", o);
   function Ke() {
     const U = b.plugins;
     let Pe = /* @__PURE__ */ n(
@@ -15260,7 +15256,7 @@ function Sd({
         onModified: He,
         entity: W,
         onIdChange: Je,
-        onFormContextChange: C,
+        onFormContextChange: B,
         hideId: o.hideIdFromForm,
         autoSave: ne,
         onIdUpdateError: We
@@ -15332,7 +15328,7 @@ function Sd({
         /* @__PURE__ */ v(
           "div",
           {
-            className: H(Be, "no-scrollbar border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
+            className: H(Ce, "no-scrollbar border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
             children: [
               /* @__PURE__ */ n(
                 "div",
@@ -15343,7 +15339,7 @@ function Sd({
                     {
                       onClick: () => (d?.(), A.close(!1)),
                       size: "large",
-                      children: /* @__PURE__ */ n(Bn, {})
+                      children: /* @__PURE__ */ n(Cn, {})
                     }
                   )
                 }
@@ -15469,7 +15465,7 @@ function Nd({
           i,
           /* @__PURE__ */ n($, { children: "Are you sure you want to leave this page?" })
         ] }),
-        /* @__PURE__ */ v(Ct, { children: [
+        /* @__PURE__ */ v(Bt, { children: [
           /* @__PURE__ */ n(ge, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
           /* @__PURE__ */ n(ge, { onClick: t, children: " Ok " })
         ] })
@@ -15608,10 +15604,10 @@ function Pd(e) {
 const Ko = "new";
 function Qd(e, t) {
   if (t)
-    return Cd;
+    return Bd;
   const r = !e.selectedSubPath;
   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 ? Rd(e.collection) : mr) : `calc(${Bd} + ${i ?? mr})`;
+  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 ? Rd(e.collection) : mr) : `calc(${Cd} + ${i ?? mr})`;
 }
 const zr = {};
 function Rd(e) {
@@ -16056,7 +16052,7 @@ function om(e) {
     delegate: d,
     propertyConfigs: m,
     navigationController: A
-  }), y = Od(), b = Dd(A, y), w = u?.some((B) => B.loading) ?? !1, E = l.initialLoading || A.loading || w, k = {
+  }), y = Od(), b = Dd(A, y), w = u?.some((C) => C.loading) ?? !1, E = l.initialLoading || A.loading || w, k = {
     dateTimeFormat: a,
     locale: s,
     entityLinkBuilder: i,
@@ -16064,7 +16060,7 @@ function om(e) {
     entityViews: p ?? [],
     propertyConfigs: m ?? {},
     components: g
-  }, C = he(() => ({
+  }, B = he(() => ({
     onAnalyticsEvent: f
   }), []), _ = Gd(l, u);
   return A.navigationLoadingError ? /* @__PURE__ */ n(er, { maxWidth: "md", children: /* @__PURE__ */ n(
@@ -16096,7 +16092,7 @@ function om(e) {
       "Response from the server: ",
       _?.message
     ] })
-  ] }) : /* @__PURE__ */ n(hi.Provider, { value: t, children: /* @__PURE__ */ n(so.Provider, { value: C, children: /* @__PURE__ */ n(ao.Provider, { value: k, children: /* @__PURE__ */ n(
+  ] }) : /* @__PURE__ */ n(hi.Provider, { value: t, children: /* @__PURE__ */ n(so.Provider, { value: B, children: /* @__PURE__ */ n(ao.Provider, { value: k, children: /* @__PURE__ */ n(
     no.Provider,
     {
       value: o,
@@ -16398,7 +16394,7 @@ const Ud = 280, am = I.memo(
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: H(Be, "flex-grow overflow-auto lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid m-0 mt-1"),
+                    className: H(Ce, "flex-grow overflow-auto lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid m-0 mt-1"),
                     children: /* @__PURE__ */ n(me, { children: r })
                   }
                 )
@@ -16643,7 +16639,7 @@ export {
   om as FireCMS,
   Oc as FireCMSAppBar,
   Yo as FireCMSLogo,
-  Ci as FormikArrayContainer,
+  Bi as FormikArrayContainer,
   Vn as GeoPoint,
   Jr as IconForView,
   Ws as ImagePreview,
@@ -16711,7 +16707,7 @@ export {
   qi as flattenObject,
   $n as fullPathToCollectionSegments,
   Ss as getArrayValuesCount,
-  Cu as getBracketNotation,
+  Bu as getBracketNotation,
   gi as getCollectionByPathOrId,
   Ai as getCollectionPathsCombinations,
   Eu as getColorForProperty,
@@ -16719,12 +16715,12 @@ export {
   Ei as getColumnKeysForProperty,
   Ed as getDefaultFieldConfig,
   Ii as getDefaultFieldId,
-  Bu as getDefaultPropertiesOrder,
+  Cu as getDefaultPropertiesOrder,
   bi as getDefaultValueFor,
   jn as getDefaultValueForDataType,
   lr as getDefaultValuesFor,
-  Bs as getEntityImagePreviewPropertyKey,
-  Cs as getEntityPreviewKeys,
+  Cs as getEntityImagePreviewPropertyKey,
+  Bs as getEntityPreviewKeys,
   Hn as getEntityTitlePropertyKey,
   kr as getFieldConfig,
   Wo as getFieldId,