@firecms/collection_editor 3.0.0-alpha.31 → 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 ve from "react";
-import R, { useState as Y, useCallback as Q, useEffect as pe, useMemo as Ut, useRef as $e, useDeferredValue as ga, useContext as $t } from "react";
-import { iconKeys as Lt, debounce as fa, SearchBar as ba, Tooltip as ae, IconButton as me, Icon as rt, coolIconKeys as wt, Typography as P, getIconForView as ot, useAutoComplete as ya, Container as dt, Chip as nt, TextField as Ve, cn as _e, DebouncedTextField as G, Autocomplete as va, AutocompleteItem as wa, ExpandablePanel as kt, SettingsIcon as Ke, Select as je, SelectItem as ye, BooleanSwitchWithLabel as Kt, Dialog as Me, toSnakeCase as Yt, singular as _a, ListIcon as ka, Button as E, CircularProgress as Ye, AutoAwesomeIcon as pt, Paper as Pe, FormikArrayContainer as xa, DialogContent as He, DialogActions as Ge, SwitchControl as ue, serializeRegExp as Ca, isValidRegExp as Oa, RuleIcon as Pa, useSnackbarController as Qe, resolveEnumValues as Na, FileUploadIcon as Sa, MultiSelect as qa, MultiSelectItem as St, Checkbox as qt, isPropertyBuilder as le, useFireCMSContext as qe, getFieldConfig as Ze, ErrorBoundary as Ce, FieldConfigBadge as Je, cardMixin as Ht, cardClickableMixin as Gt, cardSelectedMixin as Qt, RemoveCircleIcon as Zt, FunctionsIcon as Aa, defaultBorderMixin as xt, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Ne, useNavigationContext as De, SelectGroup as At, mergeDeep as $, getFieldId as Jt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Wt, DeleteIcon as st, DeleteConfirmationDialog as lt, useLargeLayout as Va, makePropertiesEditable as Xt, resolveEntityView as ja, Table as zt, TableBody as Tt, TableRow as ft, TableCell as Ue, unslugify as Ct, Card as ea, useSelectionController as Fa, EntityCollectionTable as Ia, slugify as Ea, useAuthController as Re, CircularProgressCenter as Vt, Tabs as Ba, Tab as bt, removeUndefined as Ma, ErrorView as ta, ArrowBackIcon as tt, LoadingButton as jt, DoneIcon as Da, SaveIcon as Ra, Menu as Ua, MoreVertIcon as $a, MenuItem as La, Collapse as Ka, sortProperties as Ya, getDefaultPropertiesOrder as Ha } from "@firecms/core";
-import ct from "react-fast-compare";
-import { useFormikContext as L, Field as ge, getIn as N, Formik as Ot, FastField as ce, Form as Ga } from "formik";
-import * as yt from "yup";
-import * as Qa from "js-search";
-import { extractEnumFromValues as Za, buildPropertyFromData as Ja, buildEntityPropertiesFromData as Wa } from "@firecms/schema_inference";
-import { DragDropContext as Xa, Droppable as ei, Draggable as ti } from "@hello-pangea/dnd";
-import { ImportFileUpload as ai, DataNewPropertiesMapping as ii, ImportNewPropertyFieldPreview as ri, getInferenceType as aa, getPropertiesMapping as oi, convertDataToEntity as ni, useImportConfig as si, ImportSaveInProgress as li } from "@firecms/data_import";
-import { useNavigate as ci } from "react-router";
-const di = yt.object().shape({
-  name: yt.string().required("Required"),
-  path: yt.string().required("Required")
-}), ia = {
+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 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")
+}), ra = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "clock time",
   access_alarms: "clock time",
@@ -1962,34 +1964,34 @@ const di = yt.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"
-}, Pt = new Qa.Search("key");
-Pt.addIndex("synonyms");
-Pt.addDocuments(Lt.map((t) => ({
+}, Nt = new Wa.Search("key");
+Nt.addIndex("synonyms");
+Nt.addDocuments(Kt.map((t) => ({
   key: t,
   // @ts-ignore
-  synonyms: ia[t] ?? []
+  synonyms: ra[t] ?? []
 })));
-const pi = 220;
-process.env.NODE_ENV !== "production" && Object.keys(ia).forEach((t) => {
-  Lt.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 mi({ selectedIcon: t = "", onIconSelected: a }) {
-  const [r, i] = ve.useState(null), [s, o] = ve.useState(""), l = ve.useMemo(
-    () => fa((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 = Pt.search(m);
+        const u = Nt.search(m);
         i(u.map((c) => c.key));
       }
-    }, pi),
+    }, fi),
     []
   );
-  return ve.useEffect(() => (l(s), () => {
+  return _e.useEffect(() => (l(s), () => {
     l.clear();
   }), [s, l]), /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ e(
-      ba,
+      ya,
       {
         autoFocus: !0,
         className: "w-full sticky top-0 z-10",
@@ -1997,25 +1999,25 @@ function mi({ selectedIcon: t = "", onIconSelected: a }) {
         placeholder: "Search for more icons…"
       }
     ),
-    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? wt : r).map((m) => /* @__PURE__ */ e(ae, { title: m, children: /* @__PURE__ */ e(
-      me,
+    /* @__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(rt, { iconKey: m, size: 24 })
+        children: /* @__PURE__ */ e(st, { iconKey: m, size: 24 })
       }
     ) }, m)) })
   ] });
 }
-function ee({
+function te({
   error: t,
   children: a
 }) {
   return a ? /* @__PURE__ */ e(P, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
-function ui({
+function yi({
   isNewCollection: t,
   reservedGroups: a,
   existingPaths: r,
@@ -2023,7 +2025,7 @@ function ui({
   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 ui({
     setFieldTouched: g,
     isSubmitting: f,
     submitCount: y
-  } = L(), [k, _] = Y(!1), O = (x) => {
-    m("name", x), !N(c, "path") && t && x && m("path", Yt(x)), !N(c, "singularName") && t && x && m("singularName", _a(x));
-  }, h = ot(d), w = Q((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 = Q((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
-  } = ya({
+  } = va({
     ref: l
   }), S = !!o;
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(dt, { 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",
@@ -2058,7 +2060,7 @@ function ui({
           children: [
             /* @__PURE__ */ e(P, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${d.name} collection` }),
             /* @__PURE__ */ e(ae, { title: "Change icon", children: /* @__PURE__ */ e(
-              me,
+              re,
               {
                 shape: "square",
                 onClick: () => _(!0),
@@ -2068,7 +2070,7 @@ function ui({
           ]
         }
       ),
-      o && /* @__PURE__ */ e(nt, { 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 })
       ] }) })
@@ -2085,11 +2087,11 @@ function ui({
             error: c.name && !!p.name
           }
         ),
-        /* @__PURE__ */ e(ee, { 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__ */ 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: _e("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(
-          ge,
+          be,
           {
             name: "path",
             as: G,
@@ -2100,7 +2102,7 @@ function ui({
             error: c.path && !!p.path
           }
         ),
-        /* @__PURE__ */ e(ee, { error: c.path && !!p.path, children: c.path && p.path ? p.path : "Path that this collection is stored in" })
+        /* @__PURE__ */ e(te, { error: c.path && !!p.path, children: c.path && p.path ? p.path : "Path that this collection is stored in" })
       ] }),
       !S && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
@@ -2117,12 +2119,12 @@ function ui({
           }
         ),
         /* @__PURE__ */ e(
-          va,
+          wa,
           {
-            open: I && (v ?? []).length > 0,
+            open: F && (v ?? []).length > 0,
             setOpen: A,
             children: v?.map((x, C) => /* @__PURE__ */ e(
-              wa,
+              _a,
               {
                 onClick: () => {
                   A(!1), m("group", x ?? null);
@@ -2133,13 +2135,13 @@ function ui({
             ))
           }
         ),
-        /* @__PURE__ */ e(ee, { children: c.group && p.group ? p.group : "Group of the collection" })
+        /* @__PURE__ */ e(te, { children: c.group && p.group ? p.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-        kt,
+        xt,
         {
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-            /* @__PURE__ */ e(Ke, {}),
+            /* @__PURE__ */ e(Ge, {}),
             /* @__PURE__ */ e(
               P,
               {
@@ -2163,7 +2165,7 @@ function ui({
                   label: "Singular name"
                 }
               ),
-              /* @__PURE__ */ e(ee, { error: c.singularName && !!p.singularName, children: c.singularName && p.singularName ? p.singularName : "Optionally define a singular name for your entities" })
+              /* @__PURE__ */ e(te, { error: c.singularName && !!p.singularName, children: c.singularName && p.singularName ? p.singularName : "Optionally define a singular name for your entities" })
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
@@ -2179,11 +2181,11 @@ function ui({
                   label: "Description"
                 }
               ),
-              /* @__PURE__ */ e(ee, { error: c.description && !!p.description, children: c.description && p.description ? p.description : "Description of the collection, you can use markdown" })
+              /* @__PURE__ */ e(te, { error: c.description && !!p.description, children: c.description && p.description ? p.description : "Description of the collection, you can use markdown" })
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                ge,
+                be,
                 {
                   name: "alias",
                   as: G,
@@ -2193,7 +2195,7 @@ function ui({
                   error: c.alias && !!p.alias
                 }
               ),
-              /* @__PURE__ */ e(ee, { 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(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(
               je,
@@ -2205,7 +2207,7 @@ function ui({
                 value: d.defaultSize ?? "",
                 renderValue: (x) => x.toUpperCase(),
                 children: ["xs", "s", "m", "l", "xl"].map((x) => /* @__PURE__ */ e(
-                  ye,
+                  we,
                   {
                     value: x,
                     children: x.toUpperCase()
@@ -2216,7 +2218,7 @@ function ui({
             ) }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Kt,
+                Yt,
                 {
                   position: "start",
                   label: "Collection group",
@@ -2224,7 +2226,7 @@ function ui({
                   value: d.collectionGroup ?? !1
                 }
               ),
-              /* @__PURE__ */ e(ee, { children: "A collection group consists of all collections with the same ID. This allows you to query over multiple collections at once." })
+              /* @__PURE__ */ e(te, { children: "A collection group consists of all collections with the same ID. This allows you to query over multiple collections at once." })
             ] })
           ] })
         }
@@ -2232,14 +2234,14 @@ function ui({
     ] }),
     /* @__PURE__ */ e("div", { style: { height: "52px" } }),
     /* @__PURE__ */ e(
-      Me,
+      Ie,
       {
         open: k,
         onOpenChange: _,
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          mi,
+          bi,
           {
             selectedIcon: d.icon,
             onIconSelected: (x) => {
@@ -2251,19 +2253,19 @@ function ui({
     )
   ] }) });
 }
-function we(t) {
+function ke(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function hi(t) {
+function vi(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
-function Oe(t) {
+function Ne(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".propertiesOrder" : "propertiesOrder";
 }
-function se(t, a) {
+function ne(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const gi = R.memo(
+const wi = D.memo(
   function({
     enumValues: a,
     onValuesChanged: r,
@@ -2274,7 +2276,7 @@ const gi = R.memo(
     getData: d
   }) {
     return /* @__PURE__ */ e(
-      Ot,
+      Pt,
       {
         initialValues: { enumValues: a },
         validateOnMount: !0,
@@ -2283,12 +2285,12 @@ const gi = R.memo(
         children: ({
           values: m,
           errors: u
-        }) => (pe(() => {
+        }) => (de(() => {
           r && r(m.enumValues);
-        }, [m.enumValues]), pe(() => {
+        }, [m.enumValues]), de(() => {
           i && i(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
-          fi,
+          _i,
           {
             enumValuesPath: "enumValues",
             values: m,
@@ -2306,7 +2308,7 @@ const gi = R.memo(
     return a.enumValues.length === r.enumValues.length && a.onValuesChanged === r.onValuesChanged && a.getData === r.getData;
   }
 );
-function fi({
+function _i({
   values: t,
   errors: a,
   disabled: r,
@@ -2317,10 +2319,10 @@ function fi({
 }) {
   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(
-      bi,
+      ki,
       {
         index: h,
         disabled: r,
@@ -2335,7 +2337,7 @@ function fi({
   };
   return /* @__PURE__ */ n("div", { className: "col-span-12", children: [
     /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(ka, {}),
+      /* @__PURE__ */ e(xa, {}),
       /* @__PURE__ */ e(
         P,
         {
@@ -2355,24 +2357,24 @@ function fi({
             l && (f(!0), l?.().then((h) => {
               if (!h)
                 return;
-              const w = h.flat(), b = Array.from(new Set(w)), v = t.enumValues, I = Za(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(Ye, { size: "small" }) : /* @__PURE__ */ e(pt, {}),
+            g ? /* @__PURE__ */ e(Je, { size: "small" }) : /* @__PURE__ */ e(ht, {}),
             "Infer values from data"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ n(Pe, { className: "p-4 m-1", children: [
+    /* @__PURE__ */ n(Se, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        xa,
+        Ca,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -2386,7 +2388,7 @@ function fi({
         }
       ),
       /* @__PURE__ */ e(
-        yi,
+        xi,
         {
           index: c,
           open: c !== void 0,
@@ -2397,7 +2399,7 @@ function fi({
     ] })
   ] });
 }
-const bi = R.memo(
+const ki = D.memo(
   function({
     index: a,
     shouldUpdateId: r,
@@ -2413,12 +2415,12 @@ const bi = 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(
-        ce,
+        le,
         {
           name: `${i}[${a}].label`,
           as: G,
@@ -2426,21 +2428,21 @@ const bi = R.memo(
           required: !0,
           disabled: l,
           size: "small",
-          validate: vi,
+          validate: Ci,
           autoFocus: s,
           autoComplete: "off",
-          endAdornment: d && /* @__PURE__ */ e(pt, { size: "small" }),
+          endAdornment: d && /* @__PURE__ */ e(ht, { size: "small" }),
           error: !!O
         }
       ),
       !l && /* @__PURE__ */ e(
-        me,
+        re,
         {
           size: "small",
           "aria-label": "edit",
           className: "m-1",
           onClick: () => o(),
-          children: /* @__PURE__ */ e(Ke, { size: "small" })
+          children: /* @__PURE__ */ e(Ge, { size: "small" })
         }
       )
     ] });
@@ -2449,7 +2451,7 @@ const bi = R.memo(
     return a.index === r.index && a.enumValuesPath === r.enumValuesPath && a.shouldUpdateId === r.shouldUpdateId && a.inferredEntry === r.inferredEntry && a.autoFocus === r.autoFocus;
   }
 );
-function yi({
+function xi({
   index: t,
   open: a,
   onClose: r,
@@ -2461,32 +2463,32 @@ function yi({
     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(
-    Me,
+    Ie,
     {
       maxWidth: "md",
       "aria-labelledby": "enum-edit-dialog",
       open: a,
       onOpenChange: (c) => c ? void 0 : r(),
       children: [
-        /* @__PURE__ */ e(He, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(De, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            ce,
+            le,
             {
               name: `${i}[${t}]id`,
               as: G,
               required: !0,
-              validate: wi,
+              validate: Oi,
               label: "ID",
               size: "small",
               autoComplete: "off",
               error: !!u
             }
           ),
-          /* @__PURE__ */ e(ee, { error: !!u, children: u ?? "Value saved in the data source" })
+          /* @__PURE__ */ e(te, { error: !!u, children: u ?? "Value saved in the data source" })
         ] }) }),
-        /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(
           E,
           {
             autoFocus: !0,
@@ -2500,19 +2502,19 @@ function yi({
     }
   );
 }
-function vi(t) {
+function Ci(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function wi(t) {
+function Oi(t) {
   let a;
   return t || (a = "You must specify an ID"), a;
 }
-function Ie({ disabled: t }) {
-  const { values: a, handleChange: r } = L(), i = "validation.required", s = "validation.requiredMessage";
+function Ee({ disabled: t }) {
+  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(
-      ce,
+      le,
       {
         type: "checkbox",
         disabled: t,
@@ -2523,7 +2525,7 @@ function Ie({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         disabled: t,
@@ -2546,7 +2548,7 @@ function Ie({ disabled: t }) {
     ) })
   ] });
 }
-function Be({
+function Me({
   length: t,
   lowercase: a,
   matches: r,
@@ -2561,12 +2563,12 @@ function Be({
     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 : Ca(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(Ie, { disabled: d }),
+    /* @__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(
-        ce,
+        le,
         {
           type: "checkbox",
           name: O,
@@ -2576,7 +2578,7 @@ function Be({
         }
       ) }),
       l && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        ce,
+        le,
         {
           type: "checkbox",
           name: h,
@@ -2586,7 +2588,7 @@ function Be({
         }
       ) }),
       o && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        ce,
+        le,
         {
           type: "checkbox",
           name: k,
@@ -2636,11 +2638,11 @@ function Be({
     ] }),
     r && /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        ce,
+        le,
         {
           name: _,
           as: G,
-          validate: (T) => T && !Oa(T),
+          validate: (T) => T && !Pa(T),
           label: "Matches regex",
           size: "small",
           disabled: d,
@@ -2648,11 +2650,11 @@ function Be({
           error: !!w
         }
       ),
-      /* @__PURE__ */ e(ee, { error: !!w, children: w ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
+      /* @__PURE__ */ e(te, { error: !!w, children: w ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
     ] })
   ] });
 }
-function Nt({
+function St({
   max: t = !0,
   min: a = !0,
   disabled: r
@@ -2660,9 +2662,9 @@ function Nt({
   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(Ie, { disabled: r }),
+    /* @__PURE__ */ e(Ee, { disabled: r }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       G,
       {
@@ -2689,17 +2691,17 @@ function Nt({
     ) })
   ] });
 }
-function Ae({
+function ze({
   children: t
 }) {
   return /* @__PURE__ */ e(
-    kt,
+    xt,
     {
       initiallyExpanded: !1,
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Pa, {}),
+        /* @__PURE__ */ e(Na, {}),
         /* @__PURE__ */ e(
           P,
           {
@@ -2713,7 +2715,7 @@ function Ae({
     }
   );
 }
-function Ft({
+function It({
   multiselect: t,
   updateIds: a,
   disabled: r,
@@ -2728,10 +2730,10 @@ function Ft({
     touched: u,
     setFieldError: c,
     setFieldValue: p
-  } = L(), g = Qe(), f = t ? "of.enumValues" : "enumValues", y = N(l, "defaultValue"), k = N(l, f), _ = Ut(() => !k || typeof k == "boolean" ? [] : Na(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(
-      gi,
+      wi,
       {
         enumValues: _,
         updateIds: a,
@@ -2752,15 +2754,15 @@ function Ft({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(Ae, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       !t && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: r,
           showErrors: i
         }
       ),
-      t && /* @__PURE__ */ e(Nt, { disabled: r })
+      t && /* @__PURE__ */ e(St, { disabled: r })
     ] }) }),
     !t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       je,
@@ -2773,7 +2775,7 @@ function Ft({
         label: "Default value",
         value: y ?? "",
         children: _.filter((h) => !!h?.id).map((h) => /* @__PURE__ */ e(
-          ye,
+          we,
           {
             value: h.id?.toString(),
             children: h.label
@@ -2784,14 +2786,14 @@ function Ft({
     ) })
   ] });
 }
-const at = {
+const ot = {
   "image/*": "Images",
   "video/*": "Videos",
   "audio/*": "Audio files",
   "application/*": "Files (pdf, zip, csv, excel...)",
   "text/*": "Text files"
 };
-function It({
+function Et({
   multiple: t,
   existing: a,
   disabled: r
@@ -2799,15 +2801,15 @@ function It({
   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(at).length ? s(l, void 0) : y ? s(l, Object.keys(at).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(
-      kt,
+      xt,
       {
         title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Sa, {}),
+          /* @__PURE__ */ e(qa, {}),
           /* @__PURE__ */ e(
             P,
             {
@@ -2819,27 +2821,27 @@ function It({
         ] }),
         children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
-            qa,
+            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) => at[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(St, { value: "all", className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ n(qt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    qt,
+                    At,
                     {
                       checked: !f
                     }
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(at).map(([h, w]) => /* @__PURE__ */ n(St, { 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(
-                    qt,
+                    At,
                     {
                       checked: y || f.indexOf(h) > -1
                     }
@@ -2859,7 +2861,7 @@ function It({
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-            ge,
+            be,
             {
               name: d,
               as: G,
@@ -2871,7 +2873,7 @@ function It({
           ) }),
           /* @__PURE__ */ n("div", { className: "col-span-12", children: [
             /* @__PURE__ */ e(
-              ge,
+              be,
               {
                 name: m,
                 as: G,
@@ -2894,7 +2896,7 @@ function It({
               ] })
             ] }),
             /* @__PURE__ */ e(
-              ge,
+              be,
               {
                 type: "checkbox",
                 name: u,
@@ -2909,33 +2911,33 @@ function It({
         ] })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(Ae, { children: [
-      !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(Ie, { disabled: r }) }),
-      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Nt, { disabled: r }) })
+    /* @__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(St, { disabled: r }) })
     ] }) })
   ] });
 }
-function Le(t) {
-  if (le(t) || le(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 _i(t) {
-  return Object.entries(t).filter(([a, r]) => Le(r)).map(([a, r]) => {
+function Pi(t) {
+  return Object.entries(t).filter(([a, r]) => He(r)).map(([a, r]) => {
     const i = r;
-    if (Le(i))
+    if (He(i))
       return i.dataType === "map" && i.properties ? {
         [a]: {
           ...i,
-          properties: _i(i.properties)
+          properties: Pi(i.properties)
         }
       } : { [a]: i };
   }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...r }), {});
 }
-function ra({
+function oa({
   property: t,
   onClick: a,
   hasError: r,
@@ -2943,28 +2945,28 @@ function ra({
   includeEditButton: s,
   selected: o
 }) {
-  const { fields: l } = qe(), d = Ze(t, l), m = !Le(t);
-  return /* @__PURE__ */ e(Ce, { 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(Je, { propertyConfig: d }) }),
+        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ze, { propertyConfig: d }) }),
         /* @__PURE__ */ n(
-          Pe,
+          Se,
           {
-            className: _e(
+            className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Ht,
-              a ? Gt : "",
+              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(Ce, { children: /* @__PURE__ */ e(
+                i && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body1",
@@ -2974,7 +2976,7 @@ function ra({
                   }
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
-                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                     P,
                     {
                       className: "flex-grow pr-2",
@@ -2984,7 +2986,7 @@ function ra({
                       children: d?.name
                     }
                   ) }),
-                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                     P,
                     {
                       variant: "body2",
@@ -2997,7 +2999,7 @@ function ra({
                     "div",
                     {
                       className: "text-xs h-3 ml-0.5",
-                      children: /* @__PURE__ */ e(Zt, { color: "disabled" })
+                      children: /* @__PURE__ */ e(Wt, { color: "disabled" })
                     }
                   )
                 ] })
@@ -3010,13 +3012,13 @@ function ra({
     }
   ) });
 }
-function ki({
+function Ni({
   name: t,
   selected: a,
   onClick: r,
   property: i
 }) {
-  const { fields: s } = qe(), o = !le(i) && i ? Ze(i, s) : void 0;
+  const { fields: s } = Ae(), o = !se(i) && i ? We(i, s) : void 0;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3024,23 +3026,23 @@ function ki({
       className: "flex flex-row w-full cursor-pointer",
       children: [
         /* @__PURE__ */ n("div", { className: "relative m-4", children: [
-          o && /* @__PURE__ */ e(Je, { 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(Aa, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(za, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Zt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(Wt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
-          Pe,
+          Se,
           {
-            className: _e(
+            className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Ht,
-              r ? Gt : "",
+              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 ki({
                     children: o?.name
                   }
                 ),
-                i && !le(i) && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+                i && !se(i) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body2",
@@ -3075,7 +3077,7 @@ function ki({
                     children: i.dataType
                   }
                 ) }),
-                i && le(i) && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+                i && se(i) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body2",
@@ -3084,7 +3086,7 @@ function ki({
                     children: "This property is defined as a property builder in code"
                   }
                 ) }),
-                !i && /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+                !i && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
                   P,
                   {
                     variant: "body2",
@@ -3101,7 +3103,7 @@ function ki({
     }
   );
 }
-function mt({
+function gt({
   namespace: t,
   selectedPropertyKey: a,
   onPropertyClick: r,
@@ -3115,13 +3117,13 @@ function mt({
   inferredPropertyKeys: c,
   collectionEditable: p
 }) {
-  const g = s ?? Object.keys(i), f = Q((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(Xa, { onDragEnd: f, children: /* @__PURE__ */ e(ei, { 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 mt({
         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(
-            ti,
+            ni,
             {
               draggableId: `array_field_${t}_${_}}`,
               index: O,
-              children: (b, v) => /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-                xi,
+              children: (b, v) => /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                Si,
                 {
                   propertyKey: _,
                   propertyOrBuilder: h,
@@ -3161,7 +3163,7 @@ function mt({
     }
   ) }) }) });
 }
-function xi({
+function Si({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: r,
@@ -3175,12 +3177,12 @@ function xi({
   inferredPropertyKeys: c,
   collectionEditable: p
 }) {
-  const g = c?.includes(a ? `${a}.${t}` : t), f = se(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(
-      mt,
+      gt,
       {
         selectedPropertyKey: o,
         namespace: f,
@@ -3194,7 +3196,7 @@ function xi({
       }
     ));
   }
-  const k = f ? N(l, we(f)) : !1, _ = o === f, O = r && (p && !le(r) || Le(r));
+  const k = f ? N(l, ke(f)) : !1, _ = o === f, O = r && (p && !se(r) || He(r));
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3206,7 +3208,7 @@ function xi({
         y && /* @__PURE__ */ e(
           "div",
           {
-            className: "absolute border-l " + xt,
+            className: "absolute border-l " + Ct,
             style: {
               left: "32px",
               top: "64px",
@@ -3214,8 +3216,8 @@ function xi({
             }
           }
         ),
-        !le(r) && !i && O ? /* @__PURE__ */ e(
-          ra,
+        !se(r) && !i && O ? /* @__PURE__ */ e(
+          oa,
           {
             property: r,
             onClick: d ? () => d(t, a) : void 0,
@@ -3224,7 +3226,7 @@ function xi({
             hasError: k
           }
         ) : /* @__PURE__ */ e(
-          ki,
+          Ni,
           {
             name: t,
             property: r,
@@ -3233,22 +3235,22 @@ function xi({
           }
         ),
         /* @__PURE__ */ n("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
-          g && /* @__PURE__ */ e(ae, { title: "Inferred property", children: /* @__PURE__ */ e(pt, { size: "small", className: "p-2" }) }),
+          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(
-            me,
+            re,
             {
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(za, { size: "small" })
+              children: /* @__PURE__ */ e(Ta, { size: "small" })
             }
           ) }),
           m && /* @__PURE__ */ e(ae, { title: "Move", children: /* @__PURE__ */ e(
-            me,
+            re,
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Ta, { size: "small" })
+              children: /* @__PURE__ */ e(Va, { size: "small" })
             }
           ) })
         ] }),
@@ -3257,11 +3259,11 @@ function xi({
     }
   );
 }
-function Ci({ 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] = Y(!1), [u, c] = Y(), [p, g] = Y(), f = o.propertiesOrder ?? Object.keys(o.properties ?? {}), y = Q(({
+  } = 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 Ci({ 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 = Q((v, T) => {
-    const I = v ? se(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 = we(I), S = Oe(T), x = N(o, S) ?? Object.keys(N(o, hi(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 ? se(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(Ne, {}),
+      startIcon: /* @__PURE__ */ e(qe, {}),
       children: [
         "Add property to ",
         o.name ?? "this group"
       ]
     }
-  ), w = !f || f.length < 1, b = Q((v, T) => {
-    l(Oe(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 Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Properties in this group" }),
         h
       ] }),
-      /* @__PURE__ */ n(Pe, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ n(Se, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
-          mt,
+          gt,
           {
             properties: o.properties ?? {},
             propertiesOrder: f,
@@ -3324,7 +3326,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     ] }),
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        Kt,
+        Yt,
         {
           position: "start",
           size: "small",
@@ -3333,7 +3335,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
           value: o.spreadChildren ?? !1
         }
       ),
-      /* @__PURE__ */ e(ee, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
+      /* @__PURE__ */ e(te, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
     ] }),
     /* @__PURE__ */ e(
       Fe,
@@ -3364,7 +3366,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Oi({
+function Ai({
   showErrors: t,
   existing: a,
   disabled: r,
@@ -3373,27 +3375,27 @@ function Oi({
   customFields: o,
   collectionEditable: l
 }) {
-  const { fields: d } = qe(), {
+  const { fields: d } = Ae(), {
     values: m,
     handleChange: u,
     errors: c,
     setFieldValue: p,
     touched: g
-  } = L(), [f, y] = Y(!1), k = N(m, "of"), _ = N(g, "of") && N(c, "of"), O = Q(({ 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 && Ze(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(
-        ge,
+        be,
         {
           name: "of",
           value: k,
           validate: (w) => w?.dataType ? void 0 : "You need to specify a repeat field",
-          children: () => /* @__PURE__ */ n(Pe, { className: "p-2 mt-4", children: [
+          children: () => /* @__PURE__ */ n(Se, { className: "p-2 mt-4", children: [
             k && /* @__PURE__ */ e(
-              ra,
+              oa,
               {
                 property: k,
                 onClick: r ? void 0 : () => y(!0),
@@ -3439,10 +3441,10 @@ function Oi({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Nt, { disabled: r }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(St, { disabled: r }) }) })
   ] });
 }
-const Pi = R.forwardRef(
+const zi = D.forwardRef(
   function({
     showErrors: a,
     disabledId: r,
@@ -3452,44 +3454,44 @@ const Pi = 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(
-          ge,
+          be,
           {
             inputRef: l,
             name: m,
             as: G,
             style: { fontSize: 20 },
-            validate: qi,
+            validate: ji,
             placeholder: "Field name",
             required: !0,
             disabled: s,
             error: !!u
           }
         ),
-        /* @__PURE__ */ e(ee, { error: !!u, children: u })
+        /* @__PURE__ */ e(te, { error: !!u, children: u })
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          ge,
+          be,
           {
             name: c,
             as: Ve,
             label: "ID",
-            validate: (y) => Si(y, i),
+            validate: (y) => Vi(y, i),
             disabled: r || s,
             required: !0,
             size: "small",
             error: !!p
           }
         ),
-        /* @__PURE__ */ e(ee, { error: !!p, children: p })
+        /* @__PURE__ */ e(te, { error: !!p, children: p })
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          ge,
+          be,
           {
             name: g,
             as: G,
@@ -3498,29 +3500,29 @@ const Pi = R.forwardRef(
             error: !!f
           }
         ),
-        /* @__PURE__ */ e(ee, { error: !!f, children: f })
+        /* @__PURE__ */ e(te, { error: !!f, children: f })
       ] })
     ] });
   }
-), Ni = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Si(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(Ni) && (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 qi(t) {
+function ji(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Ai({
+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(Ae, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       t === "text_field" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           length: !0,
@@ -3534,7 +3536,7 @@ function Ai({
         }
       ),
       t === "multiline" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           length: !0,
@@ -3547,7 +3549,7 @@ function Ai({
         }
       ),
       t === "markdown" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           length: !0,
@@ -3560,7 +3562,7 @@ function Ai({
         }
       ),
       t === "url" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           max: !0,
@@ -3570,7 +3572,7 @@ function Ai({
         }
       ),
       t === "email" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           max: !0,
@@ -3594,12 +3596,12 @@ function Ai({
     ) })
   ] });
 }
-function zi({ 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(Ae, { children: /* @__PURE__ */ e(Ie, { disabled: t }) }) }),
+    /* @__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(
-      ce,
+      le,
       {
         type: "checkbox",
         name: "defaultValue",
@@ -3611,11 +3613,11 @@ function zi({ disabled: t }) {
     ) })
   ] });
 }
-function Ti({ 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] = Y(!1), [u, c] = Y(), [p, g] = Y(), f = Q(({
+  } = K(), [d, m] = L(!1), [u, c] = L(), [p, g] = L(), f = J(({
     id: w,
     property: b
   }) => {
@@ -3625,27 +3627,27 @@ function Ti({ 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 ? se(u, p) : void 0, k = y ? N(o.oneOf?.properties, y.replaceAll(".", ".properties.")) : void 0, _ = Q((w, b) => {
-    const v = w ? se(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.${we(v)}`, void 0, !1);
-    const T = `oneOf.${Oe(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(Ne, {}),
+      startIcon: /* @__PURE__ */ e(qe, {}),
       children: [
         "Add property to ",
         o.name ?? "this block"
       ]
     }
-  ), h = Q((w, b) => {
-    l(`oneOf.${Oe(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 Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Properties in this block" }),
         O
       ] }),
-      /* @__PURE__ */ n(Pe, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ n(Se, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
-          mt,
+          gt,
           {
             properties: o.oneOf?.properties ?? {},
             propertiesOrder: o.oneOf?.propertiesOrder,
@@ -3699,13 +3701,13 @@ function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Vi({ 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(Ie, { disabled: t }),
+    /* @__PURE__ */ e(Ee, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       G,
       {
@@ -3755,7 +3757,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: d,
@@ -3765,7 +3767,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: m,
@@ -3775,7 +3777,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: u,
@@ -3786,10 +3788,10 @@ function Vi({ disabled: t }) {
     ) })
   ] });
 }
-function ji({ 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(Ae, { children: /* @__PURE__ */ e(Vi, { 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(
       Ve,
       {
@@ -3805,7 +3807,7 @@ function ji({ disabled: t }) {
     ) })
   ] });
 }
-function Et({
+function Bt({
   existing: t,
   multiple: a,
   disabled: r,
@@ -3818,31 +3820,31 @@ function Et({
     touched: d,
     setFieldError: m,
     setFieldValue: u
-  } = L();
-  if (!De())
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ye, {}) });
+  } = 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(
-    ge,
+    be,
     {
       required: !0,
       name: p,
       pathPath: p,
       type: "select",
-      validate: Fi,
+      validate: Di,
       disabled: t || r,
       value: g,
       error: f,
       handleChange: o,
-      component: Ii
+      component: Ri
     }
   ) }) });
 }
-function Fi(t) {
+function Di(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function Ii({
+function Ri({
   disabled: t,
   pathPath: a,
   value: r,
@@ -3851,9 +3853,9 @@ function Ii({
   ...o
 }) {
   console.log("error", s);
-  const l = De();
+  const l = Ue();
   if (!l)
-    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ye, {}) });
+    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);
@@ -3872,7 +3874,7 @@ function Ii({
           const p = d.find((f) => f.alias === c || f.path === c);
           if (!p)
             return null;
-          const g = ot(p);
+          const g = lt(p);
           return /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
             g,
             /* @__PURE__ */ e(
@@ -3888,13 +3890,13 @@ function Ii({
         ...o,
         children: [
           m.flatMap((c) => /* @__PURE__ */ e(
-            At,
+            zt,
             {
               label: c || "Views",
               children: d.filter((p) => p.group === c).map((p) => {
-                const g = ot(p);
+                const g = lt(p);
                 return /* @__PURE__ */ e(
-                  ye,
+                  we,
                   {
                     value: p.alias ?? p.path,
                     children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
@@ -3915,10 +3917,10 @@ function Ii({
             },
             `group_${c}`
           )),
-          u && /* @__PURE__ */ e(At, { label: "Views", children: u.map((c) => {
-            const p = ot(c);
+          u && /* @__PURE__ */ e(zt, { label: "Views", children: u.map((c) => {
+            const p = lt(c);
             return /* @__PURE__ */ e(
-              ye,
+              we,
               {
                 value: c.alias ?? c.path,
                 children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
@@ -3939,16 +3941,16 @@ function Ii({
         ]
       }
     ),
-    /* @__PURE__ */ e(ee, { children: "You can only edit the reference collection upon field creation." })
+    /* @__PURE__ */ e(te, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Ei({ 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(
@@ -3971,12 +3973,12 @@ function Ei({ disabled: t }) {
           },
           disabled: t,
           children: [
-            /* @__PURE__ */ e(ye, { value: "date_time", children: " Date/Time " }),
-            /* @__PURE__ */ e(ye, { value: "date", children: " Date " })
+            /* @__PURE__ */ e(we, { value: "date_time", children: " Date/Time " }),
+            /* @__PURE__ */ e(we, { value: "date", children: " Date " })
           ]
         }
       ),
-      /* @__PURE__ */ e(ee, { error: !!d, children: d }),
+      /* @__PURE__ */ e(te, { error: !!d, children: d }),
       /* @__PURE__ */ n(
         je,
         {
@@ -3997,21 +3999,21 @@ function Ei({ disabled: t }) {
           error: !!c,
           label: "Automatic value",
           children: [
-            /* @__PURE__ */ e(ye, { value: "", children: " None " }),
-            /* @__PURE__ */ e(ye, { value: "on_create", children: " On create " }),
-            /* @__PURE__ */ e(ye, { 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 " })
           ]
         }
       ),
-      /* @__PURE__ */ e(ee, { error: !!c, children: c ?? "Update this field automatically when creating or updating the entity" })
+      /* @__PURE__ */ e(te, { error: !!c, children: c ?? "Update this field automatically when creating or updating the entity" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Ie, { disabled: t }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ee, { disabled: t }) }) })
   ] });
 }
-function Bi({ 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(
-      ce,
+      le,
       {
         type: "checkbox",
         name: "hideFromCollection",
@@ -4022,7 +4024,7 @@ function Bi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: "readOnly",
@@ -4034,10 +4036,10 @@ function Bi({ disabled: t }) {
     ) })
   ] });
 }
-function Mi({ disabled: t }) {
-  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Ie, { 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 oa(t, a, r) {
+function na(t, a, r) {
   let i;
   return a === "text_field" ? i = $(
     t,
@@ -4246,9 +4248,9 @@ function oa(t, a, r) {
     }
   ) : a && r[a] && (i = { ...r[a].property, propertyConfig: a }), i;
 }
-function na({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
+function sa({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
   return /* @__PURE__ */ e(
-    ye,
+    we,
     {
       value: t,
       disabled: a,
@@ -4256,12 +4258,12 @@ function na({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: _e(
+          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(Je, { 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 na({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
     }
   );
 }
-const sa = R.memo(
+const la = D.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: r,
@@ -4306,9 +4308,9 @@ const sa = R.memo(
     const v = {
       id: "",
       name: ""
-    }, T = !!(m && !Le(m)) && !b;
+    }, T = !!(m && !He(m)) && !b;
     console.log("PropertyForm disabled", T);
-    const I = $e(m ? {
+    const F = Ye(m ? {
       id: l,
       previousId: l,
       property: m
@@ -4318,14 +4320,14 @@ const sa = 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(
-      Ot,
+      Pt,
       {
         initialErrors: f,
         initialValues: m ? { id: l, ...m } : v,
@@ -4340,10 +4342,10 @@ const sa = R.memo(
             property: { ...j, editable: j.editable ?? !0 }
           }), i || x.resetForm({ values: v });
         },
-        children: (S) => (pe(() => {
+        children: (S) => (de(() => {
           O?.(S);
         }, [S]), /* @__PURE__ */ e(
-          Di,
+          Ki,
           {
             onPropertyChanged: c ? A : void 0,
             onDelete: p,
@@ -4379,16 +4381,16 @@ function Fe({
   collectionEditable: o,
   ...l
 }) {
-  const d = $e();
+  const d = Ye();
   return /* @__PURE__ */ n(
-    Me,
+    Ie,
     {
       open: t ?? !1,
       maxWidth: "xl",
       fullWidth: !0,
       children: [
-        /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(
-          sa,
+        /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
+          la,
           {
             ...l,
             onPropertyChanged: (u) => {
@@ -4402,7 +4404,7 @@ function Fe({
             getData: s
           }
         ) }),
-        /* @__PURE__ */ n(Ge, { children: [
+        /* @__PURE__ */ n(Re, { children: [
           a && /* @__PURE__ */ e(
             E,
             {
@@ -4427,7 +4429,7 @@ function Fe({
     }
   );
 }
-function Di({
+function Ki({
   values: t,
   errors: a,
   touched: r,
@@ -4450,39 +4452,39 @@ function Di({
   customFields: w,
   collectionEditable: b
 }) {
-  const [v, T] = Y(d), [I, A] = Y(!1), [S, x] = Y(t?.dataType ? Jt(t) : void 0), C = Object.entries(_t).concat(Object.entries(w)), j = k ? C.filter(([Z, te]) => !le(te.property) && te.property?.dataType !== "array") : C, J = ga(t), q = $e(null), U = $e(t), ie = "id", ke = f && N(a, "selectedWidget");
-  pe(() => {
-    !N(r, ie) && l && t?.name && s(ie, Yt(t.name));
-  }, [l, r, t?.name]), pe(() => {
-    if (u && (!m || J.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: Z,
-        ...te
-      } = J;
-      ct(J, U.current) || (u({
-        id: Z,
-        property: te,
+        id: Q,
+        ...ee
+      } = Z;
+      mt(Z, M.current) || (u({
+        id: Q,
+        property: ee,
         namespace: p
-      }), U.current = J);
+      }), M.current = Z);
     }
-  }, [J, m, u, p]), pe(() => {
+  }, [Z, m, u, p]), de(() => {
     t?.id && g && Object.keys(a).length > 0 && g(t?.id, p, a);
   }, [a, g, p, t?.id]);
-  const he = (Z) => {
-    x(Z), i(oa(t, Z, 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(
-    Ai,
+  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(
-    Ft,
+  ) : S === "select" || S === "number_select" ? R = /* @__PURE__ */ e(
+    It,
     {
       multiselect: !1,
       allowDataInference: h,
@@ -4491,8 +4493,8 @@ function Di({
       getData: O,
       showErrors: f
     }
-  ) : S === "multi_select" || S === "multi_number_select" ? M = /* @__PURE__ */ e(
-    Ft,
+  ) : S === "multi_select" || S === "multi_number_select" ? R = /* @__PURE__ */ e(
+    It,
     {
       multiselect: !0,
       updateIds: !o,
@@ -4501,22 +4503,22 @@ function Di({
       getData: O,
       showErrors: f
     }
-  ) : S === "file_upload" ? M = /* @__PURE__ */ e(
-    It,
+  ) : S === "file_upload" ? R = /* @__PURE__ */ e(
+    Et,
     {
       existing: o,
       multiple: !1,
       disabled: y
     }
-  ) : S === "multi_file_upload" ? M = /* @__PURE__ */ e(
-    It,
+  ) : S === "multi_file_upload" ? R = /* @__PURE__ */ e(
+    Et,
     {
       existing: o,
       multiple: !0,
       disabled: y
     }
-  ) : S === "switch" ? M = /* @__PURE__ */ e(zi, { disabled: y }) : S === "number_input" ? M = /* @__PURE__ */ e(ji, { disabled: y }) : S === "group" ? M = /* @__PURE__ */ e(
-    Ci,
+  ) : 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 Di({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "block" ? M = /* @__PURE__ */ e(
-    Ti,
+  ) : S === "block" ? R = /* @__PURE__ */ e(
+    Ei,
     {
       disabled: y,
       getData: O,
@@ -4533,24 +4535,24 @@ function Di({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "reference" ? M = /* @__PURE__ */ e(
-    Et,
+  ) : S === "reference" ? R = /* @__PURE__ */ e(
+    Bt,
     {
       showErrors: f,
       existing: o,
       multiple: !1,
       disabled: y
     }
-  ) : S === "date_time" ? M = /* @__PURE__ */ e(Ei, { disabled: y }) : S === "multi_references" ? M = /* @__PURE__ */ e(
-    Et,
+  ) : 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(
-    Oi,
+  ) : S === "repeat" ? R = /* @__PURE__ */ e(
+    Ai,
     {
       showErrors: f,
       existing: o,
@@ -4560,8 +4562,8 @@ function Di({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "key_value" ? M = /* @__PURE__ */ e(Mi, { disabled: y }) : M = null, /* @__PURE__ */ n(B, { children: [
-    y && /* @__PURE__ */ n(Wt, { 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 ",
@@ -4575,37 +4577,37 @@ function Di({
           je,
           {
             className: "w-full",
-            error: !!ke,
+            error: !!Ce,
             value: S ?? "",
             placeholder: "Select a property widget",
             open: v,
             onOpenChange: T,
             position: "item-aligned",
             disabled: y,
-            renderValue: (Z) => {
-              if (!Z)
+            renderValue: (Q) => {
+              if (!Q)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const te = Z, re = _t[te] ?? w[te], de = re.property, Se = de && !le(de) ? Ze(de, w) : void 0, xe = le(de) || o && de.dataType !== t?.dataType, W = Se ? $(Se, re) : re;
+              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: (fe) => {
-                    xe && (fe.stopPropagation(), fe.preventDefault());
+                  onClick: (Oe) => {
+                    fe && (Oe.stopPropagation(), Oe.preventDefault());
                   },
-                  className: _e(
+                  className: xe(
                     "flex items-center",
-                    xe ? "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(Je, { propertyConfig: W }) }),
+                    /* @__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: W.name }),
+                      /* @__PURE__ */ e("div", { children: X.name }),
                       /* @__PURE__ */ e(
                         P,
                         {
                           variant: "caption",
                           color: "disabled",
-                          children: xe ? "You can only switch to widgets that use the same data type" : W.description
+                          children: fe ? "You can only switch to widgets that use the same data type" : X.description
                         }
                       )
                     ] })
@@ -4613,25 +4615,25 @@ function Di({
                 }
               );
             },
-            onValueChange: (Z) => {
-              he(Z);
+            onValueChange: (Q) => {
+              ie(Q);
             },
-            children: j.map(([Z, te]) => {
-              const re = te.property, de = o && !le(re) && re.dataType !== t?.dataType;
+            children: j.map(([Q, ee]) => {
+              const pe = ee.property, me = o && !se(pe) && pe.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
-                na,
+                sa,
                 {
-                  value: Z,
-                  optionDisabled: de,
-                  propertyConfig: te,
+                  value: Q,
+                  optionDisabled: me,
+                  propertyConfig: ee,
                   existing: o
                 },
-                Z
+                Q
               );
             })
           }
         ),
-        ke && /* @__PURE__ */ e(
+        Ce && /* @__PURE__ */ e(
           P,
           {
             variant: "caption",
@@ -4642,19 +4644,19 @@ function Di({
         )
       ] }),
       c && t?.id && /* @__PURE__ */ e(
-        me,
+        re,
         {
           variant: "ghost",
           className: "m-4",
           disabled: y,
           onClick: () => A(!0),
-          children: /* @__PURE__ */ e(st, {})
+          children: /* @__PURE__ */ e(dt, {})
         }
       )
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       m && /* @__PURE__ */ e(
-        Pi,
+        zi,
         {
           showErrors: f,
           disabledId: o,
@@ -4664,13 +4666,13 @@ function Di({
           ref: q
         }
       ),
-      M,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Bi, { disabled: y }) })
+      R,
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($i, { disabled: y }) })
     ] }),
     c && /* @__PURE__ */ e(
-      lt,
+      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 Di({
     )
   ] });
 }
-function Ri({
+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,21 +4750,21 @@ function Ri({
     setFieldTouched: k,
     errors: _,
     dirty: O
-  } = L(), h = Qe(), w = Va("lg"), b = !w, [v, T] = Y(), [I, A] = Y(), [S, x] = Y(), C = I ? se(I, S) : void 0, j = C ? N(g.properties, C.replaceAll(".", ".properties.")) : void 0, [J, q] = Y(!1), [U, ie] = Y(!1), [ke, he] = Y([]), M = R.useRef(g.propertiesOrder ? { "": g.propertiesOrder } : {});
-  pe(() => {
+  } = 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 Z = u ? () => {
-    u && (q(!0), u(g).then((V) => {
-      if (V && Xt(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((ne) => !g.properties[ne]);
-      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"
@@ -4726,82 +4772,82 @@ function Ri({
         return;
       }
       const H = {
-        ...F.reduce((ne, be) => (ne[be] = V.properties[be], ne), {}),
+        ...I.reduce((oe, ye) => (oe[ye] = V.properties[ye], oe), {}),
         ...g.properties
-      }, oe = [
-        ...F,
+      }, ce = [
+        ...I,
         ...g.propertiesOrder ?? []
       ];
-      f("properties", H, !1), re(oe), he(F);
+      f("properties", H, !1), ge(ce), Q(I);
     }).finally(() => {
-      q(!1);
+      he(!1);
     }));
-  } : void 0, te = (V) => V ? M.current[V] ?? N(g, Oe(V)) : M.current[""], re = (V, F) => {
-    const H = Oe(F);
-    f(H, V, !1), M.current[F ?? ""] = V;
-  }, de = (V, F) => {
-    const H = V ? se(V, F) : void 0;
+  } : 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(we(H), void 0, !1);
-    const ne = te(F).filter((be) => be !== V);
-    re(ne, F), ie(!1), T(void 0), A(void 0), x(void 0);
-  }, Se = (V, F) => {
-    f(Oe(F), V, !1);
-  }, xe = ({
+    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 H = [...g.propertiesOrder ?? Object.keys(g.properties), V];
     console.log("onPropertyCreated", {
       id: V,
-      property: F,
+      property: I,
       newPropertiesOrder: H
-    }), re(H), ie(!1), w && (T(H.indexOf(V)), A(V)), x(void 0);
-  }, W = ({
+    }), ge(H), ie(!1), w && (T(H.indexOf(V)), A(V)), x(void 0);
+  }, Xe = ({
     id: V,
-    property: F,
+    property: I,
     previousId: H,
-    namespace: oe
+    namespace: ce
   }) => {
-    const ne = V ? se(V, oe) : void 0, be = ne ? we(ne) : void 0;
+    const oe = V ? ne(V, ce) : void 0, ye = oe ? ke(oe) : void 0;
     if (H && H !== V) {
-      const ht = se(H, oe), et = we(ht), X = te(oe).map((ze) => ze === H ? V : ze).filter((ze) => ze !== void 0);
-      re(X, oe), V && (T(X.indexOf(V)), A(V)), f(et, void 0, !1), k(et, !1, !1);
+      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);
     }
-    be && (f(be, F, !1), k(be, !0, !1));
-  }, fe = (V, F, H) => {
-    const oe = V ? se(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,
+      namespace: I,
       error: H,
-      propertyPath: oe
-    }), oe) {
-      const ne = H && Object.keys(H).length > 0;
-      i(V, F, ne ? H : void 0), y(we(oe), ne ? "Property error" : void 0);
+      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);
     }
-  }, ut = () => {
+  }, z = () => {
     T(void 0), A(void 0);
-  }, We = 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 = Ut(() => d(g.ownerId), [d, g.ownerId]), Xe = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ n("div", { className: _e(
+  }, 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 " + xt
+      !b && "border-r " + Ct
     ), children: [
       /* @__PURE__ */ n("div", { className: "flex my-2", children: [
         /* @__PURE__ */ n("div", { className: "flex-grow mb-4", children: [
           /* @__PURE__ */ e(
-            ge,
+            be,
             {
               name: "name",
               as: G,
@@ -4814,7 +4860,7 @@ function Ri({
               error: !!_.name
             }
           ),
-          D && /* @__PURE__ */ n(
+          tt && /* @__PURE__ */ n(
             P,
             {
               variant: "body2",
@@ -4822,20 +4868,29 @@ function Ri({
               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: [
-          Z && /* @__PURE__ */ e(ae, { 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: J,
-              onClick: Z,
-              children: J ? /* @__PURE__ */ e(Ye, { size: "small" }) : /* @__PURE__ */ e(pt, {})
+              variant: "filled",
+              disabled: M,
+              onClick: () => q(!0),
+              children: /* @__PURE__ */ e(Fa, {})
+            }
+          ) }),
+          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(
@@ -4843,25 +4898,25 @@ function Ri({
             {
               variant: "outlined",
               onClick: () => ie(!0),
-              children: /* @__PURE__ */ e(Ne, {})
+              children: /* @__PURE__ */ e(qe, {})
             }
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-        mt,
+      /* @__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: ke,
-          selectedPropertyKey: I ? se(I, S) : void 0,
+          inferredPropertyKeys: R,
+          selectedPropertyKey: F ? ne(F, S) : void 0,
           properties: g.properties,
           additionalFields: g.additionalFields,
-          propertiesOrder: K,
-          onPropertyMove: Se,
-          onPropertyRemove: a ? de : void 0,
+          propertiesOrder: Le,
+          onPropertyMove: X,
+          onPropertyRemove: a ? fe : void 0,
           collectionEditable: p,
           errors: t ? _ : {}
         }
@@ -4874,40 +4929,40 @@ function Ri({
           variant: "outlined",
           size: "large",
           onClick: () => ie(!0),
-          startIcon: /* @__PURE__ */ e(Ne, {}),
+          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(
-      Pe,
+      Se,
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          C && j && !le(j) && /* @__PURE__ */ e(
-            sa,
+          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: W,
-              onDelete: de,
-              onError: fe,
+              onPropertyChanged: Xe,
+              onDelete: fe,
+              onError: et,
               forceShowErrors: t,
-              initialErrors: We,
+              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 && le(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" })
         ]
       }
     ) }),
@@ -4920,24 +4975,24 @@ function Ri({
         allowDataInference: !a,
         existingProperty: !0,
         autoOpenTypeSelect: !1,
-        propertyKey: I,
+        propertyKey: F,
         propertyNamespace: S,
         property: j,
-        onPropertyChanged: W,
-        onDelete: de,
-        onError: fe,
+        onPropertyChanged: Xe,
+        onDelete: fe,
+        onError: et,
         forceShowErrors: t,
-        initialErrors: We,
+        initialErrors: Y,
         getData: m,
         customFields: c,
         collectionEditable: p,
-        onOkClicked: b ? ut : void 0
+        onOkClicked: b ? z : void 0
       },
       `edit_view_${v}`
     )
   ] });
   return /* @__PURE__ */ n(B, { children: [
-    Xe,
+    Te,
     /* @__PURE__ */ e(
       Fe,
       {
@@ -4946,19 +5001,27 @@ function Ri({
         autoOpenTypeSelect: !0,
         autoUpdateId: !0,
         forceShowErrors: t,
-        open: U,
+        open: Ce,
         onCancel: () => ie(!1),
-        onPropertyChanged: xe,
+        onPropertyChanged: Oe,
         getData: m,
         allowDataInference: !a,
         customFields: c,
         collectionEditable: p,
         existingPropertyKeys: g.propertiesOrder
       }
+    ),
+    /* @__PURE__ */ e(
+      Hi,
+      {
+        collection: g,
+        open: Z,
+        onOpenChange: q
+      }
     )
   ] });
 }
-function Ui({
+function Ji({
   open: t,
   handleOk: a,
   handleCancel: r,
@@ -4966,19 +5029,19 @@ function Ui({
   title: s
 }) {
   return /* @__PURE__ */ n(
-    Me,
+    Ie,
     {
       open: t,
       onOpenChange: (o) => o ? r() : a(),
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       children: [
-        /* @__PURE__ */ n(He, { 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(Ge, { 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 Ui({
     }
   );
 }
-function $i({ open: t, onClose: a }) {
-  const { entityViews: r } = qe();
+function Qi({ open: t, onClose: a }) {
+  const { entityViews: r } = Ae();
   return /* @__PURE__ */ n(
-    Me,
+    Ie,
     {
       maxWidth: "md",
       open: t,
       children: [
-        /* @__PURE__ */ n(He, { children: [
+        /* @__PURE__ */ n(De, { children: [
           /* @__PURE__ */ e(P, { variant: "h6", children: "Select view" }),
           r?.map((i) => /* @__PURE__ */ n(
             E,
@@ -5012,12 +5075,12 @@ function $i({ open: t, onClose: a }) {
             i.key
           ))
         ] }),
-        /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(E, { onClick: () => a(), children: "Cancel" }) })
+        /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(E, { onClick: () => a(), children: "Cancel" }) })
       ]
     }
   );
 }
-function Li({
+function Wi({
   collection: t,
   parentCollection: a,
   configController: r,
@@ -5025,19 +5088,19 @@ function Li({
   getUser: s,
   parentPathSegments: o
 }) {
-  const { entityViews: l } = qe(), [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) => ja(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(dt, { 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(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(zt, { children: /* @__PURE__ */ e(Tt, { children: O.map((v) => /* @__PURE__ */ n(
-          ft,
+        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({
               isNewCollection: !1,
@@ -5045,25 +5108,25 @@ function Li({
             }),
             children: [
               /* @__PURE__ */ e(
-                Ue,
+                Ke,
                 {
                   align: "left",
                   children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
                 }
               ),
               /* @__PURE__ */ e(
-                Ue,
+                Ke,
                 {
                   align: "right",
                   children: /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
-                    me,
+                    re,
                     {
                       size: "small",
                       onClick: (T) => {
                         T.preventDefault(), T.stopPropagation(), m(v.path);
                       },
                       color: "inherit",
-                      children: /* @__PURE__ */ e(st, { size: "small" })
+                      children: /* @__PURE__ */ e(dt, { size: "small" })
                     }
                   ) })
                 }
@@ -5081,42 +5144,42 @@ function Li({
               });
             },
             variant: "outlined",
-            startIcon: /* @__PURE__ */ e(Ne, {}),
+            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(Pe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(zt, { children: /* @__PURE__ */ n(Tt, { children: [
-          h.map((v) => /* @__PURE__ */ n(ft, { 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(
-              Ue,
+              Ke,
               {
                 align: "left",
                 children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
               }
             ),
             /* @__PURE__ */ e(
-              Ue,
+              Ke,
               {
                 align: "right",
                 children: /* @__PURE__ */ e(ae, { title: "Remove", children: /* @__PURE__ */ e(
-                  me,
+                  re,
                   {
                     size: "small",
                     onClick: (T) => {
                       T.preventDefault(), T.stopPropagation(), g(v.key);
                     },
                     color: "inherit",
-                    children: /* @__PURE__ */ e(st, { size: "small" })
+                    children: /* @__PURE__ */ e(dt, { size: "small" })
                   }
                 ) })
               }
             )
           ] }, v.key)),
-          w.map((v) => /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ n(
-            Ue,
+          w.map((v) => /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ n(
+            Ke,
             {
               align: "left",
               children: [
@@ -5129,7 +5192,7 @@ function Li({
             }
           ) }, v.key))
         ] }) }) }) }),
-        b === 0 && /* @__PURE__ */ e(Wt, { 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 Li({
               c(!0);
             },
             variant: "outlined",
-            startIcon: /* @__PURE__ */ e(Ne, {}),
+            startIcon: /* @__PURE__ */ e(qe, {}),
             children: "Add custom entity view"
           }
         )
       ] })
     ] }) }),
     d && /* @__PURE__ */ e(
-      lt,
+      pt,
       {
         open: !!d,
         onAccept: () => {
@@ -5163,7 +5226,7 @@ function Li({
       }
     ),
     p && /* @__PURE__ */ e(
-      lt,
+      pt,
       {
         open: !!p,
         onAccept: () => {
@@ -5179,7 +5242,7 @@ function Li({
       }
     ),
     /* @__PURE__ */ e(
-      ca,
+      da,
       {
         open: !!f,
         configController: r,
@@ -5195,7 +5258,7 @@ function Li({
       }
     ),
     /* @__PURE__ */ e(
-      $i,
+      Qi,
       {
         open: u,
         onClose: (v) => {
@@ -5205,7 +5268,7 @@ function Li({
     )
   ] });
 }
-const Bt = {
+const Mt = {
   path: "products",
   name: "Products",
   singularName: "Product",
@@ -5290,7 +5353,7 @@ const Bt = {
       autoValue: "on_create"
     }
   }
-}, Mt = {
+}, Dt = {
   path: "blog",
   name: "Blog",
   singularName: "Blog entry",
@@ -5402,7 +5465,7 @@ const Bt = {
   initialFilter: {
     status: ["==", "published"]
   }
-}, Dt = {
+}, Rt = {
   path: "users",
   name: "Users",
   singularName: "User",
@@ -5434,15 +5497,15 @@ const Bt = {
     }
   }
 };
-function Ki({
+function Zi({
   path: t,
   pathSuggestions: a,
   parentCollection: r,
   onContinue: i,
   collections: s
 }) {
-  const [o, l] = Y(!1), [d, m] = Y();
-  pe(() => {
+  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 Ki({
     setFieldTouched: k,
     isSubmitting: _,
     submitCount: O
-  } = L();
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(dt, { 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 Ki({
         children: /* @__PURE__ */ e(P, { variant: "h4", className: "flex-grow", children: "New collection" })
       }
     ),
-    r && /* @__PURE__ */ e(nt, { 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 Ki({
         }
       ),
       /* @__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(Ye, { size: "small" }),
+        o && !d && /* @__PURE__ */ e(Je, { size: "small" }),
         d?.map((h, w) => /* @__PURE__ */ e(
-          nt,
+          ct,
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              c("name", Ct(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
@@ -5508,35 +5571,35 @@ function Ki({
       ),
       /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
         /* @__PURE__ */ e(
-          vt,
+          wt,
           {
             title: "Products",
             subtitle: "A collection of products with images, prices and stock",
-            icon: /* @__PURE__ */ e(rt, { size: "small", iconKey: Bt.icon }),
+            icon: /* @__PURE__ */ e(st, { size: "small", iconKey: Mt.icon }),
             onClick: () => {
-              p(Bt), i();
+              p(Mt), i();
             }
           }
         ),
         /* @__PURE__ */ e(
-          vt,
+          wt,
           {
             title: "Blog posts",
             subtitle: "A collection of blog posts with images, authors and complex content",
-            icon: /* @__PURE__ */ e(rt, { size: "small", iconKey: Mt.icon }),
+            icon: /* @__PURE__ */ e(st, { size: "small", iconKey: Dt.icon }),
             onClick: () => {
-              p(Mt), i();
+              p(Dt), i();
             }
           }
         ),
         /* @__PURE__ */ e(
-          vt,
+          wt,
           {
             title: "Users",
             subtitle: "A collection of users with emails, names and roles",
-            icon: /* @__PURE__ */ e(rt, { size: "small", iconKey: Dt.icon }),
+            icon: /* @__PURE__ */ e(st, { size: "small", iconKey: Rt.icon }),
             onClick: () => {
-              p(Dt), i();
+              p(Rt), i();
             }
           }
         )
@@ -5552,22 +5615,22 @@ function Ki({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ai, { 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" }) })
   ] }) });
 }
-function vt({
+function wt({
   title: t,
   subtitle: a,
   icon: r,
   onClick: i
 }) {
   return /* @__PURE__ */ e(ae, { title: a, children: /* @__PURE__ */ n(
-    ea,
+    ta,
     {
       onClick: i,
-      className: _e(
+      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 vt({
     }
   ) });
 }
-const Yi = [
+const Xi = [
   "text_field",
   "multiline",
   "markdown",
@@ -5609,10 +5672,10 @@ const Yi = [
   "date_time",
   "repeat",
   "block"
-], Hi = Object.entries(_t).filter(
-  ([t]) => Yi.includes(t)
+], er = Object.entries(kt).filter(
+  ([t]) => Xi.includes(t)
 );
-function Gi({
+function tr({
   importConfig: t,
   customFields: a,
   collectionEditable: r
@@ -5621,18 +5684,18 @@ function Gi({
     setFieldValue: i,
     setFieldTouched: s,
     values: o
-  } = L(), [l, d] = Y(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 ? se(f, _) : void 0, h = O ? we(O) : void 0, w = (v) => v ? m.current[v] ?? N(o, Oe(v)) : m.current[""], b = (v, T) => {
-      const I = Oe(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 = se(k, _), T = we(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 Gi({
     property: k,
     namespace: _
   }) => {
-    const O = f ? se(f, _) : void 0, h = O ? we(O) : void 0, w = t.importData.map((v) => N(v, y)), b = {
-      ...Ja(w, k, aa),
+    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 Gi({
     }), 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(dt, { 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(
-        ii,
+        li,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
@@ -5671,7 +5734,7 @@ function Gi({
             propertyKey: y,
             importKey: k
           }) => /* @__PURE__ */ e(
-            ri,
+            ci,
             {
               property: f,
               propertyKey: y,
@@ -5684,7 +5747,7 @@ function Gi({
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Qi,
+                ar,
                 {
                   property: f,
                   disabled: !1,
@@ -5726,14 +5789,14 @@ function Gi({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Qi({
+function ar({
   property: t,
   onPropertyChanged: a,
   propertyKey: r,
   customFields: i,
   disabled: s
 }) {
-  const { fields: o } = qe(), l = t ? Jt(t) : null, d = t ? Ze(t, o) : null, [m, u] = Y(!1);
+  const { fields: o } = Ae(), l = t ? Zt(t) : null, d = t ? We(t, o) : null, [m, u] = L(!1);
   return /* @__PURE__ */ e(
     ae,
     {
@@ -5751,9 +5814,9 @@ function Qi({
           value: l ?? "",
           placeholder: "Select a property widget",
           position: "item-aligned",
-          renderValue: (c) => d ? /* @__PURE__ */ e(Je, { propertyConfig: d }) : null,
+          renderValue: (c) => d ? /* @__PURE__ */ e(Ze, { propertyConfig: d }) : null,
           onValueChange: (c) => {
-            const p = oa(t, c, i);
+            const p = na(t, c, i);
             r && (a({
               id: r,
               property: p,
@@ -5761,8 +5824,8 @@ function Qi({
               namespace: void 0
             }), console.log("newSelectedWidgetId", c));
           },
-          children: Hi.map(([c, p]) => /* @__PURE__ */ e(
-            na,
+          children: er.map(([c, p]) => /* @__PURE__ */ e(
+            sa,
             {
               value: c,
               optionDisabled: !1,
@@ -5776,14 +5839,14 @@ function Qi({
     }
   );
 }
-function Zi({ importConfig: t, properties: a, propertiesOrder: r }) {
-  pe(() => {
-    const s = oi(t.originProperties, a), o = t.importData.map((l) => ni(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 = Fa();
+  const i = Ea();
   return /* @__PURE__ */ e(
-    Ia,
+    Ba,
     {
       title: /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Imported data preview" }),
@@ -5803,11 +5866,11 @@ function Zi({ importConfig: t, properties: a, propertiesOrder: r }) {
     }
   );
 }
-function la(t, a = "") {
+function ca(t, a = "") {
   const r = Object.keys(t).reduce((o, l) => {
-    const d = t[l], m = Ea(l), u = a ? `${a}.${m}` : m;
+    const d = t[l], m = Ma(l), u = a ? `${a}.${m}` : m;
     if (d.dataType === "map" && d.properties) {
-      const g = la(d.properties, u);
+      const g = ca(d.properties, u);
       return {
         headersMapping: { ...o.headersMapping, [l]: u },
         properties: {
@@ -5835,14 +5898,14 @@ function la(t, a = "") {
     idColumn: s
   };
 }
-function ca(t) {
-  const a = t.open, [r, i] = ve.useState(!1), [s, o] = ve.useState(!1), l = Q(() => {
+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 pe(() => {
+  return de(() => {
     a || (i(!1), o(!1));
   }, [a]), /* @__PURE__ */ n(
-    Me,
+    Ie,
     {
       open: a,
       fullWidth: !0,
@@ -5852,7 +5915,7 @@ function ca(t) {
       onOpenChange: (d) => d ? void 0 : l(),
       children: [
         a && /* @__PURE__ */ e(
-          Ji,
+          rr,
           {
             ...t,
             handleCancel: l,
@@ -5860,7 +5923,7 @@ function ca(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Ui,
+          Ji,
           {
             open: s,
             handleOk: () => t.handleClose(void 0),
@@ -5872,7 +5935,7 @@ function ca(t) {
     }
   );
 }
-function Ji({
+function rr({
   isNewCollection: t,
   initialValues: a,
   configController: r,
@@ -5890,153 +5953,153 @@ function Ji({
   parentCollection: y,
   getData: k
 }) {
-  const { fields: _ } = qe(), O = De(), {
+  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 = si();
+  } = 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 = Qe(), C = Re(), j = $e({}), J = t ? b ? "welcome" : "details" : "properties", [q, U] = Y(J), [ie, ke] = ve.useState(), [he, M] = ve.useState(), [Z, te] = ve.useState(!1), [re, de] = ve.useState();
-  pe(() => {
+  } = 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), te(!0));
+      O.initialised && (R(i ? O.getCollectionFromPaths([...s ?? [], i]) : void 0), ee(!0));
     } catch (z) {
-      console.error(z), de(re);
+      console.error(z), me(pe);
     }
-  }, [O.getCollectionFromPaths, i, re, O.initialised]);
-  const Se = (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(() => (ke(void 0), !0)).catch((D) => (ke(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));
-  }, xe = he ?? {
+  }, fe = ie ?? {
     path: a?.path ?? "",
     name: a?.name ?? "",
     group: a?.group ?? "",
     properties: {},
     propertiesOrder: [],
-    icon: wt[Math.floor(Math.random() * wt.length)],
+    icon: _t[Math.floor(Math.random() * _t.length)],
     ownerId: C.user?.uid ?? ""
-  }, W = Q(() => {
-    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]), fe = Q((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]), ut = Q(async (z) => {
-    if (!fe)
-      return M(z), Promise.resolve(z);
-    U("loading");
-    const K = await fe?.(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, fe]), We = (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) {
-        Se(z).then(() => {
-          K.resetForm({ values: xe }), d(z);
+        ge(z).then(() => {
+          Y.resetForm({ values: fe }), d(z);
         });
         return;
       }
-      q === "welcome" ? (W(), K.resetForm({ values: z })) : q === "details" ? u || A.inUse ? (K.resetForm({ values: z }), W()) : t ? ut(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
           }
         });
       }).finally(() => {
-        W();
-      }) : (K.resetForm({ values: z }), W()) : q === "extra_view" ? (W(), K.resetForm({ values: z })) : q === "import_data_mapping" || q === "import_data_preview" ? W() : q === "properties" ? Se(z).then(() => {
-        K.resetForm({ values: xe }), W(), d(z);
-      }) : (W(), K.resetForm({ values: z }));
-    } catch (D) {
+        X();
+      }) : (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 || !Z) ? /* @__PURE__ */ e(Vt, {}) : /* @__PURE__ */ e(He, { fullHeight: !0, children: /* @__PURE__ */ e(
-    Ot,
+  return !t && (!O.initialised || !Q) ? /* @__PURE__ */ e(jt, {}) : /* @__PURE__ */ e(De, { fullHeight: !0, children: /* @__PURE__ */ e(
+    Pt,
     {
-      initialValues: xe,
-      validationSchema: (q === "properties" || q === "subcollections" || q === "details") && di,
+      initialValues: fe,
+      validationSchema: (q === "properties" || q === "subcollections" || q === "details") && gi,
       validate: () => {
         if (q === "properties")
           return j.current;
       },
-      onSubmit: We,
+      onSubmit: et,
       children: ({
         values: z,
-        setFieldValue: K,
-        isSubmitting: D,
-        dirty: Xe,
-        submitCount: V
+        setFieldValue: Y,
+        isSubmitting: U,
+        dirty: Le,
+        submitCount: tt
       }) => {
-        const F = z.path ?? i, H = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + F : F, oe = O.resolveAliasesFrom(H), ne = oe && k ? () => k(oe) : void 0;
-        pe(() => {
-          p(Xe);
-        }, [Xe]);
-        function be(X) {
-          A.setInUse(!0), Wa(X, aa).then((ze) => {
-            const Te = la(ze);
-            K("properties", Te.properties), K("propertiesOrder", Object.keys(Te.properties)), A.setIdColumn(Te.idColumn), A.setImportData(X), A.setHeadersMapping(Te.headersMapping), A.setOriginProperties(Te.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 ht = !!z.name && !!z.path, et = () => {
-          const X = { ...z.properties };
-          A.idColumn && delete X[A.idColumn], K("properties", X), W(), 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: X
+            properties: W
           });
-        }, gt = he?.editable || t;
+        }, at = ie?.editable || t;
         return /* @__PURE__ */ n(B, { children: [
           !t && /* @__PURE__ */ n(
-            Ba,
+            Da,
             {
               value: q,
-              className: _e(xt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (X) => U(X),
+              className: xe(Ct, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+              onValueChange: (W) => M(W),
               children: [
-                /* @__PURE__ */ e(bt, { value: "details", children: "Details" }),
-                /* @__PURE__ */ e(bt, { value: "properties", children: "Properties" }),
-                /* @__PURE__ */ e(bt, { value: "subcollections", children: "Additional views" })
+                /* @__PURE__ */ e(yt, { value: "details", children: "Details" }),
+                /* @__PURE__ */ e(yt, { value: "properties", children: "Properties" }),
+                /* @__PURE__ */ e(yt, { value: "subcollections", children: "Additional views" })
               ]
             }
           ),
           /* @__PURE__ */ n(
-            Ga,
+            Qa,
             {
               noValidate: !0,
-              className: _e(
+              className: xe(
                 t ? "h-full" : "h-[calc(100%-48px)]",
                 "flex-grow flex flex-col relative"
               ),
               children: [
-                q === "loading" && /* @__PURE__ */ e(Vt, {}),
-                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(
-                  Ki,
+                  Zi,
                   {
-                    path: F,
-                    onContinue: (X) => {
-                      X ? (be(X), 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 Ji({
                   }
                 ),
                 q === "import_data_mapping" && A && /* @__PURE__ */ e(
-                  Gi,
+                  tr,
                   {
                     importConfig: A,
-                    collectionEditable: gt,
+                    collectionEditable: at,
                     customFields: _
                   }
                 ),
                 q === "import_data_preview" && A && /* @__PURE__ */ e(
-                  Zi,
+                  ir,
                   {
                     importConfig: A,
                     properties: z.properties,
@@ -6060,12 +6123,12 @@ function Ji({
                   }
                 ),
                 q === "import_data_saving" && A && /* @__PURE__ */ e(
-                  li,
+                  ui,
                   {
                     importConfig: A,
                     collection: z,
-                    onImportSuccess: (X) => {
-                      d(X), x.open({
+                    onImportSuccess: (W) => {
+                      d(W), x.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -6073,67 +6136,67 @@ function Ji({
                   }
                 ),
                 q === "details" && /* @__PURE__ */ e(
-                  ui,
+                  yi,
                   {
                     existingPaths: T,
-                    existingAliases: I,
+                    existingAliases: F,
                     groups: S,
                     parentCollection: y,
                     isNewCollection: t
                   }
                 ),
-                q === "subcollections" && he && /* @__PURE__ */ e(
-                  Li,
+                q === "subcollections" && ie && /* @__PURE__ */ e(
+                  Wi,
                   {
                     parentCollection: y,
                     configController: r,
                     getUser: f,
                     collectionInference: l,
                     parentPathSegments: s,
-                    collection: he
+                    collection: ie
                   }
                 ),
                 q === "properties" && /* @__PURE__ */ e(
-                  Ri,
+                  Gi,
                   {
-                    showErrors: V > 0,
+                    showErrors: tt > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (X, ze, Te) => {
-                      j.current = Ma({
+                    onPropertyError: (W, ft, ve) => {
+                      j.current = Ra({
                         ...j.current,
-                        [X]: Te
+                        [W]: ve
                       }, !0);
                     },
                     getUser: f,
-                    getData: ne,
-                    doCollectionInference: fe,
+                    getData: H,
+                    doCollectionInference: Oe,
                     customFields: _,
-                    collectionEditable: gt,
+                    collectionEditable: at,
                     extraIcon: u?.icon && /* @__PURE__ */ e(
-                      me,
+                      re,
                       {
                         color: "primary",
-                        onClick: () => U("extra_view"),
+                        onClick: () => M("extra_view"),
                         children: u.icon
                       }
                     )
                   }
                 ),
                 q !== "welcome" && /* @__PURE__ */ n(
-                  Ge,
+                  Re,
                   {
                     position: "absolute",
                     children: [
-                      ie && /* @__PURE__ */ e(ta, { error: ie }),
+                      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(tt, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6144,10 +6207,10 @@ function Ji({
                           variant: "text",
                           type: "button",
                           onClick: () => {
-                            Se(z), U("import_data_mapping");
+                            ge(z), M("import_data_mapping");
                           },
                           children: [
-                            /* @__PURE__ */ e(tt, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6157,9 +6220,9 @@ function Ji({
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => U("welcome"),
+                          onClick: () => M("welcome"),
                           children: [
-                            /* @__PURE__ */ e(tt, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6169,9 +6232,9 @@ function Ji({
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => U("details"),
+                          onClick: () => M("details"),
                           children: [
-                            /* @__PURE__ */ e(tt, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6191,7 +6254,7 @@ function Ji({
                         {
                           variant: "filled",
                           color: "primary",
-                          onClick: et,
+                          onClick: ye,
                           children: "Next"
                         }
                       ),
@@ -6201,20 +6264,20 @@ function Ji({
                           variant: "filled",
                           color: "primary",
                           onClick: () => {
-                            W();
+                            X();
                           },
                           children: "Next"
                         }
                       ),
                       t && (q === "details" || q === "properties") && /* @__PURE__ */ n(
-                        jt,
+                        Ft,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
-                          loading: D,
-                          disabled: D || q === "details" && !ht,
-                          startIcon: q === "properties" ? /* @__PURE__ */ e(Da, {}) : void 0,
+                          loading: U,
+                          disabled: U || q === "details" && !oe,
+                          startIcon: q === "properties" ? /* @__PURE__ */ e(Ua, {}) : void 0,
                           children: [
                             q === "details" && "Next",
                             q === "properties" && "Create collection"
@@ -6222,12 +6285,12 @@ function Ji({
                         }
                       ),
                       !t && /* @__PURE__ */ e(
-                        jt,
+                        Ft,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
-                          loading: D,
+                          loading: U,
                           children: "Update collection"
                         }
                       )
@@ -6242,7 +6305,7 @@ function Ji({
     }
   ) });
 }
-const da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
+const pa = D.createContext({}), ma = D.createContext({}), or = D.memo(
   function({
     children: a,
     collectionConfigController: r,
@@ -6254,69 +6317,69 @@ const da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
     getUser: m,
     getData: u
   }) {
-    const c = De(), p = ci(), g = Qe(), { fields: f } = qe(), {
+    const c = Ue(), p = hi(), g = Qe(), { fields: f } = Ae(), {
       collections: y
-    } = c, k = y.map((C) => C.path.trim().toLowerCase()), [_, O] = R.useState();
-    pe(() => {
+    } = 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 = Q(() => ({
+    const [h, w] = D.useState(), [b, v] = D.useState(), T = J(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), I = Q(({
+    }), []), F = J(({
       path: C,
       fullPath: j,
-      parentPathSegments: J,
+      parentPathSegments: Z,
       parentCollection: q
     }) => {
       w({
         editedCollectionPath: C,
         fullPath: j,
-        parentPathSegments: J,
+        parentPathSegments: Z,
         isNewCollection: !1,
         parentCollection: q,
         redirect: !1
       });
-    }, []), A = Q(({
+    }, []), A = J(({
       propertyKey: C,
       property: j,
-      editedCollectionPath: J,
+      editedCollectionPath: Z,
       currentPropertiesOrder: q,
-      parentPathSegments: U,
-      collection: ie
+      parentPathSegments: M,
+      collection: he
     }) => {
-      const ke = C && C.includes(".") ? C.substring(0, C.lastIndexOf(".")) : void 0, he = C && C.includes(".") ? C.substring(C.lastIndexOf(".") + 1) : C;
-      console.log("edit property", he, ie), v({
-        propertyKey: he,
+      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: ke,
+        namespace: Ce,
         currentPropertiesOrder: q,
-        editedCollectionPath: J,
-        parentPathSegments: U,
-        collectionEditable: ie?.editable ?? !1
+        editedCollectionPath: Z,
+        parentPathSegments: M,
+        collectionEditable: he?.editable ?? !1
       });
-    }, []), S = R.useCallback(({
+    }, []), S = D.useCallback(({
       parentPathSegments: C,
       parentCollection: j,
-      initialValues: J,
+      initialValues: Z,
       redirect: q
     }) => {
       w({
         isNewCollection: !0,
         parentPathSegments: C,
         parentCollection: j,
-        initialValues: J,
+        initialValues: Z,
         redirect: q
       });
     }, []), x = d ? (C) => !C && _ ? Promise.resolve(_) : d?.(C) : void 0;
-    return /* @__PURE__ */ e(da.Provider, { value: r, children: /* @__PURE__ */ n(
-      pa.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 da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
         children: [
           a,
           /* @__PURE__ */ e(
-            ca,
+            da,
             {
               open: !!h,
               configController: r,
@@ -6366,12 +6429,12 @@ const da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
               }) => {
                 if (!b || !C)
                   return;
-                const J = !b.propertyKey;
+                const Z = !b.propertyKey;
                 return r.saveProperty({
                   path: b?.editedCollectionPath,
                   property: j,
                   propertyKey: C,
-                  newPropertiesOrder: J && 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,20 +6481,20 @@ const da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
       }
     ) });
   },
-  ct
-), Ee = () => $t(pa), ma = () => $t(da);
-function Xi({
+  mt
+), Be = () => Lt(ma), ua = () => Lt(pa);
+function nr({
   path: t,
   parentPathSegments: a,
   collection: r,
   tableController: i
 }) {
-  const s = Re(), o = De(), l = Ee(), d = ma(), m = Qe(), 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 (!ct(it(i.filterValues), it(r.initialFilter)) || !ct(it(i.sortBy), it(r.initialSort))) && (p = /* @__PURE__ */ e(
+  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",
@@ -6457,7 +6520,7 @@ function Xi({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e(Ra, {})
+          children: /* @__PURE__ */ e($a, {})
         }
       )
     }
@@ -6468,59 +6531,59 @@ function Xi({
       {
         title: c ? "Edit collection" : "You don't have permissions to edit this collection",
         children: /* @__PURE__ */ e(
-          me,
+          re,
           {
             color: "primary",
             disabled: !c,
             onClick: c ? () => l?.editCollection({ path: r.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
-            children: /* @__PURE__ */ e(Ke, {})
+            children: /* @__PURE__ */ e(Ge, {})
           }
         )
       }
     )
   ] });
 }
-function it(t) {
+function nt(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function er({
+function sr({
   path: t,
   collection: a
 }) {
-  const r = Re(), i = ma(), s = Ee(), o = s.configPermissions({
+  const r = $e(), i = ua(), s = Be(), o = s.configPermissions({
     user: r.user,
     collection: a
-  }), l = Q(() => {
+  }), l = J(() => {
     s?.editCollection({ path: t, parentPathSegments: [] });
-  }, [s, t]), [d, m] = Y(!1), u = Q(() => {
+  }, [s, t]), [d, m] = L(!1), u = J(() => {
     i?.deleteCollection({ path: t });
   }, [t, i]);
   return /* @__PURE__ */ n(B, { children: [
     /* @__PURE__ */ n("div", { children: [
       o.deleteCollections && /* @__PURE__ */ e(
-        Ua,
+        La,
         {
-          trigger: /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e($a, { size: "small" }) }),
-          children: /* @__PURE__ */ n(La, { onClick: (c) => {
+          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(st, {}),
+            /* @__PURE__ */ e(dt, {}),
             "Delete"
           ] })
         }
       ),
       o.editCollections && /* @__PURE__ */ e(
-        me,
+        re,
         {
           onClick: (c) => {
             l();
           },
-          children: /* @__PURE__ */ e(Ke, { size: "small" })
+          children: /* @__PURE__ */ e(Ge, { size: "small" })
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      lt,
+      pt,
       {
         open: d,
         onAccept: u,
@@ -6535,19 +6598,19 @@ function er({
     )
   ] });
 }
-function tr({
+function lr({
   group: t,
   context: a
 }) {
   if (!a.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const r = Re(), i = Ee(), s = i.configPermissions ? i.configPermissions({
+  const r = $e(), i = Be(), s = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
-    ea,
+    ta,
     {
-      className: _e("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 tr({
         {
           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(Ne, { color: "primary" }),
+            /* @__PURE__ */ e(qe, { color: "primary" }),
             /* @__PURE__ */ e(
               P,
               {
@@ -6575,12 +6638,12 @@ function tr({
     }
   );
 }
-function ar() {
-  const t = Re(), a = De(), r = Ee(), 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(
-    Ka,
+    Ha,
     {
       in: o,
       children: /* @__PURE__ */ n(
@@ -6594,12 +6657,12 @@ function ar() {
               {
                 className: "flex flex-row gap-1 overflow-scroll no-scrollbar ",
                 children: s.map((l) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                  nt,
+                  ct,
                   {
-                    icon: /* @__PURE__ */ e(Ne, { size: "small" }),
+                    icon: /* @__PURE__ */ e(qe, { size: "small" }),
                     colorScheme: "cyanLighter",
                     onClick: r && i ? () => r.createCollection({
-                      initialValues: { path: l, name: Ct(l) },
+                      initialValues: { path: l, name: Ot(l) },
                       parentPathSegments: [],
                       redirect: !0
                     }) : void 0,
@@ -6615,30 +6678,30 @@ function ar() {
     }
   );
 }
-function ua(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 ? ir(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 ir(t, a) {
-  const r = ua(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] = ha(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 = Rt(t), l = Rt(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,
-    properties: Ya(i, d),
+    properties: Ga(i, d),
     propertiesOrder: d,
     entityViews: m
   };
 }
-function ha(t, a) {
-  if (le(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 ha(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] = ha(g, l[p]));
+        g && (c[p] = ga(g, l[p]));
       }), { ...r, editable: i && s, properties: c, propertiesOrder: u };
     }
     return { ...r, editable: i && s };
   }
 }
-function Rt(t) {
+function Ut(t) {
   return t.propertiesOrder && t.propertiesOrder.length > 0 ? t.propertiesOrder : [
     ...Object.keys(t.properties),
     ...(t.additionalFields ?? [])?.map((a) => a.id)
   ];
 }
-function rr({
+function pr({
   propertyKey: t,
   onHover: a,
   property: r,
@@ -6666,9 +6729,9 @@ function rr({
   parentPathSegments: s,
   collection: o
 }) {
-  const l = Ee();
+  const l = Be();
   return /* @__PURE__ */ e(ae, { title: "Edit", children: /* @__PURE__ */ e(
-    me,
+    re,
     {
       className: a ? "bg-white dark:bg-gray-950" : "hidden",
       onClick: () => {
@@ -6681,16 +6744,16 @@ function rr({
         });
       },
       size: "small",
-      children: /* @__PURE__ */ e(Ke, { size: "small" })
+      children: /* @__PURE__ */ e(Ge, { size: "small" })
     }
   ) });
 }
-function or({
+function mr({
   fullPath: t,
   parentPathSegments: a,
   collection: r
 }) {
-  const i = Re(), s = Ee(), o = s.configPermissions ? s.configPermissions({
+  const i = $e(), s = Be(), o = s.configPermissions ? s.configPermissions({
     user: i.user,
     collection: r
   }).editCollections : !0;
@@ -6702,15 +6765,15 @@ function or({
         s.editProperty({
           editedCollectionPath: t,
           parentPathSegments: a,
-          currentPropertiesOrder: Ha(r),
+          currentPropertiesOrder: Ja(r),
           collection: r
         });
       },
-      children: /* @__PURE__ */ e(Ne, { color: "inherit" })
+      children: /* @__PURE__ */ e(qe, { color: "inherit" })
     }
   ) });
 }
-function br({
+function Pr({
   collectionConfigController: t,
   configPermissions: a,
   reservedGroups: r,
@@ -6720,12 +6783,12 @@ function br({
   collectionInference: l,
   getData: d
 }) {
-  const m = Q(
+  const m = J(
     (u) => {
       const c = (g) => {
-        Xt(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 }), ua(p, u);
+      return p.forEach(c), console.debug("Injecting collections", { editableCollections: p, collections: u }), ha(p, u);
     },
     [t.collections]
   );
@@ -6734,10 +6797,10 @@ function br({
     loading: t.loading,
     collections: {
       injectCollections: m,
-      CollectionActions: Xi
+      CollectionActions: nr
     },
     provider: {
-      Component: Wi,
+      Component: or,
       props: {
         collectionConfigController: t,
         configPermissions: a,
@@ -6750,20 +6813,20 @@ function br({
       }
     },
     homePage: {
-      additionalChildrenStart: /* @__PURE__ */ e(ar, {}),
-      CollectionActions: er,
-      AdditionalCards: tr
+      additionalChildrenStart: /* @__PURE__ */ e(cr, {}),
+      CollectionActions: sr,
+      AdditionalCards: lr
     },
     collectionView: {
-      HeaderAction: rr,
-      AddColumnComponent: or
+      HeaderAction: pr,
+      AddColumnComponent: mr
     }
   };
 }
-function yr({ path: t }) {
-  const a = sr(t), r = nr(t), i = Ee();
+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(ta, { error: "No collection for path: " + a }),
+    /* @__PURE__ */ e(aa, { error: "No collection for path: " + a }),
     /* @__PURE__ */ e(
       E,
       {
@@ -6772,7 +6835,7 @@ function yr({ path: t }) {
         size: "small",
         onClick: () => {
           i.createCollection({
-            initialValues: { path: a, name: Ct(a) },
+            initialValues: { path: a, name: Ot(a) },
             parentPathSegments: r,
             redirect: !1
           });
@@ -6782,24 +6845,24 @@ function yr({ path: t }) {
     )
   ] });
 }
-function nr(t) {
+function ur(t) {
   const a = t.split("/");
   return a.filter((r, i) => i % 2 === 0 && i !== a.length - 1);
 }
-function sr(t) {
+function hr(t) {
   const a = t.split("/");
   return a[a.length - 1];
 }
 export {
-  yr as MissingReferenceWidget,
-  Le as editableProperty,
-  se as getFullId,
-  we as idToPropertiesPath,
-  Oe as namespaceToPropertiesOrderPath,
-  hi as namespaceToPropertiesPath,
-  _i as removeNonEditableProperties,
-  Ee as useCollectionEditorController,
-  br as useCollectionEditorPlugin,
-  ma as useCollectionsConfigController
+  Nr as MissingReferenceWidget,
+  He as editableProperty,
+  ne as getFullId,
+  ke as idToPropertiesPath,
+  Ne as namespaceToPropertiesOrderPath,
+  vi as namespaceToPropertiesPath,
+  Pi as removeNonEditableProperties,
+  Be as useCollectionEditorController,
+  Pr as useCollectionEditorPlugin,
+  ua as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map