@firecms/collection_editor 3.0.0-alpha.31 → 3.0.0-alpha.33

package/dist/index.es.js

@@ -1,18 +1,20 @@
 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")
+import * as _e from "react";
+import D, { useState as L, useCallback as J, useEffect as de, useMemo as $t, useRef as Ge, 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 H, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as xt, SettingsIcon as Je, Select as je, SelectItem as we, BooleanSwitchWithLabel as Yt, Dialog as Ie, toSnakeCase as Gt, singular as ka, ListIcon as xa, Button as E, CircularProgress as Qe, 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 Ue, 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 Ht, cardClickableMixin as Jt, cardSelectedMixin as Qt, FunctionsIcon as za, RemoveCircleIcon as Ta, defaultBorderMixin as Ct, RemoveIcon as Va, DragHandleIcon as ja, AddIcon as qe, useNavigationContext as $e, SelectGroup as zt, mergeDeep as $, getFieldId as Wt, DEFAULT_FIELD_CONFIGS as kt, InfoLabel as Zt, DeleteIcon as dt, DeleteConfirmationDialog as pt, ContentCopyIcon as Fa, useLargeLayout as Ia, CodeIcon as Ea, makePropertiesEditable as Xt, resolveEntityView as Ba, Table as Tt, TableBody as Vt, TableRow as bt, TableCell as Ye, unslugify as Ot, Card as ea, useSelectionController as Ma, EntityCollectionTable as Da, slugify as Ra, useAuthController as Le, CircularProgressCenter as jt, Tabs as Ua, Tab as yt, removeUndefined as $a, ErrorView as ta, ArrowBackIcon as rt, LoadingButton as Ft, DoneIcon as La, SaveIcon as Ka, Menu as Ya, MoreVertIcon as Ga, MenuItem as Ha, Collapse as Ja, sortProperties as Qa, getDefaultPropertiesOrder as Wa } 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 Za } from "formik";
+import * as vt from "yup";
+import * as Xa from "js-search";
+import { extractEnumFromValues as ei, buildPropertyFromData as ti, buildEntityPropertiesFromData as ai } from "@firecms/schema_inference";
+import { DragDropContext as ii, Droppable as ri, Draggable as oi } from "@hello-pangea/dnd";
+import ni from "json5";
+import { Highlight as si, themes as li } from "prism-react-renderer";
+import { ImportFileUpload as ci, DataNewPropertiesMapping as di, ImportNewPropertyFieldPreview as pi, getInferenceType as aa, getPropertiesMapping as mi, convertDataToEntity as ui, useImportConfig as hi, ImportSaveInProgress as gi } from "@firecms/data_import";
+import { useNavigate as fi } from "react-router";
+const bi = vt.object().shape({
+  name: vt.string().required("Required"),
+  path: vt.string().required("Required")
 }), ia = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "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 Xa.Search("key");
+Nt.addIndex("synonyms");
+Nt.addDocuments(Kt.map((t) => ({
   key: t,
   // @ts-ignore
   synonyms: ia[t] ?? []
 })));
-const pi = 220;
+const yi = 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\``);
+  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 vi({ 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),
+    }, yi),
     []
   );
-  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 wi({
   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", Gt(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,14 +2087,14 @@ 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,
+            as: H,
             label: "Path",
             validate: w,
             disabled: !t,
@@ -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(Je, {}),
             /* @__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,21 +2181,21 @@ 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,
+                  as: H,
                   disabled: !t,
                   label: "Alias",
                   validate: b,
                   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,
+          vi,
           {
             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 _i(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 ki = 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,
+          xi,
           {
             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 xi({
   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,
+      Ci,
       {
         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 = ei(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(Qe, { 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,
+        Oi,
         {
           index: c,
           open: c !== void 0,
@@ -2397,7 +2399,7 @@ function fi({
     ] })
   ] });
 }
-const bi = R.memo(
+const Ci = D.memo(
   function({
     index: a,
     shouldUpdateId: r,
@@ -2413,34 +2415,34 @@ 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,
+          as: H,
           className: "flex-grow",
           required: !0,
           disabled: l,
           size: "small",
-          validate: vi,
+          validate: Pi,
           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(Je, { 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 Oi({
   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,
+              as: H,
               required: !0,
-              validate: wi,
+              validate: Ni,
               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 Pi(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function wi(t) {
+function Ni(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,
@@ -2534,7 +2536,7 @@ function Ie({ disabled: t }) {
       }
     ) }),
     N(a, i) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         disabled: t,
         value: N(a, s),
@@ -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,
@@ -2598,7 +2600,7 @@ function Be({
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
           value: N(u, g),
           label: "Exact length",
@@ -2610,7 +2612,7 @@ function Be({
         }
       ) }),
       s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
           value: N(u, f),
           label: "Min length",
@@ -2622,7 +2624,7 @@ function Be({
         }
       ) }),
       i && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
           value: N(u, y),
           label: "Max length",
@@ -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),
+          as: H,
+          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,11 +2662,11 @@ 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,
+      H,
       {
         value: N(i, o),
         disabled: r,
@@ -2676,7 +2678,7 @@ function Nt({
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(i, l),
         disabled: r,
@@ -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 = Ue(), 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,
+      ki,
       {
         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,10 +2861,10 @@ function It({
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-            ge,
+            be,
             {
               name: d,
-              as: G,
+              as: H,
               label: "File name",
               size: "small",
               disabled: _ || r,
@@ -2871,10 +2873,10 @@ function It({
           ) }),
           /* @__PURE__ */ n("div", { className: "col-span-12", children: [
             /* @__PURE__ */ e(
-              ge,
+              be,
               {
                 name: m,
-                as: G,
+                as: H,
                 label: "Storage path",
                 disabled: O || r,
                 size: "small",
@@ -2894,7 +2896,7 @@ function It({
               ] })
             ] }),
             /* @__PURE__ */ e(
-              ge,
+              be,
               {
                 type: "checkbox",
                 name: u,
@@ -2909,28 +2911,28 @@ 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 Si(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: Si(i.properties)
         }
       } : { [a]: i };
   }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...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);
+  return He(t), /* @__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 : "",
+              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",
@@ -2992,14 +2994,7 @@ function ra({
                       color: "disabled",
                       children: t.dataType
                     }
-                  ) }),
-                  m && /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: "text-xs h-3 ml-0.5",
-                      children: /* @__PURE__ */ e(Zt, { color: "disabled" })
-                    }
-                  )
+                  ) })
                 ] })
               ] }),
               s && /* @__PURE__ */ e(P, { variant: "button", children: "EDIT" })
@@ -3010,13 +3005,13 @@ function ra({
     }
   ) });
 }
-function ki({
+function qi({
   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 +3019,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(Ta, { 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 : "",
+              r ? Jt : "",
               a ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
@@ -3066,7 +3061,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 +3070,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 +3079,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 +3096,7 @@ function ki({
     }
   );
 }
-function mt({
+function gt({
   namespace: t,
   selectedPropertyKey: a,
   onPropertyClick: r,
@@ -3115,13 +3110,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(ii, { onDragEnd: f, children: /* @__PURE__ */ e(ri, { droppableId: `droppable_${t}`, children: (y, k) => /* @__PURE__ */ n(
     "div",
     {
       ...y.droppableProps,
@@ -3129,14 +3124,14 @@ function mt({
       className: u,
       children: [
         g && g.map((_, O) => {
-          const h = i[_], w = o?.find((b) => b.id === _);
+          const h = i[_], w = o?.find((b) => b.key === _);
           return !h && !w ? (console.warn(`Property ${_} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            ti,
+            oi,
             {
               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(
+                Ai,
                 {
                   propertyKey: _,
                   propertyOrBuilder: h,
@@ -3161,7 +3156,7 @@ function mt({
     }
   ) }) }) });
 }
-function xi({
+function Ai({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: r,
@@ -3175,12 +3170,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 +3189,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 +3201,7 @@ function xi({
         y && /* @__PURE__ */ e(
           "div",
           {
-            className: "absolute border-l " + xt,
+            className: "absolute border-l " + Ct,
             style: {
               left: "32px",
               top: "64px",
@@ -3214,7 +3209,7 @@ function xi({
             }
           }
         ),
-        !le(r) && !i && O ? /* @__PURE__ */ e(
+        !se(r) && !i && O ? /* @__PURE__ */ e(
           ra,
           {
             property: r,
@@ -3224,7 +3219,7 @@ function xi({
             hasError: k
           }
         ) : /* @__PURE__ */ e(
-          ki,
+          qi,
           {
             name: t,
             property: r,
@@ -3233,22 +3228,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(Va, { 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(ja, { size: "small" })
             }
           ) })
         ] }),
@@ -3257,11 +3252,11 @@ function xi({
     }
   );
 }
-function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
+function zi({ 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 +3266,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, _i(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 +3293,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 +3319,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 +3328,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 +3359,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Oi({
+function Ti({
   showErrors: t,
   existing: a,
   disabled: r,
@@ -3373,25 +3368,25 @@ 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,
               {
@@ -3439,10 +3434,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 Vi = D.forwardRef(
   function({
     showErrors: a,
     disabledId: r,
@@ -3452,75 +3447,75 @@ 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,
+            as: H,
             style: { fontSize: 20 },
-            validate: qi,
+            validate: Ii,
             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) => Fi(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,
+            as: H,
             label: "Description",
             disabled: s,
             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) {
+), ji = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function Fi(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(ji) && (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 Ii(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Ai({
+function Ei({
   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 +3529,7 @@ function Ai({
         }
       ),
       t === "multiline" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           length: !0,
@@ -3547,7 +3542,7 @@ function Ai({
         }
       ),
       t === "markdown" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           length: !0,
@@ -3560,7 +3555,7 @@ function Ai({
         }
       ),
       t === "url" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           max: !0,
@@ -3570,7 +3565,7 @@ function Ai({
         }
       ),
       t === "email" && /* @__PURE__ */ e(
-        Be,
+        Me,
         {
           disabled: a,
           max: !0,
@@ -3594,12 +3589,12 @@ function Ai({
     ) })
   ] });
 }
-function zi({ disabled: t }) {
-  const { values: a } = L(), r = N(a, "defaultValue");
+function Bi({ 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 +3606,11 @@ function zi({ disabled: t }) {
     ) })
   ] });
 }
-function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i, collectionEditable: s }) {
+function Mi({ 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 +3620,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 +3648,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,15 +3694,15 @@ function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i, c
     )
   ] });
 }
-function Vi({ disabled: t }) {
+function Di({ 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,
+      H,
       {
         value: N(a, i),
         label: "Min value",
@@ -3719,7 +3714,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, s),
         label: "Max value",
@@ -3731,7 +3726,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, o),
         label: "Less than",
@@ -3743,7 +3738,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
         value: N(a, l),
         label: "More than",
@@ -3755,7 +3750,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: d,
@@ -3765,7 +3760,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: m,
@@ -3775,7 +3770,7 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: u,
@@ -3786,10 +3781,10 @@ function Vi({ disabled: t }) {
     ) })
   ] });
 }
-function ji({ disabled: t }) {
-  const { values: a, setFieldValue: r } = L();
+function Ri({ 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(Di, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ve,
       {
@@ -3805,7 +3800,7 @@ function ji({ disabled: t }) {
     ) })
   ] });
 }
-function Et({
+function Bt({
   existing: t,
   multiple: a,
   disabled: r,
@@ -3818,31 +3813,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 (!$e())
+    return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Qe, {}) });
   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: Ui,
       disabled: t || r,
       value: g,
       error: f,
       handleChange: o,
-      component: Ii
+      component: $i
     }
   ) }) });
 }
-function Fi(t) {
+function Ui(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function Ii({
+function $i({
   disabled: t,
   pathPath: a,
   value: r,
@@ -3851,9 +3846,9 @@ function Ii({
   ...o
 }) {
   console.log("error", s);
-  const l = De();
+  const l = $e();
   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(Qe, {}) });
   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 +3867,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 +3883,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 +3910,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 +3934,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 Li({ 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 +3966,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 +3992,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 Ki({ 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 +4017,7 @@ function Bi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      ce,
+      le,
       {
         type: "checkbox",
         name: "readOnly",
@@ -4034,8 +4029,8 @@ 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 Yi({ 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) {
   let i;
@@ -4248,7 +4243,7 @@ function oa(t, a, r) {
 }
 function na({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
   return /* @__PURE__ */ e(
-    ye,
+    we,
     {
       value: t,
       disabled: a,
@@ -4256,12 +4251,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 +4275,7 @@ function na({ value: t, optionDisabled: a, propertyConfig: r, existing: i }) {
     }
   );
 }
-const sa = R.memo(
+const sa = D.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: r,
@@ -4306,9 +4301,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 = Ge(m ? {
       id: l,
       previousId: l,
       property: m
@@ -4318,14 +4313,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 +4335,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,
+          Gi,
           {
             onPropertyChanged: c ? A : void 0,
             onDelete: p,
@@ -4379,15 +4374,15 @@ function Fe({
   collectionEditable: o,
   ...l
 }) {
-  const d = $e();
+  const d = Ge();
   return /* @__PURE__ */ n(
-    Me,
+    Ie,
     {
       open: t ?? !1,
       maxWidth: "xl",
       fullWidth: !0,
       children: [
-        /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
           sa,
           {
             ...l,
@@ -4402,7 +4397,7 @@ function Fe({
             getData: s
           }
         ) }),
-        /* @__PURE__ */ n(Ge, { children: [
+        /* @__PURE__ */ n(Re, { children: [
           a && /* @__PURE__ */ e(
             E,
             {
@@ -4427,7 +4422,7 @@ function Fe({
     }
   );
 }
-function Di({
+function Gi({
   values: t,
   errors: a,
   touched: r,
@@ -4450,39 +4445,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 ? Wt(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 = Ge(null), M = Ge(t), he = "id", Ce = f && N(a, "selectedWidget");
+  de(() => {
+    !N(r, he) && l && t?.name && s(he, Gt(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(oa(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(
+    Ei,
     {
       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 +4486,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 +4496,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(Bi, { disabled: y }) : S === "number_input" ? R = /* @__PURE__ */ e(Ri, { disabled: y }) : S === "group" ? R = /* @__PURE__ */ e(
+    zi,
     {
       disabled: y,
       getData: O,
@@ -4524,8 +4519,8 @@ function Di({
       collectionEditable: b,
       customFields: w
     }
-  ) : S === "block" ? M = /* @__PURE__ */ e(
-    Ti,
+  ) : S === "block" ? R = /* @__PURE__ */ e(
+    Mi,
     {
       disabled: y,
       getData: O,
@@ -4533,24 +4528,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(Li, { 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(
+    Ti,
     {
       showErrors: f,
       existing: o,
@@ -4560,8 +4555,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(Yi, { disabled: y }) : R = null, /* @__PURE__ */ n(B, { children: [
+    y && /* @__PURE__ */ n(Zt, { 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 +4570,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 +4608,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,
                 {
-                  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 +4637,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,
+        Vi,
         {
           showErrors: f,
           disabledId: o,
@@ -4664,13 +4659,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(Ki, { 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 +4678,97 @@ function Di({
     )
   ] });
 }
-function Ri({
+function Hi(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 Ji({ collection: t, onOpenChange: a, open: r }) {
+  const i = Ue(), s = "const " + Hi(t.name) + "Collection = " + ni.stringify(la(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(
+            si,
+            {
+              theme: li.vsDark,
+              code: s,
+              language: "typescript",
+              children: ({ className: o, style: l, tokens: d, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: d.map((c, p) => /* @__PURE__ */ e("div", { ...m({ line: c }), children: c.map((g, f) => /* @__PURE__ */ e("span", { ...u({ token: g }) }, f)) }, p)) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n(Re, { children: [
+          /* @__PURE__ */ n(
+            E,
+            {
+              variant: "text",
+              size: "small",
+              onClick: (o) => (o.stopPropagation(), o.preventDefault(), i.open({
+                type: "success",
+                message: "Copied}"
+              }), navigator.clipboard.writeText(s)),
+              children: [
+                /* @__PURE__ */ e(Fa, { size: "small" }),
+                "Copy to clipboard"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(E, { onClick: () => a(!1), children: "Close" })
+        ] })
+      ]
+    }
+  );
+}
+function la(t) {
+  const a = (r) => {
+    const i = {
+      ...r
+    };
+    return delete i.fromBuilder, delete i.resolved, delete i.propertiesOrder, delete i.editable, i.type === "map" ? {
+      ...i,
+      properties: i.properties.map(a)
+    } : i;
+  };
+  return {
+    name: t.name,
+    singularName: t.singularName,
+    description: t.description,
+    path: t.path,
+    editable: !0,
+    collectionGroup: t.collectionGroup,
+    alias: t.alias,
+    icon: t.icon,
+    group: t.group,
+    customId: t.customId,
+    initialFilter: t.initialFilter,
+    initialSort: t.initialSort,
+    properties: Object.entries(t.properties).map(([r, i]) => ({
+      [r]: a(i)
+    })).reduce((r, i) => ({ ...r, ...i }), {}),
+    subcollections: (t.subcollections ?? []).map(la)
+  };
+}
+function Qi({
   showErrors: t,
   isNewCollection: a,
   propertyErrorsRef: r,
@@ -4704,12 +4789,12 @@ 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 = Ue(), w = Ia("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) => {
+  const pe = u ? () => {
+    u && (he(!0), u(g).then((V) => {
       if (V && Xt(V.properties), !V) {
         h.open({
           type: "error",
@@ -4717,94 +4802,94 @@ function Ri({
         });
         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"
         });
         return;
       }
-      const H = {
-        ...F.reduce((ne, be) => (ne[be] = V.properties[be], ne), {}),
+      const G = {
+        ...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", G, !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;
-    if (!H)
+  } : void 0, me = (V) => V ? ee.current[V] ?? N(g, Ne(V)) : ee.current[""], ge = (V, I) => {
+    const G = Ne(I);
+    f(G, V, !1), ee.current[I ?? ""] = V;
+  }, fe = (V, I) => {
+    const G = V ? ne(V, I) : void 0;
+    if (!G)
       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(G), 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];
+    const G = [...g.propertiesOrder ?? Object.keys(g.properties), V];
     console.log("onPropertyCreated", {
       id: V,
-      property: F,
-      newPropertiesOrder: H
-    }), re(H), ie(!1), w && (T(H.indexOf(V)), A(V)), x(void 0);
-  }, W = ({
+      property: I,
+      newPropertiesOrder: G
+    }), ge(G), ie(!1), w && (T(G.indexOf(V)), A(V)), x(void 0);
+  }, Xe = ({
     id: V,
-    property: F,
-    previousId: H,
-    namespace: oe
+    property: I,
+    previousId: G,
+    namespace: ce
   }) => {
-    const ne = V ? se(V, oe) : void 0, be = ne ? we(ne) : 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 oe = V ? ne(V, ce) : void 0, ye = oe ? ke(oe) : void 0;
+    if (G && G !== V) {
+      const at = ne(G, ce), W = ke(at), ve = me(ce).map((it) => it === G ? 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, G) => {
+    const ce = V ? ne(V, I) : void 0;
     if (console.warn("onPropertyErrorInternal", {
       id: V,
-      namespace: F,
-      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);
+      namespace: I,
+      error: G,
+      propertyPath: ce
+    }), ce) {
+      const oe = G && Object.keys(G).length > 0;
+      i(V, I, oe ? G : 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, Ke = 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,
+              as: H,
               invisible: !0,
               className: "-ml-1",
               inputClassName: "text-2xl font-headers",
@@ -4814,7 +4899,7 @@ function Ri({
               error: !!_.name
             }
           ),
-          D && /* @__PURE__ */ n(
+          tt && /* @__PURE__ */ n(
             P,
             {
               variant: "body2",
@@ -4822,20 +4907,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 for 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(Ea, {})
+            }
+          ) }),
+          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(Qe, { size: "small" }) : /* @__PURE__ */ e(ht, {})
             }
           ) }),
           /* @__PURE__ */ e(ae, { title: "Add new property", children: /* @__PURE__ */ e(
@@ -4843,25 +4937,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(Ke.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: Ke,
+          onPropertyMove: X,
+          onPropertyRemove: a ? fe : void 0,
           collectionEditable: p,
           errors: t ? _ : {}
         }
@@ -4874,17 +4968,17 @@ 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(
+          C && j && !se(j) && /* @__PURE__ */ e(
             sa,
             {
               inArray: !1,
@@ -4892,22 +4986,22 @@ function Ri({
               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 +5014,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 +5040,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(
+      Ji,
+      {
+        collection: g,
+        open: Z,
+        onOpenChange: q
+      }
     )
   ] });
 }
-function Ui({
+function Wi({
   open: t,
   handleOk: a,
   handleCancel: r,
@@ -4966,19 +5068,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 +5088,15 @@ function Ui({
     }
   );
 }
-function $i({ open: t, onClose: a }) {
-  const { entityViews: r } = qe();
+function Zi({ 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 +5114,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 Xi({
   collection: t,
   parentCollection: a,
   configController: r,
@@ -5025,19 +5127,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) => Ba(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 +5147,25 @@ function Li({
             }),
             children: [
               /* @__PURE__ */ e(
-                Ue,
+                Ye,
                 {
                   align: "left",
                   children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
                 }
               ),
               /* @__PURE__ */ e(
-                Ue,
+                Ye,
                 {
                   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 +5183,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,
+              Ye,
               {
                 align: "left",
                 children: /* @__PURE__ */ e(P, { variant: "subtitle2", className: "flex-grow", children: v.name })
               }
             ),
             /* @__PURE__ */ e(
-              Ue,
+              Ye,
               {
                 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(
+            Ye,
             {
               align: "left",
               children: [
@@ -5129,7 +5231,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(Zt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
         /* @__PURE__ */ e(
           E,
           {
@@ -5137,14 +5239,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 +5265,7 @@ function Li({
       }
     ),
     p && /* @__PURE__ */ e(
-      lt,
+      pt,
       {
         open: !!p,
         onAccept: () => {
@@ -5179,7 +5281,7 @@ function Li({
       }
     ),
     /* @__PURE__ */ e(
-      ca,
+      da,
       {
         open: !!f,
         configController: r,
@@ -5195,7 +5297,7 @@ function Li({
       }
     ),
     /* @__PURE__ */ e(
-      $i,
+      Zi,
       {
         open: u,
         onClose: (v) => {
@@ -5205,7 +5307,7 @@ function Li({
     )
   ] });
 }
-const Bt = {
+const Mt = {
   path: "products",
   name: "Products",
   singularName: "Product",
@@ -5290,7 +5392,7 @@ const Bt = {
       autoValue: "on_create"
     }
   }
-}, Mt = {
+}, Dt = {
   path: "blog",
   name: "Blog",
   singularName: "Blog entry",
@@ -5402,7 +5504,7 @@ const Bt = {
   initialFilter: {
     status: ["==", "published"]
   }
-}, Dt = {
+}, Rt = {
   path: "users",
   name: "Users",
   singularName: "User",
@@ -5434,15 +5536,15 @@ const Bt = {
     }
   }
 };
-function Ki({
+function er({
   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 +5560,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 +5569,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 +5583,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(Qe, { 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 +5610,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,12 +5654,12 @@ function Ki({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ai, { onDataAdded: (h) => i(h) })
+      /* @__PURE__ */ e(ci, { 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,
@@ -5567,7 +5669,7 @@ function vt({
     ea,
     {
       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 +5690,7 @@ function vt({
     }
   ) });
 }
-const Yi = [
+const tr = [
   "text_field",
   "multiline",
   "markdown",
@@ -5609,10 +5711,10 @@ const Yi = [
   "date_time",
   "repeat",
   "block"
-], Hi = Object.entries(_t).filter(
-  ([t]) => Yi.includes(t)
+], ar = Object.entries(kt).filter(
+  ([t]) => tr.includes(t)
 );
-function Gi({
+function ir({
   importConfig: t,
   customFields: a,
   collectionEditable: r
@@ -5621,18 +5723,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 +5748,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 = {
+      ...ti(w, k, aa),
       editable: !0
     };
     h && (b ? (console.log("updating inferredNewProperty", {
@@ -5656,10 +5758,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,
+        di,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
@@ -5671,7 +5773,7 @@ function Gi({
             propertyKey: y,
             importKey: k
           }) => /* @__PURE__ */ e(
-            ri,
+            pi,
             {
               property: f,
               propertyKey: y,
@@ -5684,7 +5786,7 @@ function Gi({
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Qi,
+                rr,
                 {
                   property: f,
                   disabled: !1,
@@ -5726,14 +5828,14 @@ function Gi({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Qi({
+function rr({
   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 ? Wt(t) : null, d = t ? We(t, o) : null, [m, u] = L(!1);
   return /* @__PURE__ */ e(
     ae,
     {
@@ -5751,7 +5853,7 @@ 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);
             r && (a({
@@ -5761,7 +5863,7 @@ function Qi({
               namespace: void 0
             }), console.log("newSelectedWidgetId", c));
           },
-          children: Hi.map(([c, p]) => /* @__PURE__ */ e(
+          children: ar.map(([c, p]) => /* @__PURE__ */ e(
             na,
             {
               value: c,
@@ -5776,14 +5878,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 or({ importConfig: t, properties: a, propertiesOrder: r }) {
+  de(() => {
+    const s = mi(t.originProperties, a), o = t.importData.map((l) => ui(l, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
     t.setEntities(o), console.log("res", { propertiesMapping: s, mappedData: o });
   }, []);
-  const i = Fa();
+  const i = Ma();
   return /* @__PURE__ */ e(
-    Ia,
+    Da,
     {
       title: /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(P, { variant: "subtitle2", children: "Imported data preview" }),
@@ -5803,11 +5905,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 = Ra(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 +5937,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 +5954,7 @@ function ca(t) {
       onOpenChange: (d) => d ? void 0 : l(),
       children: [
         a && /* @__PURE__ */ e(
-          Ji,
+          nr,
           {
             ...t,
             handleCancel: l,
@@ -5860,7 +5962,7 @@ function ca(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Ui,
+          Wi,
           {
             open: s,
             handleOk: () => t.handleClose(void 0),
@@ -5872,7 +5974,7 @@ function ca(t) {
     }
   );
 }
-function Ji({
+function nr({
   isNewCollection: t,
   initialValues: a,
   configController: r,
@@ -5890,153 +5992,153 @@ function Ji({
   parentCollection: y,
   getData: k
 }) {
-  const { fields: _ } = qe(), O = De(), {
+  const { fields: _ } = Ae(), O = $e(), {
     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 = hi();
   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 = Ue(), C = Le(), j = Ge({}), 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") && bi,
       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: Ke,
+        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), G = I && k ? () => k(I) : void 0;
+        de(() => {
+          p(Ke);
+        }, [Ke]);
+        function ce(W) {
+          A.setInUse(!0), ai(W, aa).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,
+            Ua,
             {
               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,
+            Za,
             {
               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,
+                  er,
                   {
-                    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 +6146,15 @@ function Ji({
                   }
                 ),
                 q === "import_data_mapping" && A && /* @__PURE__ */ e(
-                  Gi,
+                  ir,
                   {
                     importConfig: A,
-                    collectionEditable: gt,
+                    collectionEditable: at,
                     customFields: _
                   }
                 ),
                 q === "import_data_preview" && A && /* @__PURE__ */ e(
-                  Zi,
+                  or,
                   {
                     importConfig: A,
                     properties: z.properties,
@@ -6060,12 +6162,12 @@ function Ji({
                   }
                 ),
                 q === "import_data_saving" && A && /* @__PURE__ */ e(
-                  li,
+                  gi,
                   {
                     importConfig: A,
                     collection: z,
-                    onImportSuccess: (X) => {
-                      d(X), x.open({
+                    onImportSuccess: (W) => {
+                      d(W), x.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
@@ -6073,67 +6175,67 @@ function Ji({
                   }
                 ),
                 q === "details" && /* @__PURE__ */ e(
-                  ui,
+                  wi,
                   {
                     existingPaths: T,
-                    existingAliases: I,
+                    existingAliases: F,
                     groups: S,
                     parentCollection: y,
                     isNewCollection: t
                   }
                 ),
-                q === "subcollections" && he && /* @__PURE__ */ e(
-                  Li,
+                q === "subcollections" && ie && /* @__PURE__ */ e(
+                  Xi,
                   {
                     parentCollection: y,
                     configController: r,
                     getUser: f,
                     collectionInference: l,
                     parentPathSegments: s,
-                    collection: he
+                    collection: ie
                   }
                 ),
                 q === "properties" && /* @__PURE__ */ e(
-                  Ri,
+                  Qi,
                   {
-                    showErrors: V > 0,
+                    showErrors: tt > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (X, ze, Te) => {
-                      j.current = Ma({
+                    onPropertyError: (W, ft, ve) => {
+                      j.current = $a({
                         ...j.current,
-                        [X]: Te
+                        [W]: ve
                       }, !0);
                     },
                     getUser: f,
-                    getData: ne,
-                    doCollectionInference: fe,
+                    getData: G,
+                    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(ta, { 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 +6246,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 +6259,9 @@ function Ji({
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => U("welcome"),
+                          onClick: () => M("welcome"),
                           children: [
-                            /* @__PURE__ */ e(tt, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6169,9 +6271,9 @@ function Ji({
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => U("details"),
+                          onClick: () => M("details"),
                           children: [
-                            /* @__PURE__ */ e(tt, {}),
+                            /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
@@ -6191,7 +6293,7 @@ function Ji({
                         {
                           variant: "filled",
                           color: "primary",
-                          onClick: et,
+                          onClick: ye,
                           children: "Next"
                         }
                       ),
@@ -6201,20 +6303,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(La, {}) : void 0,
                           children: [
                             q === "details" && "Next",
                             q === "properties" && "Create collection"
@@ -6222,12 +6324,12 @@ function Ji({
                         }
                       ),
                       !t && /* @__PURE__ */ e(
-                        jt,
+                        Ft,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
-                          loading: D,
+                          loading: U,
                           children: "Update collection"
                         }
                       )
@@ -6242,7 +6344,7 @@ function Ji({
     }
   ) });
 }
-const da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
+const pa = D.createContext({}), ma = D.createContext({}), sr = D.memo(
   function({
     children: a,
     collectionConfigController: r,
@@ -6254,69 +6356,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 = $e(), p = fi(), g = Ue(), { 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 +6427,7 @@ const da = R.createContext({}), pa = R.createContext({}), Wi = R.memo(
         children: [
           a,
           /* @__PURE__ */ e(
-            ca,
+            da,
             {
               open: !!h,
               configController: r,
@@ -6366,12 +6468,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 +6520,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 lr({
   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 = Le(), o = $e(), l = Be(), d = ua(), m = Ue(), 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 +6559,7 @@ function Xi({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e(Ra, {})
+          children: /* @__PURE__ */ e(Ka, {})
         }
       )
     }
@@ -6468,59 +6570,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(Je, {})
           }
         )
       }
     )
   ] });
 }
-function it(t) {
+function nt(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function er({
+function cr({
   path: t,
   collection: a
 }) {
-  const r = Re(), i = ma(), s = Ee(), o = s.configPermissions({
+  const r = Le(), 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,
+        Ya,
         {
-          trigger: /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e($a, { size: "small" }) }),
-          children: /* @__PURE__ */ n(La, { onClick: (c) => {
+          trigger: /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Ga, { size: "small" }) }),
+          children: /* @__PURE__ */ n(Ha, { 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(Je, { size: "small" })
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      lt,
+      pt,
       {
         open: d,
         onAccept: u,
@@ -6535,19 +6637,19 @@ function er({
     )
   ] });
 }
-function tr({
+function dr({
   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 = Le(), i = Be(), s = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
     ea,
     {
-      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 +6660,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 +6677,12 @@ function tr({
     }
   );
 }
-function ar() {
-  const t = Re(), a = De(), r = Ee(), i = r.configPermissions ? r.configPermissions({
+function pr() {
+  const t = Le(), a = $e(), 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,
+    Ja,
     {
       in: o,
       children: /* @__PURE__ */ n(
@@ -6594,12 +6696,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 +6717,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 ? mr(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 mr(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: Qa(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 +6748,25 @@ 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) {
-  return t.propertiesOrder && t.propertiesOrder.length > 0 ? t.propertiesOrder : [
+function Ut(t) {
+  if (t.propertiesOrder && t.propertiesOrder.length > 0) {
+    const a = t.propertiesOrder;
+    return t.additionalFields && t.additionalFields.forEach((r) => {
+      a.includes(r.key) || a.push(r.key);
+    }), a;
+  }
+  return [
     ...Object.keys(t.properties),
-    ...(t.additionalFields ?? [])?.map((a) => a.id)
+    ...(t.additionalFields ?? [])?.map((a) => a.key)
   ];
 }
-function rr({
+function ur({
   propertyKey: t,
   onHover: a,
   property: r,
@@ -6666,9 +6774,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 +6789,16 @@ function rr({
         });
       },
       size: "small",
-      children: /* @__PURE__ */ e(Ke, { size: "small" })
+      children: /* @__PURE__ */ e(Je, { size: "small" })
     }
   ) });
 }
-function or({
+function hr({
   fullPath: t,
   parentPathSegments: a,
   collection: r
 }) {
-  const i = Re(), s = Ee(), o = s.configPermissions ? s.configPermissions({
+  const i = Le(), s = Be(), o = s.configPermissions ? s.configPermissions({
     user: i.user,
     collection: r
   }).editCollections : !0;
@@ -6702,15 +6810,15 @@ function or({
         s.editProperty({
           editedCollectionPath: t,
           parentPathSegments: a,
-          currentPropertiesOrder: Ha(r),
+          currentPropertiesOrder: Wa(r),
           collection: r
         });
       },
-      children: /* @__PURE__ */ e(Ne, { color: "inherit" })
+      children: /* @__PURE__ */ e(qe, { color: "inherit" })
     }
   ) });
 }
-function br({
+function Sr({
   collectionConfigController: t,
   configPermissions: a,
   reservedGroups: r,
@@ -6720,12 +6828,12 @@ function br({
   collectionInference: l,
   getData: d
 }) {
-  const m = Q(
+  const m = J(
     (u) => {
       const c = (g) => {
         Xt(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 +6842,10 @@ function br({
     loading: t.loading,
     collections: {
       injectCollections: m,
-      CollectionActions: Xi
+      CollectionActions: lr
     },
     provider: {
-      Component: Wi,
+      Component: sr,
       props: {
         collectionConfigController: t,
         configPermissions: a,
@@ -6750,18 +6858,18 @@ function br({
       }
     },
     homePage: {
-      additionalChildrenStart: /* @__PURE__ */ e(ar, {}),
-      CollectionActions: er,
-      AdditionalCards: tr
+      additionalChildrenStart: /* @__PURE__ */ e(pr, {}),
+      CollectionActions: cr,
+      AdditionalCards: dr
     },
     collectionView: {
-      HeaderAction: rr,
-      AddColumnComponent: or
+      HeaderAction: ur,
+      AddColumnComponent: hr
     }
   };
 }
-function yr({ path: t }) {
-  const a = sr(t), r = nr(t), i = Ee();
+function qr({ path: t }) {
+  const a = fr(t), r = gr(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(
@@ -6772,7 +6880,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 +6890,24 @@ function yr({ path: t }) {
     )
   ] });
 }
-function nr(t) {
+function gr(t) {
   const a = t.split("/");
   return a.filter((r, i) => i % 2 === 0 && i !== a.length - 1);
 }
-function sr(t) {
+function fr(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
+  qr as MissingReferenceWidget,
+  He as editableProperty,
+  ne as getFullId,
+  ke as idToPropertiesPath,
+  Ne as namespaceToPropertiesOrderPath,
+  _i as namespaceToPropertiesPath,
+  Si as removeNonEditableProperties,
+  Be as useCollectionEditorController,
+  Sr as useCollectionEditorPlugin,
+  ua as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map