@firecms/core 3.0.0-canary.58 → 3.0.0-canary.59

package/dist/index.es.js

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as v, Fragment as G } from "react/jsx-runtime";
 import * as yt from "react";
-import S, { useRef as se, useEffect as z, useContext as Le, useCallback as x, useMemo as he, useState as Q, createElement as ea, createRef as ta, createContext as ra, forwardRef as ia, useLayoutEffect as Gr, useDeferredValue as na } from "react";
+import S, { useRef as le, useEffect as z, useContext as Le, useCallback as x, useMemo as he, useState as R, createElement as ea, createRef as ta, createContext as ra, forwardRef as ia, useLayoutEffect as Gr, useDeferredValue as na } from "react";
 import { SnackbarProvider as oa, useSnackbar as aa } from "notistack";
 import Qi from "object-hash";
 import { useCreateFormex as pn, Formex as fn, setIn as jr, Field as hn, getIn as Dt, useFormex as ri } from "@firecms/formex";
-import { getColorSchemeForSeed as gn, CHIP_COLORS as sa, Tooltip as ke, ErrorIcon as An, Typography as W, CircleIcon as bn, FunctionsIcon as la, iconKeys as ii, coolIconKeys as Yr, Icon as ni, IconButton as ce, ContentCopyIcon as pr, OpenInNewIcon as Yt, DescriptionIcon as ca, Skeleton as Ye, Chip as oi, cls as Z, defaultBorderMixin as Be, KeyboardTabIcon as ai, Checkbox as Lt, Markdown as si, TextareaAutosize as da, MultiSelect as yn, MultiSelectItem as wn, Select as tt, SelectItem as rt, BooleanSwitch as ua, DateTimeField as Ut, paperMixin as fr, ErrorOutlineIcon as ma, EditIcon as pa, Button as ge, RemoveCircleIcon as fa, Menu as xt, MoreVertIcon as vn, MenuItem as Re, CircularProgress as Et, SearchBar as li, Badge as Ri, ArrowUpwardIcon as Sr, Popover as ci, FilterListIcon as ha, AssignmentIcon as ga, CenteredView as er, Label as di, TextField as wt, ClearIcon as Tt, BooleanSwitchWithLabel as hr, useOutsideAlerter as kn, Dialog as ui, DialogContent as mi, DialogActions as Ct, FileCopyIcon as Aa, ArchiveIcon as ba, DeleteIcon as Lr, AddIcon as ct, ExpandablePanel as dt, Card as ya, ArrowForwardIcon as _n, cardMixin as wa, cardClickableMixin as va, focusedMixin as Ur, StarIcon as xn, StarBorderIcon as En, Collapse as Cn, Container as ka, FilterListOffIcon as _a, SearchIcon as xa, LoadingButton as Ea, Avatar as Di, DarkModeIcon as Ca, LightModeIcon as Ba, LogoutIcon as Sa, fieldBackgroundHoverMixin as pi, HandleIcon as Ia, RemoveIcon as fi, debounce as Na, InfoIcon as Fa, CloseIcon as Bn, fieldBackgroundMixin as ar, fieldBackgroundDisabledMixin as Sn, ArrowDropDownIcon as In, useInjectStyles as Pa, Alert as Qa, ShortTextIcon as Ra, SubjectIcon as Da, FormatQuoteIcon as Ta, HttpIcon as Oa, EmailIcon as Ma, FlagIcon as za, ListIcon as Va, ListAltIcon as Ga, NumbersIcon as ja, FormatListNumberedIcon as Ti, UploadFileIcon as Ya, DriveFolderUploadIcon as La, LinkIcon as Ua, AddLinkIcon as $a, ScheduleIcon as qa, BallotIcon as Oi, RepeatIcon as Mi, ViewStreamIcon as Wa, Tab as Ir, Tabs as Ja, Sheet as Nn, useLocaleConfig as Ha, MenuIcon as zi, ChevronLeftIcon as Za } from "@firecms/ui";
-import q from "react-fast-compare";
+import { getColorSchemeForSeed as gn, CHIP_COLORS as sa, Tooltip as ke, ErrorIcon as An, Typography as q, CircleIcon as bn, FunctionsIcon as la, iconKeys as ii, coolIconKeys as Yr, Icon as ni, IconButton as de, ContentCopyIcon as pr, OpenInNewIcon as Yt, DescriptionIcon as ca, Skeleton as Ye, Chip as oi, cls as Z, defaultBorderMixin as Se, KeyboardTabIcon as ai, Checkbox as Lt, Markdown as si, TextareaAutosize as da, MultiSelect as yn, MultiSelectItem as wn, Select as tt, SelectItem as rt, BooleanSwitch as ua, DateTimeField as Ut, paperMixin as fr, ErrorOutlineIcon as ma, EditIcon as pa, Button as ge, RemoveCircleIcon as fa, Menu as xt, MoreVertIcon as vn, MenuItem as Re, CircularProgress as Et, SearchBar as li, Badge as Ri, ArrowUpwardIcon as Sr, Popover as ci, FilterListIcon as ha, AssignmentIcon as ga, CenteredView as er, Label as di, TextField as wt, ClearIcon as Tt, BooleanSwitchWithLabel as hr, useOutsideAlerter as kn, Dialog as ui, DialogContent as mi, DialogActions as Ct, FileCopyIcon as Aa, ArchiveIcon as ba, DeleteIcon as Lr, AddIcon as ct, ExpandablePanel as dt, Card as ya, ArrowForwardIcon as _n, cardMixin as wa, cardClickableMixin as va, focusedMixin as Ur, StarIcon as xn, StarBorderIcon as En, Collapse as Cn, Container as ka, FilterListOffIcon as _a, SearchIcon as xa, LoadingButton as Ea, Avatar as Di, DarkModeIcon as Ca, LightModeIcon as Ba, LogoutIcon as Sa, fieldBackgroundHoverMixin as pi, HandleIcon as Ia, RemoveIcon as fi, debounce as Na, InfoIcon as Fa, CloseIcon as Bn, fieldBackgroundMixin as ar, fieldBackgroundDisabledMixin as Sn, ArrowDropDownIcon as In, useInjectStyles as Pa, Alert as Qa, ShortTextIcon as Ra, SubjectIcon as Da, FormatQuoteIcon as Ta, HttpIcon as Oa, EmailIcon as Ma, FlagIcon as za, ListIcon as Va, ListAltIcon as Ga, NumbersIcon as ja, FormatListNumberedIcon as Ti, UploadFileIcon as Ya, DriveFolderUploadIcon as La, LinkIcon as Ua, AddLinkIcon as $a, ScheduleIcon as qa, BallotIcon as Oi, RepeatIcon as Mi, ViewStreamIcon as Wa, Tab as Ir, Tabs as Ja, Sheet as Nn, useLocaleConfig as Ha, MenuIcon as zi, ChevronLeftIcon as Za } from "@firecms/ui";
+import $ from "react-fast-compare";
 import { Link as gr, useNavigate as $t, useLocation as Ar, UNSAFE_NavigationContext as Xa, NavLink as Ka, Route as tr, Routes as es } from "react-router-dom";
 import { format as ts } from "date-fns";
 import * as rs from "date-fns/locale";
@@ -360,14 +360,14 @@ function Ne({
         /* @__PURE__ */ n(An, { size: "small", color: "error" }),
         /* @__PURE__ */ v("div", { className: "pl-2", children: [
           e && /* @__PURE__ */ n(
-            W,
+            q,
             {
               variant: "body2",
               className: "font-medium",
               children: e
             }
           ),
-          /* @__PURE__ */ n(W, { variant: "body2", children: i })
+          /* @__PURE__ */ n(q, { variant: "body2", children: i })
         ] })
       ]
     }
@@ -2445,7 +2445,7 @@ const Hr = S.memo(
     const s = Yr.length;
     return o || (o = Yr[xs(t.path) % s]), /* @__PURE__ */ n(ni, { iconKey: o, size: "medium", className: r });
   },
-  (e, t) => q(e.collectionOrView?.icon, t.collectionOrView?.icon)
+  (e, t) => $(e.collectionOrView?.icon, t.collectionOrView?.icon)
 ), cr = ii.reduce((e, t) => (e[t] = t, e), {});
 function Nu(e, t) {
   if (t !== void 0 && t === 1)
@@ -2774,7 +2774,7 @@ function Kn(e, t, r = "", i = 0, a = 10) {
   }) : e !== t && console.log("Changed props:", r));
 }
 function Gu(e, t = 3) {
-  const r = se(e);
+  const r = le(e);
   z(() => {
     console.log("Changed props:"), Kn(e, r.current, "", 0, t), r.current = e;
   });
@@ -2808,7 +2808,7 @@ const eo = S.createContext({}), Xe = (e) => {
     close: i
   }), [r, i]);
 }, oo = S.createContext(void 0), Bt = () => Le(oo), ao = S.createContext({}), Qs = ({ children: e }) => {
-  const [t, r] = Q([]), i = se(t), a = (l) => {
+  const [t, r] = R([]), i = le(t), a = (l) => {
     i.current = l, r(l);
   }, o = x(() => {
     if (t.length === 0)
@@ -2838,7 +2838,7 @@ const eo = S.createContext({}), Xe = (e) => {
       `dialog_${c}`
     ))
   ] });
-}, Rs = () => Le(ao), so = S.createContext({}), pe = () => Le(so), lo = S.createContext({}), St = () => Le(lo), Se = () => {
+}, Rs = () => Le(ao), so = S.createContext({}), pe = () => Le(so), lo = S.createContext({}), St = () => Le(lo), Ie = () => {
   const e = mt(), t = vr(), r = pt(), i = _e(), a = Xe(), o = Wt(), s = ft(), l = Bt(), c = Rs(), d = pe(), u = St(), p = S.useRef({
     authController: e,
     sideDialogsController: t,
@@ -2876,7 +2876,7 @@ function ju({
   itemCount: a,
   searchString: o
 }) {
-  const s = Xe(t), c = _e().resolveAliasesFrom(e), d = i ? i[0] : void 0, u = i ? i[1] : void 0, p = Se(), [m, f] = Q([]), [g, A] = Q(!1), [h, b] = Q(), [y, w] = Q(!1);
+  const s = Xe(t), c = _e().resolveAliasesFrom(e), d = i ? i[0] : void 0, u = i ? i[1] : void 0, p = Ie(), [m, f] = R([]), [g, A] = R(!1), [h, b] = R(), [y, w] = R(!1);
   return z(() => {
     A(!0);
     const E = async (C) => {
@@ -2936,7 +2936,7 @@ function co({
   collection: r,
   useCache: i = !1
 }) {
-  const a = Xe(r), s = _e().resolveAliasesFrom(e), l = Se(), [c, d] = Q(), [u, p] = Q(!0), [m, f] = Q();
+  const a = Xe(r), s = _e().resolveAliasesFrom(e), l = Ie(), [c, d] = R(), [u, p] = R(!0), [m, f] = R();
   return z(() => {
     p(!0);
     const g = async (h) => {
@@ -3146,7 +3146,7 @@ function Ts({
 function Yu({
   path: e
 }) {
-  const t = Se(), [r, i] = Q(), [a, o] = Q(!1), [s, l] = Q();
+  const t = Ie(), [r, i] = R(), [a, o] = R(!1), [s, l] = R();
   return z(() => {
     t.navigation && (o(!0), l(void 0), Ts({ path: e, context: t }).then((d) => {
       i(d);
@@ -3154,7 +3154,7 @@ function Yu({
   }, [e, t]), t.navigation ? { data: r, dataLoading: a, dataLoadingError: s } : { dataLoading: !0 };
 }
 const Os = () => Le(On), Ms = (e) => {
-  const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = se(null), [s, l] = Q(!1), [c, d] = Q("");
+  const { onSuccess: t, onError: r, disableClipboardAPI: i = !1, copiedDuration: a } = e || {}, o = le(null), [s, l] = R(!1), [c, d] = R("");
   z(() => {
     a && setTimeout(() => l(!1), a);
   }, [s]);
@@ -3205,7 +3205,7 @@ typeof window < "u" && window.addEventListener("resize", () => {
   e !== Vt && (Vt = e, Vs());
 });
 const qe = () => {
-  const [e, t] = Q(Vt);
+  const [e, t] = R(Vt);
   return z(() => {
     const r = (i) => {
       t(i);
@@ -3302,66 +3302,66 @@ function Uu(e) {
     userConfigPersistence: d,
     dataSourceDelegate: u,
     injectCollections: p
-  } = e, m = se(), f = se(), g = se(), [A, h] = Q(!1), [b, y] = Q(void 0), [w, E] = Q(!0), [_, C] = Q(void 0), k = Ee(t), B = Ee(r), P = k ? `/${k}` : "/", N = k ? `/${k}/${B}` : `/${B}`, F = x(
+  } = e, m = le(), f = le(), g = le(), [A, h] = R(!1), [b, y] = R(void 0), [w, E] = R(!0), [_, C] = R(void 0), k = Ee(t), B = Ee(r), F = k ? `/${k}` : "/", I = k ? `/${k}/${B}` : `/${B}`, P = x(
     (T) => k ? `/${k}/${Ht(T)}` : `/${Ht(T)}`,
     [k]
   ), D = x(
     (T) => `${Ee(r)}/${Ht(T)}`,
     [r]
-  ), L = x((T, ne, ee, O) => {
-    let U = [
-      ...(T ?? []).map((I) => I.hideFromNavigation ? void 0 : {
-        url: D(I.id ?? I.path),
+  ), Y = x((T, oe, te, J) => {
+    let j = [
+      ...(T ?? []).map((N) => N.hideFromNavigation ? void 0 : {
+        url: D(N.id ?? N.path),
         type: "collection",
-        name: I.name.trim(),
-        path: I.id ?? I.path,
-        collection: I,
-        description: I.description?.trim(),
-        group: qi(I)
+        name: N.name.trim(),
+        path: N.id ?? N.path,
+        collection: N,
+        description: N.description?.trim(),
+        group: qi(N)
       }).filter(Boolean),
-      ...(ne ?? []).map((I) => I.hideFromNavigation ? void 0 : {
-        url: F(Array.isArray(I.path) ? I.path[0] : I.path),
-        name: I.name.trim(),
+      ...(oe ?? []).map((N) => N.hideFromNavigation ? void 0 : {
+        url: P(Array.isArray(N.path) ? N.path[0] : N.path),
+        name: N.name.trim(),
         type: "view",
-        path: I.path,
-        view: I,
-        description: I.description?.trim(),
-        group: qi(I)
+        path: N.path,
+        view: N,
+        description: N.description?.trim(),
+        group: qi(N)
       }).filter(Boolean),
-      ...(ee ?? []).map((I) => I.hideFromNavigation ? void 0 : {
-        url: F(Array.isArray(I.path) ? I.path[0] : I.path),
-        name: I.name.trim(),
+      ...(te ?? []).map((N) => N.hideFromNavigation ? void 0 : {
+        url: P(Array.isArray(N.path) ? N.path[0] : N.path),
+        name: N.name.trim(),
         type: "admin",
-        path: I.path,
-        view: I,
-        description: I.description?.trim(),
+        path: N.path,
+        view: N,
+        description: N.description?.trim(),
         group: "Admin"
       }).filter(Boolean)
     ];
-    U = U.sort((I, R) => I.group !== "Views" && I.group !== "Admin" && (R.group === "Views" || R.group === "Admin") ? -1 : R.group !== "Views" && R.group !== "Admin" && (I.group === "Views" || I.group === "Admin") || I.group === "Admin" && R.group !== "Admin" ? 1 : I.group !== "Admin" && R.group === "Admin" || I.group === "Views" && R.group !== "Views" ? -1 : I.group !== "Views" && R.group === "Views" ? 1 : 0), O && (U = U.sort((I, R) => {
-      const Ae = O.indexOf(I.path), Ie = O.indexOf(R.path);
-      return Ae === -1 && Ie === -1 ? 0 : Ae === -1 ? 1 : Ie === -1 ? -1 : Ae - Ie;
+    j = j.sort((N, Q) => N.group !== "Views" && N.group !== "Admin" && (Q.group === "Views" || Q.group === "Admin") ? -1 : Q.group !== "Views" && Q.group !== "Admin" && (N.group === "Views" || N.group === "Admin") || N.group === "Admin" && Q.group !== "Admin" ? 1 : N.group !== "Admin" && Q.group === "Admin" || N.group === "Views" && Q.group !== "Views" ? -1 : N.group !== "Views" && Q.group === "Views" ? 1 : 0), J && (j = j.sort((N, Q) => {
+      const Ae = J.indexOf(N.path), Be = J.indexOf(Q.path);
+      return Ae === -1 && Be === -1 ? 0 : Ae === -1 ? 1 : Be === -1 ? -1 : Ae - Be;
     }));
-    const $ = Object.values(U).map((I) => I.group).filter(Boolean).filter((I, R, Ae) => Ae.indexOf(I) === R);
+    const V = Object.values(j).map((N) => N.group).filter(Boolean).filter((N, Q, Ae) => Ae.indexOf(N) === Q);
     return {
-      navigationEntries: U,
-      groups: $
+      navigationEntries: j,
+      groups: V
     };
-  }, [F, D]), re = x(async () => {
+  }, [P, D]), ne = x(async () => {
     if (!i.initialLoading) {
       console.debug("Refreshing navigation");
       try {
-        const [T = [], ne, ee = []] = await Promise.all(
+        const [T = [], oe, te = []] = await Promise.all(
           [
             Ls(a, o, i, u, p),
             $i(s, i, u),
             $i(l, i, u)
           ]
         );
-        let O = !1;
-        ho(m.current ?? [], T) || (m.current = T, O = !0), q(f.current, ne) || (f.current = ne, O = !0), q(g.current, ee) || (g.current = ee, O = !0);
-        const U = L(T, ne, ee, c);
-        O && !q(b, U) && y(U);
+        let J = !1;
+        ho(m.current ?? [], T) || (m.current = T, J = !0), $(f.current, oe) || (f.current = oe, J = !0), $(g.current, te) || (g.current = te, J = !0);
+        const j = Y(T, oe, te, c);
+        J && !$(b, j) && y(j);
       } catch (T) {
         console.error(T), C(T);
       }
@@ -3374,116 +3374,116 @@ function Uu(e) {
     i.initialLoading,
     s,
     l,
-    L,
+    Y,
     p
   ]);
   z(() => {
-    re();
-  }, [re]);
-  const oe = x((T, ne = !1) => {
-    const ee = m.current;
-    if (!ee)
+    ne();
+  }, [ne]);
+  const ie = x((T, oe = !1) => {
+    const te = m.current;
+    if (!te)
       return;
-    const O = hi(Ee(T), ee), U = ne ? d?.getCollectionConfig(T) : void 0, $ = O ? $e(O, U ?? {}) : void 0;
-    let I = $;
-    if ($) {
-      const R = $.subcollections, Ae = $.callbacks, Ie = $.permissions;
-      I = {
-        ...I,
-        subcollections: I?.subcollections ?? R,
-        callbacks: I?.callbacks ?? Ae,
-        permissions: I?.permissions ?? Ie
+    const J = hi(Ee(T), te), j = oe ? d?.getCollectionConfig(T) : void 0, V = J ? $e(J, j ?? {}) : void 0;
+    let N = V;
+    if (V) {
+      const Q = V.subcollections, Ae = V.callbacks, Be = V.permissions;
+      N = {
+        ...N,
+        subcollections: N?.subcollections ?? Q,
+        callbacks: N?.callbacks ?? Ae,
+        permissions: N?.permissions ?? Be
       };
     }
-    if (I)
-      return { ...$, ...I };
+    if (N)
+      return { ...V, ...N };
   }, [d]), H = x((T) => {
-    const ne = m.current;
-    if (ne === void 0)
+    const oe = m.current;
+    if (oe === void 0)
       throw Error("getCollectionFromPaths: Collections have not been initialised yet");
-    let ee = [...ne ?? []];
-    for (let O = 0; O < T.length; O++) {
-      const U = T[O], $ = ee.find((I) => I.id === U || I.path === U);
-      if (!$)
+    let te = [...oe ?? []];
+    for (let J = 0; J < T.length; J++) {
+      const j = T[J], V = te.find((N) => N.id === j || N.path === j);
+      if (!V)
         return;
-      if (ee = $.subcollections, O === T.length - 1)
-        return $;
+      if (te = V.subcollections, J === T.length - 1)
+        return V;
     }
-  }, []), j = x((T) => {
-    const ne = m.current;
-    if (ne === void 0)
+  }, []), U = x((T) => {
+    const oe = m.current;
+    if (oe === void 0)
       throw Error("getCollectionFromIds: Collections have not been initialised yet");
-    let ee = [...ne ?? []];
-    for (let O = 0; O < T.length; O++) {
-      const U = T[O], $ = ee.find((I) => I.id === U);
-      if (!$)
+    let te = [...oe ?? []];
+    for (let J = 0; J < T.length; J++) {
+      const j = T[J], V = te.find((N) => N.id === j);
+      if (!V)
         return;
-      if (ee = $.subcollections, O === T.length - 1)
-        return $;
+      if (te = V.subcollections, J === T.length - 1)
+        return V;
     }
-  }, []), V = x(
-    (T) => Ee(T + "/").startsWith(Ee(N) + "/"),
-    [N]
-  ), te = x((T) => {
-    if (T.startsWith(N))
-      return T.replace(N, "");
-    throw Error("Expected path starting with " + N);
-  }, [N]), K = x(
+  }, []), O = x(
+    (T) => Ee(T + "/").startsWith(Ee(I) + "/"),
+    [I]
+  ), K = x((T) => {
+    if (T.startsWith(I))
+      return T.replace(I, "");
+    throw Error("Expected path starting with " + I);
+  }, [I]), ee = x(
     ({
       path: T
     }) => `s/edit/${Ht(T)}`,
     []
-  ), ae = x((T) => {
-    const ne = m.current ?? [];
-    return zn(T, ne);
-  }, []), de = x((T) => {
-    const ne = m.current ?? [];
+  ), se = x((T) => {
+    const oe = m.current ?? [];
+    return zn(T, oe);
+  }, []), ce = x((T) => {
+    const oe = m.current ?? [];
     return po({
       path: T,
-      collections: ne
+      collections: oe
     });
-  }, []), J = x((T) => {
-    const ee = T.split("/").filter((U, $) => $ % 2 === 0);
-    ee.pop();
-    const O = [];
-    for (let U = 1; U <= ee.length; U++)
-      O.push(ee.slice(0, U));
-    return O.map((U) => H(U)?.id).filter(Boolean);
-  }, [de]), ie = x((T) => {
-    let ee = m.current;
-    const O = [];
-    for (let U = 0; U < T.length; U++) {
-      const $ = T[U], I = ee.find((R) => R.id === $);
-      if (!I)
-        throw Error(`Collection with id ${$} not found`);
-      O.push(I.path), ee = I.subcollections;
+  }, []), W = x((T) => {
+    const te = T.split("/").filter((j, V) => V % 2 === 0);
+    te.pop();
+    const J = [];
+    for (let j = 1; j <= te.length; j++)
+      J.push(te.slice(0, j));
+    return J.map((j) => H(j)?.id).filter(Boolean);
+  }, [ce]), re = x((T) => {
+    let te = m.current;
+    const J = [];
+    for (let j = 0; j < T.length; j++) {
+      const V = T[j], N = te.find((Q) => Q.id === V);
+      if (!N)
+        throw Error(`Collection with id ${V} not found`);
+      J.push(N.path), te = N.subcollections;
     }
-    return O;
-  }, [j]);
+    return J;
+  }, [U]);
   return {
     collections: m.current,
     views: f.current,
     adminViews: g.current,
     loading: !A || w,
     navigationLoadingError: _,
-    homeUrl: P,
+    homeUrl: F,
     basePath: t,
     baseCollectionPath: r,
     initialised: A,
-    getCollection: oe,
+    getCollection: ie,
     getCollectionFromPaths: H,
-    getCollectionFromIds: j,
-    isUrlCollectionPath: V,
-    urlPathToDataPath: te,
+    getCollectionFromIds: U,
+    isUrlCollectionPath: O,
+    urlPathToDataPath: K,
     buildUrlCollectionPath: D,
-    buildUrlEditCollectionPath: K,
-    buildCMSUrlPath: F,
-    resolveAliasesFrom: ae,
+    buildUrlEditCollectionPath: ee,
+    buildCMSUrlPath: P,
+    resolveAliasesFrom: se,
     topLevelNavigation: b,
-    refreshNavigation: re,
-    getParentReferencesFromPath: de,
-    getParentCollectionIds: J,
-    convertIdsToPaths: ie
+    refreshNavigation: ne,
+    getParentReferencesFromPath: ce,
+    getParentCollectionIds: W,
+    convertIdsToPaths: re
   };
 }
 function $u(e, t) {
@@ -3532,10 +3532,10 @@ function Us(e, t) {
     subcollections: a,
     ...o
   } = t;
-  return ho(r ?? [], a ?? []) ? q(i, o) : !1;
+  return ho(r ?? [], a ?? []) ? $(i, o) : !1;
 }
 function qu() {
-  const e = se({}), t = x((f) => {
+  const e = le({}), t = x((f) => {
     const g = localStorage.getItem(f);
     return g ? JSON.parse(g) : {};
   }, []), r = x((f) => {
@@ -3546,7 +3546,7 @@ function qu() {
     localStorage.setItem(A, JSON.stringify(g));
     const h = e.current[A], b = $e(h ?? t(f), g);
     e.current[A] = $e(e.current[A], b);
-  }, [t]), [a, o] = Q([]), [s, l] = Q([]), [c, d] = Q([]);
+  }, [t]), [a, o] = R([]), [s, l] = R([]), [c, d] = R([]);
   z(() => {
     o(localStorage.getItem("recently_visited_paths") ? JSON.parse(localStorage.getItem("recently_visited_paths")) : []), l(localStorage.getItem("favourite_paths") ? JSON.parse(localStorage.getItem("favourite_paths")) : []), d(localStorage.getItem("collapsed_groups") ? JSON.parse(localStorage.getItem("collapsed_groups")) : []);
   }, []);
@@ -3569,7 +3569,7 @@ function qu() {
   };
 }
 function Wu() {
-  const e = x(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches, []), r = (localStorage.getItem("prefers-dark-mode") != null ? localStorage.getItem("prefers-dark-mode") === "true" : null) ?? e, [i, a] = Q(r ? "dark" : "light");
+  const e = x(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches, []), r = (localStorage.getItem("prefers-dark-mode") != null ? localStorage.getItem("prefers-dark-mode") === "true" : null) ?? e, [i, a] = R(r ? "dark" : "light");
   z(() => {
     a(r ? "dark" : "light"), l(r ? "dark" : "light");
   }, [r]);
@@ -3596,11 +3596,11 @@ function Ju({
   storageSource: i,
   dataSourceDelegate: a
 }) {
-  const o = !!r, [s, l] = Q(o), [c, d] = Q(!1), [u, p] = Q(!o || !!t.loginSkipped), m = u && (!o || !!t.user || !!t.loginSkipped) && !c;
+  const o = !!r, [s, l] = R(o), [c, d] = R(!1), [u, p] = R(!o || !!t.loginSkipped), m = u && (!o || !!t.user || !!t.loginSkipped) && !c;
   z(() => {
     t.loginSkipped && p(!0);
   }, [t.loginSkipped]);
-  const f = se(), g = x(async () => {
+  const f = le(), g = x(async () => {
     if (e || t.initialLoading)
       return;
     if (!t.user && !t.loginSkipped) {
@@ -3608,7 +3608,7 @@ function Ju({
       return;
     }
     const A = t.user;
-    if (r instanceof Function && A && !q(f.current?.uid, A.uid)) {
+    if (r instanceof Function && A && !$(f.current?.uid, A.uid)) {
       l(!0);
       try {
         await r({
@@ -3670,7 +3670,7 @@ function Js({
   size: e,
   url: t
 }) {
-  const [r, i] = Q(!1), a = he(() => vt(e), [e]);
+  const [r, i] = R(!1), a = he(() => vt(e), [e]);
   return e === "tiny" ? /* @__PURE__ */ n(
     "img",
     {
@@ -3714,7 +3714,7 @@ function Js({
             {
               className: "rounded-full absolute bottom-[-4px] right-8",
               children: /* @__PURE__ */ n(
-                ce,
+                de,
                 {
                   variant: "filled",
                   size: "small",
@@ -3731,7 +3731,7 @@ function Js({
             }
           ) }),
           /* @__PURE__ */ n(ke, { title: "Open image in new tab", children: /* @__PURE__ */ n(
-            ce,
+            de,
             {
               variant: "filled",
               component: "a",
@@ -3805,7 +3805,7 @@ function dr({
       children: [
         /* @__PURE__ */ n(ca, { className: "flex-grow" }),
         i && /* @__PURE__ */ n(ke, { title: i, children: /* @__PURE__ */ n(
-          W,
+          q,
           {
             className: "max-w-full truncate rtl text-left",
             variant: "caption",
@@ -4124,7 +4124,7 @@ function Ji({
       return u ? /* @__PURE__ */ n(
         S.Fragment,
         {
-          children: /* @__PURE__ */ n("div", { className: Z(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ n("div", { className: Z(Se, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
             Fe,
             {
               propertyKey: e,
@@ -4181,7 +4181,7 @@ function sl({
         ) }),
         /* @__PURE__ */ v("div", { className: "flex flex-col flex-grow w-full m-1", children: [
           s !== "tiny" && l && (d ? /* @__PURE__ */ n("div", { className: `${s !== "medium" ? "block whitespace-nowrap overflow-hidden truncate" : ""}`, children: /* @__PURE__ */ n(
-            W,
+            q,
             {
               variant: "caption",
               color: "disabled",
@@ -4236,7 +4236,7 @@ function sl({
             title: `See details for ${d.id}`,
             className: s !== "tiny" ? "self-start" : "",
             children: /* @__PURE__ */ n(
-              ce,
+              de,
               {
                 color: "inherit",
                 size: "small",
@@ -4287,7 +4287,7 @@ const yo = yt.forwardRef(({
       i === "tiny" ? "p-1" : "p-2",
       "flex border rounded-lg",
       r ? "cursor-pointer" : "",
-      Be,
+      Se,
       o
     ),
     onClick: (d) => {
@@ -4587,7 +4587,7 @@ function fl({
     (p, m) => /* @__PURE__ */ n(
       S.Fragment,
       {
-        children: /* @__PURE__ */ n("div", { className: Z(Be, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: p && /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: Z(Se, "m-1 border-b last:border-b-0"), children: /* @__PURE__ */ n(me, { children: p && /* @__PURE__ */ n(
           Fe,
           {
             propertyKey: e,
@@ -4639,7 +4639,7 @@ function hl({
         return /* @__PURE__ */ v(
           "div",
           {
-            className: Z(Be, "last:border-b-0 border-b"),
+            className: Z(Se, "last:border-b-0 border-b"),
             children: [
               /* @__PURE__ */ v(
                 "div",
@@ -4651,7 +4651,7 @@ function hl({
                       {
                         className: "min-w-[140px] w-[25%] py-1",
                         children: /* @__PURE__ */ n(
-                          W,
+                          q,
                           {
                             variant: "caption",
                             className: "font-mono break-words",
@@ -4679,7 +4679,7 @@ function hl({
                   ]
                 }
               ),
-              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: Z(Be, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
+              (c.dataType === "map" || c === "array") && /* @__PURE__ */ n("div", { className: Z(Se, "border-l pl-4 ml-2 my-2"), children: /* @__PURE__ */ n(
                 Fe,
                 {
                   propertyKey: s,
@@ -4704,7 +4704,7 @@ function vo({ value: e }) {
       children: Object.entries(e).map(([t, r]) => /* @__PURE__ */ v(
         "div",
         {
-          className: Z(Be, "last:border-b-0 border-b"),
+          className: Z(Se, "last:border-b-0 border-b"),
           children: [
             /* @__PURE__ */ v(
               "div",
@@ -4716,7 +4716,7 @@ function vo({ value: e }) {
                     {
                       className: "min-w-[140px] w-[25%] py-1",
                       children: /* @__PURE__ */ n(
-                        W,
+                        q,
                         {
                           variant: "caption",
                           className: "font-mono break-words",
@@ -4731,13 +4731,13 @@ function vo({ value: e }) {
                     "div",
                     {
                       className: "flex-grow max-w-[75%]",
-                      children: typeof r != "object" && /* @__PURE__ */ n(W, { children: /* @__PURE__ */ n(me, { children: r && r.toString() }) })
+                      children: typeof r != "object" && /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(me, { children: r && r.toString() }) })
                     }
                   )
                 ]
               }
             ),
-            typeof r == "object" && /* @__PURE__ */ n("div", { className: Z(Be, "border-l pl-4"), children: /* @__PURE__ */ n(vo, { value: r }) })
+            typeof r == "object" && /* @__PURE__ */ n("div", { className: Z(Se, "border-l pl-4"), children: /* @__PURE__ */ n(vo, { value: r }) })
           ]
         },
         `map_preview_table_${t}}`
@@ -4947,7 +4947,7 @@ const Fe = S.memo(function(t) {
       }
     ) : i = lt(o, u.dataType, s) : i = JSON.stringify(s);
   return i == null || Array.isArray(i) && i.length === 0 ? /* @__PURE__ */ n(gt, {}) : i;
-}, q);
+}, $);
 function lt(e, t, r) {
   return console.warn(`Unexpected value for property ${e}, of type ${t}`, r), /* @__PURE__ */ n(
     Ne,
@@ -5010,7 +5010,7 @@ const Xu = yt.memo(
   function({
     builder: t
   }) {
-    const [r, i] = Q(!0), [a, o] = Q(null);
+    const [r, i] = R(!0), [a, o] = R(null);
     return z(() => {
       let s = !1;
       return t.then((l) => {
@@ -5037,7 +5037,7 @@ function ko({
     fields: a.propertyConfigs
   }), [t, r, e, a.propertyConfigs]).properties;
   return /* @__PURE__ */ n("div", { className: "w-full " + i, children: /* @__PURE__ */ v("div", { className: "w-full mb-4", children: [
-    /* @__PURE__ */ v("div", { className: Z(Be, "flex justify-between py-2 border-b last:border-b-0"), children: [
+    /* @__PURE__ */ v("div", { className: Z(Se, "flex justify-between py-2 border-b last:border-b-0"), children: [
       /* @__PURE__ */ n("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ n("span", { className: "pl-2 text-sm text-gray-600", children: "Id" }) }),
       /* @__PURE__ */ v(
         "div",
@@ -5051,7 +5051,7 @@ function ko({
                 href: a.entityLinkBuilder({ entity: e }),
                 rel: "noopener noreferrer",
                 target: "_blank",
-                children: /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(
+                children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(
                   Yt,
                   {
                     size: "small"
@@ -5068,7 +5068,7 @@ function ko({
       return /* @__PURE__ */ v(
         "div",
         {
-          className: Z(Be, "flex justify-between py-2 border-b last:border-b-0"),
+          className: Z(Se, "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(
@@ -5100,7 +5100,7 @@ function yl(e) {
     multiline: a,
     updateValue: o,
     focused: s
-  } = e, l = se(i), [c, d] = Q(i), u = se(!1);
+  } = e, l = le(i), [c, d] = R(i), u = le(!1);
   z(() => {
     l.current !== i && i !== c && d(i), l.current = i;
   }, [i]);
@@ -5254,7 +5254,7 @@ function wl(e) {
     value: r,
     updateValue: i,
     focused: a
-  } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = Q(o), c = se(r);
+  } = e, o = r && typeof r == "number" ? r.toString() : "", [s, l] = R(o), c = le(r);
   z(() => {
     c.current !== r && String(r) !== s && l(r ? r.toString() : null), c.current = r;
   }, [r]);
@@ -5352,7 +5352,7 @@ class me extends S.Component {
         /* @__PURE__ */ n(An, { color: "error", size: "small" }),
         /* @__PURE__ */ n("div", { className: "ml-4", children: "Error" })
       ] }),
-      /* @__PURE__ */ n(W, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
+      /* @__PURE__ */ n(q, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
     ] }) : this.props.children;
   }
 }
@@ -5409,9 +5409,9 @@ function xo({
     storagePathOrDownloadUrl: k,
     metadata: p,
     size: m
-  })), [A, h] = Q(i), [b, y] = Q(g);
+  })), [A, h] = R(i), [b, y] = R(g);
   z(() => {
-    q(A, i) || (h(i), y(g));
+    $(A, i) || (h(i), y(g));
   }, [g, i, A]);
   const w = x(async (k) => {
     if (d.fileName) {
@@ -5421,16 +5421,16 @@ function xo({
       return B;
     }
     return Mt() + "_" + k.name;
-  }, [e, t, r, a, o, d]), E = x((k) => xl(d.storagePath, d, t, e, r, a, k, o) ?? "/", [e, t, r, a, o, d]), _ = x(async (k, B, P) => {
+  }, [e, t, r, a, o, d]), E = x((k) => xl(d.storagePath, d, t, e, r, a, k, o) ?? "/", [e, t, r, a, o, d]), _ = x(async (k, B, F) => {
     console.debug("onFileUploadComplete", k, B);
-    let N = k;
-    if (d.storeUrl && (N = (await s.getDownloadURL(k)).url), d.postProcess && N && (N = await d.postProcess(N)), !N) {
+    let I = k;
+    if (d.storeUrl && (I = (await s.getDownloadURL(k)).url), d.postProcess && I && (I = await d.postProcess(I)), !I) {
       console.warn("uploadPathOrDownloadUrl is null");
       return;
     }
-    let F;
-    B.storagePathOrDownloadUrl = N, B.metadata = P, F = [...b], F = Xi(F), y(F);
-    const D = F.filter((L) => !!L.storagePathOrDownloadUrl).map((L) => L.storagePathOrDownloadUrl);
+    let P;
+    B.storagePathOrDownloadUrl = I, B.metadata = F, P = [...b], P = Xi(P), y(P);
+    const D = P.filter((Y) => !!Y.storagePathOrDownloadUrl).map((Y) => Y.storagePathOrDownloadUrl);
     c(u ? D : D ? D[0] : null);
   }, [b, u, c, d, s]), C = x(async (k) => {
     if (!k.length || l)
@@ -5439,20 +5439,20 @@ function xo({
     if (u)
       B = [
         ...b,
-        ...await Promise.all(k.map(async (P) => (f && Xr(P) && (P = await en(P, f)), {
+        ...await Promise.all(k.map(async (F) => (f && Xr(F) && (F = await en(F, f)), {
           id: Dr(),
-          file: P,
-          fileName: await w(P),
+          file: F,
+          fileName: await w(F),
           metadata: p,
           size: m
         })))
       ];
     else {
-      let P = k[0];
-      f && Xr(P) && (P = await en(P, f)), B = [{
+      let F = k[0];
+      f && Xr(F) && (F = await en(F, f)), B = [{
         id: Dr(),
-        file: P,
-        fileName: await w(P),
+        file: F,
+        fileName: await w(F),
         metadata: p,
         size: m
       }];
@@ -5540,18 +5540,18 @@ function Eo({
   ] });
 }
 function Co({ showError: e, disabled: t, showExpandIcon: r, selected: i, openPopup: a, children: o }) {
-  const s = se(null), l = x(() => {
+  const s = le(null), l = x(() => {
     if (a) {
       const d = s && s?.current?.getBoundingClientRect();
       a(d);
     }
-  }, []), c = se();
+  }, []), c = le();
   return z(() => {
     c.current && i && c.current.focus({ preventScroll: !0 });
   }, [i]), /* @__PURE__ */ n(G, { children: (e || !t && r) && /* @__PURE__ */ v("div", { ref: s, className: "absolute top-0.5 right-0.5 flex items-center", children: [
     i && o,
     i && !t && r && /* @__PURE__ */ n(
-      ce,
+      de,
       {
         ref: c,
         color: "inherit",
@@ -5677,13 +5677,13 @@ function Fl({
   onFileUploadComplete: A,
   storagePathBuilder: h
 }) {
-  const [b, y] = Q(!1), w = d && u === "medium" ? "small" : u;
+  const [b, y] = R(!1), w = d && u === "medium" ? "small" : u;
   if (d) {
-    const V = e;
-    if (Array.isArray(V.of))
+    const O = e;
+    if (Array.isArray(O.of))
       throw Error("Using array properties instead of single one in `of` in ArrayProperty");
-    if (V.of) {
-      if (V.of.dataType !== "string")
+    if (O.of) {
+      if (O.of.dataType !== "string")
         throw Error("Storage field using array must be of data type string");
     } else
       throw Error("Storage field using array must be of data type string");
@@ -5691,32 +5691,32 @@ function Fl({
   const E = f?.metadata, _ = !!r, C = ft(), {
     open: k,
     getRootProps: B,
-    getInputProps: P,
-    isDragActive: N,
-    isDragAccept: F,
+    getInputProps: F,
+    isDragActive: I,
+    isDragAccept: P,
     isDragReject: D
   } = Pn(
     {
-      accept: f.acceptedFiles ? f.acceptedFiles.map((V) => ({ [V]: [] })).reduce((V, te) => ({ ...V, ...te }), {}) : void 0,
+      accept: f.acceptedFiles ? f.acceptedFiles.map((O) => ({ [O]: [] })).reduce((O, K) => ({ ...O, ...K }), {}) : void 0,
       disabled: p,
       maxSize: f.maxSize,
       noClick: !0,
       noKeyboard: !0,
       onDrop: g,
-      onDropRejected: (V, te) => {
-        for (const K of V)
-          for (const ae of K.errors)
+      onDropRejected: (O, K) => {
+        for (const ee of O)
+          for (const se of ee.errors)
             C.open({
               type: "error",
               message: `Error uploading file: File is larger than ${f.maxSize} bytes`
             });
       }
     }
-  ), { ...L } = B(), re = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", oe = d ? e.of : e, H = he(() => vt(w), [w]), j = !p && l;
+  ), { ...Y } = B(), ne = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", ie = d ? e.of : e, H = he(() => vt(w), [w]), U = !p && l;
   return /* @__PURE__ */ v(
     "div",
     {
-      ...L,
+      ...Y,
       onMouseEnter: () => y(!0),
       onMouseMove: () => y(!0),
       onMouseLeave: () => y(!1),
@@ -5724,35 +5724,35 @@ function Fl({
         Cl,
         "relative w-full h-full flex",
         `justify-${_ ? "start" : "center"}`,
-        N ? Bl : "",
-        F ? Sl : "",
+        I ? Bl : "",
+        P ? Sl : "",
         D ? Il : ""
       ),
       children: [
-        /* @__PURE__ */ n("input", { autoFocus: m, ...P() }),
-        r.map((V, te) => {
-          let K;
-          return V.storagePathOrDownloadUrl ? K = /* @__PURE__ */ n(
+        /* @__PURE__ */ n("input", { autoFocus: m, ...F() }),
+        r.map((O, K) => {
+          let ee;
+          return O.storagePathOrDownloadUrl ? ee = /* @__PURE__ */ n(
             Pl,
             {
-              property: oe,
-              value: V.storagePathOrDownloadUrl,
+              property: ie,
+              value: O.storagePathOrDownloadUrl,
               entity: o,
               size: w
             },
-            `storage_preview_${te}`
-          ) : V.file && (K = /* @__PURE__ */ n(
+            `storage_preview_${K}`
+          ) : O.file && (ee = /* @__PURE__ */ n(
             Eo,
             {
-              entry: V,
+              entry: O,
               metadata: E,
-              storagePath: h(V.file),
+              storagePath: h(O.file),
               onFileUploadComplete: A,
               imageSize: H,
               simple: !0
             },
-            `storage_progress_${te}`
-          )), K;
+            `storage_progress_${K}`
+          )), ee;
         }),
         !r && /* @__PURE__ */ n(
           "div",
@@ -5760,12 +5760,12 @@ function Fl({
             className: "flex-grow m-2 max-w-[200px]",
             onClick: k,
             children: /* @__PURE__ */ n(
-              W,
+              q,
               {
                 className: "text-gray-400 dark:text-gray-600",
                 variant: "body2",
                 align: "center",
-                children: re
+                children: ne
               }
             )
           }
@@ -5773,13 +5773,13 @@ function Fl({
         /* @__PURE__ */ n(
           Co,
           {
-            showError: j,
+            showError: U,
             disabled: p,
             showExpandIcon: !0,
             selected: s,
             openPopup: p ? void 0 : a,
             children: /* @__PURE__ */ n(
-              ce,
+              de,
               {
                 color: "inherit",
                 size: "small",
@@ -5915,7 +5915,7 @@ const Ql = S.memo(
       )
     ] }) : /* @__PURE__ */ n(Ne, { error: "The specified collection does not exist" });
   },
-  q
+  $
 );
 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);
@@ -6217,85 +6217,85 @@ const Yl = ({
     hideOverflow: A = !0,
     showExpandIcon: h = !0
   }) {
-    const [b, y] = Fn(), w = se(null), E = he(() => kr(i), [i]), [_, C] = Q(!1), [k, B] = Q(l), P = !o && !!c;
+    const [b, y] = Fn(), w = le(null), E = he(() => kr(i), [i]), [_, C] = R(!1), [k, B] = R(l), F = !o && !!c;
     z(() => {
       l && B(!0);
-      const ae = setTimeout(() => {
+      const se = setTimeout(() => {
         B(!1);
       }, 800);
       return () => {
-        clearTimeout(ae);
+        clearTimeout(se);
       };
     }, [l]);
-    let N = 0;
+    let I = 0;
     if (!p)
       switch (i) {
         case "l":
         case "xl":
-          N = 4;
+          I = 4;
           break;
         case "m":
-          N = 2;
+          I = 2;
           break;
         case "s":
         default:
-          N = 1;
+          I = 1;
           break;
       }
-    let F;
+    let P;
     switch (d) {
       case "right":
-        F = "flex-end";
+        P = "flex-end";
         break;
       case "center":
-        F = "center";
+        P = "center";
         break;
       case "left":
       default:
-        F = "flex-start";
+        P = "flex-start";
     }
     const D = x(() => {
       if (!f)
         return;
-      const ae = w && w?.current?.getBoundingClientRect();
-      o ? f(void 0) : !a && ae && f(ae);
-    }, [w, f, a, o]), L = x((ae) => {
-      D(), ae.stopPropagation();
-    }, [D]), re = he(() => y ? y.height > E : !1, [y, E]), oe = !P && a, H = !o && u && re, j = !o && !u && re, V = x(() => C(!0), []), te = x(() => C(!1), []), K = P ? "border-red-500" : k ? "border-green-500" : oe ? "border-primary" : "border-transparent";
+      const se = w && w?.current?.getBoundingClientRect();
+      o ? f(void 0) : !a && se && f(se);
+    }, [w, f, a, o]), Y = x((se) => {
+      D(), se.stopPropagation();
+    }, [D]), ne = he(() => y ? y.height > E : !1, [y, E]), ie = !F && a, H = !o && u && ne, U = !o && !u && ne, O = x(() => C(!0), []), K = x(() => C(!1), []), ee = F ? "border-red-500" : k ? "border-green-500" : ie ? "border-primary" : "border-transparent";
     return /* @__PURE__ */ v(
       "div",
       {
         className: Z(
           "transition-colors duration-100 ease-in-out",
-          `flex relative h-full rounded-md p-${N} border border-4  border-opacity-75`,
+          `flex relative h-full rounded-md p-${I} border border-4  border-opacity-75`,
           _ && !o ? "bg-gray-50 dark:bg-gray-900" : "",
           l ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "",
           A ? "overflow-hidden" : "",
-          oe ? "bg-gray-50 dark:bg-gray-900" : "",
-          K
+          ie ? "bg-gray-50 dark:bg-gray-900" : "",
+          ee
         ),
         ref: w,
         style: {
-          justifyContent: F,
-          alignItems: o || !re ? "center" : void 0,
+          justifyContent: P,
+          alignItems: o || !ne ? "center" : void 0,
           width: g ?? "100%",
           textAlign: d
         },
         tabIndex: a || o ? void 0 : 0,
-        onFocus: L,
-        onMouseEnter: V,
-        onMouseMove: V,
-        onMouseLeave: te,
+        onFocus: Y,
+        onMouseEnter: O,
+        onMouseMove: O,
+        onMouseLeave: K,
         children: [
           /* @__PURE__ */ v(me, { children: [
-            m && !j && t,
-            (!m || j) && /* @__PURE__ */ n(
+            m && !U && t,
+            (!m || U) && /* @__PURE__ */ n(
               Yl,
               {
                 fullHeight: m ?? !1,
-                justifyContent: F,
+                justifyContent: P,
                 scrollable: H ?? !1,
-                faded: j,
+                faded: U,
                 children: !m && /* @__PURE__ */ n(
                   "div",
                   {
@@ -6303,7 +6303,7 @@ const Yl = ({
                     style: {
                       display: "flex",
                       width: "100%",
-                      justifyContent: F,
+                      justifyContent: P,
                       height: m ? "100%" : void 0
                     },
                     children: t
@@ -6325,7 +6325,7 @@ function Ue({
   value: t,
   setValue: r
 }) {
-  const i = se(null);
+  const i = le(null);
   z(() => {
     typeof e.disabled == "object" && !!e.disabled.clearOnDisabled ? t != null && (i.current = t, r(null)) : i.current && (r(i.current), i.current = null);
   }, [e]);
@@ -6354,11 +6354,11 @@ const $l = S.memo(
       selectedCell: A,
       select: h,
       setPopupCell: b
-    } = Ll(), y = A?.propertyKey === t && A?.entity.path === d.path && A?.entity.id === d.id, [w, E] = Q(i), _ = se(i), [C, k] = Q(), [B, P] = Q(), [N, F] = Q(!1), D = x(() => {
-      F(!0), setTimeout(() => {
-        F(!1);
+    } = Ll(), y = A?.propertyKey === t && A?.entity.path === d.path && A?.entity.id === d.id, [w, E] = R(i), _ = le(i), [C, k] = R(), [B, F] = R(), [I, P] = R(!1), D = x(() => {
+      P(!0), setTimeout(() => {
+        P(!1);
       }, 100);
-    }, []), L = !!a.Field, re = !!a.Preview, oe = qt(a), H = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, j = u || p || !!a.disabled, V = he(() => Gt({
+    }, []), Y = !!a.Field, ne = !!a.Preview, ie = qt(a), H = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, U = u || p || !!a.disabled, O = he(() => Gt({
       property: a,
       entityId: d.id,
       customFieldValidator: r,
@@ -6366,70 +6366,70 @@ const $l = S.memo(
     }), [d.id, a, t]);
     z(
       () => {
-        q(i, _.current) || (P(void 0), E(i), _.current = i, D());
+        $(i, _.current) || (F(void 0), E(i), _.current = i, D());
       },
       [D, i]
     );
-    const te = (I) => {
-      q(I, _.current) || (F(!1), V.validate(I).then(() => {
-        if (P(void 0), _.current = I, f)
+    const K = (N) => {
+      $(N, _.current) || (P(!1), O.validate(N).then(() => {
+        if (F(void 0), _.current = N, f)
           try {
             f({
-              value: I,
+              value: N,
               propertyKey: t,
               setError: k,
               onValueUpdated: D,
               data: d
             });
-          } catch (R) {
-            console.error("onValueChange error", R), k(R);
+          } catch (Q) {
+            console.error("onValueChange error", Q), k(Q);
           }
-      }).catch((R) => {
-        P(R);
+      }).catch((Q) => {
+        F(Q);
       }));
     };
     z(() => {
-      V.validate(w).then(() => P(void 0)).catch(P);
-    }, [w, V, t, a, d]);
-    const K = (I) => {
-      let R;
-      I === void 0 ? R = null : R = I, E(R), te(R);
+      O.validate(w).then(() => F(void 0)).catch(F);
+    }, [w, O, t, a, d]);
+    const ee = (N) => {
+      let Q;
+      N === void 0 ? Q = null : Q = N, E(Q), K(Q);
     };
     Ue({
       property: a,
       value: w,
-      setValue: K
+      setValue: ee
     });
-    const ae = x((I) => {
-      h(I ? {
+    const se = x((N) => {
+      h(N ? {
         width: s,
         height: l,
         entity: d,
-        cellRect: I,
+        cellRect: N,
         propertyKey: t
       } : void 0);
-    }, [d, l, t, h, s]), de = (I) => {
-      b && b(I ? {
+    }, [d, l, t, h, s]), ce = (N) => {
+      b && b(N ? {
         width: s,
         height: l,
         entity: d,
-        cellRect: I,
+        cellRect: N,
         propertyKey: t
       } : void 0);
     };
-    let J, ie = !1, T = !1, ne = !0, ee = !1, O = !1, U = !0;
-    const $ = !j && C;
-    if (u || oe)
+    let W, re = !1, T = !1, oe = !0, te = !1, J = !1, j = !0;
+    const V = !U && C;
+    if (u || ie)
       return /* @__PURE__ */ n(
         ur,
         {
           size: g,
           width: s,
-          saved: N,
+          saved: I,
           value: w,
           align: o ?? "left",
           fullHeight: !1,
-          disabledTooltip: H ?? (oe ? "Read only" : void 0),
+          disabledTooltip: H ?? (ie ? "Read only" : void 0),
           disabled: !0,
           children: /* @__PURE__ */ n(
             Fe,
@@ -6445,116 +6445,116 @@ const $l = S.memo(
         },
         `${t}_${d.path}_${d.id}`
       );
-    if (!L && (!re || y)) {
+    if (!Y && (!ne || y)) {
       if (Ul(a))
-        J = /* @__PURE__ */ n(
+        W = /* @__PURE__ */ n(
           Nl,
           {
             error: B ?? C,
-            disabled: j,
+            disabled: U,
             focused: y,
             selected: y,
-            openPopup: b ? de : void 0,
+            openPopup: b ? ce : void 0,
             property: a,
             entity: d,
             path: c,
             value: w,
             previewSize: it(g),
-            updateValue: K,
+            updateValue: ee,
             propertyKey: t
           }
-        ), U = !1, T = !0, O = !0, ee = !0;
+        ), j = !1, T = !0, J = !0, te = !0;
       else if (y && a.dataType === "number") {
-        const R = a;
-        R.enumValues ? (J = /* @__PURE__ */ n(
+        const Q = a;
+        Q.enumValues ? (W = /* @__PURE__ */ n(
           Rr,
           {
             name: t,
             multiple: !1,
-            disabled: j,
+            disabled: U,
             focused: y,
             valueType: "number",
             small: it(g) !== "medium",
-            enumValues: R.enumValues,
+            enumValues: Q.enumValues,
             error: B ?? C,
             internalValue: w,
-            updateValue: K
+            updateValue: ee
           }
-        ), O = !0) : (J = /* @__PURE__ */ n(
+        ), J = !0) : (W = /* @__PURE__ */ n(
           wl,
           {
             align: o,
             error: B ?? C,
             focused: y,
-            disabled: j,
+            disabled: U,
             value: w,
-            updateValue: K
+            updateValue: ee
           }
-        ), ie = !0);
+        ), re = !0);
       } else if (y && a.dataType === "string") {
-        const R = a;
-        if (R.enumValues)
-          J = /* @__PURE__ */ n(
+        const Q = a;
+        if (Q.enumValues)
+          W = /* @__PURE__ */ n(
             Rr,
             {
               name: t,
               multiple: !1,
               focused: y,
-              disabled: j,
+              disabled: U,
               valueType: "string",
               small: it(g) !== "medium",
-              enumValues: R.enumValues,
+              enumValues: Q.enumValues,
               error: B ?? C,
               internalValue: w,
-              updateValue: K
+              updateValue: ee
             }
-          ), O = !0;
-        else if (!R.storage) {
-          const Ae = !!R.multiline || !!R.markdown;
-          J = /* @__PURE__ */ n(
+          ), J = !0;
+        else if (!Q.storage) {
+          const Ae = !!Q.multiline || !!Q.markdown;
+          W = /* @__PURE__ */ n(
             yl,
             {
               error: B ?? C,
-              disabled: j,
+              disabled: U,
               multiline: Ae,
               focused: y,
               value: w,
-              updateValue: K
+              updateValue: ee
             }
-          ), ie = !0;
+          ), re = !0;
         }
       } else if (a.dataType === "boolean")
-        J = /* @__PURE__ */ n(
+        W = /* @__PURE__ */ n(
           vl,
           {
             error: B ?? C,
-            disabled: j,
+            disabled: U,
             focused: y,
             internalValue: w,
-            updateValue: K
+            updateValue: ee
           }
         );
       else if (a.dataType === "date")
-        J = /* @__PURE__ */ n(
+        W = /* @__PURE__ */ n(
           kl,
           {
             name: t,
             error: B ?? C,
-            disabled: j,
+            disabled: U,
             mode: a.mode,
             focused: y,
             internalValue: w,
-            updateValue: K
+            updateValue: ee
           }
-        ), O = !0, ne = !1, ie = !1;
+        ), J = !0, oe = !1, re = !1;
       else if (a.dataType === "reference")
-        typeof a.path == "string" && (J = /* @__PURE__ */ n(
+        typeof a.path == "string" && (W = /* @__PURE__ */ n(
           tn,
           {
             name: t,
             internalValue: w,
-            updateValue: K,
-            disabled: j,
+            updateValue: ee,
+            disabled: U,
             size: g,
             path: a.path,
             multiselect: !1,
@@ -6564,45 +6564,45 @@ const $l = S.memo(
             title: a.name,
             forceFilter: a.forceFilter
           }
-        )), ie = !1;
+        )), re = !1;
       else if (a.dataType === "array") {
-        const R = a;
-        if (!R.of && !R.oneOf)
+        const Q = a;
+        if (!Q.of && !Q.oneOf)
           throw Error(`You need to specify an 'of' or 'oneOf' prop (or specify a custom field) in your array property ${t}`);
-        R.of && !Array.isArray(R.of) && (R.of.dataType === "string" || R.of.dataType === "number" ? y && R.of.enumValues && (J = /* @__PURE__ */ n(
+        Q.of && !Array.isArray(Q.of) && (Q.of.dataType === "string" || Q.of.dataType === "number" ? y && Q.of.enumValues && (W = /* @__PURE__ */ n(
           Rr,
           {
             name: t,
             multiple: !0,
-            disabled: j,
+            disabled: U,
             focused: y,
             small: it(g) !== "medium",
-            valueType: R.of.dataType,
-            enumValues: R.of.enumValues,
+            valueType: Q.of.dataType,
+            enumValues: Q.of.enumValues,
             error: B ?? C,
             internalValue: w,
-            updateValue: K
+            updateValue: ee
           }
-        ), ie = !0, O = !0, ne = !1) : R.of.dataType === "reference" && (typeof R.of.path == "string" && (J = /* @__PURE__ */ n(
+        ), re = !0, J = !0, oe = !1) : Q.of.dataType === "reference" && (typeof Q.of.path == "string" && (W = /* @__PURE__ */ n(
           tn,
           {
             name: t,
-            disabled: j,
+            disabled: U,
             internalValue: w,
-            updateValue: K,
+            updateValue: ee,
             size: g,
             multiselect: !0,
-            path: R.of.path,
-            previewProperties: R.of.previewProperties,
-            title: R.name,
-            forceFilter: R.of.forceFilter,
-            includeId: R.of.includeId,
-            includeEntityLink: R.of.includeEntityLink
+            path: Q.of.path,
+            previewProperties: Q.of.previewProperties,
+            title: Q.name,
+            forceFilter: Q.of.forceFilter,
+            includeId: Q.of.includeId,
+            includeEntityLink: Q.of.includeEntityLink
           }
-        )), ie = !1));
+        )), re = !1));
       }
     }
-    return J || (ie = !1, T = m && y && !J && !j && !oe, J = /* @__PURE__ */ n(
+    return W || (re = !1, T = m && y && !W && !U && !ie, W = /* @__PURE__ */ n(
       Fe,
       {
         width: s,
@@ -6617,30 +6617,30 @@ const $l = S.memo(
       {
         size: g,
         width: s,
-        onSelect: ae,
+        onSelect: se,
         selected: y,
-        disabled: j || oe,
+        disabled: U || ie,
         disabledTooltip: H ?? "Disabled",
-        removePadding: ee,
-        fullHeight: O,
-        saved: N,
+        removePadding: te,
+        fullHeight: J,
+        saved: I,
         error: B ?? C,
         align: o,
-        allowScroll: ie,
+        allowScroll: re,
         showExpandIcon: T,
         value: w,
-        hideOverflow: ne,
-        actions: U && /* @__PURE__ */ n(
+        hideOverflow: oe,
+        actions: j && /* @__PURE__ */ n(
           Co,
           {
-            showError: $,
-            disabled: j,
+            showError: V,
+            disabled: U,
             showExpandIcon: T,
             selected: y,
-            openPopup: j ? void 0 : de
+            openPopup: U ? void 0 : ce
           }
         ),
-        children: J
+        children: W
       },
       `cell_${t}_${d.path}_${d.id}`
     );
@@ -6648,7 +6648,7 @@ const $l = S.memo(
   ql
 );
 function ql(e, t) {
-  return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && q(e.property, t.property) && q(e.value, t.value) && q(e.entity.id, t.entity.id) && q(e.entity.values, t.entity.values);
+  return e.height === t.height && e.propertyKey === t.propertyKey && e.align === t.align && e.width === t.width && $(e.property, t.property) && $(e.value, t.value) && $(e.entity.id, t.entity.id) && $(e.entity.values, t.entity.values);
 }
 const ki = function({
   entity: t,
@@ -6666,7 +6666,7 @@ const ki = function({
   hideId: f,
   selectionController: g
 }) {
-  const A = qe(), h = Se(), b = x((k) => {
+  const A = qe(), h = Ie(), b = x((k) => {
     g?.toggleEntitySelection(t);
   }, [t, g?.toggleEntitySelection]), y = x((k) => {
     k.stopPropagation(), g?.toggleEntitySelection(t);
@@ -6688,10 +6688,10 @@ const ki = function({
       children: [
         (w || l) && /* @__PURE__ */ v("div", { className: "w-34 flex justify-center", children: [
           C.map((k, B) => /* @__PURE__ */ n(ke, { title: k.name, children: /* @__PURE__ */ n(
-            ce,
+            de,
             {
-              onClick: (P) => {
-                P.stopPropagation(), k.onClick({
+              onClick: (F) => {
+                F.stopPropagation(), k.onClick({
                   entity: t,
                   fullPath: i,
                   collection: r,
@@ -6710,7 +6710,7 @@ const ki = function({
             xt,
             {
               trigger: /* @__PURE__ */ n(
-                ce,
+                de,
                 {
                   size: A ? "medium" : "small",
                   children: /* @__PURE__ */ n(vn, {})
@@ -6719,8 +6719,8 @@ const ki = function({
               children: _.map((k, B) => /* @__PURE__ */ v(
                 Re,
                 {
-                  onClick: (P) => {
-                    P.stopPropagation(), k.onClick({
+                  onClick: (F) => {
+                    F.stopPropagation(), k.onClick({
                       entity: t,
                       fullPath: i,
                       collection: r,
@@ -6750,7 +6750,7 @@ const ki = function({
           ) })
         ] }),
         !f && c !== "xs" && /* @__PURE__ */ n("div", { className: "w-[138px] text-center overflow-hidden truncate", children: t ? /* @__PURE__ */ v(
-          W,
+          q,
           {
             onClick: (k) => {
               k.stopPropagation();
@@ -6798,7 +6798,7 @@ function Wl({
   return /* @__PURE__ */ v(
     "div",
     {
-      className: Z(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: Z(Se, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full"),
       children: [
         /* @__PURE__ */ v("div", { className: "flex items-center gap-2 md:mr-4 mr-2", children: [
           c && /* @__PURE__ */ n("div", { className: "hidden lg:block", children: c }),
@@ -6945,7 +6945,7 @@ function Kr({ text: e, ...t }) {
       children: /* @__PURE__ */ v("div", { className: "m-auto flex flex-col gap-2 items-center", children: [
         /* @__PURE__ */ n(Et, { ...t }),
         e && /* @__PURE__ */ n(
-          W,
+          q,
           {
             color: "secondary",
             variant: "caption",
@@ -6971,7 +6971,7 @@ const Xl = S.memo(
     createFilterField: u,
     AdditionalHeaderWidget: p
   }) {
-    const [m, f] = Q(!1), [g, A] = S.useState(!1), [h, b] = S.useState(!1), y = x((k) => {
+    const [m, f] = R(!1), [g, A] = S.useState(!1), [h, b] = S.useState(!1), y = x((k) => {
       A(!0);
     }, []), w = x((k, B) => {
       s(c, k), B !== void 0 && A(B);
@@ -7025,7 +7025,7 @@ const Xl = S.memo(
                 color: "secondary",
                 invisible: !a,
                 children: /* @__PURE__ */ v(
-                  ce,
+                  de,
                   {
                     size: "small",
                     className: m || g ? "bg-white dark:bg-gray-950" : void 0,
@@ -7055,7 +7055,7 @@ const Xl = S.memo(
                   className: h ? "hidden" : void 0,
                   modal: !0,
                   trigger: /* @__PURE__ */ n(
-                    ce,
+                    de,
                     {
                       className: m || g ? "bg-white dark:bg-gray-950" : void 0,
                       size: "small",
@@ -7094,7 +7094,7 @@ const Xl = S.memo(
       }
     ) });
   },
-  q
+  $
 );
 function Kl({
   column: e,
@@ -7105,7 +7105,7 @@ function Kl({
   hidden: o,
   setHidden: s
 }) {
-  const l = e.key, [c, d] = Q(r);
+  const l = e.key, [c, d] = R(r);
   if (z(() => {
     d(r);
   }, [r]), !e.filter)
@@ -7134,7 +7134,7 @@ function Kl({
         /* @__PURE__ */ n(
           "div",
           {
-            className: Z(Be, "py-4 px-6 text-xs font-semibold uppercase border-b"),
+            className: Z(Se, "py-4 px-6 text-xs font-semibold uppercase border-b"),
             children: e.title ?? l
           }
         ),
@@ -7179,13 +7179,13 @@ const ec = ({
   createFilterField: c,
   AddColumnComponent: d
 }) => {
-  const u = e.map(() => ta()), [p, m] = Q(-1), f = x((_, C, k) => {
-    const B = e[_], P = 100, N = 800, F = C > N ? N : C < P ? P : C, D = {
-      width: F,
+  const u = e.map(() => ta()), [p, m] = R(-1), f = x((_, C, k) => {
+    const B = e[_], F = 100, I = 800, P = C > I ? I : C < F ? F : C, D = {
+      width: P,
       key: B.key,
       column: {
         ...B,
-        width: F
+        width: P
       }
     };
     k ? l(D) : s(D);
@@ -7218,7 +7218,7 @@ const ec = ({
   return /* @__PURE__ */ v(
     "div",
     {
-      className: Z(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: Z(Se, "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((_, C) => {
           const k = e[C], B = k && o && o[k.key] ? o[k.key] : void 0;
@@ -7282,7 +7282,7 @@ const ec = ({
       }
     );
   },
-  q
+  $
 ), rc = S.memo(
   function(t) {
     return t.rowData && t.cellRenderer(
@@ -7298,7 +7298,7 @@ const ec = ({
       }
     );
   },
-  (e, t) => q(e.rowData, t.rowData) && q(e.column, t.column) && q(e.cellData, t.cellData) && q(e.rowIndex, t.rowIndex) && q(e.cellRenderer, t.cellRenderer) && q(e.columnIndex, t.columnIndex)
+  (e, t) => $(e.rowData, t.rowData) && $(e.column, t.column) && $(e.cellData, t.cellData) && $(e.rowIndex, t.rowIndex) && $(e.cellRenderer, t.cellRenderer) && $(e.columnIndex, t.columnIndex)
 ), _r = ra({});
 _r.displayName = "VirtualListContext";
 const ic = ia(({
@@ -7363,44 +7363,45 @@ const ic = ia(({
     hoverRow: b,
     createFilterField: y,
     rowClassName: w,
-    className: E,
-    endAdornment: _,
-    AddColumnComponent: C
+    style: E,
+    className: _,
+    endAdornment: C,
+    AddColumnComponent: k
   }) {
-    const k = p ? p[0] : void 0, B = p ? p[1] : void 0, [P, N] = Q(o), F = se(null), D = se(0);
+    const B = p ? p[0] : void 0, F = p ? p[1] : void 0, [I, P] = R(o), D = le(null), Y = le(0);
     z(() => {
-      N(o);
+      P(o);
     }, [o]);
-    const [L, re] = Fn(), oe = x((O) => {
-      N(P.map((U) => U.key === O.column.key ? O.column : U));
-    }, [P]), H = x((O) => {
-      N(P.map((U) => U.key === O.column.key ? O.column : U)), l && l(O);
-    }, [P, l]), j = se();
+    const [ne, ie] = Fn(), H = x((j) => {
+      P(I.map((V) => V.key === j.column.key ? j.column : V));
+    }, [I]), U = x((j) => {
+      P(I.map((V) => V.key === j.column.key ? j.column : V)), l && l(j);
+    }, [I, l]), O = le();
     z(() => {
-      j.current = c;
+      O.current = c;
     }, [c]);
-    const V = x(() => {
-      D.current = 0, F.current && F.current.scrollTo(F.current?.scrollLeft, 0);
-    }, []), te = x((O) => {
-      const U = k === O && B === "desc", I = k === O && B === "asc" ? "desc" : U ? void 0 : "asc", R = U ? void 0 : O, Ae = j.current, Ie = I && R ? [R, I] : void 0;
-      Ae && d && !d(Ae, Ie) && u && u(void 0), r && r(), g && g(Ie), V();
-    }, [d, B, u, r, g, V, k]);
+    const K = x(() => {
+      Y.current = 0, D.current && D.current.scrollTo(D.current?.scrollLeft, 0);
+    }, []), ee = x((j) => {
+      const V = B === j && F === "desc", Q = B === j && F === "asc" ? "desc" : V ? void 0 : "asc", Ae = V ? void 0 : j, Be = O.current, ae = Q && Ae ? [Ae, Q] : void 0;
+      Be && d && !d(Be, ae) && u && u(void 0), r && r(), g && g(ae), K();
+    }, [d, F, u, r, g, K, B]);
     x(() => {
-      D.current = 0, g && g(void 0);
+      Y.current = 0, g && g(void 0);
     }, [g]);
-    const K = Math.max((t?.length ?? 0) * a - re.height, 0), ae = x((O) => {
-      i && (t?.length ?? 0) > 0 && O > D.current + 600 && (D.current = O, i());
-    }, [t?.length, i]), de = x(({
-      scrollOffset: O,
-      scrollUpdateWasRequested: U
+    const se = Math.max((t?.length ?? 0) * a - ie.height, 0), ce = x((j) => {
+      i && (t?.length ?? 0) > 0 && j > Y.current + 600 && (Y.current = j, i());
+    }, [t?.length, i]), W = x(({
+      scrollOffset: j,
+      scrollUpdateWasRequested: V
     }) => {
-      !U && O >= K - 600 && ae(O);
-    }, [K, ae]), J = x((O, U) => {
-      D.current = 0;
-      const $ = j.current;
-      let I = $ ? { ...$ } : {};
-      U ? I[O.key] = U : delete I[O.key], !d || d(I, k && B ? [k, B] : void 0) || (I = U ? { [O.key]: U } : {}), u && u(I);
-    }, [d, B, u, k]), ie = x(() => A ? /* @__PURE__ */ n(Kr, {}) : /* @__PURE__ */ v(
+      !V && j >= se - 600 && ce(j);
+    }, [se, ce]), re = x((j, V) => {
+      Y.current = 0;
+      const N = O.current;
+      let Q = N ? { ...N } : {};
+      V ? Q[j.key] = V : delete Q[j.key], !d || d(Q, B && F ? [B, F] : void 0) || (Q = V ? { [j.key]: V } : {}), u && u(Q);
+    }, [d, F, u, B]), T = x(() => A ? /* @__PURE__ */ n(Kr, {}) : /* @__PURE__ */ v(
       "div",
       {
         className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
@@ -7409,54 +7410,55 @@ const ic = ia(({
           f
         ]
       }
-    ), [f, A]), T = !A && (t?.length ?? 0) === 0, ne = m ? /* @__PURE__ */ v(
+    ), [f, A]), oe = !A && (t?.length ?? 0) === 0, te = m ? /* @__PURE__ */ v(
       er,
       {
         maxWidth: "2xl",
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ n(W, { variant: "h6", children: "Error fetching data from the data source" }),
+          /* @__PURE__ */ n(q, { variant: "h6", children: "Error fetching data from the data source" }),
           m?.message && /* @__PURE__ */ n(ac, { text: m.message })
         ]
       }
-    ) : T ? ie() : void 0, ee = {
+    ) : oe ? T() : void 0, J = {
       data: t,
       rowHeight: a,
       cellRenderer: h,
-      columns: P,
-      currentSort: B,
+      columns: I,
+      currentSort: F,
       onRowClick: s,
-      customView: ne,
-      onColumnResize: oe,
-      onColumnResizeEnd: H,
-      filter: j.current,
-      onColumnSort: te,
-      onFilterUpdate: J,
-      sortByProperty: k,
+      customView: te,
+      onColumnResize: H,
+      onColumnResizeEnd: U,
+      filter: O.current,
+      onColumnSort: ee,
+      onFilterUpdate: re,
+      sortByProperty: B,
       hoverRow: b ?? !1,
       createFilterField: y,
       rowClassName: w,
-      endAdornment: _,
-      AddColumnComponent: C
+      endAdornment: C,
+      AddColumnComponent: k
     };
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: L,
-        className: Z("h-full w-full", E),
+        ref: ne,
+        style: E,
+        className: Z("h-full w-full", _),
         children: /* @__PURE__ */ n(
           _r.Provider,
           {
-            value: ee,
+            value: J,
             children: /* @__PURE__ */ n(
               oc,
               {
-                outerRef: F,
-                width: re.width,
-                height: re.height,
-                itemCount: (t?.length ?? 0) + (_ ? 1 : 0),
-                onScroll: de,
-                includeAddColumn: !!C,
+                outerRef: D,
+                width: ie.width,
+                height: ie.height,
+                itemCount: (t?.length ?? 0) + (C ? 1 : 0),
+                onScroll: W,
+                includeAddColumn: !!k,
                 itemSize: a
               },
               a
@@ -7466,7 +7468,7 @@ const ic = ia(({
       }
     );
   },
-  q
+  $
 );
 function oc({
   outerRef: e,
@@ -7580,20 +7582,20 @@ function sc({
 }) {
   const d = i ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="];
   i ? d.push("array-contains-any") : d.push("in", "not-in");
-  const [u, p] = t || [d[0], void 0], [m, f] = Q(u), [g, A] = Q(p), h = g ? Array.isArray(g) ? g.map((N) => N?.isEntityReference && N?.isEntityReference() ? N.id : null).filter(Boolean) : [g.id] : [];
-  function b(N, F) {
-    const D = Tr.includes(m), L = Tr.includes(N);
-    let re = F;
-    D !== L && (re = L ? re?.isEntityReference && re?.isEntityReference() ? [re] : [] : void 0), f(N), A(re);
-    const oe = re !== null && Array.isArray(re) ? re.length > 0 : re !== void 0;
+  const [u, p] = t || [d[0], void 0], [m, f] = R(u), [g, A] = R(p), h = g ? Array.isArray(g) ? g.map((I) => I?.isEntityReference && I?.isEntityReference() ? I.id : null).filter(Boolean) : [g.id] : [];
+  function b(I, P) {
+    const D = Tr.includes(m), Y = Tr.includes(I);
+    let ne = P;
+    D !== Y && (ne = Y ? ne?.isEntityReference && ne?.isEntityReference() ? [ne] : [] : void 0), f(I), A(ne);
+    const ie = ne !== null && Array.isArray(ne) ? ne.length > 0 : ne !== void 0;
     r(
-      N && oe ? [N, re] : void 0
+      I && ie ? [I, ne] : void 0
     );
   }
-  const y = _e(), w = he(() => a ? y.getCollection(a) : void 0, [a]), E = (N) => {
-    b(m, at(N));
-  }, _ = (N) => {
-    b(m, N.map((F) => at(F)));
+  const y = _e(), w = he(() => a ? y.getCollection(a) : void 0, [a]), E = (I) => {
+    b(m, at(I));
+  }, _ = (I) => {
+    b(m, I.map((P) => at(P)));
   }, C = Tr.includes(m), k = Jt(
     {
       multiselect: C,
@@ -7608,14 +7610,14 @@ function sc({
     }
   ), B = () => {
     c(!0), k.open();
-  }, P = (N) => /* @__PURE__ */ n(
+  }, F = (I) => /* @__PURE__ */ n(
     Ze,
     {
       disabled: !a,
       previewProperties: l,
       size: "medium",
       onClick: B,
-      reference: N,
+      reference: I,
       hover: !0,
       includeId: s,
       includeEntityLink: !1
@@ -7626,16 +7628,16 @@ function sc({
       tt,
       {
         value: m,
-        onValueChange: (N) => {
-          b(N, g);
+        onValueChange: (I) => {
+          b(I, g);
         },
-        renderValue: (N) => rn[N],
-        children: d.map((N) => /* @__PURE__ */ n(rt, { value: N, children: rn[N] }, N))
+        renderValue: (I) => rn[I],
+        children: d.map((I) => /* @__PURE__ */ n(rt, { value: I, children: rn[I] }, I))
       }
     ) }),
     /* @__PURE__ */ v("div", { className: "flex-grow ml-2 h-full gap-2 flex flex-col", children: [
-      g && Array.isArray(g) && /* @__PURE__ */ n("div", { children: g.map((N, F) => P(N)) }),
-      g && !Array.isArray(g) && /* @__PURE__ */ n("div", { children: P(g) }),
+      g && Array.isArray(g) && /* @__PURE__ */ n("div", { children: g.map((I, P) => F(I)) }),
+      g && !Array.isArray(g) && /* @__PURE__ */ n("div", { children: F(g) }),
       (!g || Array.isArray(g) && g.length === 0) && /* @__PURE__ */ n(
         ge,
         {
@@ -7658,7 +7660,7 @@ function sc({
                 id: "null-filter",
                 checked: g === null,
                 size: "small",
-                onCheckedChange: (N) => {
+                onCheckedChange: (I) => {
                   g !== null ? b(m, null) : b(m, void 0);
                 }
               }
@@ -7693,7 +7695,7 @@ function lc({
 }) {
   const l = a ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="];
   o && (a ? l.push("array-contains-any") : l.push("in", "not-in"));
-  const [c, d] = t || [l[0], void 0], [u, p] = Q(c), [m, f] = Q(d);
+  const [c, d] = t || [l[0], void 0], [u, p] = R(c), [m, f] = R(d);
   function g(h, b) {
     let y = b;
     const w = Or.includes(u), E = Or.includes(h);
@@ -7728,7 +7730,7 @@ function lc({
             g(u, b);
           },
           endAdornment: m && /* @__PURE__ */ n(
-            ce,
+            de,
             {
               onClick: (h) => g(u, void 0),
               children: /* @__PURE__ */ n(Tt, {})
@@ -7746,7 +7748,7 @@ function lc({
           },
           multiple: A,
           endAdornment: m && /* @__PURE__ */ n(
-            ce,
+            de,
             {
               className: "absolute right-2 top-3",
               onClick: (h) => g(u, void 0),
@@ -7845,7 +7847,7 @@ function dc({
   setValue: a,
   title: o
 }) {
-  const { locale: s } = pe(), l = t ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [c, d] = i || [l[0], void 0], [u, p] = Q(c), [m, f] = Q(d);
+  const { locale: s } = pe(), l = t ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="], [c, d] = i || [l[0], void 0], [u, p] = R(c), [m, f] = R(d);
   function g(A, h) {
     let b = h;
     const y = an.includes(u), w = an.includes(A);
@@ -7933,48 +7935,48 @@ const uc = S.memo(
       setPopupCell: k
     },
     filterable: B = !0,
-    emptyComponent: P,
-    columns: N,
-    forceFilter: F,
+    emptyComponent: F,
+    columns: I,
+    forceFilter: P,
     highlightedRow: D,
-    endAdornment: L,
-    AddColumnComponent: re
+    endAdornment: Y,
+    AddColumnComponent: ne
   }) {
-    const oe = se(null), [H, j] = S.useState(void 0), V = () => {
+    const ie = le(null), [H, U] = S.useState(void 0), O = () => {
       !_ || d || u || y !== void 0 && w?.(y + E);
-    }, te = x(() => {
+    }, K = x(() => {
       w?.(E);
-    }, [E]), K = x(({ rowData: ie }) => {
+    }, [E]), ee = x(({ rowData: re }) => {
       if (!l)
-        return i && i(ie);
+        return i && i(re);
     }, [i, l]);
     kn(
-      oe,
+      ie,
       () => {
-        H && de();
+        H && ce();
       },
       !!H
     ), z(() => {
-      const ie = (T) => {
-        T.keyCode === 27 && de();
+      const re = (T) => {
+        T.keyCode === 27 && ce();
       };
-      return document.addEventListener("keydown", ie, !1), () => {
-        document.removeEventListener("keydown", ie, !1);
+      return document.addEventListener("keydown", re, !1), () => {
+        document.removeEventListener("keydown", re, !1);
       };
     });
-    const ae = x((ie) => {
-      j(ie);
-    }, []), de = x(() => {
-      j(void 0);
-    }, []), J = x((ie) => {
-      f?.({ ...ie, ...F });
-    }, [F]);
+    const se = x((re) => {
+      U(re);
+    }, []), ce = x(() => {
+      U(void 0);
+    }, []), W = x((re) => {
+      f?.({ ...re, ...P });
+    }, [P]);
     return /* @__PURE__ */ n(
       So.Provider,
       {
         value: {
           setPopupCell: k,
-          select: ae,
+          select: se,
           onValueChange: t,
           size: s ?? "m",
           selectedCell: H
@@ -7983,33 +7985,33 @@ const uc = S.memo(
           "div",
           {
             className: "h-full w-full flex flex-col bg-white dark:bg-gray-950",
-            ref: oe,
+            ref: ie,
             children: /* @__PURE__ */ n(
               nc,
               {
                 data: c,
-                columns: N,
+                columns: I,
                 cellRenderer: r,
-                onRowClick: l ? void 0 : i ? K : void 0,
-                onEndReached: V,
-                onResetPagination: te,
+                onRowClick: l ? void 0 : i ? ee : void 0,
+                onEndReached: O,
+                onResetPagination: K,
                 error: p,
                 paginationEnabled: _,
                 onColumnResize: a,
                 rowHeight: kr(s),
                 loading: d,
                 filter: m,
-                onFilterUpdate: f ? J : void 0,
+                onFilterUpdate: f ? W : void 0,
                 sortBy: g,
                 onSortByUpdate: A,
                 hoverRow: o,
                 checkFilterCombination: C,
                 createFilterField: B ? mc : void 0,
-                rowClassName: x((ie) => D?.(ie) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [D]),
+                rowClassName: x((re) => D?.(re) ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "", [D]),
                 className: "flex-grow",
-                emptyComponent: P,
-                endAdornment: L,
-                AddColumnComponent: re
+                emptyComponent: F,
+                endAdornment: Y,
+                AddColumnComponent: ne
               }
             )
           }
@@ -8017,7 +8019,7 @@ const uc = S.memo(
       }
     );
   },
-  q
+  $
 );
 function mc({
   id: e,
@@ -8114,20 +8116,20 @@ const Qo = function({
   properties: C,
   tableController: k,
   filterable: B = !0,
-  sortable: P = !0,
-  endAdornment: N,
-  AddColumnComponent: F,
+  sortable: F = !0,
+  endAdornment: I,
+  AddColumnComponent: P,
   AdditionalHeaderWidget: D,
-  additionalIDHeaderWidget: L,
-  emptyComponent: re,
-  getIdColumnWidth: oe,
+  additionalIDHeaderWidget: Y,
+  emptyComponent: ne,
+  getIdColumnWidth: ie,
   onTextSearchClick: H,
-  textSearchLoading: j,
-  enablePopupIcon: V
+  textSearchLoading: U,
+  enablePopupIcon: O
 }) {
-  const te = se(null), K = qe(), ae = (p?.selectedEntities?.length > 0 ? p?.selectedEntities : m)?.filter(Boolean), de = Se(), [J, ie] = S.useState(_ ?? "m"), T = ae?.map((M) => M.id), ne = x((M) => {
-    A && A(M), ie(M);
-  }, []), ee = x((M) => k.setSearchString?.(M), []), O = he(() => w ? w.map((M) => ({ [M.key]: M })).reduce((M, ue) => ({ ...M, ...ue }), {}) : {}, [w]), U = c, $ = ({
+  const K = le(null), ee = qe(), se = (p?.selectedEntities?.length > 0 ? p?.selectedEntities : m)?.filter(Boolean), ce = Ie(), [W, re] = S.useState(_ ?? "m"), T = se?.map((M) => M.id), oe = x((M) => {
+    A && A(M), re(M);
+  }, []), te = x((M) => k.setSearchString?.(M), []), J = he(() => w ? w.map((M) => ({ [M.key]: M })).reduce((M, ue) => ({ ...M, ...ue }), {}) : {}, [w]), j = c, V = ({
     column: M,
     columnIndex: ue,
     rowData: ve,
@@ -8147,34 +8149,34 @@ const Qo = function({
         propertyKey: We,
         property: He,
         value: xe?.values ? ot(xe.values, We) : void 0,
-        customFieldValidator: U,
+        customFieldValidator: j,
         columnIndex: ue,
         width: M.width,
-        height: kr(J),
+        height: kr(W),
         entity: xe,
         disabled: Je,
-        enablePopupIcon: V,
+        enablePopupIcon: O,
         path: xe.path
       },
       `property_table_cell_${xe.id}_${We}`
     ) : nt() }) : null;
-  }, I = x(({
+  }, N = x(({
     column: M,
     rowData: ue,
     width: ve
   }) => {
-    const we = ue, xe = O[M.key], We = xe.dependencies ? Object.entries(we.values).filter(([Ke, st]) => xe.dependencies.includes(Ke)).reduce((Ke, st) => ({ ...Ke, ...st }), {}) : we, Je = xe.Builder;
+    const we = ue, xe = J[M.key], We = xe.dependencies ? Object.entries(we.values).filter(([Ke, st]) => xe.dependencies.includes(Ke)).reduce((Ke, st) => ({ ...Ke, ...st }), {}) : we, Je = xe.Builder;
     if (!Je && !xe.value)
       throw new Error("When using additional fields you need to provide a Builder or a value");
-    const He = Je ? /* @__PURE__ */ n(Je, { entity: we, context: de }) : /* @__PURE__ */ n(G, { children: xe.value?.({
+    const He = Je ? /* @__PURE__ */ n(Je, { entity: we, context: ce }) : /* @__PURE__ */ n(G, { children: xe.value?.({
       entity: we,
-      context: de
+      context: ce
     }) });
     return /* @__PURE__ */ n(
       ur,
       {
         width: ve,
-        size: J,
+        size: W,
         value: We,
         selected: !1,
         disabled: !0,
@@ -8186,10 +8188,10 @@ const Qo = function({
       },
       `additional_table_cell_${we.id}_${M.key}`
     );
-  }, [J, T]), R = (() => {
+  }, [W, T]), Q = (() => {
     const M = Zl({
       properties: C,
-      sortable: P,
+      sortable: F,
       forceFilter: i,
       AdditionalHeaderWidget: D
     }), ue = w ? w.map((ve) => ({
@@ -8200,25 +8202,25 @@ const Qo = function({
       width: ve.width ?? 200
     })) : [];
     return [...M, ...ue];
-  })(), Ie = [
+  })(), Be = [
     {
       key: "id_ewcfedcswdf3",
-      width: oe?.() ?? (K ? 160 : 130),
+      width: ie?.() ?? (ee ? 160 : 130),
       title: "ID",
       resizable: !1,
-      frozen: K,
+      frozen: ee,
       headerAlign: "center",
       align: "center",
-      AdditionalHeaderWidget: () => L
+      AdditionalHeaderWidget: () => Y
     },
-    ...E ? E.map((M) => R.find((ue) => ue.key === M.key)).filter(Boolean) : R
-  ], le = (M) => {
+    ...E ? E.map((M) => Q.find((ue) => ue.key === M.key)).filter(Boolean) : Q
+  ], ae = (M) => {
     const ue = M.column, ve = M.columns, we = ue.key;
     try {
       if (M.columnIndex === 0)
         return l ? l({
           entity: M.rowData,
-          size: J,
+          size: W,
           width: ue.width,
           frozen: ue.frozen
         }) : /* @__PURE__ */ n(
@@ -8228,19 +8230,19 @@ const Qo = function({
             width: ue.width,
             frozen: ue.frozen,
             isSelected: !1,
-            size: J
+            size: W
           }
         );
-      if (O[we])
-        return I(M);
+      if (J[we])
+        return N(M);
       if (M.columnIndex < ve.length + 1)
-        return $(M);
+        return V(M);
       throw Error("Internal: columns not mapped properly");
     } catch (xe) {
       return console.error("Error rendering cell", xe), /* @__PURE__ */ n(
         ur,
         {
-          size: J,
+          size: W,
           width: ue.width,
           saved: !1,
           value: null,
@@ -8255,18 +8257,18 @@ const Qo = function({
   return /* @__PURE__ */ v(
     "div",
     {
-      ref: te,
+      ref: K,
       style: r,
       className: Z("h-full w-full flex flex-col bg-white dark:bg-gray-950", t),
       children: [
         /* @__PURE__ */ n(
           Wl,
           {
-            onTextSearch: h ? ee : void 0,
-            textSearchLoading: j,
+            onTextSearch: h ? te : void 0,
+            textSearchLoading: U,
             onTextSearchClick: h ? H : void 0,
-            size: J,
-            onSizeChanged: ne,
+            size: W,
+            onSizeChanged: oe,
             title: s,
             actionsStart: a,
             actions: o,
@@ -8276,10 +8278,10 @@ const Qo = function({
         /* @__PURE__ */ n(
           uc,
           {
-            columns: Ie,
-            size: J,
+            columns: Be,
+            size: W,
             inlineEditing: y,
-            cellRenderer: le,
+            cellRenderer: ae,
             onEntityClick: f,
             highlightedRow: x((M) => T?.includes(M.id) ?? !1, [T]),
             tableController: k,
@@ -8287,9 +8289,9 @@ const Qo = function({
             onColumnResize: g,
             hoverRow: b,
             filterable: B,
-            emptyComponent: re,
-            endAdornment: N,
-            AddColumnComponent: F
+            emptyComponent: ne,
+            endAdornment: I,
+            AddColumnComponent: P
           }
         )
       ]
@@ -8306,10 +8308,10 @@ function pc({
   return [...t, ...e.filter((i) => !r.has(i.id))];
 }
 function fc(e, t, r = 5e3) {
-  const [i, a] = S.useState(e), o = S.useRef(i.length ?? 0), s = S.useRef(!1), l = S.useRef(t), c = !q(l.current, t), d = e.length >= o.current || c;
+  const [i, a] = S.useState(e), o = S.useRef(i.length ?? 0), s = S.useRef(!1), l = S.useRef(t), c = !$(l.current, t), d = e.length >= o.current || c;
   return S.useEffect(() => {
     const u = () => {
-      q(i, e) || (l.current = t, o.current = e.length, a(e)), s.current = !1;
+      $(i, e) || (l.current = t, o.current = e.length, a(e)), s.current = !1;
     };
     s.current = !0;
     let p;
@@ -8331,21 +8333,21 @@ function Ro({
     initialSort: s,
     forceFilter: l
   } = t, [c, d] = S.useState(void 0), u = _e(), p = Xe(t), m = he(() => u.resolveAliasesFrom(e), [e, u.resolveAliasesFrom]), f = a ?? l, g = t.pagination === void 0 || !!t.pagination, A = typeof t.pagination == "number" ? t.pagination : hc, [h, b] = S.useState(), [y, w] = S.useState(g ? A : void 0), E = he(() => {
-    if (s && f && !K(f, s)) {
+    if (s && f && !ee(f, s)) {
       console.warn("Initial sort is not compatible with the force filter. Ignoring initial sort");
       return;
     }
     return s;
   }, [s, f]);
   z(() => {
-    q(f, _) || C(f);
+    $(f, _) || C(f);
   }, [f]);
-  const [_, C] = S.useState(f ?? o ?? void 0), [k, B] = S.useState(E), P = k ? k[0] : void 0, N = k ? k[1] : void 0, F = Se(), [D, L] = Q([]), [re, oe] = Q(!1), [H, j] = Q(), [V, te] = Q(!1), K = x((T, ne) => p.isFilterCombinationValid ? p.isFilterCombinationValid({
+  const [_, C] = S.useState(f ?? o ?? void 0), [k, B] = S.useState(E), F = k ? k[0] : void 0, I = k ? k[1] : void 0, P = Ie(), [D, Y] = R([]), [ne, ie] = R(!1), [H, U] = R(), [O, K] = R(!1), ee = x((T, oe) => p.isFilterCombinationValid ? p.isFilterCombinationValid({
     path: m,
     collection: t,
     filterValues: T,
-    sortBy: ne
-  }) : !0, []), ae = x(() => C(f ?? void 0), [f]), de = x((T) => {
+    sortBy: oe
+  }) : !0, []), se = x(() => C(f ?? void 0), [f]), ce = x((T) => {
     if (f) {
       console.warn("Filter is not compatible with the force filter. Ignoring filter");
       return;
@@ -8353,39 +8355,39 @@ function Ro({
     T && Object.keys(T).length === 0 ? C(void 0) : C(T);
   }, [f]);
   z(() => {
-    oe(!0);
-    const T = async (ee) => {
+    ie(!0);
+    const T = async (te) => {
       if (t.callbacks?.onFetch)
         try {
-          ee = await Promise.all(
-            ee.map((O) => t.callbacks.onFetch({
+          te = await Promise.all(
+            te.map((J) => t.callbacks.onFetch({
               collection: t,
               path: m,
-              entity: O,
-              context: F
+              entity: J,
+              context: P
             }))
           );
-        } catch (O) {
-          console.error(O);
+        } catch (J) {
+          console.error(J);
         }
-      oe(!1), j(void 0), L(ee.map((O) => ({
-        ...O
+      ie(!1), U(void 0), Y(te.map((J) => ({
+        ...J
         // values: sanitizeData(e.values, resolvedCollection.properties)
-      }))), te(!y || ee.length < y);
-    }, ne = (ee) => {
-      console.error("ERROR", ee), oe(!1), L([]), j(ee);
+      }))), K(!y || te.length < y);
+    }, oe = (te) => {
+      console.error("ERROR", te), ie(!1), Y([]), U(te);
     };
     return p.listenCollection ? p.listenCollection({
       path: m,
       collection: t,
       onUpdate: T,
-      onError: ne,
+      onError: oe,
       searchString: h,
       filter: _,
       limit: y,
       startAfter: void 0,
-      orderBy: P,
-      order: N
+      orderBy: F,
+      order: I
     }) : (p.fetchCollection({
       path: m,
       collection: t,
@@ -8393,43 +8395,43 @@ function Ro({
       filter: _,
       limit: y,
       startAfter: void 0,
-      orderBy: P,
-      order: N
-    }).then(T).catch(ne), () => {
+      orderBy: F,
+      order: I
+    }).then(T).catch(oe), () => {
     });
-  }, [m, y, N, P, _, h]);
-  const J = pc({
+  }, [m, y, I, F, _, h]);
+  const W = pc({
     data: D,
     entitiesDisplayedFirst: r
   });
   return {
-    data: fc(J, {
+    data: fc(W, {
       filterValues: _,
       sortBy: k,
       searchString: h,
       lastDeleteTimestamp: i
     }),
-    dataLoading: re,
-    noMoreToLoad: V,
+    dataLoading: ne,
+    noMoreToLoad: O,
     dataLoadingError: H,
     filterValues: _,
-    setFilterValues: de,
+    setFilterValues: ce,
     sortBy: k,
     setSortBy: B,
     searchString: h,
     setSearchString: b,
-    clearFilter: ae,
+    clearFilter: se,
     itemCount: y,
     setItemCount: w,
     paginationEnabled: g,
     pageSize: A,
-    checkFilterCombination: K,
+    checkFilterCombination: ee,
     popupCell: c,
     setPopupCell: d
   };
 }
 function Do(e) {
-  const [t, r] = Q([]), i = x((o) => {
+  const [t, r] = R([]), i = x((o) => {
     let s;
     t.map((l) => l.id).includes(o.id) ? (e?.(o, !1), s = t.filter((l) => l.id !== o.id)) : (e?.(o, !0), s = [...t, o]), r(s);
   }, [t]), a = x((o) => t.map((s) => s.id).includes(o.id), [t]);
@@ -8441,7 +8443,7 @@ function Do(e) {
   };
 }
 function To({ collection: e, fullPath: t, parentCollectionIds: r }) {
-  const i = Se(), a = pe(), [o, s] = Q(!1), [l, c] = Q(!1);
+  const i = Ie(), a = pe(), [o, s] = R(!1), [l, c] = R(!1);
   let d, u = !!e.textSearchEnabled;
   return a?.plugins && (d = a.plugins?.find((m) => !!m.collectionView?.onTextSearchClick) ? () => {
     s(!0), Promise.all(a.plugins?.map((m) => m.collectionView?.onTextSearchClick ? m.collectionView.onTextSearchClick({ context: i, path: t, collection: e, parentCollectionIds: r }) : Promise.resolve(!0))).then((m) => {
@@ -8461,7 +8463,7 @@ function Oo({
   onMultipleEntitiesDelete: s,
   path: l
 }) {
-  const c = Xe(t), d = pe(), u = ft(), [p, m] = Q(!1), [f, g] = S.useState(), [A, h] = S.useState(), b = Se();
+  const c = Xe(t), d = pe(), u = ft(), [p, m] = R(!1), [f, g] = S.useState(), [A, h] = S.useState(), b = Ie();
   S.useEffect(() => {
     if (e) {
       const D = Array.isArray(e) && e.length === 1 ? e[0] : e;
@@ -8476,21 +8478,21 @@ function Oo({
     r();
   }, [r]), E = x((D) => {
     console.debug("Deleted", D);
-  }, []), _ = x((D, L) => {
+  }, []), _ = x((D, Y) => {
     u.open({
       type: "error",
-      message: "Error deleting: " + L?.message
-    }), console.error("Error deleting entity"), console.error(L);
-  }, [y.name]), C = x((D, L) => {
+      message: "Error deleting: " + Y?.message
+    }), console.error("Error deleting entity"), console.error(Y);
+  }, [y.name]), C = x((D, Y) => {
     u.open({
       type: "error",
-      message: "Error before deleting: " + L?.message
-    }), console.error(L);
-  }, [y.name]), k = x((D, L) => {
+      message: "Error before deleting: " + Y?.message
+    }), console.error(Y);
+  }, [y.name]), k = x((D, Y) => {
     u.open({
       type: "error",
-      message: "Error after deleting: " + L?.message
-    }), console.error(L);
+      message: "Error after deleting: " + Y?.message
+    }), console.error(Y);
   }, [y.name]), B = x((D) => Ds({
     dataSource: c,
     entity: D,
@@ -8501,7 +8503,7 @@ function Oo({
     onPreDeleteHookError: C,
     onDeleteSuccessHookError: k,
     context: b
-  }), [c, y, a, E, _, C, k, b]), P = x(async () => {
+  }), [c, y, a, E, _, C, k, b]), F = x(async () => {
     f && (m(!0), A ? Promise.all(f.map(B)).then((D) => {
       m(!1), s && f && s(l, f), D.every(Boolean) ? u.open({
         type: "success",
@@ -8520,12 +8522,12 @@ function Oo({
       }), r());
     }));
   }, [f, A, B, s, l, r, u, y.name, o]);
-  let N;
+  let I;
   if (f && A)
-    N = /* @__PURE__ */ n(G, { children: "Multiple entities" });
+    I = /* @__PURE__ */ n(G, { children: "Multiple entities" });
   else {
     const D = f;
-    N = D ? /* @__PURE__ */ n(
+    I = D ? /* @__PURE__ */ n(
       ko,
       {
         entity: D,
@@ -8534,7 +8536,7 @@ function Oo({
       }
     ) : /* @__PURE__ */ n(G, {});
   }
-  const F = A ? /* @__PURE__ */ v(G, { children: [
+  const P = A ? /* @__PURE__ */ v(G, { children: [
     /* @__PURE__ */ n("b", { children: y.name }),
     ": Confirm multiple delete?"
   ] }) : `Would you like to delete this ${y.singularName ?? y.name}?`;
@@ -8547,8 +8549,8 @@ function Oo({
       onOpenChange: (D) => D ? void 0 : r(),
       children: [
         /* @__PURE__ */ v(mi, { fullHeight: !0, children: [
-          /* @__PURE__ */ n(W, { variant: "subtitle2", className: "p-4", children: F }),
-          !A && /* @__PURE__ */ n("div", { className: "p-4", children: N })
+          /* @__PURE__ */ n(q, { variant: "subtitle2", className: "p-4", children: P }),
+          !A && /* @__PURE__ */ n("div", { className: "p-4", children: I })
         ] }),
         /* @__PURE__ */ v(Ct, { children: [
           p && /* @__PURE__ */ n(Et, { size: "small" }),
@@ -8567,7 +8569,7 @@ function Oo({
             {
               autoFocus: !0,
               disabled: p,
-              onClick: P,
+              onClick: F,
               variant: "filled",
               color: "primary",
               children: "Ok"
@@ -8696,36 +8698,36 @@ function Ac({
   forceFilter: l,
   maxSelection: c
 }) {
-  const d = Fi(), u = pt(), p = _e(), m = St(), f = pe(), g = p.resolveAliasesFrom(a), A = Xe(i), [h, b] = Q([]), y = (H) => {
-    let j;
-    const V = w.selectedEntities;
+  const d = Fi(), u = pt(), p = _e(), m = St(), f = pe(), g = p.resolveAliasesFrom(a), A = Xe(i), [h, b] = R([]), y = (H) => {
+    let U;
+    const O = w.selectedEntities;
     if (m.onAnalyticsEvent?.("reference_selection_toggle", {
       path: g,
       entityId: H.id
-    }), V) {
-      if (V.map((te) => te.id).indexOf(H.id) > -1)
-        j = V.filter((te) => te.id !== H.id);
+    }), O) {
+      if (O.map((K) => K.id).indexOf(H.id) > -1)
+        U = O.filter((K) => K.id !== H.id);
       else {
-        if (c && V.length >= c)
+        if (c && O.length >= c)
           return;
-        j = [...V, H];
+        U = [...O, H];
       }
-      w.setSelectedEntities(j), t && t(j);
+      w.setSelectedEntities(U), t && t(U);
     }
   }, w = Do(y);
   z(() => {
     let H = !1;
-    const j = o?.map((V) => V?.toString()).filter(Boolean);
-    return j && i ? Promise.all(
-      j.map((V) => A.fetchEntity({
+    const U = o?.map((O) => O?.toString()).filter(Boolean);
+    return U && i ? Promise.all(
+      U.map((O) => A.fetchEntity({
         path: g,
-        entityId: V,
+        entityId: O,
         collection: i
       }))
-    ).then((V) => {
+    ).then((O) => {
       if (!H) {
-        const te = V.filter((K) => K !== void 0);
-        w.setSelectedEntities(te), b(te);
+        const K = O.filter((ee) => ee !== void 0);
+        w.setSelectedEntities(K), b(K);
       }
     }) : (w.setSelectedEntities([]), b([])), () => {
       H = !0;
@@ -8754,19 +8756,19 @@ function Ac({
     });
   }, k = ({
     entity: H,
-    size: j,
-    width: V,
-    frozen: te
+    size: U,
+    width: O,
+    frozen: K
   }) => {
-    const K = w.selectedEntities, ae = K && K.map((de) => de.id).indexOf(H.id) > -1;
+    const ee = w.selectedEntities, se = ee && ee.map((ce) => ce.id).indexOf(H.id) > -1;
     return /* @__PURE__ */ n(
       ki,
       {
-        width: V,
-        frozen: te,
+        width: O,
+        frozen: K,
         entity: H,
-        size: j,
-        isSelected: ae,
+        size: U,
+        isSelected: se,
         selectionEnabled: r,
         hideId: i?.hideIdFromCollection,
         fullPath: g,
@@ -8783,21 +8785,21 @@ function Ac({
         error: "Could not find collection with id " + i
       }
     );
-  const P = he(() => je({
+  const F = he(() => je({
     collection: i,
     path: g,
     values: {},
     fields: f.propertyConfigs
-  }), [i, f.propertyConfigs, g]), N = No(P, !1), F = Ro({
+  }), [i, f.propertyConfigs, g]), I = No(F, !1), P = Ro({
     fullPath: g,
     collection: i,
     entitiesDisplayedFirst: h,
     forceFilter: l
   }), {
     textSearchLoading: D,
-    textSearchInitialised: L,
-    onTextSearchClick: re,
-    textSearchEnabled: oe
+    textSearchInitialised: Y,
+    onTextSearchClick: ne,
+    textSearchEnabled: ie
   } = (
     // eslint-disable-next-line react-hooks/rules-of-hooks
     To({
@@ -8810,16 +8812,16 @@ function Ac({
       Qo,
       {
         textSearchLoading: D,
-        onTextSearchClick: L ? void 0 : re,
-        textSearchEnabled: oe,
-        displayedColumnIds: N,
+        onTextSearchClick: Y ? void 0 : ne,
+        textSearchEnabled: ie,
+        displayedColumnIds: I,
         onEntityClick: _,
-        tableController: F,
+        tableController: P,
         enablePopupIcon: !1,
         tableRowActionsBuilder: k,
-        title: /* @__PURE__ */ n(W, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
+        title: /* @__PURE__ */ n(q, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
         defaultSize: i.defaultSize,
-        properties: P.properties,
+        properties: F.properties,
         forceFilter: l,
         inlineEditing: !1,
         selectionController: w,
@@ -8836,7 +8838,7 @@ function Ac({
     ) }),
     /* @__PURE__ */ v(Ct, { translucent: !1, children: [
       s && /* @__PURE__ */ n(
-        W,
+        q,
         {
           variant: "body2",
           className: "flex-grow text-left",
@@ -8922,7 +8924,7 @@ function sn({
           }
       },
       title: /* @__PURE__ */ n(
-        W,
+        q,
         {
           color: "secondary",
           className: "font-medium ml-1",
@@ -8973,7 +8975,7 @@ function yc({
                 }
               ),
               /* @__PURE__ */ n(
-                W,
+                q,
                 {
                   gutterBottom: !0,
                   variant: "h5",
@@ -8982,7 +8984,7 @@ function yc({
                 }
               ),
               t && /* @__PURE__ */ n(
-                W,
+                q,
                 {
                   variant: "body2",
                   color: "secondary",
@@ -9018,7 +9020,7 @@ function wc({
         /* @__PURE__ */ v("div", { className: "flex flex-row items-center flex-grow gap-2 ", children: [
           r,
           /* @__PURE__ */ n(
-            W,
+            q,
             {
               gutterBottom: !0,
               variant: "h5",
@@ -9043,9 +9045,9 @@ function vc({
   onClick: s,
   type: l
 }) {
-  const c = Bt(), d = /* @__PURE__ */ n(Hr, { collectionOrView: t ?? r }), u = $t(), p = Se(), m = pe(), f = (c?.favouritePaths ?? []).includes(e), g = c ? [
+  const c = Bt(), d = /* @__PURE__ */ n(Hr, { collectionOrView: t ?? r }), u = $t(), p = Ie(), m = pe(), f = (c?.favouritePaths ?? []).includes(e), g = c ? [
     /* @__PURE__ */ n(
-      ce,
+      de,
       {
         onClick: (h) => {
           h.preventDefault(), h.stopPropagation(), f ? c.setFavouritePaths(
@@ -9193,7 +9195,7 @@ function Ec({
   additionalChildrenStart: t,
   additionalChildrenEnd: r
 }) {
-  const i = Se(), a = pe(), o = _e();
+  const i = Ie(), a = pe(), o = _e();
   if (!o.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
   const {
@@ -9203,7 +9205,7 @@ function Ec({
   } = xc(), {
     navigationEntries: d,
     groups: u
-  } = o.topLevelNavigation, [p, m] = Q(null), f = p ? d.filter((w) => p.includes(w.url)) : d;
+  } = o.topLevelNavigation, [p, m] = R(null), f = p ? d.filter((w) => p.includes(w.url)) : d;
   z(() => {
     _t.addDocuments(d);
   }, [d]);
@@ -9285,12 +9287,12 @@ function Ec({
                   {
                     ...B,
                     onClick: () => {
-                      let P;
-                      B.type === "collection" ? P = "home_navigate_to_collection" : B.type === "view" ? P = "home_navigate_to_view" : B.type === "admin" ? P = "home_navigate_to_admin_view" : P = "unmapped_event", i.analyticsController?.onAnalyticsEvent?.(P, { path: B.path });
+                      let F;
+                      B.type === "collection" ? F = "home_navigate_to_collection" : B.type === "view" ? F = "home_navigate_to_view" : B.type === "admin" ? F = "home_navigate_to_admin_view" : F = "unmapped_event", i.analyticsController?.onAnalyticsEvent?.(F, { path: B.path });
                     }
                   }
                 ) }, `nav_${B.group}_${B.name}`)),
-                w?.toLowerCase() !== "admin" && _ && _.map((B, P) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(B, { ...C }) }, `nav_${w}_add_${P}`))
+                w?.toLowerCase() !== "admin" && _ && _.map((B, F) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(B, { ...C }) }, `nav_${w}_add_${F}`))
               ] })
             },
             `plugin_section_${w}`
@@ -9315,7 +9317,7 @@ function Cc({
   tableController: c,
   collectionEntitiesCount: d
 }) {
-  const u = Se(), m = pe().plugins ?? [], f = mt(), g = qe(), A = l.selectedEntities, h = zt(e, f, s, null) && i && (g ? /* @__PURE__ */ v(
+  const u = Ie(), m = pe().plugins ?? [], f = mt(), g = qe(), A = l.selectedEntities, h = zt(e, f, s, null) && i && (g ? /* @__PURE__ */ v(
     ge,
     {
       id: `add_entity_${s}`,
@@ -9356,7 +9358,7 @@ function Cc({
         ]
       }
     ) : /* @__PURE__ */ n(
-      ce,
+      de,
       {
         color: "primary",
         disabled: !A?.length || !b,
@@ -9431,7 +9433,7 @@ function Bc({
   });
 }
 function Sc() {
-  const [e, t] = Q({ width: 0, height: 0 });
+  const [e, t] = R({ width: 0, height: 0 });
   return Gr(() => {
     function r() {
       t({ width: window.innerWidth, height: window.innerHeight });
@@ -9440,7 +9442,7 @@ function Sc() {
   }, []), e;
 }
 const Ic = ({ onResize: e }) => {
-  const t = se(0), r = se(null), i = se(e);
+  const t = le(0), r = le(null), i = le(e);
   i.current = e;
   const a = x((s) => {
     t.current && cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
@@ -9493,13 +9495,13 @@ function Fc({
   onCellValueChange: d,
   container: u
 }) {
-  const p = Se(), m = pe(), [f, g] = S.useState(), [A, h] = Q(), b = t?.id, [y, w] = Q(t), [E, _] = Q(y?.values), C = a ? je({
+  const p = Ie(), m = pe(), [f, g] = S.useState(), [A, h] = R(), b = t?.id, [y, w] = R(t), [E, _] = R(y?.values), C = a ? je({
     collection: a,
     path: o,
     values: E,
     entityId: b,
     fields: m.propertyConfigs
-  }) : void 0, k = Sc(), B = S.useRef(null), P = S.useRef(null), N = S.useRef(!1), F = x(() => {
+  }) : void 0, k = Sc(), B = S.useRef(null), F = S.useRef(null), I = S.useRef(!1), P = x(() => {
     if (!s)
       throw Error("getInitialLocation error");
     return {
@@ -9507,55 +9509,55 @@ function Fc({
       y: s.top < k.height - s.bottom ? s.y + s.height / 2 : s.y - s.height / 2
     };
   }, [s, k.height, k.width]), D = x(({
-    x: $,
-    y: I
+    x: V,
+    y: N
   }) => {
-    const R = B.current?.getBoundingClientRect();
-    if (!R)
+    const Q = B.current?.getBoundingClientRect();
+    if (!Q)
       throw Error("normalizePosition called before draggableBoundingRect is set");
     return {
-      x: Math.max(0, Math.min($, k.width - R.width)),
-      y: Math.max(0, Math.min(I, k.height - R.height))
+      x: Math.max(0, Math.min(V, k.width - Q.width)),
+      y: Math.max(0, Math.min(N, k.height - Q.height))
     };
-  }, [k]), L = x(($) => {
-    const I = B.current?.getBoundingClientRect();
-    if (!s || !I)
+  }, [k]), Y = x((V) => {
+    const N = B.current?.getBoundingClientRect();
+    if (!s || !N)
       return;
-    const R = $ ?? D(F());
-    (!A || R.x !== A.x || R.y !== A.y) && h(R);
-  }, [s, F, D, A]);
+    const Q = V ?? D(P());
+    (!A || Q.x !== A.x || Q.y !== A.y) && h(Q);
+  }, [s, P, D, A]);
   Bc({
     containerRef: B,
-    innerRef: P,
+    innerRef: F,
     x: A?.x,
     y: A?.y,
-    onMove: L
+    onMove: Y
   }), z(
     () => {
-      N.current = !1;
+      I.current = !1;
     },
     [i, y]
   ), Gr(
     () => {
-      const $ = B.current?.getBoundingClientRect();
-      !s || !$ || N.current || (L(), N.current = !0);
+      const V = B.current?.getBoundingClientRect();
+      !s || !V || I.current || (Y(), I.current = !0);
     },
-    [s, L, N.current]
+    [s, Y, I.current]
   ), Gr(
     () => {
-      L(A);
+      Y(A);
     },
     [k, s]
   );
-  const re = he(() => {
+  const ne = he(() => {
     if (!(!C || !b))
       return Bo(
         b,
         i && C.properties[i] ? { [i]: C.properties[i] } : {},
         r
       );
-  }, [C, b, i, r]), oe = x(() => L(A), [A, L]), H = async ($) => (g(null), a && y && d && i ? d({
-    value: $[i],
+  }, [C, b, i, r]), ie = x(() => Y(A), [A, Y]), H = async (V) => (g(null), a && y && d && i ? d({
+    value: V[i],
     propertyKey: i,
     data: y,
     setError: g,
@@ -9564,22 +9566,22 @@ function Fc({
   }) : Promise.resolve());
   if (!y)
     return /* @__PURE__ */ n(G, {});
-  const j = pn({
+  const U = pn({
     initialValues: y?.values ?? {},
-    validation: ($) => re?.validate($, { abortEarly: !1 }).then(() => ({})).catch((I) => {
-      const R = {};
-      return I.inner.forEach((Ae) => {
-        R[Ae.path] = Ae.message;
-      }), R;
+    validation: (V) => ne?.validate(V, { abortEarly: !1 }).then(() => ({})).catch((N) => {
+      const Q = {};
+      return N.inner.forEach((Ae) => {
+        Q[Ae.path] = Ae.message;
+      }), Q;
     }),
     validateOnInitialRender: !0,
-    onSubmit: ($, I) => {
-      H($).then(() => c()).finally(() => I.setSubmitting(!1));
+    onSubmit: (V, N) => {
+      H(V).then(() => c()).finally(() => N.setSubmitting(!1));
     }
-  }), { values: V, isSubmitting: te, setFieldValue: K, handleSubmit: ae } = j;
+  }), { values: O, isSubmitting: K, setFieldValue: ee, handleSubmit: se } = U;
   if (z(() => {
-    q(V, E) || _(V);
-  }, [V]), !y)
+    $(O, E) || _(O);
+  }, [O]), !y)
     return /* @__PURE__ */ n(
       Ne,
       {
@@ -9588,33 +9590,33 @@ function Fc({
     );
   if (!C)
     return /* @__PURE__ */ n(G, {});
-  const de = te, J = {
+  const ce = K, W = {
     collection: C,
     entityId: b,
-    values: V,
+    values: O,
     path: o,
-    setFieldValue: K,
+    setFieldValue: ee,
     save: H
-  }, ie = i && At(C.properties, i), T = i && ie ? {
+  }, re = i && At(C.properties, i), T = i && re ? {
     propertyKey: i,
-    disabled: te || qt(ie) || !!ie.disabled,
-    property: ie,
+    disabled: K || qt(re) || !!re.disabled,
+    property: re,
     includeDescription: !1,
     underlyingValueHasChanged: !1,
-    context: J,
+    context: W,
     tableMode: !0,
     partOfArray: !1,
     partOfBlock: !1,
     autoFocus: l
   } : void 0;
-  let ne = /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(
+  let oe = /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(
     "div",
     {
       className: "w-[560px] max-w-full max-h-[85vh]",
       children: /* @__PURE__ */ v(
         "form",
         {
-          onSubmit: ae,
+          onSubmit: se,
           noValidate: !0,
           children: [
             /* @__PURE__ */ n(
@@ -9624,7 +9626,7 @@ function Fc({
                 children: /* @__PURE__ */ n(
                   "div",
                   {
-                    ref: P,
+                    ref: F,
                     className: "cursor-auto",
                     style: { cursor: "auto !important" },
                     children: T && /* @__PURE__ */ n(It, { ...T })
@@ -9638,7 +9640,7 @@ function Fc({
                 variant: "filled",
                 color: "primary",
                 type: "submit",
-                disabled: de,
+                disabled: ce,
                 children: "Save"
               }
             ) })
@@ -9648,10 +9650,10 @@ function Fc({
     },
     `popup_form_${e}_${b}_${i}`
   ) });
-  const ee = m.plugins;
-  ee && ee.forEach(($) => {
-    $.form?.provider && (ne = /* @__PURE__ */ n(
-      $.form.provider.Component,
+  const te = m.plugins;
+  te && te.forEach((V) => {
+    V.form?.provider && (oe = /* @__PURE__ */ n(
+      V.form.provider.Component,
       {
         status: "existing",
         path: o,
@@ -9659,22 +9661,22 @@ function Fc({
         entity: y,
         context: p,
         currentEntityId: b,
-        formContext: J,
-        ...$.form.provider.props,
-        children: ne
+        formContext: W,
+        ...V.form.provider.props,
+        children: oe
       }
     ));
   });
-  const O = /* @__PURE__ */ v(
+  const J = /* @__PURE__ */ v(
     "div",
     {
       className: `text-gray-900 dark:text-white overflow-auto rounded rounded-md bg-white dark:bg-gray-950 ${l ? "" : "hidden"} cursor-grab max-w-[100vw]`,
       children: [
-        ne,
-        f && /* @__PURE__ */ n(W, { color: "error", children: f.message })
+        oe,
+        f && /* @__PURE__ */ n(q, { color: "error", children: f.message })
       ]
     }
-  ), U = /* @__PURE__ */ v(
+  ), j = /* @__PURE__ */ v(
     "div",
     {
       style: {
@@ -9683,13 +9685,13 @@ function Fc({
       className: `inline-block fixed z-20 shadow-outline rounded-md bg-white dark:bg-gray-950 ${l ? "visible" : "invisible"} cursor-grab overflow-visible`,
       ref: B,
       children: [
-        /* @__PURE__ */ n(Ic, { onResize: oe }),
+        /* @__PURE__ */ n(Ic, { onResize: ie }),
         /* @__PURE__ */ v(
           "div",
           {
             className: "overflow-hidden",
             children: [
-              O,
+              J,
               /* @__PURE__ */ n(
                 "div",
                 {
@@ -9699,11 +9701,11 @@ function Fc({
                     height: "32px"
                   },
                   children: /* @__PURE__ */ n(
-                    ce,
+                    de,
                     {
                       size: "small",
-                      onClick: ($) => {
-                        $.stopPropagation(), c();
+                      onClick: (V) => {
+                        V.stopPropagation(), c();
                       },
                       children: /* @__PURE__ */ n(
                         Tt,
@@ -9728,7 +9730,7 @@ function Fc({
     {
       asChild: !0,
       container: u,
-      children: /* @__PURE__ */ n(fn, { value: j, children: U })
+      children: /* @__PURE__ */ n(fn, { value: U, children: j })
     }
   );
 }
@@ -9769,7 +9771,7 @@ function Qc({
   tableController: o,
   collectionEntitiesCount: s
 }) {
-  const l = Se(), d = pe().plugins ?? [], u = {
+  const l = Ie(), d = pe().plugins ?? [], u = {
     path: i,
     relativePath: t,
     parentCollectionIds: r,
@@ -9800,14 +9802,14 @@ const Rc = "collectionGroupParent", Vo = S.memo(
     className: a,
     ...o
   }) {
-    const s = Se(), l = t ?? o.path, c = Xe(o), d = _e(), u = pt(), p = mt(), m = Bt(), f = St(), g = pe(), A = S.useRef(null), h = he(() => {
+    const s = Ie(), l = t ?? o.path, c = Xe(o), d = _e(), u = pt(), p = mt(), m = Bt(), f = St(), g = pe(), A = S.useRef(null), h = he(() => {
       const X = m?.getCollectionConfig(l);
       return X ? $e(o, X) : o;
     }, [o, l, m?.getCollectionConfig]), b = S.useRef(h);
     z(() => {
       b.current = h;
     }, [h]);
-    const y = zt(h, p, l, null), [w, E] = Q(void 0), [_, C] = S.useState(void 0), [k, B] = S.useState(0), [P, N] = Q(0), F = x(() => {
+    const y = zt(h, p, l, null), [w, E] = R(void 0), [_, C] = S.useState(void 0), [k, B] = S.useState(0), [F, I] = R(0), P = x(() => {
       const X = w;
       setTimeout(() => {
         X === w && E(void 0);
@@ -9815,21 +9817,21 @@ const Rc = "collectionGroupParent", Vo = S.memo(
     }, [w]), D = x((X) => {
       const fe = b.current;
       return Hn(fe, p, l, X ?? null) ? fe.inlineEditing === void 0 || fe.inlineEditing : !1;
-    }, [p, l]), L = h.selectionEnabled === void 0 || h.selectionEnabled, re = !D(), [oe, H] = Q(!1), j = Do(), V = h.selectionController ?? j, {
-      selectedEntities: te,
-      isEntitySelected: K,
-      setSelectedEntities: ae
-    } = V;
+    }, [p, l]), Y = h.selectionEnabled === void 0 || h.selectionEnabled, ne = !D(), [ie, H] = R(!1), U = Do(), O = h.selectionController ?? U, {
+      selectedEntities: K,
+      isEntitySelected: ee,
+      setSelectedEntities: se
+    } = O;
     z(() => {
       C(void 0);
-    }, [te]);
-    const de = Ro({
+    }, [K]);
+    const ce = Ro({
       fullPath: l,
       collection: h,
       lastDeleteTimestamp: k
-    }), J = S.useRef(Math.random().toString(36)), ie = de.popupCell, T = x(() => {
-      de.setPopupCell?.(void 0);
-    }, [de.setPopupCell]), ne = x((X) => {
+    }), W = S.useRef(Math.random().toString(36)), re = ce.popupCell, T = x(() => {
+      ce.setPopupCell?.(void 0);
+    }, [ce.setPopupCell]), oe = x((X) => {
       console.log("Entity clicked", X);
       const fe = b.current;
       return E(X), f.onAnalyticsEvent?.("edit_entity_clicked", {
@@ -9840,9 +9842,9 @@ const Rc = "collectionGroupParent", Vo = S.memo(
         path: X.path,
         collection: fe,
         updateUrl: !0,
-        onClose: F
+        onClose: P
       });
-    }, [F, u]), ee = x(() => {
+    }, [P, u]), te = x(() => {
       const X = b.current;
       f.onAnalyticsEvent?.("new_entity_click", {
         path: l
@@ -9850,24 +9852,24 @@ const Rc = "collectionGroupParent", Vo = S.memo(
         path: l,
         collection: X,
         updateUrl: !0,
-        onClose: F
+        onClose: P
       });
-    }, [l, u]), O = () => {
+    }, [l, u]), J = () => {
       f.onAnalyticsEvent?.("multiple_delete_dialog_open", {
         path: l
-      }), C(te);
-    }, U = (X, fe) => {
+      }), C(K);
+    }, j = (X, fe) => {
       f.onAnalyticsEvent?.("single_entity_deleted", {
         path: l
-      }), ae((be) => be.filter((ye) => ye.id !== fe.id)), B(Date.now());
-    }, $ = (X, fe) => {
+      }), se((be) => be.filter((ye) => ye.id !== fe.id)), B(Date.now());
+    }, V = (X, fe) => {
       f.onAnalyticsEvent?.("multiple_entities_deleted", {
         path: l
-      }), ae([]), C(void 0), B(Date.now());
+      }), se([]), C(void 0), B(Date.now());
     };
-    let I;
-    g?.plugins && (I = g.plugins.find((X) => X.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
-    const R = x((X, fe) => {
+    let N;
+    g?.plugins && (N = g.plugins.find((X) => X.collectionView?.AddColumnComponent)?.collectionView?.AddColumnComponent);
+    const Q = x((X, fe) => {
       if (m) {
         const be = m.getCollectionConfig(X), ye = $e(be, fe);
         m.onCollectionModified(X, ye);
@@ -9880,10 +9882,10 @@ const Rc = "collectionGroupParent", Vo = S.memo(
       if (!At(be.properties, fe))
         return;
       const ye = Go(fe, X);
-      R(l, ye);
-    }, [R, l]), Ie = x((X) => {
-      m && R(l, { defaultSize: X });
-    }, [R, l, m]), le = zt(h, p, l, null), M = x(
+      Q(l, ye);
+    }, [Q, l]), Be = x((X) => {
+      m && Q(l, { defaultSize: X });
+    }, [Q, l, m]), ae = zt(h, p, l, null), M = x(
       ({
         name: X,
         value: fe,
@@ -9988,7 +9990,7 @@ const Rc = "collectionGroupParent", Vo = S.memo(
       customEntityActions: fe
     }) => {
       const be = X ? wi(h, p, l, X) : !0, ye = [gc];
-      return le && ye.push(Mo), be && ye.push(zo), fe && ye.push(...fe), ye;
+      return ae && ye.push(Mo), be && ye.push(zo), fe && ye.push(...fe), ye;
     }, Er = () => {
       const X = st({}), fe = X.filter((Ce) => Ce.collapsed !== !1), ye = X.filter((Ce) => Ce.collapsed === !1).length * (Ke ? 40 : 30);
       return (Ke ? 80 + ye : 70 + ye) + (fe.length > 0 ? Ke ? 40 : 30 : 0);
@@ -9998,7 +10000,7 @@ const Rc = "collectionGroupParent", Vo = S.memo(
       width: be,
       frozen: ye
     }) => {
-      const Ce = K(X), Qt = st({
+      const Ce = ee(X), Qt = st({
         entity: X,
         customEntityActions: h.entityActions
       });
@@ -10009,27 +10011,27 @@ const Rc = "collectionGroupParent", Vo = S.memo(
           width: be,
           frozen: ye,
           isSelected: Ce,
-          selectionEnabled: L,
+          selectionEnabled: Y,
           size: fe,
           highlightEntity: E,
-          unhighlightEntity: F,
+          unhighlightEntity: P,
           collection: h,
           fullPath: l,
           actions: Qt,
           hideId: h?.hideIdFromCollection,
           onCollectionChange: He,
-          selectionController: V
+          selectionController: O
         }
       );
-    }, Y = /* @__PURE__ */ n(
+    }, L = /* @__PURE__ */ n(
       ci,
       {
-        open: oe,
+        open: ie,
         onOpenChange: H,
         enabled: !!h.description,
         trigger: /* @__PURE__ */ v("div", { className: "flex flex-col items-start", children: [
           /* @__PURE__ */ n(
-            W,
+            q,
             {
               variant: "subtitle1",
               className: `leading-none truncate max-w-[160px] lg:max-w-[240px] ${h.description ? "cursor-pointer" : "cursor-auto"}`,
@@ -10044,9 +10046,9 @@ const Rc = "collectionGroupParent", Vo = S.memo(
             {
               fullPath: l,
               collection: h,
-              filter: de.filterValues,
-              sortBy: de.sortBy,
-              onCountChange: N
+              filter: ce.filterValues,
+              sortBy: ce.sortBy,
+              onCountChange: I
             }
           )
         ] }),
@@ -10073,9 +10075,9 @@ const Rc = "collectionGroupParent", Vo = S.memo(
           `plugin_header_action_${Qt}`
         );
       }) }) : null;
-    }, [g.plugins, l, r]), Qe = I ? function() {
-      return typeof I == "function" ? /* @__PURE__ */ n(
-        I,
+    }, [g.plugins, l, r]), Qe = N ? function() {
+      return typeof N == "function" ? /* @__PURE__ */ n(
+        N,
         {
           fullPath: l,
           parentCollectionIds: r ?? [],
@@ -10102,17 +10104,17 @@ const Rc = "collectionGroupParent", Vo = S.memo(
             Qo,
             {
               additionalFields: Je,
-              tableController: de,
+              tableController: ce,
               enablePopupIcon: !0,
               displayedColumnIds: We,
-              onSizeChanged: Ie,
-              onEntityClick: ne,
+              onSizeChanged: Be,
+              onEntityClick: oe,
               onColumnResize: Ae,
               onValueChange: ue,
               tableRowActionsBuilder: Cr,
               uniqueFieldValidator: M,
-              title: Y,
-              selectionController: V,
+              title: L,
+              selectionController: O,
               highlightedEntities: w ? [w] : [],
               defaultSize: h.defaultSize,
               properties: we.properties,
@@ -10125,11 +10127,11 @@ const Rc = "collectionGroupParent", Vo = S.memo(
                 {
                   parentCollectionIds: r ?? [],
                   collection: h,
-                  tableController: de,
+                  tableController: ce,
                   path: l,
                   relativePath: h.path,
-                  selectionController: V,
-                  collectionEntitiesCount: P
+                  selectionController: O,
+                  collectionEntitiesCount: F
                 }
               ),
               actions: /* @__PURE__ */ n(
@@ -10137,24 +10139,24 @@ const Rc = "collectionGroupParent", Vo = S.memo(
                 {
                   parentCollectionIds: r ?? [],
                   collection: h,
-                  tableController: de,
-                  onMultipleDeleteClick: O,
-                  onNewClick: ee,
+                  tableController: ce,
+                  onMultipleDeleteClick: J,
+                  onNewClick: te,
                   path: l,
                   relativePath: h.path,
-                  selectionController: V,
-                  selectionEnabled: L,
-                  collectionEntitiesCount: P
+                  selectionController: O,
+                  selectionEnabled: Y,
+                  collectionEntitiesCount: F
                 }
               ),
-              emptyComponent: y && de.filterValues === void 0 && de.sortBy === void 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
-                /* @__PURE__ */ n(W, { variant: "subtitle2", children: "So empty..." }),
+              emptyComponent: y && ce.filterValues === void 0 && ce.sortBy === void 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
+                /* @__PURE__ */ n(q, { variant: "subtitle2", children: "So empty..." }),
                 /* @__PURE__ */ v(
                   ge,
                   {
                     color: "primary",
                     variant: "outlined",
-                    onClick: ee,
+                    onClick: te,
                     className: "mt-4",
                     children: [
                       /* @__PURE__ */ n(ct, {}),
@@ -10162,8 +10164,8 @@ const Rc = "collectionGroupParent", Vo = S.memo(
                     ]
                   }
                 )
-              ] }) : /* @__PURE__ */ n(W, { variant: "label", children: "No results with the applied filter/sort" }),
-              hoverRow: re,
+              ] }) : /* @__PURE__ */ n(q, { variant: "label", children: "No results with the applied filter/sort" }),
+              hoverRow: ne,
               inlineEditing: D(),
               AdditionalHeaderWidget: Pe,
               AddColumnComponent: Qe,
@@ -10181,19 +10183,19 @@ const Rc = "collectionGroupParent", Vo = S.memo(
           /* @__PURE__ */ n(
             Nc,
             {
-              open: !!ie,
+              open: !!re,
               onClose: T,
-              cellRect: ie?.cellRect,
-              propertyKey: ie?.propertyKey,
+              cellRect: re?.cellRect,
+              propertyKey: re?.propertyKey,
               collection: h,
-              entity: ie?.entity,
-              tableKey: J.current,
+              entity: re?.entity,
+              tableKey: W.current,
               customFieldValidator: M,
               path: ve,
               onCellValueChange: ue,
               container: A.current
             },
-            `popup_form_${ie?.propertyKey}_${ie?.entity?.id}`
+            `popup_form_${re?.propertyKey}_${re?.entity?.id}`
           ),
           _ && /* @__PURE__ */ n(
             Oo,
@@ -10203,8 +10205,8 @@ const Rc = "collectionGroupParent", Vo = S.memo(
               collection: h,
               callbacks: h.callbacks,
               open: !!_,
-              onEntityDelete: U,
-              onMultipleEntitiesDelete: $,
+              onEntityDelete: j,
+              onMultipleEntitiesDelete: V,
               onClose: () => C(void 0)
             }
           )
@@ -10212,7 +10214,7 @@ const Rc = "collectionGroupParent", Vo = S.memo(
       }
     );
   },
-  (e, t) => q(e.fullPath, t.fullPath) && q(e.parentCollectionIds, t.parentCollectionIds) && q(e.isSubCollection, t.isSubCollection) && q(e.className, t.className) && q(e.properties, t.properties) && q(e.propertiesOrder, t.propertiesOrder) && q(e.hideIdFromCollection, t.hideIdFromCollection) && q(e.inlineEditing, t.inlineEditing) && q(e.selectionEnabled, t.selectionEnabled) && q(e.selectionController, t.selectionController) && q(e.Actions, t.Actions) && q(e.defaultSize, t.defaultSize) && q(e.initialFilter, t.initialFilter) && q(e.initialSort, t.initialSort) && q(e.textSearchEnabled, t.textSearchEnabled) && q(e.additionalFields, t.additionalFields) && q(e.sideDialogWidth, t.sideDialogWidth) && q(e.forceFilter, t.forceFilter)
+  (e, t) => $(e.fullPath, t.fullPath) && $(e.parentCollectionIds, t.parentCollectionIds) && $(e.isSubCollection, t.isSubCollection) && $(e.className, t.className) && $(e.properties, t.properties) && $(e.propertiesOrder, t.propertiesOrder) && $(e.hideIdFromCollection, t.hideIdFromCollection) && $(e.inlineEditing, t.inlineEditing) && $(e.selectionEnabled, t.selectionEnabled) && $(e.selectionController, t.selectionController) && $(e.Actions, t.Actions) && $(e.defaultSize, t.defaultSize) && $(e.initialFilter, t.initialFilter) && $(e.initialSort, t.initialSort) && $(e.textSearchEnabled, t.textSearchEnabled) && $(e.additionalFields, t.additionalFields) && $(e.sideDialogWidth, t.sideDialogWidth) && $(e.forceFilter, t.forceFilter)
 );
 function Dc({
   fullPath: e,
@@ -10221,7 +10223,7 @@ function Dc({
   sortBy: i,
   onCountChange: a
 }) {
-  const o = Xe(t), s = _e(), [l, c] = Q(void 0), [d, u] = Q(void 0), p = i ? i[0] : void 0, m = i ? i[1] : void 0, f = he(() => s.resolveAliasesFrom(e), [e, s.resolveAliasesFrom]);
+  const o = Xe(t), s = _e(), [l, c] = R(void 0), [d, u] = R(void 0), p = i ? i[0] : void 0, m = i ? i[1] : void 0, f = he(() => s.resolveAliasesFrom(e), [e, s.resolveAliasesFrom]);
   return z(() => {
     o.countEntities && o.countEntities({
       path: f,
@@ -10233,7 +10235,7 @@ function Dc({
   }, [e, o.countEntities, f, t, r, p, m]), z(() => {
     a && (u(void 0), a(l ?? 0));
   }, [a, l]), d ? null : /* @__PURE__ */ n(
-    W,
+    q,
     {
       className: "w-full text-ellipsis block overflow-hidden whitespace-nowrap max-w-xs text-left w-fit-content",
       variant: "caption",
@@ -10259,7 +10261,7 @@ function Tc({
     {
       open: r,
       onOpenChange: i,
-      trigger: /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(xa, { size: "small" }) }),
+      trigger: /* @__PURE__ */ n(de, { size: "small", children: /* @__PURE__ */ n(xa, { size: "small" }) }),
       children: /* @__PURE__ */ n(
         "form",
         {
@@ -10322,7 +10324,7 @@ function Oc() {
       className: "m-auto flex items-center flex-col",
       children: [
         /* @__PURE__ */ n(
-          W,
+          q,
           {
             variant: "h4",
             align: "center",
@@ -10330,7 +10332,7 @@ function Oc() {
             children: "Page not found"
           }
         ),
-        /* @__PURE__ */ n(W, { align: "center", gutterBottom: !0, children: "This page does not exist or you may not have access to it" }),
+        /* @__PURE__ */ n(q, { align: "center", gutterBottom: !0, children: "This page does not exist or you may not have access to it" }),
         /* @__PURE__ */ n(
           ge,
           {
@@ -10359,7 +10361,7 @@ function im({
       onOpenChange: (s) => s ? void 0 : r(),
       children: [
         /* @__PURE__ */ v(mi, { children: [
-          /* @__PURE__ */ n(W, { variant: "h6", className: "mb-2", children: i }),
+          /* @__PURE__ */ n(q, { variant: "h6", className: "mb-2", children: i }),
           o
         ] }),
         /* @__PURE__ */ v(Ct, { children: [
@@ -10599,7 +10601,7 @@ const Mc = function({
                 }
               ) : /* @__PURE__ */ n(jo, { width: "32px", height: "32px" })),
               typeof t == "string" ? /* @__PURE__ */ n(
-                W,
+                q,
                 {
                   variant: "subtitle1",
                   noWrap: !0,
@@ -10614,7 +10616,7 @@ const Mc = function({
         /* @__PURE__ */ n("div", { className: "flex-grow" }),
         r && /* @__PURE__ */ n(me, { children: r }),
         l && /* @__PURE__ */ n(
-          ce,
+          de,
           {
             color: "inherit",
             "aria-label": "Open drawer",
@@ -10625,8 +10627,8 @@ const Mc = function({
         ),
         /* @__PURE__ */ v(xt, { trigger: y, children: [
           b && /* @__PURE__ */ v("div", { className: "px-4 py-2 mb-2", children: [
-            b.displayName && /* @__PURE__ */ n(W, { variant: "body1", color: "secondary", children: b.displayName }),
-            b.email && /* @__PURE__ */ n(W, { variant: "body2", color: "secondary", children: b.email })
+            b.displayName && /* @__PURE__ */ n(q, { variant: "body1", color: "secondary", children: b.displayName }),
+            b.email && /* @__PURE__ */ n(q, { variant: "body2", color: "secondary", children: b.email })
           ] }),
           o,
           !o && /* @__PURE__ */ v(Re, { onClick: f.signOut, children: [
@@ -10652,7 +10654,7 @@ function Yo({
   newDefaultEntry: c,
   onValueChange: d
 }) {
-  const u = r && Array.isArray(r) && r.length > 0, p = se(zc(r)), [m, f] = Q(
+  const u = r && Array.isArray(r) && r.length > 0, p = le(zc(r)), [m, f] = R(
     u ? Object.values(p.current) : []
   );
   z(() => {
@@ -10812,7 +10814,7 @@ function Vc({
   provided: a,
   copy: o
 }) {
-  const [s, l] = Q(!1), c = S.useRef(null);
+  const [s, l] = R(!1), c = S.useRef(null);
   return kn(c, () => l(!1)), /* @__PURE__ */ n(
     "div",
     {
@@ -10828,7 +10830,7 @@ function Vc({
           title: "Drag to move. Click for more options",
           children: [
             /* @__PURE__ */ n(
-              ce,
+              de,
               {
                 size: "small",
                 disabled: t,
@@ -11008,7 +11010,7 @@ function om({
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? Yr : r).map((c) => /* @__PURE__ */ n(ke, { title: c, children: /* @__PURE__ */ n(
-      ce,
+      de,
       {
         shape: "square",
         toggled: e === c,
@@ -11023,7 +11025,7 @@ function am({
   error: e,
   children: t
 }) {
-  return t ? /* @__PURE__ */ n(W, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
+  return t ? /* @__PURE__ */ n(q, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
 }
 function Ci({
   name: e,
@@ -11065,7 +11067,7 @@ function Oe({
     return null;
   if (t && e)
     return /* @__PURE__ */ n(
-      W,
+      q,
       {
         variant: "caption",
         className: "ml-3.5 text-red-500 dark:text-red-500",
@@ -11075,7 +11077,7 @@ function Oe({
   const s = typeof r.disabled == "object" ? r.disabled.disabledMessage : void 0;
   return /* @__PURE__ */ v("div", { className: "flex ml-3.5 mt-1", children: [
     /* @__PURE__ */ n(
-      W,
+      q,
       {
         variant: "caption",
         color: a ? "disabled" : "secondary",
@@ -11089,7 +11091,7 @@ function Oe({
         title: r.longDescription,
         side: "bottom",
         children: /* @__PURE__ */ n(
-          ce,
+          de,
           {
             size: "small",
             className: "self-start",
@@ -11169,7 +11171,7 @@ function cn({
           }
         ),
         endAdornment: c.clearable && /* @__PURE__ */ n(
-          ce,
+          de,
           {
             onClick: p,
             children: /* @__PURE__ */ n(Tt, {})
@@ -11451,7 +11453,7 @@ function Lo({
           {
             title: "Remove",
             children: /* @__PURE__ */ n(
-              ce,
+              de,
               {
                 size: "small",
                 onClick: (c) => {
@@ -11589,14 +11591,14 @@ function Hc({
     isDragReject: k
   } = Pn(
     {
-      accept: e.acceptedFiles ? e.acceptedFiles.map((B) => ({ [B]: [] })).reduce((B, P) => ({ ...B, ...P }), {}) : void 0,
+      accept: e.acceptedFiles ? e.acceptedFiles.map((B) => ({ [B]: [] })).reduce((B, F) => ({ ...B, ...F }), {}) : void 0,
       disabled: r || i,
       noDragEventsBubbling: !0,
       maxSize: e.maxSize,
       onDrop: a,
-      onDropRejected: (B, P) => {
-        for (const N of B)
-          for (const F of N.errors)
+      onDropRejected: (B, F) => {
+        for (const I of B)
+          for (const P of I.errors)
             y.open({
               type: "error",
               message: `Error uploading file: File is larger than ${e.maxSize} bytes`
@@ -11641,9 +11643,9 @@ function Hc({
                   ...E()
                 }
               ),
-              c.map((B, P) => {
-                let N;
-                return B.storagePathOrDownloadUrl ? N = /* @__PURE__ */ n(
+              c.map((B, F) => {
+                let I;
+                return B.storagePathOrDownloadUrl ? I = /* @__PURE__ */ n(
                   Lo,
                   {
                     collection: t,
@@ -11655,7 +11657,7 @@ function Hc({
                     onRemove: p,
                     size: B.size
                   }
-                ) : B.file && (N = /* @__PURE__ */ n(
+                ) : B.file && (I = /* @__PURE__ */ n(
                   Eo,
                   {
                     entry: B,
@@ -11669,19 +11671,19 @@ function Hc({
                   Dn,
                   {
                     draggableId: `array_field_${h}_${B.id}`,
-                    index: P,
-                    children: (F, D) => /* @__PURE__ */ n(
+                    index: F,
+                    children: (P, D) => /* @__PURE__ */ n(
                       "div",
                       {
                         tabIndex: -1,
-                        ref: F.innerRef,
-                        ...F.draggableProps,
-                        ...F.dragHandleProps,
+                        ref: P.innerRef,
+                        ...P.draggableProps,
+                        ...P.dragHandleProps,
                         className: Z(Ur, "rounded-md"),
                         style: {
-                          ...F.draggableProps.style
+                          ...P.draggableProps.style
                         },
-                        children: N
+                        children: I
                       }
                     )
                   },
@@ -11697,7 +11699,7 @@ function Hc({
           {
             className: "flex-grow min-h-[38px] box-border m-2 text-center",
             children: /* @__PURE__ */ n(
-              W,
+              q,
               {
                 align: "center",
                 variant: "label",
@@ -11739,8 +11741,8 @@ function Zc({
       return;
     const k = [...i], B = k[_];
     k.splice(_, 1), k.splice(C, 0, B), a(k);
-    const P = k.filter((N) => !!N.storagePathOrDownloadUrl).map((N) => N.storagePathOrDownloadUrl);
-    o(P);
+    const F = k.filter((I) => !!I.storagePathOrDownloadUrl).map((I) => I.storagePathOrDownloadUrl);
+    o(F);
   }, [s, o, a, i]), b = x((_) => {
     _.destination && h(_.source.index, _.destination.index);
   }, [h]), y = x((_) => {
@@ -11853,7 +11855,7 @@ function Rt({
         multiline: g,
         disabled: s,
         endAdornment: c.clearable && /* @__PURE__ */ n(
-          ce,
+          de,
           {
             onClick: m,
             children: /* @__PURE__ */ n(Tt, {})
@@ -12137,7 +12139,7 @@ const It = S.memo(rd, (e, t) => {
   if (e.propertyKey !== t.propertyKey)
     return !1;
   const r = De(e.property) || e.property.fromBuilder, i = De(t.property) || t.property.fromBuilder;
-  return !((r === i || q(e.property, t.property)) && e.disabled === t.disabled) || ei(t.property), !1;
+  return !((r === i || $(e.property, t.property)) && e.disabled === t.disabled) || ei(t.property), !1;
 });
 function rd({
   propertyKey: e,
@@ -12223,10 +12225,10 @@ function id({
   },
   fieldProps: p
 }) {
-  const { plugins: m } = pe(), f = r.customProps, g = p.field.value, A = Dt(p.form.errors, t), h = Dt(p.form.touched, t), b = A && (p.form.submitCount > 0 || r.validation?.unique) && (!Array.isArray(A) || !!A.filter((B) => !!B).length), w = nd(d.path, d.collection, t, r, e, m) ?? e, E = p.form.isSubmitting, _ = x((B, P) => {
-    p.form.setFieldTouched(t, !0, !1), p.form.setFieldValue(t, B, P);
-  }, []), C = x((B, P, N) => {
-    p.form.setFieldTouched(t, !0, !1), p.form.setFieldValue(B, P, N);
+  const { plugins: m } = pe(), f = r.customProps, g = p.field.value, A = Dt(p.form.errors, t), h = Dt(p.form.touched, t), b = A && (p.form.submitCount > 0 || r.validation?.unique) && (!Array.isArray(A) || !!A.filter((B) => !!B).length), w = nd(d.path, d.collection, t, r, e, m) ?? e, E = p.form.isSubmitting, _ = x((B, F) => {
+    p.form.setFieldTouched(t, !0, !1), p.form.setFieldValue(t, B, F);
+  }, []), C = x((B, F, I) => {
+    p.form.setFieldTouched(t, !0, !1), p.form.setFieldValue(B, F, I);
   }, []);
   return /* @__PURE__ */ v(me, { children: [
     /* @__PURE__ */ n(w, { ...{
@@ -12250,7 +12252,7 @@ function id({
       customProps: f,
       context: d
     } }),
-    a && !E && /* @__PURE__ */ n(W, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
+    a && !E && /* @__PURE__ */ n(q, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
   ] });
 }
 const ei = (e, t) => {
@@ -12260,7 +12262,7 @@ const ei = (e, t) => {
   return r.dataType === "map" && r.properties ? i || Object.values(r.properties).some((a) => ei(a, t)) : r.dataType === "array" && "resolvedProperties" in r ? i || r.resolvedProperties?.some((a) => a && ei(a, t)) : i;
 };
 function nd(e, t, r, i, a, o) {
-  return se((() => {
+  return le((() => {
     let l = null;
     return o && o.forEach((c) => {
       const d = qo(i);
@@ -12588,7 +12590,7 @@ function sd({
     ) : A === "array" ? /* @__PURE__ */ n(
       "div",
       {
-        className: Z(Be, "ml-2 pl-2 border-l border-solid"),
+        className: Z(Se, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
           Yo,
           {
@@ -12627,7 +12629,7 @@ function sd({
     ) : A === "map" ? /* @__PURE__ */ n(
       "div",
       {
-        className: Z(Be, "ml-2 pl-2 border-l border-solid"),
+        className: Z(Se, "ml-2 pl-2 border-l border-solid"),
         children: /* @__PURE__ */ n(
           Bi,
           {
@@ -12643,7 +12645,7 @@ function sd({
         )
       }
     ) : /* @__PURE__ */ n(
-      W,
+      q,
       {
         variant: "caption",
         children: `Data type ${A} not supported yet`
@@ -12655,7 +12657,7 @@ function sd({
   }
   return /* @__PURE__ */ v(G, { children: [
     /* @__PURE__ */ v(
-      W,
+      q,
       {
         component: "div",
         className: "font-mono flex flex-row gap-1",
@@ -12677,7 +12679,7 @@ function sd({
             xt,
             {
               trigger: /* @__PURE__ */ n(
-                ce,
+                de,
                 {
                   size: "small",
                   className: "h-7 w-7",
@@ -12737,7 +12739,7 @@ function sd({
             }
           ),
           /* @__PURE__ */ n(
-            ce,
+            de,
             {
               "aria-label": "delete",
               size: "small",
@@ -12759,7 +12761,7 @@ function ld({
   value: r,
   setValue: i
 }) {
-  const { locale: a } = pe(), [o, s] = Q(ti(r) ?? "string");
+  const { locale: a } = pe(), [o, s] = R(ti(r) ?? "string");
   function l(d) {
     s(d);
   }
@@ -12798,7 +12800,7 @@ function ld({
           i(p);
         }
       }
-    ) : u === "array" ? /* @__PURE__ */ n(W, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: Z(Be, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
+    ) : u === "array" ? /* @__PURE__ */ n(q, { variant: "caption", children: "Arrays of arrays are not supported." }) : u === "map" ? /* @__PURE__ */ n("div", { className: Z(Se, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
       Bi,
       {
         value: d,
@@ -12807,7 +12809,7 @@ function ld({
         }
       }
     ) }) : /* @__PURE__ */ n(
-      W,
+      q,
       {
         variant: "caption",
         children: `Data type ${u} not supported yet`
@@ -12816,7 +12818,7 @@ function ld({
   }
   return /* @__PURE__ */ v(G, { children: [
     /* @__PURE__ */ v(
-      W,
+      q,
       {
         component: "div",
         className: "font-mono flex min-h-12 flex-row gap-1 items-center",
@@ -12826,7 +12828,7 @@ function ld({
             xt,
             {
               trigger: /* @__PURE__ */ n(
-                ce,
+                de,
                 {
                   size: "small",
                   className: "h-7 w-7",
@@ -12924,7 +12926,7 @@ function cd({
     throw Error("RepeatFieldBinding misconfiguration. Property `of` not set");
   if (!c.resolvedProperties || !Array.isArray(c.resolvedProperties))
     throw Error("RepeatFieldBinding - Internal error: Expected array in 'property.resolvedProperties'");
-  const f = c.expanded === void 0 ? !0 : c.expanded, g = c.of, [A, h] = Q();
+  const f = c.expanded === void 0 ? !0 : c.expanded, g = c.of, [A, h] = R();
   Ue({
     property: c,
     value: t,
@@ -13012,7 +13014,7 @@ function dd({
     value: t,
     setValue: o
   });
-  const [g, A] = Q(), h = x((E, _) => /* @__PURE__ */ n(
+  const [g, A] = R(), h = x((E, _) => /* @__PURE__ */ n(
     ud,
     {
       name: `${e}.${E}`,
@@ -13083,7 +13085,7 @@ function ud({
   autoFocus: s,
   context: l
 }) {
-  const c = r && r[i], [d, u] = Q(c ?? void 0), p = ri();
+  const c = r && r[i], [d, u] = R(c ?? void 0), p = ri();
   z(() => {
     c || b(Object.keys(o)[0]);
   }, []), z(() => {
@@ -13116,7 +13118,7 @@ function ud({
             {
               className: "mb-2",
               placeholder: /* @__PURE__ */ n(
-                W,
+                q,
                 {
                   variant: "caption",
                   className: "px-4 py-2 font-medium",
@@ -13184,7 +13186,7 @@ function pd({
   includeDescription: u,
   context: p
 }) {
-  const [m, f] = S.useState(t), g = se(t);
+  const [m, f] = S.useState(t), g = le(t);
   Pa("MarkdownFieldBinding", fd);
   const A = na({
     internalValue: m,
@@ -13196,7 +13198,7 @@ function pd({
     A.internalValue !== g.current && r(A.internalValue);
   }, [A]), /* @__PURE__ */ v(G, { children: [
     !d && /* @__PURE__ */ n(
-      W,
+      q,
       {
         variant: "caption",
         className: "flex-grow",
@@ -13949,7 +13951,7 @@ function bd({
     value: (o && r === "existing" ? o.id : t) ?? "",
     endAdornment: s ? /* @__PURE__ */ n(Et, { size: "small" }) : o ? /* @__PURE__ */ v(G, { children: [
       /* @__PURE__ */ n(ke, { title: "Copy", children: /* @__PURE__ */ n(
-        ce,
+        de,
         {
           onClick: (A) => m(o.id),
           "aria-label": "copy-id",
@@ -13957,7 +13959,7 @@ function bd({
         }
       ) }),
       f?.entityLinkBuilder && /* @__PURE__ */ n(ke, { title: "Open in the console", children: /* @__PURE__ */ n(
-        ce,
+        de,
         {
           component: "a",
           href: f.entityLinkBuilder({ entity: o }),
@@ -14013,7 +14015,7 @@ function bd({
       }
     ),
     l.id && /* @__PURE__ */ n(
-      W,
+      q,
       {
         variant: "caption",
         className: "ml-3.5 text-red-500 dark:text-red-500",
@@ -14023,11 +14025,11 @@ function bd({
   ] });
 }
 function yd({ propertyId: e }) {
-  const [t, r] = Q(!1);
+  const [t, r] = R(!1);
   return /* @__PURE__ */ v("div", { className: "flex flex-row gap-2 items-center justify-center text-white", children: [
     /* @__PURE__ */ v("div", { children: [
       /* @__PURE__ */ n(
-        W,
+        q,
         {
           variant: "caption",
           className: "min-w-20 text-slate-400",
@@ -14035,9 +14037,9 @@ function yd({ propertyId: e }) {
           children: t ? "Copied" : "Property ID"
         }
       ),
-      /* @__PURE__ */ n(W, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
+      /* @__PURE__ */ n(q, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
     ] }),
-    /* @__PURE__ */ n(ce, { size: "small", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(de, { size: "small", children: /* @__PURE__ */ n(
       pr,
       {
         size: "smallest",
@@ -14076,16 +14078,16 @@ function vd({
   autoSave: p,
   onIdUpdateError: m
 }) {
-  const f = St(), g = pe(), A = Se(), h = Xe(r), b = g.plugins, y = he(() => je({
+  const f = St(), g = pe(), A = Ie(), h = Xe(r), b = g.plugins, y = he(() => je({
     collection: r,
     path: t,
     values: i?.values,
     fields: g.propertyConfigs
-  }), [i?.values, t, g.propertyConfigs]), w = (e === "new" || e === "copy") && !!y.customId && y.customId !== "optional", E = he(() => e === "new" || e === "copy" ? w ? void 0 : h.generateEntityId(t) : i?.id, []), _ = se(!1), C = se(mn(y, e, i)), [k, B] = S.useState(E), [P, N] = S.useState(!1), [F, D] = S.useState(), [L, re] = S.useState(!1), [oe, H] = Q(i?.values ?? C.current), j = (le) => a({
-    collection: ae,
+  }), [i?.values, t, g.propertyConfigs]), w = (e === "new" || e === "copy") && !!y.customId && y.customId !== "optional", E = he(() => e === "new" || e === "copy" ? w ? void 0 : h.generateEntityId(t) : i?.id, []), _ = le(!1), C = le(mn(y, e, i)), [k, B] = S.useState(E), [F, I] = S.useState(!1), [P, D] = S.useState(), [Y, ne] = S.useState(!1), [ie, H] = R(i?.values ?? C.current), U = (ae) => a({
+    collection: se,
     path: t,
     entityId: k,
-    values: le,
+    values: ae,
     previousValues: i?.values,
     closeAfterSave: _.current,
     autoSave: p ?? !1
@@ -14096,12 +14098,12 @@ function vd({
     console.error(M), D(M);
   }).finally(() => {
     _.current = !1;
-  }), V = (le, M) => {
+  }), O = (ae, M) => {
     if (w && !k) {
-      console.error("Missing custom Id"), N(!0), M.setSubmitting(!1);
+      console.error("Missing custom Id"), I(!0), M.setSubmitting(!1);
       return;
     }
-    if (D(void 0), N(!1), e === "existing") {
+    if (D(void 0), I(!1), e === "existing") {
       if (!i?.id)
         throw Error("Form misconfiguration when saving, no id for existing entity");
     } else if (e === "new" || e === "copy") {
@@ -14109,19 +14111,19 @@ function vd({
         throw Error("Form misconfiguration when saving, entityId should be set");
     } else
       throw Error("New FormType added, check EntityForm");
-    return j(le)?.then((ue) => {
+    return U(ae)?.then((ue) => {
       M.resetForm({
-        values: le,
+        values: ae,
         submitCount: 0,
         touched: {}
       });
     }).finally(() => {
       M.setSubmitting(!1);
     });
-  }, te = pn({
+  }, K = pn({
     initialValues: C.current,
-    onSubmit: V,
-    validation: (le) => U?.validate(le, { abortEarly: !1 }).then(() => ({})).catch((M) => {
+    onSubmit: O,
+    validation: (ae) => j?.validate(ae, { abortEarly: !1 }).then(() => ({})).catch((M) => {
       const ue = {};
       return M.inner.forEach((ve) => {
         ue[ve.path] = ve.message;
@@ -14130,84 +14132,84 @@ function vd({
   });
   z(() => {
     C.current = mn(y, e, i);
-    const le = te.initialValues;
-    !te.isSubmitting && le && e === "existing" ? ee(
-      Object.entries(ae.properties).map(([M, ue]) => {
+    const ae = K.initialValues;
+    !K.isSubmitting && ae && e === "existing" ? te(
+      Object.entries(se.properties).map(([M, ue]) => {
         if (br(ue))
           return {};
-        const ve = le[M], we = C.current[M];
-        return q(ve, we) ? {} : { [M]: we };
+        const ve = ae[M], we = C.current[M];
+        return $(ve, we) ? {} : { [M]: we };
       }).reduce((M, ue) => ({ ...M, ...ue }), {})
-    ) : ee({});
+    ) : te({});
   }, [i, y, e]);
-  const K = (le) => {
-    const M = te.initialValues;
-    H(le), l && l(le), p && le && !q(le, M) && j(le);
+  const ee = (ae) => {
+    const M = K.initialValues;
+    H(ae), l && l(ae), p && ae && !$(ae, M) && U(ae);
   };
   z(() => {
     k && c && c(k);
   }, [k, c]);
-  const ae = je({
+  const se = je({
     collection: r,
     path: t,
     entityId: k,
-    values: oe,
-    previousValues: te.initialValues,
+    values: ie,
+    previousValues: K.initialValues,
     fields: g.propertyConfigs
-  }), de = Zn(ae, g.propertyConfigs), J = oe && de ? ot(oe, de) : void 0, ie = r.callbacks?.onIdUpdate, T = x(async () => {
-    if (ie && oe && (e === "new" || e === "copy")) {
-      re(!0);
+  }), ce = Zn(se, g.propertyConfigs), W = ie && ce ? ot(ie, ce) : void 0, re = r.callbacks?.onIdUpdate, T = x(async () => {
+    if (re && ie && (e === "new" || e === "copy")) {
+      ne(!0);
       try {
-        const le = await ie({
-          collection: ae,
+        const ae = await re({
+          collection: se,
           path: t,
           entityId: k,
-          values: oe,
+          values: ie,
           context: A
         });
-        B(le);
-      } catch (le) {
-        m && m(le), console.error(le);
+        B(ae);
+      } catch (ae) {
+        m && m(ae), console.error(ae);
       }
-      re(!1);
+      ne(!1);
     }
-  }, [k, oe, e]);
+  }, [k, ie, e]);
   z(() => {
     T();
   }, [T]);
-  const [ne, ee] = Q({}), O = x(
+  const [oe, te] = R({}), J = x(
     ({
-      name: le,
+      name: ae,
       value: M,
       property: ue
-    }) => h.checkUniqueField(t, le, M, k),
+    }) => h.checkUniqueField(t, ae, M, k),
     [h, t, k]
-  ), U = he(
+  ), j = he(
     () => k ? Bo(
       k,
-      ae.properties,
-      O
+      se.properties,
+      J
     ) : void 0,
-    [k, ae.properties, O]
-  ), $ = mt(), I = x(({
-    entity: le,
+    [k, se.properties, J]
+  ), V = mt(), N = x(({
+    entity: ae,
     customEntityActions: M
   }) => {
-    const ue = zt(r, $, t, null), ve = le ? wi(r, $, t, le) : !0, we = [];
+    const ue = zt(r, V, t, null), ve = ae ? wi(r, V, t, ae) : !0, we = [];
     return ue && we.push(Mo), ve && we.push(zo), M && we.push(...M), we;
-  }, [$, r, t]), R = [], Ae = {
+  }, [V, r, t]), Q = [], Ae = {
     // @ts-ignore
-    setFieldValue: x(te.setFieldValue, []),
-    values: te.values,
-    collection: ae,
+    setFieldValue: x(K.setFieldValue, []),
+    values: K.values,
+    collection: se,
     entityId: k,
     path: t,
-    save: j
-  }, Ie = se(null);
+    save: U
+  }, Be = le(null);
   if (z(() => {
-    d && !xd(Ie.current ?? void 0, Ae) && (d(Ae), Ie.current = Ae);
+    d && !xd(Be.current ?? void 0, Ae) && (d(Ae), Be.current = Ae);
   }, [Ae, d]), b && r) {
-    const le = {
+    const ae = {
       entityId: k,
       path: t,
       status: e,
@@ -14216,34 +14218,34 @@ function vd({
       currentEntityId: k,
       formContext: Ae
     };
-    R.push(...b.map((M, ue) => M.form?.Actions ? /* @__PURE__ */ n(
+    Q.push(...b.map((M, ue) => M.form?.Actions ? /* @__PURE__ */ n(
       M.form.Actions,
       {
-        ...le
+        ...ae
       },
       `actions_${M.key}`
     ) : null).filter(Boolean));
   }
-  return /* @__PURE__ */ n(fn, { value: te, children: /* @__PURE__ */ v("div", { className: "h-full overflow-auto", children: [
-    R.length > 0 && /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(fn, { value: K, children: /* @__PURE__ */ v("div", { className: "h-full overflow-auto", children: [
+    Q.length > 0 && /* @__PURE__ */ n(
       "div",
       {
         className: Z("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: R
+        children: Q
       }
     ),
     /* @__PURE__ */ v("div", { className: "pt-12 pb-16 pl-8 pr-8 md:pl-10 md:pr-10", children: [
       /* @__PURE__ */ v(
         "div",
         {
-          className: `w-full py-2 flex flex-col items-start mt-${4 + (R ? 8 : 0)} lg:mt-${8 + (R ? 8 : 0)} mb-8`,
+          className: `w-full py-2 flex flex-col items-start mt-${4 + (Q ? 8 : 0)} lg:mt-${8 + (Q ? 8 : 0)} mb-8`,
           children: [
             /* @__PURE__ */ n(
-              W,
+              q,
               {
                 className: "mt-4 flex-grow line-clamp-1 " + r.hideIdFromForm ? "mb-2" : "mb-0",
                 variant: "h4",
-                children: J ?? r.singularName ?? r.name
+                children: W ?? r.singularName ?? r.name
               }
             ),
             /* @__PURE__ */ n(Qa, { color: "base", className: "w-full", size: "small", children: /* @__PURE__ */ v("code", { className: "text-xs select-all", children: [
@@ -14261,28 +14263,28 @@ function vd({
           entityId: k,
           status: e,
           onChange: B,
-          error: P,
-          loading: L,
+          error: F,
+          loading: Y,
           entity: i
         }
       ),
       k && /* @__PURE__ */ n(
         kd,
         {
-          ...te,
-          initialValues: te.initialValues,
+          ...K,
+          initialValues: K.initialValues,
           onModified: s,
           onDiscard: o,
-          onValuesChanged: K,
-          underlyingChanges: ne,
+          onValuesChanged: ee,
+          underlyingChanges: oe,
           entity: i,
-          resolvedCollection: ae,
+          resolvedCollection: se,
           formContext: Ae,
           status: e,
-          savingError: F,
+          savingError: P,
           closeAfterSaveRef: _,
           autoSave: p,
-          entityActions: I({
+          entityActions: N({
             entity: i,
             customEntityActions: r.entityActions
           })
@@ -14312,28 +14314,28 @@ function kd(e) {
     closeAfterSaveRef: b,
     autoSave: y,
     entityActions: w
-  } = e, E = Se(), _ = w.filter((F) => F.includeInForm === void 0 || F.includeInForm), C = pt(), k = h;
+  } = e, E = Ie(), _ = w.filter((P) => P.includeInForm === void 0 || P.includeInForm), C = pt(), k = h;
   z(() => {
     i && i(k), a && a(t);
   }, [k, t]), z(() => {
-    !y && !p && o && l && Object.entries(o).forEach(([F, D]) => {
-      const L = t[F];
-      !q(D, L) && !c[F] && (console.debug("Updated value from the datasource:", F, D), d(F, D !== void 0 ? D : null));
+    !y && !p && o && l && Object.entries(o).forEach(([P, D]) => {
+      const Y = t[P];
+      !$(D, Y) && !c[P] && (console.debug("Updated value from the datasource:", P, D), d(P, D !== void 0 ? D : null));
     });
   }, [p, y, o, l, t, c, d]);
-  const B = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((F) => {
-    const D = u.properties[F];
+  const B = /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: (u.propertiesOrder ?? Object.keys(u.properties)).map((P) => {
+    const D = u.properties[P];
     if (!D)
-      return console.warn(`Property ${F} not found in collection ${u.name}`), null;
-    const L = !!o && Object.keys(o).includes(F) && !!c[F], re = !y && p || qt(D) || !!D.disabled;
+      return console.warn(`Property ${P} not found in collection ${u.name}`), null;
+    const Y = !!o && Object.keys(o).includes(P) && !!c[P], ne = !y && p || qt(D) || !!D.disabled;
     if (br(D))
       return null;
     const H = {
-      propertyKey: F,
-      disabled: re,
+      propertyKey: P,
+      disabled: ne,
       property: D,
       includeDescription: D.description || D.longDescription,
-      underlyingValueHasChanged: L && !y,
+      underlyingValueHasChanged: Y && !y,
       context: s,
       tableMode: !1,
       partOfArray: !1,
@@ -14343,11 +14345,11 @@ function kd(e) {
     return /* @__PURE__ */ n(
       "div",
       {
-        id: `form_field_${F}`,
+        id: `form_field_${P}`,
         children: /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(
           ke,
           {
-            title: /* @__PURE__ */ n(yd, { propertyId: F }),
+            title: /* @__PURE__ */ n(yd, { propertyId: P }),
             delayDuration: 800,
             side: "left",
             align: "start",
@@ -14356,9 +14358,9 @@ function kd(e) {
           }
         ) })
       },
-      `field_${u.name}_${F}`
+      `field_${u.name}_${P}`
     );
-  }).filter(Boolean) }), P = p || !k && m === "existing", N = S.useRef(null);
+  }).filter(Boolean) }), F = p || !k && m === "existing", I = S.useRef(null);
   return /* @__PURE__ */ v(
     "form",
     {
@@ -14370,22 +14372,22 @@ function kd(e) {
           "div",
           {
             className: "mt-12",
-            ref: N,
+            ref: I,
             children: [
               B,
-              /* @__PURE__ */ n(gd, { containerRef: N })
+              /* @__PURE__ */ n(gd, { containerRef: I })
             ]
           }
         ),
         /* @__PURE__ */ n("div", { className: "h-14" }),
         !y && /* @__PURE__ */ v(Ct, { position: "absolute", children: [
-          A && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(W, { color: "error", children: A.message }) }),
-          l && _.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: _.map((F) => /* @__PURE__ */ n(
-            ce,
+          A && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(q, { color: "error", children: A.message }) }),
+          l && _.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: _.map((P) => /* @__PURE__ */ n(
+            de,
             {
               color: "primary",
               onClick: (D) => {
-                D.stopPropagation(), l && F.onClick({
+                D.stopPropagation(), l && P.onClick({
                   entity: l,
                   fullPath: u.path,
                   collection: u,
@@ -14393,16 +14395,16 @@ function kd(e) {
                   sideEntityController: C
                 });
               },
-              children: F.icon
+              children: P.icon
             },
-            F.name
+            P.name
           )) }),
           p && /* @__PURE__ */ n(Et, { size: "small" }),
           /* @__PURE__ */ n(
             ge,
             {
               variant: "text",
-              disabled: P || p,
+              disabled: F || p,
               type: "reset",
               children: m === "existing" ? "Discard" : "Clear"
             }
@@ -14413,7 +14415,7 @@ function kd(e) {
               variant: "text",
               color: "primary",
               type: "submit",
-              disabled: P || p,
+              disabled: F || p,
               onClick: () => {
                 b.current = !1;
               },
@@ -14430,7 +14432,7 @@ function kd(e) {
               variant: "filled",
               color: "primary",
               type: "submit",
-              disabled: P || p,
+              disabled: F || p,
               onClick: () => {
                 b.current = !0;
               },
@@ -14457,7 +14459,7 @@ function _d(e) {
   return t;
 }
 function xd(e, t) {
-  return e?.path === t?.path && e?.entityId === t?.entityId && q(e?.values, t?.values) && q(e?.collection, t?.collection);
+  return e?.path === t?.path && e?.entityId === t?.entityId && $(e?.values, t?.values) && $(e?.collection, t?.collection);
 }
 function Ed(e) {
   return Object.keys(Si).includes(e);
@@ -15056,71 +15058,71 @@ function Id({
   onClose: d
 }) {
   a.customId && a.formAutoSave && console.warn(`The collection ${a.path} has customId and formAutoSave enabled. This is not supported and formAutoSave will be ignored`);
-  const [u, p] = Q(!1), [m, f] = Q(void 0);
+  const [u, p] = R(!1), [m, f] = R(void 0);
   yi(m, () => {
-    m && I({
-      entityId: J?.id,
+    m && N({
+      entityId: W?.id,
       collection: a,
       path: e,
       values: m,
       closeAfterSave: !1
     });
   }, !1, 2e3);
-  const g = Xe(a), A = Fi(), h = pt(), b = ft(), y = pe(), w = Se(), E = mt(), [_, C] = Q(void 0), [k, B] = Q(i ? "copy" : t ? "existing" : "new"), P = se(void 0), N = P.current, F = (a.subcollections ?? []).filter((Y) => !Y.hideFromNavigation), D = F?.length ?? 0, L = a.entityViews, re = L?.length ?? 0, oe = a.formAutoSave && !a.customId, H = re > 0 || D > 0, j = r ?? qn(
+  const g = Xe(a), A = Fi(), h = pt(), b = ft(), y = pe(), w = Ie(), E = mt(), [_, C] = R(void 0), [k, B] = R(i ? "copy" : t ? "existing" : "new"), F = le(void 0), I = F.current, P = (a.subcollections ?? []).filter((L) => !L.hideFromNavigation), D = P?.length ?? 0, Y = a.entityViews, ne = Y?.length ?? 0, ie = a.formAutoSave && !a.customId, H = ne > 0 || D > 0, U = r ?? qn(
     a ? a.defaultSelectedView : void 0,
     {
       status: k,
       entityId: t
     }
-  ), V = se(j ?? Zt), te = V.current === Zt, {
-    entity: K,
-    dataLoading: ae,
+  ), O = le(U ?? Zt), K = O.current === Zt, {
+    entity: ee,
+    dataLoading: se,
     // eslint-disable-next-line no-unused-vars
-    dataLoadingError: de
+    dataLoadingError: ce
   } = co({
     path: e,
     entityId: t,
     collection: a,
     useCache: !1
-  }), [J, ie] = Q(K), [T, ne] = Q(void 0);
+  }), [W, re] = R(ee), [T, oe] = R(void 0);
   z(() => {
-    K && ie(K);
-  }, [K]), z(() => {
+    ee && re(ee);
+  }, [ee]), z(() => {
     if (k === "new")
-      ne(!1);
+      oe(!1);
     else {
-      const Y = J ? Hn(a, E, e, J ?? null) : !1;
-      J && ne(!Y);
+      const L = W ? Hn(a, E, e, W ?? null) : !1;
+      W && oe(!L);
     }
-  }, [E, J, k]);
-  const ee = x((Y) => {
+  }, [E, W, k]);
+  const te = x((L) => {
     p(!1), b.open({
       type: "error",
-      message: "Error before saving: " + Y?.message
-    }), console.error(Y);
-  }, [b]), O = x((Y) => {
+      message: "Error before saving: " + L?.message
+    }), console.error(L);
+  }, [b]), J = x((L) => {
     p(!1), b.open({
       type: "error",
-      message: "Error after saving (entity is saved): " + Y?.message
-    }), console.error(Y);
-  }, [b]), U = (Y, Pe) => {
-    p(!1), oe || b.open({
+      message: "Error after saving (entity is saved): " + L?.message
+    }), console.error(L);
+  }, [b]), j = (L, Pe) => {
+    p(!1), ie || b.open({
       type: "success",
       message: `${a.singularName ?? a.name}: Saved correctly`
-    }), ie(Y), B("existing"), s(!1), c && c({ entity: Y }), Pe ? (console.log("Closing side dialog"), A.setBlocked(!1), A.close(!0), d?.()) : k !== "existing" && h.replace({
+    }), re(L), B("existing"), s(!1), c && c({ entity: L }), Pe ? (console.log("Closing side dialog"), A.setBlocked(!1), A.close(!0), d?.()) : k !== "existing" && h.replace({
       path: e,
-      entityId: Y.id,
-      selectedSubPath: V.current,
+      entityId: L.id,
+      selectedSubPath: O.current,
       updateUrl: !0,
       collection: a
     });
-  }, $ = x((Y) => {
+  }, V = x((L) => {
     p(!1), b.open({
       type: "error",
-      message: "Error saving: " + Y?.message
-    }), console.error("Error saving entity", e, t), console.error(Y);
-  }, [t, e, b]), I = ({
-    values: Y,
+      message: "Error saving: " + L?.message
+    }), console.error("Error saving entity", e, t), console.error(L);
+  }, [t, e, b]), N = ({
+    values: L,
     previousValues: Pe,
     closeAfterSave: Qe,
     entityId: et,
@@ -15129,18 +15131,18 @@ function Id({
   }) => (p(!0), uo({
     path: Ft,
     entityId: et,
-    values: Y,
+    values: L,
     previousValues: Pe,
     collection: Nt,
     status: k,
     dataSource: g,
     context: w,
-    onSaveSuccess: (Pt) => U(Pt, Qe),
-    onSaveFailure: $,
-    onPreSaveHookError: ee,
-    onSaveSuccessHookError: O
-  }).then()), R = async ({
-    collection: Y,
+    onSaveSuccess: (Pt) => j(Pt, Qe),
+    onSaveFailure: V,
+    onPreSaveHookError: te,
+    onSaveSuccessHookError: J
+  }).then()), Q = async ({
+    collection: L,
     path: Pe,
     entityId: Qe,
     values: et,
@@ -15152,24 +15154,24 @@ function Id({
       if (Pt)
         f(et);
       else
-        return I({
-          collection: Y,
+        return N({
+          collection: L,
           path: Pe,
           entityId: Qe,
           values: et,
           previousValues: Nt,
           closeAfterSave: Ft
         });
-  }, Ae = L ? L.map((Y) => Ho(Y, y.entityViews)).filter(Boolean) : [], Ie = L && Ae.map(
-    (Y, Pe) => {
-      if (!Y || V.current !== Y.key)
+  }, Ae = Y ? Y.map((L) => Ho(L, y.entityViews)).filter(Boolean) : [], Be = Y && Ae.map(
+    (L, Pe) => {
+      if (!L || O.current !== L.key)
         return null;
-      const Qe = Y.Builder;
+      const Qe = L.Builder;
       return Qe ? /* @__PURE__ */ n(
         "div",
         {
           className: Z(
-            Be,
+            Se,
             "relative flex-grow w-full h-full overflow-auto "
           ),
           role: "tabpanel",
@@ -15177,38 +15179,38 @@ function Id({
             Qe,
             {
               collection: a,
-              entity: J,
-              modifiedValues: N ?? J?.values,
+              entity: W,
+              modifiedValues: I ?? W?.values,
               formContext: _
             }
           ) })
         },
-        `custom_view_${Y.key}`
+        `custom_view_${L.key}`
       ) : (console.error("customView.Builder is not defined"), null);
     }
-  ).filter(Boolean), le = ae && !J || (!J || T === void 0) && (k === "existing" || k === "copy"), M = le || u, ue = F && F.map(
-    (Y, Pe) => {
-      const Qe = Y.id ?? Y.path, et = J ? `${e}/${J?.id}/${Ee(Qe)}` : void 0;
-      return V.current !== Qe ? null : /* @__PURE__ */ v(
+  ).filter(Boolean), ae = se && !W || (!W || T === void 0) && (k === "existing" || k === "copy"), M = ae || u, ue = P && P.map(
+    (L, Pe) => {
+      const Qe = L.id ?? L.path, et = W ? `${e}/${W?.id}/${Ee(Qe)}` : void 0;
+      return O.current !== Qe ? null : /* @__PURE__ */ v(
         "div",
         {
           className: "relative flex-grow h-full overflow-auto w-full",
           role: "tabpanel",
           children: [
             M && /* @__PURE__ */ n(Kr, {}),
-            !le && (J && et ? /* @__PURE__ */ n(
+            !ae && (W && et ? /* @__PURE__ */ n(
               Vo,
               {
                 fullPath: et,
                 parentCollectionIds: [...o, a.id],
                 isSubCollection: !0,
-                ...Y
+                ...L
               }
             ) : /* @__PURE__ */ n(
               "div",
               {
                 className: "flex items-center justify-center w-full h-full p-3",
-                children: /* @__PURE__ */ n(W, { variant: "label", children: "You need to save your entity before adding additional collections" })
+                children: /* @__PURE__ */ n(q, { variant: "label", children: "You need to save your entity before adding additional collections" })
               }
             ))
           ]
@@ -15218,50 +15220,50 @@ function Id({
     }
   ).filter(Boolean), ve = x(() => {
     s(!1);
-  }, []), we = (Y) => {
-    V.current = Y, h.replace({
+  }, []), we = (L) => {
+    O.current = L, h.replace({
       path: e,
       entityId: t,
-      selectedSubPath: Y === Zt ? void 0 : Y,
+      selectedSubPath: L === Zt ? void 0 : L,
       updateUrl: !0,
       collection: a
     });
-  }, xe = x((Y) => {
-    P.current = Y;
-  }, []), We = x((Y) => {
+  }, xe = x((L) => {
+    F.current = L;
+  }, []), We = x((L) => {
     b.open({
       type: "error",
       message: "Error updating id, check the console"
     });
-  }, []), Je = x((Y) => {
-    ie((Pe) => Pe ? {
+  }, []), Je = x((L) => {
+    re((Pe) => Pe ? {
       ...Pe,
-      id: Y
+      id: L
     } : void 0);
-  }, []), He = (Y) => {
-    oe || s(Y);
+  }, []), He = (L) => {
+    ie || s(L);
   };
   function Ke() {
-    const Y = y.plugins;
+    const L = y.plugins;
     let Pe = /* @__PURE__ */ n(
       wd,
       {
         status: k,
         path: e,
         collection: a,
-        onEntitySaveRequested: R,
+        onEntitySaveRequested: Q,
         onDiscard: ve,
         onValuesChanged: xe,
         onModified: He,
-        entity: J,
+        entity: W,
         onIdChange: Je,
         onFormContextChange: C,
         hideId: a.hideIdFromForm,
-        autoSave: oe,
+        autoSave: ie,
         onIdUpdateError: We
       }
     );
-    return Y && Y.forEach((Qe) => {
+    return L && L.forEach((Qe) => {
       Qe.form?.provider && (Pe = /* @__PURE__ */ n(
         Qe.form.provider.Component,
         {
@@ -15271,7 +15273,7 @@ function Id({
           onDiscard: ve,
           onValuesChanged: xe,
           onModified: He,
-          entity: J,
+          entity: W,
           context: w,
           formContext: _,
           ...Qe.form.provider.props,
@@ -15282,7 +15284,7 @@ function Id({
   }
   const st = T === void 0 ? /* @__PURE__ */ n(G, {}) : T ? /* @__PURE__ */ v(G, { children: [
     /* @__PURE__ */ n(
-      W,
+      q,
       {
         className: "mt-16 mb-8 mx-8",
         variant: "h4",
@@ -15293,30 +15295,30 @@ function Id({
       ko,
       {
         className: "px-12",
-        entity: J,
+        entity: W,
         path: e,
         collection: a
       }
     )
-  ] }) : Ke(), Er = F && F.map(
-    (Y) => /* @__PURE__ */ n(
+  ] }) : Ke(), Er = P && P.map(
+    (L) => /* @__PURE__ */ n(
       Ir,
       {
         className: "text-sm min-w-[140px]",
-        value: Y.id,
-        children: Y.name
+        value: L.id,
+        children: L.name
       },
-      `entity_detail_collection_tab_${Y.name}`
+      `entity_detail_collection_tab_${L.name}`
     )
   ), Cr = Ae.map(
-    (Y) => /* @__PURE__ */ n(
+    (L) => /* @__PURE__ */ n(
       Ir,
       {
         className: "text-sm min-w-[140px]",
-        value: Y.key,
-        children: Y.name
+        value: L.key,
+        children: L.name
       },
-      `entity_detail_collection_tab_${Y.name}`
+      `entity_detail_collection_tab_${L.name}`
     )
   );
   return /* @__PURE__ */ n(
@@ -15327,14 +15329,14 @@ function Id({
         /* @__PURE__ */ v(
           "div",
           {
-            className: Z(Be, "no-scrollbar border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
+            className: Z(Se, "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,
+                    de,
                     {
                       onClick: () => (d?.(), A.close(!1)),
                       size: "large",
@@ -15344,7 +15346,7 @@ function Id({
                 }
               ),
               /* @__PURE__ */ n("div", { className: "flex-grow" }),
-              le && /* @__PURE__ */ n(
+              ae && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "self-center",
@@ -15354,9 +15356,9 @@ function Id({
               /* @__PURE__ */ v(
                 Ja,
                 {
-                  value: V.current,
-                  onValueChange: (Y) => {
-                    we(Y);
+                  value: O.current,
+                  onValueChange: (L) => {
+                    we(L);
                   },
                   className: "pl-4 pr-4 pt-0",
                   children: [
@@ -15393,13 +15395,13 @@ function Id({
                 "div",
                 {
                   role: "tabpanel",
-                  hidden: !te,
+                  hidden: !K,
                   id: `form_${e}`,
                   className: " w-full",
-                  children: le ? /* @__PURE__ */ n(Kr, {}) : st
+                  children: ae ? /* @__PURE__ */ n(Kr, {}) : st
                 }
               ),
-              Ie,
+              Be,
               ue
             ]
           }
@@ -15460,9 +15462,9 @@ function Fd({
       onOpenChange: (o) => o ? r() : t(),
       children: [
         /* @__PURE__ */ v(mi, { children: [
-          /* @__PURE__ */ n(W, { variant: "h6", children: a }),
+          /* @__PURE__ */ n(q, { variant: "h6", children: a }),
           i,
-          /* @__PURE__ */ n(W, { children: "Are you sure you want to leave this page?" })
+          /* @__PURE__ */ n(q, { children: "Are you sure you want to leave this page?" })
         ] }),
         /* @__PURE__ */ v(Ct, { children: [
           /* @__PURE__ */ n(ge, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
@@ -15497,7 +15499,7 @@ function Pd({
   offsetPosition: e,
   panel: t
 }) {
-  const [r, i] = Q(!1), [a, o] = Q(!1), [s, l] = Q(), c = S.useRef(t?.width), d = c.current, u = vr(), {
+  const [r, i] = R(!1), [a, o] = R(!1), [s, l] = R(), c = S.useRef(t?.width), d = c.current, u = vr(), {
     navigationWasBlocked: p,
     handleOk: m,
     handleCancel: f
@@ -15632,7 +15634,7 @@ function or(e, t = 0) {
     return e.dataType === "array" && e.oneOf ? t + 3 : e.dataType === "array" && e.of ? Array.isArray(e.of) ? Math.max(...e.of.map((r) => or(r, t + 1))) : or(e.of, t + 1) : t + 1;
 }
 const Td = (e, t) => {
-  const r = Ar(), i = se(!1), a = !qe();
+  const r = Ar(), i = le(!1), a = !qe();
   z(() => {
     if (!e.loading && !i.current) {
       if (console.debug("Initialising side entity controller"), e.isUrlCollectionPath(r.pathname)) {
@@ -15724,12 +15726,12 @@ const Xt = (e, t, r, i) => {
   };
 };
 function Md() {
-  const e = Ar(), t = $t(), [r, i] = Q([]), a = se(r), o = se({}), s = se(0), l = (p) => {
+  const e = Ar(), t = $t(), [r, i] = R([]), a = le(r), o = le({}), s = le(0), l = (p) => {
     a.current = p, i(p);
   };
   z(() => {
     const f = (e.state?.panels ?? []).map((g) => o.current[g]).filter((g) => !!g);
-    q(a.current.map((g) => g.key), f.map((g) => g.key)) || l(f);
+    $(a.current.map((g) => g.key), f.map((g) => g.key)) || l(f);
   }, [e]);
   const c = x(() => {
     if (r.length === 0)
@@ -16025,7 +16027,7 @@ async function Gd(e, t) {
   ).then(async (i) => i.json());
 }
 function jd(e, t) {
-  const [r, i] = Q(null), a = se(null), o = t?.map((s) => s.key);
+  const [r, i] = R(null), a = le(null), o = t?.map((s) => s.key);
   return z(() => {
     e.user && e.user.uid !== a.current && !e.initialLoading && (Gd(e, o).then(i), a.current = e.user.uid);
   }, [e, o]), r;
@@ -16076,8 +16078,8 @@ function cm(e) {
       error: s.authError
     }
   ) }) : C?.blocked ? /* @__PURE__ */ v(er, { maxWidth: "md", fullScreen: !0, children: [
-    /* @__PURE__ */ n(W, { variant: "h4", children: "Access blocked" }),
-    /* @__PURE__ */ v(W, { children: [
+    /* @__PURE__ */ n(q, { variant: "h4", children: "Access blocked" }),
+    /* @__PURE__ */ v(q, { children: [
       "This app has been blocked. Please reach out at ",
       /* @__PURE__ */ n(
         "a",
@@ -16088,7 +16090,7 @@ function cm(e) {
       ),
       " for more information."
     ] }),
-    C?.message && /* @__PURE__ */ v(W, { children: [
+    C?.message && /* @__PURE__ */ v(q, { children: [
       "Response from the server: ",
       C?.message
     ] })
@@ -16146,7 +16148,7 @@ function Yd({
   loading: e,
   children: t
 }) {
-  const r = Se(), i = pe();
+  const r = Ie(), i = pe();
   let a = t({
     context: r,
     loading: e
@@ -16237,7 +16239,7 @@ function Ud() {
     {
       className: "pt-8 pl-6 pr-8 pb-2 flex flex-row items-center",
       children: /* @__PURE__ */ n(
-        W,
+        q,
         {
           variant: "caption",
           color: "secondary",
@@ -16278,7 +16280,7 @@ function Ud() {
         open: c,
         onOpenChange: d,
         trigger: /* @__PURE__ */ v(
-          ce,
+          de,
           {
             shape: "square",
             className: "m-4 text-gray-900 dark:text-white w-fit",
@@ -16404,7 +16406,7 @@ const dm = S.memo(
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: Z(Be, "flex-grow overflow-auto lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid m-0 mt-1"),
+                    className: Z(Se, "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 })
                   }
                 )
@@ -16415,7 +16417,7 @@ const dm = S.memo(
       }
     ) });
   },
-  q
+  $
 ), Wd = () => /* @__PURE__ */ n("div", { className: "flex flex-col min-h-[68px]" });
 function Jd(e) {
   const t = _e(), r = e.displayed ? e.open ? $d : 72 : 0, i = /* @__PURE__ */ v(
@@ -16435,7 +16437,7 @@ function Jd(e) {
             sideOffset: 12,
             className: "fixed top-2 left-3 !bg-gray-50 dark:!bg-gray-900 rounded-full w-fit",
             children: /* @__PURE__ */ n(
-              ce,
+              de,
               {
                 color: "inherit",
                 "aria-label": "Open menu",
@@ -16506,7 +16508,7 @@ function Jd(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,
+              de,
               {
                 "aria-label": "Close drawer",
                 onClick: () => e.setDrawerOpen(!1),
@@ -16519,7 +16521,7 @@ function Jd(e) {
     }
   ) : e.displayed ? /* @__PURE__ */ v(G, { children: [
     /* @__PURE__ */ n(
-      ce,
+      de,
       {
         color: "inherit",
         "aria-label": "Open drawer",
@@ -16831,7 +16833,7 @@ export {
   Rs as useDialogsController,
   qd as useDrawer,
   co as useEntityFetch,
-  Se as useFireCMSContext,
+  Ie as useFireCMSContext,
   qe as useLargeLayout,
   Os as useModeController,
   _e as useNavigationController,