@firecms/collection_editor 3.0.0-alpha.30 → 3.0.0-alpha.32

package/dist/index.es.js

@@ -1,19 +1,21 @@
 import { jsxs as n, Fragment as B, jsx as e } from "react/jsx-runtime";
-import * as we from "react";
-import R, { useState as H, useCallback as Z, useEffect as me, useMemo as Lt, useRef as Le, useDeferredValue as ba, useContext as Kt } from "react";
-import { iconKeys as Yt, debounce as ya, SearchBar as va, Tooltip as ie, IconButton as ue, Icon as ot, coolIconKeys as _t, Typography as P, getIconForView as nt, useAutoComplete as wa, Container as pt, Chip as st, TextField as je, cn as ke, DebouncedTextField as Q, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as xt, SettingsIcon as Ye, Select as Fe, SelectItem as ve, BooleanSwitchWithLabel as Ht, Dialog as De, toSnakeCase as Gt, singular as xa, ListIcon as Ca, Button as E, CircularProgress as He, AutoAwesomeIcon as mt, Paper as Ne, FormikArrayContainer as Oa, DialogContent as Ge, DialogActions as Qe, SwitchControl as he, serializeRegExp as Pa, isValidRegExp as Na, RuleIcon as Sa, useSnackbarController as Ze, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as At, Checkbox as zt, isPropertyBuilder as ce, useFireCMSContext as Ae, getFieldConfig as Je, ErrorBoundary as Oe, FieldConfigBadge as We, cardMixin as Qt, cardClickableMixin as Zt, cardSelectedMixin as Jt, RemoveCircleIcon as Wt, FunctionsIcon as Ta, defaultBorderMixin as Ct, RemoveIcon as Va, DragHandleIcon as ja, AddIcon as Se, useNavigationContext as Re, SelectGroup as Tt, mergeDeep as $, buildProperty as Y, getFieldId as Xt, DEFAULT_FIELD_CONFIGS as kt, InfoLabel as ea, DeleteIcon as lt, DeleteConfirmationDialog as ct, useLargeLayout as Fa, makePropertiesEditable as ta, resolveEntityView as Ia, Table as Vt, TableBody as jt, TableRow as bt, TableCell as $e, buildCollection as Ot, unslugify as Pt, Card as aa, useSelectionController as Ea, EntityCollectionTable as Ba, slugify as Ma, useAuthController as Ue, CircularProgressCenter as Ft, Tabs as Da, Tab as yt, removeUndefined as Ra, ErrorView as ia, ArrowBackIcon as at, LoadingButton as It, DoneIcon as Ua, SaveIcon as $a, Menu as La, MoreVertIcon as Ka, MenuItem as Ya, Collapse as Ha, sortProperties as Ga, getDefaultPropertiesOrder as Qa } from "@firecms/core";
-import dt from "react-fast-compare";
-import { useFormikContext as L, Field as fe, getIn as N, Formik as Nt, FastField as de, Form as Za } from "formik";
+import * as _e from "react";
+import D, { useState as L, useCallback as J, useEffect as de, useMemo as $t, useRef as Ye, useDeferredValue as fa, useContext as Lt } from "react";
+import { iconKeys as Kt, debounce as ba, SearchBar as ya, Tooltip as ae, IconButton as re, Icon as st, coolIconKeys as _t, Typography as P, getIconForView as lt, useAutoComplete as va, Container as ut, Chip as ct, TextField as Ve, cn as xe, DebouncedTextField as G, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as xt, SettingsIcon as Ge, Select as je, SelectItem as we, BooleanSwitchWithLabel as Yt, Dialog as Ie, toSnakeCase as Ht, singular as ka, ListIcon as xa, Button as E, CircularProgress as Je, AutoAwesomeIcon as ht, Paper as Se, FormikArrayContainer as Ca, DialogContent as De, DialogActions as Re, SwitchControl as ue, serializeRegExp as Oa, isValidRegExp as Pa, RuleIcon as Na, useSnackbarController as Qe, resolveEnumValues as Sa, FileUploadIcon as qa, MultiSelect as Aa, MultiSelectItem as qt, Checkbox as At, isPropertyBuilder as se, useFireCMSContext as Ae, getFieldConfig as We, ErrorBoundary as Pe, FieldConfigBadge as Ze, cardMixin as Gt, cardClickableMixin as Jt, cardSelectedMixin as Qt, RemoveCircleIcon as Wt, FunctionsIcon as za, defaultBorderMixin as Ct, RemoveIcon as Ta, DragHandleIcon as Va, AddIcon as qe, useNavigationContext as Ue, SelectGroup as zt, mergeDeep as $, getFieldId as Zt, DEFAULT_FIELD_CONFIGS as kt, InfoLabel as Xt, DeleteIcon as dt, DeleteConfirmationDialog as pt, useLargeLayout as ja, CodeIcon as Fa, makePropertiesEditable as ea, resolveEntityView as Ia, Table as Tt, TableBody as Vt, TableRow as bt, TableCell as Ke, unslugify as Ot, Card as ta, useSelectionController as Ea, EntityCollectionTable as Ba, slugify as Ma, useAuthController as $e, CircularProgressCenter as jt, Tabs as Da, Tab as yt, removeUndefined as Ra, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Ft, DoneIcon as Ua, SaveIcon as $a, Menu as La, MoreVertIcon as Ka, MenuItem as Ya, Collapse as Ha, sortProperties as Ga, getDefaultPropertiesOrder as Ja } from "@firecms/core";
+import mt from "react-fast-compare";
+import { useFormikContext as K, Field as be, getIn as N, Formik as Pt, FastField as le, Form as Qa } from "formik";
 import * as vt from "yup";
-import * as Ja from "js-search";
-import { extractEnumFromValues as Wa, buildPropertyFromData as Xa, buildEntityPropertiesFromData as ei } from "@firecms/schema_inference";
-import { DragDropContext as ti, Droppable as ai, Draggable as ii } from "@hello-pangea/dnd";
-import { ImportFileUpload as ri, DataNewPropertiesMapping as oi, ImportNewPropertyFieldPreview as ni, getInferenceType as ra, getPropertiesMapping as si, convertDataToEntity as li, useImportConfig as ci, ImportSaveInProgress as di } from "@firecms/data_import";
-import { useNavigate as pi } from "react-router";
-const mi = vt.object().shape({
+import * as Wa from "js-search";
+import Za from "json5";
+import { Highlight as Xa, themes as ei } from "prism-react-renderer";
+import { extractEnumFromValues as ti, buildPropertyFromData as ai, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
+import { DragDropContext as ri, Droppable as oi, Draggable as ni } from "@hello-pangea/dnd";
+import { ImportFileUpload as si, DataNewPropertiesMapping as li, ImportNewPropertyFieldPreview as ci, getInferenceType as ia, getPropertiesMapping as di, convertDataToEntity as pi, useImportConfig as mi, ImportSaveInProgress as ui } from "@firecms/data_import";
+import { useNavigate as hi } from "react-router";
+const gi = vt.object().shape({
   name: vt.string().required("Required"),
   path: vt.string().required("Required")
-}), oa = {
+}), ra = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "clock time",
   access_alarms: "clock time",
@@ -1962,34 +1964,34 @@ const mi = vt.object().shape({
   zoom_in_map: "arrows destination location maps move place stop",
   zoom_out: "find glass look magnifier magnifying minus negative scale search see size smaller",
   zoom_out_map: "arrows destination location maps move place stop"
-}, St = new Ja.Search("key");
-St.addIndex("synonyms");
-St.addDocuments(Yt.map((t) => ({
+}, Nt = new Wa.Search("key");
+Nt.addIndex("synonyms");
+Nt.addDocuments(Kt.map((t) => ({
   key: t,
   // @ts-ignore
-  synonyms: oa[t] ?? []
+  synonyms: ra[t] ?? []
 })));
-const ui = 220;
-process.env.NODE_ENV !== "production" && Object.keys(oa).forEach((t) => {
-  Yt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
+const fi = 220;
+process.env.NODE_ENV !== "production" && Object.keys(ra).forEach((t) => {
+  Kt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
-function hi({ selectedIcon: t = "", onIconSelected: a }) {
-  const [r, i] = we.useState(null), [s, o] = we.useState(""), l = we.useMemo(
-    () => ya((m) => {
+function bi({ selectedIcon: t = "", onIconSelected: a }) {
+  const [r, i] = _e.useState(null), [s, o] = _e.useState(""), l = _e.useMemo(
+    () => ba((m) => {
       if (!m || m === "")
         i(null);
       else {
-        const u = St.search(m);
+        const u = Nt.search(m);
         i(u.map((c) => c.key));
       }
-    }, ui),
+    }, fi),
     []
   );
-  return we.useEffect(() => (l(s), () => {
+  return _e.useEffect(() => (l(s), () => {
     l.clear();
   }), [s, l]), /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e(
-      va,
+      ya,
       {
         autoFocus: !0,
         className: "w-full sticky top-0 z-10",
@@ -1997,14 +1999,14 @@ function hi({ selectedIcon: t = "", onIconSelected: a }) {
         placeholder: "Search for more icons…"
       }
     ),
-    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? _t : r).map((m) => /* @__PURE__ */ e(ie, { title: m, children: /* @__PURE__ */ e(
-      ue,
+    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? _t : r).map((m) => /* @__PURE__ */ e(ae, { title: m, children: /* @__PURE__ */ e(
+      re,
       {
         shape: "square",
         toggled: t === m,
         onClick: () => a(m),
         className: "box-content m-1",
-        children: /* @__PURE__ */ e(ot, { iconKey: m, size: 24 })
+        children: /* @__PURE__ */ e(st, { iconKey: m, size: 24 })
       }
     ) }, m)) })
   ] });
@@ -2015,7 +2017,7 @@ function te({
 }) {
   return a ? /* @__PURE__ */ e(P, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
-function gi({
+function yi({
   isNewCollection: t,
   reservedGroups: a,
   existingPaths: r,
@@ -2023,7 +2025,7 @@ function gi({
   groups: s,
   parentCollection: o
 }) {
-  const l = R.useRef(null), {
+  const l = D.useRef(null), {
     values: d,
     setFieldValue: m,
     handleChange: u,
@@ -2032,24 +2034,24 @@ function gi({
     setFieldTouched: g,
     isSubmitting: f,
     submitCount: y
-  } = L(), [k, _] = H(!1), O = (x) => {
-    m("name", x), !N(c, "path") && t && x && m("path", Gt(x)), !N(c, "singularName") && t && x && m("singularName", xa(x));
-  }, h = nt(d), w = Z((x) => {
+  } = K(), [k, _] = L(!1), O = (x) => {
+    m("name", x), !N(c, "path") && t && x && m("path", Ht(x)), !N(c, "singularName") && t && x && m("singularName", ka(x));
+  }, h = lt(d), w = J((x) => {
     let C;
     return x || (C = "You must specify a path in the database for this collection"), t && i?.includes(x.trim().toLowerCase()) && (C = "There is already a collection which uses this path as an alias"), t && r?.includes(x.trim().toLowerCase()) && !d.alias && (C = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), C;
-  }, [t, i, r, d.alias]), b = Z((x) => {
+  }, [t, i, r, d.alias]), b = J((x) => {
     if (!x)
       return;
     let C;
     return t && r?.includes(x.trim().toLowerCase()) && (C = "There is already a collection that uses this value as a path"), t && i?.includes(x.trim().toLowerCase()) && (C = "There is already a collection which uses this alias"), C;
   }, [t, r, i]), v = s?.filter((x) => !a?.includes(x)), {
     inputFocused: T,
-    autoCompleteOpen: I,
+    autoCompleteOpen: F,
     setAutoCompleteOpen: A
-  } = wa({
+  } = va({
     ref: l
   }), S = !!o;
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(pt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(ut, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ n(
         "div",
@@ -2057,8 +2059,8 @@ function gi({
           className: "flex flex-row py-2 pt-3 items-center",
           children: [
             /* @__PURE__ */ e(P, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${d.name} collection` }),
-            /* @__PURE__ */ e(ie, { title: "Change icon", children: /* @__PURE__ */ e(
-              ue,
+            /* @__PURE__ */ e(ae, { title: "Change icon", children: /* @__PURE__ */ e(
+              re,
               {
                 shape: "square",
                 onClick: () => _(!0),
@@ -2068,7 +2070,7 @@ function gi({
           ]
         }
       ),
-      o && /* @__PURE__ */ e(st, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(P, { variant: "caption", children: [
+      o && /* @__PURE__ */ e(ct, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(P, { variant: "caption", children: [
         "This is a subcollection of ",
         /* @__PURE__ */ e("b", { children: o.name })
       ] }) })
@@ -2076,7 +2078,7 @@ function gi({
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-4", children: [
       /* @__PURE__ */ n("div", { className: "col-span-12", children: [
         /* @__PURE__ */ e(
-          je,
+          Ve,
           {
             value: d.name ?? "",
             onChange: (x) => O(x.target.value),
@@ -2087,12 +2089,12 @@ function gi({
         ),
         /* @__PURE__ */ e(te, { error: c.name && !!p.name, children: c.name && p.name ? p.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
-      /* @__PURE__ */ n("div", { className: ke("col-span-12 ", S ? "" : "sm:col-span-8"), children: [
+      /* @__PURE__ */ n("div", { className: xe("col-span-12 ", S ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
-          fe,
+          be,
           {
             name: "path",
-            as: Q,
+            as: G,
             label: "Path",
             validate: w,
             disabled: !t,
@@ -2104,7 +2106,7 @@ function gi({
       ] }),
       !S && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
-          je,
+          Ve,
           {
             error: c.group && !!p.group,
             disabled: f,
@@ -2117,12 +2119,12 @@ function gi({
           }
         ),
         /* @__PURE__ */ e(
-          _a,
+          wa,
           {
-            open: I && (v ?? []).length > 0,
+            open: F && (v ?? []).length > 0,
             setOpen: A,
             children: v?.map((x, C) => /* @__PURE__ */ e(
-              ka,
+              _a,
               {
                 onClick: () => {
                   A(!1), m("group", x ?? null);
@@ -2139,7 +2141,7 @@ function gi({
         xt,
         {
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-            /* @__PURE__ */ e(Ye, {}),
+            /* @__PURE__ */ e(Ge, {}),
             /* @__PURE__ */ e(
               P,
               {
@@ -2153,7 +2155,7 @@ function gi({
           children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                je,
+                Ve,
                 {
                   error: c.singularName && !!p.singularName,
                   id: "singularName",
@@ -2167,7 +2169,7 @@ function gi({
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                je,
+                Ve,
                 {
                   error: c.description && !!p.description,
                   id: "description",
@@ -2183,10 +2185,10 @@ function gi({
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                fe,
+                be,
                 {
                   name: "alias",
-                  as: Q,
+                  as: G,
                   disabled: !t,
                   label: "Alias",
                   validate: b,
@@ -2196,7 +2198,7 @@ function gi({
               /* @__PURE__ */ e(te, { error: c.alias && !!p.alias, children: c.alias && p.alias ? p.alias : "Use an alias as an ID when you have multiple collections located in the same path" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-              Fe,
+              je,
               {
                 name: "defaultSize",
                 label: "Default row size",
@@ -2205,7 +2207,7 @@ function gi({
                 value: d.defaultSize ?? "",
                 renderValue: (x) => x.toUpperCase(),
                 children: ["xs", "s", "m", "l", "xl"].map((x) => /* @__PURE__ */ e(
-                  ve,
+                  we,
                   {
                     value: x,
                     children: x.toUpperCase()
@@ -2216,7 +2218,7 @@ function gi({
             ) }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Ht,
+                Yt,
                 {
                   position: "start",
                   label: "Collection group",
@@ -2232,14 +2234,14 @@ function gi({
     ] }),
     /* @__PURE__ */ e("div", { style: { height: "52px" } }),
     /* @__PURE__ */ e(
-      De,
+      Ie,
       {
         open: k,
         onOpenChange: _,
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          hi,
+          bi,
           {
             selectedIcon: d.icon,
             onIconSelected: (x) => {
@@ -2251,19 +2253,19 @@ function gi({
     )
   ] }) });
 }
-function _e(t) {
+function ke(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function fi(t) {
+function vi(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
-function Pe(t) {
+function Ne(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".propertiesOrder" : "propertiesOrder";
 }
-function le(t, a) {
+function ne(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const bi = R.memo(
+const wi = D.memo(
   function({
     enumValues: a,
     onValuesChanged: r,
@@ -2274,7 +2276,7 @@ const bi = R.memo(
     getData: d
   }) {
     return /* @__PURE__ */ e(
-      Nt,
+      Pt,
       {
         initialValues: { enumValues: a },
         validateOnMount: !0,
@@ -2283,12 +2285,12 @@ const bi = R.memo(
         children: ({
           values: m,
           errors: u
-        }) => (me(() => {
+        }) => (de(() => {
           r && r(m.enumValues);
-        }, [m.enumValues]), me(() => {
+        }, [m.enumValues]), de(() => {
           i && i(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
-          yi,
+          _i,
           {
             enumValuesPath: "enumValues",
             values: m,
@@ -2306,7 +2308,7 @@ const bi = R.memo(
     return a.enumValues.length === r.enumValues.length && a.onValuesChanged === r.onValuesChanged && a.getData === r.getData;
   }
 );
-function yi({
+function _i({
   values: t,
   errors: a,
   disabled: r,
@@ -2317,10 +2319,10 @@ function yi({
 }) {
   const {
     setFieldValue: d
-  } = L(), [m, u] = R.useState(), [c, p] = R.useState(), [g, f] = R.useState(!1), k = R.useRef(/* @__PURE__ */ new Set()).current, _ = (h, w) => {
+  } = K(), [m, u] = D.useState(), [c, p] = D.useState(), [g, f] = D.useState(!1), k = D.useRef(/* @__PURE__ */ new Set()).current, _ = (h, w) => {
     const b = m === w;
     return /* @__PURE__ */ e(
-      vi,
+      ki,
       {
         index: h,
         disabled: r,
@@ -2335,7 +2337,7 @@ function yi({
   };
   return /* @__PURE__ */ n("div", { className: "col-span-12", children: [
     /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(Ca, {}),
+      /* @__PURE__ */ e(xa, {}),
       /* @__PURE__ */ e(
         P,
         {
@@ -2355,24 +2357,24 @@ function yi({
             l && (f(!0), l?.().then((h) => {
               if (!h)
                 return;
-              const w = h.flat(), b = Array.from(new Set(w)), v = t.enumValues, I = Wa(b).filter((A) => !v?.some((S) => S.id === A.id));
-              I.forEach((A) => {
+              const w = h.flat(), b = Array.from(new Set(w)), v = t.enumValues, F = ti(b).filter((A) => !v?.some((S) => S.id === A.id));
+              F.forEach((A) => {
                 k.add(A.id);
-              }), d(i, [...I, ...v]);
+              }), d(i, [...F, ...v]);
             }).catch((h) => {
               console.error(h);
             }).finally(() => f(!1)));
           },
           children: [
-            g ? /* @__PURE__ */ e(He, { size: "small" }) : /* @__PURE__ */ e(mt, {}),
+            g ? /* @__PURE__ */ e(Je, { size: "small" }) : /* @__PURE__ */ e(ht, {}),
             "Infer values from data"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ n(Ne, { className: "p-4 m-1", children: [
+    /* @__PURE__ */ n(Se, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        Oa,
+        Ca,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -2386,7 +2388,7 @@ function yi({
         }
       ),
       /* @__PURE__ */ e(
-        wi,
+        xi,
         {
           index: c,
           open: c !== void 0,
@@ -2397,7 +2399,7 @@ function yi({
     ] })
   ] });
 }
-const vi = R.memo(
+const ki = D.memo(
   function({
     index: a,
     shouldUpdateId: r,
@@ -2413,34 +2415,34 @@ const vi = R.memo(
       errors: c,
       setFieldValue: p,
       touched: g
-    } = L(), f = R.useRef(!N(m, `${i}[${a}].id`)), y = r || f.current, k = N(m, `${i}[${a}].id`), _ = N(m, `${i}[${a}].label`), O = N(c, `${i}[${a}].label`), h = R.useRef(_);
-    return R.useEffect(() => {
+    } = K(), f = D.useRef(!N(m, `${i}[${a}].id`)), y = r || f.current, k = N(m, `${i}[${a}].id`), _ = N(m, `${i}[${a}].label`), O = N(c, `${i}[${a}].label`), h = D.useRef(_);
+    return D.useEffect(() => {
       (h.current === k || !k) && y && p(`${i}[${a}].id`, _), h.current = _;
     }, [_]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
-        de,
+        le,
         {
           name: `${i}[${a}].label`,
-          as: Q,
+          as: G,
           className: "flex-grow",
           required: !0,
           disabled: l,
           size: "small",
-          validate: _i,
+          validate: Ci,
           autoFocus: s,
           autoComplete: "off",
-          endAdornment: d && /* @__PURE__ */ e(mt, { size: "small" }),
+          endAdornment: d && /* @__PURE__ */ e(ht, { size: "small" }),
           error: !!O
         }
       ),
       !l && /* @__PURE__ */ e(
-        ue,
+        re,
         {
           size: "small",
           "aria-label": "edit",
           className: "m-1",
           onClick: () => o(),
-          children: /* @__PURE__ */ e(Ye, { size: "small" })
+          children: /* @__PURE__ */ e(Ge, { size: "small" })
         }
       )
     ] });
@@ -2449,7 +2451,7 @@ const vi = R.memo(
     return a.index === r.index && a.enumValuesPath === r.enumValuesPath && a.shouldUpdateId === r.shouldUpdateId && a.inferredEntry === r.inferredEntry && a.autoFocus === r.autoFocus;
   }
 );
-function wi({
+function xi({
   index: t,
   open: a,
   onClose: r,
@@ -2461,23 +2463,23 @@ function wi({
     errors: l,
     setFieldValue: d,
     touched: m
-  } = L(), u = t !== void 0 ? N(l, `${i}[${t}].id`) : void 0;
+  } = K(), u = t !== void 0 ? N(l, `${i}[${t}].id`) : void 0;
   return /* @__PURE__ */ n(
-    De,
+    Ie,
     {
       maxWidth: "md",
       "aria-labelledby": "enum-edit-dialog",
       open: a,
       onOpenChange: (c) => c ? void 0 : r(),
       children: [
-        /* @__PURE__ */ e(Ge, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(De, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            de,
+            le,
             {
               name: `${i}[${t}]id`,
-              as: Q,
+              as: G,
               required: !0,
-              validate: ki,
+              validate: Oi,
               label: "ID",
               size: "small",
               autoComplete: "off",
@@ -2486,7 +2488,7 @@ function wi({
           ),
           /* @__PURE__ */ e(te, { error: !!u, children: u ?? "Value saved in the data source" })
         ] }) }),
-        /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(
           E,
           {
             autoFocus: !0,
@@ -2500,41 +2502,41 @@ function wi({
     }
   );
 }
-function _i(t) {
+function Ci(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function ki(t) {
+function Oi(t) {
   let a;
   return t || (a = "You must specify an ID"), a;
 }
 function Ee({ disabled: t }) {
-  const { values: a, handleChange: r } = L(), i = "validation.required", s = "validation.requiredMessage";
+  const { values: a, handleChange: r } = K(), i = "validation.required", s = "validation.requiredMessage";
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         disabled: t,
         name: i,
         label: "Required",
         tooltip: "You won't be able to save this entity if this value is not set",
-        component: he
+        component: ue
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         disabled: t,
         name: "validation.unique",
         label: "Unique",
         tooltip: "There cannot be multiple entities with the same value",
-        component: he
+        component: ue
       }
     ) }),
     N(a, i) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         disabled: t,
         value: N(a, s),
@@ -2561,44 +2563,44 @@ function Me({
     values: u,
     handleChange: c,
     errors: p
-  } = L(), g = "validation.length", f = "validation.min", y = "validation.max", k = "validation.trim", _ = "validation.matches", O = "validation.lowercase", h = "validation.uppercase", w = N(p, _), b = N(u, _), v = typeof b == "string" ? b : Pa(b);
+  } = K(), g = "validation.length", f = "validation.min", y = "validation.max", k = "validation.trim", _ = "validation.matches", O = "validation.lowercase", h = "validation.uppercase", w = N(p, _), b = N(u, _), v = typeof b == "string" ? b : Oa(b);
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Ee, { disabled: d }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       a && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        de,
+        le,
         {
           type: "checkbox",
           name: O,
           label: "Lowercase",
           disabled: d,
-          component: he
+          component: ue
         }
       ) }),
       l && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        de,
+        le,
         {
           type: "checkbox",
           name: h,
           label: "Uppercase",
           disabled: d,
-          component: he
+          component: ue
         }
       ) }),
       o && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        de,
+        le,
         {
           type: "checkbox",
           name: k,
           label: "Trim",
           disabled: d,
-          component: he
+          component: ue
         }
       ) })
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        Q,
+        G,
         {
           value: N(u, g),
           label: "Exact length",
@@ -2610,7 +2612,7 @@ function Me({
         }
       ) }),
       s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        Q,
+        G,
         {
           value: N(u, f),
           label: "Min length",
@@ -2622,7 +2624,7 @@ function Me({
         }
       ) }),
       i && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        Q,
+        G,
         {
           value: N(u, y),
           label: "Max length",
@@ -2636,11 +2638,11 @@ function Me({
     ] }),
     r && /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        de,
+        le,
         {
           name: _,
-          as: Q,
-          validate: (T) => T && !Na(T),
+          as: G,
+          validate: (T) => T && !Pa(T),
           label: "Matches regex",
           size: "small",
           disabled: d,
@@ -2652,7 +2654,7 @@ function Me({
     ] })
   ] });
 }
-function qt({
+function St({
   max: t = !0,
   min: a = !0,
   disabled: r
@@ -2660,11 +2662,11 @@ function qt({
   const {
     values: i,
     handleChange: s
-  } = L(), o = "validation.min", l = "validation.max";
+  } = K(), o = "validation.min", l = "validation.max";
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Ee, { disabled: r }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         value: N(i, o),
         disabled: r,
@@ -2676,7 +2678,7 @@ function qt({
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         value: N(i, l),
         disabled: r,
@@ -2699,7 +2701,7 @@ function ze({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Sa, {}),
+        /* @__PURE__ */ e(Na, {}),
         /* @__PURE__ */ e(
           P,
           {
@@ -2713,7 +2715,7 @@ function ze({
     }
   );
 }
-function Et({
+function It({
   multiselect: t,
   updateIds: a,
   disabled: r,
@@ -2728,10 +2730,10 @@ function Et({
     touched: u,
     setFieldError: c,
     setFieldValue: p
-  } = L(), g = Ze(), f = t ? "of.enumValues" : "enumValues", y = N(l, "defaultValue"), k = N(l, f), _ = Lt(() => !k || typeof k == "boolean" ? [] : qa(k) ?? [], [k]);
+  } = K(), g = Qe(), f = t ? "of.enumValues" : "enumValues", y = N(l, "defaultValue"), k = N(l, f), _ = $t(() => !k || typeof k == "boolean" ? [] : Sa(k) ?? [], [k]);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      bi,
+      wi,
       {
         enumValues: _,
         updateIds: a,
@@ -2760,10 +2762,10 @@ function Et({
           showErrors: i
         }
       ),
-      t && /* @__PURE__ */ e(qt, { disabled: r })
+      t && /* @__PURE__ */ e(St, { disabled: r })
     ] }) }),
     !t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Fe,
+      je,
       {
         disabled: r,
         position: "item-aligned",
@@ -2773,7 +2775,7 @@ function Et({
         label: "Default value",
         value: y ?? "",
         children: _.filter((h) => !!h?.id).map((h) => /* @__PURE__ */ e(
-          ve,
+          we,
           {
             value: h.id?.toString(),
             children: h.label
@@ -2784,14 +2786,14 @@ function Et({
     ) })
   ] });
 }
-const it = {
+const ot = {
   "image/*": "Images",
   "video/*": "Videos",
   "audio/*": "Audio files",
   "application/*": "Files (pdf, zip, csv, excel...)",
   "text/*": "Text files"
 };
-function Bt({
+function Et({
   multiple: t,
   existing: a,
   disabled: r
@@ -2799,15 +2801,15 @@ function Bt({
   const {
     values: i,
     setFieldValue: s
-  } = L(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, d = `${o}.fileName`, m = `${o}.storagePath`, u = `${o}.storeUrl`, c = N(i, d) ?? "{rand}_{file}", p = N(i, m) ?? "/", g = N(i, l), f = Array.isArray(g) ? g : void 0, y = !f || f.length === 0, k = (h) => {
-    h ? h.includes("all") || h.length >= Object.keys(it).length ? s(l, void 0) : y ? s(l, Object.keys(it).filter((w) => !h.includes(w))) : s(l, h) : s(l, void 0);
+  } = K(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, d = `${o}.fileName`, m = `${o}.storagePath`, u = `${o}.storeUrl`, c = N(i, d) ?? "{rand}_{file}", p = N(i, m) ?? "/", g = N(i, l), f = Array.isArray(g) ? g : void 0, y = !f || f.length === 0, k = (h) => {
+    h ? h.includes("all") || h.length >= Object.keys(ot).length ? s(l, void 0) : y ? s(l, Object.keys(ot).filter((w) => !h.includes(w))) : s(l, h) : s(l, void 0);
   }, _ = typeof c == "function", O = typeof p == "function";
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xt,
       {
         title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Aa, {}),
+          /* @__PURE__ */ e(qa, {}),
           /* @__PURE__ */ e(
             P,
             {
@@ -2819,27 +2821,27 @@ function Bt({
         ] }),
         children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
-            za,
+            Aa,
             {
               disabled: r,
               name: l,
               value: f ?? [],
               onMultiValueChange: k,
               label: y ? void 0 : "Allowed file types",
-              renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((w) => it[w]).filter((w) => !!w).join(", "),
+              renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((w) => ot[w]).filter((w) => !!w).join(", "),
               children: [
-                /* @__PURE__ */ n(At, { value: "all", className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ n(qt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    zt,
+                    At,
                     {
                       checked: !f
                     }
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(it).map(([h, w]) => /* @__PURE__ */ n(At, { value: h, className: "flex items-center gap-2", children: [
+                Object.entries(ot).map(([h, w]) => /* @__PURE__ */ n(qt, { value: h, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    zt,
+                    At,
                     {
                       checked: y || f.indexOf(h) > -1
                     }
@@ -2859,10 +2861,10 @@ function Bt({
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-            fe,
+            be,
             {
               name: d,
-              as: Q,
+              as: G,
               label: "File name",
               size: "small",
               disabled: _ || r,
@@ -2871,10 +2873,10 @@ function Bt({
           ) }),
           /* @__PURE__ */ n("div", { className: "col-span-12", children: [
             /* @__PURE__ */ e(
-              fe,
+              be,
               {
                 name: m,
-                as: Q,
+                as: G,
                 label: "Storage path",
                 disabled: O || r,
                 size: "small",
@@ -2894,13 +2896,13 @@ function Bt({
               ] })
             ] }),
             /* @__PURE__ */ e(
-              fe,
+              be,
               {
                 type: "checkbox",
                 name: u,
                 label: "Save URL instead of storage path",
                 disabled: a || r,
-                component: he
+                component: ue
               }
             ),
             /* @__PURE__ */ e("br", {}),
@@ -2911,31 +2913,31 @@ function Bt({
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(Ee, { disabled: r }) }),
-      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(qt, { disabled: r }) })
+      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(St, { disabled: r }) })
     ] }) })
   ] });
 }
-function Ke(t) {
-  if (ce(t) || ce(t))
+function He(t) {
+  if (se(t) || se(t))
     return !1;
   {
     const a = t;
     return a.dataType === "array" && typeof a.of == "function" || a.dataType === "array" && Array.isArray(a.of) ? !1 : !!a.editable;
   }
 }
-function xi(t) {
-  return Object.entries(t).filter(([a, r]) => Ke(r)).map(([a, r]) => {
+function Pi(t) {
+  return Object.entries(t).filter(([a, r]) => He(r)).map(([a, r]) => {
     const i = r;
-    if (Ke(i))
+    if (He(i))
       return i.dataType === "map" && i.properties ? {
         [a]: {
           ...i,
-          properties: xi(i.properties)
+          properties: Pi(i.properties)
         }
       } : { [a]: i };
   }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...r }), {});
 }
-function na({
+function oa({
   property: t,
   onClick: a,
   hasError: r,
@@ -2943,28 +2945,28 @@ function na({
   includeEditButton: s,
   selected: o
 }) {
-  const { fields: l } = Ae(), d = Je(t, l), m = !Ke(t);
-  return /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ n(
+  const { fields: l } = Ae(), d = We(t, l), m = !He(t);
+  return /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ n(
     "div",
     {
       onClick: a,
       className: "flex flex-row w-full cursor-pointer",
       children: [
-        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(We, { propertyConfig: d }) }),
+        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ze, { propertyConfig: d }) }),
         /* @__PURE__ */ n(
-          Ne,
+          Se,
           {
-            className: ke(
+            className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Qt,
-              a ? Zt : "",
-              o ? Jt : "",
+              Gt,
+              a ? Jt : "",
+              o ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               r ? "border-red-500" : o ? "border-blue-500" : "border-transparent"
             ),
             children: [
               /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
-                i && /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+                i && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body1",
@@ -2974,7 +2976,7 @@ function na({
                   }
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
-                  /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                     P,
                     {
                       className: "flex-grow pr-2",
@@ -2984,7 +2986,7 @@ function na({
                       children: d?.name
                     }
                   ) }),
-                  /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                     P,
                     {
                       variant: "body2",
@@ -3010,13 +3012,13 @@ function na({
     }
   ) });
 }
-function Ci({
+function Ni({
   name: t,
   selected: a,
   onClick: r,
   property: i
 }) {
-  const { fields: s } = Ae(), o = !ce(i) && i ? Je(i, s) : void 0;
+  const { fields: s } = Ae(), o = !se(i) && i ? We(i, s) : void 0;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3024,24 +3026,24 @@ function Ci({
       className: "flex flex-row w-full cursor-pointer",
       children: [
         /* @__PURE__ */ n("div", { className: "relative m-4", children: [
-          o && /* @__PURE__ */ e(We, { propertyConfig: o }),
+          o && /* @__PURE__ */ e(Ze, { propertyConfig: o }),
           !o && /* @__PURE__ */ e(
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(Ta, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(za, { color: "inherit", size: "medium" })
             }
           ),
           /* @__PURE__ */ e(Wt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
-          Ne,
+          Se,
           {
-            className: ke(
+            className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Qt,
-              r ? Zt : "",
-              a ? Jt : "",
+              Gt,
+              r ? Jt : "",
+              a ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
             ),
@@ -3066,7 +3068,7 @@ function Ci({
                     children: o?.name
                   }
                 ),
-                i && !ce(i) && /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+                i && !se(i) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body2",
@@ -3075,7 +3077,7 @@ function Ci({
                     children: i.dataType
                   }
                 ) }),
-                i && ce(i) && /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+                i && se(i) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body2",
@@ -3084,7 +3086,7 @@ function Ci({
                     children: "This property is defined as a property builder in code"
                   }
                 ) }),
-                !i && /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+                !i && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body2",
@@ -3101,7 +3103,7 @@ function Ci({
     }
   );
 }
-function ut({
+function gt({
   namespace: t,
   selectedPropertyKey: a,
   onPropertyClick: r,
@@ -3115,13 +3117,13 @@ function ut({
   inferredPropertyKeys: c,
   collectionEditable: p
 }) {
-  const g = s ?? Object.keys(i), f = Z((y) => {
+  const g = s ?? Object.keys(i), f = J((y) => {
     if (!y.destination)
       return;
     const k = y.source.index, _ = y.destination.index, O = Array.from(g), [h] = O.splice(k, 1);
     O.splice(_, 0, h), d && d(O, t);
   }, [t, d, g]);
-  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ti, { onDragEnd: f, children: /* @__PURE__ */ e(ai, { droppableId: `droppable_${t}`, children: (y, k) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ri, { onDragEnd: f, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (y, k) => /* @__PURE__ */ n(
     "div",
     {
       ...y.droppableProps,
@@ -3131,12 +3133,12 @@ function ut({
         g && g.map((_, O) => {
           const h = i[_], w = o?.find((b) => b.id === _);
           return !h && !w ? (console.warn(`Property ${_} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            ii,
+            ni,
             {
               draggableId: `array_field_${t}_${_}}`,
               index: O,
-              children: (b, v) => /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
-                Oi,
+              children: (b, v) => /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                Si,
                 {
                   propertyKey: _,
                   propertyOrBuilder: h,
@@ -3161,7 +3163,7 @@ function ut({
     }
   ) }) }) });
 }
-function Oi({
+function Si({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: r,
@@ -3175,12 +3177,12 @@ function Oi({
   inferredPropertyKeys: c,
   collectionEditable: p
 }) {
-  const g = c?.includes(a ? `${a}.${t}` : t), f = le(t, a);
+  const g = c?.includes(a ? `${a}.${t}` : t), f = ne(t, a);
   let y;
   if (typeof r == "object") {
     const h = r;
     h.dataType === "map" && h.properties && (y = /* @__PURE__ */ e(
-      ut,
+      gt,
       {
         selectedPropertyKey: o,
         namespace: f,
@@ -3194,7 +3196,7 @@ function Oi({
       }
     ));
   }
-  const k = f ? N(l, _e(f)) : !1, _ = o === f, O = r && (p && !ce(r) || Ke(r));
+  const k = f ? N(l, ke(f)) : !1, _ = o === f, O = r && (p && !se(r) || He(r));
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3214,8 +3216,8 @@ function Oi({
             }
           }
         ),
-        !ce(r) && !i && O ? /* @__PURE__ */ e(
-          na,
+        !se(r) && !i && O ? /* @__PURE__ */ e(
+          oa,
           {
             property: r,
             onClick: d ? () => d(t, a) : void 0,
@@ -3224,7 +3226,7 @@ function Oi({
             hasError: k
           }
         ) : /* @__PURE__ */ e(
-          Ci,
+          Ni,
           {
             name: t,
             property: r,
@@ -3233,22 +3235,22 @@ function Oi({
           }
         ),
         /* @__PURE__ */ n("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
-          g && /* @__PURE__ */ e(ie, { title: "Inferred property", children: /* @__PURE__ */ e(mt, { size: "small", className: "p-2" }) }),
-          u && /* @__PURE__ */ e(ie, { title: "Remove", children: /* @__PURE__ */ e(
-            ue,
+          g && /* @__PURE__ */ e(ae, { title: "Inferred property", children: /* @__PURE__ */ e(ht, { size: "small", className: "p-2" }) }),
+          u && /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
+            re,
             {
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(Va, { size: "small" })
+              children: /* @__PURE__ */ e(Ta, { size: "small" })
             }
           ) }),
-          m && /* @__PURE__ */ e(ie, { title: "Move", children: /* @__PURE__ */ e(
-            ue,
+          m && /* @__PURE__ */ e(ae, { title: "Move", children: /* @__PURE__ */ e(
+            re,
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(ja, { size: "small" })
+              children: /* @__PURE__ */ e(Va, { size: "small" })
             }
           ) })
         ] }),
@@ -3257,11 +3259,11 @@ function Oi({
     }
   );
 }
-function Pi({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
+function qi({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
-  } = L(), [d, m] = H(!1), [u, c] = H(), [p, g] = H(), f = o.propertiesOrder ?? Object.keys(o.properties ?? {}), y = Z(({
+  } = K(), [d, m] = L(!1), [u, c] = L(), [p, g] = L(), f = o.propertiesOrder ?? Object.keys(o.properties ?? {}), y = J(({
     id: v,
     property: T
   }) => {
@@ -3271,26 +3273,26 @@ function Pi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
       ...o.properties ?? {},
       [v]: T
     }, !1), l("propertiesOrder", [...f, v], !1), m(!1);
-  }, [o.properties, f]), k = Z((v, T) => {
-    const I = v ? le(v, T) : void 0;
-    if (!I)
+  }, [o.properties, f]), k = J((v, T) => {
+    const F = v ? ne(v, T) : void 0;
+    if (!F)
       throw Error("collection editor miss config");
-    const A = _e(I), S = Pe(T), x = N(o, S) ?? Object.keys(N(o, fi(T)));
+    const A = ke(F), S = Ne(T), x = N(o, S) ?? Object.keys(N(o, vi(T)));
     l(A, void 0, !1), l(S, x.filter((C) => C !== v), !1), m(!1), c(void 0), g(void 0);
-  }, [l, o]), _ = u ? le(u, p) : void 0, O = _ ? N(o.properties, _.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ n(
+  }, [l, o]), _ = u ? ne(u, p) : void 0, O = _ ? N(o.properties, _.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ n(
     E,
     {
       color: "primary",
       variant: "outlined",
       onClick: () => m(!0),
-      startIcon: /* @__PURE__ */ e(Se, {}),
+      startIcon: /* @__PURE__ */ e(qe, {}),
       children: [
         "Add property to ",
         o.name ?? "this group"
       ]
     }
-  ), w = !f || f.length < 1, b = Z((v, T) => {
-    l(Pe(T), v, !1);
+  ), w = !f || f.length < 1, b = J((v, T) => {
+    l(Ne(T), v, !1);
   }, []);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
@@ -3298,9 +3300,9 @@ function Pi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Properties in this group" }),
         h
       ] }),
-      /* @__PURE__ */ n(Ne, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ n(Se, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
-          ut,
+          gt,
           {
             properties: o.properties ?? {},
             propertiesOrder: f,
@@ -3324,7 +3326,7 @@ function Pi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     ] }),
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        Ht,
+        Yt,
         {
           position: "start",
           size: "small",
@@ -3336,7 +3338,7 @@ function Pi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
       /* @__PURE__ */ e(te, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
     ] }),
     /* @__PURE__ */ e(
-      Ie,
+      Fe,
       {
         inArray: !1,
         forceShowErrors: !1,
@@ -3364,7 +3366,7 @@ function Pi({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Ni({
+function Ai({
   showErrors: t,
   existing: a,
   disabled: r,
@@ -3379,21 +3381,21 @@ function Ni({
     errors: c,
     setFieldValue: p,
     touched: g
-  } = L(), [f, y] = H(!1), k = N(m, "of"), _ = N(g, "of") && N(c, "of"), O = Z(({ id: w, property: b, namespace: v }) => {
+  } = K(), [f, y] = L(!1), k = N(m, "of"), _ = N(g, "of") && N(c, "of"), O = J(({ id: w, property: b, namespace: v }) => {
     p("of", b);
-  }, []), h = k && Je(k, d);
+  }, []), h = k && We(k, d);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
-        fe,
+        be,
         {
           name: "of",
           value: k,
           validate: (w) => w?.dataType ? void 0 : "You need to specify a repeat field",
-          children: () => /* @__PURE__ */ n(Ne, { className: "p-2 mt-4", children: [
+          children: () => /* @__PURE__ */ n(Se, { className: "p-2 mt-4", children: [
             k && /* @__PURE__ */ e(
-              na,
+              oa,
               {
                 property: k,
                 onClick: r ? void 0 : () => y(!0),
@@ -3417,7 +3419,7 @@ function Ni({
               }
             ),
             /* @__PURE__ */ e(
-              Ie,
+              Fe,
               {
                 inArray: !0,
                 open: f,
@@ -3439,10 +3441,10 @@ function Ni({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(qt, { disabled: r }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(St, { disabled: r }) }) })
   ] });
 }
-const Si = R.forwardRef(
+const zi = D.forwardRef(
   function({
     showErrors: a,
     disabledId: r,
@@ -3452,17 +3454,17 @@ const Si = R.forwardRef(
   }, l) {
     const {
       errors: d
-    } = L(), m = "name", u = a && N(d, m), c = "id", p = a && N(d, c), g = "description", f = a && N(d, g);
+    } = K(), m = "name", u = a && N(d, m), c = "id", p = a && N(d, c), g = "description", f = a && N(d, g);
     return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          fe,
+          be,
           {
             inputRef: l,
             name: m,
-            as: Q,
+            as: G,
             style: { fontSize: 20 },
-            validate: zi,
+            validate: ji,
             placeholder: "Field name",
             required: !0,
             disabled: s,
@@ -3473,12 +3475,12 @@ const Si = R.forwardRef(
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          fe,
+          be,
           {
             name: c,
-            as: je,
+            as: Ve,
             label: "ID",
-            validate: (y) => Ai(y, i),
+            validate: (y) => Vi(y, i),
             disabled: r || s,
             required: !0,
             size: "small",
@@ -3489,10 +3491,10 @@ const Si = R.forwardRef(
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          fe,
+          be,
           {
             name: g,
-            as: Q,
+            as: G,
             label: "Description",
             disabled: s,
             error: !!f
@@ -3502,21 +3504,21 @@ const Si = R.forwardRef(
       ] })
     ] });
   }
-), qi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Ai(t, a) {
+), Ti = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function Vi(t, a) {
   let r;
-  return t || (r = "You must specify an id for the field"), t && !t.match(qi) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
+  return t || (r = "You must specify an id for the field"), t && !t.match(Ti) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
 }
-function zi(t) {
+function ji(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Ti({
+function Fi({
   widgetId: t,
   disabled: a,
   showErrors: r
 }) {
-  const { values: i, setFieldValue: s } = L();
+  const { values: i, setFieldValue: s } = K();
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       t === "text_field" && /* @__PURE__ */ e(
@@ -3581,7 +3583,7 @@ function Ti({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      je,
+      Ve,
       {
         name: "defaultValue",
         disabled: a,
@@ -3594,28 +3596,28 @@ function Ti({
     ) })
   ] });
 }
-function Vi({ disabled: t }) {
-  const { values: a } = L(), r = N(a, "defaultValue");
+function Ii({ disabled: t }) {
+  const { values: a } = K(), r = N(a, "defaultValue");
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         name: "defaultValue",
         label: r == null ? "Default value not set" : "Default value is " + r.toString(),
         disabled: t,
         allowIndeterminate: !0,
-        component: he
+        component: ue
       }
     ) })
   ] });
 }
-function ji({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
+function Ei({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
   const {
     values: o,
     setFieldValue: l
-  } = L(), [d, m] = H(!1), [u, c] = H(), [p, g] = H(), f = Z(({
+  } = K(), [d, m] = L(!1), [u, c] = L(), [p, g] = L(), f = J(({
     id: w,
     property: b
   }) => {
@@ -3625,27 +3627,27 @@ function ji({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
       ...o.oneOf?.properties ?? {},
       [w]: b
     }, !1), l("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), w], !1), m(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), y = u ? le(u, p) : void 0, k = y ? N(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, _ = Z((w, b) => {
-    const v = w ? le(w, b) : void 0;
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), y = u ? ne(u, p) : void 0, k = y ? N(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, _ = J((w, b) => {
+    const v = w ? ne(w, b) : void 0;
     if (!v)
       throw Error("collection editor miss config");
-    l(`oneOf.${_e(v)}`, void 0, !1);
-    const T = `oneOf.${Pe(b)}`, I = N(o, T);
-    l(T, I.filter((A) => A !== w), !1), m(!1), c(void 0), g(void 0);
+    l(`oneOf.${ke(v)}`, void 0, !1);
+    const T = `oneOf.${Ne(b)}`, F = N(o, T);
+    l(T, F.filter((A) => A !== w), !1), m(!1), c(void 0), g(void 0);
   }, [l, o]), O = /* @__PURE__ */ n(
     E,
     {
       autoFocus: !0,
       color: "primary",
       onClick: () => m(!0),
-      startIcon: /* @__PURE__ */ e(Se, {}),
+      startIcon: /* @__PURE__ */ e(qe, {}),
       children: [
         "Add property to ",
         o.name ?? "this block"
       ]
     }
-  ), h = Z((w, b) => {
-    l(`oneOf.${Pe(b)}`, w, !1);
+  ), h = J((w, b) => {
+    l(`oneOf.${Ne(b)}`, w, !1);
   }, []);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
@@ -3653,9 +3655,9 @@ function ji({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Properties in this block" }),
         O
       ] }),
-      /* @__PURE__ */ n(Ne, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ n(Se, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
-          ut,
+          gt,
           {
             properties: o.oneOf?.properties ?? {},
             propertiesOrder: o.oneOf?.propertiesOrder,
@@ -3671,7 +3673,7 @@ function ji({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
       ] })
     ] }),
     !t && /* @__PURE__ */ e(
-      Ie,
+      Fe,
       {
         inArray: !1,
         forceShowErrors: !1,
@@ -3699,15 +3701,15 @@ function ji({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Fi({ disabled: t }) {
+function Bi({ disabled: t }) {
   const {
     values: a,
     handleChange: r
-  } = L(), i = "validation.min", s = "validation.max", o = "validation.lessThan", l = "validation.moreThan", d = "validation.positive", m = "validation.negative", u = "validation.integer";
+  } = K(), i = "validation.min", s = "validation.max", o = "validation.lessThan", l = "validation.moreThan", d = "validation.positive", m = "validation.negative", u = "validation.integer";
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Ee, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         value: N(a, i),
         label: "Min value",
@@ -3719,7 +3721,7 @@ function Fi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         value: N(a, s),
         label: "Max value",
@@ -3731,7 +3733,7 @@ function Fi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         value: N(a, o),
         label: "Less than",
@@ -3743,7 +3745,7 @@ function Fi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      Q,
+      G,
       {
         value: N(a, l),
         label: "More than",
@@ -3755,43 +3757,43 @@ function Fi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         name: d,
         label: "Positive value",
         disabled: t,
-        component: he
+        component: ue
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         name: m,
         label: "Negative value",
         disabled: t,
-        component: he
+        component: ue
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         name: u,
         label: "Integer value",
         disabled: t,
-        component: he
+        component: ue
       }
     ) })
   ] });
 }
-function Ii({ disabled: t }) {
-  const { values: a, setFieldValue: r } = L();
+function Mi({ disabled: t }) {
+  const { values: a, setFieldValue: r } = K();
   return /* @__PURE__ */ n(B, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Fi, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Bi, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      je,
+      Ve,
       {
         name: "defaultValue",
         disabled: t,
@@ -3805,7 +3807,7 @@ function Ii({ disabled: t }) {
     ) })
   ] });
 }
-function Mt({
+function Bt({
   existing: t,
   multiple: a,
   disabled: r,
@@ -3818,31 +3820,31 @@ function Mt({
     touched: d,
     setFieldError: m,
     setFieldValue: u
-  } = L();
-  if (!Re())
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(He, {}) });
+  } = K();
+  if (!Ue())
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Je, {}) });
   const p = a ? "of.path" : "path", g = N(s, p), f = i && N(l, p);
   return console.log("pathError", l, f), /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-    fe,
+    be,
     {
       required: !0,
       name: p,
       pathPath: p,
       type: "select",
-      validate: Ei,
+      validate: Di,
       disabled: t || r,
       value: g,
       error: f,
       handleChange: o,
-      component: Bi
+      component: Ri
     }
   ) }) });
 }
-function Ei(t) {
+function Di(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function Bi({
+function Ri({
   disabled: t,
   pathPath: a,
   value: r,
@@ -3851,15 +3853,15 @@ function Bi({
   ...o
 }) {
   console.log("error", s);
-  const l = Re();
+  const l = Ue();
   if (!l)
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(He, {}) });
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Je, {}) });
   const d = l?.collections ?? [], m = Array.from(new Set(
     Object.values(d).map((c) => c.group).filter(Boolean)
   ).values()), u = d.filter((c) => !c.group);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n(
-      Fe,
+      je,
       {
         error: !!s,
         disabled: t,
@@ -3872,7 +3874,7 @@ function Bi({
           const p = d.find((f) => f.alias === c || f.path === c);
           if (!p)
             return null;
-          const g = nt(p);
+          const g = lt(p);
           return /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
             g,
             /* @__PURE__ */ e(
@@ -3888,13 +3890,13 @@ function Bi({
         ...o,
         children: [
           m.flatMap((c) => /* @__PURE__ */ e(
-            Tt,
+            zt,
             {
               label: c || "Views",
               children: d.filter((p) => p.group === c).map((p) => {
-                const g = nt(p);
+                const g = lt(p);
                 return /* @__PURE__ */ e(
-                  ve,
+                  we,
                   {
                     value: p.alias ?? p.path,
                     children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
@@ -3915,10 +3917,10 @@ function Bi({
             },
             `group_${c}`
           )),
-          u && /* @__PURE__ */ e(Tt, { label: "Views", children: u.map((c) => {
-            const p = nt(c);
+          u && /* @__PURE__ */ e(zt, { label: "Views", children: u.map((c) => {
+            const p = lt(c);
             return /* @__PURE__ */ e(
-              ve,
+              we,
               {
                 value: c.alias ?? c.path,
                 children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
@@ -3942,17 +3944,17 @@ function Bi({
     /* @__PURE__ */ e(te, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Mi({ disabled: t }) {
+function Ui({ disabled: t }) {
   const {
     values: a,
     errors: r,
     touched: i,
     setFieldValue: s
-  } = L(), o = "mode", l = N(a, o), d = N(i, o) && N(r, o), m = "autoValue", u = N(a, m), c = N(i, m) && N(r, m);
+  } = K(), o = "mode", l = N(a, o), d = N(i, o) && N(r, o), m = "autoValue", u = N(a, m), c = N(i, m) && N(r, m);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ n(
-        Fe,
+        je,
         {
           name: o,
           value: l ?? "date",
@@ -3971,14 +3973,14 @@ function Mi({ disabled: t }) {
           },
           disabled: t,
           children: [
-            /* @__PURE__ */ e(ve, { value: "date_time", children: " Date/Time " }),
-            /* @__PURE__ */ e(ve, { value: "date", children: " Date " })
+            /* @__PURE__ */ e(we, { value: "date_time", children: " Date/Time " }),
+            /* @__PURE__ */ e(we, { value: "date", children: " Date " })
           ]
         }
       ),
       /* @__PURE__ */ e(te, { error: !!d, children: d }),
       /* @__PURE__ */ n(
-        Fe,
+        je,
         {
           name: m,
           disabled: t,
@@ -3997,9 +3999,9 @@ function Mi({ disabled: t }) {
           error: !!c,
           label: "Automatic value",
           children: [
-            /* @__PURE__ */ e(ve, { value: "", children: " None " }),
-            /* @__PURE__ */ e(ve, { value: "on_create", children: " On create " }),
-            /* @__PURE__ */ e(ve, { value: "on_update", children: " On any update " })
+            /* @__PURE__ */ e(we, { value: "", children: " None " }),
+            /* @__PURE__ */ e(we, { value: "on_create", children: " On create " }),
+            /* @__PURE__ */ e(we, { value: "on_update", children: " On any update " })
           ]
         }
       ),
@@ -4008,40 +4010,40 @@ function Mi({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) })
   ] });
 }
-function Di({ disabled: t }) {
-  return L(), /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
+function $i({ disabled: t }) {
+  return K(), /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         name: "hideFromCollection",
         label: "Hide from collection",
         disabled: t,
         tooltip: "Hide this field from the collection view. It will still be visible in the form view",
-        component: he
+        component: ue
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      de,
+      le,
       {
         type: "checkbox",
         name: "readOnly",
         label: "Read only",
         disabled: t,
         tooltip: "Is this a read only field. Display only as a preview",
-        component: he
+        component: ue
       }
     ) })
   ] });
 }
-function Ri({ disabled: t }) {
+function Li({ disabled: t }) {
   return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) }) });
 }
-function sa(t, a, r) {
+function na(t, a, r) {
   let i;
   return a === "text_field" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "text_field",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4051,10 +4053,10 @@ function sa(t, a, r) {
       email: void 0,
       url: void 0,
       enumValues: void 0
-    })
+    }
   ) : a === "multiline" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "multiline",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4064,10 +4066,10 @@ function sa(t, a, r) {
       email: void 0,
       url: void 0,
       enumValues: void 0
-    })
+    }
   ) : a === "markdown" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "markdown",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4076,10 +4078,10 @@ function sa(t, a, r) {
       markdown: !0,
       email: void 0,
       url: void 0
-    })
+    }
   ) : a === "url" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "url",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4089,10 +4091,10 @@ function sa(t, a, r) {
       email: void 0,
       url: !0,
       enumValues: void 0
-    })
+    }
   ) : a === "email" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "email",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4102,10 +4104,10 @@ function sa(t, a, r) {
       email: !0,
       url: void 0,
       enumValues: void 0
-    })
+    }
   ) : a === "select" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4115,10 +4117,10 @@ function sa(t, a, r) {
       email: void 0,
       url: void 0,
       enumValues: t.enumValues ?? []
-    })
+    }
   ) : a === "multi_select" ? i = $(
     t,
-    Y({
+    {
       dataType: "array",
       propertyConfig: "multi_select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4126,26 +4128,26 @@ function sa(t, a, r) {
         dataType: "string",
         enumValues: t.of?.enumValues ?? []
       }
-    })
+    }
   ) : a === "number_input" ? i = $(
     t,
-    Y({
+    {
       dataType: "number",
       propertyConfig: "number_input",
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: void 0
-    })
+    }
   ) : a === "number_select" ? i = $(
     t,
-    Y({
+    {
       dataType: "number",
       propertyConfig: "number_select",
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: t.enumValues ?? []
-    })
+    }
   ) : a === "multi_number_select" ? i = $(
     t,
-    Y({
+    {
       dataType: "array",
       propertyConfig: "multi_number_select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4153,20 +4155,20 @@ function sa(t, a, r) {
         dataType: "number",
         enumValues: t.of?.enumValues ?? []
       }
-    })
+    }
   ) : a === "file_upload" ? i = $(
     t,
-    Y({
+    {
       dataType: "string",
       propertyConfig: "file_upload",
       editable: t.editable !== void 0 ? t.editable : !0,
       storage: {
         storagePath: "/"
       }
-    })
+    }
   ) : a === "multi_file_upload" ? i = $(
     t,
-    Y({
+    {
       dataType: "array",
       propertyConfig: "multi_file_upload",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4176,79 +4178,79 @@ function sa(t, a, r) {
           storagePath: "/"
         }
       }
-    })
+    }
   ) : a === "group" ? i = $(
     t,
-    Y({
+    {
       dataType: "map",
       propertyConfig: "group",
       editable: t.editable !== void 0 ? t.editable : !0,
       keyValue: !1,
       properties: t.properties ?? {}
-    })
+    }
   ) : a === "key_value" ? i = $(
     t,
-    Y({
+    {
       dataType: "map",
       propertyConfig: "key_value",
       editable: t.editable !== void 0 ? t.editable : !0,
       keyValue: !0,
       properties: void 0
-    })
+    }
   ) : a === "reference" ? i = $(
     t,
-    Y({
+    {
       dataType: "reference",
       propertyConfig: "reference",
       editable: t.editable !== void 0 ? t.editable : !0
-    })
+    }
   ) : a === "multi_references" ? i = $(
     t,
-    Y({
+    {
       dataType: "array",
       propertyConfig: "multi_references",
       editable: t.editable !== void 0 ? t.editable : !0,
       of: {
         dataType: "reference"
       }
-    })
+    }
   ) : a === "switch" ? i = $(
     t,
-    Y({
+    {
       dataType: "boolean",
       propertyConfig: "switch",
       editable: t.editable !== void 0 ? t.editable : !0
-    })
+    }
   ) : a === "date_time" ? i = $(
     t,
-    Y({
+    {
       dataType: "date",
       propertyConfig: "date_time",
       editable: t.editable !== void 0 ? t.editable : !0,
       mode: "date_time"
-    })
+    }
   ) : a === "repeat" ? i = $(
     t,
-    Y({
+    {
       dataType: "array",
       propertyConfig: "repeat",
       editable: t.editable !== void 0 ? t.editable : !0
-    })
+    }
   ) : a === "block" ? i = $(
     t,
-    Y({
+    {
       dataType: "array",
       propertyConfig: "block",
       editable: t.editable !== void 0 ? t.editable : !0,
       oneOf: {
         properties: {}
       }
-    })
+    }
   ) : a && r[a] && (i = { ...r[a].property, propertyConfig: a }), i;
 }
-function la({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
+function sa({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
   return /* @__PURE__ */ e(
-    ve,
+    we,
     {
       value: t,
       disabled: a,
@@ -4256,12 +4258,12 @@ function la({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: ke(
+          className: xe(
             "flex flex-row items-center text-base min-h-[52px]",
             a ? "w-full" : ""
           ),
           children: [
-            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { propertyConfig: r }) }),
+            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ze, { propertyConfig: r }) }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { children: r.name }),
               /* @__PURE__ */ e(
@@ -4280,7 +4282,7 @@ function la({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
     }
   );
 }
-const ca = R.memo(
+const la = D.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: r,
@@ -4306,9 +4308,9 @@ const ca = R.memo(
     const v = {
       id: "",
       name: ""
-    }, T = !!(m && !Ke(m)) && !b;
+    }, T = !!(m && !He(m)) && !b;
     console.log("PropertyForm disabled", T);
-    const I = Le(m ? {
+    const F = Ye(m ? {
       id: l,
       previousId: l,
       property: m
@@ -4318,14 +4320,14 @@ const ca = R.memo(
     }) => {
       const C = {
         id: S,
-        previousId: I.current?.id,
+        previousId: F.current?.id,
         property: x,
         namespace: d
       };
-      I.current = C, u?.(C);
+      F.current = C, u?.(C);
     };
     return /* @__PURE__ */ e(
-      Nt,
+      Pt,
       {
         initialErrors: f,
         initialValues: m ? { id: l, ...m } : v,
@@ -4340,10 +4342,10 @@ const ca = R.memo(
             property: { ...j, editable: j.editable ?? !0 }
           }), i || x.resetForm({ values: v });
         },
-        children: (S) => (me(() => {
+        children: (S) => (de(() => {
           O?.(S);
         }, [S]), /* @__PURE__ */ e(
-          Ui,
+          Ki,
           {
             onPropertyChanged: c ? A : void 0,
             onDelete: p,
@@ -4370,7 +4372,7 @@ const ca = R.memo(
   },
   (t, a) => t.getData === a.getData && t.includeIdAndName === a.includeIdAndName && t.autoOpenTypeSelect === a.autoOpenTypeSelect && t.autoUpdateId === a.autoUpdateId && t.existingProperty === a.existingProperty
 );
-function Ie({
+function Fe({
   open: t,
   onCancel: a,
   onOkClicked: r,
@@ -4379,16 +4381,16 @@ function Ie({
   collectionEditable: o,
   ...l
 }) {
-  const d = Le();
+  const d = Ye();
   return /* @__PURE__ */ n(
-    De,
+    Ie,
     {
       open: t ?? !1,
       maxWidth: "xl",
       fullWidth: !0,
       children: [
-        /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(
-          ca,
+        /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
+          la,
           {
             ...l,
             onPropertyChanged: (u) => {
@@ -4402,7 +4404,7 @@ function Ie({
             getData: s
           }
         ) }),
-        /* @__PURE__ */ n(Qe, { children: [
+        /* @__PURE__ */ n(Re, { children: [
           a && /* @__PURE__ */ e(
             E,
             {
@@ -4427,7 +4429,7 @@ function Ie({
     }
   );
 }
-function Ui({
+function Ki({
   values: t,
   errors: a,
   touched: r,
@@ -4450,39 +4452,39 @@ function Ui({
   customFields: w,
   collectionEditable: b
 }) {
-  const [v, T] = H(d), [I, A] = H(!1), [S, x] = H(t?.dataType ? Xt(t) : void 0), C = Object.entries(kt).concat(Object.entries(w)), j = k ? C.filter(([J, ae]) => !ce(ae.property) && ae.property?.dataType !== "array") : C, W = ba(t), q = Le(null), U = Le(t), re = "id", xe = f && N(a, "selectedWidget");
-  me(() => {
-    !N(r, re) && l && t?.name && s(re, Gt(t.name));
-  }, [l, r, t?.name]), me(() => {
-    if (u && (!m || W.id)) {
+  const [v, T] = L(d), [F, A] = L(!1), [S, x] = L(t?.dataType ? Zt(t) : void 0), C = Object.entries(kt).concat(Object.entries(w)), j = k ? C.filter(([Q, ee]) => !se(ee.property) && ee.property?.dataType !== "array") : C, Z = fa(t), q = Ye(null), M = Ye(t), he = "id", Ce = f && N(a, "selectedWidget");
+  de(() => {
+    !N(r, he) && l && t?.name && s(he, Ht(t.name));
+  }, [l, r, t?.name]), de(() => {
+    if (u && (!m || Z.id)) {
       const {
-        id: J,
-        ...ae
-      } = W;
-      dt(W, U.current) || (u({
-        id: J,
-        property: ae,
+        id: Q,
+        ...ee
+      } = Z;
+      mt(Z, M.current) || (u({
+        id: Q,
+        property: ee,
         namespace: p
-      }), U.current = W);
+      }), M.current = Z);
     }
-  }, [W, m, u, p]), me(() => {
+  }, [Z, m, u, p]), de(() => {
     t?.id && g && Object.keys(a).length > 0 && g(t?.id, p, a);
   }, [a, g, p, t?.id]);
-  const ge = (J) => {
-    x(J), i(sa(t, J, w)), setTimeout(() => {
+  const ie = (Q) => {
+    x(Q), i(na(t, Q, w)), setTimeout(() => {
       q.current?.focus();
     }, 0);
   };
-  let M;
-  return S === "text_field" || S === "multiline" || S === "markdown" || S === "url" || S === "email" ? M = /* @__PURE__ */ e(
-    Ti,
+  let R;
+  return S === "text_field" || S === "multiline" || S === "markdown" || S === "url" || S === "email" ? R = /* @__PURE__ */ e(
+    Fi,
     {
       widgetId: S,
       disabled: y,
       showErrors: f
     }
-  ) : S === "select" || S === "number_select" ? M = /* @__PURE__ */ e(
-    Et,
+  ) : S === "select" || S === "number_select" ? R = /* @__PURE__ */ e(
+    It,
     {
       multiselect: !1,
       allowDataInference: h,
@@ -4491,8 +4493,8 @@ function Ui({
       getData: O,
       showErrors: f
     }
-  ) : S === "multi_select" || S === "multi_number_select" ? M = /* @__PURE__ */ e(
-    Et,
+  ) : S === "multi_select" || S === "multi_number_select" ? R = /* @__PURE__ */ e(
+    It,
     {
       multiselect: !0,
       updateIds: !o,
@@ -4501,22 +4503,22 @@ function Ui({
       getData: O,
       showErrors: f
     }
-  ) : S === "file_upload" ? M = /* @__PURE__ */ e(
-    Bt,
+  ) : S === "file_upload" ? R = /* @__PURE__ */ e(
+    Et,
     {
       existing: o,
       multiple: !1,
       disabled: y
     }
-  ) : S === "multi_file_upload" ? M = /* @__PURE__ */ e(
-    Bt,
+  ) : S === "multi_file_upload" ? R = /* @__PURE__ */ e(
+    Et,
     {
       existing: o,
       multiple: !0,
       disabled: y
     }
-  ) : S === "switch" ? M = /* @__PURE__ */ e(Vi, { disabled: y }) : S === "number_input" ? M = /* @__PURE__ */ e(Ii, { disabled: y }) : S === "group" ? M = /* @__PURE__ */ e(
-    Pi,
+  ) : S === "switch" ? R = /* @__PURE__ */ e(Ii, { disabled: y }) : S === "number_input" ? R = /* @__PURE__ */ e(Mi, { disabled: y }) : S === "group" ? R = /* @__PURE__ */ e(
+    qi,
     {
       disabled: y,
       getData: O,
@@ -4524,8 +4526,8 @@ function Ui({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "block" ? M = /* @__PURE__ */ e(
-    ji,
+  ) : S === "block" ? R = /* @__PURE__ */ e(
+    Ei,
     {
       disabled: y,
       getData: O,
@@ -4533,24 +4535,24 @@ function Ui({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "reference" ? M = /* @__PURE__ */ e(
-    Mt,
+  ) : S === "reference" ? R = /* @__PURE__ */ e(
+    Bt,
     {
       showErrors: f,
       existing: o,
       multiple: !1,
       disabled: y
     }
-  ) : S === "date_time" ? M = /* @__PURE__ */ e(Mi, { disabled: y }) : S === "multi_references" ? M = /* @__PURE__ */ e(
-    Mt,
+  ) : S === "date_time" ? R = /* @__PURE__ */ e(Ui, { disabled: y }) : S === "multi_references" ? R = /* @__PURE__ */ e(
+    Bt,
     {
       showErrors: f,
       existing: o,
       multiple: !0,
       disabled: y
     }
-  ) : S === "repeat" ? M = /* @__PURE__ */ e(
-    Ni,
+  ) : S === "repeat" ? R = /* @__PURE__ */ e(
+    Ai,
     {
       showErrors: f,
       existing: o,
@@ -4560,8 +4562,8 @@ function Ui({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "key_value" ? M = /* @__PURE__ */ e(Ri, { disabled: y }) : M = null, /* @__PURE__ */ n(B, { children: [
-    y && /* @__PURE__ */ n(ea, { mode: "warn", children: [
+  ) : S === "key_value" ? R = /* @__PURE__ */ e(Li, { disabled: y }) : R = null, /* @__PURE__ */ n(B, { children: [
+    y && /* @__PURE__ */ n(Xt, { mode: "warn", children: [
       /* @__PURE__ */ e(P, { children: "This property can't be edited" }),
       /* @__PURE__ */ n(P, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -4572,32 +4574,32 @@ function Ui({
     /* @__PURE__ */ n("div", { className: "flex mt-2 justify-between", children: [
       /* @__PURE__ */ n("div", { className: "w-full flex flex-col gap-2", children: [
         /* @__PURE__ */ e(
-          Fe,
+          je,
           {
             className: "w-full",
-            error: !!xe,
+            error: !!Ce,
             value: S ?? "",
             placeholder: "Select a property widget",
             open: v,
             onOpenChange: T,
             position: "item-aligned",
             disabled: y,
-            renderValue: (J) => {
-              if (!J)
+            renderValue: (Q) => {
+              if (!Q)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const ae = J, oe = kt[ae] ?? w[ae], pe = oe.property, qe = pe && !ce(pe) ? Je(pe, w) : void 0, Ce = ce(pe) || o && pe.dataType !== t?.dataType, X = qe ? $(qe, oe) : oe;
+              const ee = Q, pe = kt[ee] ?? w[ee], me = pe.property, ge = me && !se(me) ? We(me, w) : void 0, fe = se(me) || o && me.dataType !== t?.dataType, X = ge ? $(ge, pe) : pe;
               return /* @__PURE__ */ n(
                 "div",
                 {
-                  onClick: (be) => {
-                    Ce && (be.stopPropagation(), be.preventDefault());
+                  onClick: (Oe) => {
+                    fe && (Oe.stopPropagation(), Oe.preventDefault());
                   },
-                  className: ke(
+                  className: xe(
                     "flex items-center",
-                    Ce ? "w-full pointer-events-none opacity-50" : ""
+                    fe ? "w-full pointer-events-none opacity-50" : ""
                   ),
                   children: [
-                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(We, { propertyConfig: X }) }),
+                    /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ze, { propertyConfig: X }) }),
                     /* @__PURE__ */ n("div", { className: "flex flex-col items-start text-base text-left", children: [
                       /* @__PURE__ */ e("div", { children: X.name }),
                       /* @__PURE__ */ e(
@@ -4605,7 +4607,7 @@ function Ui({
                         {
                           variant: "caption",
                           color: "disabled",
-                          children: Ce ? "You can only switch to widgets that use the same data type" : X.description
+                          children: fe ? "You can only switch to widgets that use the same data type" : X.description
                         }
                       )
                     ] })
@@ -4613,25 +4615,25 @@ function Ui({
                 }
               );
             },
-            onValueChange: (J) => {
-              ge(J);
+            onValueChange: (Q) => {
+              ie(Q);
             },
-            children: j.map(([J, ae]) => {
-              const oe = ae.property, pe = o && !ce(oe) && oe.dataType !== t?.dataType;
+            children: j.map(([Q, ee]) => {
+              const pe = ee.property, me = o && !se(pe) && pe.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
-                la,
+                sa,
                 {
-                  value: J,
-                  optionDisabled: pe,
-                  propertyConfig: ae,
+                  value: Q,
+                  optionDisabled: me,
+                  propertyConfig: ee,
                   existing: o
                 },
-                J
+                Q
               );
             })
           }
         ),
-        xe && /* @__PURE__ */ e(
+        Ce && /* @__PURE__ */ e(
           P,
           {
             variant: "caption",
@@ -4642,19 +4644,19 @@ function Ui({
         )
       ] }),
       c && t?.id && /* @__PURE__ */ e(
-        ue,
+        re,
         {
           variant: "ghost",
           className: "m-4",
           disabled: y,
           onClick: () => A(!0),
-          children: /* @__PURE__ */ e(lt, {})
+          children: /* @__PURE__ */ e(dt, {})
         }
       )
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       m && /* @__PURE__ */ e(
-        Si,
+        zi,
         {
           showErrors: f,
           disabledId: o,
@@ -4664,13 +4666,13 @@ function Ui({
           ref: q
         }
       ),
-      M,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Di, { disabled: y }) })
+      R,
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($i, { disabled: y }) })
     ] }),
     c && /* @__PURE__ */ e(
-      ct,
+      pt,
       {
-        open: I,
+        open: F,
         onAccept: () => c(t?.id, p),
         onCancel: () => A(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
@@ -4683,7 +4685,51 @@ function Ui({
     )
   ] });
 }
-function $i({
+function Yi(t) {
+  return (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((a, r) => a + r[0].toUpperCase() + r.substring(1));
+}
+function Hi({ collection: t, onOpenChange: a, open: r }) {
+  const i = "const " + Yi(t.name) + "Collection = " + Za.stringify(t, null, "	");
+  return /* @__PURE__ */ n(
+    Ie,
+    {
+      open: r,
+      onOpenChange: a,
+      maxWidth: "4xl",
+      children: [
+        /* @__PURE__ */ n(De, { children: [
+          /* @__PURE__ */ n(P, { variant: "h6", className: "my-4", children: [
+            "Code for ",
+            t.name
+          ] }),
+          /* @__PURE__ */ n(P, { variant: "body2", className: "my-4 mb-8", children: [
+            "If you want to customise the collection in code, you can add this collection code to your CMS app configuration. More info in the ",
+            /* @__PURE__ */ e(
+              "a",
+              {
+                rel: "noopener noreferrer",
+                href: "https://firecms.co/docs/customization_quickstart",
+                children: "docs"
+              }
+            ),
+            "."
+          ] }),
+          /* @__PURE__ */ e(
+            Xa,
+            {
+              theme: ei.vsDark,
+              code: i,
+              language: "typescript",
+              children: ({ className: s, style: o, tokens: l, getLineProps: d, getTokenProps: m }) => /* @__PURE__ */ e("pre", { style: o, className: "p-4 rounded", children: l.map((u, c) => /* @__PURE__ */ e("div", { ...d({ line: u }), children: u.map((p, g) => /* @__PURE__ */ e("span", { ...m({ token: p }) }, g)) }, c)) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(E, { onClick: () => a(!1), children: "Close" }) })
+      ]
+    }
+  );
+}
+function Gi({
   showErrors: t,
   isNewCollection: a,
   propertyErrorsRef: r,
@@ -4704,96 +4750,96 @@ function $i({
     setFieldTouched: k,
     errors: _,
     dirty: O
-  } = L(), h = Ze(), w = Fa("lg"), b = !w, [v, T] = H(), [I, A] = H(), [S, x] = H(), C = I ? le(I, S) : void 0, j = C ? N(g.properties, C.replaceAll(".", ".properties.")) : void 0, [W, q] = H(!1), [U, re] = H(!1), [xe, ge] = H([]), M = R.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
-  me(() => {
+  } = K(), h = Qe(), w = ja("lg"), b = !w, [v, T] = L(), [F, A] = L(), [S, x] = L(), C = F ? ne(F, S) : void 0, j = C ? N(g.properties, C.replaceAll(".", ".properties.")) : void 0, [Z, q] = L(!1), [M, he] = L(!1), [Ce, ie] = L(!1), [R, Q] = L([]), ee = D.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
+  de(() => {
     s && s(O);
   }, [O]);
-  const J = u ? () => {
-    u && (q(!0), u(g).then((V) => {
-      if (V && ta(V.properties), !V) {
+  const pe = u ? () => {
+    u && (he(!0), u(g).then((V) => {
+      if (V && ea(V.properties), !V) {
         h.open({
           type: "error",
           message: "Could not infer properties from data"
         });
         return;
       }
-      const F = Object.keys(V.properties).filter((se) => !g.properties[se]);
-      if (F.length === 0) {
+      const I = Object.keys(V.properties).filter((oe) => !g.properties[oe]);
+      if (I.length === 0) {
         h.open({
           type: "info",
           message: "No new properties found"
         });
         return;
       }
-      const G = {
-        ...F.reduce((se, ye) => (se[ye] = V.properties[ye], se), {}),
+      const H = {
+        ...I.reduce((oe, ye) => (oe[ye] = V.properties[ye], oe), {}),
         ...g.properties
-      }, ne = [
-        ...F,
+      }, ce = [
+        ...I,
         ...g.propertiesOrder ?? []
       ];
-      f("properties", G, !1), oe(ne), ge(F);
+      f("properties", H, !1), ge(ce), Q(I);
     }).finally(() => {
-      q(!1);
+      he(!1);
     }));
-  } : void 0, ae = (V) => V ? M.current[V] ?? N(g, Pe(V)) : M.current[""], oe = (V, F) => {
-    const G = Pe(F);
-    f(G, V, !1), M.current[F ?? ""] = V;
-  }, pe = (V, F) => {
-    const G = V ? le(V, F) : void 0;
-    if (!G)
+  } : void 0, me = (V) => V ? ee.current[V] ?? N(g, Ne(V)) : ee.current[""], ge = (V, I) => {
+    const H = Ne(I);
+    f(H, V, !1), ee.current[I ?? ""] = V;
+  }, fe = (V, I) => {
+    const H = V ? ne(V, I) : void 0;
+    if (!H)
       throw Error("collection editor miss config");
-    f(_e(G), void 0, !1);
-    const se = ae(F).filter((ye) => ye !== V);
-    oe(se, F), re(!1), T(void 0), A(void 0), x(void 0);
-  }, qe = (V, F) => {
-    f(Pe(F), V, !1);
-  }, Ce = ({
+    f(ke(H), void 0, !1);
+    const oe = me(I).filter((ye) => ye !== V);
+    ge(oe, I), ie(!1), T(void 0), A(void 0), x(void 0);
+  }, X = (V, I) => {
+    f(Ne(I), V, !1);
+  }, Oe = ({
     id: V,
-    property: F
+    property: I
   }) => {
     if (console.log("onPropertyCreated", {
       id: V,
-      property: F
+      property: I
     }), !V)
       throw Error("Need to include an ID when creating a new property");
     f("properties", {
       ...g.properties ?? {},
-      [V]: F
+      [V]: I
     }, !1);
-    const G = [...g.propertiesOrder ?? Object.keys(g.properties), V];
+    const H = [...g.propertiesOrder ?? Object.keys(g.properties), V];
     console.log("onPropertyCreated", {
       id: V,
-      property: F,
-      newPropertiesOrder: G
-    }), oe(G), re(!1), w && (T(G.indexOf(V)), A(V)), x(void 0);
-  }, X = ({
+      property: I,
+      newPropertiesOrder: H
+    }), ge(H), ie(!1), w && (T(H.indexOf(V)), A(V)), x(void 0);
+  }, Xe = ({
     id: V,
-    property: F,
-    previousId: G,
-    namespace: ne
+    property: I,
+    previousId: H,
+    namespace: ce
   }) => {
-    const se = V ? le(V, ne) : void 0, ye = se ? _e(se) : void 0;
-    if (G && G !== V) {
-      const gt = le(G, ne), tt = _e(gt), ee = ae(ne).map((Te) => Te === G ? V : Te).filter((Te) => Te !== void 0);
-      oe(ee, ne), V && (T(ee.indexOf(V)), A(V)), f(tt, void 0, !1), k(tt, !1, !1);
+    const oe = V ? ne(V, ce) : void 0, ye = oe ? ke(oe) : void 0;
+    if (H && H !== V) {
+      const at = ne(H, ce), W = ke(at), ve = me(ce).map((it) => it === H ? V : it).filter((it) => it !== void 0);
+      ge(ve, ce), V && (T(ve.indexOf(V)), A(V)), f(W, void 0, !1), k(W, !1, !1);
     }
-    ye && (f(ye, F, !1), k(ye, !0, !1));
-  }, be = (V, F, G) => {
-    const ne = V ? le(V, F) : void 0;
+    ye && (f(ye, I, !1), k(ye, !0, !1));
+  }, et = (V, I, H) => {
+    const ce = V ? ne(V, I) : void 0;
     if (console.warn("onPropertyErrorInternal", {
       id: V,
-      namespace: F,
-      error: G,
-      propertyPath: ne
-    }), ne) {
-      const se = G && Object.keys(G).length > 0;
-      i(V, F, se ? G : void 0), y(_e(ne), se ? "Property error" : void 0);
+      namespace: I,
+      error: H,
+      propertyPath: ce
+    }), ce) {
+      const oe = H && Object.keys(H).length > 0;
+      i(V, I, oe ? H : void 0), y(ke(ce), oe ? "Property error" : void 0);
     }
-  }, ht = () => {
+  }, z = () => {
     T(void 0), A(void 0);
-  }, Xe = I && r?.current?.properties ? r.current.properties[I] : void 0, z = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, K = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), D = Lt(() => d(g.ownerId), [d, g.ownerId]), et = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ n("div", { className: ke(
+  }, Y = F && r?.current?.properties ? r.current.properties[F] : void 0, U = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Le = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), tt = $t(() => d(g.ownerId), [d, g.ownerId]), Te = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+    /* @__PURE__ */ n("div", { className: xe(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
       !b && "border-r " + Ct
@@ -4801,10 +4847,10 @@ function $i({
       /* @__PURE__ */ n("div", { className: "flex my-2", children: [
         /* @__PURE__ */ n("div", { className: "flex-grow mb-4", children: [
           /* @__PURE__ */ e(
-            fe,
+            be,
             {
               name: "name",
-              as: Q,
+              as: G,
               invisible: !0,
               className: "-ml-1",
               inputClassName: "text-2xl font-headers",
@@ -4814,7 +4860,7 @@ function $i({
               error: !!_.name
             }
           ),
-          D && /* @__PURE__ */ n(
+          tt && /* @__PURE__ */ n(
             P,
             {
               variant: "body2",
@@ -4822,46 +4868,55 @@ function $i({
               color: "secondary",
               children: [
                 "Created by ",
-                D.displayName
+                tt.displayName
               ]
             }
           )
         ] }),
         l && /* @__PURE__ */ e("div", { className: "ml-4", children: l }),
         /* @__PURE__ */ n("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
-          J && /* @__PURE__ */ e(ie, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
-            E,
+          /* @__PURE__ */ e(ae, { title: "Get the code of this collection", children: /* @__PURE__ */ e(
+            re,
             {
-              variant: "text",
-              disabled: W,
-              onClick: J,
-              children: W ? /* @__PURE__ */ e(He, { size: "small" }) : /* @__PURE__ */ e(mt, {})
+              variant: "filled",
+              disabled: M,
+              onClick: () => q(!0),
+              children: /* @__PURE__ */ e(Fa, {})
             }
           ) }),
-          /* @__PURE__ */ e(ie, { title: "Add new property", children: /* @__PURE__ */ e(
+          pe && /* @__PURE__ */ e(ae, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
+            re,
+            {
+              variant: "filled",
+              disabled: M,
+              onClick: pe,
+              children: M ? /* @__PURE__ */ e(Je, { size: "small" }) : /* @__PURE__ */ e(ht, {})
+            }
+          ) }),
+          /* @__PURE__ */ e(ae, { title: "Add new property", children: /* @__PURE__ */ e(
             E,
             {
               variant: "outlined",
-              onClick: () => re(!0),
-              children: /* @__PURE__ */ e(Se, {})
+              onClick: () => ie(!0),
+              children: /* @__PURE__ */ e(qe, {})
             }
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
-        ut,
+      /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+        gt,
         {
           className: "pl-8",
-          onPropertyClick: (V, F) => {
-            T(K.indexOf(V)), A(V), x(F);
+          onPropertyClick: (V, I) => {
+            T(Le.indexOf(V)), A(V), x(I);
           },
-          inferredPropertyKeys: xe,
-          selectedPropertyKey: I ? le(I, S) : void 0,
+          inferredPropertyKeys: R,
+          selectedPropertyKey: F ? ne(F, S) : void 0,
           properties: g.properties,
           additionalFields: g.additionalFields,
-          propertiesOrder: K,
-          onPropertyMove: qe,
-          onPropertyRemove: a ? pe : void 0,
+          propertiesOrder: Le,
+          onPropertyMove: X,
+          onPropertyRemove: a ? fe : void 0,
           collectionEditable: p,
           errors: t ? _ : {}
         }
@@ -4873,46 +4928,46 @@ function $i({
           color: "primary",
           variant: "outlined",
           size: "large",
-          onClick: () => re(!0),
-          startIcon: /* @__PURE__ */ e(Se, {}),
+          onClick: () => ie(!0),
+          startIcon: /* @__PURE__ */ e(qe, {}),
           children: "Add new property"
         }
       )
     ] }),
     !b && /* @__PURE__ */ e("div", { className: "col-span-12 lg:col-span-7 ml-2 p-4 md:p-8 h-full overflow-auto pb-20 md:pb-20", children: /* @__PURE__ */ n(
-      Ne,
+      Se,
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          C && j && !ce(j) && /* @__PURE__ */ e(
-            ca,
+          C && j && !se(j) && /* @__PURE__ */ e(
+            la,
             {
               inArray: !1,
               existingProperty: !a,
               autoUpdateId: !1,
               allowDataInference: !a,
               autoOpenTypeSelect: !1,
-              propertyKey: I,
+              propertyKey: F,
               propertyNamespace: S,
               property: j,
-              onPropertyChanged: X,
-              onDelete: pe,
-              onError: be,
+              onPropertyChanged: Xe,
+              onDelete: fe,
+              onError: et,
               forceShowErrors: t,
-              initialErrors: Xe,
+              initialErrors: Y,
               getData: m,
               customFields: c,
               collectionEditable: p
             },
             `edit_view_${v}`
           ),
-          !j && /* @__PURE__ */ e(P, { variant: "label", className: "flex items-center justify-center h-full", children: z ? "Now you can add your first property" : "Select a property to edit it" }),
-          j && ce(j) && /* @__PURE__ */ e(P, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !j && /* @__PURE__ */ e(P, { variant: "label", className: "flex items-center justify-center h-full", children: U ? "Now you can add your first property" : "Select a property to edit it" }),
+          j && se(j) && /* @__PURE__ */ e(P, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
     b && /* @__PURE__ */ e(
-      Ie,
+      Fe,
       {
         inArray: !1,
         open: v !== void 0,
@@ -4920,45 +4975,53 @@ function $i({
         allowDataInference: !a,
         existingProperty: !0,
         autoOpenTypeSelect: !1,
-        propertyKey: I,
+        propertyKey: F,
         propertyNamespace: S,
         property: j,
-        onPropertyChanged: X,
-        onDelete: pe,
-        onError: be,
+        onPropertyChanged: Xe,
+        onDelete: fe,
+        onError: et,
         forceShowErrors: t,
-        initialErrors: Xe,
+        initialErrors: Y,
         getData: m,
         customFields: c,
         collectionEditable: p,
-        onOkClicked: b ? ht : void 0
+        onOkClicked: b ? z : void 0
       },
       `edit_view_${v}`
     )
   ] });
   return /* @__PURE__ */ n(B, { children: [
-    et,
+    Te,
     /* @__PURE__ */ e(
-      Ie,
+      Fe,
       {
         inArray: !1,
         existingProperty: !1,
         autoOpenTypeSelect: !0,
         autoUpdateId: !0,
         forceShowErrors: t,
-        open: U,
-        onCancel: () => re(!1),
-        onPropertyChanged: Ce,
+        open: Ce,
+        onCancel: () => ie(!1),
+        onPropertyChanged: Oe,
         getData: m,
         allowDataInference: !a,
         customFields: c,
         collectionEditable: p,
         existingPropertyKeys: g.propertiesOrder
       }
+    ),
+    /* @__PURE__ */ e(
+      Hi,
+      {
+        collection: g,
+        open: Z,
+        onOpenChange: q
+      }
     )
   ] });
 }
-function Li({
+function Ji({
   open: t,
   handleOk: a,
   handleCancel: r,
@@ -4966,19 +5029,19 @@ function Li({
   title: s
 }) {
   return /* @__PURE__ */ n(
-    De,
+    Ie,
     {
       open: t,
       onOpenChange: (o) => o ? r() : a(),
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       children: [
-        /* @__PURE__ */ n(Ge, { children: [
+        /* @__PURE__ */ n(De, { children: [
           /* @__PURE__ */ e(P, { variant: "h6", children: s ?? "Unsaved changes" }),
           i && /* @__PURE__ */ e(P, { children: i }),
           /* @__PURE__ */ e(P, { children: "Are you sure?" })
         ] }),
-        /* @__PURE__ */ n(Qe, { children: [
+        /* @__PURE__ */ n(Re, { children: [
           /* @__PURE__ */ e(E, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
           /* @__PURE__ */ e(E, { onClick: a, children: " Ok " })
         ] })
@@ -4986,15 +5049,15 @@ function Li({
     }
   );
 }
-function Ki({ open: t, onClose: a }) {
+function Qi({ open: t, onClose: a }) {
   const { entityViews: r } = Ae();
   return /* @__PURE__ */ n(
-    De,
+    Ie,
     {
       maxWidth: "md",
       open: t,
       children: [
-        /* @__PURE__ */ n(Ge, { children: [
+        /* @__PURE__ */ n(De, { children: [
           /* @__PURE__ */ e(P, { variant: "h6", children: "Select view" }),
           r?.map((i) => /* @__PURE__ */ n(
             E,
@@ -5012,12 +5075,12 @@ function Ki({ open: t, onClose: a }) {
             i.key
           ))
         ] }),
-        /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(E, { onClick: () => a(), children: "Cancel" }) })
+        /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(E, { onClick: () => a(), children: "Cancel" }) })
       ]
     }
   );
 }
-function Yi({
+function Wi({
   collection: t,
   parentCollection: a,
   configController: r,
@@ -5025,18 +5088,18 @@ function Yi({
   getUser: s,
   parentPathSegments: o
 }) {
-  const { entityViews: l } = Ae(), [d, m] = R.useState(), [u, c] = R.useState(!1), [p, g] = R.useState(), [f, y] = R.useState(), {
+  const { entityViews: l } = Ae(), [d, m] = D.useState(), [u, c] = D.useState(!1), [p, g] = D.useState(), [f, y] = D.useState(), {
     values: k,
     setFieldValue: _
-  } = L(), O = t.subcollections ?? [], h = k.entityViews?.filter((v) => typeof v == "string").map((v) => Ia(v, l)).filter(Boolean) ?? [], w = t.entityViews?.filter((v) => typeof v != "string") ?? [], b = h.length + w.length;
+  } = K(), O = t.subcollections ?? [], h = k.entityViews?.filter((v) => typeof v == "string").map((v) => Ia(v, l)).filter(Boolean) ?? [], w = t.entityViews?.filter((v) => typeof v != "string") ?? [], b = h.length + w.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
-    /* @__PURE__ */ e(pt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
+    /* @__PURE__ */ e(ut, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ n("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ n(P, { variant: "h5", children: [
           "Subcollections of ",
           k.name
         ] }),
-        O && O.length > 0 && /* @__PURE__ */ e(Ne, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Vt, { children: /* @__PURE__ */ e(jt, { children: O.map((v) => /* @__PURE__ */ n(
+        O && O.length > 0 && /* @__PURE__ */ e(Se, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(Vt, { children: O.map((v) => /* @__PURE__ */ n(
           bt,
           {
             onClick: () => y({
@@ -5045,25 +5108,25 @@ function Yi({
             }),
             children: [
               /* @__PURE__ */ e(
-                $e,
+                Ke,
                 {
                   align: "left",
                   children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
                 }
               ),
               /* @__PURE__ */ e(
-                $e,
+                Ke,
                 {
                   align: "right",
-                  children: /* @__PURE__ */ e(ie, { title: "Remove", children: /* @__PURE__ */ e(
-                    ue,
+                  children: /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
+                    re,
                     {
                       size: "small",
                       onClick: (T) => {
                         T.preventDefault(), T.stopPropagation(), m(v.path);
                       },
                       color: "inherit",
-                      children: /* @__PURE__ */ e(lt, { size: "small" })
+                      children: /* @__PURE__ */ e(dt, { size: "small" })
                     }
                   ) })
                 }
@@ -5081,42 +5144,42 @@ function Yi({
               });
             },
             variant: "outlined",
-            startIcon: /* @__PURE__ */ e(Se, {}),
+            startIcon: /* @__PURE__ */ e(qe, {}),
             children: "Add subcollection"
           }
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(P, { variant: "h5", children: "Custom views" }),
-        b > 0 && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Ne, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Vt, { children: /* @__PURE__ */ n(jt, { children: [
+        b > 0 && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Se, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ n(Vt, { children: [
           h.map((v) => /* @__PURE__ */ n(bt, { children: [
             /* @__PURE__ */ e(
-              $e,
+              Ke,
               {
                 align: "left",
                 children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
               }
             ),
             /* @__PURE__ */ e(
-              $e,
+              Ke,
               {
                 align: "right",
-                children: /* @__PURE__ */ e(ie, { title: "Remove", children: /* @__PURE__ */ e(
-                  ue,
+                children: /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
+                  re,
                   {
                     size: "small",
                     onClick: (T) => {
                       T.preventDefault(), T.stopPropagation(), g(v.key);
                     },
                     color: "inherit",
-                    children: /* @__PURE__ */ e(lt, { size: "small" })
+                    children: /* @__PURE__ */ e(dt, { size: "small" })
                   }
                 ) })
               }
             )
           ] }, v.key)),
           w.map((v) => /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ n(
-            $e,
+            Ke,
             {
               align: "left",
               children: [
@@ -5129,7 +5192,7 @@ function Yi({
             }
           ) }, v.key))
         ] }) }) }) }),
-        b === 0 && /* @__PURE__ */ e(ea, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
+        b === 0 && /* @__PURE__ */ e(Xt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
         /* @__PURE__ */ e(
           E,
           {
@@ -5137,14 +5200,14 @@ function Yi({
               c(!0);
             },
             variant: "outlined",
-            startIcon: /* @__PURE__ */ e(Se, {}),
+            startIcon: /* @__PURE__ */ e(qe, {}),
             children: "Add custom entity view"
           }
         )
       ] })
     ] }) }),
     d && /* @__PURE__ */ e(
-      ct,
+      pt,
       {
         open: !!d,
         onAccept: () => {
@@ -5163,7 +5226,7 @@ function Yi({
       }
     ),
     p && /* @__PURE__ */ e(
-      ct,
+      pt,
       {
         open: !!p,
         onAccept: () => {
@@ -5179,7 +5242,7 @@ function Yi({
       }
     ),
     /* @__PURE__ */ e(
-      pa,
+      da,
       {
         open: !!f,
         configController: r,
@@ -5195,7 +5258,7 @@ function Yi({
       }
     ),
     /* @__PURE__ */ e(
-      Ki,
+      Qi,
       {
         open: u,
         onClose: (v) => {
@@ -5205,7 +5268,7 @@ function Yi({
     )
   ] });
 }
-const Dt = Ot({
+const Mt = {
   path: "products",
   name: "Products",
   singularName: "Product",
@@ -5290,7 +5353,7 @@ const Dt = Ot({
       autoValue: "on_create"
     }
   }
-}), Rt = Ot({
+}, Dt = {
   path: "blog",
   name: "Blog",
   singularName: "Blog entry",
@@ -5299,12 +5362,12 @@ const Dt = Ot({
   description: "A collection of blog entries",
   defaultSize: "l",
   properties: {
-    name: Y({
+    name: {
       name: "Name",
       validation: { required: !0 },
       dataType: "string"
-    }),
-    header_image: Y({
+    },
+    header_image: {
       name: "Header image",
       dataType: "string",
       storage: {
@@ -5314,8 +5377,8 @@ const Dt = Ot({
           cacheControl: "max-age=1000000"
         }
       }
-    }),
-    content: Y({
+    },
+    content: {
       name: "Content",
       description: "Content blocks for the blog entry",
       validation: { required: !0 },
@@ -5361,7 +5424,7 @@ const Dt = Ot({
         },
         propertiesOrder: ["text", "quote", "images", "products"]
       }
-    }),
+    },
     created_on: {
       name: "Created on",
       dataType: "date",
@@ -5402,7 +5465,7 @@ const Dt = Ot({
   initialFilter: {
     status: ["==", "published"]
   }
-}), Ut = Ot({
+}, Rt = {
   path: "users",
   name: "Users",
   singularName: "User",
@@ -5433,16 +5496,16 @@ const Dt = Ot({
       url: "image"
     }
   }
-});
-function Hi({
+};
+function Zi({
   path: t,
   pathSuggestions: a,
   parentCollection: r,
   onContinue: i,
   collections: s
 }) {
-  const [o, l] = H(!1), [d, m] = H();
-  me(() => {
+  const [o, l] = L(!1), [d, m] = L();
+  de(() => {
     a && s && (l(!0), a(t).then((h) => {
       const w = h.filter((b) => !s.find((v) => v.path.trim().toLowerCase() === b.trim().toLowerCase()));
       m(w);
@@ -5458,8 +5521,8 @@ function Hi({
     setFieldTouched: k,
     isSubmitting: _,
     submitCount: O
-  } = L();
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(pt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  } = K();
+  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(ut, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -5467,7 +5530,7 @@ function Hi({
         children: /* @__PURE__ */ e(P, { variant: "h4", className: "flex-grow", children: "New collection" })
       }
     ),
-    r && /* @__PURE__ */ e(st, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(P, { variant: "caption", children: [
+    r && /* @__PURE__ */ e(ct, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(P, { variant: "caption", children: [
       "This is a subcollection of ",
       /* @__PURE__ */ e("b", { children: r.name })
     ] }) }),
@@ -5481,13 +5544,13 @@ function Hi({
         }
       ),
       /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        o && !d && /* @__PURE__ */ e(He, { size: "small" }),
+        o && !d && /* @__PURE__ */ e(Je, { size: "small" }),
         d?.map((h, w) => /* @__PURE__ */ e(
-          st,
+          ct,
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              c("name", Pt(h)), c("path", h), c("properties", void 0), i();
+              c("name", Ot(h)), c("path", h), c("properties", void 0), i();
             },
             size: "small",
             children: h
@@ -5512,9 +5575,9 @@ function Hi({
           {
             title: "Products",
             subtitle: "A collection of products with images, prices and stock",
-            icon: /* @__PURE__ */ e(ot, { size: "small", iconKey: Dt.icon }),
+            icon: /* @__PURE__ */ e(st, { size: "small", iconKey: Mt.icon }),
             onClick: () => {
-              p(Dt), i();
+              p(Mt), i();
             }
           }
         ),
@@ -5523,9 +5586,9 @@ function Hi({
           {
             title: "Blog posts",
             subtitle: "A collection of blog posts with images, authors and complex content",
-            icon: /* @__PURE__ */ e(ot, { size: "small", iconKey: Rt.icon }),
+            icon: /* @__PURE__ */ e(st, { size: "small", iconKey: Dt.icon }),
             onClick: () => {
-              p(Rt), i();
+              p(Dt), i();
             }
           }
         ),
@@ -5534,9 +5597,9 @@ function Hi({
           {
             title: "Users",
             subtitle: "A collection of users with emails, names and roles",
-            icon: /* @__PURE__ */ e(ot, { size: "small", iconKey: Ut.icon }),
+            icon: /* @__PURE__ */ e(st, { size: "small", iconKey: Rt.icon }),
             onClick: () => {
-              p(Ut), i();
+              p(Rt), i();
             }
           }
         )
@@ -5552,7 +5615,7 @@ function Hi({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ri, { onDataAdded: (h) => i(h) })
+      /* @__PURE__ */ e(si, { onDataAdded: (h) => i(h) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -5563,11 +5626,11 @@ function wt({
   icon: r,
   onClick: i
 }) {
-  return /* @__PURE__ */ e(ie, { title: a, children: /* @__PURE__ */ n(
-    aa,
+  return /* @__PURE__ */ e(ae, { title: a, children: /* @__PURE__ */ n(
+    ta,
     {
       onClick: i,
-      className: ke(
+      className: xe(
         "my-2 rounded-md border mx-0 p-6 px-4 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center",
         "text-gray-700 dark:text-gray-300",
         "hover:border-blue-600 hover:text-blue-600 dark:hover:text-blue-400 focus:ring-blue-400 hover:ring-1 hover:ring-primary",
@@ -5588,7 +5651,7 @@ function wt({
     }
   ) });
 }
-const Gi = [
+const Xi = [
   "text_field",
   "multiline",
   "markdown",
@@ -5609,10 +5672,10 @@ const Gi = [
   "date_time",
   "repeat",
   "block"
-], Qi = Object.entries(kt).filter(
-  ([t]) => Gi.includes(t)
+], er = Object.entries(kt).filter(
+  ([t]) => Xi.includes(t)
 );
-function Zi({
+function tr({
   importConfig: t,
   customFields: a,
   collectionEditable: r
@@ -5621,18 +5684,18 @@ function Zi({
     setFieldValue: i,
     setFieldTouched: s,
     values: o
-  } = L(), [l, d] = H(void 0), m = R.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), u = l ? l.id : void 0, c = l || void 0, p = ({
+  } = K(), [l, d] = L(void 0), m = D.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), u = l ? l.id : void 0, c = l || void 0, p = ({
     id: f,
     property: y,
     previousId: k,
     namespace: _
   }) => {
-    const O = f ? le(f, _) : void 0, h = O ? _e(O) : void 0, w = (v) => v ? m.current[v] ?? N(o, Pe(v)) : m.current[""], b = (v, T) => {
-      const I = Pe(T);
-      i(I, v, !1), m.current[T ?? ""] = v;
+    const O = f ? ne(f, _) : void 0, h = O ? ke(O) : void 0, w = (v) => v ? m.current[v] ?? N(o, Ne(v)) : m.current[""], b = (v, T) => {
+      const F = Ne(T);
+      i(F, v, !1), m.current[T ?? ""] = v;
     };
     if (k && k !== f) {
-      const v = le(k, _), T = _e(v), A = w(_).map((x) => x === k ? f : x).filter((x) => x !== void 0);
+      const v = ne(k, _), T = ke(v), A = w(_).map((x) => x === k ? f : x).filter((x) => x !== void 0);
       b(A, _);
       const S = { ...t.headersMapping };
       Object.keys(S).forEach((x) => {
@@ -5646,8 +5709,8 @@ function Zi({
     property: k,
     namespace: _
   }) => {
-    const O = f ? le(f, _) : void 0, h = O ? _e(O) : void 0, w = t.importData.map((v) => N(v, y)), b = {
-      ...Xa(w, k, ra),
+    const O = f ? ne(f, _) : void 0, h = O ? ke(O) : void 0, w = t.importData.map((v) => N(v, y)), b = {
+      ...ai(w, k, ia),
       editable: !0
     };
     h && (b ? (console.log("updating inferredNewProperty", {
@@ -5656,10 +5719,10 @@ function Zi({
     }), i(h, b, !1)) : i(h, k, !1), s(h, !0, !1));
   };
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ n(pt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+    /* @__PURE__ */ n(ut, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(P, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        oi,
+        li,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
@@ -5671,7 +5734,7 @@ function Zi({
             propertyKey: y,
             importKey: k
           }) => /* @__PURE__ */ e(
-            ni,
+            ci,
             {
               property: f,
               propertyKey: y,
@@ -5684,7 +5747,7 @@ function Zi({
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Ji,
+                ar,
                 {
                   property: f,
                   disabled: !1,
@@ -5702,7 +5765,7 @@ function Zi({
       )
     ] }),
     /* @__PURE__ */ e(
-      Ie,
+      Fe,
       {
         open: l !== void 0,
         propertyKey: u,
@@ -5726,21 +5789,21 @@ function Zi({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Ji({
+function ar({
   property: t,
   onPropertyChanged: a,
   propertyKey: r,
   customFields: i,
   disabled: s
 }) {
-  const { fields: o } = Ae(), l = t ? Xt(t) : null, d = t ? Je(t, o) : null, [m, u] = H(!1);
+  const { fields: o } = Ae(), l = t ? Zt(t) : null, d = t ? We(t, o) : null, [m, u] = L(!1);
   return /* @__PURE__ */ e(
-    ie,
+    ae,
     {
       title: t && d ? `${d?.name} - ${t.dataType}` : void 0,
       open: m ? !1 : void 0,
       children: /* @__PURE__ */ e(
-        Fe,
+        je,
         {
           open: m,
           onOpenChange: u,
@@ -5751,9 +5814,9 @@ function Ji({
           value: l ?? "",
           placeholder: "Select a property widget",
           position: "item-aligned",
-          renderValue: (c) => d ? /* @__PURE__ */ e(We, { propertyConfig: d }) : null,
+          renderValue: (c) => d ? /* @__PURE__ */ e(Ze, { propertyConfig: d }) : null,
           onValueChange: (c) => {
-            const p = sa(t, c, i);
+            const p = na(t, c, i);
             r && (a({
               id: r,
               property: p,
@@ -5761,8 +5824,8 @@ function Ji({
               namespace: void 0
             }), console.log("newSelectedWidgetId", c));
           },
-          children: Qi.map(([c, p]) => /* @__PURE__ */ e(
-            la,
+          children: er.map(([c, p]) => /* @__PURE__ */ e(
+            sa,
             {
               value: c,
               optionDisabled: !1,
@@ -5776,9 +5839,9 @@ function Ji({
     }
   );
 }
-function Wi({ importConfig: t, properties: a, propertiesOrder: r }) {
-  me(() => {
-    const s = si(t.originProperties, a), o = t.importData.map((l) => li(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
+function ir({ importConfig: t, properties: a, propertiesOrder: r }) {
+  de(() => {
+    const s = di(t.originProperties, a), o = t.importData.map((l) => pi(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
     t.setEntities(o), console.log("res", { propertiesMapping: s, mappedData: o });
   }, []);
   const i = Ea();
@@ -5803,11 +5866,11 @@ function Wi({ importConfig: t, properties: a, propertiesOrder: r }) {
     }
   );
 }
-function da(t, a = "") {
+function ca(t, a = "") {
   const r = Object.keys(t).reduce((o, l) => {
     const d = t[l], m = Ma(l), u = a ? `${a}.${m}` : m;
     if (d.dataType === "map" && d.properties) {
-      const g = da(d.properties, u);
+      const g = ca(d.properties, u);
       return {
         headersMapping: { ...o.headersMapping, [l]: u },
         properties: {
@@ -5835,14 +5898,14 @@ function da(t, a = "") {
     idColumn: s
   };
 }
-function pa(t) {
-  const a = t.open, [r, i] = we.useState(!1), [s, o] = we.useState(!1), l = Z(() => {
+function da(t) {
+  const a = t.open, [r, i] = _e.useState(!1), [s, o] = _e.useState(!1), l = J(() => {
     r ? o(!0) : t.handleClose(void 0);
   }, [r, t.handleClose]);
-  return me(() => {
+  return de(() => {
     a || (i(!1), o(!1));
   }, [a]), /* @__PURE__ */ n(
-    De,
+    Ie,
     {
       open: a,
       fullWidth: !0,
@@ -5852,7 +5915,7 @@ function pa(t) {
       onOpenChange: (d) => d ? void 0 : l(),
       children: [
         a && /* @__PURE__ */ e(
-          Xi,
+          rr,
           {
             ...t,
             handleCancel: l,
@@ -5860,7 +5923,7 @@ function pa(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Li,
+          Ji,
           {
             open: s,
             handleOk: () => t.handleClose(void 0),
@@ -5872,7 +5935,7 @@ function pa(t) {
     }
   );
 }
-function Xi({
+function rr({
   isNewCollection: t,
   initialValues: a,
   configController: r,
@@ -5890,34 +5953,34 @@ function Xi({
   parentCollection: y,
   getData: k
 }) {
-  const { fields: _ } = Ae(), O = Re(), {
+  const { fields: _ } = Ae(), O = Ue(), {
     topLevelNavigation: h,
     collections: w
-  } = O, b = !a?.path && (s ?? []).length === 0, v = (y ? y.subcollections : w) ?? [], T = v.map((z) => z.path.trim().toLowerCase()), I = v.map((z) => z.alias?.trim().toLowerCase()).filter(Boolean), A = ci();
+  } = O, b = !a?.path && (s ?? []).length === 0, v = (y ? y.subcollections : w) ?? [], T = v.map((z) => z.path.trim().toLowerCase()), F = v.map((z) => z.alias?.trim().toLowerCase()).filter(Boolean), A = mi();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: S
-  } = h, x = Ze(), C = Ue(), j = Le({}), W = t ? b ? "welcome" : "details" : "properties", [q, U] = H(W), [re, xe] = we.useState(), [ge, M] = we.useState(), [J, ae] = we.useState(!1), [oe, pe] = we.useState();
-  me(() => {
+  } = h, x = Qe(), C = $e(), j = Ye({}), Z = t ? b ? "welcome" : "details" : "properties", [q, M] = L(Z), [he, Ce] = _e.useState(), [ie, R] = _e.useState(), [Q, ee] = _e.useState(!1), [pe, me] = _e.useState();
+  de(() => {
     try {
-      O.initialised && (M(i ? O.getCollectionFromPaths([...s ?? [], i]) : void 0), ae(!0));
+      O.initialised && (R(i ? O.getCollectionFromPaths([...s ?? [], i]) : void 0), ee(!0));
     } catch (z) {
-      console.error(z), pe(oe);
+      console.error(z), me(pe);
     }
-  }, [O.getCollectionFromPaths, i, oe, O.initialised]);
-  const qe = (z) => {
-    const K = z.alias || z.path;
+  }, [O.getCollectionFromPaths, i, pe, O.initialised]);
+  const ge = (z) => {
+    const Y = z.alias || z.path;
     return r.saveCollection({
-      path: K,
+      path: Y,
       collectionData: z,
       previousPath: i,
       parentPathSegments: s
-    }).then(() => (xe(void 0), !0)).catch((D) => (xe(D), console.error(D), x.open({
+    }).then(() => (Ce(void 0), !0)).catch((U) => (Ce(U), console.error(U), x.open({
       type: "error",
-      message: "Error persisting collection: " + (D.message ?? "Details in the console")
+      message: "Error persisting collection: " + (U.message ?? "Details in the console")
     }), !1));
-  }, Ce = ge ?? {
+  }, fe = ie ?? {
     path: a?.path ?? "",
     name: a?.name ?? "",
     group: a?.group ?? "",
@@ -5925,36 +5988,36 @@ function Xi({
     propertiesOrder: [],
     icon: _t[Math.floor(Math.random() * _t.length)],
     ownerId: C.user?.uid ?? ""
-  }, X = Z(() => {
-    q === "details" ? A.inUse ? U("import_data_saving") : U(u ? "extra_view" : "properties") : U(q === "welcome" ? "details" : q === "import_data_mapping" ? "import_data_preview" : q === "import_data_preview" ? "details" : q === "extra_view" ? "properties" : "details");
-  }, [q, A.inUse, u]), be = Z((z) => {
+  }, X = J(() => {
+    q === "details" ? A.inUse ? M("import_data_saving") : M(u ? "extra_view" : "properties") : M(q === "welcome" ? "details" : q === "import_data_mapping" ? "import_data_preview" : q === "import_data_preview" ? "details" : q === "extra_view" ? "properties" : "details");
+  }, [q, A.inUse, u]), Oe = J((z) => {
     if (l)
       return l?.(z.path, z.collectionGroup ?? !1, s ?? []);
-  }, [l, s]), ht = Z(async (z) => {
-    if (!be)
-      return M(z), Promise.resolve(z);
-    U("loading");
-    const K = await be?.(z);
-    if (!K)
-      return M(z), Promise.resolve(z);
-    const D = {
+  }, [l, s]), Xe = J(async (z) => {
+    if (!Oe)
+      return R(z), Promise.resolve(z);
+    M("loading");
+    const Y = await Oe?.(z);
+    if (!Y)
+      return R(z), Promise.resolve(z);
+    const U = {
       ...z ?? {}
     };
-    return Object.keys(K.properties ?? {}).length > 0 && (D.properties = K.properties, D.propertiesOrder = K.propertiesOrder), D.propertiesOrder ? (M(D), console.log("Inferred collection", {
+    return Object.keys(Y.properties ?? {}).length > 0 && (U.properties = Y.properties, U.propertiesOrder = Y.propertiesOrder), U.propertiesOrder ? (R(U), console.log("Inferred collection", {
       newCollection: z ?? {},
-      values: D
-    }), D) : (D.propertiesOrder = Object.keys(D.properties), D);
-  }, [s, be]), Xe = (z, K) => {
+      values: U
+    }), U) : (U.propertiesOrder = Object.keys(U.properties), U);
+  }, [s, Oe]), et = (z, Y) => {
     try {
       if (console.log("Submitting collection", z), !t) {
-        qe(z).then(() => {
-          K.resetForm({ values: Ce }), d(z);
+        ge(z).then(() => {
+          Y.resetForm({ values: fe }), d(z);
         });
         return;
       }
-      q === "welcome" ? (X(), K.resetForm({ values: z })) : q === "details" ? u || A.inUse ? (K.resetForm({ values: z }), X()) : t ? ht(z).then((D) => {
-        K.resetForm({
-          values: D ?? z,
+      q === "welcome" ? (X(), Y.resetForm({ values: z })) : q === "details" ? u || A.inUse ? (Y.resetForm({ values: z }), X()) : t ? Xe(z).then((U) => {
+        Y.resetForm({
+          values: U ?? z,
           touched: {
             path: !0,
             name: !0
@@ -5962,57 +6025,57 @@ function Xi({
         });
       }).finally(() => {
         X();
-      }) : (K.resetForm({ values: z }), X()) : q === "extra_view" ? (X(), K.resetForm({ values: z })) : q === "import_data_mapping" || q === "import_data_preview" ? X() : q === "properties" ? qe(z).then(() => {
-        K.resetForm({ values: Ce }), X(), d(z);
-      }) : (X(), K.resetForm({ values: z }));
-    } catch (D) {
+      }) : (Y.resetForm({ values: z }), X()) : q === "extra_view" ? (X(), Y.resetForm({ values: z })) : q === "import_data_mapping" || q === "import_data_preview" ? X() : q === "properties" ? ge(z).then(() => {
+        Y.resetForm({ values: fe }), X(), d(z);
+      }) : (X(), Y.resetForm({ values: z }));
+    } catch (U) {
       x.open({
         type: "error",
-        message: "Error persisting collection: " + (D.message ?? "Details in the console")
-      }), console.error(D), K.resetForm({ values: z });
+        message: "Error persisting collection: " + (U.message ?? "Details in the console")
+      }), console.error(U), Y.resetForm({ values: z });
     }
   };
-  return !t && (!O.initialised || !J) ? /* @__PURE__ */ e(Ft, {}) : /* @__PURE__ */ e(Ge, { fullHeight: !0, children: /* @__PURE__ */ e(
-    Nt,
+  return !t && (!O.initialised || !Q) ? /* @__PURE__ */ e(jt, {}) : /* @__PURE__ */ e(De, { fullHeight: !0, children: /* @__PURE__ */ e(
+    Pt,
     {
-      initialValues: Ce,
-      validationSchema: (q === "properties" || q === "subcollections" || q === "details") && mi,
+      initialValues: fe,
+      validationSchema: (q === "properties" || q === "subcollections" || q === "details") && gi,
       validate: () => {
         if (q === "properties")
           return j.current;
       },
-      onSubmit: Xe,
+      onSubmit: et,
       children: ({
         values: z,
-        setFieldValue: K,
-        isSubmitting: D,
-        dirty: et,
-        submitCount: V
+        setFieldValue: Y,
+        isSubmitting: U,
+        dirty: Le,
+        submitCount: tt
       }) => {
-        const F = z.path ?? i, G = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + F : F, ne = O.resolveAliasesFrom(G), se = ne && k ? () => k(ne) : void 0;
-        me(() => {
-          p(et);
-        }, [et]);
-        function ye(ee) {
-          A.setInUse(!0), ei(ee, ra).then((Te) => {
-            const Ve = da(Te);
-            K("properties", Ve.properties), K("propertiesOrder", Object.keys(Ve.properties)), A.setIdColumn(Ve.idColumn), A.setImportData(ee), A.setHeadersMapping(Ve.headersMapping), A.setOriginProperties(Ve.properties);
+        const Te = z.path ?? i, V = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + Te : Te, I = O.resolveAliasesFrom(V), H = I && k ? () => k(I) : void 0;
+        de(() => {
+          p(Le);
+        }, [Le]);
+        function ce(W) {
+          A.setInUse(!0), ii(W, ia).then((ft) => {
+            const ve = ca(ft);
+            Y("properties", ve.properties), Y("propertiesOrder", Object.keys(ve.properties)), A.setIdColumn(ve.idColumn), A.setImportData(W), A.setHeadersMapping(ve.headersMapping), A.setOriginProperties(ve.properties);
           });
         }
-        const gt = !!z.name && !!z.path, tt = () => {
-          const ee = { ...z.properties };
-          A.idColumn && delete ee[A.idColumn], K("properties", ee), X(), console.log("onImportMappingComplete", {
+        const oe = !!z.name && !!z.path, ye = () => {
+          const W = { ...z.properties };
+          A.idColumn && delete W[A.idColumn], Y("properties", W), X(), console.log("onImportMappingComplete", {
             importConfig: A,
-            properties: ee
+            properties: W
           });
-        }, ft = ge?.editable || t;
+        }, at = ie?.editable || t;
         return /* @__PURE__ */ n(B, { children: [
           !t && /* @__PURE__ */ n(
             Da,
             {
               value: q,
-              className: ke(Ct, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (ee) => U(ee),
+              className: xe(Ct, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+              onValueChange: (W) => M(W),
               children: [
                 /* @__PURE__ */ e(yt, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(yt, { value: "properties", children: "Properties" }),
@@ -6021,22 +6084,22 @@ function Xi({
             }
           ),
           /* @__PURE__ */ n(
-            Za,
+            Qa,
             {
               noValidate: !0,
-              className: ke(
+              className: xe(
                 t ? "h-full" : "h-[calc(100%-48px)]",
                 "flex-grow flex flex-col relative"
               ),
               children: [
-                q === "loading" && /* @__PURE__ */ e(Ft, {}),
-                q === "extra_view" && F && u?.View && /* @__PURE__ */ e(u.View, { path: F }),
+                q === "loading" && /* @__PURE__ */ e(jt, {}),
+                q === "extra_view" && Te && u?.View && /* @__PURE__ */ e(u.View, { path: Te }),
                 q === "welcome" && /* @__PURE__ */ e(
-                  Hi,
+                  Zi,
                   {
-                    path: F,
-                    onContinue: (ee) => {
-                      ee ? (ye(ee), U("import_data_mapping")) : U("details");
+                    path: Te,
+                    onContinue: (W) => {
+                      W ? (ce(W), M("import_data_mapping")) : M("details");
                     },
                     collections: w,
                     parentCollection: y,
@@ -6044,15 +6107,15 @@ function Xi({
                   }
                 ),
                 q === "import_data_mapping" && A && /* @__PURE__ */ e(
-                  Zi,
+                  tr,
                   {
                     importConfig: A,
-                    collectionEditable: ft,
+                    collectionEditable: at,
                     customFields: _
                   }
                 ),
                 q === "import_data_preview" && A && /* @__PURE__ */ e(
-                  Wi,
+                  ir,
                   {
                     importConfig: A,
                     properties: z.properties,
@@ -6060,12 +6123,12 @@ function Xi({
                   }
                 ),
                 q === "import_data_saving" && A && /* @__PURE__ */ e(
-                  di,
+                  ui,
                   {
                     importConfig: A,
                     collection: z,
-                    onImportSuccess: (ee) => {
-                      d(ee), x.open({
+                    onImportSuccess: (W) => {
+                      d(W), x.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -6073,67 +6136,67 @@ function Xi({
                   }
                 ),
                 q === "details" && /* @__PURE__ */ e(
-                  gi,
+                  yi,
                   {
                     existingPaths: T,
-                    existingAliases: I,
+                    existingAliases: F,
                     groups: S,
                     parentCollection: y,
                     isNewCollection: t
                   }
                 ),
-                q === "subcollections" && ge && /* @__PURE__ */ e(
-                  Yi,
+                q === "subcollections" && ie && /* @__PURE__ */ e(
+                  Wi,
                   {
                     parentCollection: y,
                     configController: r,
                     getUser: f,
                     collectionInference: l,
                     parentPathSegments: s,
-                    collection: ge
+                    collection: ie
                   }
                 ),
                 q === "properties" && /* @__PURE__ */ e(
-                  $i,
+                  Gi,
                   {
-                    showErrors: V > 0,
+                    showErrors: tt > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (ee, Te, Ve) => {
+                    onPropertyError: (W, ft, ve) => {
                       j.current = Ra({
                         ...j.current,
-                        [ee]: Ve
+                        [W]: ve
                       }, !0);
                     },
                     getUser: f,
-                    getData: se,
-                    doCollectionInference: be,
+                    getData: H,
+                    doCollectionInference: Oe,
                     customFields: _,
-                    collectionEditable: ft,
+                    collectionEditable: at,
                     extraIcon: u?.icon && /* @__PURE__ */ e(
-                      ue,
+                      re,
                       {
                         color: "primary",
-                        onClick: () => U("extra_view"),
+                        onClick: () => M("extra_view"),
                         children: u.icon
                       }
                     )
                   }
                 ),
                 q !== "welcome" && /* @__PURE__ */ n(
-                  Qe,
+                  Re,
                   {
                     position: "absolute",
                     children: [
-                      re && /* @__PURE__ */ e(ia, { error: re }),
+                      he && /* @__PURE__ */ e(aa, { error: he }),
                       t && b && q === "import_data_mapping" && /* @__PURE__ */ n(
                         E,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => (A.setInUse(!1), U("welcome")),
+                          onClick: () => (A.setInUse(!1), M("welcome")),
                           children: [
-                            /* @__PURE__ */ e(at, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6144,10 +6207,10 @@ function Xi({
                           variant: "text",
                           type: "button",
                           onClick: () => {
-                            qe(z), U("import_data_mapping");
+                            ge(z), M("import_data_mapping");
                           },
                           children: [
-                            /* @__PURE__ */ e(at, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6157,9 +6220,9 @@ function Xi({
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => U("welcome"),
+                          onClick: () => M("welcome"),
                           children: [
-                            /* @__PURE__ */ e(at, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6169,9 +6232,9 @@ function Xi({
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => U("details"),
+                          onClick: () => M("details"),
                           children: [
-                            /* @__PURE__ */ e(at, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6191,7 +6254,7 @@ function Xi({
                         {
                           variant: "filled",
                           color: "primary",
-                          onClick: tt,
+                          onClick: ye,
                           children: "Next"
                         }
                       ),
@@ -6207,13 +6270,13 @@ function Xi({
                         }
                       ),
                       t && (q === "details" || q === "properties") && /* @__PURE__ */ n(
-                        It,
+                        Ft,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
-                          loading: D,
-                          disabled: D || q === "details" && !gt,
+                          loading: U,
+                          disabled: U || q === "details" && !oe,
                           startIcon: q === "properties" ? /* @__PURE__ */ e(Ua, {}) : void 0,
                           children: [
                             q === "details" && "Next",
@@ -6222,12 +6285,12 @@ function Xi({
                         }
                       ),
                       !t && /* @__PURE__ */ e(
-                        It,
+                        Ft,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
-                          loading: D,
+                          loading: U,
                           children: "Update collection"
                         }
                       )
@@ -6242,7 +6305,7 @@ function Xi({
     }
   ) });
 }
-const ma = R.createContext({}), ua = R.createContext({}), er = R.memo(
+const pa = D.createContext({}), ma = D.createContext({}), or = D.memo(
   function({
     children: a,
     collectionConfigController: r,
@@ -6254,69 +6317,69 @@ const ma = R.createContext({}), ua = R.createContext({}), er = R.memo(
     getUser: m,
     getData: u
   }) {
-    const c = Re(), p = pi(), g = Ze(), { fields: f } = Ae(), {
+    const c = Ue(), p = hi(), g = Qe(), { fields: f } = Ae(), {
       collections: y
-    } = c, k = y.map((C) => C.path.trim().toLowerCase()), [_, O] = R.useState();
-    me(() => {
+    } = c, k = y.map((C) => C.path.trim().toLowerCase()), [_, O] = D.useState();
+    de(() => {
       d && d().then((C) => {
         O(C.filter((j) => !k.includes(j.trim().toLowerCase())));
       });
     }, [d]);
-    const [h, w] = R.useState(), [b, v] = R.useState(), T = Z(() => ({
+    const [h, w] = D.useState(), [b, v] = D.useState(), T = J(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), I = Z(({
+    }), []), F = J(({
       path: C,
       fullPath: j,
-      parentPathSegments: W,
+      parentPathSegments: Z,
       parentCollection: q
     }) => {
       w({
         editedCollectionPath: C,
         fullPath: j,
-        parentPathSegments: W,
+        parentPathSegments: Z,
         isNewCollection: !1,
         parentCollection: q,
         redirect: !1
       });
-    }, []), A = Z(({
+    }, []), A = J(({
       propertyKey: C,
       property: j,
-      editedCollectionPath: W,
+      editedCollectionPath: Z,
       currentPropertiesOrder: q,
-      parentPathSegments: U,
-      collection: re
+      parentPathSegments: M,
+      collection: he
     }) => {
-      const xe = C && C.includes(".") ? C.substring(0, C.lastIndexOf(".")) : void 0, ge = C && C.includes(".") ? C.substring(C.lastIndexOf(".") + 1) : C;
-      console.log("edit property", ge, re), v({
-        propertyKey: ge,
+      const Ce = C && C.includes(".") ? C.substring(0, C.lastIndexOf(".")) : void 0, ie = C && C.includes(".") ? C.substring(C.lastIndexOf(".") + 1) : C;
+      console.log("edit property", ie, he), v({
+        propertyKey: ie,
         property: j,
-        namespace: xe,
+        namespace: Ce,
         currentPropertiesOrder: q,
-        editedCollectionPath: W,
-        parentPathSegments: U,
-        collectionEditable: re?.editable ?? !1
+        editedCollectionPath: Z,
+        parentPathSegments: M,
+        collectionEditable: he?.editable ?? !1
       });
-    }, []), S = R.useCallback(({
+    }, []), S = D.useCallback(({
       parentPathSegments: C,
       parentCollection: j,
-      initialValues: W,
+      initialValues: Z,
       redirect: q
     }) => {
       w({
         isNewCollection: !0,
         parentPathSegments: C,
         parentCollection: j,
-        initialValues: W,
+        initialValues: Z,
         redirect: q
       });
     }, []), x = d ? (C) => !C && _ ? Promise.resolve(_) : d?.(C) : void 0;
-    return /* @__PURE__ */ e(ma.Provider, { value: r, children: /* @__PURE__ */ n(
-      ua.Provider,
+    return /* @__PURE__ */ e(pa.Provider, { value: r, children: /* @__PURE__ */ n(
+      ma.Provider,
       {
         value: {
-          editCollection: I,
+          editCollection: F,
           createCollection: S,
           editProperty: A,
           configPermissions: i ?? T,
@@ -6325,7 +6388,7 @@ const ma = R.createContext({}), ua = R.createContext({}), er = R.memo(
         children: [
           a,
           /* @__PURE__ */ e(
-            pa,
+            da,
             {
               open: !!h,
               configController: r,
@@ -6347,7 +6410,7 @@ const ma = R.createContext({}), ua = R.createContext({}), er = R.memo(
             }
           ),
           /* @__PURE__ */ e(
-            Ie,
+            Fe,
             {
               open: !!b,
               includeIdAndName: !0,
@@ -6366,12 +6429,12 @@ const ma = R.createContext({}), ua = R.createContext({}), er = R.memo(
               }) => {
                 if (!b || !C)
                   return;
-                const W = !b.propertyKey;
+                const Z = !b.propertyKey;
                 return r.saveProperty({
                   path: b?.editedCollectionPath,
                   property: j,
                   propertyKey: C,
-                  newPropertiesOrder: W && b.currentPropertiesOrder ? [...b.currentPropertiesOrder, C] : void 0,
+                  newPropertiesOrder: Z && b.currentPropertiesOrder ? [...b.currentPropertiesOrder, C] : void 0,
                   namespace: b.namespace,
                   parentPathSegments: b.parentPathSegments
                 }).catch((q) => (console.error(q), g.open({
@@ -6418,21 +6481,21 @@ const ma = R.createContext({}), ua = R.createContext({}), er = R.memo(
       }
     ) });
   },
-  dt
-), Be = () => Kt(ua), ha = () => Kt(ma);
-function tr({
+  mt
+), Be = () => Lt(ma), ua = () => Lt(pa);
+function nr({
   path: t,
   parentPathSegments: a,
   collection: r,
   tableController: i
 }) {
-  const s = Ue(), o = Re(), l = Be(), d = ha(), m = Ze(), u = o.getCollectionFromPaths(a), c = l.configPermissions ? l.configPermissions({
+  const s = $e(), o = Ue(), l = Be(), d = ua(), m = Qe(), u = o.getCollectionFromPaths(a), c = l.configPermissions ? l.configPermissions({
     user: s.user,
     collection: r
   }).editCollections : !0;
   let p = null;
-  return (!dt(rt(i.filterValues), rt(r.initialFilter)) || !dt(rt(i.sortBy), rt(r.initialSort))) && (p = /* @__PURE__ */ e(
-    ie,
+  return (!mt(nt(i.filterValues), nt(r.initialFilter)) || !mt(nt(i.sortBy), nt(r.initialSort))) && (p = /* @__PURE__ */ e(
+    ae,
     {
       title: i.sortBy || i.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
       children: /* @__PURE__ */ e(
@@ -6464,35 +6527,35 @@ function tr({
   )), /* @__PURE__ */ n(B, { children: [
     c && p,
     /* @__PURE__ */ e(
-      ie,
+      ae,
       {
         title: c ? "Edit collection" : "You don't have permissions to edit this collection",
         children: /* @__PURE__ */ e(
-          ue,
+          re,
           {
             color: "primary",
             disabled: !c,
             onClick: c ? () => l?.editCollection({ path: r.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
-            children: /* @__PURE__ */ e(Ye, {})
+            children: /* @__PURE__ */ e(Ge, {})
           }
         )
       }
     )
   ] });
 }
-function rt(t) {
+function nt(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function ar({
+function sr({
   path: t,
   collection: a
 }) {
-  const r = Ue(), i = ha(), s = Be(), o = s.configPermissions({
+  const r = $e(), i = ua(), s = Be(), o = s.configPermissions({
     user: r.user,
     collection: a
-  }), l = Z(() => {
+  }), l = J(() => {
     s?.editCollection({ path: t, parentPathSegments: [] });
-  }, [s, t]), [d, m] = H(!1), u = Z(() => {
+  }, [s, t]), [d, m] = L(!1), u = J(() => {
     i?.deleteCollection({ path: t });
   }, [t, i]);
   return /* @__PURE__ */ n(B, { children: [
@@ -6500,27 +6563,27 @@ function ar({
       o.deleteCollections && /* @__PURE__ */ e(
         La,
         {
-          trigger: /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(Ka, { size: "small" }) }),
+          trigger: /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Ka, { size: "small" }) }),
           children: /* @__PURE__ */ n(Ya, { onClick: (c) => {
             c.preventDefault(), c.stopPropagation(), m(!0);
           }, children: [
-            /* @__PURE__ */ e(lt, {}),
+            /* @__PURE__ */ e(dt, {}),
             "Delete"
           ] })
         }
       ),
       o.editCollections && /* @__PURE__ */ e(
-        ue,
+        re,
         {
           onClick: (c) => {
             l();
           },
-          children: /* @__PURE__ */ e(Ye, { size: "small" })
+          children: /* @__PURE__ */ e(Ge, { size: "small" })
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      ct,
+      pt,
       {
         open: d,
         onAccept: u,
@@ -6535,19 +6598,19 @@ function ar({
     )
   ] });
 }
-function ir({
+function lr({
   group: t,
   context: a
 }) {
   if (!a.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const r = Ue(), i = Be(), s = i.configPermissions ? i.configPermissions({
+  const r = $e(), i = Be(), s = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
-    aa,
+    ta,
     {
-      className: ke("h-full p-4 min-h-[124px]"),
+      className: xe("h-full p-4 min-h-[124px]"),
       onClick: i && s ? () => i.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentPathSegments: [],
@@ -6558,7 +6621,7 @@ function ir({
         {
           className: "flex flex-col items-start h-full w-full items-center justify-center h-full w-full flex-grow flex-col",
           children: [
-            /* @__PURE__ */ e(Se, { color: "primary" }),
+            /* @__PURE__ */ e(qe, { color: "primary" }),
             /* @__PURE__ */ e(
               P,
               {
@@ -6575,8 +6638,8 @@ function ir({
     }
   );
 }
-function rr() {
-  const t = Ue(), a = Re(), r = Be(), i = r.configPermissions ? r.configPermissions({
+function cr() {
+  const t = $e(), a = Ue(), r = Be(), i = r.configPermissions ? r.configPermissions({
     user: t.user
   }).createCollections : !0, s = r.rootPathSuggestions ?? [], o = s.length > 3 || a.collections.length === 0 && s.length > 0;
   return /* @__PURE__ */ e(
@@ -6594,12 +6657,12 @@ function rr() {
               {
                 className: "flex flex-row gap-1 overflow-scroll no-scrollbar ",
                 children: s.map((l) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                  st,
+                  ct,
                   {
-                    icon: /* @__PURE__ */ e(Se, { size: "small" }),
+                    icon: /* @__PURE__ */ e(qe, { size: "small" }),
                     colorScheme: "cyanLighter",
                     onClick: r && i ? () => r.createCollection({
-                      initialValues: { path: l, name: Pt(l) },
+                      initialValues: { path: l, name: Ot(l) },
                       parentPathSegments: [],
                       redirect: !0
                     }) : void 0,
@@ -6615,20 +6678,20 @@ function rr() {
     }
   );
 }
-function ga(t, a) {
+function ha(t, a) {
   const r = (a ?? []).map((s) => {
     const o = t?.find((l) => l.path === s.path || l.alias && s.alias && l.alias === s.alias);
-    return o ? or(o, s) : s;
+    return o ? dr(o, s) : s;
   }), i = t.filter((s) => !r.map((o) => o.path).includes(s.path) || !r.map((o) => o.alias).includes(s.alias));
   return [...r, ...i];
 }
-function or(t, a) {
-  const r = ga(t?.subcollections ?? [], a?.subcollections ?? []), i = { ...t.properties };
+function dr(t, a) {
+  const r = ha(t?.subcollections ?? [], a?.subcollections ?? []), i = { ...t.properties };
   Object.keys(a.properties).forEach((u) => {
     const c = t.properties[u];
-    c ? i[u] = fa(c, a.properties[u]) : i[u] = a.properties[u];
+    c ? i[u] = ga(c, a.properties[u]) : i[u] = a.properties[u];
   });
-  const s = $(t, a), o = $t(t), l = $t(a), d = [.../* @__PURE__ */ new Set([...o, ...l])], m = [.../* @__PURE__ */ new Set([...t.entityViews ?? [], ...a.entityViews ?? []])];
+  const s = $(t, a), o = Ut(t), l = Ut(a), d = [.../* @__PURE__ */ new Set([...o, ...l])], m = [.../* @__PURE__ */ new Set([...t.entityViews ?? [], ...a.entityViews ?? []])];
   return {
     ...s,
     subcollections: r,
@@ -6637,8 +6700,8 @@ function or(t, a) {
     entityViews: m
   };
 }
-function fa(t, a) {
-  if (ce(a))
+function ga(t, a) {
+  if (se(a))
     return a;
   {
     const r = $(t, a), i = !!t.editable, s = !!a.editable;
@@ -6646,19 +6709,19 @@ function fa(t, a) {
       const o = "properties" in t ? t.properties : {}, l = "properties" in a ? a.properties : {}, d = "propertiesOrder" in t && t.propertiesOrder ? t.propertiesOrder : Object.keys(o), m = "propertiesOrder" in a && a.propertiesOrder ? a.propertiesOrder : "properties" in a ? Object.keys(a.properties) : [], u = [.../* @__PURE__ */ new Set([...d, ...m])], c = { ...o };
       return Object.keys(a.properties).forEach((p) => {
         const g = o[p];
-        g && (c[p] = fa(g, l[p]));
+        g && (c[p] = ga(g, l[p]));
       }), { ...r, editable: i && s, properties: c, propertiesOrder: u };
     }
     return { ...r, editable: i && s };
   }
 }
-function $t(t) {
+function Ut(t) {
   return t.propertiesOrder && t.propertiesOrder.length > 0 ? t.propertiesOrder : [
     ...Object.keys(t.properties),
     ...(t.additionalFields ?? [])?.map((a) => a.id)
   ];
 }
-function nr({
+function pr({
   propertyKey: t,
   onHover: a,
   property: r,
@@ -6667,8 +6730,8 @@ function nr({
   collection: o
 }) {
   const l = Be();
-  return /* @__PURE__ */ e(ie, { title: "Edit", children: /* @__PURE__ */ e(
-    ue,
+  return /* @__PURE__ */ e(ae, { title: "Edit", children: /* @__PURE__ */ e(
+    re,
     {
       className: a ? "bg-white dark:bg-gray-950" : "hidden",
       onClick: () => {
@@ -6681,20 +6744,20 @@ function nr({
         });
       },
       size: "small",
-      children: /* @__PURE__ */ e(Ye, { size: "small" })
+      children: /* @__PURE__ */ e(Ge, { size: "small" })
     }
   ) });
 }
-function sr({
+function mr({
   fullPath: t,
   parentPathSegments: a,
   collection: r
 }) {
-  const i = Ue(), s = Be(), o = s.configPermissions ? s.configPermissions({
+  const i = $e(), s = Be(), o = s.configPermissions ? s.configPermissions({
     user: i.user,
     collection: r
   }).editCollections : !0;
-  return /* @__PURE__ */ e(ie, { title: o ? "Add new property" : "You don't have permission to add new properties", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(ae, { title: o ? "Add new property" : "You don't have permission to add new properties", children: /* @__PURE__ */ e(
     "div",
     {
       className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-950",
@@ -6702,15 +6765,15 @@ function sr({
         s.editProperty({
           editedCollectionPath: t,
           parentPathSegments: a,
-          currentPropertiesOrder: Qa(r),
+          currentPropertiesOrder: Ja(r),
           collection: r
         });
       },
-      children: /* @__PURE__ */ e(Se, { color: "inherit" })
+      children: /* @__PURE__ */ e(qe, { color: "inherit" })
     }
   ) });
 }
-function vr({
+function Pr({
   collectionConfigController: t,
   configPermissions: a,
   reservedGroups: r,
@@ -6720,12 +6783,12 @@ function vr({
   collectionInference: l,
   getData: d
 }) {
-  const m = Z(
+  const m = J(
     (u) => {
       const c = (g) => {
-        ta(g.properties), g.subcollections?.forEach(c);
+        ea(g.properties), g.subcollections?.forEach(c);
       }, p = t.collections ?? [];
-      return p.forEach(c), console.debug("Injecting collections", { editableCollections: p, collections: u }), ga(p, u);
+      return p.forEach(c), console.debug("Injecting collections", { editableCollections: p, collections: u }), ha(p, u);
     },
     [t.collections]
   );
@@ -6734,10 +6797,10 @@ function vr({
     loading: t.loading,
     collections: {
       injectCollections: m,
-      CollectionActions: tr
+      CollectionActions: nr
     },
     provider: {
-      Component: er,
+      Component: or,
       props: {
         collectionConfigController: t,
         configPermissions: a,
@@ -6750,20 +6813,20 @@ function vr({
       }
     },
     homePage: {
-      additionalChildrenStart: /* @__PURE__ */ e(rr, {}),
-      CollectionActions: ar,
-      AdditionalCards: ir
+      additionalChildrenStart: /* @__PURE__ */ e(cr, {}),
+      CollectionActions: sr,
+      AdditionalCards: lr
     },
     collectionView: {
-      HeaderAction: nr,
-      AddColumnComponent: sr
+      HeaderAction: pr,
+      AddColumnComponent: mr
     }
   };
 }
-function wr({ path: t }) {
-  const a = cr(t), r = lr(t), i = Be();
+function Nr({ path: t }) {
+  const a = hr(t), r = ur(t), i = Be();
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
-    /* @__PURE__ */ e(ia, { error: "No collection for path: " + a }),
+    /* @__PURE__ */ e(aa, { error: "No collection for path: " + a }),
     /* @__PURE__ */ e(
       E,
       {
@@ -6772,7 +6835,7 @@ function wr({ path: t }) {
         size: "small",
         onClick: () => {
           i.createCollection({
-            initialValues: { path: a, name: Pt(a) },
+            initialValues: { path: a, name: Ot(a) },
             parentPathSegments: r,
             redirect: !1
           });
@@ -6782,24 +6845,24 @@ function wr({ path: t }) {
     )
   ] });
 }
-function lr(t) {
+function ur(t) {
   const a = t.split("/");
   return a.filter((r, i) => i % 2 === 0 && i !== a.length - 1);
 }
-function cr(t) {
+function hr(t) {
   const a = t.split("/");
   return a[a.length - 1];
 }
 export {
-  wr as MissingReferenceWidget,
-  Ke as editableProperty,
-  le as getFullId,
-  _e as idToPropertiesPath,
-  Pe as namespaceToPropertiesOrderPath,
-  fi as namespaceToPropertiesPath,
-  xi as removeNonEditableProperties,
+  Nr as MissingReferenceWidget,
+  He as editableProperty,
+  ne as getFullId,
+  ke as idToPropertiesPath,
+  Ne as namespaceToPropertiesOrderPath,
+  vi as namespaceToPropertiesPath,
+  Pi as removeNonEditableProperties,
   Be as useCollectionEditorController,
-  vr as useCollectionEditorPlugin,
-  ha as useCollectionsConfigController
+  Pr as useCollectionEditorPlugin,
+  ua as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map