@firecms/core 3.0.0-beta.2 → 3.0.0-canary.0

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as _, Fragment as V } from "react/jsx-runtime";
 import * as Fr from "react";
-import S, { useContext as je, useCallback as k, useMemo as se, useState as Q, useRef as he, useEffect as M, createElement as Lo, createRef as $o, createContext as Wo, forwardRef as Jo, useLayoutEffect as Qr, useDeferredValue as Ho } from "react";
+import I, { useContext as je, useCallback as k, useMemo as pe, useState as Q, useRef as he, useEffect as M, createElement as Lo, createRef as $o, createContext as Wo, forwardRef as Jo, useLayoutEffect as Qr, useDeferredValue as Ho } from "react";
 import { SnackbarProvider as Zo, useSnackbar as Xo } from "notistack";
 import Bi from "object-hash";
 import { getIn as Kt, Field as cn, useFormex as Lr, useCreateFormex as dn, Formex as un, setIn as Dr } from "@firecms/formex";
-import { getColorSchemeForSeed as mn, CHIP_COLORS as Ko, CircleIcon as pn, FunctionsIcon as ea, iconKeys as $r, coolIconKeys as Rr, Icon as Wr, Tooltip as _e, ErrorIcon as fn, Typography as J, IconButton as ce, ContentCopyIcon as Jr, OpenInNewIcon as ar, DescriptionIcon as ta, Skeleton as Ue, Chip as Hr, cn as ie, defaultBorderMixin as Be, KeyboardTabIcon as Zr, Checkbox as hn, Markdown as sr, TextareaAutosize as ra, MultiSelect as gn, MultiSelectItem as An, Select as tt, SelectItem as rt, BooleanSwitch as ia, DateTimeField as zt, paperMixin as lr, ErrorOutlineIcon as na, EditIcon as oa, Button as ge, RemoveCircleIcon as aa, Menu as Vt, MoreVertIcon as sa, MenuItem as De, FilterListOffIcon as la, CircularProgress as Gt, SearchBar as Xr, Badge as Ci, ArrowUpwardIcon as yr, Popover as Kr, FilterListIcon as ca, AssignmentIcon as da, TextField as yt, ClearIcon as Qt, BooleanSwitchWithLabel as cr, useOutsideAlerter as bn, AddIcon as ct, DeleteIcon as Pr, InfoIcon as ua, CloseIcon as yn, ExpandablePanel as ut, RemoveIcon as ei, fieldBackgroundMixin as wn, fieldBackgroundDisabledMixin as vn, fieldBackgroundHoverMixin as ti, focusedMixin as Si, Collapse as _n, ArrowDropDownIcon as kn, useInjectStyles as ma, Dialog as ri, DialogContent as ii, DialogActions as kt, FileCopyIcon as pa, ContentPasteIcon as fa, Alert as ha, SearchIcon as ga, Card as Aa, StarIcon as xn, StarBorderIcon as En, ArrowForwardIcon as ba, Container as ya, LoadingButton as wa, Avatar as Ii, DarkModeIcon as va, LightModeIcon as _a, LogoutIcon as ka, HandleIcon as xa, debounce as Ea, Tab as wr, Tabs as Ba, Sheet as Bn, CenteredView as Ni, MenuIcon as Fi, ChevronLeftIcon as Ca, ShortTextIcon as Sa, SubjectIcon as Ia, FormatQuoteIcon as Na, HttpIcon as Fa, EmailIcon as Qa, FlagIcon as Da, ListIcon as Ra, ListAltIcon as Pa, NumbersIcon as Ta, FormatListNumberedIcon as Qi, UploadFileIcon as Oa, DriveFolderUploadIcon as Ma, LinkIcon as za, AddLinkIcon as Va, ScheduleIcon as Ga, BallotIcon as Di, RepeatIcon as Ri, ViewStreamIcon as ja } from "@firecms/ui";
+import { getColorSchemeForSeed as mn, CHIP_COLORS as Ko, CircleIcon as pn, FunctionsIcon as ea, iconKeys as $r, coolIconKeys as Rr, Icon as Wr, Tooltip as _e, ErrorIcon as fn, Typography as J, IconButton as le, ContentCopyIcon as Jr, OpenInNewIcon as ar, DescriptionIcon as ta, Skeleton as Ue, Chip as Hr, cn as ne, defaultBorderMixin as Be, KeyboardTabIcon as Zr, Checkbox as hn, Markdown as sr, TextareaAutosize as ra, MultiSelect as gn, MultiSelectItem as An, Select as tt, SelectItem as rt, BooleanSwitch as ia, DateTimeField as zt, paperMixin as lr, ErrorOutlineIcon as na, EditIcon as oa, Button as ge, RemoveCircleIcon as aa, Menu as Vt, MoreVertIcon as sa, MenuItem as De, FilterListOffIcon as la, CircularProgress as Gt, SearchBar as Xr, Badge as Ci, ArrowUpwardIcon as yr, Popover as Kr, FilterListIcon as ca, AssignmentIcon as da, TextField as yt, ClearIcon as Qt, BooleanSwitchWithLabel as cr, useOutsideAlerter as bn, AddIcon as ct, DeleteIcon as Pr, InfoIcon as ua, CloseIcon as yn, ExpandablePanel as ut, RemoveIcon as ei, fieldBackgroundMixin as wn, fieldBackgroundDisabledMixin as vn, fieldBackgroundHoverMixin as ti, focusedMixin as Si, Collapse as _n, ArrowDropDownIcon as kn, useInjectStyles as ma, Dialog as ri, DialogContent as ii, DialogActions as kt, FileCopyIcon as pa, ContentPasteIcon as fa, Alert as ha, SearchIcon as ga, Card as Aa, StarIcon as xn, StarBorderIcon as En, ArrowForwardIcon as ba, Container as ya, LoadingButton as wa, Avatar as Ii, DarkModeIcon as va, LightModeIcon as _a, LogoutIcon as ka, HandleIcon as xa, debounce as Ea, Tab as wr, Tabs as Ba, Sheet as Bn, CenteredView as Ni, MenuIcon as Fi, ChevronLeftIcon as Ca, ShortTextIcon as Sa, SubjectIcon as Ia, FormatQuoteIcon as Na, HttpIcon as Fa, EmailIcon as Qa, FlagIcon as Da, ListIcon as Ra, ListAltIcon as Pa, NumbersIcon as Ta, FormatListNumberedIcon as Qi, UploadFileIcon as Oa, DriveFolderUploadIcon as Ma, LinkIcon as za, AddLinkIcon as Va, ScheduleIcon as Ga, BallotIcon as Di, RepeatIcon as Ri, ViewStreamIcon as ja } from "@firecms/ui";
 import { useNavigate as dr, useLocation as jt, Link as ni, UNSAFE_NavigationContext as Ya, NavLink as qa, Route as Jt, Routes as Ua } from "react-router-dom";
 import * as Cn from "js-search";
-import te from "react-fast-compare";
+import ee from "react-fast-compare";
 import { format as La } from "date-fns";
 import * as Sn from "date-fns/locale";
 import { FixedSizeList as $a } from "react-window";
@@ -33,7 +33,7 @@ const Wd = ({ children: e }) => /* @__PURE__ */ n(
   },
   toggleMode: () => {
   }
-}, oi = S.createContext(Ka), Jd = oi.Provider, Rn = S.createContext({});
+}, oi = I.createContext(Ka), Jd = oi.Provider, Rn = I.createContext({});
 function ve(e) {
   return es(ts(e));
 }
@@ -671,10 +671,10 @@ function su(e) {
   return e.match(/\/((?![*+?])(?:[^\r\n[/\\]|\\.|\[(?:[^\r\n\]\\]|\\.)*])+)\/((?:g(?:im?|mi?)?|i(?:gm?|mg?)?|m(?:gi?|ig?)?)?)/) ? !0 : !!e.match(/((?![*+?])(?:[^\r\n[/\\]|\\.|\[(?:[^\r\n\]\\]|\\.)*])+)/);
 }
 function mi(e, t, r, i = 300) {
-  const o = S.useRef(!1), a = () => {
+  const o = I.useRef(!1), a = () => {
     t(), o.current = !1;
-  }, s = S.useRef(void 0);
-  S.useEffect(
+  }, s = I.useRef(void 0);
+  I.useEffect(
     () => (o.current = !0, clearTimeout(s.current), s.current = setTimeout(a, i), () => {
       r && a();
     }),
@@ -2745,7 +2745,7 @@ function gs(e, t) {
   if (e && (e = Or(e), e in rr))
     return e in rr ? /* @__PURE__ */ n(Wr, { iconKey: e, size: "medium", className: t }) : void 0;
 }
-const zr = S.memo(
+const zr = I.memo(
   function({ collectionOrView: t, className: r }) {
     const i = gs(t.icon, r);
     if (t?.icon && i)
@@ -2755,7 +2755,7 @@ const zr = S.memo(
     const s = Rr.length;
     return a || (a = Rr[hs(t.path) % s]), /* @__PURE__ */ n(Wr, { iconKey: a, size: "medium", className: r });
   },
-  (e, t) => te(e.collectionOrView.icon, t.collectionOrView.icon)
+  (e, t) => ee(e.collectionOrView.icon, t.collectionOrView.icon)
 ), rr = $r.reduce((e, t) => (e[t] = t, e), {});
 function mu(e, t) {
   if (t !== void 0 && t === 1)
@@ -3062,7 +3062,7 @@ function vu(e) {
 function _u(e) {
   return e;
 }
-const ks = "100vw", xs = "55vw", Gi = "768px", Wn = S.createContext({}), Ke = () => je(Wn), Jn = S.createContext({}), ke = () => je(Jn), ft = () => je(Rn), Hn = S.createContext({}), fr = () => je(Hn), Zn = S.createContext({}), ht = () => je(Zn), Xn = S.createContext({}), qt = () => je(Xn), gt = () => {
+const ks = "100vw", xs = "55vw", Gi = "768px", Wn = I.createContext({}), Ke = () => je(Wn), Jn = I.createContext({}), ke = () => je(Jn), ft = () => je(Rn), Hn = I.createContext({}), fr = () => je(Hn), Zn = I.createContext({}), ht = () => je(Zn), Xn = I.createContext({}), qt = () => je(Xn), gt = () => {
   const {
     enqueueSnackbar: e,
     closeSnackbar: t
@@ -3080,11 +3080,11 @@ const ks = "100vw", xs = "55vw", Gi = "768px", Wn = S.createContext({}), Ke = ()
   }, []), i = k(() => {
     t();
   }, []);
-  return se(() => ({
+  return pe(() => ({
     open: r,
     close: i
   }), [r, i]);
-}, Kn = S.createContext(void 0), xt = () => je(Kn), eo = S.createContext({}), Es = ({ children: e }) => {
+}, Kn = I.createContext(void 0), xt = () => je(Kn), eo = I.createContext({}), Es = ({ children: e }) => {
   const [t, r] = Q([]), i = he(t), o = (l) => {
     i.current = l, r(l);
   }, a = k(() => {
@@ -3115,8 +3115,8 @@ const ks = "100vw", xs = "55vw", Gi = "768px", Wn = S.createContext({}), Ke = ()
       `dialog_${c}`
     ))
   ] });
-}, Bs = () => je(eo), to = S.createContext({}), pe = () => je(to), ro = S.createContext({}), Et = () => je(ro), Ce = () => {
-  const e = ft(), t = fr(), r = ht(), i = ke(), o = Ke(), a = qt(), s = gt(), l = xt(), c = Bs(), d = pe(), u = Et(), f = S.useRef({
+}, Bs = () => je(eo), to = I.createContext({}), ue = () => je(to), ro = I.createContext({}), Et = () => je(ro), Ce = () => {
+  const e = ft(), t = fr(), r = ht(), i = ke(), o = Ke(), a = qt(), s = gt(), l = xt(), c = Bs(), d = ue(), u = Et(), f = I.useRef({
     authController: e,
     sideDialogsController: t,
     sideEntityController: r,
@@ -3580,7 +3580,7 @@ function Ps({
   size: e,
   url: t
 }) {
-  const [r, i] = Q(!1), o = se(() => wt(e), [e]);
+  const [r, i] = Q(!1), o = pe(() => wt(e), [e]);
   return e === "tiny" ? /* @__PURE__ */ n(
     "img",
     {
@@ -3624,7 +3624,7 @@ function Ps({
             {
               className: "rounded-full absolute bottom-[-4px] right-8",
               children: /* @__PURE__ */ n(
-                ce,
+                le,
                 {
                   variant: "filled",
                   size: "small",
@@ -3641,7 +3641,7 @@ function Ps({
             }
           ) }),
           /* @__PURE__ */ n(_e, { title: "Open image in new tab", children: /* @__PURE__ */ n(
-            ce,
+            le,
             {
               variant: "filled",
               component: "a",
@@ -3898,7 +3898,7 @@ function Eu(e) {
 function co() {
   return /* @__PURE__ */ n(Ue, { width: 24, height: 24 });
 }
-const Ys = S.memo(Us, qs);
+const Ys = I.memo(Us, qs);
 function qs(e, t) {
   return e.size === t.size && e.storagePathOrDownloadUrl === t.storagePathOrDownloadUrl && e.storeUrl === t.storeUrl;
 }
@@ -3908,7 +3908,7 @@ function Us({
   storagePathOrDownloadUrl: t,
   size: r
 }) {
-  const [i, o] = S.useState(void 0), a = qt(), [s, l] = S.useState(ji[t]);
+  const [i, o] = I.useState(void 0), a = qt(), [s, l] = I.useState(ji[t]);
   if (M(() => {
     if (!t)
       return;
@@ -3977,7 +3977,7 @@ function uo({
     );
   } else if (r.previewAsTag) {
     const o = mn(e ?? "");
-    return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
       Hr,
       {
         colorScheme: o,
@@ -4001,7 +4001,7 @@ function uo({
       const o = t.split(`
 `);
       return t && t.includes(`
-`) ? /* @__PURE__ */ n("div", { className: "overflow-x-scroll", children: o.map((a, s) => /* @__PURE__ */ _(S.Fragment, { children: [
+`) ? /* @__PURE__ */ n("div", { className: "overflow-x-scroll", children: o.map((a, s) => /* @__PURE__ */ _(I.Fragment, { children: [
         /* @__PURE__ */ n("span", { children: a }),
         s !== o.length - 1 && /* @__PURE__ */ n("br", {})
       ] }, `string_preview_${s}`)) }) : /* @__PURE__ */ n(V, { children: t });
@@ -4015,7 +4015,7 @@ function Yi({
   // entity,
   size: i
 }) {
-  const o = pe(), a = pt({
+  const o = ue(), a = pt({
     propertyKey: e,
     property: r,
     propertyValue: t,
@@ -4033,9 +4033,9 @@ function Yi({
     (c, d) => {
       const u = a.resolvedProperties[d] ?? a.resolvedProperties[d] ?? (Array.isArray(a.of) ? a.of[d] : a.of);
       return u ? /* @__PURE__ */ n(
-        S.Fragment,
+        I.Fragment,
         {
-          children: /* @__PURE__ */ n("div", { className: ie(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ n("div", { className: ne(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
             Re,
             {
               propertyKey: e,
@@ -4079,7 +4079,7 @@ function Ws({
   onClick: a,
   allowEntityNavigation: s = !0
 }) {
-  const l = pe(), d = ke().getCollection(t.path);
+  const l = ue(), d = ke().getCollection(t.path);
   if (!d) {
     if (l.components?.missingReference)
       return /* @__PURE__ */ n(l.components.missingReference, { path: t.path });
@@ -4100,7 +4100,7 @@ function Ws({
   );
 }
 function Js({ reference: e, collection: t, previewProperties: r, size: i, disabled: o, allowEntityNavigation: a, onClick: s, onHover: l }) {
-  const c = pe(), d = Et(), u = ht(), {
+  const c = ue(), d = Et(), u = ht(), {
     entity: f,
     dataLoading: m,
     dataLoadingError: g
@@ -4111,12 +4111,12 @@ function Js({ reference: e, collection: t, previewProperties: r, size: i, disabl
     useCache: !0
   });
   f && qi.set(e.pathWithId, f);
-  const p = f ?? qi.get(e.pathWithId), h = se(() => qe({
+  const p = f ?? qi.get(e.pathWithId), h = pe(() => qe({
     collection: t,
     path: e.path,
     values: p?.values,
     fields: c.propertyConfigs
-  }), [t]), A = se(
+  }), [t]), A = pe(
     () => As(h, c.propertyConfigs, r, i === "small" || i === "medium" ? 3 : 1),
     [r, h, i]
   );
@@ -4170,7 +4170,7 @@ function Js({ reference: e, collection: t, previewProperties: r, size: i, disabl
       }
     ),
     /* @__PURE__ */ n("div", { className: `my-${i === "tiny" ? 2 : 4}`, children: !o && p && a && /* @__PURE__ */ n(_e, { title: `See details for ${p.id}`, children: /* @__PURE__ */ n(
-      ce,
+      le,
       {
         color: "inherit",
         size: "small",
@@ -4213,7 +4213,7 @@ function hi({
     J,
     {
       variant: "label",
-      className: ie(
+      className: ne(
         "bg-opacity-70 bg-gray-100 dark:bg-gray-800 dark:bg-opacity-60",
         "w-full",
         "flex",
@@ -4244,7 +4244,7 @@ function Hs({
   property: r,
   size: i
 }) {
-  const o = pe(), a = pt({
+  const o = ue(), a = pt({
     propertyKey: e,
     property: r,
     propertyValue: t,
@@ -4284,7 +4284,7 @@ function Zs({
   property: r,
   size: i
 }) {
-  const o = pe(), a = pt({
+  const o = ue(), a = pt({
     propertyKey: e,
     property: r,
     propertyValue: t,
@@ -4296,7 +4296,7 @@ function Zs({
     throw Error("Picked wrong preview component ArrayOfStorageComponentsPreview");
   const s = i === "medium" ? "small" : "tiny";
   return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: t && t.map(
-    (l, c) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+    (l, c) => /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
       Re,
       {
         propertyKey: e,
@@ -4315,7 +4315,7 @@ function mo({
 }) {
   return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-1.5", children: t && t.map(
     (o, a) => /* @__PURE__ */ n(
-      me,
+      de,
       {
         children: /* @__PURE__ */ n(
           Ve,
@@ -4358,7 +4358,7 @@ function Xs({
   // entity,
   size: i
 }) {
-  const o = pe(), a = pt({
+  const o = ue(), a = pt({
     propertyKey: e,
     property: r,
     propertyValue: t,
@@ -4372,7 +4372,7 @@ function Xs({
     return /* @__PURE__ */ n("div", { children: `Unexpected value: ${t}` });
   const s = a.of;
   return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: t && t.map(
-    (l, c) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+    (l, c) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
       uo,
       {
         propertyKey: e,
@@ -4390,7 +4390,7 @@ function Ks({
   size: i
   // entity
 }) {
-  const o = pe(), a = pt({
+  const o = ue(), a = pt({
     propertyKey: e,
     property: r,
     propertyValue: t,
@@ -4406,9 +4406,9 @@ function Ks({
   const l = i === "medium" ? "small" : "tiny", c = a.oneOf.typeField ?? Dt, d = a.oneOf.valueField ?? er, u = a.oneOf.properties;
   return /* @__PURE__ */ n("div", { className: "flex flex-col", children: s && s.map(
     (f, m) => /* @__PURE__ */ n(
-      S.Fragment,
+      I.Fragment,
       {
-        children: /* @__PURE__ */ n("div", { className: ie(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: f && /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: ne(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(de, { children: f && /* @__PURE__ */ n(
           Re,
           {
             propertyKey: e,
@@ -4438,7 +4438,7 @@ function el({
     return null;
   const a = Object.keys(o.properties);
   return i === "tiny" ? /* @__PURE__ */ n("div", { className: "w-full flex flex-col space-y-1 md:space-y-2", children: a.map((s, l) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-    me,
+    de,
     {
       children: /* @__PURE__ */ n(
         Re,
@@ -4460,7 +4460,7 @@ function el({
         return /* @__PURE__ */ _(
           "div",
           {
-            className: ie(Be, "last:border-b-0 border-b"),
+            className: ne(Be, "last:border-b-0 border-b"),
             children: [
               /* @__PURE__ */ _(
                 "div",
@@ -4486,7 +4486,7 @@ function el({
                       "div",
                       {
                         className: "flex-grow max-w-[75%]",
-                        children: /* @__PURE__ */ n(me, { children: !(c.dataType === "map" || c === "array") && /* @__PURE__ */ n(
+                        children: /* @__PURE__ */ n(de, { children: !(c.dataType === "map" || c === "array") && /* @__PURE__ */ n(
                           Re,
                           {
                             propertyKey: s,
@@ -4500,7 +4500,7 @@ function el({
                   ]
                 }
               ),
-              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: ie(Be, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
+              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: ne(Be, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
                 Re,
                 {
                   propertyKey: s,
@@ -4525,7 +4525,7 @@ function po({ value: e }) {
       children: Object.entries(e).map(([t, r]) => /* @__PURE__ */ _(
         "div",
         {
-          className: ie(Be, "last:border-b-0 border-b"),
+          className: ne(Be, "last:border-b-0 border-b"),
           children: [
             /* @__PURE__ */ _(
               "div",
@@ -4552,13 +4552,13 @@ function po({ value: e }) {
                     "div",
                     {
                       className: "flex-grow max-w-[75%]",
-                      children: typeof r != "object" && /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(me, { children: r && r.toString() }) })
+                      children: typeof r != "object" && /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(de, { children: r && r.toString() }) })
                     }
                   )
                 ]
               }
             ),
-            typeof r == "object" && /* @__PURE__ */ n("div", { className: ie(Be, "border-l pl-4"), children: /* @__PURE__ */ n(po, { value: r }) })
+            typeof r == "object" && /* @__PURE__ */ n("div", { className: ne(Be, "border-l pl-4"), children: /* @__PURE__ */ n(po, { value: r }) })
           ]
         },
         `map_preview_table_${t}}`
@@ -4569,7 +4569,7 @@ function po({ value: e }) {
 function tl({
   date: e
 }) {
-  const t = pe(), r = t?.locale ? Sn[t?.locale] : void 0, i = t?.dateTimeFormat ?? cs, o = e ? La(e, i, { locale: r }) : "";
+  const t = ue(), r = t?.locale ? Sn[t?.locale] : void 0, i = t?.dateTimeFormat ?? cs, o = e ? La(e, i, { locale: r }) : "";
   return /* @__PURE__ */ n(V, { children: o });
 }
 function rl({ value: e }) {
@@ -4593,8 +4593,8 @@ function il({
   } else
     return /* @__PURE__ */ n(V, { children: e });
 }
-const Re = S.memo(function(t) {
-  const r = pe();
+const Re = I.memo(function(t) {
+  const r = ue();
   let i;
   const {
     property: o,
@@ -4746,7 +4746,7 @@ const Re = S.memo(function(t) {
       }
     ) : i = lt(a, u.dataType, s) : i = JSON.stringify(s);
   return i == null || Array.isArray(i) && i.length === 0 ? /* @__PURE__ */ n(At, {}) : i;
-}, te);
+}, ee);
 function lt(e, t, r) {
   return console.warn(`Unexpected value for property ${e}, of type ${t}`, r), /* @__PURE__ */ n(
     Ee,
@@ -4763,7 +4763,7 @@ function Bu({
   size: i
   // entity
 }) {
-  const o = pe(), a = pt({
+  const o = ue(), a = pt({
     propertyKey: e,
     property: r,
     propertyValue: t,
@@ -4789,7 +4789,7 @@ function Bu({
           "div",
           {
             className: "table-cell",
-            children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
               Re,
               {
                 propertyKey: g,
@@ -4829,7 +4829,7 @@ function fo({
   path: r,
   className: i
 }) {
-  const o = pe(), s = se(() => qe({
+  const o = ue(), s = pe(() => qe({
     collection: t,
     path: r,
     entityId: e.id,
@@ -4837,7 +4837,7 @@ function fo({
     fields: o.propertyConfigs
   }), [t, r, e]).properties;
   return /* @__PURE__ */ n("div", { className: "w-full " + i, children: /* @__PURE__ */ _("div", { className: "w-full mb-4", children: [
-    /* @__PURE__ */ _("div", { className: ie(Be, "flex justify-between py-2 border-b last:border-b-0"), children: [
+    /* @__PURE__ */ _("div", { className: ne(Be, "flex justify-between py-2 border-b last:border-b-0"), children: [
       /* @__PURE__ */ n("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ n("span", { className: "pl-2 text-sm text-gray-600", children: "Id" }) }),
       /* @__PURE__ */ _(
         "div",
@@ -4851,7 +4851,7 @@ function fo({
                 href: o.entityLinkBuilder({ entity: e }),
                 rel: "noopener noreferrer",
                 target: "_blank",
-                children: /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(
+                children: /* @__PURE__ */ n(le, { children: /* @__PURE__ */ n(
                   ar,
                   {
                     size: "small"
@@ -4868,7 +4868,7 @@ function fo({
       return /* @__PURE__ */ _(
         "div",
         {
-          className: ie(Be, "flex justify-between py-2 border-b last:border-b-0"),
+          className: ne(Be, "flex justify-between py-2 border-b last:border-b-0"),
           children: [
             /* @__PURE__ */ n("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ n("span", { className: "pl-2 text-sm text-gray-600", children: c.name }) }),
             /* @__PURE__ */ n(
@@ -4894,7 +4894,7 @@ function fo({
   ] }) });
 }
 function nl(e) {
-  const t = S.useRef(null), {
+  const t = I.useRef(null), {
     disabled: r,
     value: i,
     multiline: o,
@@ -4904,7 +4904,7 @@ function nl(e) {
   M(() => {
     l.current !== i && i !== c && d(i), l.current = i;
   }, [i]);
-  const f = S.useCallback(() => {
+  const f = I.useCallback(() => {
     !i && !c || c !== i && (l.current = c, a(c));
   }, [c, a, i]);
   return mi(c, f, !s, 2e3), M(() => {
@@ -4954,7 +4954,7 @@ function Er(e) {
     updateValue: c,
     multiple: d,
     valueType: u
-  } = e, f = Array.isArray(o) && d || !Array.isArray(o) && !d, m = S.useRef(null);
+  } = e, f = Array.isArray(o) && d || !Array.isArray(o) && !d, m = I.useRef(null);
   M(() => {
     m.current && l && m.current?.focus({ preventScroll: !0 });
   }, [l, m]);
@@ -5058,7 +5058,7 @@ function ol(e) {
   M(() => {
     c.current !== r && String(r) !== s && l(r ? r.toString() : null), c.current = r;
   }, [r]);
-  const d = S.useCallback(() => {
+  const d = I.useCallback(() => {
     if (s !== a)
       if (s != null) {
         const m = parseFloat(s);
@@ -5074,7 +5074,7 @@ function ol(e) {
     },
     [r, o]
   );
-  const u = S.useRef(null);
+  const u = I.useRef(null);
   M(() => {
     u.current && o && u.current.focus({ preventScroll: !0 });
   }, [o, u]);
@@ -5100,7 +5100,7 @@ function al(e) {
     internalValue: t,
     updateValue: r,
     focused: i
-  } = e, o = S.useRef(null);
+  } = e, o = I.useRef(null);
   return M(() => {
     o.current && i && o.current.focus({ preventScroll: !0 });
   }, [i, o]), /* @__PURE__ */ n(
@@ -5114,7 +5114,7 @@ function al(e) {
   );
 }
 function sl(e) {
-  const { locale: t } = pe(), {
+  const { locale: t } = ue(), {
     disabled: r,
     error: i,
     mode: o,
@@ -5135,7 +5135,7 @@ function sl(e) {
     }
   );
 }
-class me extends S.Component {
+class de extends I.Component {
   constructor(t) {
     super(t), this.state = { error: null };
   }
@@ -5211,7 +5211,7 @@ function go({
     size: m
   })), [h, A] = Q(i), [y, b] = Q(p);
   M(() => {
-    te(h, i) || (A(i), b(p));
+    ee(h, i) || (A(i), b(p));
   }, [p, i, h]);
   const w = k(async (v) => {
     if (d.fileName) {
@@ -5230,7 +5230,7 @@ function go({
     }
     let F;
     C.storagePathOrDownloadUrl = R, C.metadata = N, F = [...y], F = Li(F), b(F);
-    const D = F.filter((j) => !!j.storagePathOrDownloadUrl).map((j) => j.storagePathOrDownloadUrl);
+    const D = F.filter((Y) => !!Y.storagePathOrDownloadUrl).map((Y) => Y.storagePathOrDownloadUrl);
     c(u ? D : D ? D[0] : null);
   }, [y, u, c, d, s]), B = k(async (v) => {
     if (!v.length || l)
@@ -5305,7 +5305,7 @@ function Ao({
   imageSize: o,
   simple: a
 }) {
-  const s = qt(), l = gt(), [c, d] = S.useState(), [u, f] = S.useState(!1), m = S.useRef(!1), g = S.useRef(!1), p = k((h, A) => {
+  const s = qt(), l = gt(), [c, d] = I.useState(), [u, f] = I.useState(!1), m = I.useRef(!1), g = I.useRef(!1), p = k((h, A) => {
     g.current || (g.current = !0, d(void 0), f(!0), s.uploadFile({
       file: h,
       fileName: A,
@@ -5322,9 +5322,9 @@ function Ao({
       g.current = !1;
     }));
   }, [t, r, i, s, e]);
-  return S.useEffect(() => (m.current = !0, t.file && p(t.file, t.fileName), () => {
+  return I.useEffect(() => (m.current = !0, t.file && p(t.file, t.fileName), () => {
     m.current = !1;
-  }), [t.file, t.fileName, p]), a ? /* @__PURE__ */ n("div", { className: `m-4 w-${o} h-${o}`, children: u && /* @__PURE__ */ n(Ue, { className: `w-${o} h-${o}` }) }) : /* @__PURE__ */ _("div", { className: ie(
+  }), [t.file, t.fileName, p]), a ? /* @__PURE__ */ n("div", { className: `m-4 w-${o} h-${o}`, children: u && /* @__PURE__ */ n(Ue, { className: `w-${o} h-${o}` }) }) : /* @__PURE__ */ _("div", { className: ne(
     lr,
     "relative m-4 border-box flex items-center justify-center",
     `min-w-[${o}px] min-h-[${o}px]`
@@ -5351,7 +5351,7 @@ function bo({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPop
   }, [i]), /* @__PURE__ */ n(V, { children: (e || !t && r) && /* @__PURE__ */ _("div", { ref: s, className: "absolute top-0.5 right-0.5 flex items-center", children: [
     i && a,
     i && !t && r && /* @__PURE__ */ n(
-      ce,
+      le,
       {
         ref: c,
         color: "inherit",
@@ -5497,30 +5497,30 @@ function gl({
     isDragReject: D
   } = Dn(
     {
-      accept: g.acceptedFiles ? g.acceptedFiles.map((P) => ({ [P]: [] })).reduce((P, X) => ({ ...P, ...X }), {}) : void 0,
+      accept: g.acceptedFiles ? g.acceptedFiles.map((P) => ({ [P]: [] })).reduce((P, re) => ({ ...P, ...re }), {}) : void 0,
       disabled: f,
       maxSize: g.maxSize,
       noClick: !0,
       noKeyboard: !0,
       onDrop: p,
-      onDropRejected: (P, X) => {
-        for (const K of P)
-          for (const G of K.errors)
+      onDropRejected: (P, re) => {
+        for (const Z of P)
+          for (const G of Z.errors)
             B.open({
               type: "error",
               message: `Error uploading file: File is larger than ${g.maxSize} bytes`
             });
       }
     }
-  ), { ...j } = C(), oe = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", z = d ? e.of : e, Y = se(() => wt(w), [w]), Z = !f && l;
+  ), { ...Y } = C(), oe = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", z = d ? e.of : e, q = pe(() => wt(w), [w]), te = !f && l;
   return /* @__PURE__ */ _(
     "div",
     {
-      ...j,
+      ...Y,
       onMouseEnter: () => b(!0),
       onMouseMove: () => b(!0),
       onMouseLeave: () => b(!1),
-      className: ie(
+      className: ne(
         ul,
         "relative w-full h-full flex",
         `justify-${E ? "start" : "center"}`,
@@ -5530,9 +5530,9 @@ function gl({
       ),
       children: [
         /* @__PURE__ */ n("input", { autoFocus: m, ...N() }),
-        r.map((P, X) => {
-          let K;
-          return P.storagePathOrDownloadUrl ? K = /* @__PURE__ */ n(
+        r.map((P, re) => {
+          let Z;
+          return P.storagePathOrDownloadUrl ? Z = /* @__PURE__ */ n(
             Al,
             {
               property: z,
@@ -5540,19 +5540,19 @@ function gl({
               entity: a,
               size: w
             },
-            `storage_preview_${X}`
-          ) : P.file && (K = /* @__PURE__ */ n(
+            `storage_preview_${re}`
+          ) : P.file && (Z = /* @__PURE__ */ n(
             Ao,
             {
               entry: P,
               metadata: x,
               storagePath: A(P.file),
               onFileUploadComplete: h,
-              imageSize: Y,
+              imageSize: q,
               simple: !0
             },
-            `storage_progress_${X}`
-          )), K;
+            `storage_progress_${re}`
+          )), Z;
         }),
         !r && /* @__PURE__ */ n(
           "div",
@@ -5573,13 +5573,13 @@ function gl({
         /* @__PURE__ */ n(
           bo,
           {
-            showError: Z,
+            showError: te,
             disabled: f,
             showExpandIcon: !0,
             selected: s,
             openPopup: f ? void 0 : o,
             children: /* @__PURE__ */ n(
-              ce,
+              le,
               {
                 color: "inherit",
                 size: "small",
@@ -5603,7 +5603,7 @@ function Al({
     "div",
     {
       className: "relative m-2",
-      children: t && /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+      children: t && /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
         Re,
         {
           propertyKey: "ignore",
@@ -5616,7 +5616,7 @@ function Al({
   );
 }
 function Ji(e) {
-  const t = pe(), r = ke(), { path: i } = e, o = r.getCollection(i);
+  const t = ue(), r = ke(), { path: i } = e, o = r.getCollection(i);
   if (!o) {
     if (t.components?.missingReference)
       return /* @__PURE__ */ n(t.components.missingReference, { path: i });
@@ -5624,7 +5624,7 @@ function Ji(e) {
   }
   return /* @__PURE__ */ n(bl, { ...e, collection: o });
 }
-const bl = S.memo(
+const bl = I.memo(
   function(t) {
     const {
       name: r,
@@ -5718,7 +5718,7 @@ const bl = S.memo(
       }
     ) : /* @__PURE__ */ n(Ee, { error: "The specified collection does not exist" });
   },
-  te
+  ee
 );
 ze.addMethod(ze.array, "uniqueInArray", function(e = (r) => r, t) {
   return this.test("uniqueInArray", t, (r) => !r || r.length === new Set(r.map(e)).size);
@@ -5986,7 +5986,7 @@ const Sl = ({
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: ie(
+    className: ne(
       "flex flex-col max-h-full w-full",
       {
         "items-start": r || t
@@ -6001,7 +6001,7 @@ const Sl = ({
     },
     children: o
   }
-), nr = S.memo(
+), nr = I.memo(
   function({
     children: t,
     actions: r,
@@ -6020,14 +6020,14 @@ const Sl = ({
     hideOverflow: h = !0,
     showExpandIcon: A = !0
   }) {
-    const [y, b] = In(), w = he(null), x = se(() => vt(i), [i]), [E, B] = Q(!1), [v, C] = Q(l), N = !a && c;
+    const [y, b] = In(), w = he(null), x = pe(() => vt(i), [i]), [E, B] = Q(!1), [v, C] = Q(l), N = !a && c;
     M(() => {
       l && C(!0);
-      const K = setTimeout(() => {
+      const Z = setTimeout(() => {
         C(!1);
       }, 800);
       return () => {
-        clearTimeout(K);
+        clearTimeout(Z);
       };
     }, [l]);
     let R = 0;
@@ -6060,16 +6060,16 @@ const Sl = ({
     const D = k(() => {
       if (!g)
         return;
-      const K = w && w?.current?.getBoundingClientRect();
-      a ? g(void 0) : !o && K && g(K);
-    }, [w, g, o, a]), j = k((K) => {
-      D(), K.stopPropagation();
-    }, [D]), oe = se(() => b ? b.height > x : !1, [b, x]), z = !N && o, Y = !a && u && oe, Z = !a && !u && oe, P = k(() => B(!0), []), X = k(() => B(!1), []);
+      const Z = w && w?.current?.getBoundingClientRect();
+      a ? g(void 0) : !o && Z && g(Z);
+    }, [w, g, o, a]), Y = k((Z) => {
+      D(), Z.stopPropagation();
+    }, [D]), oe = pe(() => b ? b.height > x : !1, [b, x]), z = !N && o, q = !a && u && oe, te = !a && !u && oe, P = k(() => B(!0), []), re = k(() => B(!1), []);
     return /* @__PURE__ */ _(
       "div",
       {
         ref: w,
-        className: ie(
+        className: ne(
           "transition-colors duration-100 ease-in-out",
           `flex relative h-full rounded-md p-${R} border border-4  border-opacity-75`,
           E && !a ? "bg-gray-50 dark:bg-gray-900" : "",
@@ -6088,20 +6088,20 @@ const Sl = ({
           textAlign: d
         },
         tabIndex: o || a ? void 0 : 0,
-        onFocus: j,
+        onFocus: Y,
         onMouseEnter: P,
         onMouseMove: P,
-        onMouseLeave: X,
+        onMouseLeave: re,
         children: [
-          /* @__PURE__ */ _(me, { children: [
-            m && !Z && t,
-            (!m || Z) && /* @__PURE__ */ n(
+          /* @__PURE__ */ _(de, { children: [
+            m && !te && t,
+            (!m || te) && /* @__PURE__ */ n(
               Sl,
               {
                 fullHeight: m ?? !1,
                 justifyContent: F,
-                scrollable: Y ?? !1,
-                faded: Z,
+                scrollable: q ?? !1,
+                faded: te,
                 children: !m && /* @__PURE__ */ n(
                   "div",
                   {
@@ -6125,11 +6125,11 @@ const Sl = ({
     );
   },
   (e, t) => e.error === t.error && e.value === t.value && e.disabled === t.disabled && e.saved === t.saved && e.allowScroll === t.allowScroll && e.align === t.align && e.size === t.size && e.disabledTooltip === t.disabledTooltip && e.width === t.width && e.showExpandIcon === t.showExpandIcon && e.removePadding === t.removePadding && e.fullHeight === t.fullHeight && e.selected === t.selected
-), wo = S.createContext({}), Il = () => je(wo);
+), wo = I.createContext({}), Il = () => je(wo);
 function Nl(e) {
   return e.dataType === "string" && e.storage ? !0 : e.dataType === "array" ? Array.isArray(e.of) ? !1 : e.of?.dataType === "string" && e.of?.storage : !1;
 }
-const Fl = S.memo(
+const Fl = I.memo(
   function({
     propertyKey: t,
     customFieldValidator: r,
@@ -6153,7 +6153,7 @@ const Fl = S.memo(
       N(!0), setTimeout(() => {
         N(!1);
       }, 100);
-    }, []), F = !!o.Field, D = !!o.Preview, j = Yt(o), oe = typeof o.disabled == "object" ? o.disabled.disabledMessage : void 0, z = u || f || !!o.disabled, Y = se(() => Mt({
+    }, []), F = !!o.Field, D = !!o.Preview, Y = Yt(o), oe = typeof o.disabled == "object" ? o.disabled.disabledMessage : void 0, z = u || f || !!o.disabled, q = pe(() => Mt({
       property: o,
       entityId: d.id,
       customFieldValidator: r,
@@ -6161,12 +6161,12 @@ const Fl = S.memo(
     }), [d.id, o, t]);
     M(
       () => {
-        te(i, E.current) || (v(void 0), x(i), E.current = i, R());
+        ee(i, E.current) || (v(void 0), x(i), E.current = i, R());
       },
       [R, i]
     );
-    const Z = (O) => {
-      te(O, E.current) || (N(!1), Y.validate(O).then(() => {
+    const te = (O) => {
+      ee(O, E.current) || (N(!1), q.validate(O).then(() => {
         v(void 0), E.current = O, g && g({
           value: O,
           propertyKey: t,
@@ -6176,25 +6176,25 @@ const Fl = S.memo(
           fullPath: c,
           context: m
         });
-      }).catch((I) => {
-        v(I);
+      }).catch((S) => {
+        v(S);
       }));
     };
     M(() => {
-      Y.validate(w).then(() => v(void 0)).catch((O) => {
+      q.validate(w).then(() => v(void 0)).catch((O) => {
         v(O);
       });
-    }, [w, Y, t, o, d]);
+    }, [w, q, t, o, d]);
     const P = (O) => {
-      let I;
-      O === void 0 ? I = null : I = O, x(I), Z(I);
+      let S;
+      O === void 0 ? S = null : S = O, x(S), te(S);
     };
     Le({
       property: o,
       value: w,
       setValue: P
     });
-    const X = k((O) => {
+    const re = k((O) => {
       A(O ? {
         width: s,
         height: l,
@@ -6202,7 +6202,7 @@ const Fl = S.memo(
         cellRect: O,
         propertyKey: t
       } : void 0);
-    }, [d, l, t, A, s]), K = (O) => {
+    }, [d, l, t, A, s]), Z = (O) => {
       y && y(O ? {
         width: s,
         height: l,
@@ -6211,9 +6211,9 @@ const Fl = S.memo(
         propertyKey: t
       } : void 0);
     };
-    let G, de = !1, re = !1, le = !0, T = !1, ee = !1, ne = !0;
+    let G, me = !1, ie = !1, se = !0, T = !1, K = !1, X = !0;
     const ae = !z && B;
-    if (u || j)
+    if (u || Y)
       return /* @__PURE__ */ n(
         nr,
         {
@@ -6223,7 +6223,7 @@ const Fl = S.memo(
           value: w,
           align: a ?? "left",
           fullHeight: !1,
-          disabledTooltip: oe ?? (j ? "Read only" : void 0),
+          disabledTooltip: oe ?? (Y ? "Read only" : void 0),
           disabled: !0,
           children: /* @__PURE__ */ n(
             Re,
@@ -6248,7 +6248,7 @@ const Fl = S.memo(
             disabled: z,
             focused: b,
             selected: b,
-            openPopup: y ? K : void 0,
+            openPopup: y ? Z : void 0,
             property: o,
             entity: d,
             path: c,
@@ -6257,10 +6257,10 @@ const Fl = S.memo(
             updateValue: P,
             propertyKey: t
           }
-        ), ne = !1, re = !0, ee = !0, T = !0;
+        ), X = !1, ie = !0, K = !0, T = !0;
       else if (b && o.dataType === "number") {
-        const I = o;
-        I.enumValues ? (G = /* @__PURE__ */ n(
+        const S = o;
+        S.enumValues ? (G = /* @__PURE__ */ n(
           Er,
           {
             name: t,
@@ -6269,12 +6269,12 @@ const Fl = S.memo(
             focused: b,
             valueType: "number",
             small: it(p) !== "medium",
-            enumValues: I.enumValues,
+            enumValues: S.enumValues,
             error: B,
             internalValue: w,
             updateValue: P
           }
-        ), ee = !0) : (G = /* @__PURE__ */ n(
+        ), K = !0) : (G = /* @__PURE__ */ n(
           ol,
           {
             align: a,
@@ -6284,10 +6284,10 @@ const Fl = S.memo(
             value: w,
             updateValue: P
           }
-        ), de = !0);
+        ), me = !0);
       } else if (b && o.dataType === "string") {
-        const I = o;
-        if (I.enumValues)
+        const S = o;
+        if (S.enumValues)
           G = /* @__PURE__ */ n(
             Er,
             {
@@ -6297,25 +6297,25 @@ const Fl = S.memo(
               disabled: z,
               valueType: "string",
               small: it(p) !== "medium",
-              enumValues: I.enumValues,
+              enumValues: S.enumValues,
               error: B,
               internalValue: w,
               updateValue: P
             }
-          ), ee = !0;
-        else if (!I.storage) {
-          const L = !!I.multiline || !!I.markdown;
+          ), K = !0;
+        else if (!S.storage) {
+          const U = !!S.multiline || !!S.markdown;
           G = /* @__PURE__ */ n(
             nl,
             {
               error: B,
               disabled: z,
-              multiline: L,
+              multiline: U,
               focused: b,
               value: w,
               updateValue: P
             }
-          ), de = !0;
+          ), me = !0;
         }
       } else if (o.dataType === "boolean")
         G = /* @__PURE__ */ n(
@@ -6340,7 +6340,7 @@ const Fl = S.memo(
             internalValue: w,
             updateValue: P
           }
-        ), ee = !0, le = !1, de = !1;
+        ), K = !0, se = !1, me = !1;
       else if (o.dataType === "reference")
         typeof o.path == "string" && (G = /* @__PURE__ */ n(
           Ji,
@@ -6356,12 +6356,12 @@ const Fl = S.memo(
             title: o.name,
             forceFilter: o.forceFilter
           }
-        )), de = !1;
+        )), me = !1;
       else if (o.dataType === "array") {
-        const I = o;
-        if (!I.of && !I.oneOf)
+        const S = o;
+        if (!S.of && !S.oneOf)
           throw Error(`You need to specify an 'of' or 'oneOf' prop (or specify a custom field) in your array property ${t}`);
-        I.of && !Array.isArray(I.of) && (I.of.dataType === "string" || I.of.dataType === "number" ? b && I.of.enumValues && (G = /* @__PURE__ */ n(
+        S.of && !Array.isArray(S.of) && (S.of.dataType === "string" || S.of.dataType === "number" ? b && S.of.enumValues && (G = /* @__PURE__ */ n(
           Er,
           {
             name: t,
@@ -6369,13 +6369,13 @@ const Fl = S.memo(
             disabled: z,
             focused: b,
             small: it(p) !== "medium",
-            valueType: I.of.dataType,
-            enumValues: I.of.enumValues,
+            valueType: S.of.dataType,
+            enumValues: S.of.enumValues,
             error: B,
             internalValue: w,
             updateValue: P
           }
-        ), de = !0, ee = !0, le = !1) : I.of.dataType === "reference" && (typeof I.of.path == "string" && (G = /* @__PURE__ */ n(
+        ), me = !0, K = !0, se = !1) : S.of.dataType === "reference" && (typeof S.of.path == "string" && (G = /* @__PURE__ */ n(
           Ji,
           {
             name: t,
@@ -6384,15 +6384,15 @@ const Fl = S.memo(
             updateValue: P,
             size: p,
             multiselect: !0,
-            path: I.of.path,
-            previewProperties: I.of.previewProperties,
-            title: I.name,
-            forceFilter: I.of.forceFilter
+            path: S.of.path,
+            previewProperties: S.of.previewProperties,
+            title: S.name,
+            forceFilter: S.of.forceFilter
           }
-        )), de = !1));
+        )), me = !1));
       }
     }
-    return G || (de = !1, re = b && !G && !z && !j, G = /* @__PURE__ */ n(
+    return G || (me = !1, ie = b && !G && !z && !Y, G = /* @__PURE__ */ n(
       Re,
       {
         width: s,
@@ -6407,27 +6407,27 @@ const Fl = S.memo(
       {
         size: p,
         width: s,
-        onSelect: X,
+        onSelect: re,
         selected: b,
-        disabled: z || j,
+        disabled: z || Y,
         disabledTooltip: oe ?? "Disabled",
         removePadding: T,
-        fullHeight: ee,
+        fullHeight: K,
         saved: C,
         error: B,
         align: a,
-        allowScroll: de,
-        showExpandIcon: re,
+        allowScroll: me,
+        showExpandIcon: ie,
         value: w,
-        hideOverflow: le,
-        actions: ne && /* @__PURE__ */ n(
+        hideOverflow: se,
+        actions: X && /* @__PURE__ */ n(
           bo,
           {
             showError: ae,
             disabled: z,
-            showExpandIcon: re,
+            showExpandIcon: ie,
             selected: b,
-            openPopup: z ? void 0 : K
+            openPopup: z ? void 0 : Z
           }
         ),
         children: G
@@ -6438,9 +6438,9 @@ const Fl = S.memo(
   Ql
 );
 function Ql(e, t) {
-  return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && te(e.property, t.property) && te(e.value, t.value) && te(e.entity.id, t.entity.id) && te(e.entity.values, t.entity.values);
+  return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && ee(e.property, t.property) && ee(e.value, t.value) && ee(e.entity.id, t.entity.id) && ee(e.entity.values, t.entity.values);
 }
-const gi = S.memo(function({
+const gi = function({
   entity: t,
   collection: r,
   fullPath: i,
@@ -6465,7 +6465,7 @@ const gi = S.memo(function({
     "div",
     {
       onClick: b,
-      className: ie(
+      className: ne(
         "h-full flex items-center justify-center flex-col bg-gray-50 dark:bg-gray-900 bg-opacity-90 dark:bg-opacity-90 z-10",
         a ? "sticky left-0" : ""
       ),
@@ -6478,7 +6478,7 @@ const gi = S.memo(function({
       children: [
         (w || l) && /* @__PURE__ */ _("div", { className: "w-34 flex justify-center", children: [
           B.map((v, C) => /* @__PURE__ */ n(_e, { title: v.name, children: /* @__PURE__ */ n(
-            ce,
+            le,
             {
               onClick: (N) => {
                 N.stopPropagation(), v.onClick({
@@ -6500,7 +6500,7 @@ const gi = S.memo(function({
             Vt,
             {
               trigger: /* @__PURE__ */ n(
-                ce,
+                le,
                 {
                   size: h ? "medium" : "small",
                   children: /* @__PURE__ */ n(sa, {})
@@ -6558,9 +6558,9 @@ const gi = S.memo(function({
       ]
     }
   );
-}, te);
+};
 function Dl(e) {
-  const t = S.useRef(null), r = He(), i = S.useRef(!1);
+  const t = I.useRef(null), r = He(), i = I.useRef(!1);
   M(() => {
     t.current && i.current && !e.textSearchLoading && t.current.focus(), i.current = e.textSearchLoading ?? !1;
   }, [e.textSearchLoading]);
@@ -6591,7 +6591,7 @@ function Dl(e) {
   return /* @__PURE__ */ _(
     "div",
     {
-      className: ie(Be, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full"),
+      className: ne(Be, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full"),
       children: [
         /* @__PURE__ */ _("div", { className: "flex items-center gap-2 md:mr-4 mr-2", children: [
           e.title && /* @__PURE__ */ n("div", { className: "hidden lg:block", children: e.title }),
@@ -6638,7 +6638,7 @@ function Ai(e) {
 }
 const _o = "collectionGroupParent";
 function ko(e, t) {
-  return se(() => e.propertiesOrder ? xo(e, e.propertiesOrder) : Pl(e, t), [e, t]);
+  return pe(() => e.propertiesOrder ? xo(e, e.propertiesOrder) : Pl(e, t), [e, t]);
 }
 function xo(e, t) {
   return t.flatMap((r) => {
@@ -6741,7 +6741,7 @@ function jr({ text: e, ...t }) {
     }
   );
 }
-const Ol = S.memo(
+const Ol = I.memo(
   function({
     resizeHandleRef: t,
     columnIndex: r,
@@ -6755,15 +6755,15 @@ const Ol = S.memo(
     createFilterField: u,
     AdditionalHeaderWidget: f
   }) {
-    const [m, g] = Q(!1), [p, h] = S.useState(!1), [A, y] = S.useState(!1), b = k((v) => {
+    const [m, g] = Q(!1), [p, h] = I.useState(!1), [A, y] = I.useState(!1), b = k((v) => {
       h(!0);
     }, []), w = k((v, C) => {
       s(c, v), C !== void 0 && h(C);
     }, [c, s]), x = i === r, B = !(i !== r && i > 0) && (m || x);
-    return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ _(
+    return /* @__PURE__ */ n(de, { children: /* @__PURE__ */ _(
       "div",
       {
-        className: ie(
+        className: ne(
           "flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center bg-gray-50 dark:bg-gray-900",
           "text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 ",
           "hover:bg-gray-100 dark:hover:bg-gray-800 hover:bg-opacity-50 dark:hover:bg-opacity-50",
@@ -6809,7 +6809,7 @@ const Ol = S.memo(
                 color: "secondary",
                 invisible: !o,
                 children: /* @__PURE__ */ _(
-                  ce,
+                  le,
                   {
                     size: "small",
                     className: m || p ? "bg-white dark:bg-gray-950" : void 0,
@@ -6839,7 +6839,7 @@ const Ol = S.memo(
                   className: A ? "hidden" : void 0,
                   modal: !0,
                   trigger: /* @__PURE__ */ n(
-                    ce,
+                    le,
                     {
                       className: m || p ? "bg-white dark:bg-gray-950" : void 0,
                       size: "small",
@@ -6867,7 +6867,7 @@ const Ol = S.memo(
             "div",
             {
               ref: t,
-              className: ie(
+              className: ne(
                 "absolute h-full w-[6px] top-0 right-0 cursor-col-resize",
                 B && "bg-gray-300 dark:bg-gray-700"
               ),
@@ -6878,7 +6878,7 @@ const Ol = S.memo(
       }
     ) });
   },
-  te
+  ee
 );
 function Ml({
   column: e,
@@ -6918,7 +6918,7 @@ function Ml({
         /* @__PURE__ */ n(
           "div",
           {
-            className: ie(Be, "py-4 px-6 text-xs font-semibold uppercase border-b"),
+            className: ne(Be, "py-4 px-6 text-xs font-semibold uppercase border-b"),
             children: e.title ?? l
           }
         ),
@@ -7002,11 +7002,11 @@ const zl = ({
   return /* @__PURE__ */ _(
     "div",
     {
-      className: ie(Be, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 h-12 border-b bg-gray-50 dark:bg-gray-900"),
+      className: ne(Be, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 h-12 border-b bg-gray-50 dark:bg-gray-900"),
       children: [
         e.map((E, B) => {
           const v = e[B], C = v && a && a[v.key] ? a[v.key] : void 0;
-          return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+          return /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
             Ol,
             {
               resizeHandleRef: u[B],
@@ -7027,7 +7027,7 @@ const zl = ({
       ]
     }
   );
-}, Vl = S.memo(
+}, Vl = I.memo(
   function({
     rowData: t,
     rowIndex: r,
@@ -7048,7 +7048,7 @@ const zl = ({
     return /* @__PURE__ */ n(
       "div",
       {
-        className: ie(
+        className: ne(
           "flex min-w-full text-sm border-b border-gray-200 dark:border-gray-800 border-opacity-40 dark:border-opacity-40",
           c ? c(t) : "",
           {
@@ -7066,8 +7066,8 @@ const zl = ({
       }
     );
   },
-  te
-), Gl = S.memo(
+  ee
+), Gl = I.memo(
   function(t) {
     return t.rowData && t.cellRenderer(
       {
@@ -7082,7 +7082,7 @@ const zl = ({
       }
     );
   },
-  (e, t) => te(e.rowData, t.rowData) && te(e.column, t.column) && te(e.cellData, t.cellData) && te(e.rowIndex, t.rowIndex) && te(e.cellRenderer, t.cellRenderer) && te(e.columnIndex, t.columnIndex)
+  (e, t) => ee(e.rowData, t.rowData) && ee(e.column, t.column) && ee(e.cellData, t.cellData) && ee(e.rowIndex, t.rowIndex) && ee(e.cellRenderer, t.cellRenderer) && ee(e.columnIndex, t.columnIndex)
 ), hr = Wo({});
 hr.displayName = "VirtualListContext";
 const jl = Jo(({
@@ -7126,7 +7126,7 @@ const jl = Jo(({
       left: 0
     }, children: o })
   ] });
-} })), Yl = S.memo(
+} })), Yl = I.memo(
   function({
     data: t,
     onResetPagination: r,
@@ -7155,34 +7155,34 @@ const jl = Jo(({
     M(() => {
       R(a);
     }, [a]);
-    const [j, oe] = In(), z = k((I) => {
-      R(N.map((L) => L.key === I.column.key ? I.column : L));
-    }, [N]), Y = k((I) => {
-      R(N.map((L) => L.key === I.column.key ? I.column : L)), l && l(I);
-    }, [N, l]), Z = he();
+    const [Y, oe] = In(), z = k((S) => {
+      R(N.map((U) => U.key === S.column.key ? S.column : U));
+    }, [N]), q = k((S) => {
+      R(N.map((U) => U.key === S.column.key ? S.column : U)), l && l(S);
+    }, [N, l]), te = he();
     M(() => {
-      Z.current = c;
+      te.current = c;
     }, [c]);
     const P = k(() => {
       D.current = 0, F.current && F.current.scrollTo(F.current?.scrollLeft, 0);
-    }, []), X = k((I) => {
-      const L = v === I && C === "desc", H = v === I && C === "asc" ? "desc" : L ? void 0 : "asc", be = L ? void 0 : I, U = Z.current, ue = H && be ? [be, H] : void 0;
-      U && d && !d(U, ue) && u && u(void 0), r && r(), p && p(ue), P();
-    }, [d, C, u, r, p, P, v]), K = k(() => {
+    }, []), re = k((S) => {
+      const U = v === S && C === "desc", H = v === S && C === "asc" ? "desc" : U ? void 0 : "asc", ye = U ? void 0 : S, L = te.current, ce = H && ye ? [ye, H] : void 0;
+      L && d && !d(L, ce) && u && u(void 0), r && r(), p && p(ce), P();
+    }, [d, C, u, r, p, P, v]), Z = k(() => {
       D.current = 0, p && p(void 0);
-    }, [p]), G = Math.max((t?.length ?? 0) * vt(o) - oe.height, 0), de = k((I) => {
-      i && (t?.length ?? 0) > 0 && I > D.current + 600 && (D.current = I, i());
-    }, [t?.length, i]), re = k(({
-      scrollOffset: I,
-      scrollUpdateWasRequested: L
+    }, [p]), G = Math.max((t?.length ?? 0) * vt(o) - oe.height, 0), me = k((S) => {
+      i && (t?.length ?? 0) > 0 && S > D.current + 600 && (D.current = S, i());
+    }, [t?.length, i]), ie = k(({
+      scrollOffset: S,
+      scrollUpdateWasRequested: U
     }) => {
-      !L && I >= G - 600 && de(I);
-    }, [G, de]), le = k((I, L) => {
+      !U && S >= G - 600 && me(S);
+    }, [G, me]), se = k((S, U) => {
       D.current = 0;
-      const W = Z.current;
+      const W = te.current;
       let H = W ? { ...W } : {};
-      L ? H[I.key] = L : delete H[I.key], !d || d(H, v && C ? [v, C] : void 0) || (H = L ? { [I.key]: L } : {}), u && u(H), I.key !== v && K();
-    }, [d, C, u, K, v]), T = k(() => /* @__PURE__ */ _(
+      U ? H[S.key] = U : delete H[S.key], !d || d(H, v && C ? [v, C] : void 0) || (H = U ? { [S.key]: U } : {}), u && u(H), S.key !== v && Z();
+    }, [d, C, u, Z, v]), T = k(() => /* @__PURE__ */ _(
       "div",
       {
         className: "h-full flex flex-col items-center justify-center sticky left-0",
@@ -7191,7 +7191,7 @@ const jl = Jo(({
           m?.message && /* @__PURE__ */ n(sr, { className: "px-4 break-all", source: m.message })
         ]
       }
-    ), [m?.message]), ee = k(() => h ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ _(
+    ), [m?.message]), K = k(() => h ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ _(
       "div",
       {
         className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
@@ -7200,7 +7200,7 @@ const jl = Jo(({
           g
         ]
       }
-    ), [g, h]), ne = !h && (t?.length ?? 0) === 0, ae = m ? T() : ne ? ee() : void 0, O = {
+    ), [g, h]), X = !h && (t?.length ?? 0) === 0, ae = m ? T() : X ? K() : void 0, O = {
       data: t,
       size: o,
       cellRenderer: A,
@@ -7209,10 +7209,10 @@ const jl = Jo(({
       onRowClick: s,
       customView: ae,
       onColumnResize: z,
-      onColumnResizeEnd: Y,
-      filter: Z.current,
-      onColumnSort: X,
-      onFilterUpdate: le,
+      onColumnResizeEnd: q,
+      filter: te.current,
+      onColumnSort: re,
+      onFilterUpdate: se,
       sortByProperty: v,
       hoverRow: y ?? !1,
       createFilterField: b,
@@ -7223,8 +7223,8 @@ const jl = Jo(({
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: j,
-        className: ie("h-full w-full", x),
+        ref: Y,
+        className: ne("h-full w-full", x),
         children: /* @__PURE__ */ n(
           hr.Provider,
           {
@@ -7236,7 +7236,7 @@ const jl = Jo(({
                 width: oe.width,
                 height: oe.height,
                 itemCount: (t?.length ?? 0) + (E ? 1 : 0),
-                onScroll: re,
+                onScroll: ie,
                 includeAddColumn: !!B,
                 itemSize: vt(o)
               },
@@ -7247,7 +7247,7 @@ const jl = Jo(({
       }
     );
   },
-  te
+  ee
 );
 function ql({
   outerRef: e,
@@ -7355,19 +7355,19 @@ function Ul({
   previewProperties: s,
   setHidden: l
 }) {
-  const c = i ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [d, u] = S.useState(!1);
+  const c = i ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [d, u] = I.useState(!1);
   i ? c.push("array-contains-any") : c.push("in", "not-in");
   const [f, m] = t || [c[0], void 0], [g, p] = Q(f), [h, A] = Q(m), y = h ? Array.isArray(h) ? h.map((F) => F instanceof We ? F.id : null).filter(Boolean) : [h.id] : [];
   function b(F, D) {
-    const j = Cr.includes(g), oe = Cr.includes(F);
+    const Y = Cr.includes(g), oe = Cr.includes(F);
     let z = D;
-    j !== oe && (z = oe ? z instanceof We ? [z] : [] : void 0), p(F), A(z);
-    const Y = z !== null && Array.isArray(z) ? z.length > 0 : z !== void 0;
+    Y !== oe && (z = oe ? z instanceof We ? [z] : [] : void 0), p(F), A(z);
+    const q = z !== null && Array.isArray(z) ? z.length > 0 : z !== void 0;
     r(
-      F && Y ? [F, z] : void 0
+      F && q ? [F, z] : void 0
     );
   }
-  const w = ke(), x = se(() => o ? w.getCollection(o) : void 0, [o]), E = (F) => {
+  const w = ke(), x = pe(() => o ? w.getCollection(o) : void 0, [o]), E = (F) => {
     b(g, ot(F));
   }, B = (F) => {
     b(g, F.map((D) => ot(D)));
@@ -7491,7 +7491,7 @@ function Ll({
             p(u, y);
           },
           endAdornment: m && /* @__PURE__ */ n(
-            ce,
+            le,
             {
               onClick: (A) => p(u, void 0),
               children: /* @__PURE__ */ n(Qt, {})
@@ -7509,7 +7509,7 @@ function Ll({
           },
           multiple: h,
           endAdornment: m && /* @__PURE__ */ n(
-            ce,
+            le,
             {
               className: "absolute right-3 top-2",
               onClick: (A) => p(u, void 0),
@@ -7587,7 +7587,7 @@ function Wl({
   setValue: o,
   title: a
 }) {
-  const { locale: s } = pe(), l = t ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [c, d] = i || [l[0], void 0], [u, f] = Q(c), [m, g] = Q(d);
+  const { locale: s } = ue(), l = t ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [c, d] = i || [l[0], void 0], [u, f] = Q(c), [m, g] = Q(d);
   function p(h, A) {
     let y = A;
     const b = Ki.includes(u), w = Ki.includes(h);
@@ -7624,7 +7624,7 @@ function Wl({
     ) })
   ] });
 }
-const Jl = S.memo(
+const Jl = I.memo(
   function({
     onValueChange: t,
     cellRenderer: r,
@@ -7656,37 +7656,37 @@ const Jl = S.memo(
     columns: R,
     forceFilter: F,
     highlightedRow: D,
-    endAdornment: j,
+    endAdornment: Y,
     AddColumnComponent: oe
   }) {
-    const z = he(null), [Y, Z] = S.useState(void 0), P = () => {
+    const z = he(null), [q, te] = I.useState(void 0), P = () => {
       !E || d || u || b !== void 0 && w?.(b + x);
-    }, X = k(() => {
+    }, re = k(() => {
       w?.(x);
-    }, [x]), K = k(({ rowData: le }) => {
+    }, [x]), Z = k(({ rowData: se }) => {
       if (!l)
-        return i && i(le);
+        return i && i(se);
     }, [i, l]);
     bn(
       z,
       () => {
-        Y && de();
+        q && me();
       },
-      !!Y
+      !!q
     ), M(() => {
-      const le = (T) => {
-        T.keyCode === 27 && de();
+      const se = (T) => {
+        T.keyCode === 27 && me();
       };
-      return document.addEventListener("keydown", le, !1), () => {
-        document.removeEventListener("keydown", le, !1);
+      return document.addEventListener("keydown", se, !1), () => {
+        document.removeEventListener("keydown", se, !1);
       };
     });
-    const G = k((le) => {
-      Z(le);
-    }, []), de = k(() => {
-      Z(void 0);
-    }, []), re = k((le) => {
-      g?.({ ...le, ...F });
+    const G = k((se) => {
+      te(se);
+    }, []), me = k(() => {
+      te(void 0);
+    }, []), ie = k((se) => {
+      g?.({ ...se, ...F });
     }, [F]);
     return /* @__PURE__ */ n(
       wo.Provider,
@@ -7696,7 +7696,7 @@ const Jl = S.memo(
           select: G,
           onValueChange: t,
           size: s ?? "m",
-          selectedCell: Y
+          selectedCell: q
         },
         children: /* @__PURE__ */ n(
           "div",
@@ -7709,25 +7709,25 @@ const Jl = S.memo(
                 data: c,
                 columns: R,
                 cellRenderer: r,
-                onRowClick: l ? void 0 : i ? K : void 0,
+                onRowClick: l ? void 0 : i ? Z : void 0,
                 onEndReached: P,
-                onResetPagination: X,
+                onResetPagination: re,
                 error: f,
                 paginationEnabled: E,
                 onColumnResize: o,
                 size: s,
                 loading: d,
                 filter: m,
-                onFilterUpdate: g ? re : void 0,
+                onFilterUpdate: g ? ie : void 0,
                 sortBy: p,
                 onSortByUpdate: h,
                 hoverRow: a,
                 checkFilterCombination: B,
                 createFilterField: C ? Hl : void 0,
-                rowClassName: k((le) => D?.(le) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [D]),
+                rowClassName: k((se) => D?.(se) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [D]),
                 className: "flex-grow",
                 emptyComponent: N,
-                endAdornment: j,
+                endAdornment: Y,
                 AddColumnComponent: oe
               }
             )
@@ -7736,7 +7736,7 @@ const Jl = S.memo(
       }
     );
   },
-  te
+  ee
 );
 function Hl({
   id: e,
@@ -7807,7 +7807,7 @@ function Hl({
   }
   return /* @__PURE__ */ n("div", { children: `Currently the filter field ${s.dataType} is not supported` });
 }
-const Bo = S.memo(
+const Bo = I.memo(
   function({
     forceFilter: t,
     actionsStart: r,
@@ -7837,36 +7837,36 @@ const Bo = S.memo(
     AdditionalHeaderWidget: R,
     additionalIDHeaderWidget: F,
     emptyComponent: D,
-    getIdColumnWidth: j,
+    getIdColumnWidth: Y,
     onTextSearchClick: oe,
     textSearchLoading: z
   }) {
-    const Y = he(null), Z = He(), P = !!t, X = (d?.selectedEntities?.length > 0 ? d?.selectedEntities : u)?.filter(Boolean), K = Ce(), [G, de] = S.useState(w ?? "m"), re = X?.map((U) => U.id), le = !!E.filterValues && Object.keys(E.filterValues).length > 0, T = k((U) => {
-      g && g(U), de(U);
-    }, []), ee = k((U) => E.setSearchString?.(U), []), ne = se(() => y ? y.map((U) => ({ [U.key]: U })).reduce((U, ue) => ({ ...U, ...ue }), {}) : {}, [y]), ae = s, O = k(({
-      column: U,
-      columnIndex: ue,
+    const q = he(null), te = He(), P = !!t, re = (d?.selectedEntities?.length > 0 ? d?.selectedEntities : u)?.filter(Boolean), Z = Ce(), [G, me] = I.useState(w ?? "m"), ie = re?.map((L) => L.id), se = !!E.filterValues && Object.keys(E.filterValues).length > 0, T = k((L) => {
+      g && g(L), me(L);
+    }, []), K = k((L) => E.setSearchString?.(L), []), X = pe(() => y ? y.map((L) => ({ [L.key]: L })).reduce((L, ce) => ({ ...L, ...ce }), {}) : {}, [y]), ae = s, O = ({
+      column: L,
+      columnIndex: ce,
       rowData: Me,
       rowIndex: Se
     }) => {
-      const we = Me, Ye = U.key;
-      let Ze = U.custom?.disabled;
+      const we = Me, Ye = L.key;
+      let Ze = L.custom?.disabled;
       const at = we.values ? dt(we.values, Ye) : void 0, Qe = l?.({
         propertyKey: Ye,
         propertyValue: at,
         entity: we
-      }) ?? U.custom.resolvedProperty;
-      return Qe?.disabled || (Ze = !1), Qe ? /* @__PURE__ */ n(me, { children: we ? /* @__PURE__ */ n(
+      }) ?? L.custom.resolvedProperty;
+      return Qe?.disabled || (Ze = !1), Qe ? /* @__PURE__ */ n(de, { children: we ? /* @__PURE__ */ n(
         Fl,
         {
           readonly: !A,
-          align: U.align ?? "left",
+          align: L.align ?? "left",
           propertyKey: Ye,
           property: Qe,
           value: we?.values ? dt(we.values, Ye) : void 0,
           customFieldValidator: ae,
-          columnIndex: ue,
-          width: U.width,
+          columnIndex: ce,
+          width: L.width,
           height: vt(G),
           entity: we,
           disabled: Ze,
@@ -7874,15 +7874,15 @@ const Bo = S.memo(
         },
         `property_table_cell_${we.id}_${Ye}`
       ) : nt() }) : null;
-    }, [A, G, re]), I = k(({
-      column: U,
-      rowData: ue,
+    }, S = k(({
+      column: L,
+      rowData: ce,
       width: Me
     }) => {
-      const Se = ue, we = ne[U.key], Ye = we.dependencies ? Object.entries(Se.values).filter(([Qe, st]) => we.dependencies.includes(Qe)).reduce((Qe, st) => ({ ...Qe, ...st }), {}) : Se, Ze = we.Builder;
+      const Se = ce, we = X[L.key], Ye = we.dependencies ? Object.entries(Se.values).filter(([Qe, st]) => we.dependencies.includes(Qe)).reduce((Qe, st) => ({ ...Qe, ...st }), {}) : Se, Ze = we.Builder;
       if (!Ze && !we.value)
         throw new Error("When using additional fields you need to provide a Builder or a value");
-      const at = Ze ? /* @__PURE__ */ n(Ze, { entity: Se, context: K }) : /* @__PURE__ */ n(V, { children: we.value?.({ entity: Se, context: K }) });
+      const at = Ze ? /* @__PURE__ */ n(Ze, { entity: Se, context: Z }) : /* @__PURE__ */ n(V, { children: we.value?.({ entity: Se, context: Z }) });
       return /* @__PURE__ */ n(
         nr,
         {
@@ -7895,70 +7895,67 @@ const Bo = S.memo(
           allowScroll: !1,
           showExpandIcon: !1,
           disabledTooltip: "This column can't be edited directly",
-          children: /* @__PURE__ */ n(me, { children: at })
+          children: /* @__PURE__ */ n(de, { children: at })
         },
-        `additional_table_cell_${Se.id}_${U.key}`
+        `additional_table_cell_${Se.id}_${L.key}`
       );
-    }, [G, re]), L = se(
-      () => {
-        const U = Tl({
-          properties: x,
-          sortable: v,
-          forceFilter: t,
-          disabledFilter: P,
-          AdditionalHeaderWidget: R
-        }), ue = y ? y.map((Me) => ({
-          key: Me.key,
-          align: "left",
-          sortable: !1,
-          title: Me.name,
-          width: Me.width ?? 200
-        })) : [];
-        return [...U, ...ue];
+    }, [G, ie]), U = (() => {
+      const L = Tl({
+        properties: x,
+        sortable: v,
+        forceFilter: t,
+        disabledFilter: P,
+        AdditionalHeaderWidget: R
+      }), ce = y ? y.map((Me) => ({
+        key: Me.key,
+        align: "left",
+        sortable: !1,
+        title: Me.name,
+        width: Me.width ?? 200
+      })) : [];
+      return [...L, ...ce];
+    })(), H = [
+      {
+        key: "id_ewcfedcswdf3",
+        width: Y?.() ?? (te ? 160 : 130),
+        title: "ID",
+        resizable: !1,
+        frozen: te,
+        headerAlign: "center",
+        align: "center",
+        AdditionalHeaderWidget: () => F
       },
-      [y, P, t, x, v]
-    ), W = se(() => ({
-      key: "id_ewcfedcswdf3",
-      width: j?.() ?? (Z ? 160 : 130),
-      title: "ID",
-      resizable: !1,
-      frozen: Z,
-      headerAlign: "center",
-      align: "center",
-      AdditionalHeaderWidget: () => F
-    }), [j, Z]), H = se(() => [
-      W,
-      ...b.map((U) => L.find((ue) => ue.key === U.key)).filter(Boolean)
-    ], [L, b, W]), be = k((U) => {
-      const ue = U.column, Me = U.columns, Se = ue.key;
+      ...b.map((L) => U.find((ce) => ce.key === L.key)).filter(Boolean)
+    ], ye = (L) => {
+      const ce = L.column, Me = L.columns, Se = ce.key;
       try {
-        if (U.columnIndex === 0)
+        if (L.columnIndex === 0)
           return a ? a({
-            entity: U.rowData,
+            entity: L.rowData,
             size: G,
-            width: ue.width,
-            frozen: ue.frozen
+            width: ce.width,
+            frozen: ce.frozen
           }) : /* @__PURE__ */ n(
             gi,
             {
-              entity: U.rowData,
-              width: ue.width,
-              frozen: ue.frozen,
+              entity: L.rowData,
+              width: ce.width,
+              frozen: ce.frozen,
               isSelected: !1,
               size: G
             }
           );
-        if (ne[Se])
-          return I(U);
-        if (U.columnIndex < Me.length + 1)
-          return O(U);
+        if (X[Se])
+          return S(L);
+        if (L.columnIndex < Me.length + 1)
+          return O(L);
         throw Error("Internal: columns not mapped properly");
       } catch (we) {
         return console.error("Error rendering cell", we), /* @__PURE__ */ n(
           nr,
           {
             size: G,
-            width: ue.width,
+            width: ce.width,
             saved: !1,
             value: null,
             align: "left",
@@ -7968,19 +7965,19 @@ const Bo = S.memo(
           }
         );
       }
-    }, [ne, a, G, I, O]);
+    };
     return /* @__PURE__ */ _(
       "div",
       {
-        ref: Y,
+        ref: q,
         className: "h-full w-full flex flex-col bg-white dark:bg-gray-950",
         children: [
           /* @__PURE__ */ n(
             Dl,
             {
               forceFilter: P,
-              filterIsSet: le,
-              onTextSearch: p ? ee : void 0,
+              filterIsSet: se,
+              onTextSearch: p ? K : void 0,
               textSearchLoading: z,
               onTextSearchClick: p ? oe : void 0,
               clearFilter: E.clearFilter,
@@ -7998,9 +7995,9 @@ const Bo = S.memo(
               columns: H,
               size: G,
               inlineEditing: A,
-              cellRenderer: be,
+              cellRenderer: ye,
               onEntityClick: f,
-              highlightedRow: k((U) => re?.includes(U.id) ?? !1, [re]),
+              highlightedRow: k((L) => ie?.includes(L.id) ?? !1, [ie]),
               tableController: E,
               onValueChange: c,
               onColumnResize: m,
@@ -8015,7 +8012,7 @@ const Bo = S.memo(
       }
     );
   },
-  te
+  ee
 );
 function Zl({
   data: e,
@@ -8027,10 +8024,10 @@ function Zl({
   return [...t, ...e.filter((i) => !r.has(i.id))];
 }
 function Xl(e, t, r = 5e3) {
-  const [i, o] = S.useState(e), a = S.useRef(i.length ?? 0), s = S.useRef(!1), l = S.useRef(t), c = !te(l.current, t), d = e.length >= a.current || c;
-  return S.useEffect(() => {
+  const [i, o] = I.useState(e), a = I.useRef(i.length ?? 0), s = I.useRef(!1), l = I.useRef(t), c = !ee(l.current, t), d = e.length >= a.current || c;
+  return I.useEffect(() => {
     const u = () => {
-      te(i, e) || (l.current = t, a.current = e.length, o(e)), s.current = !1;
+      ee(i, e) || (l.current = t, a.current = e.length, o(e)), s.current = !1;
     };
     s.current = !0;
     let f;
@@ -8051,18 +8048,18 @@ function Co({
     initialFilter: a,
     initialSort: s,
     forceFilter: l
-  } = t, [c, d] = S.useState(void 0), u = ke(), f = Ke(), m = se(() => u.resolveAliasesFrom(e), [e, u.resolveAliasesFrom]), g = o ?? l, p = t.pagination === void 0 || !!t.pagination, h = typeof t.pagination == "number" ? t.pagination : Kl, [A, y] = S.useState(), [b, w] = S.useState(p ? h : void 0), x = se(() => {
-    if (s && g && !K(g, s)) {
+  } = t, [c, d] = I.useState(void 0), u = ke(), f = Ke(), m = pe(() => u.resolveAliasesFrom(e), [e, u.resolveAliasesFrom]), g = o ?? l, p = t.pagination === void 0 || !!t.pagination, h = typeof t.pagination == "number" ? t.pagination : Kl, [A, y] = I.useState(), [b, w] = I.useState(p ? h : void 0), x = pe(() => {
+    if (s && g && !Z(g, s)) {
       console.warn("Initial sort is not compatible with the force filter. Ignoring initial sort");
       return;
     }
     return s;
-  }, [s, g]), [E, B] = S.useState(g ?? a ?? void 0), [v, C] = S.useState(x), N = v ? v[0] : void 0, R = v ? v[1] : void 0, F = Ce(), [D, j] = Q([]), [oe, z] = Q(!1), [Y, Z] = Q(), [P, X] = Q(!1), K = k((T, ee) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
+  }, [s, g]), [E, B] = I.useState(g ?? a ?? void 0), [v, C] = I.useState(x), N = v ? v[0] : void 0, R = v ? v[1] : void 0, F = Ce(), [D, Y] = Q([]), [oe, z] = Q(!1), [q, te] = Q(), [P, re] = Q(!1), Z = k((T, K) => f.isFilterCombinationValid ? f.isFilterCombinationValid({
     path: m,
     collection: t,
     filterValues: T,
-    sortBy: ee
-  }) : !0, []), G = k(() => B(g ?? void 0), [g]), de = k((T) => {
+    sortBy: K
+  }) : !0, []), G = k(() => B(g ?? void 0), [g]), me = k((T) => {
     if (g) {
       console.warn("Filter is not compatible with the force filter. Ignoring filter");
       return;
@@ -8071,11 +8068,11 @@ function Co({
   }, [g]);
   M(() => {
     z(!0);
-    const T = async (ne) => {
+    const T = async (X) => {
       if (t.callbacks?.onFetch)
         try {
-          ne = await Promise.all(
-            ne.map((ae) => t.callbacks.onFetch({
+          X = await Promise.all(
+            X.map((ae) => t.callbacks.onFetch({
               collection: t,
               path: m,
               entity: ae,
@@ -8085,18 +8082,18 @@ function Co({
         } catch (ae) {
           console.error(ae);
         }
-      z(!1), Z(void 0), j(ne.map((ae) => ({
+      z(!1), te(void 0), Y(X.map((ae) => ({
         ...ae
         // values: sanitizeData(e.values, resolvedCollection.properties)
-      }))), X(!b || ne.length < b);
-    }, ee = (ne) => {
-      console.error("ERROR", ne), z(!1), j([]), Z(ne);
+      }))), re(!b || X.length < b);
+    }, K = (X) => {
+      console.error("ERROR", X), z(!1), Y([]), te(X);
     };
     return f.listenCollection ? f.listenCollection({
       path: m,
       collection: t,
       onUpdate: T,
-      onError: ee,
+      onError: K,
       searchString: A,
       filter: E,
       limit: b,
@@ -8112,15 +8109,15 @@ function Co({
       startAfter: void 0,
       orderBy: N,
       order: R
-    }).then(T).catch(ee), () => {
+    }).then(T).catch(K), () => {
     });
   }, [m, b, R, N, E, A]);
-  const re = Zl({
+  const ie = Zl({
     data: D,
     entitiesDisplayedFirst: r
   });
   return {
-    data: Xl(re, {
+    data: Xl(ie, {
       filterValues: E,
       sortBy: v,
       searchString: A,
@@ -8128,9 +8125,9 @@ function Co({
     }),
     dataLoading: oe,
     noMoreToLoad: P,
-    dataLoadingError: Y,
+    dataLoadingError: q,
     filterValues: E,
-    setFilterValues: de,
+    setFilterValues: me,
     sortBy: v,
     setSortBy: C,
     searchString: A,
@@ -8140,7 +8137,7 @@ function Co({
     setItemCount: w,
     paginationEnabled: p,
     pageSize: h,
-    checkFilterCombination: K,
+    checkFilterCombination: Z,
     popupCell: c,
     setPopupCell: d
   };
@@ -8160,7 +8157,7 @@ function ec({
   tableController: c,
   collectionEntitiesCount: d
 }) {
-  const u = Ce(), m = pe().plugins ?? [], g = ft(), p = He(), h = l.selectedEntities, A = Pt(e, g, $e(s), null) && i && (p ? /* @__PURE__ */ _(
+  const u = Ce(), m = ue().plugins ?? [], g = ft(), p = He(), h = l.selectedEntities, A = Pt(e, g, $e(s), null) && i && (p ? /* @__PURE__ */ _(
     ge,
     {
       id: `add_entity_${s}`,
@@ -8202,7 +8199,7 @@ function ec({
         ]
       }
     ) : /* @__PURE__ */ n(
-      ce,
+      le,
       {
         color: "primary",
         disabled: !h?.length || !y,
@@ -8227,9 +8224,9 @@ function ec({
     context: u,
     tableController: c,
     collectionEntitiesCount: d
-  }, x = or(e.Actions).map((E, B) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(E, { ...w }) }, `actions_${B}`));
+  }, x = or(e.Actions).map((E, B) => /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(E, { ...w }) }, `actions_${B}`));
   return m && m.forEach((E, B) => {
-    E.collections?.CollectionActions && x.push(...or(E.collections?.CollectionActions).map((v, C) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(v, { ...w, ...E.collections?.collectionActionsProps }) }, `plugin_actions_${B}_${C}`)));
+    E.collections?.CollectionActions && x.push(...or(E.collections?.CollectionActions).map((v, C) => /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(v, { ...w, ...E.collections?.collectionActionsProps }) }, `plugin_actions_${B}_${C}`)));
   }), /* @__PURE__ */ _(V, { children: [
     x,
     b,
@@ -8237,7 +8234,7 @@ function ec({
   ] });
 }
 function So({ collection: e, fullPath: t, parentCollectionIds: r }) {
-  const i = Ce(), o = pe(), [a, s] = Q(!1), [l, c] = Q(!1);
+  const i = Ce(), o = ue(), [a, s] = Q(!1), [l, c] = Q(!1);
   let d, u = !!e.textSearchEnabled;
   return o?.plugins && (d = o.plugins?.find((m) => !!m.collectionView?.onTextSearchClick) ? () => {
     s(!0), Promise.all(o.plugins?.map((m) => m.collectionView?.onTextSearchClick ? m.collectionView.onTextSearchClick({ context: i, path: t, collection: e, parentCollectionIds: r }) : Promise.resolve(!0))).then((m) => {
@@ -8255,7 +8252,7 @@ function tc({
   onMove: o
 }) {
   let a = 0, s = 0;
-  const l = S.useRef(!1), c = (p) => {
+  const l = I.useRef(!1), c = (p) => {
     if (p.button !== 0 || !e.current || p.defaultPrevented || p.innerClicked)
       return;
     const {
@@ -8398,7 +8395,7 @@ function Te({
         title: r.longDescription,
         side: "bottom",
         children: /* @__PURE__ */ n(
-          ce,
+          le,
           {
             size: "small",
             className: "self-start",
@@ -8443,7 +8440,7 @@ function en({
         value: t ? t.toString() : "",
         disabled: a,
         position: "item-aligned",
-        inputClassName: ie("w-full"),
+        inputClassName: ne("w-full"),
         label: /* @__PURE__ */ n(
           Oe,
           {
@@ -8454,7 +8451,7 @@ function en({
           }
         ),
         endAdornment: c.clearable && /* @__PURE__ */ n(
-          ce,
+          le,
           {
             onClick: f,
             children: /* @__PURE__ */ n(Qt, {})
@@ -8606,13 +8603,13 @@ function nc({
   const f = l.of;
   if (f.dataType !== "reference")
     throw Error("ArrayOfReferencesField expected a property containing references");
-  const m = l.expanded === void 0 ? !0 : l.expanded, [g, p] = S.useState(!1), h = t && Array.isArray(t) ? t.map((C) => C.id) : [];
+  const m = l.expanded === void 0 ? !0 : l.expanded, [g, p] = I.useState(!1), h = t && Array.isArray(t) ? t.map((C) => C.id) : [];
   Le({
     property: l,
     value: t,
     setValue: d
   });
-  const A = ke(), y = se(() => f.path ? A.getCollection(f.path) : void 0, [f.path]);
+  const A = ke(), y = pe(() => f.path ? A.getCollection(f.path) : void 0, [f.path]);
   if (!y)
     throw Error(`Couldn't find the corresponding collection for the path: ${f.path}`);
   const b = k((C) => {
@@ -8725,7 +8722,7 @@ function Io({
   disabled: a,
   size: s
 }) {
-  return /* @__PURE__ */ _("div", { className: ie(
+  return /* @__PURE__ */ _("div", { className: ne(
     lr,
     "relative m-4 border-box flex items-center justify-center",
     s === "medium" ? "min-w-[220px] min-h-[220px] max-w-[220px]" : "min-w-[118px] min-h-[118px] max-w-[118px]"
@@ -8739,7 +8736,7 @@ function Io({
           {
             title: "Remove",
             children: /* @__PURE__ */ n(
-              ce,
+              le,
               {
                 size: "small",
                 onClick: (l) => {
@@ -8752,7 +8749,7 @@ function Io({
         )
       }
     ),
-    r && /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+    r && /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
       Re,
       {
         propertyKey: e,
@@ -8894,7 +8891,7 @@ function uc({
     "div",
     {
       ...b(),
-      className: ie(
+      className: ne(
         wn,
         t ? vn : ti,
         oc,
@@ -8914,7 +8911,7 @@ function uc({
           {
             ...a.droppableProps,
             ref: a.innerRef,
-            className: ie(
+            className: ne(
               "flex items-center p-1 no-scrollbar",
               o && l.length ? "overflow-auto" : "",
               o && l.length ? "min-h-[180px]" : "min-h-[250px]"
@@ -8962,7 +8959,7 @@ function uc({
                         ref: R.innerRef,
                         ...R.draggableProps,
                         ...R.dragHandleProps,
-                        className: ie(Si, "rounded-md"),
+                        className: ne(Si, "rounded-md"),
                         style: {
                           ...R.draggableProps.style
                         },
@@ -9134,7 +9131,7 @@ function Ft({
         multiline: g,
         disabled: a,
         endAdornment: l.clearable && /* @__PURE__ */ n(
-          ce,
+          le,
           {
             onClick: f,
             children: /* @__PURE__ */ n(Qt, {})
@@ -9171,7 +9168,7 @@ function Ft({
     )
   ] });
 }
-const pc = S.forwardRef(function({
+const pc = I.forwardRef(function({
   propertyKey: t,
   value: r,
   setValue: i,
@@ -9231,7 +9228,7 @@ function fc({
   property: c,
   includeDescription: d
 }) {
-  const { locale: u } = pe(), f = t || null;
+  const { locale: u } = ue(), f = t || null;
   return Le({
     property: c,
     value: t,
@@ -9295,8 +9292,8 @@ function No({
     /* @__PURE__ */ n(
       "div",
       {
-        className: ie(lr, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"),
-        children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+        className: ne(lr, "min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar"),
+        children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
           Re,
           {
             propertyKey: e,
@@ -9341,7 +9338,7 @@ function gc({
     value: e,
     setValue: t
   });
-  const f = e && e instanceof We, m = ke(), g = se(() => c.path ? m.getCollection(c.path) : void 0, [c.path]);
+  const f = e && e instanceof We, m = ke(), g = pe(() => c.path ? m.getCollection(c.path) : void 0, [c.path]);
   if (!g)
     throw Error(`Couldn't find the corresponding collection for the path: ${c.path}`);
   const p = k((y) => {
@@ -9411,11 +9408,11 @@ function gc({
     )
   ] });
 }
-const Bt = S.memo(Ac, (e, t) => {
+const Bt = I.memo(Ac, (e, t) => {
   if (e.propertyKey !== t.propertyKey)
     return !1;
   const r = Pe(e.property) || e.property.fromBuilder, i = Pe(t.property) || t.property.fromBuilder;
-  return !((r === i || te(e.property, t.property)) && e.disabled === t.disabled) || Yr(t.property), !1;
+  return !((r === i || ee(e.property, t.property)) && e.disabled === t.disabled) || Yr(t.property), !1;
 });
 function Ac({
   propertyKey: e,
@@ -9429,7 +9426,7 @@ function Ac({
   partOfBlock: c,
   autoFocus: d
 }) {
-  const u = pe();
+  const u = ue();
   return /* @__PURE__ */ n(
     cn,
     {
@@ -9503,12 +9500,12 @@ function bc({
   },
   fieldProps: f
 }) {
-  const { plugins: m } = pe(), g = r.customProps, p = f.field.value, h = Kt(f.form.errors, t), A = Kt(f.form.touched, t), y = h && (f.form.submitCount > 0 || r.validation?.unique) && (!Array.isArray(h) || !!h.filter((C) => !!C).length), w = yc(d.path, d.collection, t, r, e, m) ?? e, x = f.form.isSubmitting, E = k((C, N) => {
+  const { plugins: m } = ue(), g = r.customProps, p = f.field.value, h = Kt(f.form.errors, t), A = Kt(f.form.touched, t), y = h && (f.form.submitCount > 0 || r.validation?.unique) && (!Array.isArray(h) || !!h.filter((C) => !!C).length), w = yc(d.path, d.collection, t, r, e, m) ?? e, x = f.form.isSubmitting, E = k((C, N) => {
     f.form.setFieldTouched(t, !0, !1), f.form.setFieldValue(t, C, N);
   }, []), B = k((C, N, R) => {
     f.form.setFieldTouched(t, !0, !1), f.form.setFieldValue(C, N, R);
   }, []);
-  return /* @__PURE__ */ _(me, { children: [
+  return /* @__PURE__ */ _(de, { children: [
     /* @__PURE__ */ n(w, { ...{
       propertyKey: t,
       value: p,
@@ -9597,7 +9594,7 @@ function wc({
         partOfBlock: !1,
         autoFocus: f && x === 0
       };
-      return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+      return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
         Bt,
         {
           ...E
@@ -9613,7 +9610,7 @@ function wc({
       className: "text-text-secondary dark:text-text-secondary-dark"
     }
   );
-  return /* @__PURE__ */ _(me, { children: [
+  return /* @__PURE__ */ _(de, { children: [
     !c && !l && /* @__PURE__ */ n(
       ut,
       {
@@ -9699,7 +9696,7 @@ function wi({
   fieldName: r,
   disabled: i
 }) {
-  const [o, a] = S.useState(
+  const [o, a] = I.useState(
     Object.keys(e ?? {}).map((c) => [Ir(), {
       key: c,
       dataType: qr(e?.[c]) ?? "string"
@@ -9717,7 +9714,7 @@ function wi({
       m.splice(p, 1);
     }), a(m);
   }, [e]);
-  const s = S.useRef(e ?? {}), l = (c, d) => {
+  const s = I.useRef(e ?? {}), l = (c, d) => {
     if (!c) {
       console.warn("No key selected for data type update");
       return;
@@ -9806,7 +9803,7 @@ function _c({
   updateDataType: c,
   disabled: d
 }) {
-  const { locale: u } = pe();
+  const { locale: u } = ue();
   function f(g, p, h) {
     return h === "string" || h === "number" ? /* @__PURE__ */ n(
       yt,
@@ -9868,7 +9865,7 @@ function _c({
     ) : h === "array" ? /* @__PURE__ */ n(
       "div",
       {
-        className: ie(Be, "ml-2 pl-2 border-l border-solid"),
+        className: ne(Be, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
           Mo,
           {
@@ -9907,7 +9904,7 @@ function _c({
     ) : h === "map" ? /* @__PURE__ */ n(
       "div",
       {
-        className: ie(Be, "ml-2 pl-2 border-l border-solid"),
+        className: ne(Be, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
           wi,
           {
@@ -9957,7 +9954,7 @@ function _c({
             Vt,
             {
               trigger: /* @__PURE__ */ n(
-                ce,
+                le,
                 {
                   size: "small",
                   className: "h-7 w-7",
@@ -10017,7 +10014,7 @@ function _c({
             }
           ),
           /* @__PURE__ */ n(
-            ce,
+            le,
             {
               "aria-label": "delete",
               size: "small",
@@ -10039,7 +10036,7 @@ function kc({
   value: r,
   setValue: i
 }) {
-  const { locale: o } = pe(), [a, s] = Q(qr(r) ?? "string");
+  const { locale: o } = ue(), [a, s] = Q(qr(r) ?? "string");
   function l(d) {
     s(d);
   }
@@ -10078,7 +10075,7 @@ function kc({
           i(f);
         }
       }
-    ) : u === "array" ? /* @__PURE__ */ n(J, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: ie(Be, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
+    ) : u === "array" ? /* @__PURE__ */ n(J, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: ne(Be, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
       wi,
       {
         value: d,
@@ -10106,7 +10103,7 @@ function kc({
             Vt,
             {
               trigger: /* @__PURE__ */ n(
-                ce,
+                le,
                 {
                   size: "small",
                   className: "h-7 w-7",
@@ -10223,7 +10220,7 @@ function xc({
       partOfBlock: !1,
       autoFocus: E === h
     };
-    return /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(Bt, { ...v }) });
+    return /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(Bt, { ...v }) });
   }, b = /* @__PURE__ */ n(
     yi,
     {
@@ -10384,7 +10381,7 @@ function Bc({
     const w = b ? a[b] : void 0;
     u(b), f.setFieldTouched(p, !0), f.setFieldValue(p, b), f.setFieldValue(h, w ? ci(w) : null);
   };
-  return /* @__PURE__ */ _("div", { className: ie(lr, "bg-transparent p-4 my-4 py-8"), children: [
+  return /* @__PURE__ */ _("div", { className: ne(lr, "bg-transparent p-4 my-4 py-8"), children: [
     /* @__PURE__ */ n(
       cn,
       {
@@ -10464,7 +10461,7 @@ function Sc({
   includeDescription: u,
   context: f
 }) {
-  const [m, g] = S.useState(t), p = he(t);
+  const [m, g] = I.useState(t), p = he(t);
   ma("MarkdownFieldBinding", Ic);
   const h = Ho({
     internalValue: m,
@@ -10495,7 +10492,7 @@ function Sc({
       Ht,
       {
         value: m ?? "",
-        className: ie(
+        className: ne(
           wn,
           a ? vn : ti,
           "text-base"
@@ -11214,7 +11211,7 @@ function Dc({
   entity: a,
   loading: s
 }) {
-  const { errors: l } = Lr(), c = r === "existing" || !e, d = r !== "existing" && !e, u = se(() => {
+  const { errors: l } = Lr(), c = r === "existing" || !e, d = r !== "existing" && !e, u = pe(() => {
     if (!(!e || typeof e == "boolean" || e === "optional"))
       return mt(e);
   }, [e]), f = gt(), { copy: m } = Is({
@@ -11222,14 +11219,14 @@ function Dc({
       type: "success",
       message: `Copied ${h}`
     })
-  }), g = pe(), p = {
+  }), g = ue(), p = {
     label: d ? "ID is set automatically" : "ID",
     disabled: c || s,
     name: "id",
     value: (a && r === "existing" ? a.id : t) ?? "",
     endAdornment: s ? /* @__PURE__ */ n(Gt, { size: "small" }) : a ? /* @__PURE__ */ _(V, { children: [
       /* @__PURE__ */ n(_e, { title: "Copy", children: /* @__PURE__ */ n(
-        ce,
+        le,
         {
           onClick: (h) => m(a.id),
           "aria-label": "copy-id",
@@ -11237,7 +11234,7 @@ function Dc({
         }
       ) }),
       g?.entityLinkBuilder && /* @__PURE__ */ n(_e, { title: "Open in the console", children: /* @__PURE__ */ n(
-        ce,
+        le,
         {
           component: "a",
           href: g.entityLinkBuilder({ entity: a }),
@@ -11312,14 +11309,14 @@ function Qo({
   onMultipleEntitiesDelete: s,
   path: l
 }) {
-  const c = Ke(), d = pe(), u = gt(), [f, m] = Q(!1), [g, p] = S.useState(), [h, A] = S.useState(), y = Ce();
-  S.useEffect(() => {
+  const c = Ke(), d = ue(), u = gt(), [f, m] = Q(!1), [g, p] = I.useState(), [h, A] = I.useState(), y = Ce();
+  I.useEffect(() => {
     if (e) {
       const D = Array.isArray(e) && e.length === 1 ? e[0] : e;
       p(D), A(Array.isArray(D));
     }
   }, [e]);
-  const b = se(() => qe({
+  const b = pe(() => qe({
     collection: t,
     path: l,
     fields: d.propertyConfigs
@@ -11327,21 +11324,21 @@ function Qo({
     r();
   }, [r]), x = k((D) => {
     console.debug("Deleted", D);
-  }, []), E = k((D, j) => {
+  }, []), E = k((D, Y) => {
     u.open({
       type: "error",
-      message: "Error deleting: " + j?.message
-    }), console.error("Error deleting entity"), console.error(j);
-  }, [b.name]), B = k((D, j) => {
+      message: "Error deleting: " + Y?.message
+    }), console.error("Error deleting entity"), console.error(Y);
+  }, [b.name]), B = k((D, Y) => {
     u.open({
       type: "error",
-      message: "Error before deleting: " + j?.message
-    }), console.error(j);
-  }, [b.name]), v = k((D, j) => {
+      message: "Error before deleting: " + Y?.message
+    }), console.error(Y);
+  }, [b.name]), v = k((D, Y) => {
     u.open({
       type: "error",
-      message: "Error after deleting: " + j?.message
-    }), console.error(j);
+      message: "Error after deleting: " + Y?.message
+    }), console.error(Y);
   }, [b.name]), C = k((D) => Cs({
     dataSource: c,
     entity: D,
@@ -11526,7 +11523,7 @@ function Pc({ propertyId: e }) {
       ),
       /* @__PURE__ */ n(J, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
     ] }),
-    /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(le, { size: "small", children: /* @__PURE__ */ n(
       fa,
       {
         size: "smallest",
@@ -11538,9 +11535,9 @@ function Pc({ propertyId: e }) {
     ) })
   ] });
 }
-const Tc = S.memo(
+const Tc = I.memo(
   Oc,
-  (e, t) => e.status === t.status && e.path === t.path && te(e.entity?.values, t.entity?.values)
+  (e, t) => e.status === t.status && e.path === t.path && ee(e.entity?.values, t.entity?.values)
 );
 function nn(e, t, r) {
   const i = e.properties;
@@ -11568,12 +11565,12 @@ function Oc({
   autoSave: f,
   onIdUpdateError: m
 }) {
-  const g = Et(), p = pe(), h = Ce(), A = Ke(), y = p.plugins, b = se(() => qe({
+  const g = Et(), p = ue(), h = Ce(), A = Ke(), y = p.plugins, b = pe(() => qe({
     collection: r,
     path: t,
     values: i?.values,
     fields: p.propertyConfigs
-  }), [i?.values, t]), w = (e === "new" || e === "copy") && !!b.customId && b.customId !== "optional", x = se(() => e === "new" || e === "copy" ? w ? void 0 : A.generateEntityId(t) : i?.id, []), E = he(!1), B = he(nn(b, e, i)), [v, C] = S.useState(x), [N, R] = S.useState(!1), [F, D] = S.useState(), [j, oe] = S.useState(!1), [z, Y] = Q(i?.values ?? B.current), Z = (W) => o({
+  }), [i?.values, t]), w = (e === "new" || e === "copy") && !!b.customId && b.customId !== "optional", x = pe(() => e === "new" || e === "copy" ? w ? void 0 : A.generateEntityId(t) : i?.id, []), E = he(!1), B = he(nn(b, e, i)), [v, C] = I.useState(x), [N, R] = I.useState(!1), [F, D] = I.useState(), [Y, oe] = I.useState(!1), [z, q] = Q(i?.values ?? B.current), te = (W) => o({
     collection: G,
     path: t,
     entityId: v,
@@ -11582,8 +11579,8 @@ function Oc({
     closeAfterSave: E.current,
     autoSave: f ?? !1
   }).then((H) => {
-    const be = e === "new" ? "new_entity_saved" : e === "copy" ? "entity_copied" : e === "existing" ? "entity_edited" : "unmapped_event";
-    g.onAnalyticsEvent?.(be, { path: t });
+    const ye = e === "new" ? "new_entity_saved" : e === "copy" ? "entity_copied" : e === "existing" ? "entity_edited" : "unmapped_event";
+    g.onAnalyticsEvent?.(ye, { path: t });
   }).catch((H) => {
     console.error(H), D(H);
   }).finally(() => {
@@ -11601,7 +11598,7 @@ function Oc({
         throw Error("Form misconfiguration when saving, entityId should be set");
     } else
       throw Error("New FormType added, check EntityForm");
-    return Z(W)?.then((be) => {
+    return te(W)?.then((ye) => {
       H.resetForm({
         values: W,
         submitCount: 0,
@@ -11610,31 +11607,31 @@ function Oc({
     }).finally(() => {
       H.setSubmitting(!1);
     });
-  }, X = dn({
+  }, re = dn({
     initialValues: B.current,
     onSubmit: P,
-    validation: (W) => ne?.validate(W, { abortEarly: !1 }).then(() => ({})).catch((H) => {
-      const be = {};
-      return H.inner.forEach((U) => {
-        be[U.path] = U.message;
+    validation: (W) => X?.validate(W, { abortEarly: !1 }).then(() => ({})).catch((H) => {
+      const ye = {};
+      return H.inner.forEach((L) => {
+        ye[L.path] = L.message;
       }), zc(H);
     })
   });
   M(() => {
     B.current = nn(b, e, i);
-    const W = X.initialValues;
-    !X.isSubmitting && W && e === "existing" ? T(
-      Object.entries(G.properties).map(([H, be]) => {
-        if (ur(be))
+    const W = re.initialValues;
+    !re.isSubmitting && W && e === "existing" ? T(
+      Object.entries(G.properties).map(([H, ye]) => {
+        if (ur(ye))
           return {};
-        const U = W[H], ue = B.current[H];
-        return te(U, ue) ? {} : { [H]: ue };
-      }).reduce((H, be) => ({ ...H, ...be }), {})
+        const L = W[H], ce = B.current[H];
+        return ee(L, ce) ? {} : { [H]: ce };
+      }).reduce((H, ye) => ({ ...H, ...ye }), {})
     ) : T({});
   }, [i, b, e]);
-  const K = (W) => {
-    const H = X.initialValues;
-    Y(W), l && l(W), f && W && !te(W, H) && Z(W);
+  const Z = (W) => {
+    const H = re.initialValues;
+    q(W), l && l(W), f && W && !ee(W, H) && te(W);
   };
   M(() => {
     v && c && c(v);
@@ -11644,13 +11641,13 @@ function Oc({
     path: t,
     entityId: v,
     values: z,
-    previousValues: X.initialValues,
+    previousValues: re.initialValues,
     fields: p.propertyConfigs
-  }), de = r.callbacks?.onIdUpdate, re = k(async () => {
-    if (de && z && (e === "new" || e === "copy")) {
+  }), me = r.callbacks?.onIdUpdate, ie = k(async () => {
+    if (me && z && (e === "new" || e === "copy")) {
       oe(!0);
       try {
-        const W = await de({
+        const W = await me({
           collection: G,
           path: t,
           entityId: v,
@@ -11665,36 +11662,36 @@ function Oc({
     }
   }, [v, z, e]);
   M(() => {
-    re();
-  }, [re]);
-  const [le, T] = Q({}), ee = k(
+    ie();
+  }, [ie]);
+  const [se, T] = Q({}), K = k(
     ({
       name: W,
       value: H,
-      property: be
+      property: ye
     }) => A.checkUniqueField(t, W, H, v),
     [A, t, v]
-  ), ne = se(
+  ), X = pe(
     () => v ? yo(
       v,
       G.properties,
-      ee
+      K
     ) : void 0,
-    [v, G.properties, ee]
+    [v, G.properties, K]
   ), ae = ft(), O = k(({ entity: W, customEntityActions: H }) => {
-    const be = Pt(r, ae, $e(t), null), U = W ? pi(r, ae, $e(t), W) : !0, ue = [];
-    return be && ue.push(Do), U && ue.push(Ro), H && ue.push(...H), ue;
-  }, [ae, r, t]), I = [], L = {
-    setFieldValue: X.setFieldValue,
-    values: X.values,
+    const ye = Pt(r, ae, $e(t), null), L = W ? pi(r, ae, $e(t), W) : !0, ce = [];
+    return ye && ce.push(Do), L && ce.push(Ro), H && ce.push(...H), ce;
+  }, [ae, r, t]), S = [], U = {
+    setFieldValue: re.setFieldValue,
+    values: re.values,
     collection: G,
     entityId: v,
     path: t,
-    save: Z
+    save: te
   };
   if (M(() => {
-    d && d(L);
-  }, [d, L]), y && r) {
+    d && d(U);
+  }, [d, U]), y && r) {
     const W = {
       entityId: v,
       path: t,
@@ -11702,9 +11699,9 @@ function Oc({
       collection: r,
       context: h,
       currentEntityId: v,
-      formContext: L
+      formContext: U
     };
-    I.push(...y.map((H, be) => H.form?.Actions ? /* @__PURE__ */ n(
+    S.push(...y.map((H, ye) => H.form?.Actions ? /* @__PURE__ */ n(
       H.form.Actions,
       {
         ...W
@@ -11712,19 +11709,19 @@ function Oc({
       `actions_${H.name}`
     ) : null).filter(Boolean));
   }
-  return /* @__PURE__ */ n(un, { value: X, children: /* @__PURE__ */ _("div", { className: "h-full overflow-auto", children: [
-    I.length > 0 && /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(un, { value: re, children: /* @__PURE__ */ _("div", { className: "h-full overflow-auto", children: [
+    S.length > 0 && /* @__PURE__ */ n(
       "div",
       {
-        className: ie("w-full flex justify-end items-center sticky top-0 right-0 left-0 z-10 bg-opacity-60 bg-slate-200 dark:bg-opacity-60 dark:bg-slate-800 backdrop-blur-md"),
-        children: I
+        className: ne("w-full flex justify-end items-center sticky top-0 right-0 left-0 z-10 bg-opacity-60 bg-slate-200 dark:bg-opacity-60 dark:bg-slate-800 backdrop-blur-md"),
+        children: S
       }
     ),
     /* @__PURE__ */ _("div", { className: "pt-12 pb-16 pl-8 pr-8 md:pl-10 md:pr-10", children: [
       /* @__PURE__ */ _(
         "div",
         {
-          className: `w-full py-2 flex flex-col items-start mt-${4 + (I ? 8 : 0)} lg:mt-${8 + (I ? 8 : 0)} mb-8`,
+          className: `w-full py-2 flex flex-col items-start mt-${4 + (S ? 8 : 0)} lg:mt-${8 + (S ? 8 : 0)} mb-8`,
           children: [
             /* @__PURE__ */ n(
               J,
@@ -11750,22 +11747,22 @@ function Oc({
           status: e,
           onChange: C,
           error: N,
-          loading: j,
+          loading: Y,
           entity: i
         }
       ),
       v && /* @__PURE__ */ n(
         Mc,
         {
-          ...X,
-          initialValues: X.initialValues,
+          ...re,
+          initialValues: re.initialValues,
           onModified: s,
           onDiscard: a,
-          onValuesChanged: K,
-          underlyingChanges: le,
+          onValuesChanged: Z,
+          underlyingChanges: se,
           entity: i,
           resolvedCollection: G,
-          formContext: L,
+          formContext: U,
           status: e,
           savingError: F,
           closeAfterSaveRef: E,
@@ -11805,23 +11802,23 @@ function Mc(e) {
     i && i(v), o && o(t);
   }, [v, t]), M(() => {
     !b && !f && a && l && Object.entries(a).forEach(([F, D]) => {
-      const j = t[F];
-      !te(D, j) && !c[F] && (console.debug("Updated value from the datasource:", F, D), d(F, D !== void 0 ? D : null));
+      const Y = t[F];
+      !ee(D, Y) && !c[F] && (console.debug("Updated value from the datasource:", F, D), d(F, D !== void 0 ? D : null));
     });
   }, [f, b, a, l, t, c, d]);
   const C = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((F) => {
     const D = u.properties[F];
     if (!D)
       return console.warn(`Property ${F} not found in collection ${u.name}`), null;
-    const j = !!a && Object.keys(a).includes(F) && !!c[F], oe = !b && f || Yt(D) || !!D.disabled;
+    const Y = !!a && Object.keys(a).includes(F) && !!c[F], oe = !b && f || Yt(D) || !!D.disabled;
     if (ur(D))
       return null;
-    const Y = {
+    const q = {
       propertyKey: F,
       disabled: oe,
       property: D,
       includeDescription: D.description || D.longDescription,
-      underlyingValueHasChanged: j && !b,
+      underlyingValueHasChanged: Y && !b,
       context: s,
       tableMode: !1,
       partOfArray: !1,
@@ -11832,20 +11829,20 @@ function Mc(e) {
       "div",
       {
         id: `form_field_${F}`,
-        children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
           _e,
           {
             title: /* @__PURE__ */ n(Pc, { propertyId: F }),
             delayDuration: 800,
             side: "left",
             sideOffset: 16,
-            children: /* @__PURE__ */ n(Bt, { ...Y })
+            children: /* @__PURE__ */ n(Bt, { ...q })
           }
         ) })
       },
       `field_${u.name}_${F}`
     );
-  }).filter(Boolean) }), N = f || !v && m === "existing", R = S.useRef(null);
+  }).filter(Boolean) }), N = f || !v && m === "existing", R = I.useRef(null);
   return /* @__PURE__ */ _(
     "form",
     {
@@ -11868,7 +11865,7 @@ function Mc(e) {
         !b && /* @__PURE__ */ _(kt, { position: "absolute", children: [
           h && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(J, { color: "error", children: h.message }) }),
           l && E.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: E.map((F) => /* @__PURE__ */ n(
-            ce,
+            le,
             {
               color: "primary",
               onClick: (D) => {
@@ -11958,13 +11955,13 @@ function Gc({
   onCellValueChange: d,
   container: u
 }) {
-  const f = Ce(), m = pe(), [g, p] = S.useState(), [h, A] = Q(), y = t?.id, [b, w] = Q(t), [x, E] = Q(b?.values), B = o ? qe({
+  const f = Ce(), m = ue(), [g, p] = I.useState(), [h, A] = Q(), y = t?.id, [b, w] = Q(t), [x, E] = Q(b?.values), B = o ? qe({
     collection: o,
     path: a,
     values: x,
     entityId: y,
     fields: m.propertyConfigs
-  }) : void 0, v = rc(), C = S.useRef(null), N = S.useRef(null), R = S.useRef(!1), F = k(() => {
+  }) : void 0, v = rc(), C = I.useRef(null), N = I.useRef(null), R = I.useRef(!1), F = k(() => {
     if (!s)
       throw Error("getInitialLocation error");
     return {
@@ -11972,21 +11969,21 @@ function Gc({
       y: s.top < v.height - s.bottom ? s.y + s.height / 2 : s.y - s.height / 2
     };
   }, [s, v.height, v.width]), D = k(({
-    x: I,
-    y: L
+    x: S,
+    y: U
   }) => {
     const W = C.current?.getBoundingClientRect();
     if (!W)
       throw Error("normalizePosition called before draggableBoundingRect is set");
     return {
-      x: Math.max(0, Math.min(I, v.width - W.width)),
-      y: Math.max(0, Math.min(L, v.height - W.height))
+      x: Math.max(0, Math.min(S, v.width - W.width)),
+      y: Math.max(0, Math.min(U, v.height - W.height))
     };
-  }, [v]), j = k((I) => {
-    const L = C.current?.getBoundingClientRect();
-    if (!s || !L)
+  }, [v]), Y = k((S) => {
+    const U = C.current?.getBoundingClientRect();
+    if (!s || !U)
       return;
-    const W = I ?? D(F());
+    const W = S ?? D(F());
     (!h || W.x !== h.x || W.y !== h.y) && A(W);
   }, [s, F, D, h]);
   tc({
@@ -11994,7 +11991,7 @@ function Gc({
     innerRef: N,
     x: h?.x,
     y: h?.y,
-    onMove: j
+    onMove: Y
   }), M(
     () => {
       R.current = !1;
@@ -12002,25 +11999,25 @@ function Gc({
     [i, b]
   ), Qr(
     () => {
-      const I = C.current?.getBoundingClientRect();
-      !s || !I || R.current || (j(), R.current = !0);
+      const S = C.current?.getBoundingClientRect();
+      !s || !S || R.current || (Y(), R.current = !0);
     },
-    [s, j, R.current]
+    [s, Y, R.current]
   ), Qr(
     () => {
-      j(h);
+      Y(h);
     },
     [v, s]
   );
-  const oe = se(() => {
+  const oe = pe(() => {
     if (!(!B || !y))
       return yo(
         y,
         i && B.properties[i] ? { [i]: B.properties[i] } : {},
         r
       );
-  }, [B, y, i, r]), z = k(() => j(h), [h, j]), Y = async (I) => (p(null), o && b && d && i ? d({
-    value: I[i],
+  }, [B, y, i, r]), z = k(() => Y(h), [h, Y]), q = async (S) => (p(null), o && b && d && i ? d({
+    value: S[i],
     propertyKey: i,
     entity: b,
     setError: p,
@@ -12031,21 +12028,21 @@ function Gc({
   }) : Promise.resolve());
   if (!b)
     return /* @__PURE__ */ n(V, {});
-  const Z = dn({
+  const te = dn({
     initialValues: b?.values ?? {},
-    validation: (I) => oe?.validate(I, { abortEarly: !1 }).then(() => ({})).catch((L) => {
+    validation: (S) => oe?.validate(S, { abortEarly: !1 }).then(() => ({})).catch((U) => {
       const W = {};
-      return L.inner.forEach((H) => {
+      return U.inner.forEach((H) => {
         W[H.path] = H.message;
       }), W;
     }),
     validateOnInitialRender: !0,
-    onSubmit: (I, L) => {
-      Y(I).then(() => c()).finally(() => L.setSubmitting(!1));
+    onSubmit: (S, U) => {
+      q(S).then(() => c()).finally(() => U.setSubmitting(!1));
     }
-  }), { values: P, isSubmitting: X, setFieldValue: K, handleSubmit: G } = Z;
+  }), { values: P, isSubmitting: re, setFieldValue: Z, handleSubmit: G } = te;
   if (M(() => {
-    te(P, x) || E(P);
+    ee(P, x) || E(P);
   }, [P]), !b)
     return /* @__PURE__ */ n(
       Ee,
@@ -12055,26 +12052,26 @@ function Gc({
     );
   if (!B)
     return /* @__PURE__ */ n(V, {});
-  const de = X, re = {
+  const me = re, ie = {
     collection: B,
     entityId: y,
     values: P,
     path: a,
-    setFieldValue: K,
-    save: Y
-  }, le = i && bt(B.properties, i), T = i && le ? {
+    setFieldValue: Z,
+    save: q
+  }, se = i && bt(B.properties, i), T = i && se ? {
     propertyKey: i,
-    disabled: X || Yt(le) || !!le.disabled,
-    property: le,
+    disabled: re || Yt(se) || !!se.disabled,
+    property: se,
     includeDescription: !1,
     underlyingValueHasChanged: !1,
-    context: re,
+    context: ie,
     tableMode: !0,
     partOfArray: !1,
     partOfBlock: !1,
     autoFocus: l
   } : void 0;
-  let ee = /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(
+  let K = /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(
     "div",
     {
       className: "w-[560px] max-w-full max-h-[85vh]",
@@ -12105,7 +12102,7 @@ function Gc({
                 variant: "filled",
                 color: "primary",
                 type: "submit",
-                disabled: de,
+                disabled: me,
                 children: "Save"
               }
             ) })
@@ -12115,10 +12112,10 @@ function Gc({
     },
     `popup_form_${e}_${y}_${i}`
   ) });
-  const ne = m.plugins;
-  ne && ne.forEach((I) => {
-    I.form?.provider && (ee = /* @__PURE__ */ n(
-      I.form.provider.Component,
+  const X = m.plugins;
+  X && X.forEach((S) => {
+    S.form?.provider && (K = /* @__PURE__ */ n(
+      S.form.provider.Component,
       {
         status: "existing",
         path: a,
@@ -12126,9 +12123,9 @@ function Gc({
         entity: b,
         context: f,
         currentEntityId: y,
-        formContext: re,
-        ...I.form.provider.props,
-        children: ee
+        formContext: ie,
+        ...S.form.provider.props,
+        children: K
       }
     ));
   });
@@ -12137,7 +12134,7 @@ function Gc({
     {
       className: `text-gray-900 dark:text-white overflow-auto rounded rounded-md bg-white dark:bg-gray-950 ${l ? "" : "hidden"} cursor-grab max-w-[100vw]`,
       children: [
-        ee,
+        K,
         g && /* @__PURE__ */ n(J, { color: "error", children: g.message })
       ]
     }
@@ -12166,11 +12163,11 @@ function Gc({
                     height: "32px"
                   },
                   children: /* @__PURE__ */ n(
-                    ce,
+                    le,
                     {
                       size: "small",
-                      onClick: (I) => {
-                        I.stopPropagation(), c();
+                      onClick: (S) => {
+                        S.stopPropagation(), c();
                       },
                       children: /* @__PURE__ */ n(
                         Qt,
@@ -12195,11 +12192,11 @@ function Gc({
     {
       asChild: !0,
       container: u,
-      children: /* @__PURE__ */ n(un, { value: Z, children: O })
+      children: /* @__PURE__ */ n(un, { value: te, children: O })
     }
   );
 }
-const jc = "collectionGroupParent", Po = S.memo(
+const jc = "collectionGroupParent", Po = I.memo(
   function({
     fullPath: t,
     parentCollectionIds: r,
@@ -12207,14 +12204,14 @@ const jc = "collectionGroupParent", Po = S.memo(
     className: o,
     ...a
   }) {
-    const s = Ke(), l = ke(), c = ht(), d = ft(), u = xt(), f = Et(), m = pe(), g = S.useRef(null), p = se(() => {
+    const s = Ke(), l = ke(), c = ht(), d = ft(), u = xt(), f = Et(), m = ue(), g = I.useRef(null), p = pe(() => {
       const $ = u?.getCollectionConfig(t);
       return $ ? Je(a, $) : a;
-    }, [a, t, u?.getCollectionConfig]), h = S.useRef(p);
+    }, [a, t, u?.getCollectionConfig]), h = I.useRef(p);
     M(() => {
       h.current = p;
     }, [p]);
-    const A = Pt(p, d, $e(t), null), [y, b] = Q(void 0), [w, x] = S.useState(void 0), [E, B] = S.useState(0), [v, C] = Q(0), N = k(() => {
+    const A = Pt(p, d, $e(t), null), [y, b] = Q(void 0), [w, x] = I.useState(void 0), [E, B] = I.useState(0), [v, C] = Q(0), N = k(() => {
       const $ = y;
       setTimeout(() => {
         $ === y && b(void 0);
@@ -12222,21 +12219,21 @@ const jc = "collectionGroupParent", Po = S.memo(
     }, [y]), R = k(($) => {
       const fe = h.current;
       return Un(fe, d, $e(t), $ ?? null) ? fe.inlineEditing === void 0 || fe.inlineEditing : !1;
-    }, [d, t]), F = p.selectionEnabled === void 0 || p.selectionEnabled, D = !R(), [j, oe] = Q(!1), z = To(), Y = p.selectionController ?? z, {
-      selectedEntities: Z,
+    }, [d, t]), F = p.selectionEnabled === void 0 || p.selectionEnabled, D = !R(), [Y, oe] = Q(!1), z = To(), q = p.selectionController ?? z, {
+      selectedEntities: te,
       toggleEntitySelection: P,
-      isEntitySelected: X,
-      setSelectedEntities: K
-    } = Y;
+      isEntitySelected: re,
+      setSelectedEntities: Z
+    } = q;
     M(() => {
       x(void 0);
-    }, [Z]);
+    }, [te]);
     const G = Co({
       fullPath: t,
       collection: h.current,
       entitiesDisplayedFirst: [],
       lastDeleteTimestamp: E
-    }), de = S.useRef(Math.random().toString(36)), re = G.popupCell, le = k(() => {
+    }), me = I.useRef(Math.random().toString(36)), ie = G.popupCell, se = k(() => {
       G.setPopupCell?.(void 0);
     }, [G.setPopupCell]), T = k(($) => {
       const fe = h.current;
@@ -12250,7 +12247,7 @@ const jc = "collectionGroupParent", Po = S.memo(
         updateUrl: !0,
         onClose: N
       });
-    }, [N]), ee = k(() => {
+    }, [N]), K = k(() => {
       const $ = h.current;
       f.onAnalyticsEvent?.("new_entity_click", {
         path: t
@@ -12260,55 +12257,55 @@ const jc = "collectionGroupParent", Po = S.memo(
         updateUrl: !0,
         onClose: N
       });
-    }, [t]), ne = () => {
+    }, [t]), X = () => {
       f.onAnalyticsEvent?.("multiple_delete_dialog_open", {
         path: t
-      }), x(Z);
+      }), x(te);
     }, ae = ($, fe) => {
       f.onAnalyticsEvent?.("single_entity_deleted", {
         path: t
-      }), K((ye) => ye.filter((Ae) => Ae.id !== fe.id)), B(Date.now());
+      }), Z((be) => be.filter((Ae) => Ae.id !== fe.id)), B(Date.now());
     }, O = ($, fe) => {
       f.onAnalyticsEvent?.("multiple_entities_deleted", {
         path: t
-      }), K([]), x(void 0), B(Date.now());
+      }), Z([]), x(void 0), B(Date.now());
     };
-    let I;
-    m?.plugins && (I = m.plugins.find(($) => $.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
-    const L = k(($, fe) => {
+    let S;
+    m?.plugins && (S = m.plugins.find(($) => $.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
+    const U = k(($, fe) => {
       if (u) {
-        const ye = u.getCollectionConfig($), Ae = Je(ye, fe);
+        const be = u.getCollectionConfig($), Ae = Je(be, fe);
         u.onCollectionModified($, Ae);
       }
     }, [u]), W = k(({
       width: $,
       key: fe
     }) => {
-      const ye = h.current;
-      if (!bt(ye.properties, fe))
+      const be = h.current;
+      if (!bt(be.properties, fe))
         return;
       const Ae = Oo(fe, $);
-      L(t, Ae);
-    }, [L, t]), H = k(($) => {
-      u && L(t, { defaultSize: $ });
-    }, [L, t, u]), be = Pt(p, d, $e(t), null), U = k(
+      U(t, Ae);
+    }, [U, t]), H = k(($) => {
+      u && U(t, { defaultSize: $ });
+    }, [U, t, u]), ye = Pt(p, d, $e(t), null), L = k(
       ({
         name: $,
         value: fe,
-        property: ye,
+        property: be,
         entityId: Ae
       }) => s.checkUniqueField(t, $, fe, Ae),
       [t]
-    ), ue = ({
+    ), ce = ({
       fullPath: $,
       context: fe,
-      value: ye,
+      value: be,
       propertyKey: Ae,
       onValueUpdated: xe,
       setError: It,
       entity: Nt
     }) => {
-      const qo = Dr({ ...Nt.values }, Ae, ye), Uo = {
+      const qo = Dr({ ...Nt.values }, Ae, be), Uo = {
         path: $,
         entityId: Nt.id,
         values: qo,
@@ -12327,14 +12324,14 @@ const jc = "collectionGroupParent", Po = S.memo(
           console.error("Save failure"), console.error(Ei), It(Ei);
         }
       });
-    }, Me = l.resolveAliasesFrom(t), Se = se(() => qe({
+    }, Me = l.resolveAliasesFrom(t), Se = pe(() => qe({
       collection: p,
       path: t,
       fields: m.propertyConfigs
     }), [p, t]), we = k(({
       propertyKey: $,
       propertyValue: fe,
-      entity: ye
+      entity: be
     }) => {
       let Ae = bt(p.properties, $);
       return Ae || (Ae = bt(Se.properties, $)), Ge({
@@ -12342,14 +12339,14 @@ const jc = "collectionGroupParent", Po = S.memo(
         propertyOrBuilder: Ae,
         path: t,
         propertyValue: fe,
-        values: ye.values,
-        entityId: ye.id,
+        values: be.values,
+        entityId: be.id,
         fields: m.propertyConfigs
       });
-    }, [p.properties, m.propertyConfigs, t, Se.properties]), Ye = ko(Se, !0), Ze = se(() => {
-      const $ = p.subcollections?.map((ye) => ({
-        key: Ai(ye),
-        name: ye.name,
+    }, [p.properties, m.propertyConfigs, t, Se.properties]), Ye = ko(Se, !0), Ze = pe(() => {
+      const $ = p.subcollections?.map((be) => ({
+        key: Ai(be),
+        name: be.name,
         width: 200,
         dependencies: [],
         Builder: ({ entity: Ae }) => /* @__PURE__ */ n(
@@ -12362,12 +12359,12 @@ const jc = "collectionGroupParent", Po = S.memo(
               xe.stopPropagation(), c.open({
                 path: t,
                 entityId: Ae.id,
-                selectedSubPath: ye.id ?? ye.path,
+                selectedSubPath: be.id ?? be.path,
                 collection: p,
                 updateUrl: !0
               });
             },
-            children: ye.name
+            children: be.name
           }
         )
       })) ?? [], fe = p.collectionGroup ? [{
@@ -12375,8 +12372,8 @@ const jc = "collectionGroupParent", Po = S.memo(
         name: "Parent entities",
         width: 260,
         dependencies: [],
-        Builder: ({ entity: ye }) => {
-          const Ae = l.getParentReferencesFromPath(ye.path);
+        Builder: ({ entity: be }) => {
+          const Ae = l.getParentReferencesFromPath(be.path);
           return /* @__PURE__ */ n(V, { children: Ae.map((xe) => /* @__PURE__ */ n(
             Xe,
             {
@@ -12394,24 +12391,24 @@ const jc = "collectionGroupParent", Po = S.memo(
       ];
     }, [p, t]), at = k(() => {
       B(Date.now());
-    }, []), Qe = He(), st = k(({ entity: $, customEntityActions: fe }) => {
-      const ye = $ ? pi(p, d, $e(t), $) : !0, Ae = [Rc];
-      return be && Ae.push(Do), ye && Ae.push(Ro), fe && Ae.push(...fe), Ae;
-    }, [d, p, be, t]), gr = k(() => {
+    }, []), Qe = He(), st = ({ entity: $, customEntityActions: fe }) => {
+      const be = $ ? pi(p, d, $e(t), $) : !0, Ae = [Rc];
+      return ye && Ae.push(Do), be && Ae.push(Ro), fe && Ae.push(...fe), Ae;
+    }, gr = k(() => {
       const $ = st({}), fe = $.filter((xe) => xe.collapsed !== !1), Ae = $.filter((xe) => xe.collapsed === !1).length * (Qe ? 40 : 30);
       return (Qe ? 80 + Ae : 70 + Ae) + (fe.length > 0 ? Qe ? 40 : 30 : 0);
-    }, [Qe]), Ar = k(({
+    }, [Qe]), Ar = ({
       entity: $,
       size: fe,
-      width: ye,
+      width: be,
       frozen: Ae
     }) => {
-      const xe = X($), It = st({ entity: $, customEntityActions: p.entityActions });
+      const xe = re($), It = st({ entity: $, customEntityActions: p.entityActions });
       return /* @__PURE__ */ n(
         gi,
         {
           entity: $,
-          width: ye,
+          width: be,
           frozen: Ae,
           isSelected: xe,
           selectionEnabled: F,
@@ -12423,13 +12420,13 @@ const jc = "collectionGroupParent", Po = S.memo(
           actions: It,
           hideId: p?.hideIdFromCollection,
           onCollectionChange: at,
-          selectionController: Y
+          selectionController: q
         }
       );
-    }, [X, p, d, t, F, P, be]), br = /* @__PURE__ */ n(
+    }, br = /* @__PURE__ */ n(
       Kr,
       {
-        open: j,
+        open: Y,
         onOpenChange: oe,
         enabled: !!p.description,
         trigger: /* @__PURE__ */ _("div", { className: "flex flex-col items-start", children: [
@@ -12457,10 +12454,10 @@ const jc = "collectionGroupParent", Po = S.memo(
         ] }),
         children: p.description && /* @__PURE__ */ n("div", { className: "m-4 text-gray-900 dark:text-white", children: /* @__PURE__ */ n(sr, { source: p.description }) })
       }
-    ), q = k(({
+    ), j = k(({
       property: $,
       propertyKey: fe,
-      onHover: ye
+      onHover: be
     }) => {
       const Ae = h.current;
       return m.plugins ? /* @__PURE__ */ n(V, { children: m.plugins.filter((xe) => xe.collectionView?.HeaderAction).map((xe, It) => {
@@ -12468,7 +12465,7 @@ const jc = "collectionGroupParent", Po = S.memo(
         return /* @__PURE__ */ n(
           Nt,
           {
-            onHover: ye,
+            onHover: be,
             propertyKey: fe,
             property: $,
             fullPath: t,
@@ -12478,9 +12475,9 @@ const jc = "collectionGroupParent", Po = S.memo(
           `plugin_header_action_${It}`
         );
       }) }) : null;
-    }, [m.plugins, t, r]), Ie = I ? function() {
-      return typeof I == "function" ? /* @__PURE__ */ n(
-        I,
+    }, [m.plugins, t, r]), Ie = S ? function() {
+      return typeof S == "function" ? /* @__PURE__ */ n(
+        S,
         {
           fullPath: t,
           parentCollectionIds: r ?? [],
@@ -12500,7 +12497,7 @@ const jc = "collectionGroupParent", Po = S.memo(
     return /* @__PURE__ */ _(
       "div",
       {
-        className: ie("overflow-hidden h-full w-full", o),
+        className: ne("overflow-hidden h-full w-full", o),
         ref: g,
         children: [
           /* @__PURE__ */ n(
@@ -12512,11 +12509,11 @@ const jc = "collectionGroupParent", Po = S.memo(
               onSizeChanged: H,
               onEntityClick: T,
               onColumnResize: W,
-              onValueChange: ue,
+              onValueChange: ce,
               tableRowActionsBuilder: Ar,
-              uniqueFieldValidator: U,
+              uniqueFieldValidator: L,
               title: br,
-              selectionController: Y,
+              selectionController: q,
               highlightedEntities: y ? [y] : [],
               defaultSize: p.defaultSize,
               properties: Se.properties,
@@ -12530,11 +12527,11 @@ const jc = "collectionGroupParent", Po = S.memo(
                   parentCollectionIds: r ?? [],
                   collection: p,
                   tableController: G,
-                  onMultipleDeleteClick: ne,
-                  onNewClick: ee,
+                  onMultipleDeleteClick: X,
+                  onNewClick: K,
                   path: t,
                   relativePath: p.path,
-                  selectionController: Y,
+                  selectionController: q,
                   selectionEnabled: F,
                   collectionEntitiesCount: v
                 }
@@ -12546,7 +12543,7 @@ const jc = "collectionGroupParent", Po = S.memo(
                   {
                     color: "primary",
                     variant: "outlined",
-                    onClick: ee,
+                    onClick: K,
                     className: "mt-4",
                     children: [
                       /* @__PURE__ */ n(ct, {}),
@@ -12557,7 +12554,7 @@ const jc = "collectionGroupParent", Po = S.memo(
               ] }) : /* @__PURE__ */ n(J, { variant: "label", children: "No results with the applied filter/sort" }),
               hoverRow: D,
               inlineEditing: R(),
-              AdditionalHeaderWidget: q,
+              AdditionalHeaderWidget: j,
               AddColumnComponent: Ie,
               getIdColumnWidth: gr,
               additionalIDHeaderWidget: /* @__PURE__ */ n(
@@ -12573,19 +12570,19 @@ const jc = "collectionGroupParent", Po = S.memo(
           /* @__PURE__ */ n(
             Vc,
             {
-              open: !!re,
-              onClose: le,
-              cellRect: re?.cellRect,
-              propertyKey: re?.propertyKey,
+              open: !!ie,
+              onClose: se,
+              cellRect: ie?.cellRect,
+              propertyKey: ie?.propertyKey,
               collection: p,
-              entity: re?.entity,
-              tableKey: de.current,
-              customFieldValidator: U,
+              entity: ie?.entity,
+              tableKey: me.current,
+              customFieldValidator: L,
               path: Me,
-              onCellValueChange: ue,
+              onCellValueChange: ce,
               container: g.current
             },
-            `popup_form_${re?.propertyKey}_${re?.entity?.id}`
+            `popup_form_${ie?.propertyKey}_${ie?.entity?.id}`
           ),
           w && /* @__PURE__ */ n(
             Qo,
@@ -12604,7 +12601,7 @@ const jc = "collectionGroupParent", Po = S.memo(
       }
     );
   },
-  (e, t) => te(e.fullPath, t.fullPath) && te(e.parentCollectionIds, t.parentCollectionIds) && te(e.isSubCollection, t.isSubCollection) && te(e.className, t.className) && te(e.properties, t.properties) && te(e.propertiesOrder, t.propertiesOrder) && te(e.hideIdFromCollection, t.hideIdFromCollection) && te(e.inlineEditing, t.inlineEditing) && te(e.selectionEnabled, t.selectionEnabled) && te(e.selectionController, t.selectionController) && te(e.Actions, t.Actions) && te(e.defaultSize, t.defaultSize) && te(e.textSearchEnabled, t.textSearchEnabled) && te(e.additionalFields, t.additionalFields) && te(e.forceFilter, t.forceFilter)
+  (e, t) => ee(e.fullPath, t.fullPath) && ee(e.parentCollectionIds, t.parentCollectionIds) && ee(e.isSubCollection, t.isSubCollection) && ee(e.className, t.className) && ee(e.properties, t.properties) && ee(e.propertiesOrder, t.propertiesOrder) && ee(e.hideIdFromCollection, t.hideIdFromCollection) && ee(e.inlineEditing, t.inlineEditing) && ee(e.selectionEnabled, t.selectionEnabled) && ee(e.selectionController, t.selectionController) && ee(e.Actions, t.Actions) && ee(e.defaultSize, t.defaultSize) && ee(e.textSearchEnabled, t.textSearchEnabled) && ee(e.additionalFields, t.additionalFields) && ee(e.forceFilter, t.forceFilter)
 );
 function To(e) {
   const [t, r] = Q([]), i = k((a) => {
@@ -12625,7 +12622,7 @@ function Yc({
   sortBy: i,
   onCountChange: o
 }) {
-  const a = Ke(), s = ke(), [l, c] = Q(void 0), [d, u] = Q(void 0), f = i ? i[0] : void 0, m = i ? i[1] : void 0, g = se(() => s.resolveAliasesFrom(e), [e, s.resolveAliasesFrom]);
+  const a = Ke(), s = ke(), [l, c] = Q(void 0), [d, u] = Q(void 0), f = i ? i[0] : void 0, m = i ? i[1] : void 0, g = pe(() => s.resolveAliasesFrom(e), [e, s.resolveAliasesFrom]);
   return M(() => {
     a.countEntities && a.countEntities({
       path: g,
@@ -12657,13 +12654,13 @@ function qc({
   collection: e,
   path: t
 }) {
-  const [r, i] = S.useState(!1), [o, a] = S.useState(""), s = ht();
+  const [r, i] = I.useState(!1), [o, a] = I.useState(""), s = ht();
   return /* @__PURE__ */ n(_e, { title: r ? void 0 : "Find by ID", children: /* @__PURE__ */ n(
     Kr,
     {
       open: r,
       onOpenChange: i,
-      trigger: /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(ga, { size: "small" }) }),
+      trigger: /* @__PURE__ */ n(le, { size: "small", children: /* @__PURE__ */ n(ga, { size: "small" }) }),
       children: /* @__PURE__ */ n(
         "form",
         {
@@ -12715,50 +12712,50 @@ function Uc({
   forceFilter: l,
   maxSelection: c
 }) {
-  const d = vi(), u = ht(), f = ke(), m = Et(), g = pe(), p = f.resolveAliasesFrom(o), h = Ke(), [A, y] = Q([]), b = (Y) => {
-    let Z;
+  const d = vi(), u = ht(), f = ke(), m = Et(), g = ue(), p = f.resolveAliasesFrom(o), h = Ke(), [A, y] = Q([]), b = (q) => {
+    let te;
     const P = w.selectedEntities;
     if (m.onAnalyticsEvent?.("reference_selection_toggle", {
       path: p,
-      entityId: Y.id
+      entityId: q.id
     }), P) {
-      if (P.map((X) => X.id).indexOf(Y.id) > -1)
-        Z = P.filter((X) => X.id !== Y.id);
+      if (P.map((re) => re.id).indexOf(q.id) > -1)
+        te = P.filter((re) => re.id !== q.id);
       else {
         if (c && P.length >= c)
           return;
-        Z = [...P, Y];
+        te = [...P, q];
       }
-      w.setSelectedEntities(Z), t && t(Z);
+      w.setSelectedEntities(te), t && t(te);
     }
   }, w = To(b);
   M(() => {
-    let Y = !1;
-    const Z = a?.map((P) => P?.toString()).filter(Boolean);
-    return Z && i ? Promise.all(
-      Z.map((P) => h.fetchEntity({
+    let q = !1;
+    const te = a?.map((P) => P?.toString()).filter(Boolean);
+    return te && i ? Promise.all(
+      te.map((P) => h.fetchEntity({
         path: p,
         entityId: P,
         collection: i
       }))
     ).then((P) => {
-      if (!Y) {
-        const X = P.filter((K) => K !== void 0);
-        w.setSelectedEntities(X), y(X);
+      if (!q) {
+        const re = P.filter((Z) => Z !== void 0);
+        w.setSelectedEntities(re), y(re);
       }
     }) : (w.setSelectedEntities([]), y([])), () => {
-      Y = !0;
+      q = !0;
     };
   }, [h, p, a, i, w.setSelectedEntities]);
   const x = () => {
     m.onAnalyticsEvent?.("reference_selection_clear", {
       path: p
     }), w.setSelectedEntities([]), !r && e ? e(null) : t && t([]);
-  }, E = (Y) => {
+  }, E = (q) => {
     !r && e ? (m.onAnalyticsEvent?.("reference_selected_single", {
       path: p,
-      entityId: Y.id
-    }), e(Y), d.close(!1)) : b(Y);
+      entityId: q.id
+    }), e(q), d.close(!1)) : b(q);
   }, B = () => {
     m.onAnalyticsEvent?.("reference_selection_new_entity", {
       path: p
@@ -12766,25 +12763,25 @@ function Uc({
       path: p,
       collection: i,
       updateUrl: !0,
-      onUpdate: ({ entity: Y }) => {
-        y([Y, ...A]), E(Y);
+      onUpdate: ({ entity: q }) => {
+        y([q, ...A]), E(q);
       },
       closeOnSave: !0
     });
   }, v = ({
-    entity: Y,
-    size: Z,
+    entity: q,
+    size: te,
     width: P,
-    frozen: X
+    frozen: re
   }) => {
-    const K = w.selectedEntities, G = K && K.map((de) => de.id).indexOf(Y.id) > -1;
+    const Z = w.selectedEntities, G = Z && Z.map((me) => me.id).indexOf(q.id) > -1;
     return /* @__PURE__ */ n(
       gi,
       {
         width: P,
-        frozen: X,
-        entity: Y,
-        size: Z,
+        frozen: re,
+        entity: q,
+        size: te,
         isSelected: G,
         selectionEnabled: r,
         hideId: i?.hideIdFromCollection,
@@ -12792,8 +12789,8 @@ function Uc({
         selectionController: w
       }
     );
-  }, C = k((Y) => {
-    Y.stopPropagation(), d.close(!1);
+  }, C = k((q) => {
+    q.stopPropagation(), d.close(!1);
   }, [d]);
   if (!i)
     return /* @__PURE__ */ n(
@@ -12802,7 +12799,7 @@ function Uc({
         error: "Could not find collection with id " + i
       }
     );
-  const N = se(() => qe({
+  const N = pe(() => qe({
     collection: i,
     path: p,
     values: {},
@@ -12814,7 +12811,7 @@ function Uc({
     forceFilter: l
   }), {
     textSearchLoading: D,
-    textSearchInitialised: j,
+    textSearchInitialised: Y,
     onTextSearchClick: oe,
     textSearchEnabled: z
   } = (
@@ -12829,7 +12826,7 @@ function Uc({
       Bo,
       {
         textSearchLoading: D,
-        onTextSearchClick: j ? void 0 : oe,
+        onTextSearchClick: Y ? void 0 : oe,
         textSearchEnabled: z,
         displayedColumnIds: R,
         onEntityClick: E,
@@ -12958,7 +12955,7 @@ function $c({
   description: a,
   onClick: s
 }) {
-  const l = xt(), c = /* @__PURE__ */ n(zr, { collectionOrView: r ?? e }), d = dr(), u = Ce(), f = pe(), m = (l?.favouritePaths ?? []).includes(t);
+  const l = xt(), c = /* @__PURE__ */ n(zr, { collectionOrView: r ?? e }), d = dr(), u = Ce(), f = ue(), m = (l?.favouritePaths ?? []).includes(t);
   let g;
   if (f.plugins && r) {
     const p = {
@@ -12978,7 +12975,7 @@ function $c({
   return /* @__PURE__ */ n(
     Aa,
     {
-      className: ie("h-full p-4 cursor-pointer min-h-[230px]"),
+      className: ne("h-full p-4 cursor-pointer min-h-[230px]"),
       onClick: () => {
         s?.(), d(i), l && l.setRecentlyVisitedPaths(
           [t, ...(l.recentlyVisitedPaths ?? []).filter((p) => p !== t)]
@@ -13006,7 +13003,7 @@ function $c({
                         children: [
                           g,
                           l && /* @__PURE__ */ n(
-                            ce,
+                            le,
                             {
                               onClick: (p) => {
                                 p.preventDefault(), p.stopPropagation(), m ? l.setFavouritePaths(
@@ -13112,7 +13109,7 @@ function Jc({ hidden: e }) {
 }
 const Nr = {};
 function Hc() {
-  const e = jt(), t = S.useRef(null), [r, i] = S.useState(0), [o, a] = S.useState("down"), s = k(() => {
+  const e = jt(), t = I.useRef(null), [r, i] = I.useState(0), [o, a] = I.useState("down"), s = k(() => {
     !t.current || !e.key || (Nr[e.key] = t.current.scrollTop, i(t.current.scrollTop), a(t.current.scrollTop > r ? "down" : "up"));
   }, [t, e.key, r]);
   return M(() => {
@@ -13144,7 +13141,7 @@ function Zc({
   additionalChildrenStart: t,
   additionalChildrenEnd: r
 }) {
-  const i = Ce(), o = pe(), a = ke();
+  const i = Ce(), o = ue(), a = ke();
   if (!a.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
   const {
@@ -13515,7 +13512,7 @@ const ed = function({
     "div",
     {
       style: c,
-      className: ie(
+      className: ne(
         "pr-2",
         {
           "ml-[17rem]": o && p,
@@ -13552,9 +13549,9 @@ const ed = function({
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex-grow" }),
-        r && /* @__PURE__ */ n(me, { children: r }),
+        r && /* @__PURE__ */ n(de, { children: r }),
         /* @__PURE__ */ n(
-          ce,
+          le,
           {
             color: "inherit",
             "aria-label": "Open drawer",
@@ -13706,7 +13703,7 @@ function an({
   copy: l,
   isDragging: c
 }) {
-  const [d, u] = S.useState(!1), f = k(() => u(!0), []), m = k(() => u(!1), []);
+  const [d, u] = I.useState(!1), f = k(() => u(!0), []), m = k(() => u(!1), []);
   return /* @__PURE__ */ n(
     "div",
     {
@@ -13748,7 +13745,7 @@ function rd({
   provided: o,
   copy: a
 }) {
-  const [s, l] = Q(!1), c = S.useRef(null);
+  const [s, l] = Q(!1), c = I.useRef(null);
   return bn(c, () => l(!1)), /* @__PURE__ */ n(
     "div",
     {
@@ -13764,7 +13761,7 @@ function rd({
           title: "Drag to move. Click for more options",
           children: [
             /* @__PURE__ */ n(
-              ce,
+              le,
               {
                 size: "small",
                 disabled: t,
@@ -13824,7 +13821,7 @@ function Fu({
   size: d,
   className: u
 }) {
-  const f = ke(), m = se(() => f.getCollection(r), [r, f]);
+  const f = ke(), m = pe(() => f.getCollection(r), [r, f]);
   if (!m)
     throw Error(`Couldn't find the corresponding collection for the path: ${r}`);
   const g = k((b) => {
@@ -13876,7 +13873,7 @@ function Fu({
   )), /* @__PURE__ */ _(
     "div",
     {
-      className: ie(
+      className: ne(
         "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",
@@ -13935,7 +13932,7 @@ function Qu({
   selectedIcon: e = "",
   onIconSelected: t
 }) {
-  const [r, i] = S.useState(null), [o, a] = S.useState(""), s = S.useMemo(
+  const [r, i] = I.useState(null), [o, a] = I.useState(""), s = I.useMemo(
     () => Ea((c) => {
       if (!c || c === "")
         i(null);
@@ -13946,7 +13943,7 @@ function Qu({
     }, nd),
     []
   );
-  return S.useEffect(() => (s(o), () => {
+  return I.useEffect(() => (s(o), () => {
     s.clear();
   }), [o, s]), /* @__PURE__ */ _(V, { children: [
     /* @__PURE__ */ n(
@@ -13959,7 +13956,7 @@ function Qu({
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? Rr : r).map((c) => /* @__PURE__ */ n(_e, { title: c, children: /* @__PURE__ */ n(
-      ce,
+      le,
       {
         shape: "square",
         toggled: e === c,
@@ -14056,8 +14053,8 @@ function Ru({
   ), R = k(
     (T) => `${ve(t)}/${Lt(T)}`,
     [t]
-  ), F = k((T, ee) => {
-    const ne = [
+  ), F = k((T, K) => {
+    const X = [
       ...(T ?? []).map((O) => O.hideFromNavigation ? void 0 : {
         url: R(O.id ?? O.path),
         type: "collection",
@@ -14067,7 +14064,7 @@ function Ru({
         description: O.description?.trim(),
         group: O.group?.trim()
       }).filter(Boolean),
-      ...(ee ?? []).map((O) => O.hideFromNavigation ? void 0 : {
+      ...(K ?? []).map((O) => O.hideFromNavigation ? void 0 : {
         url: N(Array.isArray(O.path) ? O.path[0] : O.path),
         name: O.name.trim(),
         type: "view",
@@ -14075,21 +14072,21 @@ function Ru({
         description: O.description?.trim(),
         group: O.group?.trim()
       }).filter(Boolean)
-    ], ae = Object.values(ne).map((O) => O.group).filter(Boolean).filter((O, I, L) => L.indexOf(O) === I);
+    ], ae = Object.values(X).map((O) => O.group).filter(Boolean).filter((O, S, U) => U.indexOf(O) === S);
     return {
-      navigationEntries: ne,
+      navigationEntries: X,
       groups: ae
     };
   }, [N, R]), D = k(async () => {
     if (!r.initialLoading) {
       try {
-        const [T = [], ee = []] = await Promise.all(
+        const [T = [], K = []] = await Promise.all(
           [
             ld(i, r, s, l),
             cd(o, r, s)
           ]
         );
-        u(T), m(ee), A(F(T ?? [], ee));
+        u(T), m(K), A(F(T ?? [], K));
       } catch (T) {
         console.error(T), x(T);
       }
@@ -14099,52 +14096,52 @@ function Ru({
   M(() => {
     D();
   }, [D]);
-  const j = k((T, ee, ne = !1) => {
+  const Y = k((T, K, X = !1) => {
     if (!d)
       return;
-    const ae = ai(ve(T), d), O = ne ? a?.getCollectionConfig(T) : void 0, I = ae ? Je(ae, O) : void 0;
-    let L = I;
-    if (I) {
-      const W = I.subcollections, H = I.callbacks, be = I.permissions;
-      L = {
-        ...L,
-        subcollections: L?.subcollections ?? W,
-        callbacks: L?.callbacks ?? H,
-        permissions: L?.permissions ?? be
+    const ae = ai(ve(T), d), O = X ? a?.getCollectionConfig(T) : void 0, S = ae ? Je(ae, O) : void 0;
+    let U = S;
+    if (S) {
+      const W = S.subcollections, H = S.callbacks, ye = S.permissions;
+      U = {
+        ...U,
+        subcollections: U?.subcollections ?? W,
+        callbacks: U?.callbacks ?? H,
+        permissions: U?.permissions ?? ye
       };
     }
-    if (L)
-      return { ...I, ...L };
+    if (U)
+      return { ...S, ...U };
   }, [
     e,
     t,
     d
   ]), oe = k((T) => {
-    let ee = d;
-    if (!ee)
+    let K = d;
+    if (!K)
       throw Error("Collections have not been initialised yet");
-    for (let ne = 0; ne < T.length; ne++) {
-      const ae = T[ne], O = ee.find((I) => I.id === ae || I.path === ae);
+    for (let X = 0; X < T.length; X++) {
+      const ae = T[X], O = K.find((S) => S.id === ae || S.path === ae);
       if (!O)
         return;
-      if (ee = O.subcollections, ne === T.length - 1)
+      if (K = O.subcollections, X === T.length - 1)
         return O;
     }
   }, [d]), z = k((T) => {
-    let ee = d;
-    if (!ee)
+    let K = d;
+    if (!K)
       throw Error("Collections have not been initialised yet");
-    for (let ne = 0; ne < T.length; ne++) {
-      const ae = T[ne], O = ee.find((I) => I.id === ae);
+    for (let X = 0; X < T.length; X++) {
+      const ae = T[X], O = K.find((S) => S.id === ae);
       if (!O)
         return;
-      if (ee = O.subcollections, ne === T.length - 1)
+      if (K = O.subcollections, X === T.length - 1)
         return O;
     }
-  }, [d]), Y = k(
+  }, [d]), q = k(
     (T) => ve(T + "/").startsWith(ve(C) + "/"),
     [C]
-  ), Z = k((T) => {
+  ), te = k((T) => {
     if (T.startsWith(C))
       return T.replace(C, "");
     throw Error("Expected path starting with " + C);
@@ -14153,28 +14150,36 @@ function Ru({
       path: T
     }) => `s/edit/${Lt(T)}`,
     []
-  ), X = k((T) => {
+  ), re = k((T) => {
     if (!d)
       throw Error("Collections have not been initialised yet");
     return Pn(T, d);
-  }, [d]), K = c.state, G = K && K.base_location ? K.base_location : c, de = k((T) => zo({
+  }, [d]), Z = c.state, G = Z && Z.base_location ? Z.base_location : c, me = k((T) => zo({
     path: T,
     collections: d
-  }), [d]), re = k((T) => de(T).map((ee) => ee.id), [de]), le = k(
+  }), [d]), ie = k((T) => {
+    const X = T.split("/").filter((S, U) => U % 2 === 0);
+    X.pop();
+    const ae = [];
+    for (let S = 1; S <= X.length; S++)
+      ae.push(X.slice(0, S));
+    const O = ae.map((S) => oe(S)?.id).filter(Boolean);
+    return oe(X), console.log("getParentCollectionIds", T, O), O;
+  }, [me]), se = k(
     (T) => {
-      let ee = d;
-      const ne = [];
+      let K = d;
+      const X = [];
       for (let ae = 0; ae < T.length; ae++) {
-        const O = T[ae], I = ee.find((L) => L.id === O);
-        if (!I)
+        const O = T[ae], S = K.find((U) => U.id === O);
+        if (!S)
           throw Error(`Collection with id ${O} not found`);
-        ne.push(I.path), ee = I.subcollections;
+        X.push(S.path), K = S.subcollections;
       }
-      return ne;
+      return X;
     },
     [z]
   );
-  return se(() => ({
+  return {
     collections: d,
     views: f,
     loading: !g || y,
@@ -14183,22 +14188,22 @@ function Ru({
     basePath: e,
     baseCollectionPath: t,
     initialised: g,
-    getCollection: j,
+    getCollection: Y,
     getCollectionFromPaths: oe,
     getCollectionFromIds: z,
-    isUrlCollectionPath: Y,
-    urlPathToDataPath: Z,
+    isUrlCollectionPath: q,
+    urlPathToDataPath: te,
     buildUrlCollectionPath: R,
     buildUrlEditCollectionPath: P,
     buildCMSUrlPath: N,
-    resolveAliasesFrom: X,
+    resolveAliasesFrom: re,
     topLevelNavigation: h,
     baseLocation: G,
     refreshNavigation: D,
-    getParentReferencesFromPath: de,
-    getParentCollectionIds: re,
-    convertIdsToPaths: le
-  }), [t, G, e, N, R, P, d, de, j, oe, v, g, Y, y, w, D, X, h, Z, f]);
+    getParentReferencesFromPath: me,
+    getParentCollectionIds: ie,
+    convertIdsToPaths: se
+  };
 }
 function Pu(e, t) {
   return t ? `${ve(e)}/${ve(t)}` : ve(e);
@@ -14244,69 +14249,69 @@ function dd({
   o.customId && o.formAutoSave && console.warn(`The collection ${o.path} has customId and formAutoSave enabled. This is not supported and formAutoSave will be ignored`);
   const [u, f] = Q(!1), [m, g] = Q(void 0);
   mi(m, () => {
-    m && L({
-      entityId: re?.id,
+    m && U({
+      entityId: ie?.id,
       collection: o,
       path: e,
       values: m,
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const p = Ke(), h = vi(), A = ht(), y = gt(), b = pe(), w = Ce(), x = ft(), [E, B] = Q(void 0), [v, C] = Q(i ? "copy" : t ? "existing" : "new"), N = he(void 0), R = N.current, F = (o.subcollections ?? []).filter((q) => !q.hideFromNavigation), D = F?.length ?? 0, j = o.entityViews, oe = j?.length ?? 0, z = o.formAutoSave && !o.customId, Y = oe > 0 || D > 0, Z = r ?? Yn(
+  const p = Ke(), h = vi(), A = ht(), y = gt(), b = ue(), w = Ce(), x = ft(), [E, B] = Q(void 0), [v, C] = Q(i ? "copy" : t ? "existing" : "new"), N = he(void 0), R = N.current, F = (o.subcollections ?? []).filter((j) => !j.hideFromNavigation), D = F?.length ?? 0, Y = o.entityViews, oe = Y?.length ?? 0, z = o.formAutoSave && !o.customId, q = oe > 0 || D > 0, te = r ?? Yn(
     o ? o.defaultSelectedView : void 0,
     {
       status: v,
       entityId: t
     }
-  ), P = he(Z ?? $t), X = P.current === $t, {
-    entity: K,
+  ), P = he(te ?? $t), re = P.current === $t, {
+    entity: Z,
     dataLoading: G,
     // eslint-disable-next-line no-unused-vars
-    dataLoadingError: de
+    dataLoadingError: me
   } = io({
     path: e,
     entityId: t,
     collection: o,
     useCache: !1
-  }), [re, le] = Q(K), [T, ee] = Q(void 0);
+  }), [ie, se] = Q(Z), [T, K] = Q(void 0);
   M(() => {
-    K && le(K);
-  }, [K]), M(() => {
+    Z && se(Z);
+  }, [Z]), M(() => {
     if (v === "new")
-      ee(!1);
+      K(!1);
     else {
-      const q = re ? Un(o, x, $e(e), re ?? null) : !1;
-      re && ee(!q);
+      const j = ie ? Un(o, x, $e(e), ie ?? null) : !1;
+      ie && K(!j);
     }
-  }, [x, re, v]);
-  const ne = k((q) => {
+  }, [x, ie, v]);
+  const X = k((j) => {
     f(!1), y.open({
       type: "error",
-      message: "Error before saving: " + q?.message
-    }), console.error(q);
-  }, [y]), ae = k((q) => {
+      message: "Error before saving: " + j?.message
+    }), console.error(j);
+  }, [y]), ae = k((j) => {
     f(!1), y.open({
       type: "error",
-      message: "Error after saving (entity is saved): " + q?.message
-    }), console.error(q);
-  }, [y]), O = (q, Ie) => {
+      message: "Error after saving (entity is saved): " + j?.message
+    }), console.error(j);
+  }, [y]), O = (j, Ie) => {
     f(!1), z || y.open({
       type: "success",
       message: `${o.singularName ?? o.name}: Saved correctly`
-    }), le(q), C("existing"), s(!1), c && c({ entity: q }), Ie ? (h.setBlocked(!1), h.close(!0), d?.()) : v !== "existing" && A.replace({
+    }), se(j), C("existing"), s(!1), c && c({ entity: j }), Ie ? (h.setBlocked(!1), h.close(!0), d?.()) : v !== "existing" && A.replace({
       path: e,
-      entityId: q.id,
+      entityId: j.id,
       selectedSubPath: P.current,
       updateUrl: !0,
       collection: o
     });
-  }, I = k((q) => {
+  }, S = k((j) => {
     f(!1), y.open({
       type: "error",
-      message: "Error saving: " + q?.message
-    }), console.error("Error saving entity", e, t), console.error(q);
-  }, [t, e, y]), L = ({
-    values: q,
+      message: "Error saving: " + j?.message
+    }), console.error("Error saving entity", e, t), console.error(j);
+  }, [t, e, y]), U = ({
+    values: j,
     previousValues: Ie,
     closeAfterSave: Ne,
     entityId: et,
@@ -14316,19 +14321,19 @@ function dd({
     f(!0), no({
       path: St,
       entityId: et,
-      values: q,
+      values: j,
       previousValues: Ie,
       collection: Ct,
       status: v,
       dataSource: p,
       context: w,
       onSaveSuccess: ($) => O($, Ne),
-      onSaveFailure: I,
-      onPreSaveHookError: ne,
+      onSaveFailure: S,
+      onPreSaveHookError: X,
       onSaveSuccessHookError: ae
     }).then();
   }, W = async ({
-    collection: q,
+    collection: j,
     path: Ie,
     entityId: Ne,
     values: et,
@@ -14336,57 +14341,57 @@ function dd({
     closeAfterSave: St,
     autoSave: $
   }) => {
-    v && ($ ? g(et) : L({
-      collection: q,
+    v && ($ ? g(et) : U({
+      collection: j,
       path: Ie,
       entityId: Ne,
       values: et,
       previousValues: Ct,
       closeAfterSave: St
     }));
-  }, H = j ? j.map((q) => Gn(q, b.entityViews)).filter(Boolean) : [], be = j && H.map(
-    (q, Ie) => {
-      if (!q || P.current !== q.key)
+  }, H = Y ? Y.map((j) => Gn(j, b.entityViews)).filter(Boolean) : [], ye = Y && H.map(
+    (j, Ie) => {
+      if (!j || P.current !== j.key)
         return null;
-      const Ne = q.Builder;
+      const Ne = j.Builder;
       return Ne ? /* @__PURE__ */ n(
         "div",
         {
-          className: ie(
+          className: ne(
             Be,
             "relative flex-grow w-full h-full overflow-auto "
           ),
           role: "tabpanel",
-          children: /* @__PURE__ */ n(me, { children: E && /* @__PURE__ */ n(
+          children: /* @__PURE__ */ n(de, { children: E && /* @__PURE__ */ n(
             Ne,
             {
               collection: o,
-              entity: re,
-              modifiedValues: R ?? re?.values,
+              entity: ie,
+              modifiedValues: R ?? ie?.values,
               formContext: E
             }
           ) })
         },
-        `custom_view_${q.key}`
+        `custom_view_${j.key}`
       ) : (console.error("customView.Builder is not defined"), null);
     }
-  ).filter(Boolean), U = G && !re || (!re || T === void 0) && (v === "existing" || v === "copy"), ue = U || u, Me = F && F.map(
-    (q, Ie) => {
-      const Ne = q.id ?? q.path, et = re ? `${e}/${re?.id}/${ve(Ne)}` : void 0;
+  ).filter(Boolean), L = G && !ie || (!ie || T === void 0) && (v === "existing" || v === "copy"), ce = L || u, Me = F && F.map(
+    (j, Ie) => {
+      const Ne = j.id ?? j.path, et = ie ? `${e}/${ie?.id}/${ve(Ne)}` : void 0;
       return P.current !== Ne ? null : /* @__PURE__ */ _(
         "div",
         {
           className: "relative flex-grow h-full overflow-auto w-full",
           role: "tabpanel",
           children: [
-            ue && /* @__PURE__ */ n(jr, {}),
-            !U && (re && et ? /* @__PURE__ */ n(
+            ce && /* @__PURE__ */ n(jr, {}),
+            !L && (ie && et ? /* @__PURE__ */ n(
               Po,
               {
                 fullPath: et,
                 parentCollectionIds: [...a, o.id],
                 isSubCollection: !0,
-                ...q
+                ...j
               }
             ) : /* @__PURE__ */ n(
               "div",
@@ -14402,31 +14407,31 @@ function dd({
     }
   ).filter(Boolean), Se = k(() => {
     s(!1);
-  }, []), we = (q) => {
-    P.current = q, A.replace({
+  }, []), we = (j) => {
+    P.current = j, A.replace({
       path: e,
       entityId: t,
-      selectedSubPath: q === $t ? void 0 : q,
+      selectedSubPath: j === $t ? void 0 : j,
       updateUrl: !0,
       collection: o
     });
-  }, Ye = k((q) => {
-    N.current = q;
-  }, []), Ze = k((q) => {
+  }, Ye = k((j) => {
+    N.current = j;
+  }, []), Ze = k((j) => {
     y.open({
       type: "error",
       message: "Error updating id, check the console"
     });
-  }, []), at = k((q) => {
-    le((Ie) => Ie ? {
+  }, []), at = k((j) => {
+    se((Ie) => Ie ? {
       ...Ie,
-      id: q
+      id: j
     } : void 0);
-  }, []), Qe = (q) => {
-    z || s(q);
+  }, []), Qe = (j) => {
+    z || s(j);
   };
   function st() {
-    const q = b.plugins;
+    const j = b.plugins;
     let Ie = /* @__PURE__ */ n(
       Tc,
       {
@@ -14437,7 +14442,7 @@ function dd({
         onDiscard: Se,
         onValuesChanged: Ye,
         onModified: Qe,
-        entity: re,
+        entity: ie,
         onIdChange: at,
         onFormContextChange: B,
         hideId: o.hideIdFromForm,
@@ -14445,7 +14450,7 @@ function dd({
         onIdUpdateError: Ze
       }
     );
-    return q && q.forEach((Ne) => {
+    return j && j.forEach((Ne) => {
       Ne.form?.provider && (Ie = /* @__PURE__ */ n(
         Ne.form.provider.Component,
         {
@@ -14455,14 +14460,14 @@ function dd({
           onDiscard: Se,
           onValuesChanged: Ye,
           onModified: Qe,
-          entity: re,
+          entity: ie,
           context: w,
           formContext: E,
           ...Ne.form.provider.props,
           children: Ie
         }
       ));
-    }), /* @__PURE__ */ n(me, { children: Ie });
+    }), /* @__PURE__ */ n(de, { children: Ie });
   }
   const gr = T === void 0 ? /* @__PURE__ */ n(V, {}) : T ? /* @__PURE__ */ _(V, { children: [
     /* @__PURE__ */ n(
@@ -14477,30 +14482,30 @@ function dd({
       fo,
       {
         className: "px-12",
-        entity: re,
+        entity: ie,
         path: e,
         collection: o
       }
     )
   ] }) : st(), Ar = F && F.map(
-    (q) => /* @__PURE__ */ n(
+    (j) => /* @__PURE__ */ n(
       wr,
       {
         className: "text-sm min-w-[140px]",
-        value: q.id,
-        children: q.name
+        value: j.id,
+        children: j.name
       },
-      `entity_detail_collection_tab_${q.name}`
+      `entity_detail_collection_tab_${j.name}`
     )
   ), br = H.map(
-    (q) => /* @__PURE__ */ n(
+    (j) => /* @__PURE__ */ n(
       wr,
       {
         className: "text-sm min-w-[140px]",
-        value: q.key,
-        children: q.name
+        value: j.key,
+        children: j.name
       },
-      `entity_detail_collection_tab_${q.name}`
+      `entity_detail_collection_tab_${j.name}`
     )
   );
   return /* @__PURE__ */ n(
@@ -14511,14 +14516,14 @@ function dd({
         /* @__PURE__ */ _(
           "div",
           {
-            className: ie(Be, "no-scrollbar border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
+            className: ne(Be, "no-scrollbar border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   className: "pb-1 self-center",
                   children: /* @__PURE__ */ n(
-                    ce,
+                    le,
                     {
                       onClick: () => (d?.(), h.close(!1)),
                       size: "large",
@@ -14528,7 +14533,7 @@ function dd({
                 }
               ),
               /* @__PURE__ */ n("div", { className: "flex-grow" }),
-              U && /* @__PURE__ */ n(
+              L && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "self-center",
@@ -14539,17 +14544,17 @@ function dd({
                 Ba,
                 {
                   value: P.current,
-                  onValueChange: (q) => {
-                    we(q);
+                  onValueChange: (j) => {
+                    we(j);
                   },
                   className: "pl-4 pr-4 pt-0",
                   children: [
                     /* @__PURE__ */ n(
                       wr,
                       {
-                        disabled: !Y,
+                        disabled: !q,
                         value: $t,
-                        className: `${Y ? "" : "hidden"} text-sm min-w-[140px]`,
+                        className: `${q ? "" : "hidden"} text-sm min-w-[140px]`,
                         children: o.singularName ?? o.name
                       }
                     ),
@@ -14577,13 +14582,13 @@ function dd({
                 "div",
                 {
                   role: "tabpanel",
-                  hidden: !X,
+                  hidden: !re,
                   id: `form_${e}`,
                   className: " w-full",
-                  children: U ? /* @__PURE__ */ n(jr, {}) : gr
+                  children: L ? /* @__PURE__ */ n(jr, {}) : gr
                 }
               ),
-              be,
+              ye,
               Me
             ]
           }
@@ -14593,7 +14598,7 @@ function dd({
   );
 }
 function ud(e, t) {
-  const [r, i] = S.useState(), { navigator: o } = S.useContext(Ya), a = dr(), s = () => {
+  const [r, i] = I.useState(), { navigator: o } = I.useContext(Ya), a = dr(), s = () => {
     i(void 0);
   }, l = () => {
     t(), i(void 0), a(-1);
@@ -14611,7 +14616,7 @@ function ud(e, t) {
         i(u);
     }
   }, []);
-  return S.useEffect(() => {
+  return I.useEffect(() => {
     if (!e || r || !("block" in o))
       return;
     const d = o.block((u) => {
@@ -14656,7 +14661,7 @@ function md({
     }
   );
 }
-const Go = S.createContext({
+const Go = I.createContext({
   width: "",
   blocked: !1,
   setBlocked: (e) => {
@@ -14681,7 +14686,7 @@ function pd({
   offsetPosition: e,
   panel: t
 }) {
-  const [r, i] = Q(!1), [o, a] = Q(!1), [s, l] = Q(), c = S.useRef(t?.width), d = c.current, u = fr(), {
+  const [r, i] = Q(!1), [o, a] = Q(!1), [s, l] = Q(), c = I.useRef(t?.width), d = c.current, u = fr(), {
     navigationWasBlocked: f,
     handleOk: m,
     handleCancel: g
@@ -14724,7 +14729,7 @@ function pd({
                     width: t.width,
                     transform: `translateX(-${e * 200}px)`
                   },
-                  children: /* @__PURE__ */ n(me, { children: t.component })
+                  children: /* @__PURE__ */ n(de, { children: t.component })
                 }
               ),
               !t && /* @__PURE__ */ n("div", { style: { width: d } })
@@ -14749,7 +14754,7 @@ function fd(e) {
     blocked: t,
     setBlocked: r,
     setBlockedNavigationMessage: i
-  } = vi(), o = ke(), a = se(() => o.getParentCollectionIds(e.path), [o, e.path]), s = se(() => {
+  } = vi(), o = ke(), a = pe(() => o.getParentCollectionIds(e.path), [o, e.path]), s = pe(() => {
     if (!e)
       return;
     let c = e.collection;
@@ -14773,7 +14778,7 @@ function fd(e) {
       "."
     ] }) : void 0);
   }, [s?.name, r, i]);
-  return !e || !s ? /* @__PURE__ */ n("div", { className: "w-full" }) : /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+  return !e || !s ? /* @__PURE__ */ n("div", { className: "w-full" }) : /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
     dd,
     {
       ...e,
@@ -14888,7 +14893,7 @@ function bd() {
   };
   M(() => {
     const g = (e.state?.panels ?? []).map((p) => a.current[p]).filter((p) => !!p);
-    te(o.current.map((p) => p.key), g.map((p) => p.key)) || l(g);
+    ee(o.current.map((p) => p.key), g.map((p) => p.key)) || l(g);
   }, [e]);
   const c = k(() => {
     if (r.length === 0)
@@ -15235,7 +15240,7 @@ function Ou(e) {
     entityViews: g ?? [],
     propertyConfigs: m ?? {},
     components: p
-  }, B = se(() => ({
+  }, B = pe(() => ({
     onAnalyticsEvent: f
   }), []);
   return kd(l), h.navigationLoadingError ? /* @__PURE__ */ n(Ni, { maxWidth: "md", children: /* @__PURE__ */ n(
@@ -15304,7 +15309,7 @@ function xd({
   loading: e,
   children: t
 }) {
-  const r = Ce(), i = pe();
+  const r = Ce(), i = ue();
   let o = t({
     context: r,
     loading: e
@@ -15352,7 +15357,7 @@ function Ed({
   };
   return /* @__PURE__ */ _("div", { className: "flex-grow overflow-scroll no-scrollbar", children: [
     c.map((m) => /* @__PURE__ */ _(
-      S.Fragment,
+      I.Fragment,
       {
         children: [
           u(m),
@@ -15403,7 +15408,7 @@ function sn({
         width: r ? "280px" : "72px",
         transition: r ? "width 150ms ease-in" : void 0
       },
-      className: ({ isActive: c }) => ie(
+      className: ({ isActive: c }) => ne(
         "rounded-r-xl truncate",
         "hover:bg-slate-300 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-75 text-gray-800 dark:text-gray-200 hover:text-gray-900 hover:dark:text-gray-100",
         "flex flex-row items-center mr-8",
@@ -15425,7 +15430,7 @@ function sn({
         /* @__PURE__ */ n(
           "div",
           {
-            className: ie(
+            className: ne(
               r ? "opacity-100" : "opacity-0 hidden",
               "ml-4 font-inherit text-inherit"
             ),
@@ -15445,7 +15450,7 @@ function sn({
     }
   );
 }
-const Bd = 280, Mu = S.memo(
+const Bd = 280, Mu = I.memo(
   function(t) {
     const {
       children: r,
@@ -15457,7 +15462,7 @@ const Bd = 280, Mu = S.memo(
       drawerProps: c,
       FireCMSAppBar: d = ed,
       fireCMSAppBarProps: u
-    } = t, f = He(), [m, g] = S.useState(!1), [p, h] = S.useState(!1), A = k(() => h(!0), []), y = k(() => h(!1), []), b = k(() => {
+    } = t, f = He(), [m, g] = I.useState(!1), [p, h] = I.useState(!1), A = k(() => h(!0), []), y = k(() => h(!1), []), b = k(() => {
       g(!1);
     }, []), w = m || !!(f && s && p);
     return /* @__PURE__ */ _(
@@ -15515,8 +15520,8 @@ const Bd = 280, Mu = S.memo(
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: ie(Be, "flex-grow overflow-auto lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid m-0 mt-1"),
-                    children: /* @__PURE__ */ n(me, { children: r })
+                    className: ne(Be, "flex-grow overflow-auto lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid m-0 mt-1"),
+                    children: /* @__PURE__ */ n(de, { children: r })
                   }
                 )
               ]
@@ -15526,7 +15531,7 @@ const Bd = 280, Mu = S.memo(
       }
     );
   },
-  te
+  ee
 ), Cd = () => /* @__PURE__ */ n("div", { className: "flex flex-col min-h-[68px]" });
 function Sd(e) {
   const t = ke(), r = e.displayed ? e.open ? Bd : 72 : 0, i = /* @__PURE__ */ _(
@@ -15546,7 +15551,7 @@ function Sd(e) {
             sideOffset: 12,
             className: "fixed top-2 left-3 !bg-gray-50 dark:!bg-gray-900 rounded-full w-fit",
             children: /* @__PURE__ */ n(
-              ce,
+              le,
               {
                 color: "inherit",
                 "aria-label": "Open menu",
@@ -15566,7 +15571,7 @@ function Sd(e) {
                 transition: "padding 100ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
                 padding: e.open ? "32px 144px 0px 24px" : "72px 16px 0px"
               },
-              className: ie("cursor-pointer"),
+              className: ne("cursor-pointer"),
               children: /* @__PURE__ */ n(
                 _e,
                 {
@@ -15582,7 +15587,7 @@ function Sd(e) {
                         {
                           src: e.logo,
                           alt: "Logo",
-                          className: ie(
+                          className: ne(
                             "max-w-full max-h-full",
                             e.open ?? "w-[112px] h-[112px]"
                           )
@@ -15617,7 +15622,7 @@ function Sd(e) {
           {
             className: `absolute right-0 top-4 ${e.open ? "opacity-100" : "opacity-0 invisible"} transition-opacity duration-1000 ease-in-out`,
             children: /* @__PURE__ */ n(
-              ce,
+              le,
               {
                 "aria-label": "Close drawer",
                 onClick: () => e.setDrawerOpen(!1),
@@ -15630,7 +15635,7 @@ function Sd(e) {
     }
   ) : e.displayed ? /* @__PURE__ */ _(V, { children: [
     /* @__PURE__ */ n(
-      ce,
+      le,
       {
         color: "inherit",
         "aria-label": "Open drawer",
@@ -15966,7 +15971,7 @@ function xi(e) {
 function Yo(e) {
   return e.propertyConfig ? e.propertyConfig : xi(e);
 }
-const zu = S.memo(
+const zu = I.memo(
   function({
     HomePage: t = Zc,
     customRoutes: r
@@ -15985,7 +15990,7 @@ const zu = S.memo(
           Jt,
           {
             path: g + "/*",
-            element: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+            element: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
               Po,
               {
                 isSubCollection: !1,
@@ -16120,7 +16125,7 @@ export {
   fo as EntityPreview,
   We as EntityReference,
   Ve as EnumValuesChip,
-  me as ErrorBoundary,
+  de as ErrorBoundary,
   Ee as ErrorView,
   Te as FieldHelperText,
   Ou as FireCMS,
@@ -16287,7 +16292,7 @@ export {
   Is as useClipboard,
   ku as useCollectionFetch,
   ko as useColumnIds,
-  pe as useCustomizationController,
+  ue as useCustomizationController,
   Ke as useDataSource,
   Co as useDataSourceEntityCollectionTableController,
   mi as useDebouncedCallback,