@firecms/core 3.0.0-alpha.57 → 3.0.0-alpha.59

package/dist/index.es.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as E, Fragment as G } from "react/jsx-runtime";
 import * as Rn from "react";
-import F, { useState as D, useEffect as V, useContext as Ye, useCallback as w, useMemo as ae, useRef as ue, createContext as ri, createElement as Oo, createRef as Go, forwardRef as Vo, useLayoutEffect as Pn, useDeferredValue as Yo } from "react";
+import F, { useState as D, useEffect as V, useContext as Ye, useCallback as w, useMemo as le, useRef as ue, createContext as ri, createElement as Oo, createRef as Go, forwardRef as Vo, useLayoutEffect as Pn, useDeferredValue as Yo } from "react";
 import { SnackbarProvider as zo, useSnackbar as Uo } from "notistack";
 import wr from "object-hash";
 import { getIn as Mn, Field as $o, FastField as ii, useFormikContext as oi, ErrorMessage as jo, Formik as li, Form as ai, setIn as Lo } from "formik";
-import { CHIP_COLORS as Tn, CircleIcon as si, FunctionsIcon as _o, iconKeys as Wo, Icon as ci, coolIconKeys as Er, Tooltip as be, ErrorIcon as Ai, Typography as q, IconButton as se, ContentCopyIcon as Kt, OpenInNewIcon as cn, DescriptionIcon as Jo, Skeleton as Ve, Chip as Wn, cn as X, defaultBorderMixin as xe, KeyboardTabIcon as Jn, Checkbox as di, Markdown as An, TextareaAutosize as Ho, MultiSelect as ui, MultiSelectItem as fi, Select as Xe, SelectItem as Ke, BooleanSwitch as qo, DateTimeField as zt, paperMixin as dn, ErrorOutlineIcon as Zo, EditIcon as Xo, Button as Ae, useOutsideAlerter as Ko, RemoveCircleIcon as el, CircularProgress as un, Badge as Br, ArrowUpwardIcon as wn, Popover as Hn, FilterListIcon as tl, AssignmentIcon as nl, Menu as Ut, MoreVertIcon as mi, MenuItem as Ie, FilterListOffIcon as rl, SearchBar as gi, TextField as ct, ClearIcon as Mt, BooleanSwitchWithLabel as $t, Dialog as qn, DialogContent as Zn, DialogActions as xt, AddIcon as At, DeleteIcon as On, InfoIcon as il, CloseIcon as hi, ExpandablePanel as ut, RemoveIcon as en, fieldBackgroundMixin as pi, fieldBackgroundDisabledMixin as vi, fieldBackgroundHoverMixin as Xn, focusedMixin as xr, Collapse as bi, ArrowDropDownIcon as yi, useInjectStyles as ol, FileCopyIcon as ll, SearchIcon as al, Card as sl, StarIcon as wi, StarBorderIcon as Ei, ArrowForwardIcon as cl, Container as Al, LoadingButton as dl, Avatar as Cr, DarkModeIcon as ul, LightModeIcon as fl, LogoutIcon as ml, Tab as En, Tabs as gl, Sheet as Bi, CenteredView as kr, MenuIcon as Ir, ChevronLeftIcon as hl, ShortTextIcon as pl, SubjectIcon as vl, FormatQuoteIcon as bl, HttpIcon as yl, EmailIcon as wl, ListIcon as El, ListAltIcon as Bl, NumbersIcon as xl, FormatListNumberedIcon as Sr, UploadFileIcon as Cl, DriveFolderUploadIcon as kl, LinkIcon as Il, AddLinkIcon as Sl, FlagIcon as Nl, ScheduleIcon as Fl, BallotIcon as Nr, RepeatIcon as Fr, ViewStreamIcon as Ql } from "@firecms/ui";
+import { CHIP_COLORS as Tn, CircleIcon as si, FunctionsIcon as _o, iconKeys as Wo, Icon as ci, coolIconKeys as Er, Tooltip as ye, ErrorIcon as Ai, Typography as q, IconButton as se, ContentCopyIcon as en, OpenInNewIcon as An, DescriptionIcon as Jo, Skeleton as Ve, Chip as Wn, cn as X, defaultBorderMixin as xe, KeyboardTabIcon as Jn, Checkbox as di, Markdown as dn, TextareaAutosize as Ho, MultiSelect as ui, MultiSelectItem as fi, Select as Ke, SelectItem as et, BooleanSwitch as qo, DateTimeField as zt, paperMixin as un, ErrorOutlineIcon as Zo, EditIcon as Xo, Button as Ae, useOutsideAlerter as Ko, RemoveCircleIcon as el, CircularProgress as fn, Badge as Br, ArrowUpwardIcon as wn, Popover as Hn, FilterListIcon as tl, AssignmentIcon as nl, Menu as Ut, MoreVertIcon as mi, MenuItem as Ie, FilterListOffIcon as rl, SearchBar as gi, TextField as At, ClearIcon as Mt, BooleanSwitchWithLabel as $t, Dialog as qn, DialogContent as Zn, DialogActions as xt, AddIcon as dt, DeleteIcon as On, InfoIcon as il, CloseIcon as hi, ExpandablePanel as ft, RemoveIcon as tn, fieldBackgroundMixin as pi, fieldBackgroundDisabledMixin as vi, fieldBackgroundHoverMixin as Xn, focusedMixin as xr, Collapse as bi, ArrowDropDownIcon as yi, useInjectStyles as ol, FileCopyIcon as ll, SearchIcon as al, Card as sl, StarIcon as wi, StarBorderIcon as Ei, ArrowForwardIcon as cl, Container as Al, LoadingButton as dl, Avatar as Cr, DarkModeIcon as ul, LightModeIcon as fl, LogoutIcon as ml, Tab as En, Tabs as gl, Sheet as Bi, CenteredView as kr, MenuIcon as Ir, ChevronLeftIcon as hl, ShortTextIcon as pl, SubjectIcon as vl, FormatQuoteIcon as bl, HttpIcon as yl, EmailIcon as wl, ListIcon as El, ListAltIcon as Bl, NumbersIcon as xl, FormatListNumberedIcon as Sr, UploadFileIcon as Cl, DriveFolderUploadIcon as kl, LinkIcon as Il, AddLinkIcon as Sl, FlagIcon as Nl, ScheduleIcon as Fl, BallotIcon as Nr, RepeatIcon as Fr, ViewStreamIcon as Ql } from "@firecms/ui";
 export * from "@firecms/ui";
-import { useNavigate as fn, useLocation as jt, Link as Kn, UNSAFE_NavigationContext as Dl, NavLink as Rl, Route as qt, Routes as Pl } from "react-router-dom";
+import { useNavigate as mn, useLocation as jt, Link as Kn, UNSAFE_NavigationContext as Dl, NavLink as Rl, Route as Zt, Routes as Pl } from "react-router-dom";
 import { format as Ml } from "date-fns";
 import * as xi from "date-fns/locale";
 import me from "react-fast-compare";
@@ -16,7 +16,7 @@ import { DragDropContext as Ci, Droppable as ki, Draggable as Ii } from "@hello-
 import { useDropzone as Si } from "react-dropzone";
 import Ol from "react-image-file-resizer";
 import Gl from "markdown-it";
-import Zt, { Plugins as Bn } from "react-markdown-editor-lite";
+import Xt, { Plugins as Bn } from "react-markdown-editor-lite";
 import * as Qe from "yup";
 import { registerLocale as Vl, setDefaultLocale as Yl } from "react-datepicker";
 import * as zl from "js-search";
@@ -102,7 +102,7 @@ function rr(e) {
     i.push(t.slice(0, o).join("/"));
   return i;
 }
-class Je {
+class je {
   /**
    * ID of the entity
    */
@@ -141,13 +141,13 @@ const _l = (e, ...t) => ({
 function xn(e) {
   return e && typeof e == "object" && !Array.isArray(e);
 }
-function je(e, t) {
+function Le(e, t) {
   const n = xn(e), i = n ? { ...e } : e;
   return n && xn(t) && Object.keys(t).forEach((o) => {
-    xn(t[o]) ? o in e ? i[o] = je(e[o], t[o]) : Object.assign(i, { [o]: t[o] }) : Object.assign(i, { [o]: t[o] });
+    xn(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 dt(e, t) {
+function ut(e, t) {
   if (e && typeof e == "object") {
     if (t in e)
       return e[t];
@@ -155,7 +155,7 @@ function dt(e, t) {
       let n = t.split(/[.[]/);
       t.includes("[") && (n = n.map((s) => s.replace("]", "")));
       const i = n[0], o = Array.isArray(e[i]) && !isNaN(parseInt(n[1])), l = o ? e[i][parseInt(n[1])] : e[i], a = n.slice(o ? 2 : 1).join(".");
-      return a === "" ? l : dt(l, a);
+      return a === "" ? l : ut(l, a);
     }
   }
 }
@@ -211,17 +211,17 @@ function Wl(e, t) {
     l in o && (n(o[l]) && n(t[l]) ? o[l] = Wl(o[l], t[l]) : o[l] === t[l] && (i(o) ? o.splice(l, 1) : delete o[l]));
   }), o;
 }
-const Tt = "type", tn = "value";
+const Tt = "type", nn = "value";
 function Lt(e) {
   return e.readOnly || e.dataType === "date" && e.autoValue ? !0 : e.dataType === "reference" ? !e.path : !1;
 }
-function mn(e) {
+function gn(e) {
   return typeof e.disabled == "object" && !!e.disabled.hidden;
 }
 function Re(e) {
   return typeof e == "function";
 }
-function nn(e) {
+function rn(e) {
   return e ? Object.entries(e).map(([t, n]) => {
     const i = or(n);
     return i === void 0 ? {} : { [t]: i };
@@ -230,7 +230,7 @@ function nn(e) {
 function or(e) {
   if (!Re(e))
     if (e.dataType === "map" && e.properties) {
-      const t = nn(e.properties);
+      const t = rn(e.properties);
       return Object.keys(t).length === 0 ? void 0 : t;
     } else
       return e.defaultValue ? e.defaultValue : Di(e.dataType);
@@ -263,8 +263,8 @@ function OA(e, t) {
     e && e[i] !== void 0 ? n[i] = e[i] : o.validation?.required && (n[i] = null);
   }), n;
 }
-function yt(e) {
-  return new Je(e.id, e.path);
+function at(e) {
+  return new je(e.id, e.path);
 }
 function Ri(e, t, n) {
   const i = Object.entries(t).map(([l, a]) => {
@@ -283,7 +283,7 @@ function Gn(e, t, n) {
     if (t.of && Array.isArray(e))
       i = e.map((o) => Gn(o, t.of, n));
     else if (t.oneOf && Array.isArray(e)) {
-      const o = t.oneOf?.typeField ?? Tt, l = t.oneOf?.valueField ?? tn;
+      const o = t.oneOf?.typeField ?? Tt, l = t.oneOf?.valueField ?? nn;
       i = e.map((a) => {
         if (a === null)
           return null;
@@ -311,7 +311,7 @@ function Mi(e) {
   const t = Pi(e), n = Object.keys(Tn), i = t % n.length;
   return Tn[n[i]];
 }
-function ft(e) {
+function mt(e) {
   return Array.isArray(e) ? e : Object.entries(e).map(([t, n]) => typeof n == "string" ? {
     id: t,
     label: n
@@ -351,7 +351,7 @@ const Ge = ({
   userConfigPersistence: l,
   fields: a
 }) => {
-  const s = l?.getCollectionConfig(t), c = dt(s, "properties"), A = nn(e.properties), u = i ?? A, m = o ?? i ?? A, f = Object.entries(e.properties).map(([h, p]) => {
+  const s = l?.getCollectionConfig(t), c = ut(s, "properties"), A = rn(e.properties), u = i ?? A, m = o ?? i ?? A, f = Object.entries(e.properties).map(([h, p]) => {
     const v = u ? Mn(u, h) : void 0, b = Te({
       propertyKey: h,
       propertyOrBuilder: p,
@@ -365,7 +365,7 @@ const Ge = ({
     return b ? {
       [h]: b
     } : {};
-  }).filter((h) => h !== null).reduce((h, p) => ({ ...h, ...p }), {}), d = je(f, c), g = Object.entries(d).filter(([h, p]) => !!p?.dataType).map(([h, p]) => ({ [h]: p })).reduce((h, p) => ({ ...h, ...p }), {});
+  }).filter((h) => h !== null).reduce((h, p) => ({ ...h, ...p }), {}), d = Le(f, c), g = Object.entries(d).filter(([h, p]) => !!p?.dataType).map(([h, p]) => ({ [h]: p })).reduce((h, p) => ({ ...h, ...p }), {});
   return {
     ...e,
     properties: g,
@@ -416,7 +416,7 @@ function Te({
           properties: a
         };
       } else
-        l.dataType === "array" ? o = mt({
+        l.dataType === "array" ? o = gt({
           property: l,
           propertyValue: t,
           fromBuilder: n,
@@ -444,7 +444,7 @@ function Te({
         propertyValue: t,
         ...i
       });
-      c && (o = je(c, o));
+      c && (o = Le(c, o));
     }
   }
   return o ? {
@@ -452,7 +452,7 @@ function Te({
     resolved: !0
   } : null;
 }
-function mt({
+function gt({
   propertyKey: e,
   property: t,
   propertyValue: n,
@@ -535,7 +535,7 @@ function Ti({
   ...n
 }) {
   return Object.entries(e).map(([i, o]) => {
-    const l = t && typeof t == "object" ? dt(t, i) : void 0, a = Te({
+    const l = t && typeof t == "object" ? ut(t, i) : void 0, a = Te({
       propertyKey: i,
       propertyOrBuilder: o,
       propertyValue: l,
@@ -550,7 +550,7 @@ function Oi(e, t) {
   return typeof e.enumValues == "object" ? {
     ...e,
     resolved: !0,
-    enumValues: ft(e.enumValues)?.filter((n) => n && n.id && n.label) ?? [],
+    enumValues: mt(e.enumValues)?.filter((n) => n && n.id && n.label) ?? [],
     fromBuilder: t ?? !1
   } : e;
 }
@@ -734,14 +734,14 @@ function ke(e, t = "small", n = {}) {
 function WA(e, t) {
   return Re(e) ? "#888" : vr(e, t)?.color ?? "#666";
 }
-function bt(e, t) {
+function yt(e, t) {
   if (typeof e == "object") {
     if (t in e)
       return e[t];
     if (t.includes(".")) {
       const n = t.split("."), i = e[n[0]];
       if (typeof i == "object" && i.dataType === "map" && i.properties)
-        return bt(i.properties, n.slice(1).join("."));
+        return yt(i.properties, n.slice(1).join("."));
     }
   }
 }
@@ -764,7 +764,7 @@ function ia(e, t) {
     return e;
   const n = {};
   return t.filter(Boolean).forEach((i) => {
-    const o = bt(e, i);
+    const o = yt(e, i);
     typeof o == "object" && o.dataType === "map" && o.properties && (n[i] = {
       ...o,
       properties: ia(o.properties, o.propertiesOrder ?? [])
@@ -774,16 +774,16 @@ function ia(e, t) {
 function HA(e) {
   return e.propertiesOrder ? e.propertiesOrder : [...Object.keys(e.properties), ...(e.additionalFields ?? []).map((t) => t.key)];
 }
-const gn = {
+const hn = {
   read: !0,
   edit: !0,
   create: !0,
   delete: !0
 };
-function hn(e, t, n, i) {
+function pn(e, t, n, i) {
   const o = e.permissions;
   if (o === void 0)
-    return gn;
+    return hn;
   if (typeof o == "object")
     return o;
   if (typeof o == "function")
@@ -797,28 +797,28 @@ function hn(e, t, n, i) {
   throw console.error("Permissions:", o), Error("New type of permission added and not mapped");
 }
 function Ui(e, t, n, i) {
-  return hn(e, t, n, i).edit ?? gn.edit;
+  return pn(e, t, n, i).edit ?? hn.edit;
 }
 function Gt(e, t, n, i) {
-  return hn(e, t, n, i).create ?? gn.create;
+  return pn(e, t, n, i).create ?? hn.create;
 }
 function cr(e, t, n, i) {
-  return hn(e, t, n, i).delete ?? gn.delete;
+  return pn(e, t, n, i).delete ?? hn.delete;
 }
 function oa(e, t) {
-  if (e && (e = Vn(e), e in rn))
-    return e in rn ? /* @__PURE__ */ r(ci, { iconKey: e, size: "medium", className: t }) : void 0;
+  if (e && (e = Vn(e), e in on))
+    return e in on ? /* @__PURE__ */ r(ci, { iconKey: e, size: "medium", className: t }) : void 0;
 }
 function zn(e, t) {
   const n = oa(e.icon, t);
   if (e?.icon && n)
     return n;
   let i = Vn(("singularName" in e ? e.singularName : void 0) ?? e.name), o;
-  i in rn && (o = i), o || (i = Vn(e.path), i in rn && (o = i));
+  i in on && (o = i), o || (i = Vn(e.path), i in on && (o = i));
   const l = Er.length;
   return o || (o = Er[Pi(e.path) % l]), /* @__PURE__ */ r(ci, { iconKey: o, size: "medium", className: t });
 }
-const rn = Wo.reduce((e, t) => (e[t] = t, e), {});
+const on = Wo.reduce((e, t) => (e[t] = t, e), {});
 function qA(e, t) {
   if (t !== void 0 && t === 1)
     return e;
@@ -1043,7 +1043,7 @@ function da(e, t, n = [], i) {
     const d = e.properties[f];
     d ? l[f] = $i(d, t.properties[f]) : l[f] = t.properties[f];
   });
-  const a = je(e, t), s = Tr(e), c = Tr(t), A = [.../* @__PURE__ */ new Set([...c, ...s])], u = [.../* @__PURE__ */ new Set([...e.entityViews ?? [], ...t.entityViews ?? []])];
+  const a = Le(e, t), s = Tr(e), c = Tr(t), A = [.../* @__PURE__ */ new Set([...c, ...s])], u = [.../* @__PURE__ */ new Set([...e.entityViews ?? [], ...t.entityViews ?? []])];
   let m = {
     ...a,
     subcollections: o,
@@ -1064,7 +1064,7 @@ function $i(e, t) {
   if (Re(t))
     return t;
   {
-    const n = je(e, t), i = !!e.editable, o = !!t.editable;
+    const n = Le(e, t), i = !!e.editable, o = !!t.editable;
     if (t.dataType === "map" && t.properties) {
       const l = "properties" in e ? e.properties : {}, a = "properties" in t ? t.properties : {}, s = "propertiesOrder" in e && e.propertiesOrder ? e.propertiesOrder : Object.keys(l), c = "propertiesOrder" in t && t.propertiesOrder ? t.propertiesOrder : "properties" in t ? Object.keys(t.properties) : [], A = [.../* @__PURE__ */ new Set([...s, ...c])], u = { ...l };
       return Object.keys(t.properties).forEach((m) => {
@@ -1122,7 +1122,7 @@ function od(e) {
 function ld(e) {
   return e;
 }
-const ua = "100vw", fa = "55vw", Or = "768px", ji = F.createContext({}), Le = () => Ye(ji), Li = F.createContext({}), ye = () => Ye(Li), gt = () => Ye(Ni), _i = F.createContext({}), pn = () => Ye(_i), Wi = F.createContext({}), ht = () => Ye(Wi), Ji = F.createContext({}), _t = () => Ye(Ji), pt = () => {
+const ua = "100vw", fa = "55vw", Or = "768px", ji = F.createContext({}), _e = () => Ye(ji), Li = F.createContext({}), he = () => Ye(Li), ht = () => Ye(Ni), _i = F.createContext({}), vn = () => Ye(_i), Wi = F.createContext({}), pt = () => Ye(Wi), Ji = F.createContext({}), _t = () => Ye(Ji), vt = () => {
   const {
     enqueueSnackbar: e,
     closeSnackbar: t
@@ -1140,7 +1140,7 @@ const ua = "100vw", fa = "55vw", Or = "768px", ji = F.createContext({}), Le = ()
   }, []), i = w(() => {
     t();
   }, []);
-  return ae(() => ({
+  return le(() => ({
     open: n,
     close: i
   }), [n, i]);
@@ -1175,7 +1175,7 @@ const ua = "100vw", fa = "55vw", Or = "768px", ji = F.createContext({}), Le = ()
     ))
   ] });
 }, ga = () => Ye(qi), Zi = ri({}), te = () => {
-  const e = Ye(Zi), t = gt(), n = pn(), i = ht(), o = ye(), l = Le(), a = _t(), s = pt(), c = Ct(), A = ga();
+  const e = Ye(Zi), t = ht(), n = vn(), i = pt(), o = he(), l = _e(), a = _t(), s = vt(), c = Ct(), A = ga();
   return {
     ...e,
     authController: t,
@@ -1197,25 +1197,25 @@ function ha({
   itemCount: o,
   searchString: l
 }) {
-  const a = Le(), c = ye().resolveAliasesFrom(e), A = i ? i[0] : void 0, u = i ? i[1] : void 0, m = te(), [f, d] = D([]), [g, h] = D(!1), [p, v] = D(), [b, y] = D(!1);
+  const a = _e(), c = he().resolveAliasesFrom(e), A = i ? i[0] : void 0, u = i ? i[1] : void 0, m = te(), [f, d] = D([]), [g, h] = D(!1), [p, v] = D(), [b, y] = D(!1);
   return V(() => {
     h(!0);
-    const x = async (C) => {
+    const B = async (C) => {
       if (t.callbacks?.onFetch)
         try {
           C = await Promise.all(
-            C.map((B) => t.callbacks.onFetch({
+            C.map((x) => t.callbacks.onFetch({
               collection: t,
               path: c,
-              entity: B,
+              entity: x,
               context: m
             }))
           );
-        } catch (B) {
-          console.error(B);
+        } catch (x) {
+          console.error(x);
         }
-      h(!1), v(void 0), d(C.map((B) => ({
-        ...B
+      h(!1), v(void 0), d(C.map((x) => ({
+        ...x
         // values: sanitizeData(e.values, resolvedCollection.properties)
       }))), y(!o || C.length < o);
     }, k = (C) => {
@@ -1224,7 +1224,7 @@ function ha({
     return a.listenCollection ? a.listenCollection({
       path: c,
       collection: t,
-      onUpdate: x,
+      onUpdate: B,
       onError: k,
       searchString: l,
       filter: n,
@@ -1241,7 +1241,7 @@ function ha({
       startAfter: void 0,
       orderBy: A,
       order: u
-    }).then(x).catch(k), () => {
+    }).then(B).catch(k), () => {
     });
   }, [c, o, u, A, n, l]), {
     data: f,
@@ -1257,7 +1257,7 @@ function Xi({
   collection: n,
   useCache: i = !1
 }) {
-  const o = Le(), a = ye().resolveAliasesFrom(e), s = te(), [c, A] = D(), [u, m] = D(!0), [f, d] = D();
+  const o = _e(), a = he().resolveAliasesFrom(e), s = te(), [c, A] = D(), [u, m] = D(!0), [f, d] = D();
   return V(() => {
     m(!0);
     const g = async (p) => {
@@ -1501,8 +1501,8 @@ const eo = () => Ye(tr), ba = (e) => {
     u() && navigator.clipboard.writeText("");
   }, h = (b) => v("copy", typeof b == "object" ? void 0 : b), p = () => v("cut"), v = w(
     (b = "copy", y) => {
-      const x = l.current, k = x && (x.tagName === "INPUT" || x.tagName === "TEXTAREA"), C = l.current;
-      u() && !i && (y ? d(y) : x ? k ? (d(C.value), b === "cut" && (C.value = "")) : d(x.innerText) : m("Both the ref & text were undefined"));
+      const B = l.current, k = B && (B.tagName === "INPUT" || B.tagName === "TEXTAREA"), C = l.current;
+      u() && !i && (y ? d(y) : B ? k ? (d(C.value), b === "cut" && (C.value = "")) : d(B.innerText) : m("Both the ref & text were undefined"));
     },
     [i, d, m]
   );
@@ -1523,7 +1523,7 @@ const eo = () => Ye(tr), ba = (e) => {
   xl: 1280,
   "2xl": 1536,
   "3xl": 1920
-}, _e = (e = "lg") => {
+}, We = (e = "lg") => {
   const [t, n] = D(!1);
   return V(() => {
     const i = () => {
@@ -1537,7 +1537,7 @@ const eo = () => Ye(tr), ba = (e) => {
 };
 function to(e) {
   return /* @__PURE__ */ r(
-    be,
+    ye,
     {
       ...e,
       tooltipClassName: "!text-red-500 bg-red-50",
@@ -1592,7 +1592,7 @@ function wt(e) {
     return Ba;
   throw Error("Thumbnail size not mapped");
 }
-function it(e) {
+function ot(e) {
   switch (e) {
     case "xs":
     case "s":
@@ -1610,7 +1610,7 @@ function xa({
   size: e,
   url: t
 }) {
-  const [n, i] = D(!1), o = ae(() => wt(e), [e]);
+  const [n, i] = D(!1), o = le(() => wt(e), [e]);
   return e === "tiny" ? /* @__PURE__ */ r(
     "img",
     {
@@ -1649,7 +1649,7 @@ function xa({
           }
         ),
         n && /* @__PURE__ */ E(G, { children: [
-          navigator && /* @__PURE__ */ r(be, { title: "Copy url to clipboard", children: /* @__PURE__ */ r(
+          navigator && /* @__PURE__ */ r(ye, { title: "Copy url to clipboard", children: /* @__PURE__ */ r(
             "div",
             {
               className: "rounded-full absolute bottom-[-4px] right-8",
@@ -1660,7 +1660,7 @@ function xa({
                   size: "small",
                   onClick: (a) => (a.stopPropagation(), a.preventDefault(), navigator.clipboard.writeText(t)),
                   children: /* @__PURE__ */ r(
-                    Kt,
+                    en,
                     {
                       className: "text-gray-500",
                       size: "small"
@@ -1670,7 +1670,7 @@ function xa({
               )
             }
           ) }),
-          /* @__PURE__ */ r(be, { title: "Open image in new tab", children: /* @__PURE__ */ r(
+          /* @__PURE__ */ r(ye, { title: "Open image in new tab", children: /* @__PURE__ */ r(
             se,
             {
               variant: "filled",
@@ -1686,7 +1686,7 @@ function xa({
               size: "small",
               onClick: (a) => a.stopPropagation(),
               children: /* @__PURE__ */ r(
-                cn,
+                An,
                 {
                   className: "text-gray-500",
                   size: "small"
@@ -1700,7 +1700,7 @@ function xa({
     "image_preview_" + t
   );
 }
-function on({
+function ln({
   url: e,
   previewType: t,
   size: n,
@@ -1744,7 +1744,7 @@ function on({
       },
       children: [
         /* @__PURE__ */ r(Jo, { className: "flex-grow" }),
-        i && /* @__PURE__ */ r(be, { title: i, children: /* @__PURE__ */ r(
+        i && /* @__PURE__ */ r(ye, { title: i, children: /* @__PURE__ */ r(
           q,
           {
             className: "max-w-full truncate rtl text-left",
@@ -1765,7 +1765,7 @@ function on({
       },
       target: "_blank",
       children: [
-        /* @__PURE__ */ r(cn, { size: "small" }),
+        /* @__PURE__ */ r(An, { size: "small" }),
         e
       ]
     }
@@ -1779,7 +1779,7 @@ function Vt({
   let n;
   if (e.dataType === "string") {
     const i = e;
-    i.url ? n = Fa(i, t) : i.storage ? n = no(t) : n = ot();
+    i.url ? n = Fa(i, t) : i.storage ? n = no(t) : n = lt();
   } else if (e.dataType === "array") {
     const i = e;
     i.of && (Array.isArray(i.of) ? n = /* @__PURE__ */ E(G, { children: [
@@ -1787,7 +1787,7 @@ function Vt({
       " "
     ] }) : i.of.dataType === "map" && i.of.properties ? n = ka(i.of.properties, t, i.of.previewProperties) : i.of.dataType === "string" ? i.of.enumValues ? n = Sa() : i.of.storage ? n = kn(i.of) : n = Ia() : n = kn(i.of));
   } else
-    e.dataType === "map" ? n = Ca(e, t) : e.dataType === "date" ? n = ot() : e.dataType === "reference" ? n = Na() : (e.dataType, n = ot());
+    e.dataType === "map" ? n = Ca(e, t) : e.dataType === "date" ? n = lt() : e.dataType === "reference" ? n = Na() : (e.dataType, n = lt());
   return n || null;
 }
 function Ca(e, t) {
@@ -1858,11 +1858,11 @@ function ka(e, t, n) {
   ) }, `table_${o}_${l}`)) }) });
 }
 function Ia() {
-  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [0, 1].map((e, t) => ot(t)) });
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [0, 1].map((e, t) => lt(t)) });
 }
 function Sa() {
   return /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [0, 1].map(
-    (e, t) => /* @__PURE__ */ r(G, { children: ot(t) })
+    (e, t) => /* @__PURE__ */ r(G, { children: lt(t) })
   ) });
 }
 function kn(e, t = 0) {
@@ -1902,7 +1902,7 @@ function Fa(e, t = "medium") {
     display: "flex"
   }, children: [
     ro(),
-    ot()
+    lt()
   ] }) : Qa(t);
 }
 function Qa(e) {
@@ -1914,7 +1914,7 @@ function Qa(e) {
     }
   );
 }
-function ot(e, t = 120) {
+function lt(e, t = 120) {
   return /* @__PURE__ */ r(Ve, { width: t }, `skeleton_${e}`);
 }
 function sd(e) {
@@ -1952,7 +1952,7 @@ function Pa({
     return null;
   const c = a?.metadata ? Ma(a?.metadata.contentType) : void 0, A = c?.startsWith("image") ? "image" : c?.startsWith("video") ? "video" : c?.startsWith("audio") ? "audio" : "file";
   return a?.fileNotFound ? /* @__PURE__ */ r(Ce, { error: "File not found" }) : a?.url ? /* @__PURE__ */ r(
-    on,
+    ln,
     {
       previewType: A,
       url: a.url,
@@ -1973,7 +1973,7 @@ function De({
 }) {
   if (!e)
     return null;
-  const l = ft(e), a = t !== void 0 ? lr(l, t) : void 0, s = ql(a), c = Hl(l, t);
+  const l = mt(e), a = t !== void 0 ? lr(l, t) : void 0, s = ql(a), c = Hl(l, t);
   return /* @__PURE__ */ E(
     Wn,
     {
@@ -2018,7 +2018,7 @@ function io({
   } else {
     if (n.url)
       return /* @__PURE__ */ r(
-        on,
+        ln,
         {
           size: i,
           url: t,
@@ -2045,7 +2045,7 @@ function Vr({
   entity: i,
   size: o
 }) {
-  const l = te(), a = mt({
+  const l = te(), a = gt({
     propertyKey: e,
     property: n,
     propertyValue: t,
@@ -2081,9 +2081,9 @@ function Vr({
     }
   ) });
 }
-const lt = Rn.memo(function(t) {
+const He = Rn.memo(function(t) {
   const n = t.reference;
-  return n instanceof Je ? /* @__PURE__ */ r(Oa, { ...t }) : (console.warn("Reference preview received value of type", typeof n), /* @__PURE__ */ r(
+  return n instanceof je ? /* @__PURE__ */ r(Oa, { ...t }) : (console.warn("Reference preview received value of type", typeof n), /* @__PURE__ */ r(
     Ar,
     {
       onClick: t.onClick,
@@ -2110,7 +2110,7 @@ function Oa({
   onClick: l,
   allowEntityNavigation: a = !0
 }) {
-  const s = te(), A = ye().getCollection(t.path);
+  const s = te(), A = he().getCollection(t.path);
   if (!A) {
     if (s.components?.missingReference)
       return /* @__PURE__ */ r(s.components.missingReference, { path: t.path });
@@ -2131,7 +2131,7 @@ function Oa({
   );
 }
 function Ga({ reference: e, collection: t, previewProperties: n, size: i, disabled: o, allowEntityNavigation: l, onClick: a, onHover: s }) {
-  const c = te(), A = ht(), {
+  const c = te(), A = pt(), {
     entity: u,
     dataLoading: m,
     dataLoadingError: f
@@ -2142,12 +2142,12 @@ function Ga({ reference: e, collection: t, previewProperties: n, size: i, disabl
     useCache: !0
   });
   u && Yr.set(e.pathWithId, u);
-  const d = u ?? Yr.get(e.pathWithId), g = ae(() => Ge({
+  const d = u ?? Yr.get(e.pathWithId), g = le(() => Ge({
     collection: t,
     path: e.path,
     values: d?.values,
     fields: c.propertyConfigs
-  }), [t]), h = ae(
+  }), [t]), h = le(
     () => la(g, c.propertyConfigs, n, i === "small" || i === "medium" ? 3 : 1),
     [n, g, i]
   );
@@ -2182,7 +2182,7 @@ function Ga({ reference: e, collection: t, previewProperties: n, size: i, disabl
                   Se,
                   {
                     propertyKey: v,
-                    value: dt(d.values, v),
+                    value: ut(d.values, v),
                     property: b,
                     entity: d,
                     size: "tiny"
@@ -2201,7 +2201,7 @@ function Ga({ reference: e, collection: t, previewProperties: n, size: i, disabl
         ]
       }
     ),
-    /* @__PURE__ */ r("div", { className: `my-${i === "tiny" ? 2 : 4}`, children: !o && d && l && /* @__PURE__ */ r(be, { title: `See details for ${d.id}`, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r("div", { className: `my-${i === "tiny" ? 2 : 4}`, children: !o && d && l && /* @__PURE__ */ r(ye, { title: `See details for ${d.id}`, children: /* @__PURE__ */ r(
       se,
       {
         color: "inherit",
@@ -2276,7 +2276,7 @@ function Va({
   property: n,
   size: i
 }) {
-  const o = te(), l = mt({
+  const o = te(), l = gt({
     propertyKey: e,
     property: n,
     propertyValue: t,
@@ -2295,7 +2295,7 @@ function Va({
         {
           className: "mt-1 mb-1 w-full",
           children: /* @__PURE__ */ r(
-            lt,
+            He,
             {
               disabled: !A.path,
               previewProperties: A.previewProperties,
@@ -2316,7 +2316,7 @@ function Ya({
   property: i,
   size: o
 }) {
-  const l = te(), a = mt({
+  const l = te(), a = gt({
     propertyKey: e,
     property: i,
     propertyValue: n,
@@ -2391,7 +2391,7 @@ function za({
   entity: i,
   size: o
 }) {
-  const l = te(), a = mt({
+  const l = te(), a = gt({
     propertyKey: e,
     property: n,
     propertyValue: t,
@@ -2424,7 +2424,7 @@ function Ua({
   size: i,
   entity: o
 }) {
-  const l = te(), a = mt({
+  const l = te(), a = gt({
     propertyKey: e,
     property: n,
     propertyValue: t,
@@ -2437,7 +2437,7 @@ function Ua({
   const s = t;
   if (!s)
     return null;
-  const c = i === "medium" ? "small" : "tiny", A = a.oneOf.typeField ?? Tt, u = a.oneOf.valueField ?? tn, m = a.oneOf.properties;
+  const c = i === "medium" ? "small" : "tiny", A = a.oneOf.typeField ?? Tt, u = a.oneOf.valueField ?? nn, m = a.oneOf.properties;
   return /* @__PURE__ */ r("div", { className: "flex flex-col", children: s && s.map(
     (f, d) => /* @__PURE__ */ r(
       F.Fragment,
@@ -2619,7 +2619,7 @@ function _a({
   size: n
 }) {
   if (t.enumValues) {
-    const i = e, o = ft(t.enumValues);
+    const i = e, o = mt(t.enumValues);
     return o ? /* @__PURE__ */ r(
       De,
       {
@@ -2669,13 +2669,13 @@ function Se(e) {
   else if (u.dataType === "string") {
     const m = u;
     typeof l == "string" ? m.url ? typeof m.url == "boolean" ? n = /* @__PURE__ */ r(
-      on,
+      ln,
       {
         size: e.size,
         url: l
       }
     ) : typeof m.url == "string" && (n = /* @__PURE__ */ r(
-      on,
+      ln,
       {
         size: e.size,
         url: l,
@@ -2688,14 +2688,14 @@ function Se(e) {
         size: e.size,
         storagePathOrDownloadUrl: l
       }
-    ) : m.markdown ? n = /* @__PURE__ */ r(An, { source: l }) : n = /* @__PURE__ */ r(
+    ) : m.markdown ? n = /* @__PURE__ */ r(dn, { source: l }) : n = /* @__PURE__ */ r(
       io,
       {
         ...e,
         property: m,
         value: l
       }
-    ) : n = st(o, u.dataType, l);
+    ) : n = ct(o, u.dataType, l);
   } else if (u.dataType === "array")
     if (l instanceof Array) {
       const m = u;
@@ -2759,7 +2759,7 @@ function Se(e) {
         }
       ));
     } else
-      n = st(o, u.dataType, l);
+      n = ct(o, u.dataType, l);
   else
     u.dataType === "map" ? typeof l == "object" ? n = /* @__PURE__ */ r(
       $a,
@@ -2767,8 +2767,8 @@ function Se(e) {
         ...e,
         property: u
       }
-    ) : n = st(o, u.dataType, l) : u.dataType === "date" ? l instanceof Date ? n = /* @__PURE__ */ r(ja, { date: l }) : n = st(o, u.dataType, l) : u.dataType === "reference" ? typeof u.path == "string" ? l instanceof Je ? n = /* @__PURE__ */ r(
-      lt,
+    ) : n = ct(o, u.dataType, l) : u.dataType === "date" ? l instanceof Date ? n = /* @__PURE__ */ r(ja, { date: l }) : n = ct(o, u.dataType, l) : u.dataType === "reference" ? typeof u.path == "string" ? l instanceof je ? n = /* @__PURE__ */ r(
+      He,
       {
         disabled: !u.path,
         previewProperties: u.previewProperties,
@@ -2776,17 +2776,17 @@ function Se(e) {
         onClick: e.onClick,
         reference: l
       }
-    ) : n = st(o, u.dataType, l) : n = /* @__PURE__ */ r(Pt, {}) : u.dataType === "boolean" ? typeof l == "boolean" ? n = /* @__PURE__ */ r(La, { value: l }) : n = st(o, u.dataType, l) : u.dataType === "number" ? typeof l == "number" ? n = /* @__PURE__ */ r(
+    ) : n = ct(o, u.dataType, l) : n = /* @__PURE__ */ r(Pt, {}) : u.dataType === "boolean" ? typeof l == "boolean" ? n = /* @__PURE__ */ r(La, { value: l }) : n = ct(o, u.dataType, l) : u.dataType === "number" ? typeof l == "number" ? n = /* @__PURE__ */ r(
       _a,
       {
         ...e,
         value: l,
         property: u
       }
-    ) : n = st(o, u.dataType, l) : n = JSON.stringify(l);
+    ) : n = ct(o, u.dataType, l) : n = JSON.stringify(l);
   return n ?? /* @__PURE__ */ r(Pt, {});
 }
-function st(e, t, n) {
+function ct(e, t, n) {
   return console.warn(`Unexpected value for property ${e}, of type ${t}`, n), /* @__PURE__ */ r(
     Ce,
     {
@@ -2802,7 +2802,7 @@ function cd({
   size: i,
   entity: o
 }) {
-  const l = te(), a = mt({
+  const l = te(), a = gt({
     propertyKey: e,
     property: n,
     propertyValue: t,
@@ -2869,7 +2869,7 @@ function ao({
   path: n,
   className: i
 }) {
-  const o = te(), l = ae(() => Ge({
+  const o = te(), l = le(() => Ge({
     collection: t,
     path: n,
     entityId: e.id,
@@ -2888,7 +2888,7 @@ function ao({
             rel: "noopener noreferrer",
             target: "_blank",
             children: /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(
-              cn,
+              An,
               {
                 size: "small"
               }
@@ -3063,7 +3063,7 @@ function In(e) {
       ))
     }
   ) : /* @__PURE__ */ r(
-    Xe,
+    Ke,
     {
       inputRef: f,
       className: "w-full h-full p-0 bg-transparent",
@@ -3077,7 +3077,7 @@ function In(e) {
       onMultiValueChange: d,
       renderValue: g,
       children: n?.map((h) => /* @__PURE__ */ r(
-        Ke,
+        et,
         {
           value: String(h.id),
           children: /* @__PURE__ */ r(
@@ -3250,27 +3250,27 @@ function Ao({
   const A = o.dataType === "string" ? o.storage : o.dataType === "array" && o.of.dataType === "string" ? o.of.storage : void 0, u = o.dataType === "array";
   if (!A)
     throw Error("Storage meta must be specified");
-  const m = A?.metadata, f = u ? "small" : "medium", d = A?.imageCompression, g = (u ? i ?? [] : i ? [i] : []).map((B) => ({
+  const m = A?.metadata, f = u ? "small" : "medium", d = A?.imageCompression, g = (u ? i ?? [] : i ? [i] : []).map((x) => ({
     id: Sn(),
-    storagePathOrDownloadUrl: B,
+    storagePathOrDownloadUrl: x,
     metadata: m,
     size: f
   })), [h, p] = D(i), [v, b] = D(g);
   V(() => {
     me(h, i) || (p(i), b(g));
   }, [g, i, h]);
-  const y = w(async (B) => {
+  const y = w(async (x) => {
     if (A.fileName) {
-      const I = await Xa(A.fileName, A, t, e, n, o, B, l);
+      const I = await Xa(A.fileName, A, t, e, n, o, x, l);
       if (!I || I.length === 0)
         throw Error("You need to return a valid filename");
       return I;
     }
-    return Ot() + "_" + B.name;
-  }, [e, t, n, o, l, A]), x = w((B) => Ka(A.storagePath, A, t, e, n, o, B, l) ?? "/", [e, t, n, o, l, A]), k = w(async (B, I, S) => {
-    console.debug("onFileUploadComplete", B, I);
-    let Q = B;
-    if (A.storeUrl && (Q = (await a.getDownloadURL(B)).url), A.postProcess && Q && (Q = await A.postProcess(Q)), !Q) {
+    return Ot() + "_" + x.name;
+  }, [e, t, n, o, l, A]), B = w((x) => Ka(A.storagePath, A, t, e, n, o, x, l) ?? "/", [e, t, n, o, l, A]), k = w(async (x, I, S) => {
+    console.debug("onFileUploadComplete", x, I);
+    let Q = x;
+    if (A.storeUrl && (Q = (await a.getDownloadURL(x)).url), A.postProcess && Q && (Q = await A.postProcess(Q)), !Q) {
       console.warn("uploadPathOrDownloadUrl is null");
       return;
     }
@@ -3278,14 +3278,14 @@ function Ao({
     I.storagePathOrDownloadUrl = Q, I.metadata = S, N = [...v], N = Ur(N), b(N);
     const P = N.filter((U) => !!U.storagePathOrDownloadUrl).map((U) => U.storagePathOrDownloadUrl);
     c(u ? P : P ? P[0] : null);
-  }, [v, u, c, A, a]), C = w(async (B) => {
-    if (!B.length || s)
+  }, [v, u, c, A, a]), C = w(async (x) => {
+    if (!x.length || s)
       return;
     let I;
     if (u)
       I = [
         ...v,
-        ...await Promise.all(B.map(async (S) => (d && $n(S) && (S = await jr(S, d)), {
+        ...await Promise.all(x.map(async (S) => (d && $n(S) && (S = await jr(S, d)), {
           id: Sn(),
           file: S,
           fileName: await y(S),
@@ -3294,7 +3294,7 @@ function Ao({
         })))
       ];
     else {
-      let S = B[0];
+      let S = x[0];
       d && $n(S) && (S = await jr(S, d)), I = [{
         id: Sn(),
         file: S,
@@ -3310,7 +3310,7 @@ function Ao({
     setInternalValue: b,
     storage: A,
     fileNameBuilder: y,
-    storagePathBuilder: x,
+    storagePathBuilder: B,
     onFileUploadComplete: k,
     onFilesAdded: C,
     multipleFilesSupported: u
@@ -3351,7 +3351,7 @@ function uo({
   imageSize: o,
   simple: l
 }) {
-  const a = _t(), s = pt(), [c, A] = F.useState(), [u, m] = F.useState(!1), f = F.useRef(!1), d = F.useRef(!1), g = w((h, p) => {
+  const a = _t(), s = vt(), [c, A] = F.useState(), [u, m] = F.useState(!1), f = F.useRef(!1), d = F.useRef(!1), g = w((h, p) => {
     d.current || (d.current = !0, A(void 0), m(!0), a.uploadFile({
       file: h,
       fileName: p,
@@ -3371,7 +3371,7 @@ function uo({
   return F.useEffect(() => (f.current = !0, t.file && g(t.file, t.fileName), () => {
     f.current = !1;
   }), [t.file, t.fileName, g]), l ? /* @__PURE__ */ r("div", { className: `m-4 w-${o} h-${o}`, children: u && /* @__PURE__ */ r(Ve, { className: `w-${o} h-${o}` }) }) : /* @__PURE__ */ E("div", { className: X(
-    dn,
+    un,
     "relative m-4 border-box flex items-center justify-center",
     `min-w-[${o}px] min-h-[${o}px]`
   ), children: [
@@ -3534,8 +3534,8 @@ function ls({
     } else
       throw Error("Storage field using array must be of data type string");
   }
-  const x = d?.metadata, k = !!n, C = pt(), {
-    open: B,
+  const B = d?.metadata, k = !!n, C = vt(), {
+    open: x,
     getRootProps: I,
     getInputProps: S,
     isDragActive: Q,
@@ -3558,7 +3558,7 @@ function ls({
             });
       }
     }
-  ), { ...U } = I(), Z = A ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", W = A ? e.of : e, ne = ae(() => wt(y), [y]), le = !m && s;
+  ), { ...U } = I(), Z = A ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", W = A ? e.of : e, ne = le(() => wt(y), [y]), ae = !m && s;
   return /* @__PURE__ */ E(
     "div",
     {
@@ -3591,7 +3591,7 @@ function ls({
             uo,
             {
               entry: $,
-              metadata: x,
+              metadata: B,
               storagePath: p($.file),
               onFileUploadComplete: h,
               imageSize: ne,
@@ -3604,7 +3604,7 @@ function ls({
           "div",
           {
             className: "flex-grow m-2 max-w-[200px]",
-            onClick: B,
+            onClick: x,
             children: /* @__PURE__ */ r(
               q,
               {
@@ -3619,7 +3619,7 @@ function ls({
         /* @__PURE__ */ r(
           fo,
           {
-            showError: le,
+            showError: ae,
             disabled: m,
             showExpandIcon: !0,
             selected: a,
@@ -3629,7 +3629,7 @@ function ls({
               {
                 color: "inherit",
                 size: "small",
-                onClick: B,
+                onClick: x,
                 children: /* @__PURE__ */ r(Xo, { size: "small", className: "text-gray-500" })
               }
             )
@@ -3663,7 +3663,7 @@ function as({
   );
 }
 function Lr(e) {
-  const t = te(), n = ye(), { path: i } = e, o = n.getCollection(i);
+  const t = te(), n = he(), { path: i } = e, o = n.getCollection(i);
   if (!o) {
     if (t.components?.missingReference)
       return /* @__PURE__ */ r(t.components.missingReference, { path: i });
@@ -3685,10 +3685,10 @@ function ss(e) {
     forceFilter: u,
     collection: m
   } = e, [f, d] = D(!1), g = w(() => d(!0), []), h = w(() => d(!1), []), p = w((I) => {
-    i(I ? yt(I) : null);
+    i(I ? at(I) : null);
   }, [i]), v = w((I) => {
-    i(I.map((S) => yt(S)));
-  }, [i]), b = n ? Array.isArray(n) ? n.map((I) => I.id) : n.id ? [n.id] : [] : [], y = bn(
+    i(I.map((S) => at(S)));
+  }, [i]), b = n ? Array.isArray(n) ? n.map((I) => I.id) : n.id ? [n.id] : [] : [], y = Wt(
     {
       multiselect: o,
       path: l,
@@ -3698,13 +3698,13 @@ function ss(e) {
       selectedEntityIds: b,
       forceFilter: u
     }
-  ), x = w(() => {
+  ), B = w(() => {
     A || y.open();
-  }, [A, y]), k = !n || Array.isArray(n) && n.length === 0, C = () => n instanceof Je ? /* @__PURE__ */ r(
-    lt,
+  }, [A, y]), k = !n || Array.isArray(n) && n.length === 0, C = () => n instanceof je ? /* @__PURE__ */ r(
+    He,
     {
-      onClick: A ? void 0 : x,
-      size: it(a),
+      onClick: A ? void 0 : B,
+      size: ot(a),
       reference: n,
       onHover: f,
       disabled: !l,
@@ -3713,19 +3713,19 @@ function ss(e) {
   ) : /* @__PURE__ */ r(
     Ar,
     {
-      onClick: A ? void 0 : x,
-      size: it(a),
+      onClick: A ? void 0 : B,
+      size: ot(a),
       children: /* @__PURE__ */ r(Ce, { title: "Value is not a reference.", error: "Click to edit" })
     }
-  ), B = () => Array.isArray(n) ? /* @__PURE__ */ r(G, { children: n.map(
+  ), x = () => Array.isArray(n) ? /* @__PURE__ */ r(G, { children: n.map(
     (I, S) => /* @__PURE__ */ r(
       "div",
       {
         className: "m-1 w-full",
         children: /* @__PURE__ */ r(
-          lt,
+          He,
           {
-            onClick: A ? void 0 : x,
+            onClick: A ? void 0 : B,
             size: "tiny",
             reference: I,
             onHover: f,
@@ -3746,11 +3746,11 @@ function ss(e) {
       onMouseLeave: h,
       children: [
         n && !o && C(),
-        n && o && B(),
+        n && o && x(),
         k && /* @__PURE__ */ E(
           Ae,
           {
-            onClick: x,
+            onClick: B,
             size: "small",
             variant: "outlined",
             color: "primary",
@@ -3828,7 +3828,7 @@ function As({
   const a = e.validation;
   if (e.enumValues) {
     a?.required && (l = l.required(a?.requiredMessage ? a.requiredMessage : "Required"));
-    const s = ft(e.enumValues);
+    const s = mt(e.enumValues);
     l = l.oneOf(
       (a?.required ? s : [...s, null]).map((c) => c?.id ?? null)
     ).nullable(!0);
@@ -3984,7 +3984,7 @@ function ps({
         Qe.mixed().test(
           "Dynamic object validation",
           "Dynamic object validation error",
-          (c, A) => dt(s, A.path).validate(c)
+          (c, A) => ut(s, A.path).validate(c)
         )
       );
     } else {
@@ -4066,7 +4066,7 @@ const vs = ({
     Ko(y, () => {
       o && d && d(void 0);
     }, !!(o && d));
-    const [x, k] = D(!1), C = ae(() => Et(i), [i]), [B, I] = D(!1), [S, Q] = D(s), N = !l && c;
+    const [B, k] = D(!1), C = le(() => Et(i), [i]), [x, I] = D(!1), [S, Q] = D(s), N = !l && c;
     V(() => {
       s && Q(!0);
       const J = setTimeout(() => {
@@ -4114,10 +4114,10 @@ const vs = ({
     V(() => {
       if (b) {
         const J = b.height > C;
-        x !== J && k(J);
+        B !== J && k(J);
       }
-    }, [b, x, C]);
-    const ne = !N && o, le = !l && u && x, $ = !l && !u && x, Y = w(() => I(!0), []), ce = w(() => I(!1), []);
+    }, [b, B, C]);
+    const ne = !N && o, ae = !l && u && B, $ = !l && !u && B, Y = w(() => I(!0), []), ce = w(() => I(!1), []);
     return /* @__PURE__ */ E(
       "div",
       {
@@ -4125,7 +4125,7 @@ const vs = ({
         className: X(
           "transition-colors duration-100 ease-in-out",
           `flex relative h-full rounded-md p-${P} border border-4  border-opacity-75`,
-          B && !l ? "bg-gray-50 dark:bg-gray-900" : "",
+          x && !l ? "bg-gray-50 dark:bg-gray-900" : "",
           s ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "",
           !ne && !S && !N ? "border-transparent" : "",
           h ? "overflow-hidden" : "",
@@ -4136,7 +4136,7 @@ const vs = ({
         ),
         style: {
           justifyContent: U,
-          alignItems: l || !x ? "center" : void 0,
+          alignItems: l || !B ? "center" : void 0,
           width: g ?? "100%",
           textAlign: A
         },
@@ -4153,7 +4153,7 @@ const vs = ({
               {
                 fullHeight: f ?? !1,
                 justifyContent: U,
-                scrollable: le ?? !1,
+                scrollable: ae ?? !1,
                 faded: $,
                 children: !f && /* @__PURE__ */ r(
                   "div",
@@ -4172,7 +4172,7 @@ const vs = ({
             )
           ] }),
           n,
-          l && B && a && /* @__PURE__ */ r("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ r(be, { title: a, children: /* @__PURE__ */ r(el, { size: "smallest", color: "disabled", className: "text-gray-500" }) }) })
+          l && x && a && /* @__PURE__ */ r("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ r(ye, { title: a, children: /* @__PURE__ */ r(el, { size: "smallest", color: "disabled", className: "text-gray-500" }) }) })
         ]
       }
     );
@@ -4202,11 +4202,11 @@ const ys = F.memo(
       selectedCell: h,
       select: p,
       setPopupCell: v
-    } = Os(), b = h?.propertyKey === t && h?.entity.path === A.path && h?.entity.id === A.id, [y, x] = D(i), k = ue(i), [C, B] = D(), [I, S] = D(!1), Q = w(() => {
+    } = Os(), b = h?.propertyKey === t && h?.entity.path === A.path && h?.entity.id === A.id, [y, B] = D(i), k = ue(i), [C, x] = D(), [I, S] = D(!1), Q = w(() => {
       S(!0), setTimeout(() => {
         S(!1);
       }, 100);
-    }, []), N = !!o.Field, P = !!o.Preview, U = Lt(o), Z = typeof o.disabled == "object" ? o.disabled.disabledMessage : void 0, W = u || m || !!o.disabled, ne = ae(() => Yt({
+    }, []), N = !!o.Field, P = !!o.Preview, U = Lt(o), Z = typeof o.disabled == "object" ? o.disabled.disabledMessage : void 0, W = u || m || !!o.disabled, ne = le(() => Yt({
       property: o,
       entityId: A.id,
       customFieldValidator: n,
@@ -4214,33 +4214,33 @@ const ys = F.memo(
     }), [A.id, o, t]);
     V(
       () => {
-        me(i, k.current) || (B(void 0), x(i), k.current = i, Q());
+        me(i, k.current) || (x(void 0), B(i), k.current = i, Q());
       },
       [Q, i]
     );
-    const le = (R) => {
+    const ae = (R) => {
       me(R, k.current) || (S(!1), ne.validate(R).then(() => {
-        B(void 0), k.current = R, d && d({
+        x(void 0), k.current = R, d && d({
           value: R,
           propertyKey: t,
-          setError: B,
+          setError: x,
           onValueUpdated: Q,
           entity: A,
           fullPath: c,
           context: f
         });
       }).catch((T) => {
-        B(T);
+        x(T);
       }));
     };
     V(() => {
-      ne.validate(y).then(() => B(void 0)).catch((R) => {
-        B(R);
+      ne.validate(y).then(() => x(void 0)).catch((R) => {
+        x(R);
       });
     }, [y, ne, t, o, A]);
     const $ = (R) => {
       let T;
-      R === void 0 ? T = null : T = R, x(T), le(T);
+      R === void 0 ? T = null : T = R, B(T), ae(T);
     };
     ze({
       property: o,
@@ -4287,7 +4287,7 @@ const ys = F.memo(
               property: o,
               entity: A,
               value: y,
-              size: it(g)
+              size: ot(g)
             }
           )
         },
@@ -4307,7 +4307,7 @@ const ys = F.memo(
             entity: A,
             path: c,
             value: y,
-            previewSize: it(g),
+            previewSize: ot(g),
             updateValue: $,
             propertyKey: t
           }
@@ -4322,7 +4322,7 @@ const ys = F.memo(
             disabled: W,
             focused: b,
             valueType: "number",
-            small: it(g) !== "medium",
+            small: ot(g) !== "medium",
             enumValues: T.enumValues,
             error: C,
             internalValue: y,
@@ -4350,7 +4350,7 @@ const ys = F.memo(
               focused: b,
               disabled: W,
               valueType: "string",
-              small: it(g) !== "medium",
+              small: ot(g) !== "medium",
               enumValues: T.enumValues,
               error: C,
               internalValue: y,
@@ -4422,7 +4422,7 @@ const ys = F.memo(
             multiple: !0,
             disabled: W,
             focused: b,
-            small: it(g) !== "medium",
+            small: ot(g) !== "medium",
             valueType: T.of.dataType,
             enumValues: T.of.enumValues,
             error: C,
@@ -4455,7 +4455,7 @@ const ys = F.memo(
         propertyKey: t,
         value: y,
         property: o,
-        size: it(g)
+        size: ot(g)
       }
     )), /* @__PURE__ */ r(
       jn,
@@ -4495,13 +4495,13 @@ const ys = F.memo(
 function ws(e, t) {
   return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && me(e.property, t.property) && me(e.value, t.value) && me(e.entity.id, t.entity.id) && me(e.entity.values, t.entity.values);
 }
-function ln({ text: e, ...t }) {
+function an({ text: e, ...t }) {
   return /* @__PURE__ */ r(
     "div",
     {
       className: "flex w-full h-screen max-h-full max-w-full bg-gray-50 dark:bg-gray-900 gap-4",
       children: /* @__PURE__ */ E("div", { className: "m-auto flex flex-col gap-2 items-center", children: [
-        /* @__PURE__ */ r(un, { ...t }),
+        /* @__PURE__ */ r(fn, { ...t }),
         e && /* @__PURE__ */ r(
           q,
           {
@@ -4529,11 +4529,11 @@ const Es = F.memo(
     createFilterField: u,
     AdditionalHeaderWidget: m
   }) {
-    const [f, d] = D(!1), [g, h] = F.useState(!1), [p, v] = F.useState(!1), b = w((B) => {
+    const [f, d] = D(!1), [g, h] = F.useState(!1), [p, v] = F.useState(!1), b = w((x) => {
       h(!0);
-    }, []), y = w((B, I) => {
-      a(c, B), I !== void 0 && h(I);
-    }, [c, a]), x = i === n, C = !(i !== n && i > 0) && (f || x);
+    }, []), y = w((x, I) => {
+      a(c, x), I !== void 0 && h(I);
+    }, [c, a]), B = i === n, C = !(i !== n && i > 0) && (f || B);
     return /* @__PURE__ */ r(de, { children: /* @__PURE__ */ E(
       "div",
       {
@@ -4727,7 +4727,7 @@ const xs = ({
   createFilterField: c,
   AddColumnComponent: A
 }) => {
-  const u = e.map(() => Go()), [m, f] = D(-1), d = w((k, C, B) => {
+  const u = e.map(() => Go()), [m, f] = D(-1), d = w((k, C, x) => {
     const I = e[k], S = 100, Q = 800, N = C > Q ? Q : C < S ? S : C, P = {
       width: N,
       key: I.key,
@@ -4736,7 +4736,7 @@ const xs = ({
         width: N
       }
     };
-    B ? s(P) : a(P);
+    x ? s(P) : a(P);
   }, [e, a, s]), g = w((k) => {
     if (m >= 0) {
       const C = u[m].current?.parentElement?.getBoundingClientRect().left;
@@ -4760,7 +4760,7 @@ const xs = ({
   V(() => (m >= 0 ? y() : b(), () => {
     b();
   }), [y, m, b]);
-  const x = w((k) => {
+  const B = w((k) => {
     f(k), h(!0);
   }, [h]);
   return /* @__PURE__ */ E(
@@ -4769,7 +4769,7 @@ const xs = ({
       className: X(xe, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 h-12 border-b bg-gray-50 dark:bg-gray-900"),
       children: [
         e.map((k, C) => {
-          const B = e[C], I = B && l && l[B.key] ? l[B.key] : void 0;
+          const x = e[C], I = x && l && l[x.key] ? l[x.key] : void 0;
           return /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(
             Es,
             {
@@ -4778,14 +4778,14 @@ const xs = ({
               isResizingIndex: m,
               onFilterUpdate: i,
               filter: I,
-              sort: o === B.key ? t : void 0,
+              sort: o === x.key ? t : void 0,
               onColumnSort: n,
-              onClickResizeColumn: x,
-              column: B,
+              onClickResizeColumn: B,
+              column: x,
               createFilterField: c,
-              AdditionalHeaderWidget: B.AdditionalHeaderWidget
+              AdditionalHeaderWidget: x.AdditionalHeaderWidget
             }
-          ) }, "header_" + B.key);
+          ) }, "header_" + x.key);
         }),
         A && /* @__PURE__ */ r(A, {})
       ]
@@ -4847,12 +4847,12 @@ const xs = ({
     );
   },
   (e, t) => me(e, t)
-), vn = ri({});
-vn.displayName = "VirtualListContext";
+), bn = ri({});
+bn.displayName = "VirtualListContext";
 const Is = Vo(({
   children: e,
   ...t
-}, n) => /* @__PURE__ */ r(vn.Consumer, { children: (i) => {
+}, n) => /* @__PURE__ */ r(bn.Consumer, { children: (i) => {
   const o = i.customView;
   return /* @__PURE__ */ E(G, { children: [
     /* @__PURE__ */ r(
@@ -4911,11 +4911,11 @@ const Is = Vo(({
     hoverRow: v,
     createFilterField: b,
     rowClassName: y,
-    className: x,
+    className: B,
     endAdornment: k,
     AddColumnComponent: C
   }) {
-    const B = m ? m[0] : void 0, I = m ? m[1] : void 0, [S, Q] = D(l), N = ue(null), P = ue(0);
+    const x = m ? m[0] : void 0, I = m ? m[1] : void 0, [S, Q] = D(l), N = ue(null), P = ue(0);
     V(() => {
       Q(l);
     }, [l]);
@@ -4923,16 +4923,16 @@ const Is = Vo(({
       Q(S.map((T) => T.key === R.column.key ? R.column : T));
     }, [S]), ne = w((R) => {
       Q(S.map((T) => T.key === R.column.key ? R.column : T)), s && s(R);
-    }, [S, s]), le = ue();
+    }, [S, s]), ae = ue();
     V(() => {
-      le.current = c;
+      ae.current = c;
     }, [c]);
     const $ = w(() => {
       P.current = 0, N.current && N.current.scrollTo(N.current?.scrollLeft, 0);
     }, []), Y = w((R) => {
-      const T = B === R && I === "desc", we = B === R && I === "asc" ? "desc" : T ? void 0 : "asc", he = T ? void 0 : R, Me = le.current, et = we && he ? [he, we] : void 0;
-      Me && A && !A(Me, et) && u && u(void 0), n && n(), g && g(et), $();
-    }, [A, I, u, n, g, $, B]), ce = w(() => {
+      const T = x === R && I === "desc", we = x === R && I === "asc" ? "desc" : T ? void 0 : "asc", pe = T ? void 0 : R, Me = ae.current, tt = we && pe ? [pe, we] : void 0;
+      Me && A && !A(Me, tt) && u && u(void 0), n && n(), g && g(tt), $();
+    }, [A, I, u, n, g, $, x]), ce = w(() => {
       P.current = 0, g && g(void 0);
     }, [g]), J = Math.max((t?.length ?? 0) * Et(o) - Z.height, 0), K = w((R) => {
       i && (t?.length ?? 0) > 0 && R > P.current + 600 && (P.current = R, i());
@@ -4943,19 +4943,19 @@ const Is = Vo(({
       !T && R >= J - 600 && K(R);
     }, [J, K]), j = w((R, T) => {
       P.current = 0;
-      const Pe = le.current;
+      const Pe = ae.current;
       let we = Pe ? { ...Pe } : {};
-      T ? we[R.key] = T : delete we[R.key], !A || A(we, B && I ? [B, I] : void 0) || (we = T ? { [R.key]: T } : {}), u && u(we), R.key !== B && ce();
-    }, [A, I, u, ce, B]), M = w(() => /* @__PURE__ */ E(
+      T ? we[R.key] = T : delete we[R.key], !A || A(we, x && I ? [x, I] : void 0) || (we = T ? { [R.key]: T } : {}), u && u(we), R.key !== x && ce();
+    }, [A, I, u, ce, x]), M = w(() => /* @__PURE__ */ E(
       "div",
       {
         className: "h-full flex flex-col items-center justify-center sticky left-0",
         children: [
           /* @__PURE__ */ r(q, { variant: "h6", children: "Error fetching data from the data source" }),
-          f?.message && /* @__PURE__ */ r(An, { className: "px-4 break-all", source: f.message })
+          f?.message && /* @__PURE__ */ r(dn, { className: "px-4 break-all", source: f.message })
         ]
       }
-    ), [f?.message]), _ = w(() => h ? /* @__PURE__ */ r(ln, {}) : /* @__PURE__ */ E(
+    ), [f?.message]), _ = w(() => h ? /* @__PURE__ */ r(an, {}) : /* @__PURE__ */ E(
       "div",
       {
         className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
@@ -4969,9 +4969,9 @@ const Is = Vo(({
       "div",
       {
         ref: U,
-        className: X("h-full w-full", x),
+        className: X("h-full w-full", B),
         children: /* @__PURE__ */ r(
-          vn.Provider,
+          bn.Provider,
           {
             value: {
               data: t,
@@ -4983,10 +4983,10 @@ const Is = Vo(({
               customView: L,
               onColumnResize: W,
               onColumnResizeEnd: ne,
-              filter: le.current,
+              filter: ae.current,
               onColumnSort: Y,
               onFilterUpdate: j,
-              sortByProperty: B,
+              sortByProperty: x,
               hoverRow: v ?? !1,
               createFilterField: b,
               rowClassName: y,
@@ -5025,7 +5025,7 @@ function Ns({
   const s = w(({
     index: c,
     style: A
-  }) => /* @__PURE__ */ r(vn.Consumer, { children: ({
+  }) => /* @__PURE__ */ r(bn.Consumer, { children: ({
     onRowClick: u,
     data: m,
     columns: f,
@@ -5059,7 +5059,7 @@ function Ns({
         },
         size: d,
         children: [
-          f.map((y, x) => {
+          f.map((y, B) => {
             const k = b && b[y.key];
             return /* @__PURE__ */ r(
               ks,
@@ -5071,7 +5071,7 @@ function Ns({
                 rowData: b,
                 cellData: k,
                 rowIndex: c,
-                columnIndex: x
+                columnIndex: B
               },
               `cell_${y.key}`
             );
@@ -5113,11 +5113,11 @@ const ur = F.memo(function({
   hideId: d,
   selectionController: g
 }) {
-  const h = _e(), p = te(), v = w((B) => {
+  const h = We(), p = te(), v = w((x) => {
     g?.toggleEntitySelection(t);
-  }, [t, g?.toggleEntitySelection]), b = w((B) => {
-    B.stopPropagation(), g?.toggleEntitySelection(t);
-  }, [t, g?.toggleEntitySelection]), y = f.length > 0, x = f.some((B) => B.collapsed || B.collapsed === void 0), k = f.filter((B) => B.collapsed || B.collapsed === void 0), C = f.filter((B) => B.collapsed === !1);
+  }, [t, g?.toggleEntitySelection]), b = w((x) => {
+    x.stopPropagation(), g?.toggleEntitySelection(t);
+  }, [t, g?.toggleEntitySelection]), y = f.length > 0, B = f.some((x) => x.collapsed || x.collapsed === void 0), k = f.filter((x) => x.collapsed || x.collapsed === void 0), C = f.filter((x) => x.collapsed === !1);
   return /* @__PURE__ */ E(
     "div",
     {
@@ -5134,11 +5134,11 @@ const ur = F.memo(function({
       },
       children: [
         (y || s) && /* @__PURE__ */ E("div", { className: "w-34 flex justify-center", children: [
-          C.map((B, I) => /* @__PURE__ */ r(be, { title: B.name, children: /* @__PURE__ */ r(
+          C.map((x, I) => /* @__PURE__ */ r(ye, { title: x.name, children: /* @__PURE__ */ r(
             se,
             {
               onClick: (S) => {
-                S.stopPropagation(), B.onClick({
+                S.stopPropagation(), x.onClick({
                   entity: t,
                   fullPath: i,
                   collection: n,
@@ -5150,10 +5150,10 @@ const ur = F.memo(function({
                 });
               },
               size: h ? "medium" : "small",
-              children: B.icon
+              children: x.icon
             }
           ) }, I)),
-          x && /* @__PURE__ */ r(
+          B && /* @__PURE__ */ r(
             Ut,
             {
               trigger: /* @__PURE__ */ r(
@@ -5163,11 +5163,11 @@ const ur = F.memo(function({
                   children: /* @__PURE__ */ r(mi, {})
                 }
               ),
-              children: k.map((B, I) => /* @__PURE__ */ E(
+              children: k.map((x, I) => /* @__PURE__ */ E(
                 Ie,
                 {
                   onClick: (S) => {
-                    S.stopPropagation(), B.onClick({
+                    S.stopPropagation(), x.onClick({
                       entity: t,
                       fullPath: i,
                       collection: n,
@@ -5179,15 +5179,15 @@ const ur = F.memo(function({
                     });
                   },
                   children: [
-                    B.icon,
-                    B.name
+                    x.icon,
+                    x.name
                   ]
                 },
                 I
               ))
             }
           ),
-          s && /* @__PURE__ */ r(be, { title: `Select ${t.id}`, children: /* @__PURE__ */ r(
+          s && /* @__PURE__ */ r(ye, { title: `Select ${t.id}`, children: /* @__PURE__ */ r(
             di,
             {
               size: h ? "medium" : "small",
@@ -5199,8 +5199,8 @@ const ur = F.memo(function({
         !d && c !== "xs" && /* @__PURE__ */ r("div", { className: "w-[138px] text-center overflow-hidden truncate", children: t ? /* @__PURE__ */ E(
           q,
           {
-            onClick: (B) => {
-              B.stopPropagation();
+            onClick: (x) => {
+              x.stopPropagation();
             },
             className: "font-mono select-all",
             variant: "caption",
@@ -5217,7 +5217,7 @@ const ur = F.memo(function({
   );
 }, me);
 function Fs(e) {
-  const t = _e(), n = !e.forceFilter && e.filterIsSet && e.clearFilter && /* @__PURE__ */ E(
+  const t = We(), n = !e.forceFilter && e.filterIsSet && e.clearFilter && /* @__PURE__ */ E(
     Ae,
     {
       variant: "outlined",
@@ -5231,14 +5231,14 @@ function Fs(e) {
       ]
     }
   ), i = /* @__PURE__ */ r(
-    Xe,
+    Ke,
     {
       value: e.size,
       className: "w-16 h-10",
       size: "small",
       onValueChange: (o) => e.onSizeChanged(o),
       renderValue: (o) => /* @__PURE__ */ r("div", { className: "font-medium", children: o.toUpperCase() }),
-      children: ["xs", "s", "m", "l", "xl"].map((o) => /* @__PURE__ */ r(Ke, { value: o, className: "w-12 font-medium text-center", children: o.toUpperCase() }, o))
+      children: ["xs", "s", "m", "l", "xl"].map((o) => /* @__PURE__ */ r(et, { value: o, className: "w-12 font-medium text-center", children: o.toUpperCase() }, o))
     }
   );
   return /* @__PURE__ */ E(
@@ -5253,7 +5253,7 @@ function Fs(e) {
           n
         ] }),
         /* @__PURE__ */ E("div", { className: "flex items-center gap-2", children: [
-          t && /* @__PURE__ */ r("div", { className: "w-[22px]", children: e.loading && /* @__PURE__ */ r(un, { size: "small" }) }),
+          t && /* @__PURE__ */ r("div", { className: "w-[22px]", children: e.loading && /* @__PURE__ */ r(fn, { size: "small" }) }),
           e.onTextSearch && /* @__PURE__ */ r(
             gi,
             {
@@ -5292,25 +5292,25 @@ function Qs({
 }) {
   const c = i ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [A, u] = F.useState(!1);
   i ? c.push("array-contains-any") : c.push("in", "not-in");
-  const [m, f] = t || [c[0], void 0], [d, g] = D(m), [h, p] = D(f), v = h ? Array.isArray(h) ? h.map((N) => N instanceof Je ? N.id : null).filter(Boolean) : [h.id] : [];
+  const [m, f] = t || [c[0], void 0], [d, g] = D(m), [h, p] = D(f), v = h ? Array.isArray(h) ? h.map((N) => N instanceof je ? N.id : null).filter(Boolean) : [h.id] : [];
   function b(N, P) {
     const U = Nn.includes(d), Z = Nn.includes(N);
     let W = P;
-    U !== Z && (W = Z ? W instanceof Je ? [W] : [] : void 0), g(N), p(W);
+    U !== Z && (W = Z ? W instanceof je ? [W] : [] : void 0), g(N), p(W);
     const ne = W !== null && Array.isArray(W) ? W.length > 0 : W !== void 0;
     n(
       N && ne ? [N, W] : void 0
     );
   }
-  const y = ye(), x = ae(() => o ? y.getCollection(o) : void 0, [o]), k = (N) => {
-    b(d, yt(N));
+  const y = he(), B = le(() => o ? y.getCollection(o) : void 0, [o]), k = (N) => {
+    b(d, at(N));
   }, C = (N) => {
-    b(d, N.map((P) => yt(P)));
-  }, B = Nn.includes(d), I = bn(
+    b(d, N.map((P) => at(P)));
+  }, x = Nn.includes(d), I = Wt(
     {
-      multiselect: B,
+      multiselect: x,
       path: o,
-      collection: x,
+      collection: B,
       onSingleEntitySelected: k,
       onMultipleEntitiesSelected: C,
       selectedEntityIds: v,
@@ -5328,7 +5328,7 @@ function Qs({
       onMouseMove: () => u(!0),
       onMouseLeave: () => u(!1),
       children: /* @__PURE__ */ r(
-        lt,
+        He,
         {
           disabled: !o,
           previewProperties: a,
@@ -5343,14 +5343,14 @@ function Qs({
   );
   return /* @__PURE__ */ E("div", { className: "flex w-[440px] flex-row", children: [
     /* @__PURE__ */ r("div", { className: "w-[120px]", children: /* @__PURE__ */ r(
-      Xe,
+      Ke,
       {
         value: d,
         onValueChange: (N) => {
           b(N, h);
         },
         renderValue: (N) => _r[N],
-        children: c.map((N) => /* @__PURE__ */ r(Ke, { value: N, children: _r[N] }, N))
+        children: c.map((N) => /* @__PURE__ */ r(et, { value: N, children: _r[N] }, N))
       }
     ) }),
     /* @__PURE__ */ E("div", { className: "flex-grow ml-2 h-full", children: [
@@ -5362,7 +5362,7 @@ function Qs({
           onClick: S,
           variant: "outlined",
           className: "h-full w-full",
-          children: B ? "Select references" : "Select reference"
+          children: x ? "Select references" : "Select reference"
         }
       )
     ] })
@@ -5394,8 +5394,8 @@ function Ds({
   const [c, A] = t || [s[0], void 0], [u, m] = D(c), [f, d] = D(A);
   function g(p, v) {
     let b = v;
-    const y = Fn.includes(u), x = Fn.includes(p);
-    y !== x && (b = x ? typeof v == "string" || typeof v == "number" ? [v] : [] : ""), typeof b == "number" && isNaN(b) && (b = void 0), m(p), d(b);
+    const y = Fn.includes(u), B = Fn.includes(p);
+    y !== B && (b = B ? typeof v == "string" || typeof v == "number" ? [v] : [] : ""), typeof b == "number" && isNaN(b) && (b = void 0), m(p), d(b);
     const k = b !== null && Array.isArray(b) ? b.length > 0 : b !== void 0;
     n(
       p && k ? [p, b] : void 0
@@ -5404,7 +5404,7 @@ function Ds({
   const h = Fn.includes(u);
   return /* @__PURE__ */ E("div", { className: "flex w-[440px] items-center", children: [
     /* @__PURE__ */ r("div", { className: "w-[80px]", children: /* @__PURE__ */ r(
-      Xe,
+      Ke,
       {
         value: u,
         position: "item-aligned",
@@ -5412,12 +5412,12 @@ function Ds({
           g(p, f);
         },
         renderValue: (p) => Wr[p],
-        children: s.map((p) => /* @__PURE__ */ r(Ke, { value: p, children: Wr[p] }, p))
+        children: s.map((p) => /* @__PURE__ */ r(et, { value: p, children: Wr[p] }, p))
       }
     ) }),
     /* @__PURE__ */ E("div", { className: "flex-grow ml-2", children: [
       !l && /* @__PURE__ */ r(
-        ct,
+        At,
         {
           type: i === "number" ? "number" : void 0,
           value: f !== void 0 ? String(f) : "",
@@ -5436,7 +5436,7 @@ function Ds({
         }
       ),
       l && /* @__PURE__ */ r(
-        Xe,
+        Ke,
         {
           position: "item-aligned",
           value: f !== void 0 ? Array.isArray(f) ? f.map((p) => String(p)) : String(f) : o ? [] : "",
@@ -5462,7 +5462,7 @@ function Ds({
             `select_value_${e}_${p}`
           ),
           children: l.map((p) => /* @__PURE__ */ r(
-            Ke,
+            et,
             {
               value: String(p.id),
               children: /* @__PURE__ */ r(
@@ -5528,21 +5528,21 @@ function Ps({
     let v = p;
     const b = Hr.includes(u), y = Hr.includes(h);
     b !== y && (v = y ? p ? [p] : [] : ""), m(h), d(v === null ? void 0 : v);
-    const x = v !== null && Array.isArray(v) ? v.length > 0 : v !== void 0;
+    const B = v !== null && Array.isArray(v) ? v.length > 0 : v !== void 0;
     o(
-      h && x ? [h, v] : void 0
+      h && B ? [h, v] : void 0
     );
   }
   return /* @__PURE__ */ E("div", { className: "flex w-[440px] items-center", children: [
     /* @__PURE__ */ r("div", { className: "w-[80px]", children: /* @__PURE__ */ r(
-      Xe,
+      Ke,
       {
         value: u,
         onValueChange: (h) => {
           g(h, f);
         },
         renderValue: (h) => Jr[h],
-        children: s.map((h) => /* @__PURE__ */ r(Ke, { value: h, children: Jr[h] }, h))
+        children: s.map((h) => /* @__PURE__ */ r(et, { value: h, children: Jr[h] }, h))
       }
     ) }),
     /* @__PURE__ */ r("div", { className: "flex-grow ml-2", children: /* @__PURE__ */ r(
@@ -5562,7 +5562,7 @@ function Ps({
 }
 const go = "collectionGroupParent";
 function ho(e, t) {
-  return ae(() => e.propertiesOrder ? po(e, e.propertiesOrder) : Ms(e, t), [e, t]);
+  return le(() => e.propertiesOrder ? po(e, e.propertiesOrder) : Ms(e, t), [e, t]);
 }
 function po(e, t) {
   return t.flatMap((n) => {
@@ -5626,11 +5626,11 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
     additionalFields: v,
     displayedColumnIds: b,
     defaultSize: y,
-    properties: x,
+    properties: B,
     tableController: {
       data: k,
       dataLoading: C,
-      noMoreToLoad: B,
+      noMoreToLoad: x,
       dataLoadingError: I,
       filterValues: S,
       setFilterValues: Q,
@@ -5640,7 +5640,7 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
       clearFilter: Z,
       itemCount: W,
       setItemCount: ne,
-      pageSize: le = 50,
+      pageSize: ae = 50,
       paginationEnabled: $,
       checkFilterCombination: Y,
       setPopupCell: ce
@@ -5654,16 +5654,16 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
     emptyComponent: re,
     getIdColumnWidth: L
   }) {
-    const R = _e(), T = !!t, Pe = A?.selectedEntities?.length > 0 ? A?.selectedEntities : u, we = te(), [he, Me] = F.useState(y ?? "m"), [et, He] = F.useState(void 0), We = Pe?.map((H) => H.id), It = !!S && Object.keys(S).length > 0, vt = () => {
-      !$ || C || B || W !== void 0 && ne?.(W + le);
+    const R = We(), T = !!t, Pe = A?.selectedEntities?.length > 0 ? A?.selectedEntities : u, we = te(), [pe, Me] = F.useState(y ?? "m"), [tt, qe] = F.useState(void 0), Je = Pe?.map((H) => H.id), It = !!S && Object.keys(S).length > 0, bt = () => {
+      !$ || C || x || W !== void 0 && ne?.(W + ae);
     }, St = w(() => {
-      ne?.(le);
-    }, [le]), tt = w(({ rowData: H }) => {
+      ne?.(ae);
+    }, [ae]), nt = w(({ rowData: H }) => {
       if (console.debug("EntityCollectionTable click"), !p)
         return m && m(H);
-    }, [m, p]), nt = w((H) => {
+    }, [m, p]), rt = w((H) => {
       d && d(H), Me(H);
-    }, []), Nt = w((H) => U?.(H), []), rt = ae(() => v ? v.map((H) => ({ [H.key]: H })).reduce((H, Ee) => ({ ...H, ...Ee }), {}) : {}, [v]);
+    }, []), Nt = w((H) => U?.(H), []), it = le(() => v ? v.map((H) => ({ [H.key]: H })).reduce((H, Ee) => ({ ...H, ...Ee }), {}) : {}, [v]);
     V(() => {
       const H = (Ee) => {
         Ee.keyCode === 27 && Qt();
@@ -5673,55 +5673,55 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
       };
     });
     const Ft = w((H) => {
-      He(H);
+      qe(H);
     }, []), Qt = w(() => {
-      He(void 0);
+      qe(void 0);
     }, []), z = a, O = w(({
       column: H,
       columnIndex: Ee,
-      rowData: ve,
+      rowData: be,
       rowIndex: Oe
     }) => {
-      const fe = ve, qe = H.key;
-      let Ze = H.custom?.disabled;
-      const yn = fe.values ? dt(fe.values, qe) : void 0, at = s?.({
-        propertyKey: qe,
+      const fe = be, Ze = H.key;
+      let Xe = H.custom?.disabled;
+      const yn = fe.values ? ut(fe.values, Ze) : void 0, st = s?.({
+        propertyKey: Ze,
         propertyValue: yn,
         entity: fe
       }) ?? H.custom.resolvedProperty;
-      return at?.disabled || (Ze = !1), at ? /* @__PURE__ */ r(de, { children: fe ? /* @__PURE__ */ r(
+      return st?.disabled || (Xe = !1), st ? /* @__PURE__ */ r(de, { children: fe ? /* @__PURE__ */ r(
         ys,
         {
           readonly: !p,
           align: H.align ?? "left",
-          propertyKey: qe,
-          property: at,
-          value: fe?.values ? dt(fe.values, qe) : void 0,
+          propertyKey: Ze,
+          property: st,
+          value: fe?.values ? ut(fe.values, Ze) : void 0,
           customFieldValidator: z,
           columnIndex: Ee,
           width: H.width,
-          height: Et(he),
+          height: Et(pe),
           entity: fe,
-          disabled: Ze,
+          disabled: Xe,
           path: fe.path
         },
-        `property_table_cell_${fe.id}_${qe}`
-      ) : ot() }) : null;
-    }, [z, p, he, We]), ee = w(({
+        `property_table_cell_${fe.id}_${Ze}`
+      ) : lt() }) : null;
+    }, [z, p, pe, Je]), ee = w(({
       column: H,
       rowData: Ee,
-      width: ve
+      width: be
     }) => {
-      const Oe = Ee, fe = rt[H.key], qe = fe.dependencies ? Object.entries(Oe.values).filter(([at, yr]) => fe.dependencies.includes(at)).reduce((at, yr) => ({ ...at, ...yr }), {}) : Oe, Ze = fe.Builder;
-      if (!Ze && !fe.value)
+      const Oe = Ee, fe = it[H.key], Ze = fe.dependencies ? Object.entries(Oe.values).filter(([st, yr]) => fe.dependencies.includes(st)).reduce((st, yr) => ({ ...st, ...yr }), {}) : Oe, Xe = fe.Builder;
+      if (!Xe && !fe.value)
         throw new Error("When using additional fields you need to provide a Builder or a value");
-      const yn = Ze ? /* @__PURE__ */ r(Ze, { entity: Oe, context: we }) : /* @__PURE__ */ r(G, { children: fe.value?.({ entity: Oe, context: we }) });
+      const yn = Xe ? /* @__PURE__ */ r(Xe, { entity: Oe, context: we }) : /* @__PURE__ */ r(G, { children: fe.value?.({ entity: Oe, context: we }) });
       return /* @__PURE__ */ r(
         jn,
         {
-          width: ve,
-          size: he,
-          value: qe,
+          width: be,
+          size: pe,
+          value: Ze,
           selected: !1,
           disabled: !0,
           align: "left",
@@ -5732,42 +5732,42 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
         },
         `additional_table_cell_${Oe.id}_${H.key}`
       );
-    }, [rt, he, We]), ie = ae(
+    }, [it, pe, Je]), ie = le(
       () => {
-        const H = Object.entries(x).flatMap(([ve, Oe]) => fr(Oe, ve)).map(({
-          key: ve,
+        const H = Object.entries(B).flatMap(([be, Oe]) => fr(Oe, be)).map(({
+          key: be,
           disabled: Oe
         }) => {
-          const fe = zi(x, ve);
+          const fe = zi(B, be);
           if (!fe)
-            throw Error("Internal error: no property found in path " + ve);
-          const qe = yo(fe);
+            throw Error("Internal error: no property found in path " + be);
+          const Ze = yo(fe);
           return {
-            key: ve,
+            key: be,
             align: Wa(fe),
-            icon: (Ze) => ke(fe, "small"),
-            title: fe.name ?? ve,
-            sortable: K && (t ? Object.keys(t).includes(ve) : !0),
-            filter: !T && qe,
+            icon: (Xe) => ke(fe, "small"),
+            title: fe.name ?? be,
+            sortable: K && (t ? Object.keys(t).includes(be) : !0),
+            filter: !T && Ze,
             width: so(fe),
             resizable: !0,
             custom: {
               resolvedProperty: fe,
               disabled: Oe
             },
-            AdditionalHeaderWidget: ({ onHover: Ze }) => M ? /* @__PURE__ */ r(M, { property: fe, propertyKey: ve, onHover: Ze }) : void 0
+            AdditionalHeaderWidget: ({ onHover: Xe }) => M ? /* @__PURE__ */ r(M, { property: fe, propertyKey: be, onHover: Xe }) : void 0
           };
-        }), Ee = v ? v.map((ve) => ({
-          key: ve.key,
+        }), Ee = v ? v.map((be) => ({
+          key: be.key,
           align: "left",
           sortable: !1,
-          title: ve.name,
-          width: ve.width ?? 200
+          title: be.name,
+          width: be.width ?? 200
         })) : [];
         return [...H, ...Ee];
       },
-      [v, T, t, x, K]
-    ), oe = ae(() => ({
+      [v, T, t, B, K]
+    ), oe = le(() => ({
       key: "id_ewcfedcswdf3",
       width: L?.() ?? (R ? 160 : 130),
       title: "ID",
@@ -5776,15 +5776,15 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
       headerAlign: "center",
       align: "center",
       AdditionalHeaderWidget: () => _
-    }), [L, R]), pe = ae(() => [
+    }), [L, R]), ve = le(() => [
       oe,
       ...b.map((H) => ie.find((Ee) => Ee.key === H.key)).filter(Boolean)
     ], [ie, b, oe]), Ue = w((H) => {
-      const Ee = H.column, ve = H.columns, Oe = Ee.key;
+      const Ee = H.column, be = H.columns, Oe = Ee.key;
       if (H.columnIndex === 0)
         return l ? l({
           entity: H.rowData,
-          size: he,
+          size: pe,
           width: Ee.width,
           frozen: Ee.frozen
         }) : /* @__PURE__ */ r(
@@ -5794,15 +5794,15 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
             width: Ee.width,
             frozen: Ee.frozen,
             isSelected: !1,
-            size: he
+            size: pe
           }
         );
-      if (rt[Oe])
+      if (it[Oe])
         return ee(H);
-      if (H.columnIndex < ve.length + 1)
+      if (H.columnIndex < be.length + 1)
         return O(H);
       throw Error("Internal: columns not mapped properly");
-    }, [rt, l, he, ee, O]), Dt = w((H) => {
+    }, [it, l, pe, ee, O]), Dt = w((H) => {
       Q?.({ ...H, ...t });
     }, [t]);
     return /* @__PURE__ */ r(
@@ -5812,9 +5812,9 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
           setPopupCell: ce,
           select: Ft,
           onValueChange: c,
-          size: he,
-          selectedCell: et,
-          selectedEntityIds: We
+          size: pe,
+          selectedCell: tt,
+          selectedEntityIds: Je
         },
         children: /* @__PURE__ */ E("div", { className: "h-full w-full flex flex-col bg-white dark:bg-gray-950", children: [
           /* @__PURE__ */ r(
@@ -5824,8 +5824,8 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
               filterIsSet: It,
               onTextSearch: g ? Nt : void 0,
               clearFilter: Z,
-              size: he,
-              onSizeChanged: nt,
+              size: pe,
+              onSizeChanged: rt,
               title: o,
               actionsStart: n,
               actions: i,
@@ -5836,15 +5836,15 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
             Ss,
             {
               data: k,
-              columns: pe,
+              columns: ve,
               cellRenderer: Ue,
-              onRowClick: p ? void 0 : m ? tt : void 0,
-              onEndReached: vt,
+              onRowClick: p ? void 0 : m ? nt : void 0,
+              onEndReached: bt,
               onResetPagination: St,
               error: I,
               paginationEnabled: $,
               onColumnResize: f,
-              size: he,
+              size: pe,
               loading: C,
               filter: S,
               onFilterUpdate: Q ? Dt : void 0,
@@ -5854,7 +5854,7 @@ const Ts = {}, vo = F.createContext(Ts), Os = () => Ye(vo), bo = F.memo(
               emptyComponent: re,
               checkFilterCombination: Y,
               createFilterField: J ? Gs : void 0,
-              rowClassName: w((H) => We?.includes(H.id) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [We]),
+              rowClassName: w((H) => Je?.includes(H.id) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [Je]),
               className: "flex-grow",
               endAdornment: ge,
               AddColumnComponent: j
@@ -5895,7 +5895,7 @@ function Gs({
       }
     );
   if (c.dataType === "number" || c.dataType === "string") {
-    const A = c.name, u = c.enumValues ? ft(c.enumValues) : void 0;
+    const A = c.name, u = c.enumValues ? mt(c.enumValues) : void 0;
     return /* @__PURE__ */ r(
       Ds,
       {
@@ -5972,23 +5972,23 @@ function wo({
     initialFilter: l,
     initialSort: a,
     forceFilter: s
-  } = t, [c, A] = F.useState(void 0), u = ye(), m = Le(), f = ae(() => u.resolveAliasesFrom(e), [e, u.resolveAliasesFrom]), d = o ?? s, g = t.pagination === void 0 || !!t.pagination, h = typeof t.pagination == "number" ? t.pagination : zs, [p, v] = F.useState(), [b, y] = F.useState(g ? h : void 0), x = w(($, Y) => m.isFilterCombinationValid ? m.isFilterCombinationValid({
+  } = t, [c, A] = F.useState(void 0), u = he(), m = _e(), f = le(() => u.resolveAliasesFrom(e), [e, u.resolveAliasesFrom]), d = o ?? s, g = t.pagination === void 0 || !!t.pagination, h = typeof t.pagination == "number" ? t.pagination : zs, [p, v] = F.useState(), [b, y] = F.useState(g ? h : void 0), B = w(($, Y) => m.isFilterCombinationValid ? m.isFilterCombinationValid({
     path: f,
     collection: t,
     filterValues: $,
     sortBy: Y
-  }) : !0, []), k = ae(() => {
-    if (a && d && !x(d, a)) {
+  }) : !0, []), k = le(() => {
+    if (a && d && !B(d, a)) {
       console.warn("Initial sort is not compatible with the force filter. Ignoring initial sort");
       return;
     }
     return a;
-  }, [a, d]), [C, B] = F.useState(d ?? l ?? void 0), [I, S] = F.useState(k), Q = w(() => B(d ?? void 0), [d]), N = w(($) => {
+  }, [a, d]), [C, x] = F.useState(d ?? l ?? void 0), [I, S] = F.useState(k), Q = w(() => x(d ?? void 0), [d]), N = w(($) => {
     if (d) {
       console.warn("Filter is not compatible with the force filter. Ignoring filter");
       return;
     }
-    $ && Object.keys($).length === 0 ? B(void 0) : B($);
+    $ && Object.keys($).length === 0 ? x(void 0) : x($);
   }, [d]), {
     data: P,
     dataLoading: U,
@@ -6026,7 +6026,7 @@ function wo({
     setItemCount: y,
     paginationEnabled: g,
     pageSize: h,
-    checkFilterCombination: x,
+    checkFilterCombination: B,
     popupCell: c,
     setPopupCell: A
   };
@@ -6041,16 +6041,16 @@ function Eo({
   onMultipleEntitiesDelete: a,
   path: s
 }) {
-  const c = Le();
+  const c = _e();
   console.log("dataSource", c);
-  const A = pt(), [u, m] = D(!1), [f, d] = F.useState(), [g, h] = F.useState(), p = te();
+  const A = vt(), [u, m] = D(!1), [f, d] = F.useState(), [g, h] = F.useState(), p = te();
   F.useEffect(() => {
     if (e) {
       const N = Array.isArray(e) && e.length === 1 ? e[0] : e;
       d(N), h(Array.isArray(N));
     }
   }, [e]);
-  const v = ae(() => Ge({
+  const v = le(() => Ge({
     collection: t,
     path: s,
     fields: p.propertyConfigs
@@ -6058,7 +6058,7 @@ function Eo({
     n();
   }, [n]), y = w((N) => {
     console.debug("Deleted", N);
-  }, []), x = w((N, P) => {
+  }, []), B = w((N, P) => {
     A.open({
       type: "error",
       message: "Error deleting: " + P?.message
@@ -6073,18 +6073,18 @@ function Eo({
       type: "error",
       message: "Error after deleting: " + P?.message
     }), console.error(P);
-  }, [v.name]), B = w((N) => pa({
+  }, [v.name]), x = w((N) => pa({
     dataSource: c,
     entity: N,
     collection: v,
     callbacks: o,
     onDeleteSuccess: y,
-    onDeleteFailure: x,
+    onDeleteFailure: B,
     onPreDeleteHookError: k,
     onDeleteSuccessHookError: C,
     context: p
-  }), [c, v, o, y, x, k, C, p]), I = w(async () => {
-    f && (m(!0), g ? Promise.all(f.map(B)).then((N) => {
+  }), [c, v, o, y, B, k, C, p]), I = w(async () => {
+    f && (m(!0), g ? Promise.all(f.map(x)).then((N) => {
       m(!1), a && f && a(s, f), N.every(Boolean) ? A.open({
         type: "success",
         message: `${v.name}: multiple deleted`
@@ -6095,13 +6095,13 @@ function Eo({
         type: "error",
         message: `${v.name}: Error deleting entities`
       }), n();
-    }) : B(f).then((N) => {
+    }) : x(f).then((N) => {
       m(!1), N && (l && f && l(s, f), A.open({
         type: "success",
         message: `${v.singularName ?? v.name} deleted`
       }), n());
     }));
-  }, [f, g, B, a, s, n, A, v.name, l]);
+  }, [f, g, x, a, s, n, A, v.name, l]);
   let S;
   if (f && g)
     S = /* @__PURE__ */ r(G, { children: "Multiple entities" });
@@ -6133,7 +6133,7 @@ function Eo({
           !g && /* @__PURE__ */ r("div", { className: "p-4", children: S })
         ] }),
         /* @__PURE__ */ E(xt, { children: [
-          u && /* @__PURE__ */ r(un, { size: "small" }),
+          u && /* @__PURE__ */ r(fn, { size: "small" }),
           /* @__PURE__ */ r(
             Ae,
             {
@@ -6160,7 +6160,7 @@ function Eo({
     }
   );
 }
-function an(e) {
+function sn(e) {
   return Array.isArray(e) ? e : e ? [e] : [];
 }
 function Us({
@@ -6175,12 +6175,12 @@ function Us({
   tableController: c,
   collectionEntitiesCount: A
 }) {
-  const u = te(), m = u.plugins ?? [], f = gt(), d = _e(), g = s.selectedEntities, h = Gt(e, f, $e(a), null) && i && (d ? /* @__PURE__ */ E(
+  const u = te(), m = u.plugins ?? [], f = ht(), d = We(), g = s.selectedEntities, h = Gt(e, f, $e(a), null) && i && (d ? /* @__PURE__ */ E(
     Ae,
     {
       id: `add_entity_${a}`,
       onClick: i,
-      startIcon: /* @__PURE__ */ r(At, {}),
+      startIcon: /* @__PURE__ */ r(dt, {}),
       size: "large",
       variant: "filled",
       color: "primary",
@@ -6197,12 +6197,12 @@ function Us({
       size: "medium",
       variant: "filled",
       color: "primary",
-      children: /* @__PURE__ */ r(At, {})
+      children: /* @__PURE__ */ r(dt, {})
     }
   )), p = cr(e, f, $e(a), null);
   let v;
   if (l) {
-    const x = d ? /* @__PURE__ */ E(
+    const B = d ? /* @__PURE__ */ E(
       Ae,
       {
         variant: "text",
@@ -6227,10 +6227,10 @@ function Us({
       }
     );
     v = /* @__PURE__ */ r(
-      be,
+      ye,
       {
         title: p ? "Delete" : "You have selected at least one entity you cannot delete",
-        children: x
+        children: B
       }
     );
   }
@@ -6243,9 +6243,9 @@ function Us({
     context: u,
     tableController: c,
     collectionEntitiesCount: A
-  }, y = an(e.Actions).map((x, k) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(x, { ...b }) }, `actions_${k}`));
-  return m && m.forEach((x, k) => {
-    x.collections?.CollectionActions && y.push(...an(x.collections?.CollectionActions).map((C, B) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(C, { ...b, ...x.collections?.collectionActionsProps }) }, `plugin_actions_${k}_${B}`)));
+  }, y = sn(e.Actions).map((B, k) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(B, { ...b }) }, `actions_${k}`));
+  return m && m.forEach((B, k) => {
+    B.collections?.CollectionActions && y.push(...sn(B.collections?.CollectionActions).map((C, x) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(C, { ...b, ...B.collections?.collectionActionsProps }) }, `plugin_actions_${k}_${x}`)));
   }), /* @__PURE__ */ E(G, { children: [
     y,
     v,
@@ -6367,30 +6367,6 @@ function mr({
     }
   );
 }
-function Ne({
-  icon: e,
-  title: t,
-  small: n,
-  className: i,
-  required: o
-}) {
-  return /* @__PURE__ */ E(
-    "span",
-    {
-      className: `inline-flex items-center my-0.5  ${n ? "gap-1" : "gap-2"} ${i ?? ""}`,
-      children: [
-        e,
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: `font-medium text-${n ? "base" : "sm"} origin-top-left transform ${n ? "translate-x-2 scale-75" : ""}`,
-            children: (t ?? "") + (o ? " *" : "")
-          }
-        )
-      ]
-    }
-  );
-}
 function dd({
   field: e,
   form: t,
@@ -6413,14 +6389,14 @@ function dd({
     }
   );
   return i ? /* @__PURE__ */ r(
-    be,
+    ye,
     {
       title: i,
       children: s
     }
   ) : s;
 }
-function Fe({
+function Ne({
   error: e,
   showError: t,
   property: n,
@@ -6451,7 +6427,7 @@ function Fe({
       }
     ),
     n.longDescription && /* @__PURE__ */ r(
-      be,
+      ye,
       {
         title: n.longDescription,
         side: "bottom",
@@ -6496,14 +6472,14 @@ function qr({
   }, [n]);
   return /* @__PURE__ */ E(G, { children: [
     /* @__PURE__ */ r(
-      Xe,
+      Ke,
       {
         value: t ? t.toString() : "",
         disabled: l,
         position: "item-aligned",
         inputClassName: X("w-full"),
         label: /* @__PURE__ */ r(
-          Ne,
+          Fe,
           {
             icon: ke(c, "small"),
             required: c.validation?.required,
@@ -6531,7 +6507,7 @@ function qr({
           }
         ),
         children: u && u.map((f) => /* @__PURE__ */ r(
-          Ke,
+          et,
           {
             value: String(f.id),
             children: /* @__PURE__ */ r(
@@ -6548,7 +6524,7 @@ function qr({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: A,
         showError: o,
@@ -6577,7 +6553,7 @@ function Zr({
     throw Error("Using array properties instead of single one in `of` in ArrayProperty");
   if (A.dataType !== "string" && A.dataType !== "number")
     throw Error("Field misconfiguration: array field of type string or number");
-  const u = ft(A.enumValues);
+  const u = mt(A.enumValues);
   if (!u)
     throw console.error(a), Error("Field misconfiguration: array field of type string or number needs to have enumValues");
   ze({
@@ -6620,7 +6596,7 @@ function Zr({
         value: m ? t.map((d) => d.toString()) : [],
         disabled: l,
         label: /* @__PURE__ */ r(
-          Ne,
+          Fe,
           {
             icon: ke(a, "small"),
             required: a.validation?.required,
@@ -6637,7 +6613,7 @@ function Zr({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: s,
         showError: o,
@@ -6670,12 +6646,12 @@ function _s({
     value: t,
     setValue: A
   });
-  const p = ye(), v = ae(() => m.path ? p.getCollection(m.path) : void 0, [m.path]);
+  const p = he(), v = le(() => m.path ? p.getCollection(m.path) : void 0, [m.path]);
   if (!v)
     throw Error(`Couldn't find the corresponding collection for the path: ${m.path}`);
   const b = w((I) => {
-    console.debug("onMultipleEntitiesSelected", I), A(I.map((S) => yt(S)));
-  }, [A]), y = bn(
+    console.debug("onMultipleEntitiesSelected", I), A(I.map((S) => at(S)));
+  }, [A]), y = Wt(
     {
       multiselect: !0,
       path: m.path,
@@ -6684,7 +6660,7 @@ function _s({
       selectedEntityIds: h,
       forceFilter: m.forceFilter
     }
-  ), x = w((I) => {
+  ), B = w((I) => {
     I.preventDefault(), y.open();
   }, [y]), k = w((I, S) => {
     const Q = t && t.length > I ? t[I] : void 0;
@@ -6695,12 +6671,12 @@ function _s({
         onMouseMove: () => g(!0),
         onMouseLeave: () => g(!1),
         children: /* @__PURE__ */ r(
-          lt,
+          He,
           {
             disabled: !m.path,
             previewProperties: m.previewProperties,
             size: "medium",
-            onClick: x,
+            onClick: B,
             reference: Q,
             onHover: d
           }
@@ -6708,14 +6684,14 @@ function _s({
       }
     ) : /* @__PURE__ */ r("div", { children: "Internal ERROR" });
   }, [m.path, m.previewProperties, d, t]), C = /* @__PURE__ */ r(
-    Ne,
+    Fe,
     {
       icon: ke(s, "small"),
       required: s.validation?.required,
       title: s.name,
       className: "text-text-secondary dark:text-text-secondary-dark"
     }
-  ), B = /* @__PURE__ */ E(G, { children: [
+  ), x = /* @__PURE__ */ E(G, { children: [
     !v && /* @__PURE__ */ r(
       Ce,
       {
@@ -6742,7 +6718,7 @@ function _s({
           variant: "outlined",
           color: "primary",
           disabled: l,
-          onClick: x,
+          onClick: B,
           children: [
             "Edit ",
             s.name
@@ -6753,17 +6729,17 @@ function _s({
   ] });
   return /* @__PURE__ */ E(G, { children: [
     !a && /* @__PURE__ */ r(
-      ut,
+      ft,
       {
         className: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2",
         initiallyExpanded: f,
         title: C,
-        children: B
+        children: x
       }
     ),
-    a && B,
+    a && x,
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: c,
         showError: i,
@@ -6784,7 +6760,7 @@ function Bo({
   size: a
 }) {
   return /* @__PURE__ */ E("div", { className: X(
-    dn,
+    un,
     "relative m-4 border-box flex items-center justify-center",
     a === "medium" ? "min-w-[220px] min-h-[220px] max-w-[220px]" : "min-w-[118px] min-h-[118px] max-w-[118px]"
   ), children: [
@@ -6793,7 +6769,7 @@ function Bo({
       {
         className: "absolute rounded-full -top-2 -right-2 z-10 bg-white dark:bg-gray-900",
         children: /* @__PURE__ */ r(
-          be,
+          ye,
           {
             title: "Remove",
             children: /* @__PURE__ */ r(
@@ -6803,7 +6779,7 @@ function Bo({
                 onClick: (s) => {
                   s.stopPropagation(), o(n);
                 },
-                children: /* @__PURE__ */ r(en, { size: "small" })
+                children: /* @__PURE__ */ r(tn, { size: "small" })
               }
             )
           }
@@ -6862,14 +6838,14 @@ function Xr({
     value: t,
     setValue: n
   });
-  const x = {
+  const B = {
     id: A.entityId,
     values: A.values,
     path: A.path
   };
   return /* @__PURE__ */ E(G, { children: [
     !a && /* @__PURE__ */ r(
-      Ne,
+      Fe,
       {
         icon: ke(s, "small"),
         required: s.validation?.required,
@@ -6888,7 +6864,7 @@ function Xr({
         onChange: n,
         setInternalValue: g,
         onFilesAdded: h,
-        entity: x,
+        entity: B,
         onFileUploadComplete: v,
         storagePathBuilder: b,
         storage: p,
@@ -6896,7 +6872,7 @@ function Xr({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: c,
         showError: o,
@@ -6926,21 +6902,21 @@ function Ks({
   name: h,
   helpText: p
 }) {
-  const v = pt(), {
+  const v = vt(), {
     getRootProps: b,
     getInputProps: y,
-    isDragActive: x,
+    isDragActive: B,
     isDragAccept: k,
     isDragReject: C
   } = Si(
     {
-      accept: e.acceptedFiles ? e.acceptedFiles.map((B) => ({ [B]: [] })).reduce((B, I) => ({ ...B, ...I }), {}) : void 0,
+      accept: e.acceptedFiles ? e.acceptedFiles.map((x) => ({ [x]: [] })).reduce((x, I) => ({ ...x, ...I }), {}) : void 0,
       disabled: t || n,
       noDragEventsBubbling: !0,
       maxSize: e.maxSize,
       onDrop: i,
-      onDropRejected: (B, I) => {
-        for (const S of B)
+      onDropRejected: (x, I) => {
+        for (const S of x)
           for (const Q of S.errors)
             v.open({
               type: "error",
@@ -6960,8 +6936,8 @@ function Ks({
         o && s.length ? "" : "flex",
         xr,
         {
-          [Hs]: !x,
-          [qs]: x,
+          [Hs]: !B,
+          [qs]: B,
           [Xs]: C,
           [Zs]: k,
           [Js]: t
@@ -6986,25 +6962,25 @@ function Ks({
                   ...y()
                 }
               ),
-              s.map((B, I) => {
+              s.map((x, I) => {
                 let S;
-                return B.storagePathOrDownloadUrl ? S = /* @__PURE__ */ r(
+                return x.storagePathOrDownloadUrl ? S = /* @__PURE__ */ r(
                   Bo,
                   {
-                    name: `storage_preview_${B.storagePathOrDownloadUrl}`,
+                    name: `storage_preview_${x.storagePathOrDownloadUrl}`,
                     property: c,
                     disabled: t,
                     entity: A,
-                    value: B.storagePathOrDownloadUrl,
+                    value: x.storagePathOrDownloadUrl,
                     onRemove: u,
-                    size: B.size
+                    size: x.size
                   }
-                ) : B.file && (S = /* @__PURE__ */ r(
+                ) : x.file && (S = /* @__PURE__ */ r(
                   uo,
                   {
-                    entry: B,
+                    entry: x,
                     metadata: m,
-                    storagePath: f(B.file),
+                    storagePath: f(x.file),
                     onFileUploadComplete: d,
                     imageSize: g === "medium" ? 220 : 118,
                     simple: !1
@@ -7012,7 +6988,7 @@ function Ks({
                 )), /* @__PURE__ */ r(
                   Ii,
                   {
-                    draggableId: `array_field_${h}_${B.id}`,
+                    draggableId: `array_field_${h}_${x.id}`,
                     index: I,
                     children: (Q, N) => /* @__PURE__ */ r(
                       "div",
@@ -7029,7 +7005,7 @@ function Ks({
                       }
                     )
                   },
-                  `array_field_${h}_${B.id}`
+                  `array_field_${h}_${x.id}`
                 );
               }),
               l.placeholder
@@ -7070,25 +7046,25 @@ function ec({
   storagePathBuilder: f
 }) {
   if (l) {
-    const x = e;
-    if (x.of) {
-      if (Array.isArray(x.of) || x.of.dataType !== "string")
+    const B = e;
+    if (B.of) {
+      if (Array.isArray(B.of) || B.of.dataType !== "string")
         throw Error("Storage field using array must be of data type string");
     } else
       throw Error("Storage field using array must be of data type string");
   }
-  const d = u?.metadata, g = l ? "small" : "medium", h = w((x, k) => {
+  const d = u?.metadata, g = l ? "small" : "medium", h = w((B, k) => {
     if (!l)
       return;
-    const C = [...n], B = C[x];
-    C.splice(x, 1), C.splice(k, 0, B), i(C);
+    const C = [...n], x = C[B];
+    C.splice(B, 1), C.splice(k, 0, x), i(C);
     const I = C.filter((S) => !!S.storagePathOrDownloadUrl).map((S) => S.storagePathOrDownloadUrl);
     o(I);
-  }, [l, o, i, n]), p = w((x) => {
-    x.destination && h(x.source.index, x.destination.index);
-  }, [h]), v = w((x) => {
+  }, [l, o, i, n]), p = w((B) => {
+    B.destination && h(B.source.index, B.destination.index);
+  }, [h]), v = w((B) => {
     if (l) {
-      const k = n.filter((C) => C.storagePathOrDownloadUrl !== x);
+      const k = n.filter((C) => C.storagePathOrDownloadUrl !== B);
       o(k.filter((C) => !!C.storagePathOrDownloadUrl).map((C) => C.storagePathOrDownloadUrl)), i(k);
     } else
       o(null), i([]);
@@ -7098,38 +7074,38 @@ function ec({
     {
       droppableId: `droppable_${t}`,
       direction: "horizontal",
-      renderClone: (x, k, C) => {
-        const B = n[C.source.index];
+      renderClone: (B, k, C) => {
+        const x = n[C.source.index];
         return /* @__PURE__ */ r(
           "div",
           {
-            ref: x.innerRef,
-            ...x.draggableProps,
-            ...x.dragHandleProps,
-            style: x.draggableProps.style,
+            ref: B.innerRef,
+            ...B.draggableProps,
+            ...B.dragHandleProps,
+            style: B.draggableProps.style,
             className: "rounded",
             children: /* @__PURE__ */ r(
               Bo,
               {
-                name: `storage_preview_${B.storagePathOrDownloadUrl}`,
+                name: `storage_preview_${x.storagePathOrDownloadUrl}`,
                 property: y,
                 disabled: !0,
                 entity: m,
-                value: B.storagePathOrDownloadUrl,
+                value: x.storagePathOrDownloadUrl,
                 onRemove: v,
-                size: B.size
+                size: x.size
               }
             )
           }
         );
       },
-      children: (x, k) => /* @__PURE__ */ r(
+      children: (B, k) => /* @__PURE__ */ r(
         Ks,
         {
           storage: u,
           disabled: s,
           isDraggingOver: k.isDraggingOver,
-          droppableProvided: x,
+          droppableProvided: B,
           onFilesAdded: c,
           multipleFilesSupported: l,
           autoFocus: A,
@@ -7176,13 +7152,13 @@ function Rt({
   }, d = !!A, g = s.dataType === "number" ? "number" : void 0;
   return /* @__PURE__ */ E(G, { children: [
     /* @__PURE__ */ r(
-      ct,
+      At,
       {
         value: t,
         onChange: f,
         autoFocus: a,
         label: /* @__PURE__ */ r(
-          Ne,
+          Fe,
           {
             icon: ke(s, "small"),
             required: s.validation?.required,
@@ -7204,7 +7180,7 @@ function Rt({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: c,
         showError: o,
@@ -7254,7 +7230,7 @@ const tc = F.forwardRef(function({
         onValueChange: (f) => i(f),
         error: l,
         label: /* @__PURE__ */ r(
-          Ne,
+          Fe,
           {
             icon: ke(A, "small"),
             required: A.validation?.required,
@@ -7267,7 +7243,7 @@ const tc = F.forwardRef(function({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: u,
         showError: l,
@@ -7306,7 +7282,7 @@ function nc({
         clearable: c.clearable,
         locale: u,
         label: /* @__PURE__ */ r(
-          Ne,
+          Fe,
           {
             icon: ke(c, "small"),
             required: c.validation?.required,
@@ -7317,7 +7293,7 @@ function nc({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: A,
         showError: l,
@@ -7347,7 +7323,7 @@ function xo({
   };
   return /* @__PURE__ */ E(G, { children: [
     !o && /* @__PURE__ */ r(
-      Ne,
+      Fe,
       {
         icon: ke(l, "small"),
         required: l.validation?.required,
@@ -7358,7 +7334,7 @@ function xo({
     /* @__PURE__ */ r(
       "div",
       {
-        className: X(dn, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"),
+        className: X(un, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"),
         children: /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(
           Se,
           {
@@ -7372,7 +7348,7 @@ function xo({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: a,
         showError: i,
@@ -7405,12 +7381,12 @@ function ic({
     value: e,
     setValue: t
   });
-  const m = e && e instanceof Je, f = ye(), d = ae(() => c.path ? f.getCollection(c.path) : void 0, [c.path]);
+  const m = e && e instanceof je, f = he(), d = le(() => c.path ? f.getCollection(c.path) : void 0, [c.path]);
   if (!d)
     throw Error(`Couldn't find the corresponding collection for the path: ${c.path}`);
   const g = w((v) => {
-    t(v ? yt(v) : null);
-  }, [t]), h = bn(
+    t(v ? at(v) : null);
+  }, [t]), h = Wt(
     {
       multiselect: !1,
       path: c.path,
@@ -7424,7 +7400,7 @@ function ic({
   }, [h]);
   return /* @__PURE__ */ E(G, { children: [
     /* @__PURE__ */ r(
-      Ne,
+      Fe,
       {
         icon: ke(c, "small"),
         required: c.validation?.required,
@@ -7440,7 +7416,7 @@ function ic({
     ),
     d && /* @__PURE__ */ E(G, { children: [
       e && /* @__PURE__ */ r(
-        lt,
+        He,
         {
           disabled: !c.path,
           previewProperties: c.previewProperties,
@@ -7464,7 +7440,7 @@ function ic({
       ) })
     ] }),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: A,
         showError: i,
@@ -7479,7 +7455,7 @@ const kt = F.memo(oc, (e, t) => {
   if (e.propertyKey !== t.propertyKey)
     return !1;
   const n = Re(e.property) || e.property.fromBuilder, i = Re(t.property) || t.property.fromBuilder;
-  return !((n === i || me(e.property, t.property)) && e.disabled === t.disabled) || sn(t.property), !1;
+  return !((n === i || me(e.property, t.property)) && e.disabled === t.disabled) || cn(t.property), !1;
 });
 function oc({
   propertyKey: e,
@@ -7493,7 +7469,7 @@ function oc({
   partOfBlock: c,
   autoFocus: A
 }) {
-  const u = te(), f = sn(t, u.plugins) ? $o : ii;
+  const u = te(), f = cn(t, u.plugins) ? $o : ii;
   return /* @__PURE__ */ r(
     f,
     {
@@ -7509,7 +7485,7 @@ function oc({
           entityId: n.entityId,
           fields: u.propertyConfigs
         });
-        if (h === null || mn(h))
+        if (h === null || gn(h))
           return /* @__PURE__ */ r(G, {});
         if (Lt(h))
           g = xo;
@@ -7569,7 +7545,7 @@ function lc({
 }) {
   const { plugins: f } = te(), d = n.customProps, g = m.field.value, h = m.meta.initialValue, p = Mn(m.form.errors, t), v = Mn(m.form.touched, t), b = p && (m.form.submitCount > 0 || n.validation?.unique) && (!Array.isArray(p) || !!p.filter((I) => !!I).length);
   ac(A.path, A.collection, t, n, e, f);
-  const y = e, x = m.form.isSubmitting, k = w((I, S) => {
+  const y = e, B = m.form.isSubmitting, k = w((I, S) => {
     m.form.setFieldTouched(t, !0, !1), m.form.setFieldValue(t, I, S);
   }, []), C = w((I, S, Q) => {
     m.form.setFieldTouched(t, !0, !1), m.form.setFieldValue(I, S, Q);
@@ -7584,7 +7560,7 @@ function lc({
       error: p,
       touched: v,
       showError: b,
-      isSubmitting: x,
+      isSubmitting: B,
       includeDescription: i ?? !0,
       property: n,
       disabled: u ?? !1,
@@ -7596,14 +7572,14 @@ function lc({
       customProps: d,
       context: A
     } }),
-    o && !x && /* @__PURE__ */ r(q, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
+    o && !B && /* @__PURE__ */ r(q, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
   ] });
 }
-const sn = (e, t) => {
+const cn = (e, t) => {
   if (t?.some((o) => o.form?.fieldBuilder) || Re(e))
     return !0;
   const n = e, i = !!n.Field || "fromBuilder" in n && n.fromBuilder;
-  return n.dataType === "map" && n.properties ? i || Object.values(n.properties).some((o) => sn(o, t)) : n.dataType === "array" && "resolvedProperties" in n ? i || n.resolvedProperties?.some((o) => o && sn(o, t)) : i;
+  return n.dataType === "map" && n.properties ? i || Object.values(n.properties).some((o) => cn(o, t)) : n.dataType === "array" && "resolvedProperties" in n ? i || n.resolvedProperties?.some((o) => o && cn(o, t)) : i;
 };
 function ac(e, t, n, i, o, l) {
   return ue((() => {
@@ -7649,8 +7625,8 @@ function sc({
     l.properties,
     ...Object.keys(t).filter((b) => b in l.properties)
   ) : h = {} : h = l.properties;
-  const p = /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(h).filter(([b, y]) => !mn(y)).map(
-    ([b, y], x) => {
+  const p = /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(h).filter(([b, y]) => !gn(y)).map(
+    ([b, y], B) => {
       const k = {
         propertyKey: `${e}.${b}`,
         disabled: o,
@@ -7661,17 +7637,17 @@ function sc({
         tableMode: !1,
         partOfArray: !1,
         partOfBlock: !1,
-        autoFocus: m && x === 0
+        autoFocus: m && B === 0
       };
       return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
         kt,
         {
           ...k
         }
-      ) }, `map-${e}-${x}`);
+      ) }, `map-${e}-${B}`);
     }
   ) }) }), v = /* @__PURE__ */ r(
-    Ne,
+    Fe,
     {
       icon: ke(l, "small"),
       required: l.validation?.required,
@@ -7681,7 +7657,7 @@ function sc({
   );
   return /* @__PURE__ */ E(G, { children: [
     !c && !s && /* @__PURE__ */ r(
-      ut,
+      ft,
       {
         initiallyExpanded: g,
         className: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2",
@@ -7691,7 +7667,7 @@ function sc({
     ),
     (c || s) && p,
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: A,
         showError: n,
@@ -7728,7 +7704,7 @@ function cc({
       fieldName: l.name ?? e
     }
   ), g = /* @__PURE__ */ r(
-    Ne,
+    Fe,
     {
       icon: ke(l, "small"),
       required: l.validation?.required,
@@ -7738,7 +7714,7 @@ function cc({
   );
   return /* @__PURE__ */ E(G, { children: [
     !s && /* @__PURE__ */ r(
-      ut,
+      ft,
       {
         initiallyExpanded: f,
         title: g,
@@ -7748,7 +7724,7 @@ function cc({
     ),
     s && d,
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: c,
         showError: n,
@@ -7845,7 +7821,7 @@ function gr({
         color: "primary",
         className: "w-full",
         disabled: i,
-        startIcon: /* @__PURE__ */ r(At, {}),
+        startIcon: /* @__PURE__ */ r(dt, {}),
         onClick: (c) => {
           c.preventDefault(), t({
             ...e ?? {},
@@ -7875,7 +7851,7 @@ function Ac({
   const { locale: u } = te();
   function m(d, g, h) {
     return h === "string" || h === "number" ? /* @__PURE__ */ r(
-      ct,
+      At,
       {
         placeholder: "value",
         value: d,
@@ -8007,7 +7983,7 @@ function Ac({
         className: "font-mono flex flex-row gap-1",
         children: [
           /* @__PURE__ */ r("div", { className: "w-[200px] max-w-[25%]", children: /* @__PURE__ */ r(
-            ct,
+            At,
             {
               value: t,
               placeholder: "key",
@@ -8089,7 +8065,7 @@ function Ac({
               size: "small",
               onClick: o,
               className: "h-7 w-7",
-              children: /* @__PURE__ */ r(en, { size: "small" })
+              children: /* @__PURE__ */ r(tn, { size: "small" })
             }
           )
         ]
@@ -8111,7 +8087,7 @@ function dc({
   }
   function c(A, u) {
     return u === "string" || u === "number" ? /* @__PURE__ */ r(
-      ct,
+      At,
       {
         value: A,
         type: u === "number" ? "number" : "text",
@@ -8244,7 +8220,7 @@ function Ln(e) {
     return "array";
   if (e instanceof Date)
     return "date";
-  if (e instanceof Je)
+  if (e instanceof je)
     return "reference";
   if (e instanceof ir)
     return "geopoint";
@@ -8276,9 +8252,9 @@ function uc({
     value: t,
     setValue: l
   });
-  const v = (x, k) => {
-    const C = c.resolvedProperties[x] ?? g, B = {
-      propertyKey: `${e}.${x}`,
+  const v = (B, k) => {
+    const C = c.resolvedProperties[B] ?? g, x = {
+      propertyKey: `${e}.${B}`,
       disabled: f,
       property: C,
       includeDescription: A,
@@ -8289,7 +8265,7 @@ function uc({
       partOfBlock: !1,
       autoFocus: k === h
     };
-    return /* @__PURE__ */ r(kt, { ...B });
+    return /* @__PURE__ */ r(kt, { ...x });
   }, b = /* @__PURE__ */ r(
     mr,
     {
@@ -8304,7 +8280,7 @@ function uc({
       newDefaultEntry: c.of.defaultValue
     }
   ), y = /* @__PURE__ */ r(
-    Ne,
+    Fe,
     {
       icon: ke(c, "small"),
       required: c.validation?.required,
@@ -8314,7 +8290,7 @@ function uc({
   );
   return /* @__PURE__ */ E(G, { children: [
     !s && /* @__PURE__ */ r(
-      ut,
+      ft,
       {
         initiallyExpanded: d,
         className: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2",
@@ -8324,7 +8300,7 @@ function uc({
     ),
     s && b,
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: A,
         showError: i,
@@ -8358,21 +8334,21 @@ function fc({
     value: t,
     setValue: l
   });
-  const [g, h] = D(), p = w((x, k) => /* @__PURE__ */ r(
+  const [g, h] = D(), p = w((B, k) => /* @__PURE__ */ r(
     mc,
     {
-      name: `${e}.${x}`,
-      index: x,
-      value: t[x],
+      name: `${e}.${B}`,
+      index: B,
+      value: t[B],
       typeField: c.oneOf.typeField ?? Tt,
-      valueField: c.oneOf.valueField ?? tn,
+      valueField: c.oneOf.valueField ?? nn,
       properties: c.oneOf.properties,
       autoFocus: k === g,
       context: m
     },
-    `array_one_of_${x}`
+    `array_one_of_${B}`
   ), [m, g, c.oneOf, e, t]), v = /* @__PURE__ */ r(
-    Ne,
+    Fe,
     {
       icon: ke(c, "small"),
       required: c.validation?.required,
@@ -8392,13 +8368,13 @@ function fc({
       setFieldValue: a,
       newDefaultEntry: {
         [c.oneOf.typeField ?? Tt]: b,
-        [c.oneOf.valueField ?? tn]: or(c.oneOf.properties[b])
+        [c.oneOf.valueField ?? nn]: or(c.oneOf.properties[b])
       }
     }
   );
   return /* @__PURE__ */ E(G, { children: [
     !s && /* @__PURE__ */ r(
-      ut,
+      ft,
       {
         className: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2",
         initiallyExpanded: d,
@@ -8408,7 +8384,7 @@ function fc({
     ),
     s && y,
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: A,
         showError: i,
@@ -8450,14 +8426,14 @@ function mc({
     const y = b ? l[b] : void 0;
     u(b), m.setFieldTouched(g), m.setFieldValue(g, b), m.setFieldValue(h, y ? or(y) : null);
   };
-  return /* @__PURE__ */ E("div", { className: X(dn, "bg-transparent p-4 my-4 py-8"), children: [
+  return /* @__PURE__ */ E("div", { className: X(un, "bg-transparent p-4 my-4 py-8"), children: [
     /* @__PURE__ */ r(
       ii,
       {
         required: !0,
         name: g,
         children: (b) => /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(
-          Xe,
+          Ke,
           {
             className: "mb-2",
             placeholder: /* @__PURE__ */ r(
@@ -8484,7 +8460,7 @@ function mc({
             },
             children: d.map(
               (y) => /* @__PURE__ */ r(
-                Ke,
+                et,
                 {
                   value: String(y.id),
                   children: /* @__PURE__ */ r(
@@ -8509,9 +8485,9 @@ function mc({
 }
 const gc = new Gl();
 try {
-  Zt.use(Bn.AutoResize, {
+  Xt.use(Bn.AutoResize, {
     min: 100
-  }), Zt.unuse(Bn.FontUnderline), Zt.unuse(Bn.Clear);
+  }), Xt.unuse(Bn.FontUnderline), Xt.unuse(Bn.Clear);
 } catch {
 }
 function hc({
@@ -8545,7 +8521,7 @@ function hc({
         variant: "caption",
         className: "flex-grow",
         children: /* @__PURE__ */ r(
-          Ne,
+          Fe,
           {
             icon: ke(c, "small"),
             required: c.validation?.required,
@@ -8556,7 +8532,7 @@ function hc({
       }
     ),
     /* @__PURE__ */ r(
-      Zt,
+      Xt,
       {
         value: f ?? "",
         className: X(
@@ -8580,7 +8556,7 @@ function hc({
       }
     ),
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: u,
         showError: o,
@@ -9198,7 +9174,7 @@ function vc({
     setValue: l
   });
   const d = /* @__PURE__ */ r(
-    Ne,
+    Fe,
     {
       icon: ke(s, "small"),
       required: s.validation?.required,
@@ -9222,7 +9198,7 @@ function vc({
   });
   return /* @__PURE__ */ E(G, { children: [
     !a && /* @__PURE__ */ r(
-      ut,
+      ft,
       {
         initiallyExpanded: f,
         title: d,
@@ -9232,7 +9208,7 @@ function vc({
     ),
     a && g,
     /* @__PURE__ */ r(
-      Fe,
+      Ne,
       {
         includeDescription: c,
         showError: i,
@@ -9277,10 +9253,10 @@ function wc({
   error: o,
   entity: l
 }) {
-  const a = n === "existing" || !e, s = n !== "existing" && !e, c = ae(() => {
+  const a = n === "existing" || !e, s = n !== "existing" && !e, c = le(() => {
     if (!(!e || typeof e == "boolean" || e === "optional"))
-      return ft(e);
-  }, [e]), A = pt(), { copy: u } = ba({
+      return mt(e);
+  }, [e]), A = vt(), { copy: u } = ba({
     onSuccess: (d) => A.open({
       type: "success",
       message: `Copied ${d}`
@@ -9291,15 +9267,15 @@ function wc({
     name: "id",
     value: (l && n === "existing" ? l.id : t) ?? "",
     endAdornment: l ? /* @__PURE__ */ E(G, { children: [
-      /* @__PURE__ */ r(be, { title: "Copy", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r(ye, { title: "Copy", children: /* @__PURE__ */ r(
         se,
         {
           onClick: (d) => u(l.id),
           "aria-label": "copy-id",
-          children: /* @__PURE__ */ r(Kt, { size: "small" })
+          children: /* @__PURE__ */ r(en, { size: "small" })
         }
       ) }),
-      m?.entityLinkBuilder && /* @__PURE__ */ r(be, { title: "Open in the console", children: /* @__PURE__ */ r(
+      m?.entityLinkBuilder && /* @__PURE__ */ r(ye, { title: "Open in the console", children: /* @__PURE__ */ r(
         se,
         {
           component: "a",
@@ -9308,14 +9284,14 @@ function wc({
           target: "_blank",
           onClick: (d) => d.stopPropagation(),
           "aria-label": "go-to-datasource",
-          children: /* @__PURE__ */ r(cn, { size: "small" })
+          children: /* @__PURE__ */ r(An, { size: "small" })
         }
       ) })
     ] }) : void 0
   };
   return /* @__PURE__ */ E(G, { children: [
     c && /* @__PURE__ */ r(
-      Xe,
+      Ke,
       {
         error: o,
         onValueChange: (d) => i(d),
@@ -9326,7 +9302,7 @@ function wc({
         },
         children: c.map(
           (d) => /* @__PURE__ */ r(
-            Ke,
+            et,
             {
               value: String(d.id),
               children: /* @__PURE__ */ r(
@@ -9344,7 +9320,7 @@ function wc({
       }
     ),
     !c && /* @__PURE__ */ r(
-      ct,
+      At,
       {
         ...f,
         error: o,
@@ -9465,22 +9441,22 @@ function xc({
   autoSave: m,
   onIdUpdateError: f
 }) {
-  const d = te(), g = Le(), h = d.plugins, p = ae(() => Ge({
+  const d = te(), g = _e(), h = d.plugins, p = le(() => Ge({
     collection: n,
     path: t,
     values: i?.values,
     fields: d.propertyConfigs
-  }), [i?.values, t]), v = (e === "new" || e === "copy") && !!p.customId && p.customId !== "optional", b = ae(() => e === "new" || e === "copy" ? v ? void 0 : g.generateEntityId(t) : i?.id, []), y = ue(!1), x = ae(() => {
+  }), [i?.values, t]), v = (e === "new" || e === "copy") && !!p.customId && p.customId !== "optional", b = le(() => e === "new" || e === "copy" ? v ? void 0 : g.generateEntityId(t) : i?.id, []), y = ue(!1), B = le(() => {
     const M = p.properties;
     if ((e === "existing" || e === "copy") && i)
-      return i.values ?? nn(M);
+      return i.values ?? rn(M);
     if (e === "new")
-      return nn(M);
+      return rn(M);
     throw console.error({
       status: e,
       entity: i
     }), new Error("Form has not been initialised with the correct parameters");
-  }, [e, p, i]), [k, C] = F.useState(b), [B, I] = F.useState(!1), [S, Q] = F.useState(), N = ue(i?.values ?? x), P = N.current, [U, Z] = D(P), W = (M) => {
+  }, [e, p, i]), [k, C] = F.useState(b), [x, I] = F.useState(!1), [S, Q] = F.useState(), N = ue(i?.values ?? B), P = N.current, [U, Z] = D(P), W = (M) => {
     Z(M), s && s(M), m && M && !me(M, P) && Y(M);
   };
   V(() => {
@@ -9493,11 +9469,11 @@ function xc({
     values: U,
     previousValues: P,
     fields: d.propertyConfigs
-  }), le = n.callbacks?.onIdUpdate;
+  }), ae = n.callbacks?.onIdUpdate;
   V(() => {
-    if (le && U && (e === "new" || e === "copy"))
+    if (ae && U && (e === "new" || e === "copy"))
       try {
-        const M = le({
+        const M = ae({
           collection: ne,
           path: t,
           entityId: k,
@@ -9509,12 +9485,12 @@ function xc({
         f && f(M), console.error(M);
       }
   }, [k, U, e]);
-  const $ = ae(() => P && e === "existing" ? Object.entries(ne.properties).map(([M, _]) => {
-    if (mn(_))
+  const $ = le(() => P && e === "existing" ? Object.entries(ne.properties).map(([M, _]) => {
+    if (gn(_))
       return {};
-    const re = P[M], L = x[M];
+    const re = P[M], L = B[M];
     return me(re, L) ? {} : { [M]: L };
-  }).reduce((M, _) => ({ ...M, ..._ }), {}) : {}, [x, ne.properties, P, e]), Y = (M) => o({
+  }).reduce((M, _) => ({ ...M, ..._ }), {}) : {}, [B, ne.properties, P, e]), Y = (M) => o({
     collection: ne,
     path: t,
     entityId: k,
@@ -9558,21 +9534,21 @@ function xc({
       property: re
     }) => g.checkUniqueField(t, M, _, k),
     [g, t, k]
-  ), K = ae(
+  ), K = le(
     () => k ? mo(
       k,
       ne.properties,
       J
     ) : void 0,
     [k, ne.properties, J]
-  ), ge = gt(), j = w(({ entity: M, customEntityActions: _ }) => {
+  ), ge = ht(), j = w(({ entity: M, customEntityActions: _ }) => {
     const re = Gt(n, ge, $e(t), null), L = M ? cr(n, ge, $e(t), M) : !0, R = [];
     return re && R.push(ko), L && R.push(Io), _ && R.push(..._), R;
   }, [ge, n, t]);
   return /* @__PURE__ */ r(
     li,
     {
-      initialValues: x,
+      initialValues: B,
       onSubmit: ce,
       validationSchema: K,
       validate: (M) => console.debug("Validating", M),
@@ -9644,7 +9620,7 @@ function xc({
                         entityId: k,
                         status: e,
                         onChange: C,
-                        error: B,
+                        error: x,
                         entity: i
                       }
                     ),
@@ -9695,7 +9671,7 @@ function Cc(e) {
     closeAfterSaveRef: h,
     autoSave: p,
     entityActions: v
-  } = e, b = te(), y = v.filter((S) => S.includeInForm === void 0 || S.includeInForm), x = ht(), k = g;
+  } = e, b = te(), y = v.filter((S) => S.includeInForm === void 0 || S.includeInForm), B = pt(), k = g;
   V(() => {
     n && n(k), i && i(t);
   }, [k, t]), V(() => {
@@ -9709,7 +9685,7 @@ function Cc(e) {
     if (!Q)
       return console.warn(`Property ${S} not found in collection ${A.name}`), null;
     const N = !!o && Object.keys(o).includes(S) && !!s[S], P = !p && u || Lt(Q) || !!Q.disabled;
-    if (mn(Q))
+    if (gn(Q))
       return null;
     const Z = {
       propertyKey: S,
@@ -9731,7 +9707,7 @@ function Cc(e) {
       },
       `field_${A.name}_${S}`
     );
-  }).filter(Boolean) }), B = u || !k && m === "existing", I = F.useRef(null);
+  }).filter(Boolean) }), x = u || !k && m === "existing", I = F.useRef(null);
   return /* @__PURE__ */ E(
     ai,
     {
@@ -9762,7 +9738,7 @@ function Cc(e) {
                   fullPath: A.path,
                   collection: A,
                   context: b,
-                  sideEntityController: x
+                  sideEntityController: B
                 });
               },
               children: S.icon
@@ -9773,7 +9749,7 @@ function Cc(e) {
             Ae,
             {
               variant: "text",
-              disabled: B,
+              disabled: x,
               type: "reset",
               children: m === "existing" ? "Discard" : "Clear"
             }
@@ -9784,7 +9760,7 @@ function Cc(e) {
               variant: "text",
               color: "primary",
               type: "submit",
-              disabled: B,
+              disabled: x,
               onClick: () => {
                 h.current = !1;
               },
@@ -9801,7 +9777,7 @@ function Cc(e) {
               variant: "filled",
               color: "primary",
               type: "submit",
-              disabled: B,
+              disabled: x,
               onClick: () => {
                 h.current = !0;
               },
@@ -9833,7 +9809,7 @@ function Ic({
   onCellValueChange: A,
   container: u
 }) {
-  const m = Le(), f = te(), [d, g] = F.useState(), [h, p] = D(), v = t?.id, [b, y] = D(t);
+  const m = _e(), f = te(), [d, g] = F.useState(), [h, p] = D(), v = t?.id, [b, y] = D(t);
   V(() => v && o ? m.listenEntity?.({
     path: l,
     entityId: v,
@@ -9843,20 +9819,20 @@ function Ic({
     }
   }) : () => {
   }, [m, v, o, l, s]);
-  const [x, k] = D(b?.values), C = o ? Ge({
+  const [B, k] = D(b?.values), C = o ? Ge({
     collection: o,
     path: l,
-    values: x,
+    values: B,
     entityId: v,
     fields: f.propertyConfigs
-  }) : void 0, B = js(), I = F.useRef(null), S = F.useRef(null), Q = F.useRef(!1), N = w(() => {
+  }) : void 0, x = js(), I = F.useRef(null), S = F.useRef(null), Q = F.useRef(!1), N = w(() => {
     if (!a)
       throw Error("getInitialLocation error");
     return {
-      x: a.left < B.width - a.right ? a.x + a.width / 2 : a.x - a.width / 2,
-      y: a.top < B.height - a.bottom ? a.y + a.height / 2 : a.y - a.height / 2
+      x: a.left < x.width - a.right ? a.x + a.width / 2 : a.x - a.width / 2,
+      y: a.top < x.height - a.bottom ? a.y + a.height / 2 : a.y - a.height / 2
     };
-  }, [a, B.height, B.width]), P = w(({
+  }, [a, x.height, x.width]), P = w(({
     x: Y,
     y: ce
   }) => {
@@ -9864,10 +9840,10 @@ function Ic({
     if (!J)
       throw Error("normalizePosition called before draggableBoundingRect is set");
     return {
-      x: Math.max(0, Math.min(Y, B.width - J.width)),
-      y: Math.max(0, Math.min(ce, B.height - J.height))
+      x: Math.max(0, Math.min(Y, x.width - J.width)),
+      y: Math.max(0, Math.min(ce, x.height - J.height))
     };
-  }, [B]), U = w((Y) => {
+  }, [x]), U = w((Y) => {
     const ce = I.current?.getBoundingClientRect();
     if (!a || !ce)
       return;
@@ -9895,9 +9871,9 @@ function Ic({
     () => {
       U(h);
     },
-    [B, a]
+    [x, a]
   );
-  const Z = ae(() => {
+  const Z = le(() => {
     if (!(!C || !v))
       return mo(
         v,
@@ -9916,7 +9892,7 @@ function Ic({
   }) : Promise.resolve());
   if (!b)
     return /* @__PURE__ */ r(G, {});
-  const le = b && /* @__PURE__ */ E(
+  const ae = b && /* @__PURE__ */ E(
     "div",
     {
       className: `text-gray-900 dark:text-white overflow-auto rounded rounded-md bg-white dark:bg-gray-950 ${s ? "" : "hidden"} cursor-grab max-w-[100vw]`,
@@ -9939,7 +9915,7 @@ function Ic({
               isSubmitting: K
             }) => {
               if (V(() => {
-                me(Y, x) || k(Y);
+                me(Y, B) || k(Y);
               }, [Y]), !b)
                 return /* @__PURE__ */ r(
                   Ce,
@@ -9956,7 +9932,7 @@ function Ic({
                 path: l,
                 setFieldValue: ce,
                 save: ne
-              }, M = i && bt(C.properties, i), _ = i && M ? {
+              }, M = i && yt(C.properties, i), _ = i && M ? {
                 propertyKey: i,
                 disabled: K || Lt(M) || !!M.disabled,
                 property: M,
@@ -10047,7 +10023,7 @@ function Ic({
           {
             className: "overflow-hidden",
             children: [
-              le,
+              ae,
               /* @__PURE__ */ r(
                 "div",
                 {
@@ -10098,10 +10074,10 @@ const Sc = "collectionGroupParent", So = F.memo(
     className: o,
     ...l
   }) {
-    const a = Le(), s = ye(), c = ht(), A = gt(), u = Ct(), m = te(), f = F.useRef(null), d = ae(() => {
+    const a = _e(), s = he(), c = pt(), A = ht(), u = Ct(), m = te(), f = F.useRef(null), d = le(() => {
       const O = u?.getCollectionConfig(t);
-      return O ? je(l, O) : l;
-    }, [l, t, u?.getCollectionConfig]), g = Gt(d, A, $e(t), null), [h, p] = D(void 0), [v, b] = F.useState(void 0), [y, x] = F.useState(0), [k, C] = D(0), B = w(() => {
+      return O ? Le(l, O) : l;
+    }, [l, t, u?.getCollectionConfig]), g = Gt(d, A, $e(t), null), [h, p] = D(void 0), [v, b] = F.useState(void 0), [y, B] = F.useState(0), [k, C] = D(0), x = w(() => {
       const O = h;
       setTimeout(() => {
         O === h && p(void 0);
@@ -10109,7 +10085,7 @@ const Sc = "collectionGroupParent", So = F.memo(
     }, [h]), I = w((O) => Ui(d, A, $e(t), O ?? null) ? d.inlineEditing === void 0 || d.inlineEditing : !1, [d, A, t]), S = d.selectionEnabled === void 0 || d.selectionEnabled, Q = !I(), [N, P] = D(!1), U = No(), Z = d.selectionController ?? U, {
       selectedEntities: W,
       toggleEntitySelection: ne,
-      isEntitySelected: le,
+      isEntitySelected: ae,
       setSelectedEntities: $
     } = Z;
     V(() => {
@@ -10130,7 +10106,7 @@ const Sc = "collectionGroupParent", So = F.memo(
       path: O.path,
       collection: d,
       updateUrl: !0,
-      onClose: B
+      onClose: x
     })), [t, d, c]), j = w(() => {
       m.onAnalyticsEvent?.("new_entity_click", {
         path: t
@@ -10138,7 +10114,7 @@ const Sc = "collectionGroupParent", So = F.memo(
         path: t,
         collection: d,
         updateUrl: !0,
-        onClose: B
+        onClose: x
       });
     }, [t, d, c]);
     w((O) => {
@@ -10153,30 +10129,30 @@ const Sc = "collectionGroupParent", So = F.memo(
     }, [m, t, W]), _ = w((O, ee) => {
       m.onAnalyticsEvent?.("single_entity_deleted", {
         path: t
-      }), $((ie) => ie.filter((oe) => oe.id !== ee.id)), x(Date.now());
+      }), $((ie) => ie.filter((oe) => oe.id !== ee.id)), B(Date.now());
     }, [m, t, $]), re = w((O, ee) => {
       m.onAnalyticsEvent?.("multiple_entities_deleted", {
         path: t
-      }), $([]), b(void 0), x(Date.now());
+      }), $([]), b(void 0), B(Date.now());
     }, [$]);
     let L;
     m?.plugins && (L = m.plugins.find((O) => O.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
     const R = w((O, ee) => {
       if (u) {
-        const ie = u.getCollectionConfig(O), oe = je(ie, ee);
+        const ie = u.getCollectionConfig(O), oe = Le(ie, ee);
         u.onCollectionModified(O, oe);
       }
     }, [u]), T = w(({
       width: O,
       key: ee
     }) => {
-      if (!bt(d.properties, ee))
+      if (!yt(d.properties, ee))
         return;
       const ie = Fo(ee, O);
       R(t, ie);
     }, [d, R, t]), Pe = w((O) => {
       u && R(t, { defaultSize: O });
-    }, [R, t, u]), we = Gt(d, A, $e(t), null), he = w(
+    }, [R, t, u]), we = Gt(d, A, $e(t), null), pe = w(
       ({
         name: O,
         value: ee,
@@ -10189,7 +10165,7 @@ const Sc = "collectionGroupParent", So = F.memo(
       context: ee,
       value: ie,
       propertyKey: oe,
-      onValueUpdated: pe,
+      onValueUpdated: ve,
       setError: Ue,
       entity: Dt
     }) => {
@@ -10207,22 +10183,22 @@ const Sc = "collectionGroupParent", So = F.memo(
         callbacks: d.callbacks,
         dataSource: a,
         context: ee,
-        onSaveSuccess: () => pe(),
-        onSaveFailure: (ve) => {
-          console.error("Save failure"), console.error(ve), Ue(ve);
+        onSaveSuccess: () => ve(),
+        onSaveFailure: (be) => {
+          console.error("Save failure"), console.error(be), Ue(be);
         }
       });
-    }, et = s.resolveAliasesFrom(t), He = ae(() => Ge({
+    }, tt = s.resolveAliasesFrom(t), qe = le(() => Ge({
       collection: d,
       path: t,
       fields: m.propertyConfigs
-    }), [d, t]), We = w(({
+    }), [d, t]), Je = w(({
       propertyKey: O,
       propertyValue: ee,
       entity: ie
     }) => {
-      let oe = bt(d.properties, O);
-      return oe || (oe = bt(He.properties, O)), Te({
+      let oe = yt(d.properties, O);
+      return oe || (oe = yt(qe.properties, O)), Te({
         propertyKey: O,
         propertyOrBuilder: oe,
         path: t,
@@ -10231,7 +10207,7 @@ const Sc = "collectionGroupParent", So = F.memo(
         entityId: ie.id,
         fields: m.propertyConfigs
       });
-    }, [d.properties, m.propertyConfigs, t, He.properties]), It = ho(He, !0), vt = ae(() => {
+    }, [d.properties, m.propertyConfigs, t, qe.properties]), It = ho(qe, !0), bt = le(() => {
       const O = d.subcollections?.map((ie) => ({
         key: dr(ie),
         name: ie.name,
@@ -10243,8 +10219,8 @@ const Sc = "collectionGroupParent", So = F.memo(
             color: "primary",
             variant: "outlined",
             startIcon: /* @__PURE__ */ r(Jn, { size: "small" }),
-            onClick: (pe) => {
-              pe.stopPropagation(), c.open({
+            onClick: (ve) => {
+              ve.stopPropagation(), c.open({
                 path: t,
                 entityId: oe.id,
                 selectedSubPath: ie.id ?? ie.path,
@@ -10262,13 +10238,13 @@ const Sc = "collectionGroupParent", So = F.memo(
         dependencies: [],
         Builder: ({ entity: ie }) => {
           const oe = s.getParentReferencesFromPath(ie.path);
-          return /* @__PURE__ */ r(G, { children: oe.map((pe) => /* @__PURE__ */ r(
-            lt,
+          return /* @__PURE__ */ r(G, { children: oe.map((ve) => /* @__PURE__ */ r(
+            He,
             {
-              reference: pe,
+              reference: ve,
               size: "tiny"
             },
-            pe.path + "/" + pe.id
+            ve.path + "/" + ve.id
           )) });
         }
       }] : [];
@@ -10278,31 +10254,31 @@ const Sc = "collectionGroupParent", So = F.memo(
         ...ee
       ];
     }, [d, t]), St = w(() => {
-      x(Date.now());
-    }, []), tt = _e(), nt = w(({ entity: O, customEntityActions: ee }) => {
+      B(Date.now());
+    }, []), nt = We(), rt = w(({ entity: O, customEntityActions: ee }) => {
       const ie = O ? cr(d, A, $e(t), O) : !0, oe = [Ec];
       return we && oe.push(ko), ie && oe.push(Io), ee && oe.push(...ee), oe;
     }, [A, d, we, t]), Nt = w(() => {
-      const O = nt({}), ee = O.filter((pe) => pe.collapsed !== !1), oe = O.filter((pe) => pe.collapsed === !1).length * (tt ? 40 : 30);
-      return (tt ? 80 + oe : 70 + oe) + (ee.length > 0 ? tt ? 40 : 30 : 0);
-    }, [tt, nt]), rt = w(({
+      const O = rt({}), ee = O.filter((ve) => ve.collapsed !== !1), oe = O.filter((ve) => ve.collapsed === !1).length * (nt ? 40 : 30);
+      return (nt ? 80 + oe : 70 + oe) + (ee.length > 0 ? nt ? 40 : 30 : 0);
+    }, [nt, rt]), it = w(({
       entity: O,
       size: ee,
       width: ie,
       frozen: oe
     }) => {
-      const pe = le(O), Ue = nt({ entity: O, customEntityActions: d.entityActions });
+      const ve = ae(O), Ue = rt({ entity: O, customEntityActions: d.entityActions });
       return /* @__PURE__ */ r(
         ur,
         {
           entity: O,
           width: ie,
           frozen: oe,
-          isSelected: pe,
+          isSelected: ve,
           selectionEnabled: S,
           size: ee,
           highlightEntity: p,
-          unhighlightEntity: B,
+          unhighlightEntity: x,
           collection: d,
           fullPath: t,
           actions: Ue,
@@ -10311,7 +10287,7 @@ const Sc = "collectionGroupParent", So = F.memo(
           selectionController: Z
         }
       );
-    }, [le, d, A, t, S, ne, we]), Ft = /* @__PURE__ */ r(
+    }, [ae, d, A, t, S, ne, we]), Ft = /* @__PURE__ */ r(
       Hn,
       {
         open: N,
@@ -10340,7 +10316,7 @@ const Sc = "collectionGroupParent", So = F.memo(
             }
           )
         ] }),
-        children: d.description && /* @__PURE__ */ r("div", { className: "m-4 text-gray-900 dark:text-white", children: /* @__PURE__ */ r(An, { source: d.description }) })
+        children: d.description && /* @__PURE__ */ r("div", { className: "m-4 text-gray-900 dark:text-white", children: /* @__PURE__ */ r(dn, { source: d.description }) })
       }
     );
     function Qt({
@@ -10348,7 +10324,7 @@ const Sc = "collectionGroupParent", So = F.memo(
       propertyKey: ee,
       onHover: ie
     }) {
-      return m.plugins ? /* @__PURE__ */ r(G, { children: m.plugins.filter((oe) => oe.collectionView?.HeaderAction).map((oe, pe) => {
+      return m.plugins ? /* @__PURE__ */ r(G, { children: m.plugins.filter((oe) => oe.collectionView?.HeaderAction).map((oe, ve) => {
         const Ue = oe.collectionView.HeaderAction;
         return /* @__PURE__ */ r(
           Ue,
@@ -10360,7 +10336,7 @@ const Sc = "collectionGroupParent", So = F.memo(
             collection: d,
             parentCollectionIds: n ?? []
           },
-          `plugin_header_action_${pe}`
+          `plugin_header_action_${ve}`
         );
       }) }) : null;
     }
@@ -10383,21 +10359,21 @@ const Sc = "collectionGroupParent", So = F.memo(
           /* @__PURE__ */ r(
             bo,
             {
-              additionalFields: vt,
+              additionalFields: bt,
               tableController: Y,
               displayedColumnIds: It,
               onSizeChanged: Pe,
               onEntityClick: ge,
               onColumnResize: T,
               onValueChange: Me,
-              tableRowActionsBuilder: rt,
-              uniqueFieldValidator: he,
+              tableRowActionsBuilder: it,
+              uniqueFieldValidator: pe,
               title: Ft,
               selectionController: Z,
               highlightedEntities: h ? [h] : [],
               defaultSize: d.defaultSize,
-              properties: He.properties,
-              getPropertyFor: We,
+              properties: qe.properties,
+              getPropertyFor: Je,
               actions: /* @__PURE__ */ r(
                 Us,
                 {
@@ -10423,7 +10399,7 @@ const Sc = "collectionGroupParent", So = F.memo(
                     onClick: j,
                     className: "mt-4",
                     children: [
-                      /* @__PURE__ */ r(At, {}),
+                      /* @__PURE__ */ r(dt, {}),
                       "Create your first entity"
                     ]
                   }
@@ -10454,8 +10430,8 @@ const Sc = "collectionGroupParent", So = F.memo(
               collection: d,
               entity: J?.entity,
               tableKey: ce.current,
-              customFieldValidator: he,
-              path: et,
+              customFieldValidator: pe,
+              path: tt,
               onCellValueChange: Me,
               container: f.current
             },
@@ -10499,7 +10475,7 @@ function Nc({
   sortBy: i,
   onCountChange: o
 }) {
-  const l = Le(), a = ye(), [s, c] = D(void 0), [A, u] = D(void 0), m = i ? i[0] : void 0, f = i ? i[1] : void 0, d = ae(() => a.resolveAliasesFrom(e), [e, a.resolveAliasesFrom]);
+  const l = _e(), a = he(), [s, c] = D(void 0), [A, u] = D(void 0), m = i ? i[0] : void 0, f = i ? i[1] : void 0, d = le(() => a.resolveAliasesFrom(e), [e, a.resolveAliasesFrom]);
   return V(() => {
     l.countEntities({
       path: d,
@@ -10531,8 +10507,8 @@ function Fc({
   collection: e,
   path: t
 }) {
-  const [n, i] = F.useState(!1), [o, l] = F.useState(""), a = ht();
-  return /* @__PURE__ */ r(be, { title: n ? void 0 : "Find by ID", children: /* @__PURE__ */ r(
+  const [n, i] = F.useState(!1), [o, l] = F.useState(""), a = pt();
+  return /* @__PURE__ */ r(ye, { title: n ? void 0 : "Find by ID", children: /* @__PURE__ */ r(
     Hn,
     {
       open: n,
@@ -10554,7 +10530,7 @@ function Fc({
           className: "text-gray-900 dark:text-white w-96 max-w-full",
           children: /* @__PURE__ */ E("div", { className: "flex p-4 w-full gap-4", children: [
             /* @__PURE__ */ r(
-              ct,
+              At,
               {
                 placeholder: "Find entity by ID",
                 size: "small",
@@ -10589,7 +10565,7 @@ function Qc({
   forceFilter: s,
   maxSelection: c
 }) {
-  const A = hr(), u = ht(), m = ye(), f = te(), d = m.resolveAliasesFrom(o), g = Le(), [h, p] = D([]), v = No();
+  const A = hr(), u = pt(), m = he(), f = te(), d = m.resolveAliasesFrom(o), g = _e(), [h, p] = D([]), v = No();
   V(() => {
     let N = !1;
     const P = l?.map((U) => U?.toString()).filter(Boolean);
@@ -10629,7 +10605,7 @@ function Qc({
       }
       v.setSelectedEntities(P), t && t(P);
     }
-  }, x = (N) => {
+  }, B = (N) => {
     console.debug("ReferenceSelectionInner onEntityClick", N), !n && e ? (f.onAnalyticsEvent?.("reference_selected_single", {
       path: d,
       entityId: N.id
@@ -10642,7 +10618,7 @@ function Qc({
       collection: i,
       updateUrl: !0,
       onUpdate: ({ entity: N }) => {
-        p([N, ...h]), x(N);
+        p([N, ...h]), B(N);
       },
       closeOnSave: !0
     });
@@ -10652,7 +10628,7 @@ function Qc({
     width: U,
     frozen: Z
   }) => {
-    const W = v.selectedEntities, ne = W && W.map((le) => le.id).indexOf(N.id) > -1;
+    const W = v.selectedEntities, ne = W && W.map((ae) => ae.id).indexOf(N.id) > -1;
     return /* @__PURE__ */ r(
       ur,
       {
@@ -10667,7 +10643,7 @@ function Qc({
         selectionController: v
       }
     );
-  }, B = w((N) => {
+  }, x = w((N) => {
     N.stopPropagation(), A.close(!1);
   }, [A]);
   if (!i)
@@ -10677,7 +10653,7 @@ function Qc({
         error: "Could not find collection with id " + i
       }
     );
-  const I = ae(() => Ge({
+  const I = le(() => Ge({
     collection: i,
     path: d,
     values: {},
@@ -10693,7 +10669,7 @@ function Qc({
       bo,
       {
         displayedColumnIds: S,
-        onEntityClick: x,
+        onEntityClick: B,
         tableController: Q,
         tableRowActionsBuilder: C,
         title: /* @__PURE__ */ r(q, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
@@ -10725,7 +10701,7 @@ function Qc({
       /* @__PURE__ */ r(
         Ae,
         {
-          onClick: B,
+          onClick: x,
           color: "primary",
           variant: "filled",
           children: "Done"
@@ -10740,13 +10716,13 @@ function Dc({
   onClear: n,
   onNewClick: i
 }) {
-  const o = gt(), l = _e(), a = i ? (c) => {
+  const o = ht(), l = We(), a = i ? (c) => {
     c.preventDefault(), i();
   } : void 0, s = Gt(e, o, $e(t), null) && a && (l ? /* @__PURE__ */ E(
     Ae,
     {
       onClick: a,
-      startIcon: /* @__PURE__ */ r(At, {}),
+      startIcon: /* @__PURE__ */ r(dt, {}),
       variant: "outlined",
       color: "primary",
       children: [
@@ -10761,7 +10737,7 @@ function Dc({
       size: "medium",
       variant: "outlined",
       color: "primary",
-      children: /* @__PURE__ */ r(At, {})
+      children: /* @__PURE__ */ r(dt, {})
     }
   ));
   return /* @__PURE__ */ E(G, { children: [
@@ -10783,7 +10759,7 @@ function Kr({
 }) {
   const n = Ct();
   return /* @__PURE__ */ r(
-    ut,
+    ft,
     {
       invisible: !0,
       titleClassName: "font-medium text-sm text-gray-600 dark:text-gray-400",
@@ -10819,7 +10795,7 @@ function Rc({
   description: l,
   onClick: a
 }) {
-  const s = Ct(), c = zn(n ?? e), A = fn(), u = te(), m = (s?.favouritePaths ?? []).includes(t);
+  const s = Ct(), c = zn(n ?? e), A = mn(), u = te(), m = (s?.favouritePaths ?? []).includes(t);
   let f;
   if (u.plugins && n) {
     const d = {
@@ -10912,7 +10888,7 @@ function Rc({
                   variant: "body2",
                   color: "secondary",
                   component: "div",
-                  children: /* @__PURE__ */ r(An, { source: l })
+                  children: /* @__PURE__ */ r(dn, { source: l })
                 }
               )
             ]
@@ -10924,7 +10900,7 @@ function Rc({
   );
 }
 function Pc({ entry: e }) {
-  const t = fn(), n = Ct();
+  const t = mn(), n = Ct();
   if (!n)
     return null;
   const i = n.favouritePaths.includes(e.path), o = (l) => {
@@ -10959,7 +10935,7 @@ function Pc({ entry: e }) {
   );
 }
 function Mc({ hidden: e }) {
-  const t = ye(), n = Ct();
+  const t = he(), n = Ct();
   if (!n)
     return null;
   const i = (n?.favouritePaths ?? []).map((o) => t.topLevelNavigation?.navigationEntries.find((l) => l.path === o)).filter(Boolean);
@@ -11004,7 +10980,7 @@ function Oc({
   additionalChildrenStart: e,
   additionalChildrenEnd: t
 }) {
-  const n = te(), i = ye();
+  const n = te(), i = he();
   if (!i.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
   const {
@@ -11036,12 +11012,12 @@ function Oc({
       context: n
     };
     p = /* @__PURE__ */ r(G, { children: n.plugins.filter((b) => b.homePage?.includeSection).map((b, y) => {
-      const x = b.homePage.includeSection(v);
+      const B = b.homePage.includeSection(v);
       return /* @__PURE__ */ r(
         Kr,
         {
-          group: x.title,
-          children: x.children
+          group: B.title,
+          children: B.children
         },
         `plugin_section_${b.name}`
       );
@@ -11074,12 +11050,12 @@ function Oc({
         e,
         g,
         d.map((v, b) => {
-          const y = [], x = {
+          const y = [], B = {
             group: v,
             context: n
           };
           n.plugins && n.plugins.forEach((C) => {
-            C.homePage?.AdditionalCards && y.push(...an(C.homePage?.AdditionalCards));
+            C.homePage?.AdditionalCards && y.push(...sn(C.homePage?.AdditionalCards));
           });
           const k = m.filter((C) => C.group === v || !C.group && v === void 0);
           return k.length === 0 && y.length === 0 ? null : /* @__PURE__ */ r(
@@ -11092,12 +11068,12 @@ function Oc({
                   {
                     ...C,
                     onClick: () => {
-                      const B = C.type === "collection" ? "home_navigate_to_collection" : C.type === "view" ? "home_navigate_to_view" : "unmapped_event";
-                      n.onAnalyticsEvent?.(B, { path: C.path });
+                      const x = C.type === "collection" ? "home_navigate_to_collection" : C.type === "view" ? "home_navigate_to_view" : "unmapped_event";
+                      n.onAnalyticsEvent?.(x, { path: C.path });
                     }
                   }
                 ) }, `nav_${C.group}_${C.name}`)),
-                y && y.map((C, B) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(C, { ...x }) }, `nav_${v}_add_${B}`))
+                y && y.map((C, x) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(C, { ...B }) }, `nav_${v}_add_${x}`))
               ] })
             },
             `plugin_section_${v}`
@@ -11349,10 +11325,10 @@ const Yc = function({
   style: c,
   user: A
 }) {
-  const u = ye(), m = gt(), {
+  const u = he(), m = ht(), {
     mode: f,
     toggleMode: d
-  } = eo(), g = _e(), h = A ?? m.user;
+  } = eo(), g = We(), h = A ?? m.user;
   let p;
   if (h && h.photoURL)
     p = /* @__PURE__ */ r(
@@ -11430,7 +11406,7 @@ const Yc = function({
     }
   );
 }, zc = (e) => e && Array.isArray(e) && e.length > 0 ? e.map((t, n) => t ? {
-  [Qi(t) + n]: Xt()
+  [Qi(t) + n]: Kt()
 } : {}).reduce((t, n) => ({ ...t, ...n }), {}) : {};
 function Qo({
   droppableId: e,
@@ -11449,12 +11425,12 @@ function Qo({
   );
   V(() => {
     if (u && n && n.length !== f.length) {
-      const b = n.map((y, x) => {
-        const k = Qi(y) + x;
+      const b = n.map((y, B) => {
+        const k = Qi(y) + B;
         if (k in m.current)
           return m.current[k];
         {
-          const C = Xt();
+          const C = Kt();
           return m.current[k] = C, C;
         }
       });
@@ -11464,30 +11440,30 @@ function Qo({
   const g = (b) => {
     if (b.preventDefault(), i)
       return;
-    const y = Xt(), x = [...f, y];
-    a && a(y), d(x), A([...n ?? [], c]);
+    const y = Kt(), B = [...f, y];
+    a && a(y), d(B), A([...n ?? [], c]);
   }, h = (b) => {
     const y = [...f];
-    y.splice(b, 1), d(y), A(n.filter((x, k) => k !== b));
+    y.splice(b, 1), d(y), A(n.filter((B, k) => k !== b));
   }, p = (b) => {
-    const y = Xt(), x = n[b], k = [
+    const y = Kt(), B = n[b], k = [
       ...f.splice(0, b + 1),
       y,
       ...f.splice(b + 1, f.length - b - 1)
     ];
-    a && a(y), d(k), A([...n.slice(0, b + 1), x, ...n.slice(b + 1)]);
+    a && a(y), d(k), A([...n.slice(0, b + 1), B, ...n.slice(b + 1)]);
   };
   return /* @__PURE__ */ r(Ci, { onDragEnd: (b) => {
     if (!b.destination)
       return;
-    const y = b.source.index, x = b.destination.index, k = [...f], C = k[y];
-    k[y] = k[x], k[x] = C, d(k), A($c(n, y, x));
+    const y = b.source.index, B = b.destination.index, k = [...f], C = k[y];
+    k[y] = k[B], k[B] = C, d(k), A($c(n, y, B));
   }, children: /* @__PURE__ */ r(
     ki,
     {
       droppableId: e,
-      renderClone: (b, y, x) => {
-        const k = x.source.index, C = f[k];
+      renderClone: (b, y, B) => {
+        const k = B.source.index, C = f[k];
         return /* @__PURE__ */ r(
           ei,
           {
@@ -11509,28 +11485,28 @@ function Qo({
           ...b.droppableProps,
           ref: b.innerRef,
           children: [
-            u && f.map((x, k) => /* @__PURE__ */ r(
+            u && f.map((B, k) => /* @__PURE__ */ r(
               Ii,
               {
-                draggableId: `array_field_${x}`,
+                draggableId: `array_field_${B}`,
                 isDragDisabled: i,
                 index: k,
-                children: (C, B) => /* @__PURE__ */ r(
+                children: (C, x) => /* @__PURE__ */ r(
                   ei,
                   {
                     provided: C,
-                    internalId: x,
+                    internalId: B,
                     index: k,
                     size: l,
                     disabled: i,
                     buildEntry: o,
                     remove: h,
                     copy: p,
-                    isDragging: B.isDragging
+                    isDragging: x.isDragging
                   }
                 )
               },
-              `array_field_${x}`
+              `array_field_${B}`
             )),
             b.placeholder,
             s && /* @__PURE__ */ r("div", { className: "py-4 justify-center text-left", children: /* @__PURE__ */ r(
@@ -11540,7 +11516,7 @@ function Qo({
                 size: l === "small" ? "small" : "medium",
                 color: "primary",
                 disabled: i,
-                startIcon: /* @__PURE__ */ r(At, {}),
+                startIcon: /* @__PURE__ */ r(dt, {}),
                 onClick: g,
                 children: t ?? "Add"
               }
@@ -11622,7 +11598,7 @@ function Uc({
       ...o.dragHandleProps,
       children: [
         /* @__PURE__ */ r(
-          be,
+          ye,
           {
             side: e === "column" ? "left" : void 0,
             title: "Move",
@@ -11648,7 +11624,7 @@ function Uc({
         ),
         !s && !a && /* @__PURE__ */ E(G, { children: [
           /* @__PURE__ */ r(
-            be,
+            ye,
             {
               title: "Remove",
               side: e === "column" ? "left" : void 0,
@@ -11660,7 +11636,7 @@ function Uc({
                   disabled: t,
                   onClick: () => n(i),
                   children: /* @__PURE__ */ r(
-                    en,
+                    tn,
                     {
                       size: "small"
                     }
@@ -11670,7 +11646,7 @@ function Uc({
             }
           ),
           /* @__PURE__ */ r(
-            be,
+            ye,
             {
               side: e === "column" ? "left" : void 0,
               title: "Copy in this position",
@@ -11682,7 +11658,7 @@ function Uc({
                   disabled: t,
                   onClick: () => l(i),
                   children: /* @__PURE__ */ r(
-                    Kt,
+                    en,
                     {
                       size: "small"
                     }
@@ -11703,11 +11679,11 @@ function Uc({
             ) }),
             children: [
               /* @__PURE__ */ E(Ie, { dense: !0, onClick: () => n(i), children: [
-                /* @__PURE__ */ r(en, { size: "small" }),
+                /* @__PURE__ */ r(tn, { size: "small" }),
                 "Remove"
               ] }),
               /* @__PURE__ */ E(Ie, { dense: !0, onClick: () => l(i), children: [
-                /* @__PURE__ */ r(Kt, { size: "small" }),
+                /* @__PURE__ */ r(en, { size: "small" }),
                 "Copy"
               ] })
             ]
@@ -11721,11 +11697,127 @@ function $c(e, t, n) {
   const i = Array.from(e), [o] = i.splice(t, 1);
   return i.splice(n, 0, o), i;
 }
-function Xt() {
+function Kt() {
   return Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
 }
-function bn(e) {
-  const t = ye(), n = pn(), i = w(() => {
+function md({
+  name: e,
+  multiselect: t = !1,
+  path: n,
+  disabled: i,
+  value: o,
+  onReferenceSelected: l,
+  onMultipleReferenceSelected: a,
+  previewProperties: s,
+  forceFilter: c,
+  size: A,
+  className: u
+}) {
+  const m = he(), f = le(() => m.getCollection(n), [n, m]);
+  if (!f)
+    throw Error(`Couldn't find the corresponding collection for the path: ${n}`);
+  const d = w((b) => {
+    if (!i && l) {
+      const y = b ? at(b) : null;
+      l?.({ reference: y, entity: b });
+    }
+  }, [i, l]), g = w((b) => {
+    if (!i && a) {
+      const y = b ? b.map((B) => at(B)) : null;
+      a({ references: y, entities: b });
+    }
+  }, [i, l]), h = Wt(
+    {
+      multiselect: t,
+      path: n,
+      collection: f,
+      onSingleEntitySelected: d,
+      onMultipleEntitiesSelected: g,
+      forceFilter: c
+    }
+  );
+  w((b) => {
+    b.stopPropagation(), t ? g([]) : d(null);
+  }, [l]);
+  let p;
+  const v = () => {
+    i || h.open();
+  };
+  return Array.isArray(o) ? p = /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: o.map((b, y) => /* @__PURE__ */ r(
+    He,
+    {
+      onClick: v,
+      reference: b,
+      disabled: i,
+      previewProperties: s,
+      size: A
+    },
+    `reference_preview_${y}`
+  )) }) : o instanceof je && (p = /* @__PURE__ */ r(
+    He,
+    {
+      reference: o,
+      onClick: v,
+      disabled: i,
+      previewProperties: s,
+      size: A
+    }
+  )), /* @__PURE__ */ E(
+    "div",
+    {
+      className: X(
+        "text-sm font-medium text-gray-500",
+        "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",
+        "text-opacity-50 dark:text-white dark:text-opacity-50",
+        u
+      ),
+      children: [
+        p,
+        !o && /* @__PURE__ */ r("div", { className: "justify-center text-left", children: /* @__PURE__ */ E(
+          Ae,
+          {
+            variant: "outlined",
+            color: "primary",
+            disabled: i,
+            onClick: v,
+            children: [
+              "Edit ",
+              e
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Fe({
+  icon: e,
+  title: t,
+  small: n,
+  className: i,
+  required: o
+}) {
+  return /* @__PURE__ */ E(
+    "span",
+    {
+      className: `inline-flex items-center my-0.5  ${n ? "gap-1" : "gap-2"} ${i ?? ""}`,
+      children: [
+        e,
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: `font-medium text-${n ? "base" : "sm"} origin-top-left transform ${n ? "translate-x-2 scale-75" : ""}`,
+            children: (t ?? "") + (o ? " *" : "")
+          }
+        )
+      ]
+    }
+  );
+}
+function Wt(e) {
+  const t = he(), n = vn(), i = w(() => {
     if (e.path) {
       let l = e.collection;
       if (l || (l = t.getCollection(e.path)), !l)
@@ -11756,7 +11848,7 @@ function bn(e) {
 }
 const jc = `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 md(e, t) {
+function gd(e, t) {
   V(() => {
     if (document) {
       document.title = `${e} - FireCMS`;
@@ -11765,7 +11857,7 @@ function md(e, t) {
     }
   }, [e, t]);
 }
-const Wt = "main_##Q$SC^#S6";
+const Jt = "main_##Q$SC^#S6";
 function Lc({
   path: e,
   entityId: t,
@@ -11789,13 +11881,13 @@ function Lc({
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const g = Le(), h = hr(), p = ht(), v = pt(), b = te(), y = gt(), [x, k] = D(void 0), [C, B] = D(i ? "copy" : t ? "existing" : "new"), I = ue(void 0), S = I.current, Q = (o.subcollections ?? []).filter((z) => !z.hideFromNavigation), N = Q?.length ?? 0, P = o.entityViews, U = P?.length ?? 0, Z = o.formAutoSave && !o.customId, W = U > 0 || N > 0, ne = n ?? Yi(
+  const g = _e(), h = hr(), p = pt(), v = vt(), b = te(), y = ht(), [B, k] = D(void 0), [C, x] = D(i ? "copy" : t ? "existing" : "new"), I = ue(void 0), S = I.current, Q = (o.subcollections ?? []).filter((z) => !z.hideFromNavigation), N = Q?.length ?? 0, P = o.entityViews, U = P?.length ?? 0, Z = o.formAutoSave && !o.customId, W = U > 0 || N > 0, ne = n ?? Yi(
     o ? o.defaultSelectedView : void 0,
     {
       status: C,
       entityId: t
     }
-  ), le = ue(ne ?? Wt), $ = le.current === Wt, {
+  ), ae = ue(ne ?? Jt), $ = ae.current === Jt, {
     entity: Y,
     dataLoading: ce,
     // eslint-disable-next-line no-unused-vars
@@ -11830,10 +11922,10 @@ function Lc({
     m(!1), Z || v.open({
       type: "success",
       message: `${o.singularName ?? o.name}: Saved correctly`
-    }), ge(z), B("existing"), a(!1), c && c({ entity: z }), O ? (h.setBlocked(!1), h.close(!0), A?.()) : C !== "existing" && p.replace({
+    }), ge(z), x("existing"), a(!1), c && c({ entity: z }), O ? (h.setBlocked(!1), h.close(!0), A?.()) : C !== "existing" && p.replace({
       path: e,
       entityId: z.id,
-      selectedSubPath: le.current,
+      selectedSubPath: ae.current,
       updateUrl: !0,
       collection: o
     });
@@ -11848,10 +11940,10 @@ function Lc({
     closeAfterSave: ee,
     entityId: ie,
     collection: oe,
-    path: pe
+    path: ve
   }) => {
     m(!0), Ki({
-      path: pe,
+      path: ve,
       entityId: ie,
       values: z,
       previousValues: O,
@@ -11870,7 +11962,7 @@ function Lc({
     entityId: ee,
     values: ie,
     previousValues: oe,
-    closeAfterSave: pe,
+    closeAfterSave: ve,
     autoSave: Ue
   }) => {
     C && (Ue ? d(ie) : T({
@@ -11879,11 +11971,11 @@ function Lc({
       entityId: ee,
       values: ie,
       previousValues: oe,
-      closeAfterSave: pe
+      closeAfterSave: ve
     }));
-  }, we = P ? P.map((z) => Gi(z, b.entityViews)).filter(Boolean) : [], he = P && we.map(
+  }, we = P ? P.map((z) => Gi(z, b.entityViews)).filter(Boolean) : [], pe = P && we.map(
     (z, O) => {
-      if (!z || le.current !== z.key)
+      if (!z || ae.current !== z.key)
         return null;
       const ee = z.Builder;
       return ee ? /* @__PURE__ */ r(
@@ -11894,29 +11986,29 @@ function Lc({
             "relative flex-grow w-full h-full overflow-auto "
           ),
           role: "tabpanel",
-          children: /* @__PURE__ */ r(de, { children: x && /* @__PURE__ */ r(
+          children: /* @__PURE__ */ r(de, { children: B && /* @__PURE__ */ r(
             ee,
             {
               collection: o,
               entity: K,
               modifiedValues: S ?? K?.values,
-              formContext: x
+              formContext: B
             }
           ) })
         },
         `custom_view_${z.key}`
       ) : (console.error("customView.Builder is not defined"), null);
     }
-  ).filter(Boolean), Me = ce && !K || (!K || j === void 0) && (C === "existing" || C === "copy"), et = Me || u, He = Q && Q.map(
+  ).filter(Boolean), Me = ce && !K || (!K || j === void 0) && (C === "existing" || C === "copy"), tt = Me || u, qe = Q && Q.map(
     (z, O) => {
       const ee = z.id ?? z.path, ie = K ? `${e}/${K?.id}/${Be(ee)}` : void 0;
-      return le.current !== ee ? null : /* @__PURE__ */ E(
+      return ae.current !== ee ? null : /* @__PURE__ */ E(
         "div",
         {
           className: "relative flex-grow h-full overflow-auto w-full",
           role: "tabpanel",
           children: [
-            et && /* @__PURE__ */ r(ln, {}),
+            tt && /* @__PURE__ */ r(an, {}),
             !Me && (K && ie ? /* @__PURE__ */ r(
               So,
               {
@@ -11937,29 +12029,29 @@ function Lc({
         `subcol_${ee}`
       );
     }
-  ).filter(Boolean), We = w(() => {
+  ).filter(Boolean), Je = w(() => {
     a(!1);
   }, []), It = (z) => {
-    le.current = z, p.replace({
+    ae.current = z, p.replace({
       path: e,
       entityId: t,
-      selectedSubPath: z === Wt ? void 0 : z,
+      selectedSubPath: z === Jt ? void 0 : z,
       updateUrl: !0,
       collection: o
     });
-  }, vt = w((z) => {
+  }, bt = w((z) => {
     I.current = z;
   }, []), St = w((z) => {
     v.open({
       type: "error",
       message: "Error updating id, check the console"
     });
-  }, []), tt = w((z) => {
+  }, []), nt = w((z) => {
     ge((O) => O ? {
       ...O,
       id: z
     } : void 0);
-  }, []), nt = (z) => {
+  }, []), rt = (z) => {
     Z || a(z);
   };
   function Nt() {
@@ -11971,11 +12063,11 @@ function Lc({
         path: e,
         collection: o,
         onEntitySaveRequested: Pe,
-        onDiscard: We,
-        onValuesChanged: vt,
-        onModified: nt,
+        onDiscard: Je,
+        onValuesChanged: bt,
+        onModified: rt,
         entity: K,
-        onIdChange: tt,
+        onIdChange: nt,
         onFormContextChange: k,
         hideId: o.hideIdFromForm,
         autoSave: Z,
@@ -11989,19 +12081,19 @@ function Lc({
           status: C,
           path: e,
           collection: o,
-          onDiscard: We,
-          onValuesChanged: vt,
-          onModified: nt,
+          onDiscard: Je,
+          onValuesChanged: bt,
+          onModified: rt,
           entity: K,
           context: b,
-          formContext: x,
+          formContext: B,
           ...ee.form.provider.props,
           children: O
         }
       ));
     }), /* @__PURE__ */ r(de, { children: O });
   }
-  const rt = j === void 0 ? /* @__PURE__ */ r(G, {}) : j ? /* @__PURE__ */ E(G, { children: [
+  const it = j === void 0 ? /* @__PURE__ */ r(G, {}) : j ? /* @__PURE__ */ E(G, { children: [
     /* @__PURE__ */ r(
       q,
       {
@@ -12069,13 +12161,13 @@ function Lc({
                 "div",
                 {
                   className: "self-center",
-                  children: /* @__PURE__ */ r(un, { size: "small" })
+                  children: /* @__PURE__ */ r(fn, { size: "small" })
                 }
               ),
               /* @__PURE__ */ E(
                 gl,
                 {
-                  value: le.current,
+                  value: ae.current,
                   onValueChange: (z) => {
                     It(z);
                   },
@@ -12085,7 +12177,7 @@ function Lc({
                       En,
                       {
                         disabled: !W,
-                        value: Wt,
+                        value: Jt,
                         className: `${W ? "" : "hidden"} text-sm min-w-[140px]`,
                         children: o.singularName ?? o.name
                       }
@@ -12117,11 +12209,11 @@ function Lc({
                   hidden: !$,
                   id: `form_${e}`,
                   className: " w-full",
-                  children: Me ? /* @__PURE__ */ r(ln, {}) : rt
+                  children: Me ? /* @__PURE__ */ r(an, {}) : it
                 }
               ),
-              he,
-              He
+              pe,
+              qe
             ]
           }
         )
@@ -12130,7 +12222,7 @@ function Lc({
   );
 }
 function _c(e, t) {
-  const [n, i] = F.useState(), { navigator: o } = F.useContext(Dl), l = fn(), a = () => {
+  const [n, i] = F.useState(), { navigator: o } = F.useContext(Dl), l = mn(), a = () => {
     i(void 0);
   }, s = () => {
     t(), i(void 0), l(-1);
@@ -12203,8 +12295,8 @@ const Do = F.createContext({
   close: () => {
   }
 }), hr = () => Ye(Do);
-function gd() {
-  const t = pn().sidePanels, n = [...t];
+function hd() {
+  const t = vn().sidePanels, n = [...t];
   return n.push(void 0), /* @__PURE__ */ r(G, { children: n.map((i, o) => /* @__PURE__ */ r(
     Jc,
     {
@@ -12218,7 +12310,7 @@ function Jc({
   offsetPosition: e,
   panel: t
 }) {
-  const [n, i] = D(!1), [o, l] = D(!1), [a, s] = D(), c = F.useRef(t?.width), A = c.current, u = pn(), {
+  const [n, i] = D(!1), [o, l] = D(!1), [a, s] = D(), c = F.useRef(t?.width), A = c.current, u = vn(), {
     navigationWasBlocked: m,
     handleOk: f,
     handleCancel: d
@@ -12286,7 +12378,7 @@ function Hc(e) {
     blocked: t,
     setBlocked: n,
     setBlockedNavigationMessage: i
-  } = hr(), o = ye(), l = ae(() => o.getParentCollectionIds(e.path), [o, e.path]), a = ae(() => {
+  } = hr(), o = he(), l = le(() => o.getParentCollectionIds(e.path), [o, e.path]), a = le(() => {
     if (!e)
       return;
     let c = e.collection;
@@ -12328,7 +12420,7 @@ function qc(e, t) {
   return n ? i ?? Or : `calc(${fa} + ${i ?? Or})`;
 }
 const Zc = (e, t) => {
-  const n = jt(), i = ue(!1), o = !_e();
+  const n = jt(), i = ue(!1), o = !We();
   V(() => {
     if (!e.loading && !i.current) {
       if (e.isUrlCollectionPath(n.pathname)) {
@@ -12336,7 +12428,7 @@ const Zc = (e, t) => {
         for (let m = 0; m < u.length; m++) {
           const f = u[m];
           setTimeout(() => {
-            m === 0 ? t.replace(Jt(f, e, o)) : t.open(Jt(f, e, o));
+            m === 0 ? t.replace(Ht(f, e, o)) : t.open(Ht(f, e, o));
           }, 1);
         }
       }
@@ -12355,11 +12447,11 @@ const Zc = (e, t) => {
         entityId: c.entityId
       }
     );
-    t.open(Jt({ selectedSubPath: A, ...c }, e, o));
+    t.open(Ht({ selectedSubPath: A, ...c }, e, o));
   }, [t, e, o]), s = w((c) => {
     if (c.copy && !c.entityId)
       throw Error("If you want to copy an entity you need to provide an entityId");
-    t.replace(Jt(c, e, o));
+    t.replace(Ht(c, e, o));
   }, [e, t, o]);
   return {
     close: l,
@@ -12401,7 +12493,7 @@ function Xc(e, t, n) {
     copy: !1
   }), o;
 }
-const Jt = (e, t, n) => {
+const Ht = (e, t, n) => {
   const i = Be(e.path), o = e.entityId ? t.buildUrlCollectionPath(`${i}/${e.entityId}/${e.selectedSubPath || ""}`) : t.buildUrlCollectionPath(`${i}#${Ro}`);
   return {
     key: `${e.path}/${e.entityId}`,
@@ -12413,7 +12505,7 @@ const Jt = (e, t, n) => {
   };
 };
 function Kc() {
-  const e = jt(), t = fn(), [n, i] = D([]), o = ue(n), l = ue({}), a = ue(0), s = (m) => {
+  const e = jt(), t = mn(), [n, i] = D([]), o = ue(n), l = ue({}), a = ue(0), s = (m) => {
     o.current = m, i(m);
   };
   V(() => {
@@ -12502,7 +12594,7 @@ function Po(e) {
       const u = A.id ?? A.path, m = i && i.length > 0 ? i + "/" + u : u, f = Be(Be(t).replace(c, "")), d = f.length > 0 ? f.split("/") : [];
       if (d.length > 0) {
         const g = d[0], h = m + "/" + g;
-        if (a.push(new Je(g, m)), d.length > 1) {
+        if (a.push(new je(g, m)), d.length > 1) {
           const p = d.slice(1).join("/");
           if (!A)
             throw Error("collection not found resolving path: " + A);
@@ -12529,11 +12621,11 @@ function rA({
   plugins: a,
   dataSource: s
 }) {
-  const c = jt(), [A, u] = D(), [m, f] = D(), [d, g] = D(!1), [h, p] = D(void 0), [v, b] = D(!0), [y, x] = D(void 0), k = Be(e), C = Be(t), B = k ? `/${k}` : "/", I = k ? `/${k}/${C}` : `/${C}`, S = w(
-    (j) => k ? `/${k}/${Ht(j)}` : `/${Ht(j)}`,
+  const c = jt(), [A, u] = D(), [m, f] = D(), [d, g] = D(!1), [h, p] = D(void 0), [v, b] = D(!0), [y, B] = D(void 0), k = Be(e), C = Be(t), x = k ? `/${k}` : "/", I = k ? `/${k}/${C}` : `/${C}`, S = w(
+    (j) => k ? `/${k}/${qt(j)}` : `/${qt(j)}`,
     [k]
   ), Q = w(
-    (j) => `${Be(t)}/${Ht(j)}`,
+    (j) => `${Be(t)}/${qt(j)}`,
     [t]
   ), N = w((j, M) => {
     const _ = [
@@ -12570,7 +12662,7 @@ function rA({
         );
         u(j), f(M), p(N(j ?? [], M));
       } catch (j) {
-        console.error(j), x(j);
+        console.error(j), B(j);
       }
       b(!1), g(!0);
     }
@@ -12581,15 +12673,15 @@ function rA({
   const U = w((j, M, _ = !1) => {
     if (!A)
       return;
-    const re = nr(Be(j), A), L = _ ? l?.getCollectionConfig(j) : void 0, R = re ? je(re, L) : void 0;
+    const re = nr(Be(j), A), L = _ ? l?.getCollectionConfig(j) : void 0, R = re ? Le(re, L) : void 0;
     let T = R;
     if (R) {
-      const Pe = R.subcollections, we = R.callbacks, he = R.permissions;
+      const Pe = R.subcollections, we = R.callbacks, pe = R.permissions;
       T = {
         ...T,
         subcollections: T?.subcollections ?? Pe,
         callbacks: T?.callbacks ?? we,
-        permissions: T?.permissions ?? he
+        permissions: T?.permissions ?? pe
       };
     }
     if (T)
@@ -12623,14 +12715,14 @@ function rA({
   }, [A]), ne = w(
     (j) => Be(j + "/").startsWith(Be(I) + "/"),
     [I]
-  ), le = w((j) => {
+  ), ae = w((j) => {
     if (j.startsWith(I))
       return j.replace(I, "");
     throw Error("Expected path starting with " + I);
   }, [I]), $ = w(
     ({
       path: j
-    }) => `s/edit/${Ht(j)}`,
+    }) => `s/edit/${qt(j)}`,
     []
   ), Y = w((j) => {
     if (!A)
@@ -12640,12 +12732,12 @@ function rA({
     path: j,
     collections: A
   }), [A]), ge = w((j) => K(j).map((M) => M.id), [K]);
-  return ae(() => ({
+  return le(() => ({
     collections: A ?? [],
     views: m ?? [],
     loading: !d || v,
     navigationLoadingError: y,
-    homeUrl: B,
+    homeUrl: x,
     basePath: e,
     baseCollectionPath: t,
     initialised: d,
@@ -12653,7 +12745,7 @@ function rA({
     getCollectionFromPaths: Z,
     getCollectionFromIds: W,
     isUrlCollectionPath: ne,
-    urlPathToDataPath: le,
+    urlPathToDataPath: ae,
     buildUrlCollectionPath: Q,
     buildUrlEditCollectionPath: $,
     buildCMSUrlPath: S,
@@ -12663,13 +12755,13 @@ function rA({
     refreshNavigation: P,
     getParentReferencesFromPath: K,
     getParentCollectionIds: ge
-  }), [t, J, e, S, Q, $, A, K, U, Z, B, d, ne, v, y, P, Y, h, le, m]);
+  }), [t, J, e, S, Q, $, A, K, U, Z, x, d, ne, v, y, P, Y, h, ae, m]);
 }
-function Ht(e) {
+function qt(e) {
   return encodeURIComponent(Be(e)).replaceAll("%2F", "/").replaceAll("%23", "#");
 }
 function Mo(e, t) {
-  return e.filter((n) => n.permissions ? hn(n, t, [n.path], null).read !== !1 : !0).map((n) => n.subcollections ? {
+  return e.filter((n) => n.permissions ? pn(n, t, [n.path], null).read !== !1 : !0).map((n) => n.subcollections ? {
     ...n,
     subcollections: Mo(n.subcollections, t)
   } : n);
@@ -12911,9 +13003,9 @@ function lA({
   };
 }
 function _n(e, t, n, i, o) {
-  return e === void 0 ? o() : Array.isArray(e) ? e.map((l) => _n(l, t, n, i, o)) : e instanceof Je ? t(e) : e instanceof ir ? n(e) : e instanceof Date ? i(e) : e && typeof e == "object" ? Object.entries(e).map(([l, a]) => ({ [l]: _n(a, t, n, i, o) })).reduce((l, a) => ({ ...l, ...a }), {}) : e;
+  return e === void 0 ? o() : Array.isArray(e) ? e.map((l) => _n(l, t, n, i, o)) : e instanceof je ? t(e) : e instanceof ir ? n(e) : e instanceof Date ? i(e) : e && typeof e == "object" ? Object.entries(e).map(([l, a]) => ({ [l]: _n(a, t, n, i, o) })).reduce((l, a) => ({ ...l, ...a }), {}) : e;
 }
-function hd(e) {
+function pd(e) {
   const t = eo(), {
     children: n,
     entityLinkBuilder: i,
@@ -12943,11 +13035,11 @@ function hd(e) {
     userConfigPersistence: o,
     dataSource: A,
     plugins: u
-  }), x = lA({
+  }), B = lA({
     delegate: A,
     propertyConfigs: f,
     navigationController: y
-  }), k = Kc(), C = Zc(y, k), B = u?.some((Q) => Q.loading) ?? !1, I = s.initialLoading || y.loading || B, S = ae(() => ({
+  }), k = Kc(), C = Zc(y, k), x = u?.some((Q) => Q.loading) ?? !1, I = s.initialLoading || y.loading || x, S = le(() => ({
     entityLinkBuilder: i,
     dateTimeFormat: l,
     locale: a,
@@ -12980,7 +13072,7 @@ function hd(e) {
           children: /* @__PURE__ */ r(
             ji.Provider,
             {
-              value: x,
+              value: B,
               children: /* @__PURE__ */ r(
                 Ni.Provider,
                 {
@@ -13045,7 +13137,7 @@ function sA({
   drawerOpen: t,
   closeDrawer: n
 }) {
-  const i = te(), o = ye(), l = e && !t, a = _e();
+  const i = te(), o = he(), l = e && !t, a = We();
   if (!o.topLevelNavigation)
     throw Error("Navigation not ready in Drawer");
   const {
@@ -13149,7 +13241,7 @@ function ti({
     }
   );
   return n ? s : /* @__PURE__ */ r(
-    be,
+    ye,
     {
       open: i,
       side: "right",
@@ -13158,7 +13250,7 @@ function ti({
     }
   );
 }
-const cA = 280, pd = F.memo(
+const cA = 280, vd = F.memo(
   function(t) {
     const {
       children: n,
@@ -13170,9 +13262,9 @@ const cA = 280, pd = F.memo(
       drawerProps: c,
       FireCMSAppBarComponent: A = Yc,
       fireCMSAppBarComponentProps: u
-    } = t, m = _e(), f = ye(), [d, g] = F.useState(!1), [h, p] = F.useState(!1), v = w(() => p(!0), []), b = w(() => p(!1), []), y = w(() => {
+    } = t, m = We(), f = he(), [d, g] = F.useState(!1), [h, p] = F.useState(!1), v = w(() => p(!0), []), b = w(() => p(!1), []), y = w(() => {
       g(!1);
-    }, []), x = d || !!(m && a && h);
+    }, []), B = d || !!(m && a && h);
     return /* @__PURE__ */ E(
       "div",
       {
@@ -13193,7 +13285,7 @@ const cA = 280, pd = F.memo(
             {
               title: i,
               includeDrawer: l,
-              drawerOpen: x,
+              drawerOpen: B,
               ...u
             }
           ),
@@ -13204,15 +13296,15 @@ const cA = 280, pd = F.memo(
               onMouseEnter: v,
               onMouseMove: v,
               onMouseLeave: b,
-              open: x,
+              open: B,
               logo: o,
               hovered: h,
               setDrawerOpen: g,
-              children: l && (f.loading ? /* @__PURE__ */ r(ln, {}) : /* @__PURE__ */ r(
+              children: l && (f.loading ? /* @__PURE__ */ r(an, {}) : /* @__PURE__ */ r(
                 s,
                 {
                   hovered: h,
-                  drawerOpen: x,
+                  drawerOpen: B,
                   closeDrawer: y,
                   ...c
                 }
@@ -13242,7 +13334,7 @@ const cA = 280, pd = F.memo(
   me
 ), AA = () => /* @__PURE__ */ r("div", { className: "flex flex-col min-h-[68px]" });
 function dA(e) {
-  const t = ye(), n = e.displayed ? e.open ? cA : 72 : 0, i = /* @__PURE__ */ E(
+  const t = he(), n = e.displayed ? e.open ? cA : 72 : 0, i = /* @__PURE__ */ E(
     "div",
     {
       className: "relative h-full no-scrollbar overflow-y-auto overflow-x-hidden",
@@ -13252,7 +13344,7 @@ function dA(e) {
       },
       children: [
         !e.open && e.displayed && /* @__PURE__ */ r(
-          be,
+          ye,
           {
             title: "Open menu",
             side: "right",
@@ -13281,7 +13373,7 @@ function dA(e) {
               },
               className: X("cursor-pointer"),
               children: /* @__PURE__ */ r(
-                be,
+                ye,
                 {
                   title: "Home",
                   sideOffset: 20,
@@ -13312,7 +13404,7 @@ function dA(e) {
       ]
     }
   );
-  return _e() ? /* @__PURE__ */ E(
+  return We() ? /* @__PURE__ */ E(
     "div",
     {
       className: "relative",
@@ -13651,7 +13743,7 @@ function vr(e, t) {
     return;
   }
   const o = pr[i], l = n ? t[n] : void 0;
-  return je(o ?? {}, l ?? {});
+  return Le(o ?? {}, l ?? {});
 }
 function br(e) {
   if (e.dataType === "string")
@@ -13679,12 +13771,12 @@ function br(e) {
 function To(e) {
   return e.propertyConfig ? e.propertyConfig : br(e);
 }
-const vd = F.memo(
+const bd = F.memo(
   function({
     HomePage: t = Oc,
     customRoutes: n
   }) {
-    const i = jt(), o = ye();
+    const i = jt(), o = he();
     if (!o)
       return /* @__PURE__ */ r(G, {});
     const l = i.state, a = l && l.base_location ? l.base_location : i, s = [];
@@ -13695,7 +13787,7 @@ const vd = F.memo(
       (f) => {
         const d = o.buildUrlCollectionPath(f.id ?? f.path);
         return /* @__PURE__ */ r(
-          qt,
+          Zt,
           {
             path: d + "/*",
             element: /* @__PURE__ */ r(
@@ -13705,7 +13797,7 @@ const vd = F.memo(
                 parentCollectionIds: [],
                 fullPath: f.id ?? f.path,
                 ...f,
-                Actions: an(f.Actions)
+                Actions: sn(f.Actions)
               },
               `collection_view_${f.id ?? f.path}`
             )
@@ -13718,14 +13810,14 @@ const vd = F.memo(
       A,
       s,
       /* @__PURE__ */ r(
-        qt,
+        Zt,
         {
           path: "/",
           element: /* @__PURE__ */ r(t, {})
         }
       ),
       /* @__PURE__ */ r(
-        qt,
+        Zt,
         {
           path: "*",
           element: /* @__PURE__ */ r(Gc, {})
@@ -13735,14 +13827,14 @@ const vd = F.memo(
     ] });
   }
 ), ni = (e, t) => /* @__PURE__ */ r(
-  qt,
+  Zt,
   {
     path: e,
     element: t.view
   },
   "navigation_view_" + e
 );
-function bd() {
+function yd() {
   const e = typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)"), n = (localStorage.getItem("prefers-dark-mode") != null ? localStorage.getItem("prefers-dark-mode") === "true" : null) ?? e, [i, o] = D(n ? "dark" : "light");
   V(() => {
     o(n ? "dark" : "light"), s(n ? "dark" : "light");
@@ -13762,7 +13854,7 @@ function bd() {
     toggleMode: c
   };
 }
-function yd() {
+function wd() {
   const [e, t] = D({}), n = w((g) => {
     const h = localStorage.getItem(g);
     return h ? JSON.parse(h) : {};
@@ -13772,8 +13864,8 @@ function yd() {
   }, [e, n]), o = w((g, h) => {
     const p = `collection_config::${Pr(g)}`;
     localStorage.setItem(p, JSON.stringify(h)), t((v) => {
-      const b = v[p], y = je(b ?? n(g), h);
-      return je(v, y);
+      const b = v[p], y = Le(b ?? n(g), h);
+      return Le(v, y);
     });
   }, [n]), [l, a] = D([]), [s, c] = D([]), [A, u] = D([]);
   V(() => {
@@ -13816,7 +13908,7 @@ export {
   fc as BlockFieldBinding,
   La as BooleanPreview,
   ea as COLLECTION_PATH_SEPARATOR,
-  ln as CircularProgressCenter,
+  an as CircularProgressCenter,
   pr as DEFAULT_FIELD_CONFIGS,
   ja as DatePreview,
   nc as DateTimeFieldBinding,
@@ -13829,13 +13921,13 @@ export {
   So as EntityCollectionView,
   Bc as EntityForm,
   ao as EntityPreview,
-  Je as EntityReference,
+  je as EntityReference,
   De as EnumValuesChip,
   de as ErrorBoundary,
   Ce as ErrorView,
   ud as FieldConfigBadge,
-  Fe as FieldHelperText,
-  hd as FireCMS,
+  Ne as FieldHelperText,
+  pd as FireCMS,
   Yc as FireCMSAppBar,
   Zi as FireCMSContextInstance,
   Vc as FireCMSLogo,
@@ -13844,7 +13936,7 @@ export {
   xa as ImagePreview,
   cc as KeyValueFieldBinding,
   lo as KeyValuePreview,
-  Ne as LabelWithIcon,
+  Fe as LabelWithIcon,
   sc as MapFieldBinding,
   $a as MapPropertyPreview,
   hc as MarkdownFieldBinding,
@@ -13853,20 +13945,21 @@ export {
   Zr as MultiSelectBinding,
   Rc as NavigationCollectionCard,
   Kr as NavigationGroup,
-  vd as NavigationRoutes,
+  bd as NavigationRoutes,
   Gc as NotFoundPage,
   _a as NumberPropertyPreview,
   kt as PropertyFieldBinding,
   Se as PropertyPreview,
   xo as ReadOnlyFieldBinding,
   rc as ReferenceFieldBinding,
-  lt as ReferencePreview,
+  He as ReferencePreview,
   Ar as ReferencePreviewContainer,
   Qc as ReferenceSelectionInner,
+  md as ReferenceWidget,
   uc as RepeatFieldBinding,
-  pd as Scaffold,
+  vd as Scaffold,
   qr as SelectFieldBinding,
-  gd as SideDialogs,
+  hd as SideDialogs,
   Vt as SkeletonPropertyComponent,
   QA as SnackbarProvider,
   Da as StorageThumbnail,
@@ -13876,7 +13969,7 @@ export {
   dd as SwitchControl,
   tc as SwitchFieldBinding,
   Rt as TextFieldBinding,
-  on as UrlComponentPreview,
+  ln as UrlComponentPreview,
   Ss as VirtualTable,
   PA as addInitialSlash,
   od as buildAdditionalFieldDelegate,
@@ -13894,7 +13987,7 @@ export {
   Ui as canEditEntity,
   Kl as defaultDateFormat,
   pa as deleteEntityWithCallbacks,
-  ft as enumToObjectEntries,
+  mt as enumToObjectEntries,
   Mr as flattenObject,
   $e as fullPathToCollectionSegments,
   aa as getArrayValuesCount,
@@ -13908,7 +14001,7 @@ export {
   HA as getDefaultPropertiesOrder,
   or as getDefaultValueFor,
   Di as getDefaultValueForDataType,
-  nn as getDefaultValuesFor,
+  rn as getDefaultValuesFor,
   vr as getFieldConfig,
   To as getFieldId,
   Qi as getHashValue,
@@ -13920,17 +14013,17 @@ export {
   lr as getLabelOrConfigFrom,
   MA as getLastSegment,
   ia as getPropertiesWithPropertiesOrder,
-  bt as getPropertyInPath,
-  Xt as getRandomId,
-  yt as getReferenceFrom,
+  yt as getPropertyInPath,
+  Kt as getRandomId,
+  at as getReferenceFrom,
   la as getReferencePreviewKeys,
   zi as getResolvedPropertyInPath,
-  dt as getValueInPath,
+  ut as getValueInPath,
   na as hydrateRegExp,
   uA as isDefaultFieldConfigId,
   Rr as isEmptyObject,
   GA as isEnumValueDisabled,
-  mn as isHidden,
+  gn as isHidden,
   xn as isObject,
   Re as isPropertyBuilder,
   Lt as isReadOnly,
@@ -13940,7 +14033,7 @@ export {
   sa as makePropertiesEditable,
   ca as makePropertiesNonEditable,
   da as mergeCollection,
-  je as mergeDeep,
+  Le as mergeDeep,
   _l as pick,
   qA as plural,
   UA as randomColor,
@@ -13955,15 +14048,15 @@ export {
   sd as renderSkeletonCaptionText,
   ro as renderSkeletonIcon,
   no as renderSkeletonImageThumbnail,
-  ot as renderSkeletonText,
-  mt as resolveArrayProperty,
+  lt as renderSkeletonText,
+  gt as resolveArrayProperty,
   Ge as resolveCollection,
   Fi as resolveCollectionPathAliases,
   Yi as resolveDefaultSelectedView,
   Gi as resolveEntityView,
   VA as resolveEnumValues,
   va as resolveNavigationFrom,
-  hn as resolvePermissions,
+  pn as resolvePermissions,
   Ti as resolveProperties,
   Te as resolveProperty,
   Oi as resolvePropertyEnum,
@@ -13981,29 +14074,29 @@ export {
   Ri as traverseValuesProperties,
   RA as unslugify,
   Jl as updateDateAutoValues,
-  gt as useAuthController,
-  md as useBrowserTitleAndIcon,
-  yd as useBuildLocalConfigurationPersistence,
-  bd as useBuildModeController,
+  ht as useAuthController,
+  gd as useBrowserTitleAndIcon,
+  wd as useBuildLocalConfigurationPersistence,
+  yd as useBuildModeController,
   ze as useClearRestoreValue,
   ba as useClipboard,
   ha as useCollectionFetch,
-  Le as useDataSource,
+  _e as useDataSource,
   sr as useDebounce,
   LA as useDebounceValue,
   wo as useEntityCollectionTableController,
   Xi as useEntityFetch,
   te as useFireCMSContext,
-  _e as useLargeLayout,
+  We as useLargeLayout,
   eo as useModeController,
-  ye as useNavigationController,
-  bn as useReferenceDialog,
+  he as useNavigationController,
+  Wt as useReferenceDialog,
   ad as useResolvedNavigationFrom,
   No as useSelectionController,
   hr as useSideDialogContext,
-  pn as useSideDialogsController,
-  ht as useSideEntityController,
-  pt as useSnackbarController,
+  vn as useSideDialogsController,
+  pt as useSideEntityController,
+  vt as useSnackbarController,
   _t as useStorageSource
 };
 //# sourceMappingURL=index.es.js.map