@firecms/core 3.0.0-canary.78 → 3.0.0-canary.79

package/dist/index.es.js

@@ -4,7 +4,7 @@ import S, { useRef as ce, useEffect as z, useContext as $e, useCallback as x, us
 import { SnackbarProvider as Fa, useSnackbar as Pa } from "notistack";
 import Ji from "object-hash";
 import { useCreateFormex as In, Formex as Nn, setIn as ti, Field as Fn, getIn as _t, useFormex as fi } from "@firecms/formex";
-import { getColorSchemeForSeed as Pn, CHIP_COLORS as Qa, Tooltip as ke, ErrorIcon as Qn, Typography as Y, CircleIcon as Dn, FunctionsIcon as Da, iconKeys as hi, coolIconKeys as ri, Icon as gi, IconButton as de, ContentCopyIcon as vr, OpenInNewIcon as Zt, DescriptionIcon as Rn, cls as L, Skeleton as Le, Chip as Ai, defaultBorderMixin as Se, KeyboardTabIcon as bi, Checkbox as Xt, Markdown as yi, TextareaAutosize as Ra, MultiSelect as Tn, MultiSelectItem as On, Select as nt, SelectItem as ot, BooleanSwitch as Ta, DateTimeField as Kt, paperMixin as kr, ErrorOutlineIcon as Oa, EditIcon as za, Button as ge, RemoveCircleIcon as Ma, Menu as It, MoreVertIcon as zn, MenuItem as Pe, CircularProgress as xt, SearchBar as wi, Badge as Hi, ArrowUpwardIcon as Gr, Popover as vi, FilterListIcon as Va, AssignmentIcon as Ga, CenteredView as sr, Label as ki, TextField as Et, ClearIcon as Ut, BooleanSwitchWithLabel as _r, useOutsideAlerter as Mn, Dialog as _i, DialogContent as xi, DialogActions as Nt, FileCopyIcon as ja, ArchiveIcon as Ya, DeleteIcon as ii, AddIcon as pt, ExpandablePanel as ft, Card as Ua, ArrowForwardIcon as Vn, cardMixin as La, cardClickableMixin as $a, focusedMixin as ni, StarIcon as Gn, StarBorderIcon as jn, Collapse as Yn, Container as qa, FilterListOffIcon as Wa, SearchIcon as Ja, LoadingButton as Ha, Avatar as Zi, DarkModeIcon as Za, LightModeIcon as Xa, LogoutIcon as Ka, fieldBackgroundHoverMixin as xr, HandleIcon as es, RemoveIcon as Ei, debounce as ts, InfoIcon as rs, CloseIcon as Un, fieldBackgroundMixin as pr, fieldBackgroundDisabledMixin as Ln, ArrowDropDownIcon as $n, useInjectStyles as is, ShortTextIcon as ns, SubjectIcon as os, FormatQuoteIcon as as, HttpIcon as ss, EmailIcon as ls, FlagIcon as cs, ListIcon as ds, ListAltIcon as us, NumbersIcon as ms, FormatListNumberedIcon as Xi, UploadFileIcon as ps, DriveFolderUploadIcon as fs, LinkIcon as hs, AddLinkIcon as gs, ScheduleIcon as As, BallotIcon as Ki, RepeatIcon as en, ViewStreamIcon as bs, Tab as jr, Tabs as ys, Alert as ws, Sheet as qn, useLocaleConfig as vs, MenuIcon as tn, ChevronLeftIcon as ks } from "@firecms/ui";
+import { getColorSchemeForSeed as Pn, CHIP_COLORS as Qa, Tooltip as ke, ErrorIcon as Qn, Typography as U, CircleIcon as Dn, FunctionsIcon as Da, iconKeys as hi, coolIconKeys as ri, Icon as gi, IconButton as de, ContentCopyIcon as vr, OpenInNewIcon as Zt, DescriptionIcon as Rn, cls as L, Skeleton as Le, Chip as Ai, defaultBorderMixin as Se, KeyboardTabIcon as bi, Checkbox as Xt, Markdown as yi, TextareaAutosize as Ra, MultiSelect as Tn, MultiSelectItem as On, Select as nt, SelectItem as ot, BooleanSwitch as Ta, DateTimeField as Kt, paperMixin as kr, ErrorOutlineIcon as Oa, EditIcon as za, Button as ge, RemoveCircleIcon as Ma, Menu as It, MoreVertIcon as zn, MenuItem as Pe, CircularProgress as xt, SearchBar as wi, Badge as Hi, ArrowUpwardIcon as Gr, Popover as vi, FilterListIcon as Va, AssignmentIcon as Ga, CenteredView as sr, Label as ki, TextField as Et, ClearIcon as Ut, BooleanSwitchWithLabel as _r, useOutsideAlerter as Mn, Dialog as _i, DialogContent as xi, DialogActions as Nt, FileCopyIcon as ja, ArchiveIcon as Ya, DeleteIcon as ii, AddIcon as pt, ExpandablePanel as ft, Card as Ua, ArrowForwardIcon as Vn, cardMixin as La, cardClickableMixin as $a, focusedMixin as ni, StarIcon as Gn, StarBorderIcon as jn, Collapse as Yn, Container as qa, FilterListOffIcon as Wa, SearchIcon as Ja, LoadingButton as Ha, Avatar as Zi, DarkModeIcon as Za, LightModeIcon as Xa, LogoutIcon as Ka, fieldBackgroundHoverMixin as xr, HandleIcon as es, RemoveIcon as Ei, debounce as ts, InfoIcon as rs, CloseIcon as Un, fieldBackgroundMixin as pr, fieldBackgroundDisabledMixin as Ln, ArrowDropDownIcon as $n, useInjectStyles as is, ShortTextIcon as ns, SubjectIcon as os, FormatQuoteIcon as as, HttpIcon as ss, EmailIcon as ls, FlagIcon as cs, ListIcon as ds, ListAltIcon as us, NumbersIcon as ms, FormatListNumberedIcon as Xi, UploadFileIcon as ps, DriveFolderUploadIcon as fs, LinkIcon as hs, AddLinkIcon as gs, ScheduleIcon as As, BallotIcon as Ki, RepeatIcon as en, ViewStreamIcon as bs, Tab as jr, Tabs as ys, Alert as ws, Sheet as qn, useLocaleConfig as vs, MenuIcon as tn, ChevronLeftIcon as ks } from "@firecms/ui";
 import J from "react-fast-compare";
 import { Link as Er, useNavigate as Ft, useLocation as Cr, UNSAFE_NavigationContext as _s, NavLink as xs, Route as lr, Routes as Es } from "react-router-dom";
 import { format as Cs } from "date-fns";
@@ -365,14 +365,14 @@ function Ne({
         /* @__PURE__ */ n(Qn, { size: "small", color: "error" }),
         /* @__PURE__ */ v("div", { className: "pl-2", children: [
           e && /* @__PURE__ */ n(
-            Y,
+            U,
             {
               variant: "body2",
               className: "font-medium",
               children: e
             }
           ),
-          /* @__PURE__ */ n(Y, { variant: "body2", children: i })
+          /* @__PURE__ */ n(U, { variant: "body2", children: i })
         ] })
       ]
     }
@@ -3379,7 +3379,7 @@ function bm(e) {
   z(() => {
     oe();
   }, [oe]);
-  const U = x((T, ne = !1) => {
+  const Y = x((T, ne = !1) => {
     const K = u.current;
     if (!K)
       return;
@@ -3469,7 +3469,7 @@ function bm(e) {
     basePath: t,
     baseCollectionPath: r,
     initialised: g,
-    getCollection: U,
+    getCollection: Y,
     getCollectionFromPaths: X,
     getCollectionFromIds: q,
     isUrlCollectionPath: V,
@@ -3704,51 +3704,43 @@ function yl({
             }
           }
         ),
-        navigator && /* @__PURE__ */ n(ke, { title: "Copy url to clipboard", children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: "rounded-full absolute bottom-[-4px] right-8 invisible group-hover:visible",
-            children: /* @__PURE__ */ n(
-              de,
-              {
-                variant: "filled",
-                size: "small",
-                onClick: (a) => (a.stopPropagation(), a.preventDefault(), navigator.clipboard.writeText(t)),
-                children: /* @__PURE__ */ n(
-                  vr,
-                  {
-                    className: "text-gray-700 dark:text-gray-300",
-                    size: "small"
-                  }
-                )
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ n(ke, { title: "Open image in new tab", children: /* @__PURE__ */ n(
-          de,
-          {
-            variant: "filled",
-            component: "a",
-            style: {
-              position: "absolute",
-              bottom: -4,
-              right: -4
-            },
-            href: t,
-            rel: "noopener noreferrer",
-            target: "_blank",
-            size: "small",
-            onClick: (a) => a.stopPropagation(),
-            children: /* @__PURE__ */ n(
-              Zt,
-              {
-                className: "text-gray-700 dark:text-gray-300 invisible group-hover:visible",
-                size: "small"
-              }
-            )
-          }
-        ) })
+        /* @__PURE__ */ v("div", { className: "flex flex-row gap-2 absolute bottom-[-4px] right-[-4px] invisible group-hover:visible", children: [
+          navigator && /* @__PURE__ */ n(ke, { title: "Copy url to clipboard", side: "bottom", children: /* @__PURE__ */ n(
+            de,
+            {
+              variant: "filled",
+              size: "small",
+              onClick: (a) => (a.stopPropagation(), a.preventDefault(), navigator.clipboard.writeText(t)),
+              children: /* @__PURE__ */ n(
+                vr,
+                {
+                  className: "text-gray-700 dark:text-gray-300",
+                  size: "small"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ n(ke, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ n(
+            de,
+            {
+              className: "invisible group-hover:visible",
+              variant: "filled",
+              component: "a",
+              href: t,
+              rel: "noopener noreferrer",
+              target: "_blank",
+              size: "small",
+              onClick: (a) => a.stopPropagation(),
+              children: /* @__PURE__ */ n(
+                Zt,
+                {
+                  className: "text-gray-700 dark:text-gray-300",
+                  size: "small"
+                }
+              )
+            }
+          ) })
+        ] })
       ]
     },
     "image_preview_" + t
@@ -3794,7 +3786,7 @@ function Ar({
       children: [
         /* @__PURE__ */ n(Rn, { className: "text-gray-700 dark:text-gray-300" }),
         i && /* @__PURE__ */ n(ke, { title: i, children: /* @__PURE__ */ n(
-          Y,
+          U,
           {
             className: "max-w-full truncate rtl text-left",
             variant: "caption",
@@ -4200,7 +4192,7 @@ function Pl({
         ) }),
         /* @__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(
-            Y,
+            U,
             {
               variant: "caption",
               color: "disabled",
@@ -4335,7 +4327,7 @@ const vt = kt.memo(To), et = kt.memo(function(t) {
   ));
 }, Ql);
 function Ql(e, t) {
-  return e.disabled === t.disabled && e.size === t.size && e.hover === t.hover && e.reference?.id === t.reference?.id && e.reference?.path === t.reference?.path && e.includeEntityLink === t.includeEntityLink;
+  return e.disabled === t.disabled && e.size === t.size && e.hover === t.hover && e.reference?.id === t.reference?.id && e.reference?.path === t.reference?.path && e.includeEntityLink === t.includeEntityLink && e.onClick === t.onClick;
 }
 function Dl({
   disabled: e,
@@ -4668,7 +4660,7 @@ function Vl({
                       {
                         className: "min-w-[140px] w-[25%] py-1",
                         children: /* @__PURE__ */ n(
-                          Y,
+                          U,
                           {
                             variant: "caption",
                             className: "font-mono break-words",
@@ -4733,7 +4725,7 @@ function zo({ value: e }) {
                     {
                       className: "min-w-[140px] w-[25%] py-1",
                       children: /* @__PURE__ */ n(
-                        Y,
+                        U,
                         {
                           variant: "caption",
                           className: "font-mono break-words",
@@ -4748,7 +4740,7 @@ function zo({ value: e }) {
                     "div",
                     {
                       className: "flex-grow max-w-[75%]",
-                      children: typeof r != "object" && /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(pe, { children: r && r.toString() }) })
+                      children: typeof r != "object" && /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(pe, { children: r && r.toString() }) })
                     }
                   )
                 ]
@@ -5377,7 +5369,7 @@ class pe extends S.Component {
         /* @__PURE__ */ n(Qn, { color: "error", size: "small" }),
         /* @__PURE__ */ n("div", { className: "ml-4", children: "Error" })
       ] }),
-      /* @__PURE__ */ n(Y, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
+      /* @__PURE__ */ n(U, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
     ] }) : this.props.children;
   }
 }
@@ -5791,7 +5783,7 @@ function rc({
             });
       }
     }
-  ), { ...$ } = B(), oe = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", U = d ? e.of : e, X = he(() => Ct(y), [y]), q = !m && l;
+  ), { ...$ } = B(), oe = d ? "Drag 'n' drop some files here, or click here to edit" : "Drag 'n' drop a file here, or click here edit", Y = d ? e.of : e, X = he(() => Ct(y), [y]), q = !m && l;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -5814,7 +5806,7 @@ function rc({
           return V.storagePathOrDownloadUrl ? te = /* @__PURE__ */ n(
             ic,
             {
-              property: U,
+              property: Y,
               value: V.storagePathOrDownloadUrl,
               entity: o,
               size: y
@@ -5839,7 +5831,7 @@ function rc({
             className: "flex-grow m-2 max-w-[200px]",
             onClick: C,
             children: /* @__PURE__ */ n(
-              Y,
+              U,
               {
                 className: "text-gray-400 dark:text-gray-600",
                 variant: "body2",
@@ -6339,7 +6331,7 @@ const fc = ({
       o ? f(void 0) : !a && Ae && f(Ae);
     }, [y, f, a, o]), $ = x((Ae) => {
       M(), Ae.stopPropagation();
-    }, [M]), oe = he(() => b ? b.height > k : !1, [b, k]), U = !P && a, X = !o && p && oe, q = !o && !p && oe, V = x(() => E(!0), []), ae = x(() => E(!1), []), te = P ? "border-red-500" : C ? "border-green-500" : U ? "border-primary" : "border-transparent";
+    }, [M]), oe = he(() => b ? b.height > k : !1, [b, k]), Y = !P && a, X = !o && p && oe, q = !o && !p && oe, V = x(() => E(!0), []), ae = x(() => E(!1), []), te = P ? "border-red-500" : C ? "border-green-500" : Y ? "border-primary" : "border-transparent";
     return /* @__PURE__ */ v(
       "div",
       {
@@ -6349,7 +6341,7 @@ const fc = ({
           _ && !o ? "bg-gray-50 dark:bg-gray-900" : "",
           l ? "bg-gray-100 bg-opacity-75 dark:bg-gray-800 dark:bg-opacity-75" : "",
           g ? "overflow-hidden" : "",
-          U ? "bg-gray-50 dark:bg-gray-900" : "",
+          Y ? "bg-gray-50 dark:bg-gray-900" : "",
           te
         ),
         ref: y,
@@ -6436,7 +6428,7 @@ const Ac = S.memo(
       F(!0), setTimeout(() => {
         F(!1);
       }, 100);
-    }, []), $ = !!a.Field, oe = !!a.Preview, U = er(a), X = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, q = p || m || !!a.disabled, V = he(() => Jt({
+    }, []), $ = !!a.Field, oe = !!a.Preview, Y = er(a), X = typeof a.disabled == "object" ? a.disabled.disabledMessage : void 0, q = p || m || !!a.disabled, V = he(() => Jt({
       property: a,
       entityId: d.id,
       customFieldValidator: r,
@@ -6497,7 +6489,7 @@ const Ac = S.memo(
     };
     let se, ee = !1, T = !1, ne = !0, K = !1, H = !1, j = !0;
     const G = !q && E;
-    if (p || U)
+    if (p || Y)
       return /* @__PURE__ */ n(
         br,
         {
@@ -6507,7 +6499,7 @@ const Ac = S.memo(
           value: y,
           align: o ?? "left",
           fullHeight: !1,
-          disabledTooltip: X ?? (U ? "Read only" : void 0),
+          disabledTooltip: X ?? (Y ? "Read only" : void 0),
           disabled: !0,
           children: /* @__PURE__ */ n(
             Fe,
@@ -6680,7 +6672,7 @@ const Ac = S.memo(
         )), ee = !1));
       }
     }
-    return se || (ee = !1, T = u && b && !se && !q && !U, se = /* @__PURE__ */ n(
+    return se || (ee = !1, T = u && b && !se && !q && !Y, se = /* @__PURE__ */ n(
       Fe,
       {
         width: s,
@@ -6697,7 +6689,7 @@ const Ac = S.memo(
         width: s,
         onSelect: Ae,
         selected: b,
-        disabled: q || U,
+        disabled: q || Y,
         disabledTooltip: X ?? "Disabled",
         removePadding: K,
         fullHeight: H,
@@ -6827,22 +6819,16 @@ const Qi = function({
             }
           ) })
         ] }),
-        !f && c !== "xs" && /* @__PURE__ */ n("div", { className: "w-[138px] text-center overflow-hidden truncate", children: t ? /* @__PURE__ */ v(
-          Y,
+        !f && c !== "xs" && /* @__PURE__ */ n(
+          "div",
           {
+            className: "w-[138px] text-center overflow-hidden truncate font-mono text-xs text-text-secondary dark:text-text-secondary-dark max-w-full text-ellipsis px-2",
             onClick: (C) => {
               C.stopPropagation();
             },
-            className: "font-mono select-all",
-            variant: "caption",
-            color: "secondary",
-            children: [
-              " ",
-              t.id,
-              " "
-            ]
+            children: t ? t.id : /* @__PURE__ */ n(Le, {})
           }
-        ) : /* @__PURE__ */ n(Le, {}) })
+        )
       ]
     }
   );
@@ -7022,7 +7008,7 @@ function yr({ text: e, ...t }) {
       children: /* @__PURE__ */ v("div", { className: "m-auto flex flex-col gap-2 items-center", children: [
         /* @__PURE__ */ n(xt, { ...t }),
         e && /* @__PURE__ */ n(
-          Y,
+          U,
           {
             color: "secondary",
             variant: "caption",
@@ -7448,7 +7434,7 @@ const Sc = Ia(({
     z(() => {
       F(o);
     }, [o]);
-    const [oe, U] = Wn(), X = x((j) => {
+    const [oe, Y] = Wn(), X = x((j) => {
       F(D.map((G) => G.key === j.column.key ? j.column : G));
     }, [D]), q = x((j) => {
       F(D.map((G) => G.key === j.column.key ? j.column : G)), l && l(j);
@@ -7465,7 +7451,7 @@ const Sc = Ia(({
     x(() => {
       $.current = 0, h && h(void 0);
     }, [h]);
-    const Ae = Math.max((t?.length ?? 0) * a - U.height, 0), ue = x((j) => {
+    const Ae = Math.max((t?.length ?? 0) * a - Y.height, 0), ue = x((j) => {
       i && (t?.length ?? 0) > 0 && j > $.current + 600 && ($.current = j, i());
     }, [t?.length, i]), se = x(({
       scrollOffset: j,
@@ -7492,7 +7478,7 @@ const Sc = Ia(({
         maxWidth: "2xl",
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ n(Y, { variant: "h6", children: "Error fetching data from the data source" }),
+          /* @__PURE__ */ n(U, { variant: "h6", children: "Error fetching data from the data source" }),
           u?.message && /* @__PURE__ */ n(Fc, { text: u.message })
         ]
       }
@@ -7530,8 +7516,8 @@ const Sc = Ia(({
               Nc,
               {
                 outerRef: M,
-                width: U.width,
-                height: U.height,
+                width: Y.width,
+                height: Y.height,
                 itemCount: (t?.length ?? 0) + (E ? 1 : 0),
                 onScroll: se,
                 includeAddColumn: !!C,
@@ -7663,9 +7649,9 @@ function Pc({
     const M = Jr.includes(u), $ = Jr.includes(D);
     let oe = F;
     M !== $ && (oe = $ ? oe?.isEntityReference && oe?.isEntityReference() ? [oe] : [] : void 0), f(D), g(oe);
-    const U = oe !== null && Array.isArray(oe) ? oe.length > 0 : oe !== void 0;
+    const Y = oe !== null && Array.isArray(oe) ? oe.length > 0 : oe !== void 0;
     r(
-      D && U ? [D, oe] : void 0
+      D && Y ? [D, oe] : void 0
     );
   }
   const b = _e(), y = he(() => a ? b.getCollection(a) : void 0, [a]), k = (D) => {
@@ -8018,7 +8004,7 @@ const Tc = S.memo(
     endAdornment: $,
     AddColumnComponent: oe
   }) {
-    const U = ce(null), [X, q] = S.useState(void 0), V = () => {
+    const Y = ce(null), [X, q] = S.useState(void 0), V = () => {
       !_ || d || p || b !== void 0 && y?.(b + k);
     }, ae = x(() => {
       y?.(k);
@@ -8027,7 +8013,7 @@ const Tc = S.memo(
         return i && i(ee);
     }, [i, l]);
     Mn(
-      U,
+      Y,
       () => {
         X && ue();
       },
@@ -8061,7 +8047,7 @@ const Tc = S.memo(
           "div",
           {
             className: "h-full w-full flex flex-col bg-white dark:bg-gray-950",
-            ref: U,
+            ref: Y,
             children: /* @__PURE__ */ n(
               Ic,
               {
@@ -8198,7 +8184,7 @@ const Ho = function({
   AdditionalHeaderWidget: M,
   additionalIDHeaderWidget: $,
   emptyComponent: oe,
-  getIdColumnWidth: U,
+  getIdColumnWidth: Y,
   onTextSearchClick: X,
   textSearchLoading: q,
   enablePopupIcon: V
@@ -8281,7 +8267,7 @@ const Ho = function({
   })(), Ie = [
     {
       key: "id_ewcfedcswdf3",
-      width: U?.() ?? (te ? 160 : 130),
+      width: Y?.() ?? (te ? 160 : 130),
       title: "ID",
       resizable: !1,
       frozen: te,
@@ -8418,7 +8404,7 @@ function Zo({
   z(() => {
     J(f, _) || E(f);
   }, [f]);
-  const [_, E] = S.useState(f ?? o ?? void 0), [C, B] = S.useState(k), P = C ? C[0] : void 0, D = C ? C[1] : void 0, F = Re(), [M, $] = Q([]), [oe, U] = Q(!1), [X, q] = Q(), [V, ae] = Q(!1), te = x((T, ne) => m.isFilterCombinationValid ? m.isFilterCombinationValid({
+  const [_, E] = S.useState(f ?? o ?? void 0), [C, B] = S.useState(k), P = C ? C[0] : void 0, D = C ? C[1] : void 0, F = Re(), [M, $] = Q([]), [oe, Y] = Q(!1), [X, q] = Q(), [V, ae] = Q(!1), te = x((T, ne) => m.isFilterCombinationValid ? m.isFilterCombinationValid({
     path: u,
     collection: t,
     filterValues: T,
@@ -8431,7 +8417,7 @@ function Zo({
     T && Object.keys(T).length === 0 ? E(void 0) : E(T);
   }, [f]);
   z(() => {
-    U(!0);
+    Y(!0);
     const T = async (K) => {
       if (t.callbacks?.onFetch)
         try {
@@ -8446,12 +8432,12 @@ function Zo({
         } catch (H) {
           console.error(H);
         }
-      U(!1), q(void 0), $(K.map((H) => ({
+      Y(!1), q(void 0), $(K.map((H) => ({
         ...H
         // values: sanitizeData(e.values, resolvedCollection.properties)
       }))), ae(!b || K.length < b);
     }, ne = (K) => {
-      console.error("ERROR", K), U(!1), $([]), q(K);
+      console.error("ERROR", K), Y(!1), $([]), q(K);
     };
     return m.listenCollection ? m.listenCollection({
       path: u,
@@ -8654,7 +8640,7 @@ function ea({
       onOpenChange: (M) => M ? void 0 : r(),
       children: [
         /* @__PURE__ */ v(xi, { fullHeight: !0, children: [
-          /* @__PURE__ */ n(Y, { variant: "subtitle2", className: "p-4", children: F }),
+          /* @__PURE__ */ n(U, { variant: "subtitle2", className: "p-4", children: F }),
           !g && /* @__PURE__ */ n("div", { className: "p-4", children: D })
         ] }),
         /* @__PURE__ */ v(Nt, { children: [
@@ -8904,7 +8890,7 @@ function jc({
     textSearchLoading: M,
     textSearchInitialised: $,
     onTextSearchClick: oe,
-    textSearchEnabled: U
+    textSearchEnabled: Y
   } = (
     // eslint-disable-next-line react-hooks/rules-of-hooks
     Ko({
@@ -8918,13 +8904,13 @@ function jc({
       {
         textSearchLoading: M,
         onTextSearchClick: $ ? void 0 : oe,
-        textSearchEnabled: U,
+        textSearchEnabled: Y,
         displayedColumnIds: D,
         onEntityClick: _,
         tableController: F,
         enablePopupIcon: !1,
         tableRowActionsBuilder: C,
-        title: /* @__PURE__ */ n(Y, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
+        title: /* @__PURE__ */ n(U, { variant: "subtitle2", children: i.singularName ? `Select ${i.singularName}` : `Select from ${i.name}` }),
         defaultSize: i.defaultSize,
         properties: P.properties,
         forceFilter: l,
@@ -8943,7 +8929,7 @@ function jc({
     ) }),
     /* @__PURE__ */ v(Nt, { translucent: !1, children: [
       s && /* @__PURE__ */ n(
-        Y,
+        U,
         {
           variant: "body2",
           className: "flex-grow text-left",
@@ -9029,7 +9015,7 @@ function xn({
           }
       },
       title: /* @__PURE__ */ n(
-        Y,
+        U,
         {
           color: "secondary",
           className: "font-medium ml-1",
@@ -9080,7 +9066,7 @@ function Uc({
                 }
               ),
               /* @__PURE__ */ n(
-                Y,
+                U,
                 {
                   gutterBottom: !0,
                   variant: "h5",
@@ -9089,7 +9075,7 @@ function Uc({
                 }
               ),
               t && /* @__PURE__ */ n(
-                Y,
+                U,
                 {
                   variant: "body2",
                   color: "secondary",
@@ -9125,7 +9111,7 @@ function Lc({
         /* @__PURE__ */ v("div", { className: "flex flex-row items-center flex-grow gap-2 ", children: [
           r,
           /* @__PURE__ */ n(
-            Y,
+            U,
             {
               gutterBottom: !0,
               variant: "h5",
@@ -9659,7 +9645,7 @@ function rd({
         i && E.properties[i] ? { [i]: E.properties[i] } : {},
         r
       );
-  }, [E, w, i, r]), U = x(() => $(g), [g, $]), X = async (G) => (h(null), a && b && d && i ? d({
+  }, [E, w, i, r]), Y = x(() => $(g), [g, $]), X = async (G) => (h(null), a && b && d && i ? d({
     value: G[i],
     propertyKey: i,
     data: b,
@@ -9777,7 +9763,7 @@ function rd({
       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(Y, { color: "error", children: f.message })
+        f && /* @__PURE__ */ n(U, { color: "error", children: f.message })
       ]
     }
   ), j = /* @__PURE__ */ v(
@@ -9789,7 +9775,7 @@ function rd({
       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(ed, { onResize: U }),
+        /* @__PURE__ */ n(ed, { onResize: Y }),
         /* @__PURE__ */ v(
           "div",
           {
@@ -9921,7 +9907,7 @@ const od = "collectionGroupParent", ia = S.memo(
     }, [y]), M = x((W) => {
       const le = w.current;
       return fo(le, m, l, W ?? null) ? le.inlineEditing === void 0 || le.inlineEditing : !1;
-    }, [m, l]), $ = A.selectionEnabled === void 0 || A.selectionEnabled, oe = !M(), [U, X] = Q(!1), q = Xo(), V = A.selectionController ?? q, {
+    }, [m, l]), $ = A.selectionEnabled === void 0 || A.selectionEnabled, oe = !M(), [Y, X] = Q(!1), q = Xo(), V = A.selectionController ?? q, {
       selectedEntities: ae,
       isEntitySelected: te,
       setSelectedEntities: Ae
@@ -10129,12 +10115,12 @@ const od = "collectionGroupParent", ia = S.memo(
     }, at = /* @__PURE__ */ n(
       vi,
       {
-        open: U,
+        open: Y,
         onOpenChange: X,
         enabled: !!A.description,
         trigger: /* @__PURE__ */ v("div", { className: "flex flex-col items-start", children: [
           /* @__PURE__ */ n(
-            Y,
+            U,
             {
               variant: "subtitle1",
               className: `leading-none truncate max-w-[160px] lg:max-w-[240px] ${A.description ? "cursor-pointer" : "cursor-auto"}`,
@@ -10253,7 +10239,7 @@ const od = "collectionGroupParent", ia = S.memo(
                 }
               ),
               emptyComponent: b && ue.filterValues === void 0 && ue.sortBy === void 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
-                /* @__PURE__ */ n(Y, { variant: "subtitle2", children: "So empty..." }),
+                /* @__PURE__ */ n(U, { variant: "subtitle2", children: "So empty..." }),
                 /* @__PURE__ */ v(
                   ge,
                   {
@@ -10267,7 +10253,7 @@ const od = "collectionGroupParent", ia = S.memo(
                     ]
                   }
                 )
-              ] }) : /* @__PURE__ */ n(Y, { variant: "label", children: "No results with the applied filter/sort" }),
+              ] }) : /* @__PURE__ */ n(U, { variant: "label", children: "No results with the applied filter/sort" }),
               hoverRow: oe,
               inlineEditing: M(),
               AdditionalHeaderWidget: zt,
@@ -10338,7 +10324,7 @@ function ad({
   }, [e, o.countEntities, f, t, r, m, u]), z(() => {
     a && (p(void 0), a(l ?? 0));
   }, [a, l]), d ? null : /* @__PURE__ */ n(
-    Y,
+    U,
     {
       className: "w-full text-ellipsis block overflow-hidden whitespace-nowrap max-w-xs text-left w-fit-content",
       variant: "caption",
@@ -10427,7 +10413,7 @@ function ld() {
       className: "m-auto flex items-center flex-col",
       children: [
         /* @__PURE__ */ n(
-          Y,
+          U,
           {
             variant: "h4",
             align: "center",
@@ -10435,7 +10421,7 @@ function ld() {
             children: "Page not found"
           }
         ),
-        /* @__PURE__ */ n(Y, { align: "center", gutterBottom: !0, children: "This page does not exist or you may not have access to it" }),
+        /* @__PURE__ */ n(U, { align: "center", gutterBottom: !0, children: "This page does not exist or you may not have access to it" }),
         /* @__PURE__ */ n(
           ge,
           {
@@ -10464,7 +10450,7 @@ function Nm({
       onOpenChange: (s) => s ? void 0 : r(),
       children: [
         /* @__PURE__ */ v(xi, { children: [
-          /* @__PURE__ */ n(Y, { variant: "h6", className: "mb-2", children: i }),
+          /* @__PURE__ */ n(U, { variant: "h6", className: "mb-2", children: i }),
           o
         ] }),
         /* @__PURE__ */ v(Nt, { children: [
@@ -10715,7 +10701,7 @@ const cd = function({
                 }
               ) : /* @__PURE__ */ n(oa, { width: "32px", height: "32px" })),
               typeof t == "string" ? /* @__PURE__ */ n(
-                Y,
+                U,
                 {
                   variant: "subtitle1",
                   noWrap: !0,
@@ -10741,8 +10727,8 @@ const cd = function({
         ),
         /* @__PURE__ */ v(It, { trigger: y, children: [
           b && /* @__PURE__ */ v("div", { className: "px-4 py-2 mb-2", children: [
-            b.displayName && /* @__PURE__ */ n(Y, { variant: "body1", color: "secondary", children: b.displayName }),
-            b.email && /* @__PURE__ */ n(Y, { variant: "body2", color: "secondary", children: b.email })
+            b.displayName && /* @__PURE__ */ n(U, { variant: "body1", color: "secondary", children: b.displayName }),
+            b.email && /* @__PURE__ */ n(U, { variant: "body2", color: "secondary", children: b.email })
           ] }),
           a,
           !a && /* @__PURE__ */ v(Pe, { onClick: async () => {
@@ -11140,7 +11126,7 @@ function Qm({
   error: e,
   children: t
 }) {
-  return t ? /* @__PURE__ */ n(Y, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
+  return t ? /* @__PURE__ */ n(U, { variant: "caption", color: e ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: t }) : null;
 }
 function zi({
   name: e,
@@ -11182,7 +11168,7 @@ function ze({
     return null;
   if (t && e)
     return /* @__PURE__ */ n(
-      Y,
+      U,
       {
         variant: "caption",
         className: "ml-3.5 text-red-500 dark:text-red-500",
@@ -11192,7 +11178,7 @@ function ze({
   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(
-      Y,
+      U,
       {
         variant: "caption",
         color: a ? "disabled" : "secondary",
@@ -11486,7 +11472,7 @@ function fd({
         className: "flex-grow text-text-secondary dark:text-text-secondary-dark"
       }
     ),
-    Array.isArray(t) && /* @__PURE__ */ v(Y, { variant: "caption", className: "px-4", children: [
+    Array.isArray(t) && /* @__PURE__ */ v(U, { variant: "caption", className: "px-4", children: [
       "(",
       t.length,
       ")"
@@ -11819,7 +11805,7 @@ function vd({
           {
             className: "flex-grow min-h-[38px] box-border m-2 text-center",
             children: /* @__PURE__ */ n(
-              Y,
+              U,
               {
                 align: "center",
                 variant: "label",
@@ -12379,7 +12365,7 @@ function Sd({
       customProps: f,
       context: d
     } }),
-    a && !k && /* @__PURE__ */ n(Y, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
+    a && !k && /* @__PURE__ */ n(U, { variant: "caption", className: "ml-3.5", children: "This value has been updated elsewhere" })
   ] });
 }
 const mi = (e, t) => {
@@ -12780,7 +12766,7 @@ function Pd({
         )
       }
     ) : /* @__PURE__ */ n(
-      Y,
+      U,
       {
         variant: "caption",
         children: `Data type ${g} not supported yet`
@@ -12792,7 +12778,7 @@ function Pd({
   }
   return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v(
-      Y,
+      U,
       {
         component: "div",
         className: "font-mono flex flex-row gap-1",
@@ -12929,7 +12915,7 @@ function Qd({
           i(m);
         }
       }
-    ) : p === "array" ? /* @__PURE__ */ n(Y, { variant: "caption", children: "Arrays of arrays are not supported." }) : p === "map" ? /* @__PURE__ */ n("div", { className: L(Se, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
+    ) : p === "array" ? /* @__PURE__ */ n(U, { variant: "caption", children: "Arrays of arrays are not supported." }) : p === "map" ? /* @__PURE__ */ n("div", { className: L(Se, "ml-2 pl-2 border-l border-solid"), children: /* @__PURE__ */ n(
       Mi,
       {
         value: d,
@@ -12938,7 +12924,7 @@ function Qd({
         }
       }
     ) }) : /* @__PURE__ */ n(
-      Y,
+      U,
       {
         variant: "caption",
         children: `Data type ${p} not supported yet`
@@ -12947,7 +12933,7 @@ function Qd({
   }
   return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v(
-      Y,
+      U,
       {
         component: "div",
         className: "font-mono flex min-h-12 flex-row gap-1 items-center",
@@ -13098,7 +13084,7 @@ function Dd({
         className: "flex-grow text-text-secondary dark:text-text-secondary-dark"
       }
     ),
-    Array.isArray(t) && /* @__PURE__ */ v(Y, { variant: "caption", className: "px-4", children: [
+    Array.isArray(t) && /* @__PURE__ */ v(U, { variant: "caption", className: "px-4", children: [
       "(",
       t.length,
       ")"
@@ -13254,7 +13240,7 @@ function Td({
             {
               className: "mb-2",
               placeholder: /* @__PURE__ */ n(
-                Y,
+                U,
                 {
                   variant: "caption",
                   className: "px-4 py-2 font-medium",
@@ -13334,7 +13320,7 @@ function zd({
     g.internalValue !== h.current && r(g.internalValue);
   }, [g]), /* @__PURE__ */ v(O, { children: [
     !d && /* @__PURE__ */ n(
-      Y,
+      U,
       {
         variant: "caption",
         className: "flex-grow",
@@ -14001,7 +13987,7 @@ function Vd({
         className: "flex-grow text-text-secondary dark:text-text-secondary-dark"
       }
     ),
-    Array.isArray(t) && /* @__PURE__ */ v(Y, { variant: "caption", className: "px-4", children: [
+    Array.isArray(t) && /* @__PURE__ */ v(U, { variant: "caption", className: "px-4", children: [
       "(",
       t.length,
       ")"
@@ -14713,7 +14699,7 @@ function Ld({
       }
     ),
     l.id && /* @__PURE__ */ n(
-      Y,
+      U,
       {
         variant: "caption",
         className: "ml-3.5 text-red-500 dark:text-red-500",
@@ -14753,7 +14739,7 @@ function Wd({ propertyId: e }) {
   return /* @__PURE__ */ v("div", { className: "flex flex-row gap-2 items-center justify-center text-white", children: [
     /* @__PURE__ */ v("div", { children: [
       /* @__PURE__ */ n(
-        Y,
+        U,
         {
           variant: "caption",
           className: "min-w-20 text-slate-400",
@@ -14761,7 +14747,7 @@ function Wd({ propertyId: e }) {
           children: t ? "Copied" : "Property ID"
         }
       ),
-      /* @__PURE__ */ n(Y, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
+      /* @__PURE__ */ n(U, { variant: "caption", className: "text-white", children: /* @__PURE__ */ n("code", { children: e }) })
     ] }),
     /* @__PURE__ */ n(de, { size: "small", children: /* @__PURE__ */ n(
       vr,
@@ -14830,11 +14816,11 @@ function Hd({
     path: e,
     values: d?.values,
     fields: _.propertyConfigs
-  }), [d?.values, e, _.propertyConfigs]), D = i ? "copy" : t ? "existing" : "new", [F, M] = Q(D), $ = (F === "new" || F === "copy") && !!P.customId && P.customId !== "optional", oe = he(() => F === "new" || F === "copy" ? $ ? void 0 : w.generateEntityId(e) : t, [t, F]), [U, X] = S.useState(oe), [q, V] = S.useState(!1), [ae, te] = S.useState(), [Ae, ue] = S.useState(!1), se = r ?? uo(
+  }), [d?.values, e, _.propertyConfigs]), D = i ? "copy" : t ? "existing" : "new", [F, M] = Q(D), $ = (F === "new" || F === "copy") && !!P.customId && P.customId !== "optional", oe = he(() => F === "new" || F === "copy" ? $ ? void 0 : w.generateEntityId(e) : t, [t, F]), [Y, X] = S.useState(oe), [q, V] = S.useState(!1), [ae, te] = S.useState(), [Ae, ue] = S.useState(!1), se = r ?? uo(
     a ? a.defaultSelectedView : void 0,
     {
       status: F,
-      entityId: U
+      entityId: Y
     }
   ), ee = ce(se ?? Yt), T = ce(Zd(P, F, d)), ne = ee.current === Yt, K = (a.subcollections ?? []).filter((N) => !N.hideFromNavigation), H = K?.length ?? 0, j = a.entityViews, G = j?.length ?? 0, I = a.formAutoSave && !a.customId, R = G > 0 || H > 0, [me, Ie] = Q(d), [Xe, ie] = Q(void 0);
   z(() => {
@@ -14872,8 +14858,8 @@ function Hd({
     u(!1), k.open({
       type: "error",
       message: "Error saving: " + N?.message
-    }), console.error("Error saving entity", e, U), console.error(N);
-  }, [U, e, k]), We = ({
+    }), console.error("Error saving entity", e, Y), console.error(N);
+  }, [Y, e, k]), We = ({
     values: N,
     previousValues: Z,
     closeAfterSave: ve,
@@ -14915,14 +14901,14 @@ function Hd({
           closeAfterSave: Gt
         });
   }, rt = (N, Z) => {
-    if ($ && !U) {
+    if ($ && !Y) {
       console.error("Missing custom Id"), V(!0), Z.setSubmitting(!1);
       return;
     }
     if (te(void 0), V(!1), F === "existing") {
       if (!d?.id) throw Error("Form misconfiguration when saving, no id for existing entity");
     } else if (F === "new" || F === "copy") {
-      if (g.customId && g.customId !== "optional" && !U)
+      if (g.customId && g.customId !== "optional" && !Y)
         throw Error("Form misconfiguration when saving, entityId should be set");
     } else
       throw Error("New FormType added, check EntityForm");
@@ -14947,14 +14933,14 @@ function Hd({
   }), Be = Ue({
     collection: g,
     path: e,
-    entityId: U,
+    entityId: Y,
     values: re.values,
     previousValues: re.initialValues,
     fields: _.propertyConfigs
   }), ir = ce(d?.values), Ot = (N) => (ir.current = N, Ke({
     collection: Be,
     path: e,
-    entityId: U,
+    entityId: Y,
     values: N,
     previousValues: d?.values,
     closeAfterSave: C.current,
@@ -14971,7 +14957,7 @@ function Hd({
     setFieldValue: x(re.setFieldValue, []),
     values: re.values,
     collection: Be,
-    entityId: U,
+    entityId: Y,
     path: e,
     save: Ot,
     formex: re
@@ -15023,7 +15009,7 @@ function Hd({
               "div",
               {
                 className: "flex items-center justify-center w-full h-full p-3",
-                children: /* @__PURE__ */ n(Y, { variant: "label", children: "You need to save your entity before adding additional collections" })
+                children: /* @__PURE__ */ n(U, { variant: "label", children: "You need to save your entity before adding additional collections" })
               }
             ))
           ]
@@ -15036,7 +15022,7 @@ function Hd({
   }, []), be = (N) => {
     ee.current = N, y.replace({
       path: e,
-      entityId: U,
+      entityId: Y,
       selectedSubPath: N === Yt ? void 0 : N,
       updateUrl: !0,
       collection: a
@@ -15054,12 +15040,12 @@ function Hd({
   }, []), Je = [], st = _.plugins;
   if (st && g) {
     const N = {
-      entityId: U,
+      entityId: Y,
       path: e,
       status: F,
       collection: g,
       context: E,
-      currentEntityId: U,
+      currentEntityId: Y,
       formContext: at
     };
     Je.push(...st.map((Z, ve) => Z.form?.Actions ? /* @__PURE__ */ n(
@@ -15077,7 +15063,7 @@ function Hd({
         const N = await Ui({
           collection: Be,
           path: e,
-          entityId: U,
+          entityId: Y,
           values: re.values,
           context: E
         });
@@ -15087,7 +15073,7 @@ function Hd({
       }
       ue(!1);
     }
-  }, [U, re.values, F]);
+  }, [Y, re.values, F]);
   z(() => {
     Li();
   }, [Li]);
@@ -15096,15 +15082,15 @@ function Hd({
       name: N,
       value: Z,
       property: ve
-    }) => w.checkUniqueField(e, N, Z, U),
-    [w, e, U]
+    }) => w.checkUniqueField(e, N, Z, Y),
+    [w, e, Y]
   ), ba = he(
-    () => U ? Uo(
-      U,
+    () => Y ? Uo(
+      Y,
       Be.properties,
       $i
     ) : void 0,
-    [U, Be.properties, $i]
+    [Y, Be.properties, $i]
   ), ya = x(({
     entity: N,
     customEntityActions: Z
@@ -15160,7 +15146,7 @@ function Hd({
     entity: d,
     customEntityActions: g.entityActions
   }).filter((N) => N.includeInForm === void 0 || N.includeInForm), va = /* @__PURE__ */ v(Nt, { position: "absolute", children: [
-    ae && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(Y, { color: "error", children: ae.message }) }),
+    ae && /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n(U, { color: "error", children: ae.message }) }),
     d && Wi.length > 0 && /* @__PURE__ */ n("div", { className: "flex-grow flex overflow-auto no-scrollbar", children: Wi.map((N) => /* @__PURE__ */ n(
       de,
       {
@@ -15239,7 +15225,7 @@ function Hd({
             className: `w-full py-2 flex flex-col items-start mt-${4 + (Je ? 8 : 0)} lg:mt-${8 + (Je ? 8 : 0)} mb-8`,
             children: [
               /* @__PURE__ */ n(
-                Y,
+                U,
                 {
                   className: "mt-4 flex-grow line-clamp-1 " + g.hideIdFromForm ? "mb-2" : "mb-0",
                   variant: "h4",
@@ -15249,7 +15235,7 @@ function Hd({
               /* @__PURE__ */ n(ws, { color: "base", className: "w-full", size: "small", children: /* @__PURE__ */ v("code", { className: "text-xs select-all", children: [
                 e,
                 "/",
-                U
+                Y
               ] }) })
             ]
           }
@@ -15258,7 +15244,7 @@ function Hd({
           Ld,
           {
             customId: g.customId,
-            entityId: U,
+            entityId: Y,
             status: F,
             onChange: X,
             error: q,
@@ -15266,7 +15252,7 @@ function Hd({
             entity: d
           }
         ),
-        U && at && /* @__PURE__ */ v(O, { children: [
+        Y && at && /* @__PURE__ */ v(O, { children: [
           /* @__PURE__ */ v(
             "div",
             {
@@ -15301,7 +15287,7 @@ function Hd({
   }
   const _a = Xe === void 0 ? /* @__PURE__ */ n(O, {}) : Xe ? /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ n(
-      Y,
+      U,
       {
         className: "mt-16 mb-8 mx-8",
         variant: "h4",
@@ -15339,8 +15325,8 @@ function Hd({
     )
   );
   return z(() => {
-    U && we && we(U);
-  }, [U, we]), /* @__PURE__ */ n(Nn, { value: re, children: /* @__PURE__ */ v("div", { className: "flex flex-col h-full w-full transition-width duration-250 ease-in-out", children: [
+    Y && we && we(Y);
+  }, [Y, we]), /* @__PURE__ */ n(Nn, { value: re, children: /* @__PURE__ */ v("div", { className: "flex flex-col h-full w-full transition-width duration-250 ease-in-out", children: [
     /* @__PURE__ */ v(
       "div",
       {
@@ -15491,9 +15477,9 @@ function eu({
       onOpenChange: (o) => o ? r() : t(),
       children: [
         /* @__PURE__ */ v(xi, { children: [
-          /* @__PURE__ */ n(Y, { variant: "h6", children: a }),
+          /* @__PURE__ */ n(U, { variant: "h6", children: a }),
           i,
-          /* @__PURE__ */ n(Y, { children: "Are you sure you want to leave this page?" })
+          /* @__PURE__ */ n(U, { children: "Are you sure you want to leave this page?" })
         ] }),
         /* @__PURE__ */ v(Nt, { children: [
           /* @__PURE__ */ n(ge, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
@@ -16104,8 +16090,8 @@ function Tm(e) {
       error: s.authError
     }
   ) }) : E?.blocked ? /* @__PURE__ */ v(sr, { maxWidth: "md", fullScreen: !0, children: [
-    /* @__PURE__ */ n(Y, { variant: "h4", children: "Access blocked" }),
-    /* @__PURE__ */ v(Y, { children: [
+    /* @__PURE__ */ n(U, { variant: "h4", children: "Access blocked" }),
+    /* @__PURE__ */ v(U, { children: [
       "This app has been blocked. Please reach out at ",
       /* @__PURE__ */ n(
         "a",
@@ -16116,7 +16102,7 @@ function Tm(e) {
       ),
       " for more information."
     ] }),
-    E?.message && /* @__PURE__ */ v(Y, { children: [
+    E?.message && /* @__PURE__ */ v(U, { children: [
       "Response from the server: ",
       E?.message
     ] })
@@ -16430,7 +16416,7 @@ function Au({
     {
       className: "pt-8 pl-6 pr-8 pb-2 flex flex-row items-center",
       children: /* @__PURE__ */ n(
-        Y,
+        U,
         {
           variant: "caption",
           color: "secondary",