@firecms/core 3.0.0-canary.50 → 3.0.0-canary.51

package/dist/index.es.js

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as v, Fragment as j } from "react/jsx-runtime";
 import * as yt from "react";
-import I, { useRef as se, useEffect as z, useContext as qe, useCallback as x, useMemo as he, useState as P, createElement as ea, createRef as ta, createContext as ra, forwardRef as ia, useLayoutEffect as Vr, useDeferredValue as na } from "react";
-import { SnackbarProvider as oa, useSnackbar as aa } from "notistack";
+import I, { useRef as se, useEffect as z, useContext as qe, useCallback as x, useMemo as he, useState as P, createElement as ta, createRef as ra, createContext as ia, forwardRef as na, useLayoutEffect as Gr, useDeferredValue as oa } from "react";
+import { SnackbarProvider as aa, useSnackbar as sa } 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 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 { useCreateFormex as pn, Formex as fn, setIn as jr, Field as hn, getIn as Dt, useFormex as ri } from "@firecms/formex";
+import { getColorSchemeForSeed as gn, CHIP_COLORS as la, Tooltip as _e, ErrorIcon as An, Typography as $, CircleIcon as bn, FunctionsIcon as ca, iconKeys as ii, coolIconKeys as Yr, Icon as ni, IconButton as ce, ContentCopyIcon as pr, OpenInNewIcon as fr, DescriptionIcon as da, Skeleton as Ye, Chip as oi, cn as H, defaultBorderMixin as Be, KeyboardTabIcon as ai, Checkbox as Yt, Markdown as si, TextareaAutosize as ua, MultiSelect as yn, MultiSelectItem as wn, Select as tt, SelectItem as rt, BooleanSwitch as ma, DateTimeField as qt, paperMixin as hr, ErrorOutlineIcon as pa, EditIcon as fa, Button as ge, RemoveCircleIcon as ha, Menu as Et, MoreVertIcon as vn, MenuItem as Re, CircularProgress as Ut, SearchBar as li, Badge as Ri, ArrowUpwardIcon as Sr, Popover as ci, FilterListIcon as ga, AssignmentIcon as Aa, CenteredView as er, Label as di, TextField as wt, ClearIcon as Tt, BooleanSwitchWithLabel as gr, useOutsideAlerter as _n, DialogActions as Ct, AddIcon as ct, ExpandablePanel as dt, Card as ba, ArrowForwardIcon as kn, cardMixin as ya, cardClickableMixin as wa, focusedMixin as qr, StarIcon as xn, StarBorderIcon as En, Collapse as Cn, Container as va, DeleteIcon as Ur, Dialog as ui, DialogContent as mi, FileCopyIcon as _a, FilterListOffIcon as ka, SearchIcon as xa, LoadingButton as Ea, Avatar as Di, DarkModeIcon as Ca, LightModeIcon as Ba, LogoutIcon as Sa, fieldBackgroundHoverMixin as pi, HandleIcon as Ia, RemoveIcon as fi, debounce as Na, InfoIcon as Fa, CloseIcon as Bn, fieldBackgroundMixin as ar, fieldBackgroundDisabledMixin as Sn, ArrowDropDownIcon as In, useInjectStyles 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 Ir, 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 { Link as Ar, useNavigate as Lt, useLocation as br, UNSAFE_NavigationContext as Xa, NavLink as Ka, Route as tr, Routes as es } from "react-router-dom";
 import { format as ts } from "date-fns";
 import * as rs from "date-fns/locale";
 import Fn from "react-use-measure";
@@ -16,11 +16,11 @@ import is from "react-image-file-resizer";
 import * as Tn from "js-search";
 import { FixedSizeList as ns } from "react-window";
 import os from "markdown-it";
-import rr, { Plugins as Ir } from "react-markdown-editor-lite";
+import rr, { Plugins as Nr } from "react-markdown-editor-lite";
 import * as ze from "yup";
 import * as as from "@radix-ui/react-portal";
-const du = ({ children: e }) => /* @__PURE__ */ n(
-  oa,
+const uu = ({ children: e }) => /* @__PURE__ */ n(
+  aa,
   {
     maxSnack: 3,
     autoHideDuration: 3500,
@@ -32,7 +32,7 @@ const du = ({ children: e }) => /* @__PURE__ */ n(
   },
   toggleMode: () => {
   }
-}, hi = I.createContext(ss), uu = hi.Provider, On = I.createContext({});
+}, hi = I.createContext(ss), mu = hi.Provider, On = I.createContext({});
 function Ee(e) {
   return ls(cs(e));
 }
@@ -42,10 +42,10 @@ function ls(e) {
 function cs(e) {
   return e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function mu(e) {
+function pu(e) {
   return e.startsWith("/") ? e : `/${e}`;
 }
-function pu(e) {
+function fu(e) {
   const t = Ee(e);
   if (t.includes("/")) {
     const r = t.split("/");
@@ -128,7 +128,7 @@ class Vn {
     this.latitude = t, this.longitude = r;
   }
 }
-class fu {
+class hu {
   value;
   constructor(t) {
     this.value = t;
@@ -140,13 +140,13 @@ const ds = (e, ...t) => ({
     [i]: e[i]
   }), {})
 });
-function Nr(e) {
+function Fr(e) {
   return e && typeof e == "object" && !Array.isArray(e);
 }
 function Le(e, t) {
-  const r = Nr(e), i = r ? { ...e } : e;
-  return r && Nr(t) && Object.keys(t).forEach((o) => {
-    Nr(t[o]) ? o in e ? i[o] = Le(e[o], t[o]) : Object.assign(i, { [o]: t[o] }) : Object.assign(i, { [o]: t[o] });
+  const r = Fr(e), i = r ? { ...e } : e;
+  return r && Fr(t) && Object.keys(t).forEach((o) => {
+    Fr(t[o]) ? o in e ? i[o] = Le(e[o], t[o]) : Object.assign(i, { [o]: t[o] }) : Object.assign(i, { [o]: t[o] });
   }), i;
 }
 function ot(e, t) {
@@ -161,7 +161,7 @@ function ot(e, t) {
     }
   }
 }
-function hu(e, t) {
+function gu(e, t) {
   let r = { ...e };
   const i = t.split("."), o = i.pop();
   for (const a of i)
@@ -217,7 +217,7 @@ const Ot = "type", sr = "value";
 function $t(e) {
   return e.readOnly || e.dataType === "date" && e.autoValue ? !0 : e.dataType === "reference" ? !e.path : !1;
 }
-function br(e) {
+function yr(e) {
   return typeof e.disabled == "object" && !!e.disabled.hidden;
 }
 function De(e) {
@@ -259,7 +259,7 @@ function ms({
     }
   ) ?? {};
 }
-function gu(e, t) {
+function Au(e, t) {
   const r = e;
   return Object.entries(t).forEach(([i, o]) => {
     e && e[i] !== void 0 ? r[i] = e[i] : o.validation?.required && (r[i] = null);
@@ -270,20 +270,20 @@ function at(e) {
 }
 function Yn(e, t, r) {
   const i = Object.entries(t).map(([a, s]) => {
-    const l = e && e[a], c = Ur(l, s, r);
+    const l = e && e[a], c = Lr(l, s, r);
     if (c !== void 0)
       return { [a]: c };
   }).reduce((a, s) => ({ ...a, ...s }), {}), o = { ...e, ...i };
   if (Object.keys(o).length !== 0)
     return o;
 }
-function Ur(e, t, r) {
+function Lr(e, t, r) {
   let i;
   if (t.dataType === "map" && t.properties)
     i = Yn(e, t.properties, r);
   else if (t.dataType === "array")
     if (t.of && Array.isArray(e))
-      i = e.map((o) => Ur(o, t.of, r));
+      i = e.map((o) => Lr(o, t.of, r));
     else if (t.oneOf && Array.isArray(e)) {
       const o = t.oneOf?.typeField ?? Ot, a = t.oneOf?.valueField ?? sr;
       i = e.map((s) => {
@@ -294,7 +294,7 @@ function Ur(e, t, r) {
         const l = s[o], c = t.oneOf?.properties[l];
         return !l || !c ? s : {
           [o]: l,
-          [a]: Ur(s[a], c, r)
+          [a]: Lr(s[a], c, r)
         };
       });
     } else
@@ -322,12 +322,12 @@ function ps(e, t) {
     return gn(t.toString());
   if (typeof r == "object" && "color" in r) {
     if (typeof r.color == "string")
-      return sa[r.color];
+      return la[r.color];
     if (typeof r.color == "object")
       return r.color;
   }
 }
-function Au(e) {
+function bu(e) {
   return typeof e == "object" && e.disabled;
 }
 function fs(e) {
@@ -399,20 +399,20 @@ function Ln(e, t) {
 const hs = (e, t) => e.map((r) => r.permissions ? r : {
   ...r,
   permissions: t
-}), gs = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, bu = (e) => {
+}), gs = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, yu = (e) => {
   const t = e.match(gs);
   return t ? t.map((r) => r.toLowerCase()).join("-") : "";
-}, As = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, yu = (e) => {
+}, As = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, wu = (e) => {
   const t = e.match(As);
   return t ? t.map((r) => r.toLowerCase()).join("_") : "";
 };
 function Mt(e = 5) {
   return Math.random().toString(36).slice(2, 2 + e);
 }
-function wu() {
+function vu() {
   return Math.floor(Math.random() * 16777215).toString(16);
 }
-function Lr(e, t = "_", r = !0) {
+function $r(e, t = "_", r = !0) {
   if (!e)
     return "";
   const i = "ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;-", o = `aaaaaeeeeeiiiiooooouuuunc${t}${t}${t}${t}${t}${t}${t}`;
@@ -423,7 +423,7 @@ function Lr(e, t = "_", r = !0) {
     t
   ).trim().replace(/^\s+|\s+$/g, ""), r ? e.toLowerCase() : e;
 }
-function vu(e) {
+function _u(e) {
   return e ? e.includes("-") || e.includes("_") || !e.includes(" ") ? e.replace(/[-_]/g, " ").replace(/\w\S*/g, function(r) {
     return r.charAt(0).toUpperCase() + r.substr(1);
   }).trim() : e.trim() : "";
@@ -438,7 +438,7 @@ function ws(e) {
 function $n(e) {
   return e.split("/").filter((t, r) => r % 2 === 0);
 }
-function _u(e) {
+function ku(e) {
   return e ? e.toString() : "";
 }
 function vs(e) {
@@ -447,7 +447,7 @@ function vs(e) {
   const t = e.match(/\/(.*?)\/([a-z]*)?$/i);
   return t ? new RegExp(t[1], t[2] || "") : new RegExp(e, "");
 }
-function ku(e) {
+function xu(e) {
   return e.match(/\/((?![*+?])(?:[^\r\n[/\\]|\\.|\[(?:[^\r\n\]\\]|\\.)*])+)\/((?:g(?:im?|mi?)?|i(?:gm?|mg?)?|m(?:gi?|ig?)?)?)/) ? !0 : !!e.match(/((?![*+?])(?:[^\r\n[/\\]|\\.|\[(?:[^\r\n\]\\]|\\.)*])+)/);
 }
 function wi(e, t, r, i = 300) {
@@ -470,23 +470,23 @@ function _s(e, t) {
   });
   return r ? r.dataType === "reference" ? !0 : r.dataType === "array" ? Array.isArray(r.of) ? !1 : r.of?.dataType === "reference" : !1 : null;
 }
-function xu(e) {
+function Eu(e) {
   return /* @__PURE__ */ n(bn, { size: e });
 }
-function $r(e, t) {
+function Wr(e, t) {
   const r = e?.Icon ?? bn;
   return /* @__PURE__ */ n(r, { size: t });
 }
 function Te(e, t = "small", r = {}) {
   if (De(e))
-    return /* @__PURE__ */ n(la, { size: t });
+    return /* @__PURE__ */ n(ca, { size: t });
   {
-    const i = kr(e, r);
-    return $r(i, t);
+    const i = xr(e, r);
+    return Wr(i, t);
   }
 }
-function Eu(e, t) {
-  return De(e) ? "#888" : kr(e, t)?.color ?? "#666";
+function Cu(e, t) {
+  return De(e) ? "#888" : xr(e, t)?.color ?? "#666";
 }
 function At(e, t) {
   if (typeof e == "object") {
@@ -525,19 +525,19 @@ function ks(e, t) {
     }), o && (r[i] = o);
   }), r;
 }
-function Cu(e) {
+function Su(e) {
   return e.propertiesOrder ? e.propertiesOrder : [...Object.keys(e.properties), ...(e.additionalFields ?? []).map((t) => t.key)];
 }
-const yr = {
+const wr = {
   read: !0,
   edit: !0,
   create: !0,
   delete: !0
 };
-function wr(e, t, r, i) {
+function vr(e, t, r, i) {
   const o = e.permissions;
   if (o === void 0)
-    return yr;
+    return wr;
   if (typeof o == "object")
     return o;
   if (typeof o == "function") {
@@ -554,15 +554,15 @@ function wr(e, t, r, i) {
   throw console.error("Permissions:", o), Error("New type of permission added and not mapped");
 }
 function Jn(e, t, r, i) {
-  return wr(e, t, r, i)?.edit ?? yr.edit;
+  return vr(e, t, r, i)?.edit ?? wr.edit;
 }
 function zt(e, t, r, i) {
-  return wr(e, t, r, i)?.create ?? yr.create;
+  return vr(e, t, r, i)?.create ?? wr.create;
 }
 function vi(e, t, r, i) {
-  return wr(e, t, r, i)?.delete ?? yr.delete;
+  return vr(e, t, r, i)?.delete ?? wr.delete;
 }
-const Wr = {
+const Jr = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "clock time",
   access_alarms: "clock time",
@@ -708,6 +708,7 @@ const Wr = {
   auto_stories: "audiobook flipping pages reading story",
   av_timer: "clock countdown duration minutes seconds stopwatch",
   baby_changing_station: "babies bathroom body children father human infant kids mother newborn people person toddler wc young",
+  back: "arrow_back",
   backpack: "bookbag knapsack storage travel",
   backspace: "arrow cancel clear correct delete erase remove",
   backup: "arrow cloud data drive files folders point storage submit upload",
@@ -921,8 +922,8 @@ const Wr = {
   contact_phone: "account avatar call communicate face human information message mobile number people person profile user",
   contacts: "account address avatar call cell face human information mobile number people person phone profile user",
   contact_support: "? alert announcement bubble chat comment communicate help information mark message punctuation speech symbol vquestion",
-  content_copy: "cut document duplicate file multiple past",
-  content_cut: "copy document file past scissors trim",
+  content_copy: "copy document duplicate file multiple past",
+  content_cut: "cut document file past scissors trim",
   content_paste: "clipboard copy cut document file multiple",
   content_paste_go: "clipboard disabled document enabled file slash",
   content_paste_off: "clipboard disabled document enabled file slash",
@@ -2510,10 +2511,10 @@ const Wr = {
   zoom_out_map: "arrows destination location maps move place stop"
 }, _i = new Tn.Search("key");
 _i.addIndex("synonyms");
-_i.addDocuments(ri.map((e) => ({
+_i.addDocuments(ii.map((e) => ({
   key: e,
   // @ts-ignore
-  synonyms: Wr[e] ?? []
+  synonyms: Jr[e] ?? []
 })));
 function xs(e) {
   let t = 0, r, i;
@@ -2522,24 +2523,24 @@ function xs(e) {
   return Math.abs(t);
 }
 function Es(e, t) {
-  if (e && (e = Lr(e), e in cr))
-    return e in cr ? /* @__PURE__ */ n(ii, { iconKey: e, size: "medium", className: t }) : void 0;
+  if (e && (e = $r(e), e in cr))
+    return e in cr ? /* @__PURE__ */ n(ni, { iconKey: e, size: "medium", className: t }) : void 0;
 }
-const Jr = I.memo(
+const Hr = I.memo(
   function({ collectionOrView: t, className: r }) {
     if (!t)
       return /* @__PURE__ */ n(j, {});
     const i = Es(t.icon, r);
     if (t?.icon && i)
       return i;
-    let o = Lr(("singularName" in t ? t.singularName : void 0) ?? t.name), a;
-    o in cr && (a = o), a || (o = Lr(t.path), o in cr && (a = o));
-    const s = jr.length;
-    return a || (a = jr[xs(t.path) % s]), /* @__PURE__ */ n(ii, { iconKey: a, size: "medium", className: r });
+    let o = $r(("singularName" in t ? t.singularName : void 0) ?? t.name), a;
+    o in cr && (a = o), a || (o = $r(t.path), o in cr && (a = o));
+    const s = Yr.length;
+    return a || (a = Yr[xs(t.path) % s]), /* @__PURE__ */ n(ni, { iconKey: a, size: "medium", className: r });
   },
   (e, t) => L(e.collectionOrView?.icon, t.collectionOrView?.icon)
-), cr = ri.reduce((e, t) => (e[t] = t, e), {});
-function Su(e, t) {
+), cr = ii.reduce((e, t) => (e[t] = t, e), {});
+function Iu(e, t) {
   if (t !== void 0 && t === 1)
     return e;
   const r = {
@@ -2611,7 +2612,7 @@ function Su(e, t) {
   }
   return e;
 }
-function Iu(e, t) {
+function Nu(e, t) {
   if (t !== void 0 && t !== 1)
     return e;
   const r = {
@@ -2693,7 +2694,7 @@ function Iu(e, t) {
   }
   return e;
 }
-function Bs(e, t, r, i = 3) {
+function Cs(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) => {
@@ -2706,11 +2707,11 @@ function Hn(e, t) {
     return e.titleProperty;
   for (const r in e.properties) {
     const i = e.properties[r];
-    if (!De(i) && kr(i, t)?.key === "text_field")
+    if (!De(i) && xr(i, t)?.key === "text_field")
       return r;
   }
 }
-function Cs(e) {
+function Bs(e) {
   for (const t in e.properties) {
     const r = e.properties[t];
     if (r.dataType === "string" && r.storage?.acceptedFiles?.includes("image/*"))
@@ -2751,21 +2752,21 @@ function Ns(e) {
     return De(i) ? t[r] = i : t[r] = { ...i, editable: !1 }, t;
   }, {});
 }
-function Hr(e, t, r) {
+function Zr(e, t, r) {
   if (e) {
     const o = e({
       collection: t,
       parentPaths: r
     }) ?? t;
-    return o.subcollections && (o.subcollections = o.subcollections.map((a) => Hr(e, a, [...r, t.path]))), o;
+    return o.subcollections && (o.subcollections = o.subcollections.map((a) => Zr(e, a, [...r, t.path]))), o;
   } else
     return t;
 }
 function Fs(e, t, r = [], i) {
   const o = (t ?? []).map((l) => {
     const c = e?.find((d) => d.id === l.id);
-    return c ? Ps(c, l, r, i) : Hr(i, l, r);
-  }), a = o.map((l) => l.id), s = e.filter((l) => !a.includes(l.id)).map((l) => i ? Hr(i, l, r) : l);
+    return c ? Ps(c, l, r, i) : Zr(i, l, r);
+  }), a = o.map((l) => l.id), s = e.filter((l) => !a.includes(l.id)).map((l) => i ? Zr(i, l, r) : l);
   return [...o, ...s];
 }
 function Ps(e, t, r = [], i) {
@@ -2833,9 +2834,6 @@ function Ui(e) {
     ...(e.additionalFields ?? [])?.map((t) => t.key)
   ];
 }
-function Nu(e) {
-  return e;
-}
 function Fu(e) {
   return e;
 }
@@ -2860,12 +2858,15 @@ function Ou(e) {
 function Mu(e) {
   return e;
 }
+function zu(e) {
+  return e;
+}
 function Xn(e, t, r = "", i = 0, o = 10) {
   i > o || (e && t && typeof e == "object" && typeof t == "object" ? Object.keys(e).forEach((a) => {
     Xn(e[a], t[a], r + "." + a, i + 1, o);
   }) : e !== t && console.log("Changed props:", r));
 }
-function zu(e, t = 3) {
+function Vu(e, t = 3) {
   const r = se(e);
   z(() => {
     console.log("Changed props:"), Xn(e, r.current, "", 0, t), r.current = e;
@@ -2874,14 +2875,14 @@ function zu(e, t = 3) {
 const Kn = I.createContext({}), Xe = (e) => {
   const t = qe(Kn);
   return e?.overrides?.dataSource ? e?.overrides.dataSource : t;
-}, eo = I.createContext({}), ke = () => qe(eo), mt = () => qe(On), to = I.createContext({}), vr = () => qe(to), ro = I.createContext({}), pt = () => qe(ro), io = I.createContext({}), Wt = (e) => {
+}, eo = I.createContext({}), ke = () => qe(eo), mt = () => qe(On), to = I.createContext({}), _r = () => qe(to), ro = I.createContext({}), pt = () => qe(ro), io = I.createContext({}), Wt = (e) => {
   const t = qe(io);
   return e?.overrides?.storageSource ? e.overrides.storageSource : t;
 }, ft = () => {
   const {
     enqueueSnackbar: e,
     closeSnackbar: t
-  } = aa(), r = x((o) => {
+  } = sa(), r = x((o) => {
     const {
       type: a,
       message: s,
@@ -2899,7 +2900,7 @@ const Kn = I.createContext({}), Xe = (e) => {
     open: r,
     close: i
   }), [r, i]);
-}, no = I.createContext(void 0), Ct = () => qe(no), oo = I.createContext({}), Qs = ({ children: e }) => {
+}, no = I.createContext(void 0), Bt = () => 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 +2932,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 = Ct(), c = Rs(), d = pe(), u = St(), f = I.useRef({
+  const e = mt(), t = _r(), r = pt(), i = ke(), o = Xe(), a = Wt(), s = ft(), l = Bt(), c = Rs(), d = pe(), u = St(), f = I.useRef({
     authController: e,
     sideDialogsController: t,
     sideEntityController: r,
@@ -2960,7 +2961,7 @@ const Kn = I.createContext({}), Xe = (e) => {
     };
   }, [e, c, i, t]), f.current;
 };
-function Vu({
+function Gu({
   path: e,
   collection: t,
   filterValues: r,
@@ -2971,11 +2972,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 (B) => {
+    const E = async (C) => {
       if (t.callbacks?.onFetch)
         try {
-          B = await Promise.all(
-            B.map((_) => t.callbacks.onFetch({
+          C = await Promise.all(
+            C.map((_) => t.callbacks.onFetch({
               collection: t,
               path: c,
               entity: _,
@@ -2985,12 +2986,12 @@ function Vu({
         } catch (_) {
           console.error(_);
         }
-      A(!1), y(void 0), p(B.map((_) => ({
+      A(!1), y(void 0), p(C.map((_) => ({
         ..._
         // values: sanitizeData(e.values, resolvedCollection.properties)
-      }))), w(!o || B.length < o);
-    }, k = (B) => {
-      console.error("ERROR", B), A(!1), p([]), y(B);
+      }))), w(!o || C.length < o);
+    }, k = (C) => {
+      console.error("ERROR", C), A(!1), p([]), y(C);
     };
     return s.listenCollection ? s.listenCollection({
       path: c,
@@ -3021,7 +3022,7 @@ function Vu({
     noMoreToLoad: b
   };
 }
-const Fr = {};
+const Pr = {};
 function lo({
   path: e,
   entityId: t,
@@ -3043,11 +3044,11 @@ function lo({
         } catch (y) {
           console.error(y);
         }
-      Fr[`${s}/${t}`] = h, d(h), f(!1), p(void 0);
+      Pr[`${s}/${t}`] = h, d(h), f(!1), p(void 0);
     }, A = (h) => {
       console.error("ERROR fetching entity", h), f(!1), d(void 0), p(h);
     };
-    return t && i && Fr[`${s}/${t}`] ? (d(Fr[`${s}/${t}`]), f(!1), p(void 0), () => {
+    return t && i && Pr[`${s}/${t}`] ? (d(Pr[`${s}/${t}`]), f(!1), p(void 0), () => {
     }) : t && s && r ? o.listenEntity ? o.listenEntity({
       path: s,
       entityId: t,
@@ -3234,7 +3235,7 @@ function Ts({
   }).filter((s) => !!s);
   return Promise.all(a);
 }
-function Gu({
+function ju({
   path: e
 }) {
   const t = Se(), [r, i] = P(), [o, a] = P(!1), [s, l] = P();
@@ -3264,8 +3265,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"), 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"));
+      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"));
     },
     [i, p, f]
   );
@@ -3311,7 +3312,7 @@ function mo(e = "lg") {
   return typeof window > "u" ? !1 : window.matchMedia(`(min-width: ${Ms[e] + 1}px)`).matches;
 }
 function Jt(e) {
-  const t = ke(), r = vr(), i = x(() => {
+  const t = ke(), r = _r(), i = x(() => {
     if (e.path) {
       let a = e.collection;
       if (a || (a = t.getCollection(e.path)), !a)
@@ -3342,7 +3343,7 @@ function Jt(e) {
 }
 const Vs = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAASAAAAEgARslrPgAAB9pJREFUWMONl12obVUVx39jzLk+9j7nHq9y1QT1qpcbSIaXQFGs24PQl3HroSQyqHwJFJF6qaceCsqQoJdELHoIC6EeJCSKsi/TFLGozGsKXksljRLxnrP3WmvOOUYPa+19zsmPWpux5pxrzTX///Exx5hb+B/X1y+/nuIlVKF5m0v1YbQ55tIcKTQXFerNQkumOZ1oTiXCqUH8saR+74L8ZIWWux7+7JuuL2/04s5jJyhWQlXV71KtbhCtr1WtD6s0KlrjNBRaEi3JGzpv6bymQ0sn9mwv9otB7Ls7kn9Xo+U7D9z8/xG4+bz3cs35SjE/HEK8NWr8RBOrs+tQUUlEtAYaijRkbxmY0fuMzucsfcbSWnZQtiWxJL3Uid09iH0jIM8/1f+d3/zuS29M4PvHrmG+cZA8dMdjiLfNYrx6owrMVKlVUQkgkeI1iYbBJ3A2WPpKNtnx+UQisy29L0gPDGKfrwkPn2bJPfd/Zo0ZVp0fvOOdnLGxheX+A/Mq3nGwqS8/q645o4psxkgbhFqdSgqVJKIkghgqjuDoWh+dlm1AI0gUC3o4C9d04idbmZ06euQDPPHMj3YJ3HnkrZx98Fys2PFZ1dxxsJkdPbOecaBqmcWGqBVBIkEiKkoQJ5IJJBTbY8aRgBMwjxgVJoJJwDScnYUrOy2PBamfv/CS4zz9zE+IAIfPuQQzPzyrmq9u1e3RM+qWeaipNCCiE4DjbjgF94xZQj2htpjeK84ImqlIUpO9JllgEKgJDFpfOoh8paN8chbOeQ4g/OTq97PdLXSz3fjiVjO7/sx6g804ow41QWuCrjQPBB3bkZQgAkpBJOMojmIEjIgRKV6RpaYIZHGKQlK5OIv0L8bul8eOfsxjDJGD8613z6rmhq1qxkY1o9YKFUFEEED2xqoE1MNoWgPBwQZMl2SrSbQM9NQyUMlA5S3Rlcqd6E50RdRvPMvn9yE8qP9+9WWtQvXxzdic8xrwPaJrUYJGoq4sVBM1Ukuiln4UBipJVJrGoHUhrARB0XMQ/cizbSd61uaZlzUhXjuvWmqt9oOyAmUPEabnkSDV2j0Rp2YgksZdQpoCtRBwAiN4cKYdw4m3pNnbY9Tw4SZUh9tQEda+ld1WpmThgoivU8fYDbgEggRcleiZ6BOoFNRXLQQX1Eelggsgh8GPx6DhWB2iRgkj2OTuVX8dBzJtMx93BAKK4hIwUUSEID4BGspecWTfDwSCw+UxqByJoqPf9+xmYWQg7H3u+5Poyk3o5BZDxRBxxH29fdkF3YcBXKHgF+m+hLxn4OvbnnbPzMkjsm/+f5cXec2ye6ZfpO6+OX7pE8TqPj1zcN/7Zu8CDm44Bu6skrKjuOs0FlxWCJNMYxMOqLlR3DAvsAKaZo6t7+u7r6nhjN/5RKIQKESKhykhjeIINgJi+0m4Fiuns2WKZQybtJ2AfAWzGu/ayt0wz5gXimeKQyKSPI4kiCMhDxSgyLiOiY9kxnW2NVs+1ZeBbAmzhLmtgd0d8z1k1mIUTxQbKD5gnkmuDN6QvCF5TaIie0UmkIU1id3WcfwZHUo61eWB3gayDdOiZR+JXUuMWmcbyGWcny2RzOi8obeWwRsGrxm8JlGPBHCyOJmpJkwkHHs09pnfL1L60KLqtBKZtprhU+lVmSq9+xRsBfOMW6L4QLFM7zWdz+l8Ru8tA+10YKlJIiSxkcC6dQqlmJc/xaHIvTuZT7UpHalFUHEqL6iGsfKtM8FEzMdy7J4oXui9mk5CczpGErtEKgacQUZJE3gSwzw/i+dfx2G7e6IcOPALCXIkakGkYx4iwceyq+uENPp+RSI7DN7Q+5ylb7JgJLH0+XRGbOlRerWJwNgmnOwJ83Tvq/7KX2KZb1nJfnfp5YRoda7hFC/MQyGI7Mteow2E4pHkDT2zyfS758HV4bSjolOjF2PYS4KBbN2L5vmHZ7DpsWQnDsvfLj1+Lwufy9LSO2y5M1Mnik8OEJxAoSJRk7xhoKX3+URiztI3WPgGS2/p1OnE6CcSvRQGH+htQfH07dPSP7Lp9ajcNy+9DnG/oMT67qqZHz/QtGxVyjworQqVCIjiPiaaTD1ttZZ+fTIeCXQ+Y6HCQm0tO5LYpmfHlyy9/1nCPi3ICw/99JbxUHrdvxr6Q4depdhTfeGapVeH+imKxwhv6ZnR+5zeN0aNGU2+ZIPON0cX0LBQYSnGQgsLSSzoWdiCHVvQ2fLP2fMtwf2vDz50K6TpVPxj/sn7Ni5iu9l6Tof+yd78yoWFQ0uvWYvVLK1h6e34B8RnY9DZnIW3LAijxpLYkZ6Fd+z4km3bYcd2WNry8ezppsZ5ZMd2+MfTv3xtjbr9/PfwyoFDzPvtq7I2t+Vq/m6pt4hxThVaojao1CANRkORmkwkiTCI00thKYWOzJJR+6V1JE8/z2JfqGgfW9jLPPLg7a9Xe8frHs7j5MVXESxfmLS5KYXmxhQ3z/a4icQNRFtEGlwjJkoRIamTmIKNTE+it57kw0sF+1ah3CkSXkiPf42Htl+3WL/2+vIFJ6ishJ3QXD1o9dEhVCcGbS7ModUcakwrigaKChkoYmQK2XMp5L8V/F7DfuDePYrEcv8f7npdnDcksEvkg9RewquhuayTcHzQeCyJXpFVD2fRzSxCFtkuwqks8mjB/ujYr9y6k0gs9528503X/w/F3eUgyIBI4wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNS0xMFQxOToyODozMyswMDowMEzeSx4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDUtMTBUMTk6Mjg6MzMrMDA6MDA9g/OiAAAARnRFWHRzb2Z0d2FyZQBJbWFnZU1hZ2ljayA2LjcuOC05IDIwMTQtMDUtMTIgUTE2IGh0dHA6Ly93d3cuaW1hZ2VtYWdpY2sub3Jn3IbtAAAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABh0RVh0VGh1bWI6OkltYWdlOjpoZWlnaHQAMTkyDwByhQAAABd0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAxOTLTrCEIAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADE2MjA2NzQ5MTMk8oswAAAAD3RFWHRUaHVtYjo6U2l6ZQAwQkKUoj7sAAAAVnRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vbW50bG9nL2Zhdmljb25zLzIwMjEtMDUtMTAvOGIxNDNhYjgwODhkMjBlZThkYmUzOTFhN2NkNmQ3NmQuaWNvLnBuZ9msgG0AAAAASUVORK5CYII=
 `;
-function ju(e, t) {
+function Yu(e, t) {
   z(() => {
     if (document) {
       document.title = `${e} - FireCMS`;
@@ -3380,7 +3381,7 @@ function po(e) {
   return s;
 }
 const Gs = "/", js = "/c";
-function Yu(e) {
+function qu(e) {
   const {
     basePath: t = Gs,
     baseCollectionPath: r = js,
@@ -3393,7 +3394,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, B] = P(void 0), _ = Ee(t), C = Ee(r), S = _ ? `/${_}` : "/", D = _ ? `/${_}/${C}` : `/${C}`, Q = x(
+  } = 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(
     (T) => _ ? `/${_}/${Ht(T)}` : `/${Ht(T)}`,
     [_]
   ), R = x(
@@ -3454,7 +3455,7 @@ function Yu(e) {
         const q = G(T, ie, te, c);
         O && !L(y, q) && b(q);
       } catch (T) {
-        console.error(T), B(T);
+        console.error(T), C(T);
       }
       E(!1), h(!0);
     }
@@ -3577,14 +3578,14 @@ function Yu(e) {
     convertIdsToPaths: re
   };
 }
-function qu(e, t) {
+function Uu(e, t) {
   return t ? `${Ee(e)}/${Ee(t)}` : Ee(e);
 }
 function Ht(e) {
   return encodeURIComponent(Ee(e)).replaceAll("%2F", "/").replaceAll("%23", "#");
 }
 function fo(e, t) {
-  return e.filter((r) => r.permissions ? wr(r, t, r.path, null)?.read !== !1 : !0).map((r) => r.subcollections ? {
+  return e.filter((r) => r.permissions ? vr(r, t, r.path, null)?.read !== !1 : !0).map((r) => r.subcollections ? {
     ...r,
     subcollections: fo(r.subcollections, t)
   } : r);
@@ -3625,7 +3626,7 @@ function qs(e, t) {
   } = t;
   return ho(r ?? [], o ?? []) ? L(i, a) : !1;
 }
-function Uu() {
+function Lu() {
   const e = se({}), t = x((p) => {
     const g = localStorage.getItem(p);
     return g ? JSON.parse(g) : {};
@@ -3659,7 +3660,7 @@ function Uu() {
     setCollapsedGroups: m
   };
 }
-function Lu() {
+function $u() {
   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, o] = P(r ? "dark" : "light");
   z(() => {
     o(r ? "dark" : "light"), l(r ? "dark" : "light");
@@ -3680,7 +3681,7 @@ function Lu() {
     toggleMode: c
   };
 }
-function $u({
+function Wu({
   disabled: e,
   authController: t,
   authenticator: r,
@@ -3811,7 +3812,7 @@ function Ws({
                   size: "small",
                   onClick: (s) => (s.stopPropagation(), s.preventDefault(), navigator.clipboard.writeText(t)),
                   children: /* @__PURE__ */ n(
-                    ni,
+                    pr,
                     {
                       className: "text-gray-500",
                       size: "small"
@@ -3837,7 +3838,7 @@ function Ws({
               size: "small",
               onClick: (s) => s.stopPropagation(),
               children: /* @__PURE__ */ n(
-                pr,
+                fr,
                 {
                   className: "text-gray-500",
                   size: "small"
@@ -3894,7 +3895,7 @@ function dr({
         height: vt(r)
       },
       children: [
-        /* @__PURE__ */ n(ca, { className: "flex-grow" }),
+        /* @__PURE__ */ n(da, { className: "flex-grow" }),
         i && /* @__PURE__ */ n(_e, { title: i, children: /* @__PURE__ */ n(
           $,
           {
@@ -3916,7 +3917,7 @@ function dr({
       },
       target: "_blank",
       children: [
-        /* @__PURE__ */ n(pr, { size: "small" }),
+        /* @__PURE__ */ n(fr, { size: "small" }),
         e
       ]
     }
@@ -3934,9 +3935,9 @@ function _t({
   } else if (e.dataType === "array") {
     const i = e;
     i.of && (Array.isArray(i.of) ? r = /* @__PURE__ */ v(j, { children: [
-      i.of.map((o, a) => Pr(o, a)),
+      i.of.map((o, a) => Qr(o, a)),
       " "
-    ] }) : i.of.dataType === "map" && i.of.properties ? r = Hs(i.of.properties, t, i.of.previewProperties) : i.of.dataType === "string" ? i.of.enumValues ? r = Xs() : i.of.storage ? r = Pr(i.of) : r = Zs() : r = Pr(i.of));
+    ] }) : i.of.dataType === "map" && i.of.properties ? r = Hs(i.of.properties, t, i.of.previewProperties) : i.of.dataType === "string" ? i.of.enumValues ? r = Xs() : i.of.storage ? r = Qr(i.of) : r = Zs() : r = Qr(i.of));
   } else
     e.dataType === "map" ? r = Js(e, t) : e.dataType === "date" ? r = nt() : e.dataType === "reference" ? r = Ks() : (e.dataType, r = nt());
   return r || null;
@@ -4016,7 +4017,7 @@ function Xs() {
     (e, t) => /* @__PURE__ */ n(j, { children: nt(t) })
   ) });
 }
-function Pr(e, t = 0) {
+function Qr(e, t = 0) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -4068,7 +4069,7 @@ function tl(e) {
 function nt(e, t = 120) {
   return /* @__PURE__ */ n(Ye, { width: t }, `skeleton_${e}`);
 }
-function Wu(e) {
+function Ju(e) {
   return /* @__PURE__ */ n(
     Ye,
     {
@@ -4215,7 +4216,7 @@ function Ji({
       return u ? /* @__PURE__ */ n(
         I.Fragment,
         {
-          children: /* @__PURE__ */ n("div", { className: H(Ce, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ n("div", { className: H(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
             Fe,
             {
               propertyKey: e,
@@ -4250,9 +4251,9 @@ function al({
     values: c.values,
     fields: f.propertyConfigs
   }), [p]), A = he(
-    () => Bs(g, f.propertyConfigs, o, s === "small" || s === "medium" ? 3 : 1),
+    () => Cs(g, f.propertyConfigs, o, s === "small" || s === "medium" ? 3 : 1),
     [o, g, s]
-  ), h = Hn(g, f.propertyConfigs), y = Cs(g), b = y ? g.properties[y] : void 0, w = A.filter((E) => E !== h && E !== y);
+  ), h = Hn(g, f.propertyConfigs), y = Bs(g), b = y ? g.properties[y] : void 0, w = A.filter((E) => E !== h && E !== y);
   return /* @__PURE__ */ v(
     bt,
     {
@@ -4377,7 +4378,7 @@ const yo = yt.forwardRef(({
       i === "tiny" ? "p-1" : "p-2",
       "flex border rounded-lg",
       r ? "cursor-pointer" : "",
-      Ce,
+      Be,
       a
     ),
     onClick: (d) => {
@@ -4671,7 +4672,7 @@ function pl({
     (f, m) => /* @__PURE__ */ n(
       I.Fragment,
       {
-        children: /* @__PURE__ */ n("div", { className: H(Ce, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: f && /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: H(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: f && /* @__PURE__ */ n(
           Fe,
           {
             propertyKey: e,
@@ -4723,7 +4724,7 @@ function fl({
         return /* @__PURE__ */ v(
           "div",
           {
-            className: H(Ce, "last:border-b-0 border-b"),
+            className: H(Be, "last:border-b-0 border-b"),
             children: [
               /* @__PURE__ */ v(
                 "div",
@@ -4763,7 +4764,7 @@ function fl({
                   ]
                 }
               ),
-              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: H(Ce, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
+              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: H(Be, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
                 Fe,
                 {
                   propertyKey: s,
@@ -4788,7 +4789,7 @@ function vo({ value: e }) {
       children: Object.entries(e).map(([t, r]) => /* @__PURE__ */ v(
         "div",
         {
-          className: H(Ce, "last:border-b-0 border-b"),
+          className: H(Be, "last:border-b-0 border-b"),
           children: [
             /* @__PURE__ */ v(
               "div",
@@ -4821,7 +4822,7 @@ function vo({ value: e }) {
                 ]
               }
             ),
-            typeof r == "object" && /* @__PURE__ */ n("div", { className: H(Ce, "border-l pl-4"), children: /* @__PURE__ */ n(vo, { value: r }) })
+            typeof r == "object" && /* @__PURE__ */ n("div", { className: H(Be, "border-l pl-4"), children: /* @__PURE__ */ n(vo, { value: r }) })
           ]
         },
         `map_preview_table_${t}}`
@@ -4896,7 +4897,7 @@ const Fe = I.memo(function(t) {
   if (s === void 0 || u === null)
     i = /* @__PURE__ */ n(gt, {});
   else if (u.Preview)
-    i = ea(
+    i = ta(
       u.Preview,
       {
         propertyKey: a,
@@ -5039,7 +5040,7 @@ function lt(e, t, r) {
     }
   );
 }
-function Ju({
+function Hu({
   propertyKey: e,
   value: t,
   property: r,
@@ -5088,7 +5089,7 @@ function Ju({
     `table_${f}_${m}`
   )) }) });
 }
-const Hu = yt.memo(
+const Zu = yt.memo(
   function({
     builder: t
   }) {
@@ -5117,9 +5118,9 @@ function _o({
     entityId: e.id,
     values: e.values,
     fields: o.propertyConfigs
-  }), [t, r, e]).properties;
+  }), [t, r, e, o.propertyConfigs]).properties;
   return /* @__PURE__ */ n("div", { className: "w-full " + i, children: /* @__PURE__ */ v("div", { className: "w-full mb-4", children: [
-    /* @__PURE__ */ v("div", { className: H(Ce, "flex justify-between py-2 border-b last:border-b-0"), children: [
+    /* @__PURE__ */ v("div", { className: H(Be, "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",
@@ -5134,7 +5135,7 @@ function _o({
                 rel: "noopener noreferrer",
                 target: "_blank",
                 children: /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(
-                  pr,
+                  fr,
                   {
                     size: "small"
                   }
@@ -5150,7 +5151,7 @@ function _o({
       return /* @__PURE__ */ v(
         "div",
         {
-          className: H(Ce, "flex justify-between py-2 border-b last:border-b-0"),
+          className: H(Be, "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(
@@ -5192,7 +5193,7 @@ function bl(e) {
   return wi(c, f, !s, 2e3), z(() => {
     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,
+    ua,
     {
       ref: t,
       style: {
@@ -5224,7 +5225,7 @@ function bl(e) {
     }
   );
 }
-function Qr(e) {
+function Rr(e) {
   const {
     name: t,
     enumValues: r,
@@ -5386,7 +5387,7 @@ function wl(e) {
   return z(() => {
     o.current && i && o.current.focus({ preventScroll: !0 });
   }, [i, o]), /* @__PURE__ */ n(
-    ua,
+    ma,
     {
       ref: o,
       size: "small",
@@ -5487,7 +5488,7 @@ function xo({
   if (!d)
     throw Error("Storage meta must be specified");
   const f = d?.metadata, m = u ? "small" : "medium", p = d?.imageCompression, g = (u ? i ?? [] : i ? [i] : []).map((_) => ({
-    id: Rr(),
+    id: Dr(),
     storagePathOrDownloadUrl: _,
     metadata: f,
     size: m
@@ -5497,32 +5498,32 @@ function xo({
   }, [g, i, A]);
   const w = x(async (_) => {
     if (d.fileName) {
-      const C = await _l(d.fileName, d, t, e, r, o, _, a);
-      if (!C || C.length === 0)
+      const B = await _l(d.fileName, d, t, e, r, o, _, a);
+      if (!B || B.length === 0)
         throw Error("You need to return a valid filename");
-      return C;
+      return B;
     }
     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 (_, C, S) => {
-    console.debug("onFileUploadComplete", _, C);
+  }, [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);
     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;
-    C.storagePathOrDownloadUrl = D, C.metadata = S, Q = [...y], Q = Xi(Q), b(Q);
+    B.storagePathOrDownloadUrl = D, B.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]), B = x(async (_) => {
+  }, [y, u, c, d, s]), C = x(async (_) => {
     if (!_.length || l)
       return;
-    let C;
+    let B;
     if (u)
-      C = [
+      B = [
         ...y,
-        ...await Promise.all(_.map(async (S) => (p && Zr(S) && (S = await en(S, p)), {
-          id: Rr(),
+        ...await Promise.all(_.map(async (S) => (p && Xr(S) && (S = await en(S, p)), {
+          id: Dr(),
           file: S,
           fileName: await w(S),
           metadata: f,
@@ -5531,15 +5532,15 @@ function xo({
       ];
     else {
       let S = _[0];
-      p && Zr(S) && (S = await en(S, p)), C = [{
-        id: Rr(),
+      p && Xr(S) && (S = await en(S, p)), B = [{
+        id: Dr(),
         file: S,
         fileName: await w(S),
         metadata: f,
         size: m
       }];
     }
-    C = Xi(C), b(C);
+    B = Xi(B), b(B);
   }, [l, w, y, f, u, m]);
   return {
     internalValue: y,
@@ -5548,7 +5549,7 @@ function xo({
     fileNameBuilder: w,
     storagePathBuilder: E,
     onFileUploadComplete: k,
-    onFilesAdded: B,
+    onFilesAdded: C,
     multipleFilesSupported: u
   };
 }
@@ -5557,15 +5558,15 @@ function Xi(e) {
     (t, r) => (e.map((i) => i.storagePathOrDownloadUrl).indexOf(t.storagePathOrDownloadUrl) === r || !t.storagePathOrDownloadUrl) && (e.map((i) => i.file).indexOf(t.file) === r || !t.file)
   );
 }
-function Rr() {
+function Dr() {
   return Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
 }
 const Ki = {
   "image/jpeg": "JPEG",
   "image/png": "PNG",
   "image/webp": "WEBP"
-}, Zr = (e) => Ki[e.type] ? Ki[e.type] : null, xl = 100, en = (e, t) => new Promise((r) => {
-  const i = t.quality === void 0 ? xl : t.quality, o = i >= 0 && i <= 100 ? i : 100, a = Zr(e);
+}, Xr = (e) => Ki[e.type] ? Ki[e.type] : null, xl = 100, en = (e, t) => new Promise((r) => {
+  const i = t.quality === void 0 ? xl : t.quality, o = i >= 0 && i <= 100 ? i : 100, a = Xr(e);
   if (!a)
     throw Error("resizeAndCompressImage: Unsupported image format");
   is.imageFileResizer(
@@ -5607,7 +5608,7 @@ function Eo({
   return I.useEffect(() => (m.current = !0, t.file && g(t.file, t.fileName), () => {
     m.current = !1;
   }), [t.file, t.fileName, g]), a ? /* @__PURE__ */ n("div", { className: `m-4 w-${o} h-${o}`, children: u && /* @__PURE__ */ n(Ye, { className: `w-${o} h-${o}` }) }) : /* @__PURE__ */ v("div", { className: H(
-    fr,
+    hr,
     "relative m-4 border-box flex items-center justify-center",
     `min-w-[${o}px] min-h-[${o}px]`
   ), children: [
@@ -5621,7 +5622,7 @@ function Eo({
     )
   ] });
 }
-function Bo({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPopup: o, children: a }) {
+function Co({ 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();
@@ -5674,7 +5675,7 @@ function Bo({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPop
         style: { width: 32, height: 32 },
         title: e.message,
         children: /* @__PURE__ */ n(
-          ma,
+          pa,
           {
             size: "small",
             color: "error"
@@ -5684,7 +5685,7 @@ function Bo({ 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", 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";
+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";
 function Il(e) {
   const {
     propertyKey: t,
@@ -5770,9 +5771,9 @@ function Nl({
     } else
       throw Error("Storage field using array must be of data type string");
   }
-  const E = p?.metadata, k = !!r, B = ft(), {
+  const E = p?.metadata, k = !!r, C = ft(), {
     open: _,
-    getRootProps: C,
+    getRootProps: B,
     getInputProps: S,
     isDragActive: D,
     isDragAccept: Q,
@@ -5788,13 +5789,13 @@ function Nl({
       onDropRejected: (V, ee) => {
         for (const K of V)
           for (const oe of K.errors)
-            B.open({
+            C.open({
               type: "error",
               message: `Error uploading file: File is larger than ${p.maxSize} bytes`
             });
       }
     }
-  ), { ...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;
+  ), { ...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;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -5806,8 +5807,8 @@ function Nl({
         El,
         "relative w-full h-full flex",
         `justify-${k ? "start" : "center"}`,
-        D ? Bl : "",
-        Q ? Cl : "",
+        D ? Cl : "",
+        Q ? Bl : "",
         R ? Sl : ""
       ),
       children: [
@@ -5853,7 +5854,7 @@ function Nl({
           }
         ),
         /* @__PURE__ */ n(
-          Bo,
+          Co,
           {
             showError: Y,
             disabled: f,
@@ -5866,7 +5867,7 @@ function Nl({
                 color: "inherit",
                 size: "small",
                 onClick: _,
-                children: /* @__PURE__ */ n(pa, { size: "small", className: "text-gray-500" })
+                children: /* @__PURE__ */ n(fa, { size: "small", className: "text-gray-500" })
               }
             )
           }
@@ -5923,7 +5924,7 @@ const Pl = I.memo(
     } = t, p = x((k) => {
       o(k ? at(k) : null);
     }, [o]), g = x((k) => {
-      o(k.map((B) => at(B)));
+      o(k.map((C) => at(C)));
     }, [o]), A = i ? Array.isArray(i) ? i.map((k) => k.id) : i.id ? [i.id] : [] : [], h = Jt(
       {
         multiselect: a,
@@ -5954,7 +5955,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, B) => /* @__PURE__ */ n(
+      (k, C) => /* @__PURE__ */ n(
         "div",
         {
           className: "w-full my-0.5",
@@ -5970,7 +5971,7 @@ const Pl = I.memo(
             }
           )
         },
-        `preview_array_ref_${r}_${B}`
+        `preview_array_ref_${r}_${C}`
       )
     ) }) : /* @__PURE__ */ n(Ne, { error: "Data is not an array of references" });
     return m ? /* @__PURE__ */ v("div", { className: "w-full group", children: [
@@ -5996,7 +5997,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 Co(e, t, r) {
+function Bo(e, t, r) {
   const i = {};
   return Object.entries(t).forEach(([o, a]) => {
     i[o] = Gt({
@@ -6293,11 +6294,11 @@ const jl = ({
     hideOverflow: A = !0,
     showExpandIcon: h = !0
   }) {
-    const [y, b] = Fn(), w = se(null), E = he(() => kt(i), [i]), [k, B] = P(!1), [_, C] = P(l), S = !a && !!c;
+    const [y, b] = Fn(), w = se(null), E = he(() => kt(i), [i]), [k, C] = P(!1), [_, B] = P(l), S = !a && !!c;
     z(() => {
-      l && C(!0);
+      l && B(!0);
       const oe = setTimeout(() => {
-        C(!1);
+        B(!1);
       }, 800);
       return () => {
         clearTimeout(oe);
@@ -6337,7 +6338,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(() => B(!0), []), ee = x(() => B(!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(() => C(!0), []), ee = x(() => C(!1), []), K = S ? "border-red-500" : _ ? "border-green-500" : ne ? "border-primary" : "border-transparent";
     return /* @__PURE__ */ v(
       "div",
       {
@@ -6389,7 +6390,7 @@ const jl = ({
             )
           ] }),
           r,
-          a && k && s && /* @__PURE__ */ n("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ n(_e, { title: s, children: /* @__PURE__ */ n(fa, { size: "smallest", color: "disabled", className: "text-gray-500" }) }) })
+          a && k && s && /* @__PURE__ */ n("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ n(_e, { title: s, children: /* @__PURE__ */ n(ha, { size: "smallest", color: "disabled", className: "text-gray-500" }) }) })
         ]
       }
     );
@@ -6430,7 +6431,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), [B, _] = P(), [C, 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), [C, _] = P(), [B, S] = P(), [D, Q] = P(!1), R = x(() => {
       Q(!0), setTimeout(() => {
         Q(!1);
       }, 100);
@@ -6494,7 +6495,7 @@ const Ul = I.memo(
       } : void 0);
     };
     let W, re = !1, T = !1, ie = !0, te = !1, O = !1, q = !0;
-    const Z = !Y && B;
+    const Z = !Y && C;
     if (u || ne)
       return /* @__PURE__ */ n(
         ur,
@@ -6526,7 +6527,7 @@ const Ul = I.memo(
         W = /* @__PURE__ */ n(
           Il,
           {
-            error: C ?? B,
+            error: B ?? C,
             disabled: Y,
             focused: b,
             selected: b,
@@ -6543,7 +6544,7 @@ const Ul = I.memo(
       else if (b && o.dataType === "number") {
         const F = o;
         F.enumValues ? (W = /* @__PURE__ */ n(
-          Qr,
+          Rr,
           {
             name: t,
             multiple: !1,
@@ -6552,7 +6553,7 @@ const Ul = I.memo(
             valueType: "number",
             small: it(g) !== "medium",
             enumValues: F.enumValues,
-            error: C ?? B,
+            error: B ?? C,
             internalValue: w,
             updateValue: K
           }
@@ -6560,7 +6561,7 @@ const Ul = I.memo(
           yl,
           {
             align: a,
-            error: C ?? B,
+            error: B ?? C,
             focused: b,
             disabled: Y,
             value: w,
@@ -6571,7 +6572,7 @@ const Ul = I.memo(
         const F = o;
         if (F.enumValues)
           W = /* @__PURE__ */ n(
-            Qr,
+            Rr,
             {
               name: t,
               multiple: !1,
@@ -6580,7 +6581,7 @@ const Ul = I.memo(
               valueType: "string",
               small: it(g) !== "medium",
               enumValues: F.enumValues,
-              error: C ?? B,
+              error: B ?? C,
               internalValue: w,
               updateValue: K
             }
@@ -6590,7 +6591,7 @@ const Ul = I.memo(
           W = /* @__PURE__ */ n(
             bl,
             {
-              error: C ?? B,
+              error: B ?? C,
               disabled: Y,
               multiline: Ae,
               focused: b,
@@ -6603,7 +6604,7 @@ const Ul = I.memo(
         W = /* @__PURE__ */ n(
           wl,
           {
-            error: C ?? B,
+            error: B ?? C,
             disabled: Y,
             focused: b,
             internalValue: w,
@@ -6615,7 +6616,7 @@ const Ul = I.memo(
           vl,
           {
             name: t,
-            error: C ?? B,
+            error: B ?? C,
             disabled: Y,
             mode: o.mode,
             focused: b,
@@ -6644,7 +6645,7 @@ const Ul = I.memo(
         if (!F.of && !F.oneOf)
           throw Error(`You need to specify an 'of' or 'oneOf' prop (or specify a custom field) in your array property ${t}`);
         F.of && !Array.isArray(F.of) && (F.of.dataType === "string" || F.of.dataType === "number" ? b && F.of.enumValues && (W = /* @__PURE__ */ n(
-          Qr,
+          Rr,
           {
             name: t,
             multiple: !0,
@@ -6653,7 +6654,7 @@ const Ul = I.memo(
             small: it(g) !== "medium",
             valueType: F.of.dataType,
             enumValues: F.of.enumValues,
-            error: C ?? B,
+            error: B ?? C,
             internalValue: w,
             updateValue: K
           }
@@ -6696,14 +6697,14 @@ const Ul = I.memo(
         removePadding: te,
         fullHeight: O,
         saved: D,
-        error: C ?? B,
+        error: B ?? C,
         align: a,
         allowScroll: re,
         showExpandIcon: T,
         value: w,
         hideOverflow: ie,
         actions: q && /* @__PURE__ */ n(
-          Bo,
+          Co,
           {
             showError: Z,
             disabled: Y,
@@ -6742,7 +6743,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), B = 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), C = m.filter((_) => _.collapsed === !1);
   return /* @__PURE__ */ v(
     "div",
     {
@@ -6759,7 +6760,7 @@ const ki = function({
       },
       children: [
         (w || l) && /* @__PURE__ */ v("div", { className: "w-34 flex justify-center", children: [
-          B.map((_, C) => /* @__PURE__ */ n(_e, { title: _.name, children: /* @__PURE__ */ n(
+          C.map((_, B) => /* @__PURE__ */ n(_e, { title: _.name, children: /* @__PURE__ */ n(
             ce,
             {
               onClick: (S) => {
@@ -6777,7 +6778,7 @@ const ki = function({
               size: A ? "medium" : "small",
               children: _.icon
             }
-          ) }, C)),
+          ) }, B)),
           E && /* @__PURE__ */ n(
             Et,
             {
@@ -6788,7 +6789,7 @@ const ki = function({
                   children: /* @__PURE__ */ n(vn, {})
                 }
               ),
-              children: k.map((_, C) => /* @__PURE__ */ v(
+              children: k.map((_, B) => /* @__PURE__ */ v(
                 Re,
                 {
                   onClick: (S) => {
@@ -6808,7 +6809,7 @@ const ki = function({
                     _.name
                   ]
                 },
-                C
+                B
               ))
             }
           ),
@@ -6870,7 +6871,7 @@ function $l({
   return /* @__PURE__ */ v(
     "div",
     {
-      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"),
+      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"),
       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 }),
@@ -6959,7 +6960,7 @@ function Ei(e, t, r) {
     disabled: r || !!e.disabled || !!e.readOnly
   }];
 }
-function Zu(e) {
+function Xu(e) {
   return {
     key: "id_ewcfedcswdf3",
     width: e ? 160 : 130,
@@ -7000,7 +7001,7 @@ function Hl({ properties: e, sortable: t, forceFilter: r, AdditionalHeaderWidget
 function Qo(e, t = !1) {
   return t ? ["string", "number", "date", "reference"].includes(e.dataType) : e.dataType === "array" ? e.of ? Qo(e.of, !0) : !1 : ["string", "number", "boolean", "date", "reference", "array"].includes(e.dataType);
 }
-function Xr({ text: e, ...t }) {
+function Kr({ text: e, ...t }) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -7036,9 +7037,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((_, C) => {
-      s(c, _), C !== void 0 && A(C);
-    }, [c, s]), E = i === r, B = !(i !== r && i > 0) && (m || E);
+    }, []), w = x((_, B) => {
+      s(c, _), B !== void 0 && A(B);
+    }, [c, s]), E = i === r, C = !(i !== r && i > 0) && (m || E);
     return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ v(
       "div",
       {
@@ -7082,7 +7083,7 @@ const Zl = I.memo(
           ) }),
           /* @__PURE__ */ v(j, { children: [
             f && /* @__PURE__ */ n(f, { onHover: m || g }),
-            c.sortable && (o || B || g) && /* @__PURE__ */ n(
+            c.sortable && (o || C || g) && /* @__PURE__ */ n(
               Ri,
               {
                 color: "secondary",
@@ -7096,9 +7097,9 @@ const Zl = I.memo(
                       a(c.key);
                     },
                     children: [
-                      !o && /* @__PURE__ */ n(Cr, {}),
-                      o === "asc" && /* @__PURE__ */ n(Cr, {}),
-                      o === "desc" && /* @__PURE__ */ n(Cr, { className: "rotate-180" })
+                      !o && /* @__PURE__ */ n(Sr, {}),
+                      o === "asc" && /* @__PURE__ */ n(Sr, {}),
+                      o === "desc" && /* @__PURE__ */ n(Sr, { className: "rotate-180" })
                     ]
                   }
                 )
@@ -7123,7 +7124,7 @@ const Zl = I.memo(
                       className: m || g ? "bg-white dark:bg-gray-950" : void 0,
                       size: "small",
                       onClick: b,
-                      children: /* @__PURE__ */ n(ha, { size: "small" })
+                      children: /* @__PURE__ */ n(ga, { size: "small" })
                     }
                   ),
                   children: /* @__PURE__ */ n(
@@ -7148,7 +7149,7 @@ const Zl = I.memo(
               ref: t,
               className: H(
                 "absolute h-full w-[6px] top-0 right-0 cursor-col-resize",
-                B && "bg-gray-300 dark:bg-gray-700"
+                C && "bg-gray-300 dark:bg-gray-700"
               ),
               onMouseDown: d ? () => d(r, c) : void 0
             }
@@ -7197,7 +7198,7 @@ function Xl({
         /* @__PURE__ */ n(
           "div",
           {
-            className: H(Ce, "py-4 px-6 text-xs font-semibold uppercase border-b"),
+            className: H(Be, "py-4 px-6 text-xs font-semibold uppercase border-b"),
             children: e.title ?? l
           }
         ),
@@ -7242,31 +7243,31 @@ const Kl = ({
   createFilterField: c,
   AddColumnComponent: d
 }) => {
-  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 = {
+  const u = e.map(() => ra()), [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 = {
       width: Q,
-      key: C.key,
+      key: B.key,
       column: {
-        ...C,
+        ...B,
         width: Q
       }
     };
     _ ? l(R) : s(R);
   }, [e, s, l]), g = x((k) => {
     if (f >= 0) {
-      const B = u[f].current?.parentElement?.getBoundingClientRect().left;
-      return B ? k.clientX - B : void 0;
+      const C = u[f].current?.parentElement?.getBoundingClientRect().left;
+      return C ? k.clientX - C : void 0;
     }
   }, [u, f]), A = x((k) => {
     document.body.style.cursor = k ? "col-resize" : "auto";
   }, []), h = x((k) => {
     k.stopPropagation(), k.preventDefault();
-    const B = g(k);
-    B && p(f, B, !1);
+    const C = g(k);
+    C && p(f, C, !1);
   }, [p, g, f]), y = x((k) => {
     k.stopPropagation(), k.preventDefault();
-    const B = g(k);
-    B && p(f, B, !0), m(-1), A(!1);
+    const C = g(k);
+    C && p(f, C, !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 +7282,18 @@ const Kl = ({
   return /* @__PURE__ */ v(
     "div",
     {
-      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"),
+      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"),
       children: [
-        e.map((k, B) => {
-          const _ = e[B], C = _ && a && a[_.key] ? a[_.key] : void 0;
+        e.map((k, C) => {
+          const _ = e[C], B = _ && a && a[_.key] ? a[_.key] : void 0;
           return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
             Zl,
             {
-              resizeHandleRef: u[B],
-              columnIndex: B,
+              resizeHandleRef: u[C],
+              columnIndex: C,
               isResizingIndex: f,
               onFilterUpdate: i,
-              filter: C,
+              filter: B,
               sort: o === _.key ? t : void 0,
               onColumnSort: r,
               onClickResizeColumn: E,
@@ -7362,12 +7363,12 @@ const Kl = ({
     );
   },
   (e, t) => L(e.rowData, t.rowData) && L(e.column, t.column) && L(e.cellData, t.cellData) && L(e.rowIndex, t.rowIndex) && L(e.cellRenderer, t.cellRenderer) && L(e.columnIndex, t.columnIndex)
-), _r = ra({});
-_r.displayName = "VirtualListContext";
-const rc = ia(({
+), kr = ia({});
+kr.displayName = "VirtualListContext";
+const rc = na(({
   children: e,
   ...t
-}, r) => /* @__PURE__ */ n(_r.Consumer, { children: (i) => {
+}, r) => /* @__PURE__ */ n(kr.Consumer, { children: (i) => {
   const o = i.customView;
   return /* @__PURE__ */ v(j, { children: [
     /* @__PURE__ */ n(
@@ -7428,9 +7429,9 @@ const rc = ia(({
     rowClassName: w,
     className: E,
     endAdornment: k,
-    AddColumnComponent: B
+    AddColumnComponent: C
   }) {
-    const _ = f ? f[0] : void 0, C = f ? f[1] : void 0, [S, D] = P(a), Q = se(null), R = se(0);
+    const _ = f ? f[0] : void 0, B = f ? f[1] : void 0, [S, D] = P(a), Q = se(null), R = se(0);
     z(() => {
       D(a);
     }, [a]);
@@ -7445,9 +7446,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 && 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;
+      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;
       Ae && d && !d(Ae, Ie) && u && u(void 0), r && r(), g && g(Ie), V();
-    }, [d, C, u, r, g, V, _]);
+    }, [d, B, u, r, g, V, _]);
     x(() => {
       R.current = 0, g && g(void 0);
     }, [g]);
@@ -7462,13 +7463,13 @@ 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, _ && C ? [_, C] : void 0) || (N = q ? { [O.key]: q } : {}), u && u(N);
-    }, [d, C, u, _]), re = x(() => A ? /* @__PURE__ */ n(Xr, {}) : /* @__PURE__ */ v(
+      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(Kr, {}) : /* @__PURE__ */ v(
       "div",
       {
         className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
         children: [
-          /* @__PURE__ */ n(ga, {}),
+          /* @__PURE__ */ n(Aa, {}),
           p
         ]
       }
@@ -7487,7 +7488,7 @@ const rc = ia(({
       size: o,
       cellRenderer: h,
       columns: S,
-      currentSort: C,
+      currentSort: B,
       onRowClick: s,
       customView: ie,
       onColumnResize: ne,
@@ -7500,7 +7501,7 @@ const rc = ia(({
       createFilterField: b,
       rowClassName: w,
       endAdornment: k,
-      AddColumnComponent: B
+      AddColumnComponent: C
     };
     return /* @__PURE__ */ n(
       "div",
@@ -7508,7 +7509,7 @@ const rc = ia(({
         ref: G,
         className: H("h-full w-full", E),
         children: /* @__PURE__ */ n(
-          _r.Provider,
+          kr.Provider,
           {
             value: te,
             children: /* @__PURE__ */ n(
@@ -7519,7 +7520,7 @@ const rc = ia(({
                 height: le.height,
                 itemCount: (t?.length ?? 0) + (k ? 1 : 0),
                 onScroll: de,
-                includeAddColumn: !!B,
+                includeAddColumn: !!C,
                 itemSize: kt(o)
               },
               o
@@ -7543,7 +7544,7 @@ function nc({
   const l = x(({
     index: c,
     style: d
-  }) => /* @__PURE__ */ n(_r.Consumer, { children: ({
+  }) => /* @__PURE__ */ n(kr.Consumer, { children: ({
     onRowClick: u,
     data: f,
     columns: m,
@@ -7629,7 +7630,7 @@ const oc = ({ text: e }) => {
   "not-in": "Not in",
   "array-contains": "Contains",
   "array-contains-any": "Contains Any"
-}, Dr = ["array-contains-any", "in", "not-in"];
+}, Tr = ["array-contains-any", "in", "not-in"];
 function ac({
   name: e,
   value: t,
@@ -7644,7 +7645,7 @@ function ac({
   i ? c.push("array-contains-any") : c.push("in", "not-in");
   const [d, u] = t || [c[0], void 0], [f, m] = P(d), [p, g] = P(u), A = p ? Array.isArray(p) ? p.map((S) => S?.isEntityReference && S?.isEntityReference() ? S.id : null).filter(Boolean) : [p.id] : [];
   function h(S, D) {
-    const Q = Dr.includes(f), R = Dr.includes(S);
+    const Q = Tr.includes(f), R = Tr.includes(S);
     let G = D;
     Q !== R && (G = R ? G?.isEntityReference && G?.isEntityReference() ? [G] : [] : void 0), m(S), g(G);
     const le = G !== null && Array.isArray(G) ? G.length > 0 : G !== void 0;
@@ -7656,7 +7657,7 @@ function ac({
     h(f, at(S));
   }, E = (S) => {
     h(f, S.map((D) => at(D)));
-  }, k = Dr.includes(f), B = Jt(
+  }, k = Tr.includes(f), C = Jt(
     {
       multiselect: k,
       path: o,
@@ -7669,8 +7670,8 @@ function ac({
       }
     }
   ), _ = () => {
-    l(!0), B.open();
-  }, C = (S) => /* @__PURE__ */ n(
+    l(!0), C.open();
+  }, B = (S) => /* @__PURE__ */ n(
     Ze,
     {
       disabled: !o,
@@ -7695,8 +7696,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) => C(S)) }),
-      p && !Array.isArray(p) && /* @__PURE__ */ n("div", { children: C(p) }),
+      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) && p.length === 0) && /* @__PURE__ */ n(
         ge,
         {
@@ -7742,7 +7743,7 @@ const nn = {
   "not-in": "Not in",
   "array-contains": "Contains",
   "array-contains-any": "Any"
-}, Tr = ["array-contains-any", "in", "not-in"];
+}, Or = ["array-contains-any", "in", "not-in"];
 function sc({
   name: e,
   value: t,
@@ -7757,14 +7758,14 @@ function sc({
   const [c, d] = t || [l[0], void 0], [u, f] = P(c), [m, p] = P(d);
   function g(h, y) {
     let b = y;
-    const w = Tr.includes(u), E = Tr.includes(h);
+    const w = Or.includes(u), E = Or.includes(h);
     w !== E && (b = E ? typeof y == "string" || typeof y == "number" ? [y] : [] : void 0), typeof b == "number" && isNaN(b) && (b = void 0), f(h), p(b);
     const k = b !== null && Array.isArray(b) ? b.length > 0 : b !== void 0;
     r(
       h && k ? [h, b] : void 0
     );
   }
-  const A = Tr.includes(u);
+  const A = Or.includes(u);
   return /* @__PURE__ */ v("div", { className: "flex w-[440px]", children: [
     /* @__PURE__ */ n("div", { className: "w-[80px]", children: /* @__PURE__ */ n(
       tt,
@@ -7877,7 +7878,7 @@ function lc({
   }
   const a = r && r[1];
   return /* @__PURE__ */ n("div", { className: "w-[300px]", children: /* @__PURE__ */ n(
-    hr,
+    gr,
     {
       value: a,
       allowIndeterminate: !0,
@@ -7990,10 +7991,10 @@ const dc = I.memo(
       setItemCount: w,
       pageSize: E = 50,
       paginationEnabled: k,
-      checkFilterCombination: B,
+      checkFilterCombination: C,
       setPopupCell: _
     },
-    filterable: C = !0,
+    filterable: B = !0,
     emptyComponent: S,
     columns: D,
     forceFilter: Q,
@@ -8064,8 +8065,8 @@ const dc = I.memo(
                 sortBy: g,
                 onSortByUpdate: A,
                 hoverRow: a,
-                checkFilterCombination: B,
-                createFilterField: C ? uc : void 0,
+                checkFilterCombination: C,
+                createFilterField: B ? 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 +8172,9 @@ const Ro = function({
   additionalFields: w,
   displayedColumnIds: E,
   defaultSize: k,
-  properties: B,
+  properties: C,
   tableController: _,
-  filterable: C = !0,
+  filterable: B = !0,
   sortable: S = !0,
   endAdornment: D,
   AddColumnComponent: Q,
@@ -8248,7 +8249,7 @@ const Ro = function({
     );
   }, [W, T]), F = (() => {
     const M = Hl({
-      properties: B,
+      properties: C,
       sortable: S,
       forceFilter: i,
       AdditionalHeaderWidget: R
@@ -8346,7 +8347,7 @@ const Ro = function({
             onValueChange: u,
             onColumnResize: g,
             hoverRow: y,
-            filterable: C,
+            filterable: B,
             emptyComponent: le,
             endAdornment: D,
             AddColumnComponent: Q
@@ -8398,19 +8399,19 @@ function Do({
     return s;
   }, [s, p]);
   z(() => {
-    L(p, k) || B(p);
+    L(p, k) || C(p);
   }, [p]);
-  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({
+  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({
     path: m,
     collection: t,
     filterValues: T,
     sortBy: ie
-  }) : !0, []), oe = x(() => B(p ?? void 0), [p]), de = x((T) => {
+  }) : !0, []), oe = x(() => C(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 ? B(void 0) : B(T);
+    T && Object.keys(T).length === 0 ? C(void 0) : C(T);
   }, [p]);
   z(() => {
     ne(!0);
@@ -8475,7 +8476,7 @@ function Do({
     filterValues: k,
     setFilterValues: de,
     sortBy: _,
-    setSortBy: C,
+    setSortBy: B,
     searchString: h,
     setSearchString: y,
     clearFilter: oe,
@@ -8566,7 +8567,7 @@ function hc({
       path: g,
       entityId: J.id
     }), e(J), d.close(!1)) : b(J);
-  }, B = () => {
+  }, C = () => {
     m.onAnalyticsEvent?.("reference_selection_new_entity", {
       path: g
     }), u.open({
@@ -8599,7 +8600,7 @@ function hc({
         selectionController: w
       }
     );
-  }, C = x((J) => {
+  }, B = x((J) => {
     J.stopPropagation(), d.close(!1);
   }, [d]);
   if (!i)
@@ -8654,13 +8655,13 @@ function hc({
           {
             collection: i,
             path: g,
-            onNewClick: B,
+            onNewClick: C,
             onClear: E
           }
         )
       }
     ) }),
-    /* @__PURE__ */ v(Bt, { translucent: !1, children: [
+    /* @__PURE__ */ v(Ct, { translucent: !1, children: [
       s && /* @__PURE__ */ n(
         $,
         {
@@ -8672,7 +8673,7 @@ function hc({
       /* @__PURE__ */ n(
         ge,
         {
-          onClick: C,
+          onClick: B,
           color: "primary",
           variant: "filled",
           children: "Done"
@@ -8730,7 +8731,7 @@ function sn({
   children: e,
   group: t
 }) {
-  const r = Ct();
+  const r = Bt();
   return /* @__PURE__ */ n(
     dt,
     {
@@ -8767,7 +8768,7 @@ function Ac({
   onClick: o
 }) {
   return /* @__PURE__ */ n(
-    Aa,
+    ba,
     {
       className: H("h-full p-4 cursor-pointer min-h-[230px]"),
       onClick: () => {
@@ -8830,13 +8831,13 @@ function bc({
   icon: r
 }) {
   return /* @__PURE__ */ n(j, { children: /* @__PURE__ */ v(
-    gr,
+    Ar,
     {
       tabIndex: 0,
       className: H(
-        ba,
         ya,
-        Yr,
+        wa,
+        qr,
         "cursor-pointer flex flex-row items-center px-4 py-2 text-inherit dark:text-inherit visited:text-inherit visited:dark:text-inherit hover:text-inherit hover:dark:text-inherit "
       ),
       to: t,
@@ -8869,7 +8870,7 @@ function yc({
   onClick: s,
   type: l
 }) {
-  const c = Ct(), d = /* @__PURE__ */ n(Jr, { collectionOrView: t ?? r }), u = Lt(), f = Se(), m = pe(), p = (c?.favouritePaths ?? []).includes(e), g = c ? [
+  const c = Bt(), d = /* @__PURE__ */ n(Hr, { collectionOrView: t ?? r }), u = Lt(), f = Se(), m = pe(), p = (c?.favouritePaths ?? []).includes(e), g = c ? [
     /* @__PURE__ */ n(
       ce,
       {
@@ -8938,7 +8939,7 @@ function yc({
   );
 }
 function wc({ entry: e }) {
-  const t = Lt(), r = Ct();
+  const t = Lt(), r = Bt();
   if (!r)
     return null;
   const i = r.favouritePaths.includes(e.path), o = (a) => {
@@ -8973,11 +8974,11 @@ function wc({ entry: e }) {
   );
 }
 function vc({ hidden: e }) {
-  const t = ke(), r = Ct();
+  const t = ke(), r = Bt();
   if (!r)
     return null;
   const i = (r?.favouritePaths ?? []).map((o) => t.topLevelNavigation?.navigationEntries.find((a) => a.path === o)).filter(Boolean);
-  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(
+  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(
     wc,
     {
       entry: o
@@ -8985,10 +8986,10 @@ function vc({ hidden: e }) {
     o.path
   )) }) });
 }
-const Or = {};
+const Mr = {};
 function _c() {
-  const e = Ar(), t = I.useRef(null), [r, i] = I.useState(0), [o, a] = I.useState("down"), s = x(() => {
-    !t.current || !e.key || (Or[e.key] = t.current.scrollTop, i(t.current.scrollTop), a(t.current.scrollTop > r ? "down" : "up"));
+  const e = br(), t = I.useRef(null), [r, i] = I.useState(0), [o, a] = I.useState("down"), s = x(() => {
+    !t.current || !e.key || (Mr[e.key] = t.current.scrollTop, i(t.current.scrollTop), a(t.current.scrollTop > r ? "down" : "up"));
   }, [t, e.key, r]);
   return z(() => {
     const l = t.current;
@@ -8997,9 +8998,9 @@ function _c() {
         l && l.removeEventListener("scroll", s);
       };
   }, [t, s, e]), z(() => {
-    !t.current || !Or[e.key] || t.current.scrollTo(
+    !t.current || !Mr[e.key] || t.current.scrollTo(
       {
-        top: Or[e.key],
+        top: Mr[e.key],
         behavior: "auto"
       }
     );
@@ -9051,12 +9052,12 @@ function kc({
       context: i
     };
     b = /* @__PURE__ */ n(j, { children: o.plugins.filter((E) => E.homePage?.includeSection).map((E, k) => {
-      const B = E.homePage.includeSection(w);
+      const C = E.homePage.includeSection(w);
       return /* @__PURE__ */ n(
         sn,
         {
-          group: B.title,
-          children: B.children
+          group: C.title,
+          children: C.children
         },
         `plugin_section_${E.key}`
       );
@@ -9068,7 +9069,7 @@ function kc({
       id: "home_page",
       ref: s,
       className: "py-2 overflow-auto h-full w-full",
-      children: /* @__PURE__ */ v(wa, { maxWidth: "6xl", children: [
+      children: /* @__PURE__ */ v(va, { maxWidth: "6xl", children: [
         /* @__PURE__ */ v(
           "div",
           {
@@ -9093,30 +9094,30 @@ function kc({
         t,
         h,
         A.map((w, E) => {
-          const k = [], B = {
+          const k = [], C = {
             group: w,
             context: i
           };
-          o.plugins && o.plugins.forEach((C) => {
-            C.homePage?.AdditionalCards && k.push(...jt(C.homePage?.AdditionalCards));
+          o.plugins && o.plugins.forEach((B) => {
+            B.homePage?.AdditionalCards && k.push(...jt(B.homePage?.AdditionalCards));
           });
-          const _ = p.filter((C) => C.group === w || !C.group && w === void 0);
+          const _ = p.filter((B) => B.group === w || !B.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((C) => /* @__PURE__ */ n("div", { className: "col-span-1", children: /* @__PURE__ */ n(
+                _.map((B) => /* @__PURE__ */ n("div", { className: "col-span-1", children: /* @__PURE__ */ n(
                   yc,
                   {
-                    ...C,
+                    ...B,
                     onClick: () => {
                       let S;
-                      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 });
+                      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 });
                     }
                   }
-                ) }, `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}`))
+                ) }, `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}`))
               ] })
             },
             `plugin_section_${w}`
@@ -9171,7 +9172,7 @@ function xc({
       {
         variant: "text",
         disabled: !A?.length || !y,
-        startIcon: /* @__PURE__ */ n(qr, {}),
+        startIcon: /* @__PURE__ */ n(Ur, {}),
         onClick: o,
         color: "primary",
         className: "lg:w-20",
@@ -9187,7 +9188,7 @@ function xc({
         color: "primary",
         disabled: !A?.length || !y,
         onClick: o,
-        children: /* @__PURE__ */ n(qr, {})
+        children: /* @__PURE__ */ n(Ur, {})
       }
     );
     b = /* @__PURE__ */ n(
@@ -9207,9 +9208,9 @@ function xc({
     context: u,
     tableController: c,
     collectionEntitiesCount: d
-  }, 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}`)));
+  }, 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}`)));
   }), /* @__PURE__ */ v(j, { children: [
     E,
     b,
@@ -9256,16 +9257,16 @@ function Ec({
       };
   });
 }
-function Bc() {
+function Cc() {
   const [e, t] = P({ width: 0, height: 0 });
-  return Vr(() => {
+  return Gr(() => {
     function r() {
       t({ width: window.innerWidth, height: window.innerHeight });
     }
     return window.addEventListener("resize", r), r(), () => window.removeEventListener("resize", r);
   }, []), e;
 }
-const Cc = ({ onResize: e }) => {
+const Bc = ({ onResize: e }) => {
   const t = se(0), r = se(null), i = se(e);
   i.current = e;
   const o = x((s) => {
@@ -9319,13 +9320,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), B = 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), C = o ? je({
     collection: o,
     path: a,
     values: E,
     entityId: y,
     fields: m.propertyConfigs
-  }) : void 0, _ = Bc(), C = I.useRef(null), S = I.useRef(null), D = I.useRef(!1), Q = x(() => {
+  }) : void 0, _ = Cc(), B = I.useRef(null), S = I.useRef(null), D = I.useRef(!1), Q = x(() => {
     if (!s)
       throw Error("getInitialLocation error");
     return {
@@ -9336,7 +9337,7 @@ function Ic({
     x: Z,
     y: N
   }) => {
-    const F = C.current?.getBoundingClientRect();
+    const F = B.current?.getBoundingClientRect();
     if (!F)
       throw Error("normalizePosition called before draggableBoundingRect is set");
     return {
@@ -9344,14 +9345,14 @@ function Ic({
       y: Math.max(0, Math.min(N, _.height - F.height))
     };
   }, [_]), G = x((Z) => {
-    const N = C.current?.getBoundingClientRect();
+    const N = B.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: C,
+    containerRef: B,
     innerRef: S,
     x: A?.x,
     y: A?.y,
@@ -9361,26 +9362,26 @@ function Ic({
       D.current = !1;
     },
     [i, b]
-  ), Vr(
+  ), Gr(
     () => {
-      const Z = C.current?.getBoundingClientRect();
+      const Z = B.current?.getBoundingClientRect();
       !s || !Z || D.current || (G(), D.current = !0);
     },
     [s, G, D.current]
-  ), Vr(
+  ), Gr(
     () => {
       G(A);
     },
     [_, s]
   );
   const le = he(() => {
-    if (!(!B || !y))
-      return Co(
+    if (!(!C || !y))
+      return Bo(
         y,
-        i && B.properties[i] ? { [i]: B.properties[i] } : {},
+        i && C.properties[i] ? { [i]: C.properties[i] } : {},
         r
       );
-  }, [B, y, i, r]), ne = x(() => G(A), [A, G]), J = async (Z) => (g(null), o && b && d && i ? d({
+  }, [C, 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 +9413,16 @@ function Ic({
         error: "PopupFormField misconfiguration"
       }
     );
-  if (!B)
+  if (!C)
     return /* @__PURE__ */ n(j, {});
   const de = ee, W = {
-    collection: B,
+    collection: C,
     entityId: y,
     values: V,
     path: a,
     setFieldValue: K,
     save: J
-  }, re = i && At(B.properties, i), T = i && re ? {
+  }, re = i && At(C.properties, i), T = i && re ? {
     propertyKey: i,
     disabled: ee || $t(re) || !!re.disabled,
     property: re,
@@ -9458,7 +9459,7 @@ function Ic({
                 )
               }
             ),
-            /* @__PURE__ */ n(Bt, { children: /* @__PURE__ */ n(
+            /* @__PURE__ */ n(Ct, { children: /* @__PURE__ */ n(
               ge,
               {
                 variant: "filled",
@@ -9481,7 +9482,7 @@ function Ic({
       {
         status: "existing",
         path: a,
-        collection: B,
+        collection: C,
         entity: b,
         context: f,
         currentEntityId: y,
@@ -9507,9 +9508,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: C,
+      ref: B,
       children: [
-        /* @__PURE__ */ n(Cc, { onResize: ne }),
+        /* @__PURE__ */ n(Bc, { onResize: ne }),
         /* @__PURE__ */ v(
           "div",
           {
@@ -9588,7 +9589,7 @@ function Mo({
       type: "error",
       message: "Error deleting: " + G?.message
     }), console.error("Error deleting entity"), console.error(G);
-  }, [b.name]), B = x((R, G) => {
+  }, [b.name]), C = x((R, G) => {
     u.open({
       type: "error",
       message: "Error before deleting: " + G?.message
@@ -9598,18 +9599,18 @@ function Mo({
       type: "error",
       message: "Error after deleting: " + G?.message
     }), console.error(G);
-  }, [b.name]), C = x((R) => Ds({
+  }, [b.name]), B = x((R) => Ds({
     dataSource: c,
     entity: R,
     collection: b,
     callbacks: o,
     onDeleteSuccess: E,
     onDeleteFailure: k,
-    onPreDeleteHookError: B,
+    onPreDeleteHookError: C,
     onDeleteSuccessHookError: _,
     context: y
-  }), [c, b, o, E, k, B, _, y]), S = x(async () => {
-    p && (m(!0), A ? Promise.all(p.map(C)).then((R) => {
+  }), [c, b, o, E, k, C, _, y]), S = x(async () => {
+    p && (m(!0), A ? Promise.all(p.map(B)).then((R) => {
       m(!1), s && p && s(l, p), R.every(Boolean) ? u.open({
         type: "success",
         message: `${b.name}: multiple deleted`
@@ -9620,13 +9621,13 @@ function Mo({
         type: "error",
         message: `${b.name}: Error deleting entities`
       }), r();
-    }) : C(p).then((R) => {
+    }) : B(p).then((R) => {
       m(!1), R && (a && p && a(l, p), u.open({
         type: "success",
         message: `${b.singularName ?? b.name} deleted`
       }), r());
     }));
-  }, [p, A, C, s, l, r, u, b.name, a]);
+  }, [p, A, B, s, l, r, u, b.name, a]);
   let D;
   if (p && A)
     D = /* @__PURE__ */ n(j, { children: "Multiple entities" });
@@ -9657,7 +9658,7 @@ function Mo({
           /* @__PURE__ */ n($, { variant: "subtitle2", className: "p-4", children: Q }),
           !A && /* @__PURE__ */ n("div", { className: "p-4", children: D })
         ] }),
-        /* @__PURE__ */ v(Bt, { children: [
+        /* @__PURE__ */ v(Ct, { children: [
           f && /* @__PURE__ */ n(Ut, { size: "small" }),
           /* @__PURE__ */ n(
             ge,
@@ -9711,7 +9712,7 @@ const Nc = {
     }), Promise.resolve(void 0);
   }
 }, zo = {
-  icon: /* @__PURE__ */ n(va, {}),
+  icon: /* @__PURE__ */ n(_a, {}),
   name: "Copy",
   onClick({
     entity: e,
@@ -9733,7 +9734,7 @@ const Nc = {
     }), Promise.resolve(void 0);
   }
 }, Vo = {
-  icon: /* @__PURE__ */ n(qr, {}),
+  icon: /* @__PURE__ */ n(Ur, {}),
   name: "Delete",
   onClick({
     entity: e,
@@ -9790,7 +9791,7 @@ function Fc({
         },
         size: "small",
         children: [
-          /* @__PURE__ */ n(_a, {}),
+          /* @__PURE__ */ n(ka, {}),
           o
         ]
       }
@@ -9838,14 +9839,16 @@ 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 = Ct(), p = St(), g = pe(), A = I.useRef(null), h = he(() => {
+    const s = Se();
+    console.debug("EntityCollectionView context", s.customizationController.propertyConfigs);
+    const 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 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, B] = I.useState(void 0), [_, C] = I.useState(0), [S, D] = P(0), Q = x(() => {
+    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 X = w;
       setTimeout(() => {
         X === w && E(void 0);
@@ -9859,7 +9862,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
       setSelectedEntities: oe
     } = V;
     z(() => {
-      B(void 0);
+      C(void 0);
     }, [ee]);
     const de = Do({
       fullPath: l,
@@ -9893,15 +9896,15 @@ const Qc = "collectionGroupParent", Go = I.memo(
     }, [l, u]), O = () => {
       p.onAnalyticsEvent?.("multiple_delete_dialog_open", {
         path: l
-      }), B(ee);
+      }), C(ee);
     }, q = (X, fe) => {
       p.onAnalyticsEvent?.("single_entity_deleted", {
         path: l
-      }), oe((be) => be.filter((ye) => ye.id !== fe.id)), C(Date.now());
+      }), oe((be) => be.filter((ye) => ye.id !== fe.id)), B(Date.now());
     }, Z = (X, fe) => {
       p.onAnalyticsEvent?.("multiple_entities_deleted", {
         path: l
-      }), oe([]), B(void 0), C(Date.now());
+      }), oe([]), C(void 0), B(Date.now());
     };
     let N;
     g?.plugins && (N = g.plugins.find((X) => X.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
@@ -9934,13 +9937,13 @@ const Qc = "collectionGroupParent", Go = I.memo(
       propertyKey: fe,
       onValueUpdated: be,
       setError: ye,
-      data: Be
+      data: Ce
     }) => {
-      const Qt = Gr({ ...Be.values }, fe, X), Br = {
+      const Qt = jr({ ...Ce.values }, fe, X), Br = {
         path: l,
-        entityId: Be.id,
+        entityId: Ce.id,
         values: Qt,
-        previousValues: Be.values,
+        previousValues: Ce.values,
         collection: h,
         status: "existing"
       };
@@ -9985,8 +9988,8 @@ const Qc = "collectionGroupParent", Go = I.memo(
             color: "primary",
             variant: "outlined",
             startIcon: /* @__PURE__ */ n(ai, { size: "small" }),
-            onClick: (Be) => {
-              Be.stopPropagation(), u.open({
+            onClick: (Ce) => {
+              Ce.stopPropagation(), u.open({
                 path: l,
                 entityId: ye.id,
                 selectedSubPath: be.id ?? be.path,
@@ -10004,13 +10007,13 @@ const Qc = "collectionGroupParent", Go = I.memo(
         dependencies: [],
         Builder: ({ entity: be }) => {
           const ye = d.getParentReferencesFromPath(be.path);
-          return /* @__PURE__ */ n(j, { children: ye.map((Be) => /* @__PURE__ */ n(
+          return /* @__PURE__ */ n(j, { children: ye.map((Ce) => /* @__PURE__ */ n(
             Ze,
             {
-              reference: Be,
+              reference: Ce,
               size: "tiny"
             },
-            Be.path + "/" + Be.id
+            Ce.path + "/" + Ce.id
           )) });
         }
       }] : [];
@@ -10020,23 +10023,23 @@ const Qc = "collectionGroupParent", Go = I.memo(
         ...fe
       ];
     }, [h, l, u]), He = x(() => {
-      C(Date.now());
+      B(Date.now());
     }, []), Ke = $e(), st = ({
       entity: X,
       customEntityActions: fe
     }) => {
       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((Be) => Be.collapsed !== !1), ye = X.filter((Be) => Be.collapsed === !1).length * (Ke ? 40 : 30);
+    }, Er = () => {
+      const X = st({}), fe = X.filter((Ce) => Ce.collapsed !== !1), ye = X.filter((Ce) => Ce.collapsed === !1).length * (Ke ? 40 : 30);
       return (Ke ? 80 + ye : 70 + ye) + (fe.length > 0 ? Ke ? 40 : 30 : 0);
-    }, Er = ({
+    }, Cr = ({
       entity: X,
       size: fe,
       width: be,
       frozen: ye
     }) => {
-      const Be = K(X), Qt = st({
+      const Ce = K(X), Qt = st({
         entity: X,
         customEntityActions: h.entityActions
       });
@@ -10046,7 +10049,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
           entity: X,
           width: be,
           frozen: ye,
-          isSelected: Be,
+          isSelected: Ce,
           selectionEnabled: G,
           size: fe,
           highlightEntity: E,
@@ -10096,8 +10099,8 @@ const Qc = "collectionGroupParent", Go = I.memo(
       onHover: be
     }) => {
       const ye = y.current;
-      return g.plugins ? /* @__PURE__ */ n(j, { children: g.plugins.filter((Be) => Be.collectionView?.HeaderAction).map((Be, Qt) => {
-        const Br = Be.collectionView.HeaderAction;
+      return g.plugins ? /* @__PURE__ */ n(j, { children: g.plugins.filter((Ce) => Ce.collectionView?.HeaderAction).map((Ce, Qt) => {
+        const Br = Ce.collectionView.HeaderAction;
         return /* @__PURE__ */ n(
           Br,
           {
@@ -10147,7 +10150,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
               onEntityClick: ie,
               onColumnResize: Ae,
               onValueChange: ue,
-              tableRowActionsBuilder: Er,
+              tableRowActionsBuilder: Cr,
               uniqueFieldValidator: M,
               title: U,
               selectionController: V,
@@ -10205,7 +10208,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
               inlineEditing: R(),
               AdditionalHeaderWidget: Pe,
               AddColumnComponent: Qe,
-              getIdColumnWidth: xr,
+              getIdColumnWidth: Er,
               additionalIDHeaderWidget: /* @__PURE__ */ n(
                 Dc,
                 {
@@ -10243,7 +10246,7 @@ const Qc = "collectionGroupParent", Go = I.memo(
               open: !!k,
               onEntityDelete: q,
               onMultipleEntitiesDelete: Z,
-              onClose: () => B(void 0)
+              onClose: () => C(void 0)
             }
           )
         ]
@@ -10297,7 +10300,7 @@ function Dc({
     {
       open: r,
       onOpenChange: i,
-      trigger: /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(ka, { size: "small" }) }),
+      trigger: /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(xa, { size: "small" }) }),
       children: /* @__PURE__ */ n(
         "form",
         {
@@ -10340,7 +10343,7 @@ function Dc({
     }
   ) });
 }
-function Xu({ propertyConfig: e }) {
+function Ku({ propertyConfig: e }) {
   const t = "h-8 w-8 p-1 rounded-full shadow text-white", r = typeof e?.property == "object" ? Ed(e.property) : void 0;
   return /* @__PURE__ */ n(
     "div",
@@ -10349,7 +10352,7 @@ function Xu({ propertyConfig: e }) {
       style: {
         background: e?.color ?? r?.color ?? "#888"
       },
-      children: e?.Icon ? $r(e, "medium") : $r(r, "medium")
+      children: e?.Icon ? Wr(e, "medium") : Wr(r, "medium")
     }
   );
 }
@@ -10373,7 +10376,7 @@ function Tc() {
           ge,
           {
             variant: "text",
-            component: gr,
+            component: Ar,
             to: "/",
             children: "Back to home"
           }
@@ -10382,7 +10385,7 @@ function Tc() {
     }
   ) });
 }
-function Ku({
+function em({
   open: e,
   onAccept: t,
   onCancel: r,
@@ -10400,7 +10403,7 @@ function Ku({
           /* @__PURE__ */ n($, { variant: "h6", className: "mb-2", children: i }),
           a
         ] }),
-        /* @__PURE__ */ v(Bt, { children: [
+        /* @__PURE__ */ v(Ct, { children: [
           /* @__PURE__ */ n(
             ge,
             {
@@ -10411,7 +10414,7 @@ function Ku({
             }
           ),
           /* @__PURE__ */ n(
-            xa,
+            Ea,
             {
               color: "primary",
               type: "submit",
@@ -10622,7 +10625,7 @@ const Oc = function({
       ),
       children: /* @__PURE__ */ v("div", { className: "flex flex-row gap-2 px-4 h-full items-center", children: [
         f && /* @__PURE__ */ n("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ n(
-          gr,
+          Ar,
           {
             className: "visited:text-inherit visited:dark:text-inherit",
             to: f?.basePath ?? "/",
@@ -10657,7 +10660,7 @@ const Oc = function({
             "aria-label": "Open drawer",
             onClick: g,
             size: "large",
-            children: p === "dark" ? /* @__PURE__ */ n(Ea, {}) : /* @__PURE__ */ n(Ba, {})
+            children: p === "dark" ? /* @__PURE__ */ n(Ca, {}) : /* @__PURE__ */ n(Ba, {})
           }
         ),
         /* @__PURE__ */ v(Et, { trigger: y, children: [
@@ -10667,7 +10670,7 @@ const Oc = function({
           ] }),
           a,
           !a && /* @__PURE__ */ v(Re, { onClick: m.signOut, children: [
-            /* @__PURE__ */ n(Ca, {}),
+            /* @__PURE__ */ n(Sa, {}),
             "Log Out"
           ] })
         ] })
@@ -10699,8 +10702,8 @@ function qo({
         if (k in f.current)
           return f.current[k];
         {
-          const B = nr();
-          return f.current[k] = B, B;
+          const C = nr();
+          return f.current[k] = C, C;
         }
       });
       p(b);
@@ -10725,19 +10728,19 @@ function qo({
   return /* @__PURE__ */ n(Qn, { onDragEnd: (b) => {
     if (!b.destination)
       return;
-    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));
+    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));
   }, children: /* @__PURE__ */ n(
     Rn,
     {
       droppableId: e,
       renderClone: (b, w, E) => {
-        const k = E.source.index, B = m[k];
+        const k = E.source.index, C = m[k];
         return /* @__PURE__ */ n(
           ln,
           {
             provided: b,
-            internalId: B,
+            internalId: C,
             index: k,
             size: a,
             disabled: i,
@@ -10760,10 +10763,10 @@ function qo({
                 draggableId: `array_field_${E}`,
                 isDragDisabled: i,
                 index: k,
-                children: (B, _) => /* @__PURE__ */ n(
+                children: (C, _) => /* @__PURE__ */ n(
                   ln,
                   {
-                    provided: B,
+                    provided: C,
                     internalId: E,
                     index: k,
                     size: a,
@@ -10874,7 +10877,7 @@ function zc({
                   l(!1);
                 },
                 className: `cursor-${t ? "inherit" : "grab"}`,
-                children: /* @__PURE__ */ n(Sa, {})
+                children: /* @__PURE__ */ n(Ia, {})
               }
             ),
             /* @__PURE__ */ v(
@@ -10893,7 +10896,7 @@ function zc({
                   /* @__PURE__ */ v(Re, { dense: !0, onClick: () => {
                     l(!1), a(i);
                   }, children: [
-                    /* @__PURE__ */ n(ni, { size: "small" }),
+                    /* @__PURE__ */ n(pr, { size: "small" }),
                     "Copy"
                   ] })
                 ]
@@ -10912,7 +10915,7 @@ function Vc(e, t, r) {
 function nr() {
   return Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
 }
-function em({
+function tm({
   name: e,
   multiselect: t = !1,
   path: r,
@@ -10975,7 +10978,7 @@ function em({
     "div",
     {
       className: H(
-        "text-sm font-medium text-gray-500",
+        "text-sm font-medium",
         "min-w-80 flex flex-col gap-4",
         "relative transition-colors duration-200 ease-in rounded font-medium",
         i ? "bg-opacity-50" : "hover:bg-opacity-75",
@@ -11002,15 +11005,15 @@ function em({
   );
 }
 const Gc = 220;
-Wr && process.env.NODE_ENV !== "production" && Object.keys(Wr).forEach((e) => {
-  ri.includes(e) || console.warn(`The icon ${e} no longer exists. Remove it from \`iconSynonyms\``);
+Jr && process.env.NODE_ENV !== "production" && Object.keys(Jr).forEach((e) => {
+  ii.includes(e) || console.warn(`The icon ${e} no longer exists. Remove it from \`iconSynonyms\``);
 });
-function tm({
+function rm({
   selectedIcon: e = "",
   onIconSelected: t
 }) {
   const [r, i] = I.useState(null), [o, a] = I.useState(""), s = I.useMemo(
-    () => Ia((c) => {
+    () => Na((c) => {
       if (!c || c === "")
         i(null);
       else {
@@ -11032,25 +11035,25 @@ function tm({
         placeholder: "Search for more icons…"
       }
     ),
-    /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? jr : r).map((c) => /* @__PURE__ */ n(_e, { title: c, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? Yr : r).map((c) => /* @__PURE__ */ n(_e, { title: c, children: /* @__PURE__ */ n(
       ce,
       {
         shape: "square",
         toggled: e === c,
         onClick: t ? () => t(c) : void 0,
         className: "box-content m-1",
-        children: /* @__PURE__ */ n(ii, { iconKey: c, size: 24 })
+        children: /* @__PURE__ */ n(ni, { iconKey: c, size: 24 })
       }
     ) }, c)) })
   ] });
 }
-function rm({
+function im({
   error: e,
   children: t
 }) {
   return t ? /* @__PURE__ */ n($, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
 }
-function Bi({
+function Ci({
   name: e,
   addLabel: t,
   value: r,
@@ -11119,7 +11122,7 @@ function Oe({
             size: "small",
             className: "self-start",
             children: /* @__PURE__ */ n(
-              Na,
+              Fa,
               {
                 color: "disabled",
                 size: "small"
@@ -11287,7 +11290,7 @@ function dn({
               onClick: (h) => {
                 h.preventDefault(), h.stopPropagation(), r(t.filter((y) => y !== p));
               },
-              children: /* @__PURE__ */ n(Cn, { size: "smallest" })
+              children: /* @__PURE__ */ n(Bn, { size: "smallest" })
             }
           )
         ]
@@ -11346,7 +11349,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((B) => B.id) : [];
+  const m = l.expanded === void 0 ? !0 : l.expanded, p = t && Array.isArray(t) ? t.map((C) => C.id) : [];
   Ue({
     property: l,
     value: t,
@@ -11355,8 +11358,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((B) => {
-    console.debug("onMultipleEntitiesSelected", B), d(B.map((_) => at(_)));
+  const h = x((C) => {
+    console.debug("onMultipleEntitiesSelected", C), d(C.map((_) => at(_)));
   }, [d]), y = Jt(
     {
       multiselect: !0,
@@ -11366,11 +11369,11 @@ function jc({
       selectedEntityIds: p,
       forceFilter: f.forceFilter
     }
-  ), 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(
+  ), 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(
       Ze,
       {
         disabled: !f.path,
@@ -11378,7 +11381,7 @@ function jc({
         size: "medium",
         onClick: b,
         hover: !o,
-        reference: C
+        reference: B
       },
       _
     ) : /* @__PURE__ */ n("div", { children: "Internal ERROR" });
@@ -11399,7 +11402,7 @@ function jc({
     ),
     A && /* @__PURE__ */ v("div", { className: "group", children: [
       /* @__PURE__ */ n(
-        Bi,
+        Ci,
         {
           value: t,
           addLabel: l.name ? "Add reference to " + l.name : "Add reference",
@@ -11461,7 +11464,7 @@ function Uo({
   collection: l
 }) {
   return /* @__PURE__ */ v("div", { className: H(
-    fr,
+    hr,
     "relative m-4 border-box flex items-center justify-center",
     s === "medium" ? "min-w-[220px] min-h-[220px] max-w-[220px]" : "min-w-[118px] min-h-[118px] max-w-[118px]"
   ), children: [
@@ -11608,17 +11611,17 @@ function Jc({
     getRootProps: w,
     getInputProps: E,
     isDragActive: k,
-    isDragAccept: B,
+    isDragAccept: C,
     isDragReject: _
   } = Pn(
     {
-      accept: e.acceptedFiles ? e.acceptedFiles.map((C) => ({ [C]: [] })).reduce((C, S) => ({ ...C, ...S }), {}) : void 0,
+      accept: e.acceptedFiles ? e.acceptedFiles.map((B) => ({ [B]: [] })).reduce((B, S) => ({ ...B, ...S }), {}) : void 0,
       disabled: r || i,
       noDragEventsBubbling: !0,
       maxSize: e.maxSize,
       onDrop: o,
-      onDropRejected: (C, S) => {
-        for (const D of C)
+      onDropRejected: (B, S) => {
+        for (const D of B)
           for (const Q of D.errors)
             b.open({
               type: "error",
@@ -11636,12 +11639,12 @@ function Jc({
         r ? Sn : pi,
         Yc,
         a && c.length ? "" : "flex",
-        Yr,
+        qr,
         {
           [Uc]: !k,
           [Lc]: k,
           [Wc]: _,
-          [$c]: B,
+          [$c]: C,
           [qc]: r
         }
       ),
@@ -11664,26 +11667,26 @@ function Jc({
                   ...E()
                 }
               ),
-              c.map((C, S) => {
+              c.map((B, S) => {
                 let D;
-                return C.storagePathOrDownloadUrl ? D = /* @__PURE__ */ n(
+                return B.storagePathOrDownloadUrl ? D = /* @__PURE__ */ n(
                   Uo,
                   {
                     collection: t,
-                    name: `storage_preview_${C.storagePathOrDownloadUrl}`,
+                    name: `storage_preview_${B.storagePathOrDownloadUrl}`,
                     property: d,
                     disabled: r,
                     entity: u,
-                    value: C.storagePathOrDownloadUrl,
+                    value: B.storagePathOrDownloadUrl,
                     onRemove: f,
-                    size: C.size
+                    size: B.size
                   }
-                ) : C.file && (D = /* @__PURE__ */ n(
+                ) : B.file && (D = /* @__PURE__ */ n(
                   Eo,
                   {
-                    entry: C,
+                    entry: B,
                     metadata: m,
-                    storagePath: p(C.file),
+                    storagePath: p(B.file),
                     onFileUploadComplete: g,
                     imageSize: A === "medium" ? 220 : 118,
                     simple: !1
@@ -11691,7 +11694,7 @@ function Jc({
                 )), /* @__PURE__ */ n(
                   Dn,
                   {
-                    draggableId: `array_field_${h}_${C.id}`,
+                    draggableId: `array_field_${h}_${B.id}`,
                     index: S,
                     children: (Q, R) => /* @__PURE__ */ n(
                       "div",
@@ -11700,7 +11703,7 @@ function Jc({
                         ref: Q.innerRef,
                         ...Q.draggableProps,
                         ...Q.dragHandleProps,
-                        className: H(Yr, "rounded-md"),
+                        className: H(qr, "rounded-md"),
                         style: {
                           ...Q.draggableProps.style
                         },
@@ -11708,7 +11711,7 @@ function Jc({
                       }
                     )
                   },
-                  `array_field_${h}_${C.id}`
+                  `array_field_${h}_${B.id}`
                 );
               }),
               s.placeholder
@@ -11757,19 +11760,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, B) => {
+  const g = f?.metadata, A = s ? "small" : "medium", h = x((k, C) => {
     if (!s)
       return;
-    const _ = [...i], C = _[k];
-    _.splice(k, 1), _.splice(B, 0, C), o(_);
+    const _ = [...i], B = _[k];
+    _.splice(k, 1), _.splice(C, 0, B), 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 B = i.filter((_) => _.storagePathOrDownloadUrl !== k);
-      a(B.filter((_) => !!_.storagePathOrDownloadUrl).map((_) => _.storagePathOrDownloadUrl)), o(B);
+      const C = i.filter((_) => _.storagePathOrDownloadUrl !== k);
+      a(C.filter((_) => !!_.storagePathOrDownloadUrl).map((_) => _.storagePathOrDownloadUrl)), o(C);
     } 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;
@@ -11778,8 +11781,8 @@ function Hc({
     {
       droppableId: `droppable_${r}`,
       direction: "horizontal",
-      renderClone: (k, B, _) => {
-        const C = i[_.source.index];
+      renderClone: (k, C, _) => {
+        const B = i[_.source.index];
         return /* @__PURE__ */ n(
           "div",
           {
@@ -11792,25 +11795,25 @@ function Hc({
               Uo,
               {
                 collection: e,
-                name: `storage_preview_${C.storagePathOrDownloadUrl}`,
+                name: `storage_preview_${B.storagePathOrDownloadUrl}`,
                 property: E,
                 disabled: !0,
                 entity: m,
-                value: C.storagePathOrDownloadUrl,
+                value: B.storagePathOrDownloadUrl,
                 onRemove: b,
-                size: C.size
+                size: B.size
               }
             )
           }
         );
       },
-      children: (k, B) => /* @__PURE__ */ n(
+      children: (k, C) => /* @__PURE__ */ n(
         Jc,
         {
           storage: f,
           collection: e,
           disabled: c,
-          isDraggingOver: B.isDraggingOver,
+          isDraggingOver: C.isDraggingOver,
           droppableProvided: k,
           onFilesAdded: d,
           multipleFilesSupported: s,
@@ -11897,7 +11900,7 @@ function Rt({
       }
     ),
     f && /* @__PURE__ */ n(
-      Bn,
+      Cn,
       {
         className: "mt-1 ml-1",
         in: !!r,
@@ -11931,7 +11934,7 @@ const Zc = I.forwardRef(function({
     setValue: i
   }), /* @__PURE__ */ v(j, { children: [
     /* @__PURE__ */ n(
-      hr,
+      gr,
       {
         value: r,
         onValueChange: (m) => i(m),
@@ -12037,7 +12040,7 @@ function Lo({
     /* @__PURE__ */ n(
       "div",
       {
-        className: H(fr, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"),
+        className: H(hr, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"),
         children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
           Fe,
           {
@@ -12158,7 +12161,7 @@ const It = I.memo(td, (e, t) => {
   if (e.propertyKey !== t.propertyKey)
     return !1;
   const r = De(e.property) || e.property.fromBuilder, i = De(t.property) || t.property.fromBuilder;
-  return !((r === i || L(e.property, t.property)) && e.disabled === t.disabled) || Kr(t.property), !1;
+  return !((r === i || L(e.property, t.property)) && e.disabled === t.disabled) || ei(t.property), !1;
 });
 function td({
   propertyKey: e,
@@ -12187,14 +12190,14 @@ function td({
           entityId: r.entityId,
           fields: u.propertyConfigs
         });
-        if (p === null || br(p))
+        if (p === null || yr(p))
           return /* @__PURE__ */ n(j, {});
         if ($t(p))
           m = Lo;
         else if (p.Field)
           typeof p.Field == "function" && (m = p.Field);
         else {
-          const A = kr(p, u.propertyConfigs);
+          const A = xr(p, u.propertyConfigs);
           if (!A)
             throw console.log("INTERNAL: Could not find field config for property", { propertyKey: e, resolvedProperty: p, fields: u.propertyConfigs, propertyConfig: A }), new Error(`INTERNAL: Could not find field config for property ${e}`);
           m = Ge({
@@ -12244,10 +12247,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((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);
+  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);
   }, []);
   return /* @__PURE__ */ v(me, { children: [
     /* @__PURE__ */ n(w, { ...{
@@ -12255,7 +12258,7 @@ function rd({
       value: g,
       // initialValue,
       setValue: k,
-      setFieldValue: B,
+      setFieldValue: C,
       error: A,
       touched: h,
       showError: y,
@@ -12274,11 +12277,11 @@ function rd({
     o && !E && /* @__PURE__ */ n($, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
   ] });
 }
-const Kr = (e, t) => {
+const ei = (e, t) => {
   if (t?.some((o) => o.form?.fieldBuilder) || De(e))
     return !0;
   const r = e, i = !!r.Field || "fromBuilder" in r && r.fromBuilder;
-  return r.dataType === "map" && r.properties ? i || Object.values(r.properties).some((o) => Kr(o, t)) : r.dataType === "array" && "resolvedProperties" in r ? i || r.resolvedProperties?.some((o) => o && Kr(o, t)) : i;
+  return r.dataType === "map" && r.properties ? i || Object.values(r.properties).some((o) => ei(o, t)) : r.dataType === "array" && "resolvedProperties" in r ? i || r.resolvedProperties?.some((o) => o && ei(o, t)) : i;
 };
 function id(e, t, r, i, o, a) {
   return se((() => {
@@ -12324,7 +12327,7 @@ function nd({
     a.properties,
     ...Object.keys(t).filter((b) => b in a.properties)
   ) : A = {} : A = a.properties;
-  const h = /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(A).filter(([b, w]) => !br(w)).map(
+  const h = /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(A).filter(([b, w]) => !yr(w)).map(
     ([b, w], E) => {
       const k = {
         propertyKey: `${e}.${b}`,
@@ -12395,7 +12398,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(
-    Ci,
+    Bi,
     {
       value: t,
       setValue: s,
@@ -12434,24 +12437,24 @@ function od({
     )
   ] });
 }
-function Ci({
+function Bi({
   value: e,
   setValue: t,
   fieldName: r,
   disabled: i
 }) {
   const [o, a] = I.useState(
-    Object.keys(e ?? {}).map((c) => [Mr(), {
+    Object.keys(e ?? {}).map((c) => [zr(), {
       key: c,
-      dataType: ei(e?.[c]) ?? "string"
+      dataType: ti(e?.[c]) ?? "string"
     }])
   );
   z(() => {
     const c = o.map(([p, { key: g }]) => g), d = Object.entries(e ?? {}).filter(([p, g]) => g !== void 0).map(([p]) => p), u = d.filter((p) => !c.includes(p)), f = c.filter((p) => !d.includes(p)), m = [...o];
     u.forEach((p) => {
-      m.push([Mr(), {
+      m.push([zr(), {
         key: p,
-        dataType: ei(e?.[p]) ?? "string"
+        dataType: ti(e?.[p]) ?? "string"
       }]);
     }), f.forEach((p) => {
       const g = m.findIndex(([A, { key: h }]) => h === p);
@@ -12525,7 +12528,7 @@ function Ci({
           c.preventDefault(), t({
             ...e ?? {},
             "": null
-          }), a([...o, [Mr(), {
+          }), a([...o, [zr(), {
             key: "",
             dataType: "string"
           }]]);
@@ -12593,7 +12596,7 @@ function ad({
         }
       }
     ) : A === "boolean" ? /* @__PURE__ */ n(
-      hr,
+      gr,
       {
         value: p,
         size: "small",
@@ -12609,7 +12612,7 @@ function ad({
     ) : A === "array" ? /* @__PURE__ */ n(
       "div",
       {
-        className: H(Ce, "ml-2 pl-2 border-l border-solid"),
+        className: H(Be, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
           qo,
           {
@@ -12648,9 +12651,9 @@ function ad({
     ) : A === "map" ? /* @__PURE__ */ n(
       "div",
       {
-        className: H(Ce, "ml-2 pl-2 border-l border-solid"),
+        className: H(Be, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
-          Ci,
+          Bi,
           {
             value: p,
             fieldName: g,
@@ -12780,7 +12783,7 @@ function sd({
   value: r,
   setValue: i
 }) {
-  const { locale: o } = pe(), [a, s] = P(ei(r) ?? "string");
+  const { locale: o } = pe(), [a, s] = P(ti(r) ?? "string");
   function l(d) {
     s(d);
   }
@@ -12810,7 +12813,7 @@ function sd({
         }
       }
     ) : u === "boolean" ? /* @__PURE__ */ n(
-      hr,
+      gr,
       {
         value: d,
         size: "small",
@@ -12819,8 +12822,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(Ce, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
-      Ci,
+    ) : 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,
       {
         value: d,
         setValue: (f) => {
@@ -12905,10 +12908,10 @@ function sd({
     a === "map" && c(r, a)
   ] });
 }
-function Mr() {
+function zr() {
   return Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
 }
-function ei(e) {
+function ti(e) {
   if (typeof e == "string" || e === null)
     return "string";
   if (typeof e == "number")
@@ -12952,10 +12955,10 @@ function ld({
     setValue: a
   });
   const y = (E, k) => {
-    const B = c.resolvedProperties[E] ?? g, _ = {
+    const C = c.resolvedProperties[E] ?? g, _ = {
       propertyKey: `${e}.${E}`,
       disabled: m,
-      property: B,
+      property: C,
       includeDescription: d,
       underlyingValueHasChanged: u,
       context: f,
@@ -12966,7 +12969,7 @@ function ld({
     };
     return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(It, { ..._ }) });
   }, b = /* @__PURE__ */ n(
-    Bi,
+    Ci,
     {
       value: t,
       addLabel: c.name ? "Add entry to " + c.name : "Add entry",
@@ -13055,7 +13058,7 @@ function cd({
       className: "text-text-secondary dark:text-text-secondary-dark"
     }
   ), b = Object.keys(c.oneOf.properties)[0], w = /* @__PURE__ */ n(
-    Bi,
+    Ci,
     {
       value: t,
       name: e,
@@ -13104,7 +13107,7 @@ function dd({
   autoFocus: s,
   context: l
 }) {
-  const c = r && r[i], [d, u] = P(c ?? void 0), f = ti();
+  const c = r && r[i], [d, u] = P(c ?? void 0), f = ri();
   z(() => {
     c || y(Object.keys(a)[0]);
   }, []), z(() => {
@@ -13125,7 +13128,7 @@ function dd({
     const w = b ? a[b] : void 0;
     u(b), f.setFieldTouched(g, !0), f.setFieldValue(g, b), f.setFieldValue(A, w ? bi(w) : null);
   };
-  return /* @__PURE__ */ v("div", { className: H(fr, "bg-transparent p-4 my-4 py-8"), children: [
+  return /* @__PURE__ */ v("div", { className: H(hr, "bg-transparent p-4 my-4 py-8"), children: [
     /* @__PURE__ */ n(
       hn,
       {
@@ -13186,9 +13189,9 @@ function dd({
 }
 const ud = new os();
 try {
-  rr.use(Ir.AutoResize, {
+  rr.use(Nr.AutoResize, {
     min: 100
-  }), rr.unuse(Ir.FontUnderline), rr.unuse(Ir.Clear);
+  }), rr.unuse(Nr.FontUnderline), rr.unuse(Nr.Clear);
 } catch {
 }
 function md({
@@ -13206,8 +13209,8 @@ function md({
   context: f
 }) {
   const [m, p] = I.useState(t), g = se(t);
-  Fa("MarkdownFieldBinding", pd);
-  const A = na({
+  Pa("MarkdownFieldBinding", pd);
+  const A = oa({
     internalValue: m,
     value: t
   });
@@ -13921,7 +13924,7 @@ function fd({
   ] });
 }
 const hd = ({ containerRef: e }) => {
-  const { isSubmitting: t, isValidating: r, errors: i } = ti();
+  const { isSubmitting: t, isValidating: r, errors: i } = ri();
   return z(() => {
     const o = Object.keys(i);
     if (o.length > 0 && t && !r) {
@@ -13955,7 +13958,7 @@ function Ad({
   entity: a,
   loading: s
 }) {
-  const { errors: l } = ti(), c = r === "existing" || !e, d = r !== "existing" && !e, u = he(() => {
+  const { errors: l } = ri(), c = r === "existing" || !e, d = r !== "existing" && !e, u = he(() => {
     if (!(!e || typeof e == "boolean" || e === "optional"))
       return ut(e);
   }, [e]), f = ft(), { copy: m } = Os({
@@ -13974,7 +13977,7 @@ function Ad({
         {
           onClick: (A) => m(a.id),
           "aria-label": "copy-id",
-          children: /* @__PURE__ */ n(ni, { size: "small" })
+          children: /* @__PURE__ */ n(pr, { size: "small" })
         }
       ) }),
       p?.entityLinkBuilder && /* @__PURE__ */ n(_e, { title: "Open in the console", children: /* @__PURE__ */ n(
@@ -13986,7 +13989,7 @@ function Ad({
           target: "_blank",
           onClick: (A) => A.stopPropagation(),
           "aria-label": "go-to-datasource",
-          children: /* @__PURE__ */ n(pr, { size: "small" })
+          children: /* @__PURE__ */ n(fr, { size: "small" })
         }
       ) })
     ] }) : void 0
@@ -14059,7 +14062,7 @@ function bd({ propertyId: e }) {
       /* @__PURE__ */ n($, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
     ] }),
     /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(
-      Pa,
+      pr,
       {
         size: "smallest",
         className: "text-white",
@@ -14097,12 +14100,14 @@ function wd({
   autoSave: f,
   onIdUpdateError: m
 }) {
-  const p = St(), g = pe(), A = Se(), h = Xe(r), y = g.plugins, b = he(() => je({
+  const p = St(), g = pe();
+  console.log("EntityFormInternal propertyConfigs", g.propertyConfigs);
+  const 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), 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({
+  }), [i?.values, t, g.propertyConfigs]), 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({
     collection: oe,
     path: t,
     entityId: _,
@@ -14140,7 +14145,7 @@ function wd({
       M.setSubmitting(!1);
     });
   }, ee = pn({
-    initialValues: B.current,
+    initialValues: C.current,
     onSubmit: V,
     validation: (ae) => q?.validate(ae, { abortEarly: !1 }).then(() => ({})).catch((M) => {
       const ue = {};
@@ -14150,13 +14155,13 @@ function wd({
     })
   });
   z(() => {
-    B.current = mn(b, e, i);
+    C.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))
+        if (yr(ue))
           return {};
-        const ve = ae[M], we = B.current[M];
+        const ve = ae[M], we = C.current[M];
         return L(ve, we) ? {} : { [M]: we };
       }).reduce((M, ue) => ({ ...M, ...ue }), {})
     ) : te({});
@@ -14186,7 +14191,7 @@ function wd({
           values: ne,
           context: A
         });
-        C(ae);
+        B(ae);
       } catch (ae) {
         m && m(ae), console.error(ae);
       }
@@ -14204,7 +14209,7 @@ function wd({
     }) => h.checkUniqueField(t, ae, M, _),
     [h, t, _]
   ), q = he(
-    () => _ ? Co(
+    () => _ ? Bo(
       _,
       oe.properties,
       O
@@ -14281,7 +14286,7 @@ function wd({
           customId: r.customId,
           entityId: _,
           status: e,
-          onChange: C,
+          onChange: B,
           error: S,
           loading: G,
           entity: i
@@ -14333,7 +14338,7 @@ function vd(e) {
     closeAfterSaveRef: y,
     autoSave: b,
     entityActions: w
-  } = e, E = Se(), k = w.filter((Q) => Q.includeInForm === void 0 || Q.includeInForm), B = pt(), _ = h;
+  } = e, E = Se(), k = w.filter((Q) => Q.includeInForm === void 0 || Q.includeInForm), C = pt(), _ = h;
   z(() => {
     i && i(_), o && o(t);
   }, [_, t]), z(() => {
@@ -14342,12 +14347,12 @@ 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 C = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((Q) => {
+  const B = /* @__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;
     const G = !!a && Object.keys(a).includes(Q) && !!c[Q], le = !b && f || $t(R) || !!R.disabled;
-    if (br(R))
+    if (yr(R))
       return null;
     const J = {
       propertyKey: Q,
@@ -14393,13 +14398,13 @@ function vd(e) {
             className: "mt-12",
             ref: D,
             children: [
-              C,
+              B,
               /* @__PURE__ */ n(hd, { containerRef: D })
             ]
           }
         ),
         /* @__PURE__ */ n("div", { className: "h-14" }),
-        !b && /* @__PURE__ */ v(Bt, { position: "absolute", children: [
+        !b && /* @__PURE__ */ v(Ct, { 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,
@@ -14411,7 +14416,7 @@ function vd(e) {
                   fullPath: u.path,
                   collection: u,
                   context: E,
-                  sideEntityController: B
+                  sideEntityController: C
                 });
               },
               children: Q.icon
@@ -14470,9 +14475,9 @@ function _d(e) {
   let t = {};
   if (e.inner) {
     if (e.inner.length === 0)
-      return Gr(t, e.path, e.message);
+      return jr(t, e.path, e.message);
     for (const r of e.inner)
-      Dt(t, r.path) || (t = Gr(t, r.path, r.message));
+      Dt(t, r.path) || (t = jr(t, r.path, r.message));
   }
   return t;
 }
@@ -14758,7 +14763,7 @@ function Ed(e) {
   }
   return Si[t];
 }
-function kr(e, t) {
+function xr(e, t) {
   const r = Wo(e), i = Ii(e);
   if (!i) {
     console.error("No field id found for property", e);
@@ -14989,7 +14994,7 @@ function Ho(e, t) {
     fromBuilder: t ?? !1
   } : e;
 }
-function im(e) {
+function nm(e) {
   return typeof e == "object" ? Object.entries(e).map(([t, r]) => typeof r == "string" ? {
     id: t,
     label: r
@@ -15047,7 +15052,7 @@ function Ni(e) {
   }
   return s;
 }
-const Bd = "100vw", Cd = "55vw", mr = "768px", Zt = "main_##Q$SC^#S6";
+const Cd = "100vw", Bd = "55vw", mr = "768px", Zt = "main_##Q$SC^#S6";
 function Sd({
   path: e,
   entityId: t,
@@ -15071,7 +15076,7 @@ function Sd({
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  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(
+  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(
     o ? o.defaultSelectedView : void 0,
     {
       status: _,
@@ -15112,7 +15117,7 @@ function Sd({
     f(!1), ne || y.open({
       type: "success",
       message: `${o.singularName ?? o.name}: Saved correctly`
-    }), re(U), C("existing"), s(!1), c && c({ entity: U }), Pe ? (A.setBlocked(!1), A.close(!0), d?.()) : _ !== "existing" && h.replace({
+    }), re(U), B("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,
@@ -15172,7 +15177,7 @@ function Sd({
         "div",
         {
           className: H(
-            Ce,
+            Be,
             "relative flex-grow w-full h-full overflow-auto "
           ),
           role: "tabpanel",
@@ -15198,7 +15203,7 @@ function Sd({
           className: "relative flex-grow h-full overflow-auto w-full",
           role: "tabpanel",
           children: [
-            M && /* @__PURE__ */ n(Xr, {}),
+            M && /* @__PURE__ */ n(Kr, {}),
             !ae && (W && et ? /* @__PURE__ */ n(
               Go,
               {
@@ -15258,7 +15263,7 @@ function Sd({
         onModified: He,
         entity: W,
         onIdChange: Je,
-        onFormContextChange: B,
+        onFormContextChange: C,
         hideId: o.hideIdFromForm,
         autoSave: ne,
         onIdUpdateError: We
@@ -15301,9 +15306,9 @@ function Sd({
         collection: o
       }
     )
-  ] }) : Ke(), xr = Q && Q.map(
+  ] }) : Ke(), Er = Q && Q.map(
     (U) => /* @__PURE__ */ n(
-      Sr,
+      Ir,
       {
         className: "text-sm min-w-[140px]",
         value: U.id,
@@ -15311,9 +15316,9 @@ function Sd({
       },
       `entity_detail_collection_tab_${U.name}`
     )
-  ), Er = Ae.map(
+  ), Cr = Ae.map(
     (U) => /* @__PURE__ */ n(
-      Sr,
+      Ir,
       {
         className: "text-sm min-w-[140px]",
         value: U.key,
@@ -15330,7 +15335,7 @@ function Sd({
         /* @__PURE__ */ v(
           "div",
           {
-            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"),
+            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"),
             children: [
               /* @__PURE__ */ n(
                 "div",
@@ -15341,7 +15346,7 @@ function Sd({
                     {
                       onClick: () => (d?.(), A.close(!1)),
                       size: "large",
-                      children: /* @__PURE__ */ n(Cn, {})
+                      children: /* @__PURE__ */ n(Bn, {})
                     }
                   )
                 }
@@ -15364,7 +15369,7 @@ function Sd({
                   className: "pl-4 pr-4 pt-0",
                   children: [
                     /* @__PURE__ */ n(
-                      Sr,
+                      Ir,
                       {
                         disabled: !J,
                         value: Zt,
@@ -15372,8 +15377,8 @@ function Sd({
                         children: o.singularName ?? o.name
                       }
                     ),
-                    Er,
-                    xr
+                    Cr,
+                    Er
                   ]
                 }
               )
@@ -15399,7 +15404,7 @@ function Sd({
                   hidden: !ee,
                   id: `form_${e}`,
                   className: " w-full",
-                  children: ae ? /* @__PURE__ */ n(Xr, {}) : st
+                  children: ae ? /* @__PURE__ */ n(Kr, {}) : st
                 }
               ),
               Ie,
@@ -15467,7 +15472,7 @@ function Nd({
           i,
           /* @__PURE__ */ n($, { children: "Are you sure you want to leave this page?" })
         ] }),
-        /* @__PURE__ */ v(Bt, { children: [
+        /* @__PURE__ */ v(Ct, { children: [
           /* @__PURE__ */ n(ge, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
           /* @__PURE__ */ n(ge, { onClick: t, children: " Ok " })
         ] })
@@ -15485,8 +15490,8 @@ const Xo = I.createContext({
   close: () => {
   }
 }), Fi = () => qe(Xo);
-function nm() {
-  const t = vr().sidePanels, r = [...t];
+function om() {
+  const t = _r().sidePanels, r = [...t];
   return r.push(void 0), /* @__PURE__ */ n(j, { children: r.map((i, o) => /* @__PURE__ */ n(
     Fd,
     {
@@ -15500,7 +15505,7 @@ function Fd({
   offsetPosition: e,
   panel: t
 }) {
-  const [r, i] = P(!1), [o, a] = P(!1), [s, l] = P(), c = I.useRef(t?.width), d = c.current, u = vr(), {
+  const [r, i] = P(!1), [o, a] = P(!1), [s, l] = P(), c = I.useRef(t?.width), d = c.current, u = _r(), {
     navigationWasBlocked: f,
     handleOk: m,
     handleCancel: p
@@ -15606,15 +15611,15 @@ function Pd(e) {
 const Ko = "new";
 function Qd(e, t) {
   if (t)
-    return Bd;
+    return Cd;
   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(${Cd} + ${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(${Bd} + ${i ?? mr})`;
 }
-const zr = {};
+const Vr = {};
 function Rd(e) {
-  if (zr[e.id])
-    return zr[e.id];
+  if (Vr[e.id])
+    return Vr[e.id];
   const t = je({
     collection: e,
     path: "__ignored"
@@ -15624,7 +15629,7 @@ function Rd(e) {
     const i = Object.values(t.properties).map((a) => or(a)), o = Math.max(...i);
     o < 3 ? r = mr : r = 768 + 32 * (o - 2) + "px";
   }
-  return zr[e.id] = r, r;
+  return Vr[e.id] = r, r;
 }
 function or(e, t = 0) {
   if (e.dataType === "map" && e.properties) {
@@ -15634,7 +15639,7 @@ function or(e, t = 0) {
     return e.dataType === "array" && e.oneOf ? t + 3 : e.dataType === "array" && e.of ? Array.isArray(e.of) ? Math.max(...e.of.map((r) => or(r, t + 1))) : or(e.of, t + 1) : t + 1;
 }
 const Dd = (e, t) => {
-  const r = Ar(), i = se(!1), o = !$e();
+  const r = br(), i = se(!1), o = !$e();
   z(() => {
     if (!e.loading && !i.current) {
       if (console.debug("Initialising side entity controller"), e.isUrlCollectionPath(r.pathname)) {
@@ -15726,7 +15731,7 @@ const Xt = (e, t, r, i) => {
   };
 };
 function Od() {
-  const e = Ar(), t = Lt(), [r, i] = P([]), o = se(r), a = se({}), s = se(0), l = (f) => {
+  const e = br(), t = Lt(), [r, i] = P([]), o = se(r), a = se({}), s = se(0), l = (f) => {
     o.current = f, i(f);
   };
   z(() => {
@@ -16032,7 +16037,7 @@ function Gd(e, t) {
     e.user && e.user.uid !== o.current && !e.initialLoading && (Vd(e, a).then(i), o.current = e.user.uid);
   }, [e, a]), r;
 }
-function om(e) {
+function am(e) {
   const t = uo(), {
     children: r,
     entityLinkBuilder: i,
@@ -16049,12 +16054,12 @@ function om(e) {
     components: g,
     navigationController: A
   } = e;
-  Ha(s);
+  Ha(s), console.debug("FireCMS propertyConfigs", m);
   const h = Md({
     delegate: d,
     propertyConfigs: m,
     navigationController: A
-  }), y = Od(), b = Dd(A, y), w = u?.some((C) => C.loading) ?? !1, E = l.initialLoading || A.loading || w, k = {
+  }), y = Od(), b = Dd(A, y), w = u?.some((B) => B.loading) ?? !1, E = l.initialLoading || A.loading || w, k = {
     dateTimeFormat: a,
     locale: s,
     entityLinkBuilder: i,
@@ -16062,7 +16067,7 @@ function om(e) {
     entityViews: p ?? [],
     propertyConfigs: m ?? {},
     components: g
-  }, B = he(() => ({
+  }, C = he(() => ({
     onAnalyticsEvent: f
   }), []), _ = Gd(l, u);
   return A.navigationLoadingError ? /* @__PURE__ */ n(er, { maxWidth: "md", children: /* @__PURE__ */ n(
@@ -16094,7 +16099,7 @@ function om(e) {
       "Response from the server: ",
       _?.message
     ] })
-  ] }) : /* @__PURE__ */ n(hi.Provider, { value: t, children: /* @__PURE__ */ n(so.Provider, { value: B, children: /* @__PURE__ */ n(ao.Provider, { value: k, children: /* @__PURE__ */ n(
+  ] }) : /* @__PURE__ */ n(hi.Provider, { value: t, children: /* @__PURE__ */ n(so.Provider, { value: C, children: /* @__PURE__ */ n(ao.Provider, { value: k, children: /* @__PURE__ */ n(
     no.Provider,
     {
       value: o,
@@ -16166,11 +16171,69 @@ function jd({
   }), /* @__PURE__ */ n(j, { children: o });
 }
 function Yd({
-  hovered: e,
-  drawerOpen: t,
-  closeDrawer: r
+  name: e,
+  icon: t,
+  drawerOpen: r,
+  tooltipsOpen: i,
+  url: o,
+  onClick: a
 }) {
-  const i = St(), o = ke(), a = e && !t, s = $e(), l = Lt(), [c, d] = I.useState(!1);
+  const l = /* @__PURE__ */ v(
+    Ka,
+    {
+      onClick: a,
+      style: {
+        width: r ? "280px" : "72px",
+        transition: r ? "width 150ms ease-in" : void 0
+      },
+      className: ({ isActive: c }) => H(
+        "rounded-r-lg truncate",
+        "hover:bg-slate-300 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-75 text-gray-800 dark:text-gray-200 hover:text-gray-900 hover:dark:text-white",
+        "flex flex-row items-center mr-8",
+        // "transition-all ease-in-out delay-100 duration-300",
+        // drawerOpen ? "w-full" : "w-18",
+        r ? "pl-8 h-12" : "pl-6 h-11",
+        "font-medium text-sm",
+        c ? "bg-slate-200 bg-opacity-60 dark:bg-gray-800 dark:bg-opacity-30" : ""
+      ),
+      to: o,
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: "text-gray-600 dark:text-gray-500",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: H(
+              r ? "opacity-100" : "opacity-0 hidden",
+              "ml-4 font-inherit text-inherit"
+            ),
+            children: e.toUpperCase()
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ n(
+    _e,
+    {
+      open: r ? !1 : i,
+      side: "right",
+      title: e,
+      children: l
+    }
+  );
+}
+function qd() {
+  const {
+    hovered: e,
+    drawerOpen: t,
+    closeDrawer: r
+  } = Ld(), i = St(), o = ke(), a = e && !t, s = $e(), l = Lt(), [c, d] = I.useState(!1);
   if (!o.topLevelNavigation)
     throw Error("Navigation not ready in Drawer");
   const {
@@ -16201,9 +16264,9 @@ function Yd({
         children: [
           g(h),
           Object.values(u).filter((y) => y.group === h).map((y, b) => /* @__PURE__ */ n(
-            qd,
+            Yd,
             {
-              icon: /* @__PURE__ */ n(Jr, { collectionOrView: y.collection ?? y.view }),
+              icon: /* @__PURE__ */ n(Hr, { collectionOrView: y.collection ?? y.view }),
               tooltipsOpen: a,
               drawerOpen: t,
               onClick: () => A(y),
@@ -16257,7 +16320,7 @@ function Yd({
               b.preventDefault(), l(h.path);
             },
             children: [
-              /* @__PURE__ */ n(Jr, { collectionOrView: h.view }),
+              /* @__PURE__ */ n(Hr, { collectionOrView: h.view }),
               h.name
             ]
           },
@@ -16267,65 +16330,21 @@ function Yd({
     )
   ] });
 }
-function qd({
-  name: e,
-  icon: t,
-  drawerOpen: r,
-  tooltipsOpen: i,
-  url: o,
-  onClick: a
-}) {
-  const l = /* @__PURE__ */ v(
-    Ka,
-    {
-      onClick: a,
-      style: {
-        width: r ? "280px" : "72px",
-        transition: r ? "width 150ms ease-in" : void 0
-      },
-      className: ({ isActive: c }) => H(
-        "rounded-r-xl truncate",
-        "hover:bg-slate-300 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-75 text-gray-800 dark:text-gray-200 hover:text-gray-900 hover:dark:text-white",
-        "flex flex-row items-center mr-8",
-        // "transition-all ease-in-out delay-100 duration-300",
-        // drawerOpen ? "w-full" : "w-18",
-        r ? "pl-8 h-12" : "pl-6 h-11",
-        "font-medium text-sm",
-        c ? "bg-slate-200 bg-opacity-75 dark:bg-gray-800" : ""
-      ),
-      to: o,
-      children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "text-gray-600 dark:text-gray-500",
-            children: t
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: H(
-              r ? "opacity-100" : "opacity-0 hidden",
-              "ml-4 font-inherit text-inherit"
-            ),
-            children: e.toUpperCase()
-          }
-        )
-      ]
-    }
-  );
-  return /* @__PURE__ */ n(
-    _e,
-    {
-      open: r ? !1 : i,
-      side: "right",
-      title: e,
-      children: l
-    }
-  );
+const Ud = 280, ea = I.createContext({
+  hovered: !1,
+  drawerOpen: !1,
+  openDrawer: () => {
+    throw new Error("openDrawer not implemented");
+  },
+  closeDrawer: () => {
+    throw new Error("closeDrawer not implemented");
+  },
+  autoOpenDrawer: !1
+});
+function Ld() {
+  return I.useContext(ea);
 }
-const Ud = 280, am = I.memo(
+const sm = I.memo(
   function(t) {
     const {
       children: r,
@@ -16333,14 +16352,21 @@ const Ud = 280, am = I.memo(
       logo: o,
       includeDrawer: a = !0,
       autoOpenDrawer: s,
-      Drawer: l = Yd,
-      drawerProps: c,
-      FireCMSAppBar: d = Oc,
-      fireCMSAppBarProps: u
-    } = t, f = $e(), [m, p] = I.useState(!1), [g, A] = I.useState(!1), h = x(() => A(!0), []), y = x(() => A(!1), []), b = x(() => {
-      p(!1);
-    }, []), w = m || !!(f && s && g);
-    return /* @__PURE__ */ v(
+      drawer: l = /* @__PURE__ */ n(qd, {}),
+      FireCMSAppBar: c = Oc,
+      fireCMSAppBarProps: d
+    } = t, u = $e(), [f, m] = I.useState(!1), [p, g] = I.useState(!1), A = x(() => g(!0), []), h = x(() => g(!1), []), y = x(() => {
+      m(!0);
+    }, []), b = x(() => {
+      m(!1);
+    }, []), w = f || !!(u && s && p);
+    return /* @__PURE__ */ n(ea.Provider, { value: {
+      hovered: p,
+      drawerOpen: w,
+      closeDrawer: b,
+      openDrawer: y,
+      autoOpenDrawer: s
+    }, children: /* @__PURE__ */ v(
       "div",
       {
         className: "flex h-screen w-screen bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-white overflow-hidden",
@@ -16350,41 +16376,30 @@ const Ud = 280, am = I.memo(
           paddingRight: "env(safe-area-inset-right)",
           paddingBottom: "env(safe-area-inset-bottom)",
           height: "100dvh"
-          // "@supports (height: 100dvh)": {
-          //     height: "100dvh"
-          // }
         },
         children: [
           /* @__PURE__ */ n(
-            d,
+            c,
             {
               title: i,
               includeDrawer: a,
               logo: o,
               drawerOpen: w,
-              ...u
+              ...d
             }
           ),
           /* @__PURE__ */ n(
-            $d,
+            Wd,
             {
               displayed: a,
-              onMouseEnter: h,
-              onMouseMove: h,
-              onMouseLeave: y,
+              onMouseEnter: A,
+              onMouseMove: A,
+              onMouseLeave: h,
               open: w,
               logo: o,
-              hovered: g,
-              setDrawerOpen: p,
-              children: a && /* @__PURE__ */ n(
-                l,
-                {
-                  hovered: g,
-                  drawerOpen: w,
-                  closeDrawer: b,
-                  ...c
-                }
-              )
+              hovered: p,
+              setDrawerOpen: m,
+              children: a && l
             }
           ),
           /* @__PURE__ */ v(
@@ -16392,11 +16407,11 @@ const Ud = 280, am = I.memo(
             {
               className: "flex flex-col flex-grow overflow-auto",
               children: [
-                /* @__PURE__ */ n(Ld, {}),
+                /* @__PURE__ */ n($d, {}),
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    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"),
+                    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"),
                     children: /* @__PURE__ */ n(me, { children: r })
                   }
                 )
@@ -16405,11 +16420,11 @@ const Ud = 280, am = I.memo(
           )
         ]
       }
-    );
+    ) });
   },
   L
-), Ld = () => /* @__PURE__ */ n("div", { className: "flex flex-col min-h-[68px]" });
-function $d(e) {
+), $d = () => /* @__PURE__ */ n("div", { className: "flex flex-col min-h-[68px]" });
+function Wd(e) {
   const t = ke(), r = e.displayed ? e.open ? Ud : 72 : 0, i = /* @__PURE__ */ v(
     "div",
     {
@@ -16455,7 +16470,7 @@ function $d(e) {
                   sideOffset: 20,
                   side: "right",
                   children: /* @__PURE__ */ n(
-                    gr,
+                    Ar,
                     {
                       to: t.basePath,
                       children: e.logo ? /* @__PURE__ */ n(
@@ -16533,12 +16548,12 @@ function $d(e) {
     )
   ] }) : null;
 }
-const sm = I.memo(
+const lm = I.memo(
   function({
     homePage: t = /* @__PURE__ */ n(kc, {}),
     customRoutes: r
   }) {
-    const i = Ar(), o = ke();
+    const i = br(), o = ke();
     if (!o)
       return /* @__PURE__ */ n(j, {});
     const a = i.state, s = a && a.base_location ? a.base_location : i, l = [];
@@ -16604,7 +16619,7 @@ export {
   fd as ArrayCustomShapedFieldBinding,
   wo as ArrayEnumPreview,
   zc as ArrayItemOptions,
-  Ju as ArrayOfMapsPreview,
+  Hu as ArrayOfMapsPreview,
   jc as ArrayOfReferencesFieldBinding,
   dl as ArrayOfReferencesPreview,
   ul as ArrayOfStorageComponentsPreview,
@@ -16612,19 +16627,20 @@ export {
   pl as ArrayOneOfPreview,
   Zi as ArrayPropertyEnumPreview,
   Ji as ArrayPropertyPreview,
-  Hu as AsyncPreviewComponent,
+  Zu as AsyncPreviewComponent,
   On as AuthControllerContext,
   cd as BlockFieldBinding,
   gl as BooleanPreview,
   ys as COLLECTION_PATH_SEPARATOR,
-  Xr as CircularProgressCenter,
+  Kr as CircularProgressCenter,
   Si as DEFAULT_FIELD_CONFIGS,
+  Ud as DRAWER_WIDTH,
   hl as DatePreview,
   Xc as DateTimeFieldBinding,
   kc as DefaultHomePage,
-  Ku as DeleteConfirmationDialog,
-  Yd as Drawer,
-  qd as DrawerNavigationItem,
+  em as DeleteConfirmationDialog,
+  qd as Drawer,
+  Yd as DrawerNavigationItem,
   gt as EmptyValue,
   ki as EntityCollectionRowActions,
   Ro as EntityCollectionTable,
@@ -16636,14 +16652,14 @@ export {
   Ve as EnumValuesChip,
   me as ErrorBoundary,
   Ne as ErrorView,
-  rm as FieldCaption,
+  im as FieldCaption,
   Oe as FieldHelperText,
-  om as FireCMS,
+  am as FireCMS,
   Oc as FireCMSAppBar,
   Yo as FireCMSLogo,
-  Bi as FormikArrayContainer,
+  Ci as FormikArrayContainer,
   Vn as GeoPoint,
-  Jr as IconForView,
+  Hr as IconForView,
   Ws as ImagePreview,
   od as KeyValueFieldBinding,
   vo as KeyValuePreview,
@@ -16652,15 +16668,15 @@ export {
   fl as MapPropertyPreview,
   md as MarkdownFieldBinding,
   hi as ModeControllerContext,
-  uu as ModeControllerProvider,
+  mu as ModeControllerProvider,
   dn as MultiSelectBinding,
   Ac as NavigationCard,
   yc as NavigationCardBinding,
   sn as NavigationGroup,
-  sm as NavigationRoutes,
+  lm as NavigationRoutes,
   Tc as NotFoundPage,
   Al as NumberPropertyPreview,
-  Xu as PropertyConfigBadge,
+  Ku as PropertyConfigBadge,
   It as PropertyFieldBinding,
   Fe as PropertyPreview,
   Ul as PropertyTableCell,
@@ -16668,16 +16684,16 @@ export {
   Kc as ReferenceFieldBinding,
   Ze as ReferencePreview,
   hc as ReferenceSelectionTable,
-  em as ReferenceWidget,
+  tm as ReferenceWidget,
   ld as RepeatFieldBinding,
-  am as Scaffold,
-  tm as SearchIconsView,
+  sm as Scaffold,
+  rm as SearchIconsView,
   cn as SelectFieldBinding,
   dc as SelectableTable,
-  nm as SideDialogs,
+  om as SideDialogs,
   _t as SkeletonPropertyComponent,
   bc as SmallNavigationCard,
-  du as SnackbarProvider,
+  uu as SnackbarProvider,
   rl as StorageThumbnail,
   nl as StorageThumbnailInternal,
   un as StorageUploadFieldBinding,
@@ -16685,21 +16701,21 @@ export {
   Zc as SwitchFieldBinding,
   Rt as TextFieldBinding,
   dr as UrlComponentPreview,
-  fu as Vector,
+  hu as Vector,
   ic as VirtualTable,
-  mu as addInitialSlash,
+  pu as addInitialSlash,
   hs as applyPermissionsFunctionIfEmpty,
-  Ou as buildAdditionalFieldDelegate,
-  Nu as buildCollection,
-  Tu as buildEntityCallbacks,
+  Mu as buildAdditionalFieldDelegate,
+  Fu as buildCollection,
+  Ou as buildEntityCallbacks,
   fs as buildEnumLabel,
-  Du as buildEnumValueConfig,
-  Ru as buildEnumValues,
-  Mu as buildFieldConfig,
-  Zu as buildIdColumn,
-  Pu as buildProperties,
-  Qu as buildPropertiesOrBuilder,
-  Fu as buildProperty,
+  Tu as buildEnumValueConfig,
+  Du as buildEnumValues,
+  zu as buildFieldConfig,
+  Xu as buildIdColumn,
+  Qu as buildProperties,
+  Ru as buildPropertiesOrBuilder,
+  Pu as buildProperty,
   zt as canCreateEntity,
   vi as canDeleteEntity,
   Jn as canEditEntity,
@@ -16712,65 +16728,65 @@ export {
   Bu as getBracketNotation,
   gi as getCollectionByPathOrId,
   Ai as getCollectionPathsCombinations,
-  Eu as getColorForProperty,
+  Cu as getColorForProperty,
   ps as getColorScheme,
   Ei as getColumnKeysForProperty,
   Ed as getDefaultFieldConfig,
   Ii as getDefaultFieldId,
-  Cu as getDefaultPropertiesOrder,
+  Su as getDefaultPropertiesOrder,
   bi as getDefaultValueFor,
   jn as getDefaultValueForDataType,
   lr as getDefaultValuesFor,
-  Cs as getEntityImagePreviewPropertyKey,
-  Bs as getEntityPreviewKeys,
+  Bs as getEntityImagePreviewPropertyKey,
+  Cs as getEntityPreviewKeys,
   Hn as getEntityTitlePropertyKey,
-  kr as getFieldConfig,
+  xr as getFieldConfig,
   Wo as getFieldId,
   Gn as getHashValue,
   Es as getIcon,
   Te as getIconForProperty,
-  $r as getIconForWidget,
-  xu as getIdIcon,
+  Wr as getIconForWidget,
+  Eu as getIdIcon,
   yi as getLabelOrConfigFrom,
-  pu as getLastSegment,
+  fu as getLastSegment,
   ks as getPropertiesWithPropertiesOrder,
   At as getPropertyInPath,
   nr as getRandomId,
   at as getReferenceFrom,
   Wn as getResolvedPropertyInPath,
-  qu as getSidePanelKey,
+  Uu as getSidePanelKey,
   ot as getValueInPath,
   vs as hydrateRegExp,
-  Wr as iconSynonyms,
+  Jr as iconSynonyms,
   _i as iconsSearch,
   xd as isDefaultFieldConfigId,
   ji as isEmptyObject,
-  Au as isEnumValueDisabled,
-  br as isHidden,
-  Nr as isObject,
+  bu as isEnumValueDisabled,
+  yr as isHidden,
+  Fr as isObject,
   De as isPropertyBuilder,
   $t as isReadOnly,
   _s as isReferenceProperty,
-  ku as isValidRegExp,
+  xu as isValidRegExp,
   Fs as joinCollectionLists,
   Is as makePropertiesEditable,
   Ns as makePropertiesNonEditable,
   Ps as mergeCollection,
   Le as mergeDeep,
   ds as pick,
-  Su as plural,
+  Iu as plural,
   Xn as printChanged,
   Hl as propertiesToColumns,
-  wu as randomColor,
+  vu as randomColor,
   Mt as randomString,
   Vi as removeFunctions,
-  hu as removeInPath,
+  gu as removeInPath,
   Ee as removeInitialAndTrailingSlashes,
   ls as removeInitialSlash,
   us as removePropsIfExisting,
   cs as removeTrailingSlash,
   Gi as removeUndefined,
-  Wu as renderSkeletonCaptionText,
+  Ju as renderSkeletonCaptionText,
   Ao as renderSkeletonIcon,
   go as renderSkeletonImageThumbnail,
   nt as renderSkeletonText,
@@ -16779,55 +16795,57 @@ export {
   Mn as resolveCollectionPathIds,
   Ln as resolveDefaultSelectedView,
   Zo as resolveEntityView,
-  im as resolveEnumValues,
+  nm as resolveEnumValues,
   Ts as resolveNavigationFrom,
-  wr as resolvePermissions,
+  vr as resolvePermissions,
   Jo as resolveProperties,
   Ge as resolveProperty,
   Ho as resolvePropertyEnum,
-  gu as sanitizeData,
+  Au as sanitizeData,
   co as saveEntityWithCallbacks,
   ws as segmentsToStrippedPath,
-  _u as serializeRegExp,
-  Iu as singular,
-  Lr as slugify,
+  ku as serializeRegExp,
+  Nu as singular,
+  $r as slugify,
   Un as sortProperties,
   Yi as stripCollectionPath,
-  bu as toKebabCase,
-  yu as toSnakeCase,
-  Ur as traverseValueProperty,
+  yu as toKebabCase,
+  wu as toSnakeCase,
+  Lr as traverseValueProperty,
   Yn as traverseValuesProperties,
-  vu as unslugify,
+  _u as unslugify,
   ms as updateDateAutoValues,
   mt as useAuthController,
-  ju as useBrowserTitleAndIcon,
-  Uu as useBuildLocalConfigurationPersistence,
-  Lu as useBuildModeController,
-  Yu as useBuildNavigationController,
+  Yu as useBrowserTitleAndIcon,
+  Lu as useBuildLocalConfigurationPersistence,
+  $u as useBuildModeController,
+  qu as useBuildNavigationController,
   Ue as useClearRestoreValue,
   Os as useClipboard,
-  Vu as useCollectionFetch,
+  Gu as useCollectionFetch,
   Fo as useColumnIds,
   pe as useCustomizationController,
   Xe as useDataSource,
   Do as useDataSourceEntityCollectionTableController,
   wi as useDebouncedCallback,
   pc as useDebouncedData,
+  Rs as useDialogsController,
+  Ld as useDrawer,
   lo as useEntityFetch,
   Se as useFireCMSContext,
   $e as useLargeLayout,
   uo as useModeController,
   ke as useNavigationController,
   Jt as useReferenceDialog,
-  Gu as useResolvedNavigationFrom,
+  ju as useResolvedNavigationFrom,
   To as useSelectionController,
   Fi as useSideDialogContext,
-  vr as useSideDialogsController,
+  _r as useSideDialogsController,
   pt as useSideEntityController,
   ft as useSnackbarController,
   Wt as useStorageSource,
   Oo as useTableSearchHelper,
-  zu as useTraceUpdate,
-  $u as useValidateAuthenticator
+  Vu as useTraceUpdate,
+  Wu as useValidateAuthenticator
 };
 //# sourceMappingURL=index.es.js.map