@firecms/collection_editor 3.0.0-canary.40 → 3.0.0-canary.41

package/dist/index.es.js

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as a, Fragment as R } from "react/jsx-runtime";
-import { FieldCaption as X, SearchIconsView as gr, toSnakeCase as Pt, singular as vr, IconForView as ot, ArrayContainer as yr, serializeRegExp as br, useSnackbarController as _e, resolveEnumValues as Cr, isPropertyBuilder as ne, useCustomizationController as Ae, getFieldConfig as $e, ErrorBoundary as me, PropertyConfigBadge as Ye, unslugify as ut, useNavigationController as Ne, mergeDeep as W, DEFAULT_FIELD_CONFIGS as Gt, isValidRegExp as Pr, getFieldId as Kt, DeleteConfirmationDialog as lt, useLargeLayout as Nr, makePropertiesEditable as pt, resolveEntityView as xr, useSelectionController as wr, EntityCollectionTable as Tr, slugify as kr, useAuthController as Te, randomString as _t, CircularProgressCenter as Nt, removeUndefined as Ft, ErrorView as Wt, removeInitialAndTrailingSlashes as Or, getDefaultPropertiesOrder as Vr } from "@firecms/core";
+import { FieldCaption as X, SearchIconsView as gr, toSnakeCase as Pt, singular as vr, IconForView as lt, ArrayContainer as yr, serializeRegExp as br, useSnackbarController as _e, resolveEnumValues as Cr, isPropertyBuilder as ne, useCustomizationController as Ae, getFieldConfig as $e, ErrorBoundary as me, PropertyConfigBadge as Ye, unslugify as pt, useNavigationController as Ne, mergeDeep as W, DEFAULT_FIELD_CONFIGS as Gt, isValidRegExp as Pr, getFieldId as Kt, DeleteConfirmationDialog as st, useLargeLayout as Nr, makePropertiesEditable as He, resolveEntityView as xr, useSelectionController as wr, EntityCollectionTable as Tr, slugify as kr, useAuthController as Te, randomString as _t, CircularProgressCenter as Nt, removeUndefined as St, ErrorView as Wt, removeInitialAndTrailingSlashes as Or, getDefaultPropertiesOrder as Vr, joinCollectionLists as Ir } from "@firecms/core";
 import * as je from "react";
-import Y, { useState as $, useEffect as de, useMemo as Zt, useCallback as Q, useRef as Le, useDeferredValue as Ir, useContext as Jt } from "react";
+import Y, { useState as $, useEffect as de, useMemo as Zt, useCallback as Q, useRef as Le, useDeferredValue as _r, useContext as Jt } from "react";
 import ye from "react-fast-compare";
-import { useAutoComplete as _r, Container as mt, Typography as O, Tooltip as te, IconButton as oe, Chip as st, TextField as Ve, cn as fe, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Sr, ExpandablePanel as xt, SettingsIcon as He, Select as Ce, SelectItem as ee, BooleanSwitchWithLabel as ct, Dialog as Fe, AutoAwesomeIcon as ht, Badge as Er, ListIcon as Ar, Button as z, CircularProgress as De, Paper as Pe, DialogContent as Be, DialogActions as ze, RuleIcon as Dr, FileUploadIcon as Br, MultiSelect as zr, MultiSelectItem as St, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Mr, RemoveCircleIcon as Rr, defaultBorderMixin as wt, RemoveIcon as Ur, DragHandleIcon as jr, AddIcon as se, SelectGroup as At, InfoLabel as Lr, DeleteIcon as dt, ContentCopyIcon as qr, CodeIcon as $r, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Yr, Icon as et, Card as tr, coolIconKeys as zt, Tabs as Hr, Tab as Ct, ArrowBackIcon as tt, LoadingButton as Mt, DoneIcon as Gr, Menu as Kr, MoreVertIcon as Wr, MenuItem as Zr, Collapse as Jr, SaveIcon as Qr, UndoIcon as Xr } from "@firecms/ui";
-import * as rt from "yup";
+import { useAutoComplete as Sr, Container as mt, Typography as O, Tooltip as te, IconButton as oe, Chip as ct, TextField as Ve, cn as fe, DebouncedTextField as Z, Autocomplete as Fr, AutocompleteItem as Er, ExpandablePanel as xt, SettingsIcon as Ge, Select as Ce, SelectItem as ee, BooleanSwitchWithLabel as dt, Dialog as Se, AutoAwesomeIcon as ht, Badge as Ar, ListIcon as Dr, Button as z, CircularProgress as De, Paper as Pe, DialogContent as Be, DialogActions as ze, RuleIcon as Br, FileUploadIcon as zr, MultiSelect as Mr, MultiSelectItem as Ft, Checkbox as Et, cardMixin as Qt, cardClickableMixin as Xt, cardSelectedMixin as er, FunctionsIcon as Rr, RemoveCircleIcon as Ur, defaultBorderMixin as wt, RemoveIcon as jr, DragHandleIcon as Lr, AddIcon as se, SelectGroup as At, InfoLabel as qr, DeleteIcon as ut, ContentCopyIcon as $r, CodeIcon as Yr, Table as Dt, TableBody as Bt, TableRow as bt, TableCell as Ue, Alert as Hr, Icon as tt, Card as tr, coolIconKeys as zt, Tabs as Gr, Tab as Ct, ArrowBackIcon as rt, LoadingButton as Mt, DoneIcon as Kr, Menu as Wr, MoreVertIcon as Zr, MenuItem as Jr, Collapse as Qr, SaveIcon as Xr, UndoIcon as ei } from "@firecms/ui";
+import * as it from "yup";
 import { useFormex as K, Field as H, getIn as I, useCreateFormex as Tt, Formex as kt } from "@firecms/formex";
-import { extractEnumFromValues as ei, buildPropertyFromData as ti, buildEntityPropertiesFromData as ri } from "@firecms/schema_inference";
-import { DragDropContext as ii, Droppable as ni, Draggable as ai } from "@hello-pangea/dnd";
-import oi from "json5";
-import { Highlight as li, themes as si } from "prism-react-renderer";
-import { ImportFileUpload as ci, DataNewPropertiesMapping as di, ImportNewPropertyFieldPreview as ui, getInferenceType as rr, getPropertiesMapping as pi, convertDataToEntity as mi, useImportConfig as hi, ImportSaveInProgress as fi } from "@firecms/data_import_export";
-import { useNavigate as gi } from "react-router";
-const vi = rt.object().shape({
-  id: rt.string().required("Required"),
-  name: rt.string().required("Required"),
-  path: rt.string().required("Required")
+import { extractEnumFromValues as ti, buildPropertyFromData as ri, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
+import { DragDropContext as ni, Droppable as ai, Draggable as oi } from "@hello-pangea/dnd";
+import li from "json5";
+import { Highlight as si, themes as ci } from "prism-react-renderer";
+import { ImportFileUpload as di, DataNewPropertiesMapping as ui, ImportNewPropertyFieldPreview as pi, getInferenceType as rr, getPropertiesMapping as mi, convertDataToEntity as hi, useImportConfig as fi, ImportSaveInProgress as gi } from "@firecms/data_import_export";
+import { useNavigate as vi } from "react-router";
+const yi = it.object().shape({
+  id: it.string().required("Required"),
+  name: it.string().required("Required"),
+  path: it.string().required("Required")
 });
-function yi({
+function bi({
   isNewCollection: t,
   reservedGroups: r,
   existingPaths: n,
@@ -25,30 +25,30 @@ function yi({
   groups: l,
   parentCollection: o
 }) {
-  const d = Y.useRef(null), {
-    values: p,
-    setFieldValue: u,
+  const c = Y.useRef(null), {
+    values: u,
+    setFieldValue: p,
     handleChange: h,
     touched: m,
-    errors: c,
+    errors: d,
     setFieldTouched: g,
     isSubmitting: v,
     submitCount: x
   } = K(), [y, P] = $(!1), [k, b] = $(!1), C = (s) => {
-    u("name", s), !I(m, "path") && t && s && u("path", Pt(s)), !I(m, "id") && t && s && u("id", Pt(s)), !I(m, "singularName") && t && s && u("singularName", vr(s));
+    p("name", s), !I(m, "path") && t && s && p("path", Pt(s)), !I(m, "id") && t && s && p("id", Pt(s)), !I(m, "singularName") && t && s && p("singularName", vr(s));
   };
   de(() => {
-    c.id && b(!0);
-  }, [c.id]);
-  const N = /* @__PURE__ */ e(ot, { collectionOrView: p }), f = l?.filter((s) => !r?.includes(s)), {
+    d.id && b(!0);
+  }, [d.id]);
+  const N = /* @__PURE__ */ e(lt, { collectionOrView: u }), f = l?.filter((s) => !r?.includes(s)), {
     inputFocused: w,
     autoCompleteOpen: _,
     setAutoCompleteOpen: M
-  } = _r({
-    ref: d
+  } = Sr({
+    ref: c
   }), U = !!o;
   let D;
-  typeof p.customId == "object" ? D = "code_defined" : p.customId === !0 ? D = "true" : p.customId === !1 ? D = "false" : p.customId === "optional" && (D = "optional");
+  typeof u.customId == "object" ? D = "code_defined" : u.customId === !0 ? D = "true" : u.customId === !1 ? D = "false" : u.customId === "optional" && (D = "optional");
   const A = x > 0;
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ a(mt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ a("div", { children: [
@@ -57,7 +57,7 @@ function yi({
         {
           className: "flex flex-row py-2 pt-3 items-center",
           children: [
-            /* @__PURE__ */ e(O, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${p?.name} collection` }),
+            /* @__PURE__ */ e(O, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${u?.name} collection` }),
             /* @__PURE__ */ e(te, { title: "Change icon", children: /* @__PURE__ */ e(
               oe,
               {
@@ -69,7 +69,7 @@ function yi({
           ]
         }
       ),
-      o && /* @__PURE__ */ e(st, { colorScheme: "tealDarker", children: /* @__PURE__ */ a(O, { variant: "caption", children: [
+      o && /* @__PURE__ */ e(ct, { colorScheme: "tealDarker", children: /* @__PURE__ */ a(O, { variant: "caption", children: [
         "This is a subcollection of ",
         /* @__PURE__ */ e("b", { children: o.name })
       ] }) })
@@ -79,14 +79,14 @@ function yi({
         /* @__PURE__ */ e(
           Ve,
           {
-            value: p.name ?? "",
+            value: u.name ?? "",
             onChange: (s) => C(s.target.value),
             label: "Name",
             required: !0,
-            error: A && !!c.name
+            error: A && !!d.name
           }
         ),
-        /* @__PURE__ */ e(X, { error: m.name && !!c.name, children: m.name && c.name ? c.name : "Name of in this collection, usually a plural name (e.g. Products)" })
+        /* @__PURE__ */ e(X, { error: m.name && !!d.name, children: m.name && d.name ? d.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
       /* @__PURE__ */ a("div", { className: fe("col-span-12 ", U ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
@@ -97,22 +97,22 @@ function yi({
             label: "Path",
             disabled: !t,
             required: !0,
-            error: A && !!c.path
+            error: A && !!d.path
           }
         ),
-        /* @__PURE__ */ e(X, { error: m.path && !!c.path, children: m.path && c.path ? c.path : U ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database" })
+        /* @__PURE__ */ e(X, { error: m.path && !!d.path, children: m.path && d.path ? d.path : U ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database" })
       ] }),
       !U && /* @__PURE__ */ a("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
           Ve,
           {
-            error: A && !!c.group,
+            error: A && !!d.group,
             disabled: v,
-            value: p.group ?? "",
+            value: u.group ?? "",
             autoComplete: "off",
-            onChange: (s) => u("group", s.target.value),
+            onChange: (s) => p("group", s.target.value),
             name: "group",
-            inputRef: d,
+            inputRef: c,
             label: "Group"
           }
         ),
@@ -122,10 +122,10 @@ function yi({
             open: _ && (f ?? []).length > 0,
             setOpen: M,
             children: f?.map((s, V) => /* @__PURE__ */ e(
-              Sr,
+              Er,
               {
                 onClick: () => {
-                  M(!1), u("group", s ?? null);
+                  M(!1), p("group", s ?? null);
                 },
                 children: /* @__PURE__ */ e("div", { className: "flex-grow", children: s })
               },
@@ -133,7 +133,7 @@ function yi({
             ))
           }
         ),
-        /* @__PURE__ */ e(X, { children: A && c.group ? c.group : "Group of the collection" })
+        /* @__PURE__ */ e(X, { children: A && d.group ? d.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
         xt,
@@ -141,7 +141,7 @@ function yi({
           expanded: k,
           onExpandedChange: b,
           title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-            /* @__PURE__ */ e(He, {}),
+            /* @__PURE__ */ e(Ge, {}),
             /* @__PURE__ */ e(
               O,
               {
@@ -161,32 +161,32 @@ function yi({
                   as: Z,
                   disabled: !t,
                   label: "Collection id",
-                  error: A && !!c.id
+                  error: A && !!d.id
                 }
               ),
-              /* @__PURE__ */ e(X, { error: m.id && !!c.id, children: m.id && c.id ? c.id : "This id identifies this collection" })
+              /* @__PURE__ */ e(X, { error: m.id && !!d.id, children: m.id && d.id ? d.id : "This id identifies this collection" })
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
                 Ve,
                 {
-                  error: A && !!c.singularName,
+                  error: A && !!d.singularName,
                   name: "singularName",
                   "aria-describedby": "singularName-helper",
                   onChange: (s) => (g("singularName", !0), h(s)),
-                  value: p.singularName ?? "",
+                  value: u.singularName ?? "",
                   label: "Singular name"
                 }
               ),
-              /* @__PURE__ */ e(X, { error: A && !!c.singularName, children: A && c.singularName ? c.singularName : "Optionally define a singular name for your entities" })
+              /* @__PURE__ */ e(X, { error: A && !!d.singularName, children: A && d.singularName ? d.singularName : "Optionally define a singular name for your entities" })
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
                 Ve,
                 {
-                  error: A && !!c.description,
+                  error: A && !!d.description,
                   name: "description",
-                  value: p.description ?? "",
+                  value: u.description ?? "",
                   onChange: h,
                   multiline: !0,
                   rows: 2,
@@ -194,7 +194,7 @@ function yi({
                   label: "Description"
                 }
               ),
-              /* @__PURE__ */ e(X, { error: A && !!c.description, children: A && c.description ? c.description : "Description of the collection, you can use markdown" })
+              /* @__PURE__ */ e(X, { error: A && !!d.description, children: A && d.description ? d.description : "Description of the collection, you can use markdown" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
               Ce,
@@ -203,7 +203,7 @@ function yi({
                 label: "Default row size",
                 position: "item-aligned",
                 onChange: h,
-                value: p.defaultSize ?? "",
+                value: u.defaultSize ?? "",
                 renderValue: (s) => s.toUpperCase(),
                 children: ["xs", "s", "m", "l", "xl"].map((s) => /* @__PURE__ */ e(
                   ee,
@@ -225,7 +225,7 @@ function yi({
                 onValueChange: (s) => {
                   if (s === "code_defined")
                     throw new Error("This should not happen");
-                  s === "true" ? u("customId", !0) : s === "false" ? u("customId", !1) : s === "optional" && u("customId", "optional");
+                  s === "true" ? p("customId", !0) : s === "false" ? p("customId", !1) : s === "optional" && p("customId", "optional");
                 },
                 value: D ?? "",
                 renderValue: (s) => s === "code_defined" ? "Code defined" : s === "true" ? "Users must define an ID" : s === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
@@ -238,24 +238,24 @@ function yi({
             ) }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                ct,
+                dt,
                 {
                   position: "start",
                   label: "Collection group",
-                  onValueChange: (s) => u("collectionGroup", s),
-                  value: p.collectionGroup ?? !1
+                  onValueChange: (s) => p("collectionGroup", s),
+                  value: u.collectionGroup ?? !1
                 }
               ),
               /* @__PURE__ */ e(X, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." })
             ] }),
             /* @__PURE__ */ a("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                ct,
+                dt,
                 {
                   position: "start",
                   label: "Enable text search for this collection",
-                  onValueChange: (s) => u("textSearchEnabled", s),
-                  value: p.textSearchEnabled ?? !1
+                  onValueChange: (s) => p("textSearchEnabled", s),
+                  value: u.textSearchEnabled ?? !1
                 }
               ),
               /* @__PURE__ */ e(X, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." })
@@ -266,7 +266,7 @@ function yi({
     ] }),
     /* @__PURE__ */ e("div", { style: { height: "52px" } }),
     /* @__PURE__ */ e(
-      Fe,
+      Se,
       {
         open: y,
         onOpenChange: P,
@@ -275,9 +275,9 @@ function yi({
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
           gr,
           {
-            selectedIcon: p.icon,
+            selectedIcon: u.icon,
             onIconSelected: (s) => {
-              P(!1), u("icon", s);
+              P(!1), p("icon", s);
             }
           }
         ) })
@@ -288,7 +288,7 @@ function yi({
 function he(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function bi(t) {
+function Ci(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function be(t) {
@@ -301,57 +301,57 @@ function ir(t, r) {
   const n = r ? `${r}.${t}` : t;
   return he(n);
 }
-function Ci({
+function Pi({
   enumValues: t,
   onValuesChanged: r,
   onError: n,
   updateIds: i,
   disabled: l,
   allowDataInference: o,
-  getData: d
+  getData: c
 }) {
-  const p = Tt({
+  const u = Tt({
     initialValues: { enumValues: t },
     validateOnChange: !0,
     validation: (m) => {
-      const c = {};
+      const d = {};
       m.enumValues && m.enumValues.forEach((v, x) => {
-        v?.label || (c.enumValues = c.enumValues ?? [], c.enumValues[x] = c.enumValues[x] ?? {}, c.enumValues[x].label = "You must specify a label for this enum value entry"), v?.id || (c.enumValues = c.enumValues ?? [], c.enumValues[x] = c.enumValues[x] ?? {}, c.enumValues[x].id = "You must specify an ID for this enum value entry");
+        v?.label || (d.enumValues = d.enumValues ?? [], d.enumValues[x] = d.enumValues[x] ?? {}, d.enumValues[x].label = "You must specify a label for this enum value entry"), v?.id || (d.enumValues = d.enumValues ?? [], d.enumValues[x] = d.enumValues[x] ?? {}, d.enumValues[x].id = "You must specify an ID for this enum value entry");
       });
-      const g = !!(c?.enumValues && Object.keys(c?.enumValues).length > 0);
-      return n?.(g), c;
+      const g = !!(d?.enumValues && Object.keys(d?.enumValues).length > 0);
+      return n?.(g), d;
     }
-  }), { values: u, errors: h } = p;
+  }), { values: p, errors: h } = u;
   return de(() => {
-    r && r(u.enumValues);
-  }, [u.enumValues]), /* @__PURE__ */ e(kt, { value: p, children: /* @__PURE__ */ e(
-    Pi,
+    r && r(p.enumValues);
+  }, [p.enumValues]), /* @__PURE__ */ e(kt, { value: u, children: /* @__PURE__ */ e(
+    Ni,
     {
       enumValuesPath: "enumValues",
-      values: u,
+      values: p,
       errors: h,
       shouldUpdateId: i,
       disabled: l,
       allowDataInference: o,
-      getData: d
+      getData: c
     }
   ) });
 }
-function Pi({
+function Ni({
   values: t,
   errors: r,
   disabled: n,
   enumValuesPath: i,
   shouldUpdateId: l,
   allowDataInference: o,
-  getData: d
+  getData: c
 }) {
   const {
-    setFieldValue: p
-  } = K(), [u, h] = Y.useState(), [m, c] = Y.useState(), [g, v] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, P = (b, C) => {
-    const N = u === C, f = r?.enumValues && r?.enumValues[b];
+    setFieldValue: u
+  } = K(), [p, h] = Y.useState(), [m, d] = Y.useState(), [g, v] = Y.useState(!1), y = Y.useRef(/* @__PURE__ */ new Set()).current, P = (b, C) => {
+    const N = p === C, f = r?.enumValues && r?.enumValues[b];
     return /* @__PURE__ */ e(
-      Ni,
+      xi,
       {
         index: b,
         disabled: n,
@@ -359,7 +359,7 @@ function Pi({
         autoFocus: N,
         entryError: f,
         shouldUpdateId: l || N,
-        onDialogOpen: () => c(b),
+        onDialogOpen: () => d(b),
         inferredEntry: y.has(t.enumValues[b]?.id)
       },
       `${C}`
@@ -367,7 +367,7 @@ function Pi({
   };
   return /* @__PURE__ */ a("div", { className: "col-span-12", children: [
     /* @__PURE__ */ a("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(Ar, {}),
+      /* @__PURE__ */ e(Dr, {}),
       /* @__PURE__ */ e(
         O,
         {
@@ -384,13 +384,13 @@ function Pi({
           variant: "text",
           size: "small",
           onClick: async () => {
-            d && (v(!0), d?.().then((b) => {
+            c && (v(!0), c?.().then((b) => {
               if (!b)
                 return;
-              const C = b.flat(), N = Array.from(new Set(C)), f = t.enumValues, _ = ei(N).filter((M) => !f?.some((U) => U.id === M.id));
+              const C = b.flat(), N = Array.from(new Set(C)), f = t.enumValues, _ = ti(N).filter((M) => !f?.some((U) => U.id === M.id));
               _.forEach((M) => {
                 y.add(M.id);
-              }), p(i, [..._, ...f], !0);
+              }), u(i, [..._, ...f], !0);
             }).catch((b) => {
               console.error(b);
             }).finally(() => v(!1)));
@@ -414,37 +414,37 @@ function Pi({
           buildEntry: P,
           onInternalIdAdded: h,
           includeAddButton: !0,
-          onValueChange: (b) => p(i, b),
+          onValueChange: (b) => u(i, b),
           newDefaultEntry: { id: "", label: "" }
         }
       ),
       /* @__PURE__ */ e(
-        xi,
+        wi,
         {
           index: m,
           open: m !== void 0,
           enumValuesPath: i,
-          onClose: () => c(void 0)
+          onClose: () => d(void 0)
         }
       )
     ] })
   ] });
 }
-const Ni = Y.memo(
+const xi = Y.memo(
   function({
     index: r,
     shouldUpdateId: n,
     enumValuesPath: i,
     autoFocus: l,
     onDialogOpen: o,
-    disabled: d,
-    inferredEntry: p,
-    entryError: u
+    disabled: c,
+    inferredEntry: u,
+    entryError: p
   }) {
     const {
       values: h,
       handleChange: m,
-      errors: c,
+      errors: d,
       setFieldValue: g,
       touched: v
     } = K(), x = Y.useRef(!I(h, `${i}[${r}].id`)), y = n || x.current, P = I(h, `${i}[${r}].id`), k = I(h, `${i}[${r}].label`), b = Y.useRef(k);
@@ -459,39 +459,39 @@ const Ni = Y.memo(
             as: Z,
             className: "flex-grow",
             required: !0,
-            disabled: d,
+            disabled: c,
             size: "small",
             autoFocus: l,
             autoComplete: "off",
-            endAdornment: p && /* @__PURE__ */ e(ht, { size: "small" }),
-            error: !!u?.label
+            endAdornment: u && /* @__PURE__ */ e(ht, { size: "small" }),
+            error: !!p?.label
           }
         ),
-        !d && /* @__PURE__ */ e(Er, { color: "error", invisible: !u?.id, children: /* @__PURE__ */ e(
+        !c && /* @__PURE__ */ e(Ar, { color: "error", invisible: !p?.id, children: /* @__PURE__ */ e(
           oe,
           {
             size: "small",
             "aria-label": "edit",
             className: "m-1",
             onClick: () => o(),
-            children: /* @__PURE__ */ e(He, { size: "small" })
+            children: /* @__PURE__ */ e(Ge, { size: "small" })
           }
         ) })
       ] }),
-      u?.label && /* @__PURE__ */ e(
+      p?.label && /* @__PURE__ */ e(
         O,
         {
           variant: "caption",
           className: "ml-3.5 text-red-500 dark:text-red-500",
-          children: u?.label
+          children: p?.label
         }
       ),
-      u?.id && /* @__PURE__ */ e(
+      p?.id && /* @__PURE__ */ e(
         O,
         {
           variant: "caption",
           className: "ml-3.5 text-red-500 dark:text-red-500",
-          children: u?.id
+          children: p?.id
         }
       )
     ] });
@@ -500,7 +500,7 @@ const Ni = Y.memo(
     return r.index === n.index && r.enumValuesPath === n.enumValuesPath && r.shouldUpdateId === n.shouldUpdateId && r.inferredEntry === n.inferredEntry && ye(r.entryError, n.entryError) && r.autoFocus === n.autoFocus;
   }
 );
-function xi({
+function wi({
   index: t,
   open: r,
   onClose: n,
@@ -510,12 +510,12 @@ function xi({
     errors: l
   } = K(), o = t !== void 0 ? I(l, `${i}[${t}].id`) : void 0;
   return /* @__PURE__ */ a(
-    Fe,
+    Se,
     {
       maxWidth: "md",
       "aria-labelledby": "enum-edit-dialog",
       open: r,
-      onOpenChange: (d) => d ? void 0 : n(),
+      onOpenChange: (c) => c ? void 0 : n(),
       children: [
         /* @__PURE__ */ e(Be, { children: t !== void 0 && /* @__PURE__ */ a("div", { children: [
           /* @__PURE__ */ e(
@@ -553,29 +553,29 @@ function ce({
   tooltip: i,
   disabled: l,
   size: o = "small",
-  allowIndeterminate: d
+  allowIndeterminate: c
 }) {
-  const p = /* @__PURE__ */ e(
-    ct,
+  const u = /* @__PURE__ */ e(
+    dt,
     {
       label: n,
       size: o,
       position: "start",
       value: t.value,
       disabled: l,
-      allowIndeterminate: d,
-      onValueChange: (u) => r.setFieldValue(t.name, u)
+      allowIndeterminate: c,
+      onValueChange: (p) => r.setFieldValue(t.name, p)
     }
   );
   return i ? /* @__PURE__ */ e(
     te,
     {
       title: i,
-      children: p
+      children: u
     }
-  ) : p;
+  ) : u;
 }
-function Se({ disabled: t }) {
+function Fe({ disabled: t }) {
   const { values: r, handleChange: n } = K(), i = "validation.required", l = "validation.requiredMessage";
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -583,14 +583,14 @@ function Se({ disabled: t }) {
       {
         name: i,
         type: "checkbox",
-        children: ({ field: d, form: p }) => /* @__PURE__ */ e(
+        children: ({ field: c, form: u }) => /* @__PURE__ */ e(
           ce,
           {
             disabled: t,
             label: "Required",
             tooltip: "You won't be able to save this entity if this value is not set",
-            form: p,
-            field: d
+            form: u,
+            field: c
           }
         )
       }
@@ -600,14 +600,14 @@ function Se({ disabled: t }) {
       {
         name: "validation.unique",
         type: "checkbox",
-        children: ({ field: d, form: p }) => /* @__PURE__ */ e(
+        children: ({ field: c, form: u }) => /* @__PURE__ */ e(
           ce,
           {
             disabled: t,
             label: "Unique",
             tooltip: "There cannot be multiple entities with the same value",
-            form: p,
-            field: d
+            form: u,
+            field: c
           }
         )
       }
@@ -632,17 +632,17 @@ function Ee({
   max: i,
   min: l,
   trim: o,
-  uppercase: d,
-  disabled: p,
-  showErrors: u
+  uppercase: c,
+  disabled: u,
+  showErrors: p
 }) {
   const {
     values: h,
     handleChange: m,
-    errors: c
-  } = K(), g = "validation.length", v = "validation.min", x = "validation.max", y = "validation.trim", P = "validation.matches", k = "validation.lowercase", b = "validation.uppercase", C = I(c, P), N = I(h, P), f = typeof N == "string" ? N : br(N);
+    errors: d
+  } = K(), g = "validation.length", v = "validation.min", x = "validation.max", y = "validation.trim", P = "validation.matches", k = "validation.lowercase", b = "validation.uppercase", C = I(d, P), N = I(h, P), f = typeof N == "string" ? N : br(N);
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
-    /* @__PURE__ */ e(Se, { disabled: p }),
+    /* @__PURE__ */ e(Fe, { disabled: u }),
     /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         H,
@@ -653,14 +653,14 @@ function Ee({
             ce,
             {
               label: "Lowercase",
-              disabled: p,
+              disabled: u,
               form: _,
               field: w
             }
           )
         }
       ) }),
-      d && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+      c && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         H,
         {
           name: b,
@@ -669,7 +669,7 @@ function Ee({
             ce,
             {
               label: "Uppercase",
-              disabled: p,
+              disabled: u,
               form: _,
               field: w
             }
@@ -685,7 +685,7 @@ function Ee({
             ce,
             {
               label: "Trim",
-              disabled: p,
+              disabled: u,
               form: _,
               field: w
             }
@@ -702,7 +702,7 @@ function Ee({
           name: g,
           type: "number",
           size: "small",
-          disabled: p,
+          disabled: u,
           onChange: m
         }
       ) }),
@@ -714,7 +714,7 @@ function Ee({
           name: v,
           type: "number",
           size: "small",
-          disabled: p,
+          disabled: u,
           onChange: m
         }
       ) }),
@@ -726,7 +726,7 @@ function Ee({
           name: x,
           type: "number",
           size: "small",
-          disabled: p,
+          disabled: u,
           onChange: m
         }
       ) })
@@ -739,7 +739,7 @@ function Ee({
           as: Z,
           label: "Matches regex",
           size: "small",
-          disabled: p,
+          disabled: u,
           value: f,
           error: !!C
         }
@@ -756,9 +756,9 @@ function Ot({
   const {
     values: i,
     handleChange: l
-  } = K(), o = "validation.min", d = "validation.max";
+  } = K(), o = "validation.min", c = "validation.max";
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
-    /* @__PURE__ */ e(Se, { disabled: n }),
+    /* @__PURE__ */ e(Fe, { disabled: n }),
     r && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
@@ -774,10 +774,10 @@ function Ot({
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: I(i, d),
+        value: I(i, c),
         disabled: n,
         label: "Max length",
-        name: d,
+        name: c,
         type: "number",
         size: "small",
         onChange: l
@@ -795,7 +795,7 @@ function xe({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Dr, {}),
+        /* @__PURE__ */ e(Br, {}),
         /* @__PURE__ */ e(
           O,
           {
@@ -818,26 +818,26 @@ function Rt({
   getData: o
 }) {
   const {
-    values: d,
-    setFieldError: p,
-    setFieldValue: u
-  } = K(), h = _e(), m = t ? "of.enumValues" : "enumValues", c = I(d, "defaultValue"), g = I(d, m), v = Zt(() => !g || typeof g == "boolean" ? [] : Cr(g) ?? [], [g]);
+    values: c,
+    setFieldError: u,
+    setFieldValue: p
+  } = K(), h = _e(), m = t ? "of.enumValues" : "enumValues", d = I(c, "defaultValue"), g = I(c, m), v = Zt(() => !g || typeof g == "boolean" ? [] : Cr(g) ?? [], [g]);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Ci,
+      Pi,
       {
         enumValues: v,
         updateIds: r,
         disabled: n,
         allowDataInference: l,
         onError: (y) => {
-          p(m, y ? "This enum property is missing some values" : void 0);
+          u(m, y ? "This enum property is missing some values" : void 0);
         },
-        getData: o ? () => o().then((y) => y.map((P) => d.id && I(P, d.id)).filter(Boolean)) : void 0,
+        getData: o ? () => o().then((y) => y.map((P) => c.id && I(P, c.id)).filter(Boolean)) : void 0,
         onValuesChanged: (y) => {
-          if (d && (u(m, y), !t)) {
+          if (c && (p(m, y), !t)) {
             const P = y.filter((k) => !!k?.id).map((k) => k.id);
-            c && !P.includes(c) && (u("defaultValue", void 0), h.open({
+            d && !P.includes(d) && (p("defaultValue", void 0), h.open({
               type: "warning",
               message: "Default value was cleared"
             }));
@@ -861,10 +861,10 @@ function Rt({
         disabled: n,
         position: "item-aligned",
         onValueChange: (y) => {
-          u("defaultValue", y);
+          p("defaultValue", y);
         },
         label: "Default value",
-        value: c ?? "",
+        value: d ?? "",
         children: v.filter((y) => !!y?.id).map((y) => /* @__PURE__ */ e(
           ee,
           {
@@ -877,7 +877,7 @@ function Rt({
     ) })
   ] });
 }
-const it = {
+const nt = {
   "image/*": "Images",
   "video/*": "Videos",
   "audio/*": "Audio files",
@@ -892,15 +892,15 @@ function Ut({
   const {
     values: i,
     setFieldValue: l
-  } = K(), o = t ? "of.storage" : "storage", d = `${o}.acceptedFiles`, p = `${o}.fileName`, u = `${o}.storagePath`, h = `${o}.storeUrl`, m = I(i, p) ?? "{rand}_{file}", c = I(i, u) ?? "/", g = I(i, d), v = Array.isArray(g) ? g : void 0, x = !v || v.length === 0, y = (b) => {
-    b ? b.includes("all") || b.length >= Object.keys(it).length ? l(d, void 0) : x ? l(d, Object.keys(it).filter((C) => !b.includes(C))) : l(d, b) : l(d, void 0);
-  }, P = typeof m == "function", k = typeof c == "function";
+  } = K(), o = t ? "of.storage" : "storage", c = `${o}.acceptedFiles`, u = `${o}.fileName`, p = `${o}.storagePath`, h = `${o}.storeUrl`, m = I(i, u) ?? "{rand}_{file}", d = I(i, p) ?? "/", g = I(i, c), v = Array.isArray(g) ? g : void 0, x = !v || v.length === 0, y = (b) => {
+    b ? b.includes("all") || b.length >= Object.keys(nt).length ? l(c, void 0) : x ? l(c, Object.keys(nt).filter((C) => !b.includes(C))) : l(c, b) : l(c, void 0);
+  }, P = typeof m == "function", k = typeof d == "function";
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xt,
       {
         title: /* @__PURE__ */ a("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Br, {}),
+          /* @__PURE__ */ e(zr, {}),
           /* @__PURE__ */ e(
             O,
             {
@@ -912,16 +912,16 @@ function Ut({
         ] }),
         children: /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(
-            zr,
+            Mr,
             {
               disabled: n,
-              name: d,
+              name: c,
               value: v ?? [],
               onMultiValueChange: y,
               label: x ? void 0 : "Allowed file types",
-              renderValues: (b) => !b || b.length === 0 ? "All file types allowed" : b.map((C) => it[C]).filter((C) => !!C).join(", "),
+              renderValues: (b) => !b || b.length === 0 ? "All file types allowed" : b.map((C) => nt[C]).filter((C) => !!C).join(", "),
               children: [
-                /* @__PURE__ */ a(St, { value: "all", className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ a(Ft, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     Et,
                     {
@@ -930,7 +930,7 @@ function Ut({
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(it).map(([b, C]) => /* @__PURE__ */ a(St, { value: b, className: "flex items-center gap-2", children: [
+                Object.entries(nt).map(([b, C]) => /* @__PURE__ */ a(Ft, { value: b, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     Et,
                     {
@@ -943,7 +943,7 @@ function Ut({
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (N) => (N.preventDefault(), N.stopPropagation(), l(d, [b])),
+                      onClick: (N) => (N.preventDefault(), N.stopPropagation(), l(c, [b])),
                       children: "Only"
                     }
                   )
@@ -954,7 +954,7 @@ function Ut({
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
             H,
             {
-              name: p,
+              name: u,
               as: Z,
               label: "File name",
               size: "small",
@@ -966,12 +966,12 @@ function Ut({
             /* @__PURE__ */ e(
               H,
               {
-                name: u,
+                name: p,
                 as: Z,
                 label: "Storage path",
                 disabled: k || n,
                 size: "small",
-                value: k ? "-" : c
+                value: k ? "-" : d
               }
             ),
             /* @__PURE__ */ a(O, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
@@ -1008,7 +1008,7 @@ function Ut({
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ a(xe, { children: [
-      !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(Se, { disabled: n }) }),
+      !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(Fe, { disabled: n }) }),
       t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ot, { disabled: n }) })
     ] }) })
   ] });
@@ -1021,14 +1021,14 @@ function qe(t) {
     return r.dataType === "array" && typeof r.of == "function" || r.dataType === "array" && Array.isArray(r.of) ? !1 : !!r.editable;
   }
 }
-function wi(t) {
+function Ti(t) {
   return Object.entries(t).filter(([r, n]) => qe(n)).map(([r, n]) => {
     const i = n;
     if (qe(i))
       return i.dataType === "map" && i.properties ? {
         [r]: {
           ...i,
-          properties: wi(i.properties)
+          properties: Ti(i.properties)
         }
       } : { [r]: i };
   }).filter((r) => !!r).reduce((r, n) => ({ ...r, ...n }), {});
@@ -1041,16 +1041,16 @@ function nr({
   includeEditButton: l,
   selected: o
 }) {
-  const { propertyConfigs: d } = Ae(), p = $e(t, d);
+  const { propertyConfigs: c } = Ae(), u = $e(t, c);
   qe(t);
-  const u = n ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 ring-0 dark:ring-0" : o ? "border-primary" : "border-transparent";
+  const p = n ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 ring-0 dark:ring-0" : o ? "border-primary" : "border-transparent";
   return n && console.log("PropertyFieldPreview", t), /* @__PURE__ */ e(me, { children: /* @__PURE__ */ a(
     "div",
     {
       onClick: r,
       className: "flex flex-row w-full cursor-pointer",
       children: [
-        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ye, { propertyConfig: p }) }),
+        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ye, { propertyConfig: u }) }),
         /* @__PURE__ */ a(
           Pe,
           {
@@ -1061,7 +1061,7 @@ function nr({
               r ? Xt : "",
               o ? er : "",
               "flex-grow p-4 border transition-colors duration-200",
-              u
+              p
             ),
             children: [
               /* @__PURE__ */ a("div", { className: "w-full flex flex-col", children: [
@@ -1082,7 +1082,7 @@ function nr({
                       variant: i ? "body2" : "subtitle1",
                       component: "span",
                       color: "secondary",
-                      children: p?.name
+                      children: u?.name
                     }
                   ) }),
                   /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
@@ -1104,7 +1104,7 @@ function nr({
     }
   ) });
 }
-function Ti({
+function ki({
   name: t,
   selected: r,
   onClick: n,
@@ -1123,10 +1123,10 @@ function Ti({
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(Mr, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(Rr, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Rr, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(Ur, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           Pe,
@@ -1202,21 +1202,21 @@ const ft = Y.memo(
     onPropertyClick: i,
     properties: l,
     propertiesOrder: o,
-    additionalFields: d,
-    errors: p,
-    onPropertyMove: u,
+    additionalFields: c,
+    errors: u,
+    onPropertyMove: p,
     onPropertyRemove: h,
     className: m,
-    inferredPropertyKeys: c,
+    inferredPropertyKeys: d,
     collectionEditable: g
   }) {
     const v = o ?? Object.keys(l), x = Q((y) => {
       if (!y.destination)
         return;
       const P = y.source.index, k = y.destination.index, b = Array.from(v), [C] = b.splice(P, 1);
-      b.splice(k, 0, C), u && u(b, r);
-    }, [r, u, v]);
-    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ii, { onDragEnd: x, children: /* @__PURE__ */ e(ni, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
+      b.splice(k, 0, C), p && p(b, r);
+    }, [r, p, v]);
+    return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ni, { onDragEnd: x, children: /* @__PURE__ */ e(ai, { droppableId: `droppable_${r}`, children: (y, P) => /* @__PURE__ */ a(
       "div",
       {
         ...y.droppableProps,
@@ -1224,23 +1224,23 @@ const ft = Y.memo(
         className: m,
         children: [
           v && v.map((k, b) => {
-            const C = l[k], N = d?.find((f) => f.key === k);
+            const C = l[k], N = c?.find((f) => f.key === k);
             return !C && !N ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-              ai,
+              oi,
               {
                 draggableId: `array_field_${r}_${k}}`,
                 index: b,
                 children: (f, w) => /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
-                  ki,
+                  Oi,
                   {
                     propertyKey: k,
                     propertyOrBuilder: C,
                     additionalField: N,
                     provided: f,
-                    errors: p,
+                    errors: u,
                     namespace: r,
-                    inferredPropertyKeys: c,
-                    onPropertyMove: u,
+                    inferredPropertyKeys: d,
+                    onPropertyMove: p,
                     onPropertyRemove: h,
                     onPropertyClick: w.isDragging ? void 0 : i,
                     selectedPropertyKey: n,
@@ -1263,21 +1263,21 @@ const ft = Y.memo(
     t.namespace === r.namespace && t.collectionEditable === r.collectionEditable;
   }
 );
-function ki({
+function Oi({
   propertyKey: t,
   namespace: r,
   propertyOrBuilder: n,
   additionalField: i,
   provided: l,
   selectedPropertyKey: o,
-  errors: d,
-  onPropertyClick: p,
-  onPropertyMove: u,
+  errors: c,
+  onPropertyClick: u,
+  onPropertyMove: p,
   onPropertyRemove: h,
   inferredPropertyKeys: m,
-  collectionEditable: c
+  collectionEditable: d
 }) {
-  const g = m?.includes(r ? `${r}.${t}` : t), v = ae(t, r), y = ir(t, r) in d;
+  const g = m?.includes(r ? `${r}.${t}` : t), v = ae(t, r), y = ir(t, r) in c;
   let P;
   if (typeof n == "object") {
     const C = n;
@@ -1288,15 +1288,15 @@ function ki({
         namespace: v,
         properties: C.properties,
         propertiesOrder: C.propertiesOrder,
-        errors: d,
-        onPropertyClick: p,
-        onPropertyMove: u,
+        errors: c,
+        onPropertyClick: u,
+        onPropertyMove: p,
         onPropertyRemove: h,
-        collectionEditable: c
+        collectionEditable: d
       }
     ));
   }
-  const k = o === v, b = n && (c && !ne(n) || qe(n));
+  const k = o === v, b = n && (d && !ne(n) || qe(n));
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1320,17 +1320,17 @@ function ki({
           nr,
           {
             property: n,
-            onClick: p ? () => p(t, r) : void 0,
+            onClick: u ? () => u(t, r) : void 0,
             includeName: !0,
             selected: k,
             hasError: y
           }
         ) : /* @__PURE__ */ e(
-          Ti,
+          ki,
           {
             name: t,
             property: n,
-            onClick: p ? () => p(t, r) : void 0,
+            onClick: u ? () => u(t, r) : void 0,
             selected: k
           }
         ),
@@ -1342,15 +1342,15 @@ function ki({
               size: "small",
               color: "inherit",
               onClick: () => h(t, r),
-              children: /* @__PURE__ */ e(Ur, { size: "small" })
+              children: /* @__PURE__ */ e(jr, { size: "small" })
             }
           ) }),
-          u && /* @__PURE__ */ e(te, { title: "Move", children: /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(te, { title: "Move", children: /* @__PURE__ */ e(
             oe,
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(jr, { size: "small" })
+              children: /* @__PURE__ */ e(Lr, { size: "small" })
             }
           ) })
         ] }),
@@ -1359,30 +1359,30 @@ function ki({
     }
   );
 }
-function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
+function Vi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
   const {
     values: o,
-    setFieldValue: d
-  } = K(), [p, u] = $(!1), [h, m] = $(), [c, g] = $(), v = o.propertiesOrder ?? Object.keys(o.properties ?? {}), x = ({
+    setFieldValue: c
+  } = K(), [u, p] = $(!1), [h, m] = $(), [d, g] = $(), v = o.propertiesOrder ?? Object.keys(o.properties ?? {}), x = ({
     id: N,
     property: f
   }) => {
     if (!N)
       throw Error();
-    d("properties", {
+    c("properties", {
       ...o.properties ?? {},
       [N]: f
     }, !1);
     const w = o.propertiesOrder ?? Object.keys(o.properties ?? {}), _ = w.includes(N) ? w : [...w, N];
-    d("propertiesOrder", _, !1), u(!1);
+    c("propertiesOrder", _, !1), p(!1);
   }, y = Q((N, f) => {
     const w = N ? ae(N, f) : void 0;
     if (!w)
       throw Error("collection editor miss config");
-    const _ = he(w), M = be(f), U = I(o, M) ?? Object.keys(I(o, bi(f)));
-    d(_, void 0, !1), d(M, U.filter((D) => D !== N), !1), u(!1), m(void 0), g(void 0);
-  }, [d, o]), P = h ? ae(h, c) : void 0, k = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !v || v.length < 1, C = Q((N, f) => {
-    d(be(f), N, !1);
+    const _ = he(w), M = be(f), U = I(o, M) ?? Object.keys(I(o, Ci(f)));
+    c(_, void 0, !1), c(M, U.filter((D) => D !== N), !1), p(!1), m(void 0), g(void 0);
+  }, [c, o]), P = h ? ae(h, d) : void 0, k = P ? I(o.properties, P.replaceAll(".", ".properties.")) : void 0, b = !v || v.length < 1, C = Q((N, f) => {
+    c(be(f), N, !1);
   }, []);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
@@ -1393,7 +1393,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
           {
             color: "primary",
             variant: "outlined",
-            onClick: () => u(!0),
+            onClick: () => p(!0),
             startIcon: /* @__PURE__ */ e(se, {}),
             children: [
               "Add property to ",
@@ -1411,7 +1411,7 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             errors: {},
             collectionEditable: l,
             onPropertyClick: (N, f) => {
-              m(N), g(f), u(!0);
+              m(N), g(f), p(!0);
             },
             onPropertyMove: C
           }
@@ -1428,12 +1428,12 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     ] }),
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        ct,
+        dt,
         {
           position: "start",
           size: "small",
           label: "Spread children as columns",
-          onValueChange: (N) => d("spreadChildren", N),
+          onValueChange: (N) => c("spreadChildren", N),
           value: o.spreadChildren ?? !1
         }
       ),
@@ -1444,19 +1444,19 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       {
         inArray: !1,
         forceShowErrors: !1,
-        open: p,
+        open: u,
         allowDataInference: n,
         collectionEditable: l,
         onCancel: () => {
-          u(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), g(void 0);
         },
         onOkClicked: () => {
-          u(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), g(void 0);
         },
         getData: r,
         onDelete: y,
         propertyKey: h,
-        propertyNamespace: c,
+        propertyNamespace: d,
         property: k,
         existingProperty: !!h,
         autoUpdateId: !h,
@@ -1468,22 +1468,22 @@ function Oi({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     )
   ] });
 }
-function Vi({
+function Ii({
   showErrors: t,
   existing: r,
   disabled: n,
   getData: i,
   allowDataInference: l,
   propertyConfigs: o,
-  collectionEditable: d
+  collectionEditable: c
 }) {
   const {
-    values: p,
-    handleChange: u,
+    values: u,
+    handleChange: p,
     errors: h,
     setFieldValue: m,
-    touched: c
-  } = K(), [g, v] = $(!1), x = I(p, "of"), y = I(c, "of") && I(h, "of"), P = ({ id: b, property: C, namespace: N }) => {
+    touched: d
+  } = K(), [g, v] = $(!1), x = I(u, "of"), y = I(d, "of") && I(h, "of"), P = ({ id: b, property: C, namespace: N }) => {
     console.log("onPropertyChanged", b, C, N), m("of", C);
   }, k = x && $e(x, o);
   return /* @__PURE__ */ a(R, { children: [
@@ -1535,7 +1535,7 @@ function Vi({
                 onPropertyChanged: P,
                 forceShowErrors: t,
                 propertyConfigs: o,
-                collectionEditable: d
+                collectionEditable: c
               }
             )
           ] })
@@ -1545,34 +1545,34 @@ function Vi({
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ot, { disabled: n }) }) })
   ] });
 }
-const Ii = Y.forwardRef(
+const _i = Y.forwardRef(
   function({
     showErrors: r,
     disabledId: n,
     disabled: i,
     autoUpdateId: l,
     isNewProperty: o
-  }, d) {
+  }, c) {
     const {
-      errors: p,
-      values: u,
+      errors: u,
+      values: p,
       setFieldValue: h,
       setFieldTouched: m,
-      touched: c,
+      touched: d,
       validate: g
-    } = K(), v = "name", x = r && I(p, v), y = "id", P = r && I(p, y), k = "description", b = r && I(p, k);
+    } = K(), v = "name", x = r && I(u, v), y = "id", P = r && I(u, y), k = "description", b = r && I(u, k);
     return /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e(
           H,
           {
             name: v,
-            inputRef: d,
+            inputRef: c,
             as: Z,
-            value: u[v],
+            value: p[v],
             onChange: (C) => {
               const N = C.target.value;
-              !I(c, y) && l && h(y, N ? Pt(N) : "", !1), h(v, N, !0), m(v, !0);
+              !I(d, y) && l && h(y, N ? Pt(N) : "", !1), h(v, N, !0), m(v, !0);
             },
             style: { fontSize: 20 },
             placeholder: "Field name",
@@ -1590,10 +1590,10 @@ const Ii = Y.forwardRef(
             name: y,
             as: Z,
             label: "ID",
-            value: u[y],
+            value: p[y],
             onChange: (C) => {
               const N = C.target.value;
-              !I(c, v) && l && h(v, N ? ut(N) : ""), h(y, N, !0), m(y, !0);
+              !I(d, v) && l && h(v, N ? pt(N) : ""), h(y, N, !0), m(y, !0);
             },
             disabled: n || i,
             required: !0,
@@ -1619,7 +1619,7 @@ const Ii = Y.forwardRef(
     ] });
   }
 );
-function _i({
+function Si({
   widgetId: t,
   disabled: r,
   showErrors: n
@@ -1695,7 +1695,7 @@ function _i({
 function Fi({ disabled: t }) {
   const { values: r } = K(), n = I(r, "defaultValue");
   return /* @__PURE__ */ a(R, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Fe, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       H,
       {
@@ -1714,35 +1714,35 @@ function Fi({ disabled: t }) {
     ) })
   ] });
 }
-function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
+function Ei({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i, collectionEditable: l }) {
   const {
     values: o,
-    setFieldValue: d
-  } = K(), [p, u] = $(!1), [h, m] = $(), [c, g] = $(), v = ({
+    setFieldValue: c
+  } = K(), [u, p] = $(!1), [h, m] = $(), [d, g] = $(), v = ({
     id: C,
     property: N
   }) => {
     if (!C)
       throw Error();
-    d("oneOf.properties", {
+    c("oneOf.properties", {
       ...o.oneOf?.properties ?? {},
       [C]: N
     }, !1);
     const f = o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), w = f.includes(C) ? f : [...f, C];
-    d("oneOf.propertiesOrder", w, !1), u(!1);
-  }, x = h ? ae(h, c) : void 0, y = x ? I(o.oneOf?.properties, x.replaceAll(".", ".properties.")) : void 0, P = Q((C, N) => {
+    c("oneOf.propertiesOrder", w, !1), p(!1);
+  }, x = h ? ae(h, d) : void 0, y = x ? I(o.oneOf?.properties, x.replaceAll(".", ".properties.")) : void 0, P = Q((C, N) => {
     const f = C ? ae(C, N) : void 0;
     if (!f)
       throw Error("collection editor miss config");
-    d(`oneOf.${he(f)}`, void 0, !1);
+    c(`oneOf.${he(f)}`, void 0, !1);
     const w = `oneOf.${be(N)}`, _ = I(o, w);
-    d(w, _.filter((M) => M !== C), !1), u(!1), m(void 0), g(void 0);
-  }, [d, o]), k = /* @__PURE__ */ a(
+    c(w, _.filter((M) => M !== C), !1), p(!1), m(void 0), g(void 0);
+  }, [c, o]), k = /* @__PURE__ */ a(
     z,
     {
       autoFocus: !0,
       color: "primary",
-      onClick: () => u(!0),
+      onClick: () => p(!0),
       startIcon: /* @__PURE__ */ e(se, {}),
       children: [
         "Add property to ",
@@ -1750,7 +1750,7 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       ]
     }
   ), b = Q((C, N) => {
-    d(`oneOf.${be(N)}`, C, !1);
+    c(`oneOf.${be(N)}`, C, !1);
   }, []);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "col-span-12", children: [
@@ -1767,7 +1767,7 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
             errors: {},
             collectionEditable: l,
             onPropertyClick: t ? void 0 : (C, N) => {
-              m(C), g(N), u(!0);
+              m(C), g(N), p(!0);
             },
             onPropertyMove: t ? void 0 : b
           }
@@ -1780,19 +1780,19 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
       {
         inArray: !1,
         forceShowErrors: !1,
-        open: p,
+        open: u,
         getData: r,
         allowDataInference: n,
         onCancel: () => {
-          u(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), g(void 0);
         },
         onOkClicked: () => {
-          u(!1), m(void 0), g(void 0);
+          p(!1), m(void 0), g(void 0);
         },
         collectionEditable: l,
         onDelete: P,
         propertyKey: h,
-        propertyNamespace: c,
+        propertyNamespace: d,
         property: y,
         existingProperty: !!h,
         autoUpdateId: !h,
@@ -1804,13 +1804,13 @@ function Si({ disabled: t, getData: r, allowDataInference: n, propertyConfigs: i
     )
   ] });
 }
-function Ei({ disabled: t }) {
+function Ai({ disabled: t }) {
   const {
     values: r,
     handleChange: n
-  } = K(), i = "validation.min", l = "validation.max", o = "validation.lessThan", d = "validation.moreThan";
+  } = K(), i = "validation.min", l = "validation.max", o = "validation.lessThan", c = "validation.moreThan";
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
-    /* @__PURE__ */ e(Se, { disabled: t }),
+    /* @__PURE__ */ e(Fe, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
@@ -1850,9 +1850,9 @@ function Ei({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       Z,
       {
-        value: I(r, d),
+        value: I(r, c),
         label: "More than",
-        name: d,
+        name: c,
         type: "number",
         size: "small",
         disabled: t,
@@ -1864,12 +1864,12 @@ function Ei({ disabled: t }) {
       {
         name: "validation.positive",
         type: "checkbox",
-        children: ({ field: m, form: c }) => /* @__PURE__ */ e(
+        children: ({ field: m, form: d }) => /* @__PURE__ */ e(
           ce,
           {
             label: "Positive value",
             disabled: t,
-            form: c,
+            form: d,
             field: m
           }
         )
@@ -1880,12 +1880,12 @@ function Ei({ disabled: t }) {
       {
         name: "validation.negative",
         type: "checkbox",
-        children: ({ field: m, form: c }) => /* @__PURE__ */ e(
+        children: ({ field: m, form: d }) => /* @__PURE__ */ e(
           ce,
           {
             label: "Negative value",
             disabled: t,
-            form: c,
+            form: d,
             field: m
           }
         )
@@ -1896,12 +1896,12 @@ function Ei({ disabled: t }) {
       {
         name: "validation.integer",
         type: "checkbox",
-        children: ({ field: m, form: c }) => /* @__PURE__ */ e(
+        children: ({ field: m, form: d }) => /* @__PURE__ */ e(
           ce,
           {
             label: "Integer value",
             disabled: t,
-            form: c,
+            form: d,
             field: m
           }
         )
@@ -1909,10 +1909,10 @@ function Ei({ disabled: t }) {
     ) })
   ] });
 }
-function Ai({ disabled: t }) {
+function Di({ disabled: t }) {
   const { values: r, setFieldValue: n } = K();
   return /* @__PURE__ */ a(R, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ei, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ai, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ve,
       {
@@ -1937,26 +1937,26 @@ function jt({
   const {
     values: l,
     handleChange: o,
-    errors: d
+    errors: c
   } = K();
   if (!Ne())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(De, {}) });
-  const u = r ? "of.path" : "path", h = I(l, u), m = i && I(d, u);
+  const p = r ? "of.path" : "path", h = I(l, p), m = i && I(c, p);
   return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     H,
     {
-      name: u,
-      pathPath: u,
+      name: p,
+      pathPath: p,
       type: "select",
       disabled: t && !!h || n,
       value: h,
       error: m,
       handleChange: o,
-      as: Di
+      as: Bi
     }
   ) }) });
 }
-function Di({
+function Bi({
   disabled: t,
   pathPath: r,
   value: n,
@@ -1964,12 +1964,12 @@ function Di({
   error: l,
   ...o
 }) {
-  const d = Ne();
-  if (!d)
+  const c = Ne();
+  if (!c)
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(De, {}) });
-  const p = d?.collections ?? [], u = Array.from(new Set(
-    Object.values(p).map((m) => m.group).filter(Boolean)
-  ).values()), h = p.filter((m) => !m.group);
+  const u = c?.collections ?? [], p = Array.from(new Set(
+    Object.values(u).map((m) => m.group).filter(Boolean)
+  ).values()), h = u.filter((m) => !m.group);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a(
       Ce,
@@ -1982,42 +1982,42 @@ function Di({
         onChange: i,
         label: "Target collection",
         renderValue: (m) => {
-          const c = p.find((g) => g.id === m || g.path === m);
-          return c ? /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
-            /* @__PURE__ */ e(ot, { collectionOrView: c }),
+          const d = u.find((g) => g.id === m || g.path === m);
+          return d ? /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
+            /* @__PURE__ */ e(lt, { collectionOrView: d }),
             /* @__PURE__ */ e(
               O,
               {
                 variant: "subtitle2",
                 className: "font-medium ml-4",
-                children: c?.name.toUpperCase()
+                children: d?.name.toUpperCase()
               }
             )
           ] }) : null;
         },
         ...o,
         children: [
-          u.flatMap((m) => /* @__PURE__ */ e(
+          p.flatMap((m) => /* @__PURE__ */ e(
             At,
             {
               label: m || "Views",
-              children: p.filter((c) => c.group === m).map((c) => /* @__PURE__ */ e(
+              children: u.filter((d) => d.group === m).map((d) => /* @__PURE__ */ e(
                 ee,
                 {
-                  value: c.id ?? c.path,
+                  value: d.id ?? d.path,
                   children: /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
-                    /* @__PURE__ */ e(ot, { collectionOrView: c }),
+                    /* @__PURE__ */ e(lt, { collectionOrView: d }),
                     /* @__PURE__ */ e(
                       O,
                       {
                         variant: "subtitle2",
                         className: "font-medium ml-4",
-                        children: c?.name.toUpperCase()
+                        children: d?.name.toUpperCase()
                       }
                     )
                   ] })
                 },
-                `${c.id ?? c.path}-${m}`
+                `${d.id ?? d.path}-${m}`
               ))
             },
             `group_${m}`
@@ -2027,7 +2027,7 @@ function Di({
             {
               value: m.id ?? m.path,
               children: /* @__PURE__ */ a("div", { className: "flex flex-row", children: [
-                /* @__PURE__ */ e(ot, { collectionOrView: m }),
+                /* @__PURE__ */ e(lt, { collectionOrView: m }),
                 /* @__PURE__ */ e(
                   O,
                   {
@@ -2046,25 +2046,25 @@ function Di({
     /* @__PURE__ */ e(X, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Bi({ disabled: t }) {
+function zi({ disabled: t }) {
   const {
     values: r,
     errors: n,
     touched: i,
     setFieldValue: l
-  } = K(), o = "mode", d = I(r, o), p = I(i, o) && I(n, o), u = "autoValue", h = I(r, u), m = I(i, u) && I(n, u);
+  } = K(), o = "mode", c = I(r, o), u = I(i, o) && I(n, o), p = "autoValue", h = I(r, p), m = I(i, p) && I(n, p);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ a(
         Ce,
         {
           name: o,
-          value: d ?? "date",
-          error: !!p,
-          onValueChange: (c) => l(o, c),
+          value: c ?? "date",
+          error: !!u,
+          onValueChange: (d) => l(o, d),
           label: "Mode",
-          renderValue: (c) => {
-            switch (c) {
+          renderValue: (d) => {
+            switch (d) {
               case "date_time":
                 return "Date/Time";
               case "date":
@@ -2080,16 +2080,16 @@ function Bi({ disabled: t }) {
           ]
         }
       ),
-      /* @__PURE__ */ e(X, { error: !!p, children: p }),
+      /* @__PURE__ */ e(X, { error: !!u, children: u }),
       /* @__PURE__ */ a(
         Ce,
         {
-          name: u,
+          name: p,
           disabled: t,
           value: h ?? "",
-          onValueChange: (c) => l(u, c === "none" ? null : c),
-          renderValue: (c) => {
-            switch (c) {
+          onValueChange: (d) => l(p, d === "none" ? null : d),
+          renderValue: (d) => {
+            switch (d) {
               case "on_create":
                 return "On create";
               case "on_update":
@@ -2109,10 +2109,10 @@ function Bi({ disabled: t }) {
       ),
       /* @__PURE__ */ e(X, { error: !!m, children: m ?? "Update this field automatically when creating or updating the entity" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Fe, { disabled: t }) }) })
   ] });
 }
-function zi({ disabled: t }) {
+function Mi({ disabled: t }) {
   return /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(H, { type: "checkbox", name: "hideFromCollection", children: ({ field: i, form: l }) => /* @__PURE__ */ e(
       ce,
@@ -2143,8 +2143,8 @@ function zi({ disabled: t }) {
     ) })
   ] });
 }
-function Mi({ disabled: t }) {
-  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Se, { disabled: t }) }) }) });
+function Ri({ disabled: t }) {
+  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Fe, { disabled: t }) }) }) });
 }
 function ar(t, r, n) {
   let i;
@@ -2392,7 +2392,7 @@ function or({ value: t, optionDisabled: r, propertyConfig: n, existing: i }) {
     }
   );
 }
-function Ri({
+function Ui({
   disabled: t,
   showErrors: r
 }) {
@@ -2452,7 +2452,7 @@ function Ri({
     ) })
   ] });
 }
-const Ui = [
+const ji = [
   "text_field",
   "multiline",
   "markdown",
@@ -2473,19 +2473,19 @@ const Ui = [
   "key_value",
   "repeat",
   "block"
-], lr = Object.entries(Gt).filter(([t]) => Ui.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), sr = Y.memo(
+], lr = Object.entries(Gt).filter(([t]) => ji.includes(t)).map(([t, r]) => ({ [t]: r })).reduce((t, r) => ({ ...t, ...r }), {}), sr = Y.memo(
   function(r) {
     const {
       includeIdAndName: n = !0,
       autoOpenTypeSelect: i,
       existingProperty: l,
       autoUpdateId: o,
-      inArray: d,
-      propertyKey: p,
-      existingPropertyKeys: u,
+      inArray: c,
+      propertyKey: u,
+      existingPropertyKeys: p,
       propertyNamespace: h,
       property: m,
-      onPropertyChanged: c,
+      onPropertyChanged: d,
       onPropertyChangedImmediate: g = !0,
       onDelete: v,
       onError: x,
@@ -2500,8 +2500,8 @@ const Ui = [
       id: "",
       name: ""
     }, _ = !!(m && !qe(m)) && !f, M = Le(m ? {
-      id: p,
-      previousId: p,
+      id: u,
+      previousId: u,
       property: m
     } : void 0), U = ({
       id: A,
@@ -2513,9 +2513,9 @@ const Ui = [
         property: s,
         namespace: h
       };
-      M.current = V, c?.(V);
+      M.current = V, d?.(V);
     }, D = Tt({
-      initialValues: m ? { id: p, ...m } : w,
+      initialValues: m ? { id: u, ...m } : w,
       initialErrors: y,
       validateOnChange: !0,
       validateOnInitialRender: !0,
@@ -2536,13 +2536,13 @@ const Ui = [
           if (!A.name)
             s.name = "Required";
           else {
-            const V = $i(A.name);
+            const V = Yi(A.name);
             V && (s.name = V);
           }
           if (!A.id)
             s.id = "Required";
           else {
-            const V = qi(A.id, u);
+            const V = $i(A.id, p);
             V && (s.id = V);
           }
         }
@@ -2554,7 +2554,7 @@ const Ui = [
     return de(() => {
       b?.(D);
     }, [D, b]), /* @__PURE__ */ e(kt, { value: D, children: /* @__PURE__ */ e(
-      ji,
+      Li,
       {
         onPropertyChanged: g ? U : void 0,
         onDelete: v,
@@ -2564,7 +2564,7 @@ const Ui = [
         showErrors: P || D.submitCount > 0,
         existing: l,
         autoUpdateId: o,
-        inArray: d,
+        inArray: c,
         autoOpenTypeSelect: i,
         disabled: _,
         getData: C,
@@ -2584,11 +2584,11 @@ function Ie({
   onPropertyChanged: i,
   getData: l,
   collectionEditable: o,
-  ...d
+  ...c
 }) {
-  const p = Le();
+  const u = Le();
   return /* @__PURE__ */ e(
-    Fe,
+    Se,
     {
       open: t ?? !1,
       maxWidth: "xl",
@@ -2599,20 +2599,20 @@ function Ie({
           noValidate: !0,
           autoComplete: "off",
           onSubmit: (h) => {
-            h.preventDefault(), h.stopPropagation(), p.current?.handleSubmit(h);
+            h.preventDefault(), h.stopPropagation(), u.current?.handleSubmit(h);
           },
           children: [
             /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(
               sr,
               {
-                ...d,
+                ...c,
                 onPropertyChanged: (h) => {
                   i?.(h), n?.();
                 },
                 collectionEditable: o,
                 onPropertyChangedImmediate: !1,
                 getController: (h) => {
-                  p.current = h;
+                  u.current = h;
                 },
                 getData: l
               }
@@ -2623,7 +2623,7 @@ function Ie({
                 {
                   variant: "text",
                   onClick: () => {
-                    r(), p.current?.resetForm();
+                    r(), u.current?.resetForm();
                   },
                   children: "Cancel"
                 }
@@ -2644,19 +2644,19 @@ function Ie({
     }
   );
 }
-function ji({
+function Li({
   values: t,
   errors: r,
   setValues: n,
   existing: i,
   autoUpdateId: l = !1,
   autoOpenTypeSelect: o,
-  includeIdAndTitle: d,
-  onPropertyChanged: p,
-  onDelete: u,
+  includeIdAndTitle: c,
+  onPropertyChanged: u,
+  onDelete: p,
   propertyNamespace: h,
   onError: m,
-  showErrors: c,
+  showErrors: d,
   disabled: g,
   inArray: v,
   getData: x,
@@ -2664,20 +2664,20 @@ function ji({
   propertyConfigs: P,
   collectionEditable: k
 }) {
-  const [b, C] = $(o), [N, f] = $(!1), [w, _] = $(t?.dataType ? Kt(t) : void 0), M = Object.entries(lr).concat(Object.entries(P)), U = v ? M.filter(([q, L]) => !ne(L.property) && L.property?.dataType !== "array") : M, D = Ir(t), A = Le(null), s = Le(t), V = c && I(r, "selectedWidget");
+  const [b, C] = $(o), [N, f] = $(!1), [w, _] = $(t?.dataType ? Kt(t) : void 0), M = Object.entries(lr).concat(Object.entries(P)), U = v ? M.filter(([q, L]) => !ne(L.property) && L.property?.dataType !== "array") : M, D = _r(t), A = Le(null), s = Le(t), V = d && I(r, "selectedWidget");
   de(() => {
-    if (p && (!d || D.id)) {
+    if (u && (!c || D.id)) {
       const {
         id: q,
         ...L
       } = D;
-      ye(D, s.current) || (p({
+      ye(D, s.current) || (u({
         id: q,
         property: L,
         namespace: h
       }), s.current = D);
     }
-  }, [D, d, p, h]), de(() => {
+  }, [D, c, u, h]), de(() => {
     t?.id && m && m(t?.id, h, r);
   }, [r, m, h, t?.id]);
   const G = (q) => {
@@ -2687,17 +2687,17 @@ function ji({
   };
   let B;
   return w === "text_field" || w === "multiline" || w === "markdown" || w === "email" ? B = /* @__PURE__ */ e(
-    _i,
+    Si,
     {
       widgetId: w,
       disabled: g,
-      showErrors: c
+      showErrors: d
     }
   ) : w === "url" ? B = /* @__PURE__ */ e(
-    Ri,
+    Ui,
     {
       disabled: g,
-      showErrors: c
+      showErrors: d
     }
   ) : w === "select" || w === "number_select" ? B = /* @__PURE__ */ e(
     Rt,
@@ -2707,7 +2707,7 @@ function ji({
       updateIds: !i,
       disabled: g,
       getData: x,
-      showErrors: c
+      showErrors: d
     }
   ) : w === "multi_select" || w === "multi_number_select" ? B = /* @__PURE__ */ e(
     Rt,
@@ -2717,7 +2717,7 @@ function ji({
       disabled: g,
       allowDataInference: y,
       getData: x,
-      showErrors: c
+      showErrors: d
     }
   ) : w === "file_upload" ? B = /* @__PURE__ */ e(
     Ut,
@@ -2733,8 +2733,8 @@ function ji({
       multiple: !0,
       disabled: g
     }
-  ) : w === "switch" ? B = /* @__PURE__ */ e(Fi, { disabled: g }) : w === "number_input" ? B = /* @__PURE__ */ e(Ai, { disabled: g }) : w === "group" ? B = /* @__PURE__ */ e(
-    Oi,
+  ) : w === "switch" ? B = /* @__PURE__ */ e(Fi, { disabled: g }) : w === "number_input" ? B = /* @__PURE__ */ e(Di, { disabled: g }) : w === "group" ? B = /* @__PURE__ */ e(
+    Vi,
     {
       disabled: g,
       getData: x,
@@ -2743,7 +2743,7 @@ function ji({
       propertyConfigs: P
     }
   ) : w === "block" ? B = /* @__PURE__ */ e(
-    Si,
+    Ei,
     {
       disabled: g,
       getData: x,
@@ -2754,23 +2754,23 @@ function ji({
   ) : w === "reference" ? B = /* @__PURE__ */ e(
     jt,
     {
-      showErrors: c,
+      showErrors: d,
       existing: i,
       multiple: !1,
       disabled: g
     }
-  ) : w === "date_time" ? B = /* @__PURE__ */ e(Bi, { disabled: g }) : w === "multi_references" ? B = /* @__PURE__ */ e(
+  ) : w === "date_time" ? B = /* @__PURE__ */ e(zi, { disabled: g }) : w === "multi_references" ? B = /* @__PURE__ */ e(
     jt,
     {
-      showErrors: c,
+      showErrors: d,
       existing: i,
       multiple: !0,
       disabled: g
     }
   ) : w === "repeat" ? B = /* @__PURE__ */ e(
-    Vi,
+    Ii,
     {
-      showErrors: c,
+      showErrors: d,
       existing: i,
       getData: x,
       allowDataInference: y,
@@ -2778,8 +2778,8 @@ function ji({
       collectionEditable: k,
       propertyConfigs: P
     }
-  ) : w === "key_value" ? B = /* @__PURE__ */ e(Mi, { disabled: g }) : B = null, /* @__PURE__ */ a(R, { children: [
-    g && /* @__PURE__ */ a(Lr, { mode: "warn", children: [
+  ) : w === "key_value" ? B = /* @__PURE__ */ e(Ri, { disabled: g }) : B = null, /* @__PURE__ */ a(R, { children: [
+    g && /* @__PURE__ */ a(qr, { mode: "warn", children: [
       /* @__PURE__ */ e(O, { children: "This property can't be edited" }),
       /* @__PURE__ */ a(O, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -2858,22 +2858,22 @@ function ji({
           }
         )
       ] }),
-      u && t?.id && /* @__PURE__ */ e(
+      p && t?.id && /* @__PURE__ */ e(
         oe,
         {
           variant: "ghost",
           className: "m-4",
           disabled: g,
           onClick: () => f(!0),
-          children: /* @__PURE__ */ e(dt, {})
+          children: /* @__PURE__ */ e(ut, {})
         }
       )
     ] }),
     /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
-      d && /* @__PURE__ */ e(
-        Ii,
+      c && /* @__PURE__ */ e(
+        _i,
         {
-          showErrors: c,
+          showErrors: d,
           disabledId: i,
           isNewProperty: !i,
           disabled: g,
@@ -2882,13 +2882,13 @@ function ji({
         }
       ),
       B,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(zi, { disabled: g }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Mi, { disabled: g }) })
     ] }),
-    u && /* @__PURE__ */ e(
-      lt,
+    p && /* @__PURE__ */ e(
+      st,
       {
         open: N,
-        onAccept: () => u(t?.id, h),
+        onAccept: () => p(t?.id, h),
         onCancel: () => f(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
         body: /* @__PURE__ */ a("div", { children: [
@@ -2900,28 +2900,28 @@ function ji({
     )
   ] });
 }
-const Li = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function qi(t, r) {
+const qi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function $i(t, r) {
   let n;
-  return t || (n = "You must specify an id for the field"), t && !t.match(Li) && (n = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && r && r.includes(t) && (n = "There is another field with this ID already"), n;
+  return t || (n = "You must specify an id for the field"), t && !t.match(qi) && (n = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && r && r.includes(t) && (n = "There is another field with this ID already"), n;
 }
-function $i(t) {
+function Yi(t) {
   let r;
   return t || (r = "You must specify a title for the field"), r;
 }
-function Yi(t) {
+function Hi(t) {
   return t ? (t.slice(0, 1).toLowerCase() + t.slice(1)).replace(/([-_ ]){1,}/g, " ").split(/[-_ ]/).reduce((r, n) => r + n[0].toUpperCase() + n.substring(1), "") : "";
 }
-function Hi({
+function Gi({
   collection: t,
   onOpenChange: r,
   open: n
 }) {
   const i = _e(), l = t ? `import { EntityCollection } from "firecms";
 
-const ` + (t?.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + oi.stringify(cr(t), null, "	") : "No collection selected";
+const ` + (t?.name ? Hi(t.name) : "my") + "Collection:EntityCollection = " + li.stringify(cr(t), null, "	") : "No collection selected";
   return /* @__PURE__ */ a(
-    Fe,
+    Se,
     {
       open: n,
       onOpenChange: r,
@@ -2945,18 +2945,18 @@ const ` + (t?.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + oi.
             "."
           ] }),
           /* @__PURE__ */ e(
-            li,
+            si,
             {
-              theme: si.vsDark,
+              theme: ci.vsDark,
               code: l,
               language: "typescript",
               children: ({
                 className: o,
-                style: d,
-                tokens: p,
-                getLineProps: u,
+                style: c,
+                tokens: u,
+                getLineProps: p,
                 getTokenProps: h
-              }) => /* @__PURE__ */ e("pre", { style: d, className: "p-4 rounded text-sm", children: p.map((m, c) => /* @__PURE__ */ e("div", { ...u({ line: m }), children: m.map((g, v) => /* @__PURE__ */ e("span", { ...h({ token: g }) }, v)) }, c)) })
+              }) => /* @__PURE__ */ e("pre", { style: c, className: "p-4 rounded text-sm", children: u.map((m, d) => /* @__PURE__ */ e("div", { ...p({ line: m }), children: m.map((g, v) => /* @__PURE__ */ e("span", { ...h({ token: g }) }, v)) }, d)) })
             }
           )
         ] }),
@@ -2971,7 +2971,7 @@ const ` + (t?.name ? Yi(t.name) : "my") + "Collection:EntityCollection = " + oi.
                 message: "Copied"
               }), navigator.clipboard.writeText(l)),
               children: [
-                /* @__PURE__ */ e(qr, { size: "small" }),
+                /* @__PURE__ */ e($r, { size: "small" }),
                 "Copy to clipboard"
               ]
             }
@@ -3011,19 +3011,19 @@ function cr(t) {
     subcollections: (t.subcollections ?? []).map(cr)
   };
 }
-function Gi({
+function Ki({
   showErrors: t,
   isNewCollection: r,
   propertyErrorsRef: n,
   onPropertyError: i,
   setDirty: l,
   reservedGroups: o,
-  extraIcon: d,
-  getUser: p,
-  getData: u,
+  extraIcon: c,
+  getUser: u,
+  getData: p,
   doCollectionInference: h,
   propertyConfigs: m,
-  collectionEditable: c
+  collectionEditable: d
 }) {
   const {
     values: g,
@@ -3037,15 +3037,15 @@ function Gi({
     l && l(k);
   }, [k]);
   const ue = h ? () => {
-    h && (q(!0), h(g).then((F) => {
-      if (F && pt(F.properties), !F) {
+    h && (q(!0), h(g).then((S) => {
+      if (S && He(S.properties), !S) {
         b.open({
           type: "error",
           message: "Could not infer properties from data"
         });
         return;
       }
-      const j = (F.properties ? Object.keys(F.properties) : []).filter((E) => !g.properties[E]);
+      const j = (S.properties ? Object.keys(S.properties) : []).filter((E) => !g.properties[E]);
       if (j.length === 0) {
         b.open({
           type: "info",
@@ -3054,82 +3054,82 @@ function Gi({
         return;
       }
       const T = {
-        ...j.reduce((E, ie) => (E[ie] = (F.properties ?? {})[ie], E), {}),
+        ...j.reduce((E, ie) => (E[ie] = (S.properties ?? {})[ie], E), {}),
         ...g.properties
-      }, S = [
+      }, F = [
         ...j,
         ...g.propertiesOrder ?? []
       ];
-      v("properties", T, !1), ve(S), Me(j);
+      v("properties", T, !1), ve(F), Me(j);
     }).finally(() => {
       q(!1);
     }));
-  } : void 0, re = Q((F) => F ? we.current[F] ?? I(g, be(F)) : we.current[""], [g]), ve = Q((F, j) => {
+  } : void 0, re = Q((S) => S ? we.current[S] ?? I(g, be(S)) : we.current[""], [g]), ve = Q((S, j) => {
     const T = be(j);
-    v(T, F, !1), we.current[j ?? ""] = F;
-  }, [v]), ke = Q((F, j) => {
-    const T = F ? ae(F, j) : void 0;
+    v(T, S, !1), we.current[j ?? ""] = S;
+  }, [v]), ke = Q((S, j) => {
+    const T = S ? ae(S, j) : void 0;
     if (!T)
       throw Error("collection editor miss config");
     v(he(T), void 0, !1);
-    const E = re(j).filter((ie) => ie !== F);
+    const E = re(j).filter((ie) => ie !== S);
     ve(E, j), J(!1), w(void 0), M(void 0), D(void 0);
-  }, [re, v, ve]), Ge = (F, j) => {
-    v(be(j), F, !1);
+  }, [re, v, ve]), Ke = (S, j) => {
+    v(be(j), S, !1);
   }, gt = ({
-    id: F,
+    id: S,
     property: j
   }) => {
-    if (!F)
+    if (!S)
       throw Error("Need to include an ID when creating a new property");
     v("properties", {
       ...g.properties ?? {},
-      [F]: j
+      [S]: j
     }, !1);
-    const T = [...g.propertiesOrder ?? Object.keys(g.properties), F];
-    ve(T), J(!1), C && (w(T.indexOf(F)), M(F)), D(void 0);
+    const T = [...g.propertiesOrder ?? Object.keys(g.properties), S];
+    ve(T), J(!1), C && (w(T.indexOf(S)), M(S)), D(void 0);
   }, pe = ({
-    id: F,
+    id: S,
     property: j,
     previousId: T,
-    namespace: S
+    namespace: F
   }) => {
-    const E = F ? ae(F, S) : void 0, ie = E ? he(E) : void 0;
-    if (T && T !== F) {
+    const E = S ? ae(S, F) : void 0, ie = E ? he(E) : void 0;
+    if (T && T !== S) {
       console.debug("onPropertyChanged, id change", {
-        id: F,
+        id: S,
         property: j,
         previousId: T,
-        namespace: S
+        namespace: F
       });
-      const Oe = ae(T, S), Vt = he(Oe), It = re(S).map((Xe) => Xe === T ? F : Xe).filter((Xe) => Xe !== void 0);
-      ve(It, S), F && (w(It.indexOf(F)), M(F)), v(Vt, void 0, !1), y(Vt, !1, !1);
+      const Oe = ae(T, F), Vt = he(Oe), It = re(F).map((et) => et === T ? S : et).filter((et) => et !== void 0);
+      ve(It, F), S && (w(It.indexOf(S)), M(S)), v(Vt, void 0, !1), y(Vt, !1, !1);
     }
     console.debug("onPropertyChanged", {
-      id: F,
+      id: S,
       property: j,
       previousId: T,
-      namespace: S,
+      namespace: F,
       propertyPath: ie
     }), ie && (v(ie, j, !1), y(ie, !0, !1));
-  }, Ke = Q((F, j, T) => {
-    const S = F ? ae(F, j) : void 0;
+  }, We = Q((S, j, T) => {
+    const F = S ? ae(S, j) : void 0;
     if (console.debug("onPropertyErrorInternal", {
-      id: F,
+      id: S,
       namespace: j,
       error: T,
-      propertyPath: S
-    }), S) {
+      propertyPath: F
+    }), F) {
       const E = T && Object.keys(T).length > 0;
-      i(F, j, E ? T : void 0), x(he(S), E ? "Property error" : void 0);
+      i(S, j, E ? T : void 0), x(he(F), E ? "Property error" : void 0);
     }
-  }, []), We = () => {
+  }, []), Ze = () => {
     w(void 0), M(void 0);
-  }, Ze = _ && n?.current?.properties ? n.current.properties[_] : void 0, Je = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Re = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), Qe = Zt(() => g.ownerId ? p(g.ownerId) : null, [p, g.ownerId]), vt = Q((F, j) => {
+  }, Je = _ && n?.current?.properties ? n.current.properties[_] : void 0, Qe = g?.propertiesOrder === void 0 || g.propertiesOrder.length === 0, Re = g.propertiesOrder ? g.propertiesOrder : Object.keys(g.properties), Xe = Zt(() => g.ownerId && u ? u(g.ownerId) : null, [u, g.ownerId]), vt = Q((S, j) => {
     console.debug("CollectionEditor: onPropertyClick", {
-      propertyKey: F,
+      propertyKey: S,
       namespace: j
-    }), w(Re.indexOf(F)), M(F), D(j);
+    }), w(Re.indexOf(S)), M(S), D(j);
   }, [Re]), yt = /* @__PURE__ */ a("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ a("div", { className: fe(
       "p-4 md:p-8 pb-20 md:pb-20",
@@ -3152,7 +3152,7 @@ function Gi({
               error: !!P?.name
             }
           ),
-          Qe && /* @__PURE__ */ a(
+          Xe && /* @__PURE__ */ a(
             O,
             {
               variant: "body2",
@@ -3160,12 +3160,12 @@ function Gi({
               color: "secondary",
               children: [
                 "Created by ",
-                Qe.displayName
+                Xe.displayName
               ]
             }
           )
         ] }),
-        d && /* @__PURE__ */ e("div", { className: "ml-4", children: d }),
+        c && /* @__PURE__ */ e("div", { className: "ml-4", children: c }),
         /* @__PURE__ */ a("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
           /* @__PURE__ */ e(te, { title: "Get the code for this collection", children: /* @__PURE__ */ e(
             oe,
@@ -3173,7 +3173,7 @@ function Gi({
               variant: "filled",
               disabled: B,
               onClick: () => G(!0),
-              children: /* @__PURE__ */ e($r, {})
+              children: /* @__PURE__ */ e(Yr, {})
             }
           ) }),
           ue && /* @__PURE__ */ e(te, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
@@ -3205,9 +3205,9 @@ function Gi({
           additionalFields: g.additionalFields,
           propertiesOrder: Re,
           onPropertyClick: vt,
-          onPropertyMove: Ge,
+          onPropertyMove: Ke,
           onPropertyRemove: r ? ke : void 0,
-          collectionEditable: c,
+          collectionEditable: d,
           errors: P
         }
       ) }),
@@ -3242,17 +3242,17 @@ function Gi({
               property: s,
               onPropertyChanged: pe,
               onDelete: ke,
-              onError: Ke,
+              onError: We,
               forceShowErrors: t,
-              initialErrors: Ze,
-              getData: u,
+              initialErrors: Je,
+              getData: p,
               propertyConfigs: m,
-              collectionEditable: c
+              collectionEditable: d
             },
             `edit_view_${f}`
           ),
           !s && /* @__PURE__ */ a("div", { className: "w-full flex flex-col items-center justify-center h-full gap-4", children: [
-            /* @__PURE__ */ e(O, { variant: "label", className: "", children: Je ? "Now you can add your first property" : "Select a property to edit it" }),
+            /* @__PURE__ */ e(O, { variant: "label", className: "", children: Qe ? "Now you can add your first property" : "Select a property to edit it" }),
             /* @__PURE__ */ a(
               z,
               {
@@ -3283,13 +3283,13 @@ function Gi({
         property: s,
         onPropertyChanged: pe,
         onDelete: ke,
-        onError: Ke,
+        onError: We,
         forceShowErrors: t,
-        initialErrors: Ze,
-        getData: u,
+        initialErrors: Je,
+        getData: p,
         propertyConfigs: m,
-        collectionEditable: c,
-        onOkClicked: N ? We : void 0
+        collectionEditable: d,
+        onOkClicked: N ? Ze : void 0
       },
       `edit_view_${f}`
     )
@@ -3307,15 +3307,15 @@ function Gi({
         open: L,
         onCancel: () => J(!1),
         onPropertyChanged: gt,
-        getData: u,
+        getData: p,
         allowDataInference: !r,
         propertyConfigs: m,
-        collectionEditable: c,
+        collectionEditable: d,
         existingPropertyKeys: g.propertiesOrder
       }
     ),
     /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(
-      Hi,
+      Gi,
       {
         collection: g,
         open: V,
@@ -3324,7 +3324,7 @@ function Gi({
     ) })
   ] });
 }
-function Ki({
+function Wi({
   open: t,
   handleOk: r,
   handleCancel: n,
@@ -3332,7 +3332,7 @@ function Ki({
   title: l
 }) {
   return /* @__PURE__ */ a(
-    Fe,
+    Se,
     {
       open: t,
       onOpenChange: (o) => o ? n() : r(),
@@ -3352,12 +3352,12 @@ function Ki({
     }
   );
 }
-function Wi({ open: t, onClose: r }) {
+function Zi({ open: t, onClose: r }) {
   const {
     entityViews: n
   } = Ae();
   return /* @__PURE__ */ a(
-    Fe,
+    Se,
     {
       maxWidth: "md",
       open: t,
@@ -3386,7 +3386,7 @@ function Wi({ open: t, onClose: r }) {
     }
   );
 }
-function Zi({
+function Ji({
   collection: t,
   parentCollection: r,
   configController: n,
@@ -3394,10 +3394,10 @@ function Zi({
   getUser: l,
   parentCollectionIds: o
 }) {
-  const { entityViews: d } = Ae(), [p, u] = Y.useState(), [h, m] = Y.useState(!1), [c, g] = Y.useState(), [v, x] = Y.useState(), {
+  const { entityViews: c } = Ae(), [u, p] = Y.useState(), [h, m] = Y.useState(!1), [d, g] = Y.useState(), [v, x] = Y.useState(), {
     values: y,
     setFieldValue: P
-  } = K(), k = t.subcollections ?? [], b = y.entityViews?.filter((f) => typeof f == "string").map((f) => xr(f, d)).filter(Boolean) ?? [], C = t.entityViews?.filter((f) => typeof f != "string") ?? [], N = b.length + C.length;
+  } = K(), k = t.subcollections ?? [], b = y.entityViews?.filter((f) => typeof f == "string").map((f) => xr(f, c)).filter(Boolean) ?? [], C = t.entityViews?.filter((f) => typeof f != "string") ?? [], N = b.length + C.length;
   return /* @__PURE__ */ a("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(mt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ a("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ a("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -3430,10 +3430,10 @@ function Zi({
                       {
                         size: "small",
                         onClick: (w) => {
-                          w.preventDefault(), w.stopPropagation(), u(f.id);
+                          w.preventDefault(), w.stopPropagation(), p(f.id);
                         },
                         color: "inherit",
-                        children: /* @__PURE__ */ e(dt, { size: "small" })
+                        children: /* @__PURE__ */ e(ut, { size: "small" })
                       }
                     ) })
                   }
@@ -3459,7 +3459,7 @@ function Zi({
       ] }),
       /* @__PURE__ */ a("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(O, { variant: "h5", children: "Custom views" }),
-        N === 0 && /* @__PURE__ */ e(Yr, { action: /* @__PURE__ */ e(
+        N === 0 && /* @__PURE__ */ e(Hr, { action: /* @__PURE__ */ e(
           z,
           {
             variant: "text",
@@ -3493,7 +3493,7 @@ function Zi({
                         w.preventDefault(), w.stopPropagation(), g(f.key);
                       },
                       color: "inherit",
-                      children: /* @__PURE__ */ e(dt, { size: "small" })
+                      children: /* @__PURE__ */ e(ut, { size: "small" })
                     }
                   ) })
                 }
@@ -3528,18 +3528,18 @@ function Zi({
       ] })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { height: "52px" } }),
-    p && /* @__PURE__ */ e(
-      lt,
+    u && /* @__PURE__ */ e(
+      st,
       {
-        open: !!p,
+        open: !!u,
         onAccept: () => {
           const f = {
-            id: p,
+            id: u,
             parentCollectionIds: [...o ?? [], t.id]
           };
-          console.debug("Deleting subcollection", f), n.deleteCollection(f), u(void 0);
+          console.debug("Deleting subcollection", f), n.deleteCollection(f), p(void 0);
         },
-        onCancel: () => u(void 0),
+        onCancel: () => p(void 0),
         title: /* @__PURE__ */ e(R, { children: "Delete this subcollection?" }),
         body: /* @__PURE__ */ a(R, { children: [
           " This will ",
@@ -3548,12 +3548,12 @@ function Zi({
         ] })
       }
     ),
-    c && /* @__PURE__ */ e(
-      lt,
+    d && /* @__PURE__ */ e(
+      st,
       {
-        open: !!c,
+        open: !!d,
         onAccept: () => {
-          P("entityViews", y.entityViews?.filter((f) => f !== c)), g(void 0);
+          P("entityViews", y.entityViews?.filter((f) => f !== d)), g(void 0);
         },
         onCancel: () => g(void 0),
         title: /* @__PURE__ */ e(R, { children: "Remove this view?" }),
@@ -3581,7 +3581,7 @@ function Zi({
       }
     ),
     /* @__PURE__ */ e(
-      Wi,
+      Zi,
       {
         open: h,
         onClose: (f) => {
@@ -3598,7 +3598,7 @@ const Lt = {
   singularName: "Product",
   icon: "shopping_cart",
   description: "List of the products currently sold in your shop",
-  properties: pt({
+  properties: He({
     name: {
       dataType: "string",
       name: "Name",
@@ -3684,7 +3684,7 @@ const Lt = {
   icon: "article",
   description: "A collection of blog entries",
   defaultSize: "l",
-  properties: pt({
+  properties: He({
     name: {
       name: "Name",
       validation: { required: !0 },
@@ -3795,7 +3795,7 @@ const Lt = {
   singularName: "User",
   description: "Registered users in the app/web",
   icon: "person",
-  properties: pt({
+  properties: He({
     displayName: {
       name: "Display name",
       dataType: "string"
@@ -4013,24 +4013,24 @@ const Lt = {
     }
   }
 };
-function Ji({
+function Qi({
   path: t,
   pathSuggestions: r,
   parentCollection: n,
   onContinue: i,
   existingCollectionPaths: l
 }) {
-  const [o, d] = $(!1), [p, u] = $();
+  const [o, c] = $(!1), [u, p] = $();
   de(() => {
-    r && l && (d(!0), r(t).then((v) => {
+    r && l && (c(!0), r(t).then((v) => {
       const x = v.filter((y) => !(l ?? []).find((P) => P.trim().toLowerCase() === y.trim().toLowerCase()));
-      u(x);
-    }).finally(() => d(!1)));
+      p(x);
+    }).finally(() => c(!1)));
   }, [l, t, r]);
   const {
     values: h,
     setFieldValue: m,
-    setValues: c,
+    setValues: d,
     submitCount: g
   } = K();
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ a(mt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
@@ -4041,7 +4041,7 @@ function Ji({
         children: /* @__PURE__ */ e(O, { variant: "h4", className: "flex-grow", children: "New collection" })
       }
     ),
-    n && /* @__PURE__ */ e(st, { colorScheme: "tealDarker", children: /* @__PURE__ */ a(O, { variant: "caption", children: [
+    n && /* @__PURE__ */ e(ct, { colorScheme: "tealDarker", children: /* @__PURE__ */ a(O, { variant: "caption", children: [
       "This is a subcollection of ",
       /* @__PURE__ */ e("b", { children: n.name })
     ] }) }),
@@ -4055,20 +4055,20 @@ function Ji({
         }
       ),
       /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        o && !p && /* @__PURE__ */ e(De, { size: "small" }),
-        p?.map((v, x) => /* @__PURE__ */ e(
-          st,
+        o && !u && /* @__PURE__ */ e(De, { size: "small" }),
+        u?.map((v, x) => /* @__PURE__ */ e(
+          ct,
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              m("name", ut(v)), m("id", v), m("path", v), m("properties", void 0), i();
+              m("name", pt(v)), m("id", v), m("path", v), m("properties", void 0), i();
             },
             size: "small",
             children: v
           },
           v
         )),
-        !o && (p ?? [])?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
+        !o && (u ?? [])?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "my-2", children: [
@@ -4082,46 +4082,46 @@ function Ji({
       ),
       /* @__PURE__ */ a("div", { className: "flex gap-4", children: [
         /* @__PURE__ */ e(
-          nt,
+          at,
           {
             title: "Products",
             subtitle: "A collection of products with images, prices and stock",
-            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Lt.icon }),
+            icon: /* @__PURE__ */ e(tt, { size: "small", iconKey: Lt.icon }),
             onClick: () => {
-              c(Lt), i();
+              d(Lt), i();
             }
           }
         ),
         /* @__PURE__ */ e(
-          nt,
+          at,
           {
             title: "Users",
             subtitle: "A collection of users with emails, names and roles",
-            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: $t.icon }),
+            icon: /* @__PURE__ */ e(tt, { size: "small", iconKey: $t.icon }),
             onClick: () => {
-              c($t), i();
+              d($t), i();
             }
           }
         ),
         /* @__PURE__ */ e(
-          nt,
+          at,
           {
             title: "Blog posts",
             subtitle: "A collection of blog posts with images, authors and complex content",
-            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: qt.icon }),
+            icon: /* @__PURE__ */ e(tt, { size: "small", iconKey: qt.icon }),
             onClick: () => {
-              c(qt), i();
+              d(qt), i();
             }
           }
         ),
         /* @__PURE__ */ e(
-          nt,
+          at,
           {
             title: "Pages",
             subtitle: "A collection of pages with images, authors and complex content",
-            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Yt.icon }),
+            icon: /* @__PURE__ */ e(tt, { size: "small", iconKey: Yt.icon }),
             onClick: () => {
-              c(Yt), i();
+              d(Yt), i();
             }
           }
         )
@@ -4137,12 +4137,12 @@ function Ji({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ci, { onDataAdded: (v) => i(v) })
+      /* @__PURE__ */ e(di, { onDataAdded: (v) => i(v) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(z, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
 }
-function nt({
+function at({
   title: t,
   subtitle: r,
   icon: n,
@@ -4165,7 +4165,7 @@ function nt({
     }
   ) });
 }
-function Qi({
+function Xi({
   importConfig: t,
   propertyConfigs: r,
   collectionEditable: n
@@ -4174,15 +4174,15 @@ function Qi({
     setFieldValue: i,
     setFieldTouched: l,
     values: o
-  } = K(), [d, p] = $(void 0), u = Y.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), h = d ? d.id : void 0, m = d || void 0, c = ({
+  } = K(), [c, u] = $(void 0), p = Y.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), h = c ? c.id : void 0, m = c || void 0, d = ({
     id: v,
     property: x,
     previousId: y,
     namespace: P
   }) => {
-    const k = v ? ae(v, P) : void 0, b = k ? he(k) : void 0, C = (f) => f ? u.current[f] ?? I(o, be(f)) : u.current[""], N = (f, w) => {
+    const k = v ? ae(v, P) : void 0, b = k ? he(k) : void 0, C = (f) => f ? p.current[f] ?? I(o, be(f)) : p.current[""], N = (f, w) => {
       const _ = be(w);
-      i(_, f, !1), u.current[w ?? ""] = f;
+      i(_, f, !1), p.current[w ?? ""] = f;
     };
     if (y && y !== v) {
       const f = ae(y, P), w = he(f), M = C(P).map((D) => D === y ? v : D).filter((D) => D !== void 0);
@@ -4200,7 +4200,7 @@ function Qi({
     namespace: P
   }) => {
     const k = v ? ae(v, P) : void 0, b = k ? he(k) : void 0, C = t.importData.map((f) => I(f, x)), N = {
-      ...ti(C, y, rr),
+      ...ri(C, y, rr),
       editable: !0
     };
     b && (N ? i(b, N, !1) : i(b, y, !1), l(b, !0, !1));
@@ -4209,7 +4209,7 @@ function Qi({
     /* @__PURE__ */ a(mt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(O, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        di,
+        ui,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
@@ -4221,20 +4221,20 @@ function Qi({
             propertyKey: x,
             importKey: y
           }) => /* @__PURE__ */ e(
-            ui,
+            pi,
             {
               property: v,
               propertyKey: x,
               onPropertyNameChanged: (P, k) => i(`properties.${P}.name`, k, !1),
               onEditClick: () => {
-                !x || !v || p({
+                !x || !v || u({
                   ...v,
                   id: x,
                   editable: !0
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Xi,
+                en,
                 {
                   property: v,
                   disabled: !1,
@@ -4254,19 +4254,19 @@ function Qi({
     /* @__PURE__ */ e(
       Ie,
       {
-        open: d !== void 0,
+        open: c !== void 0,
         propertyKey: h,
         property: m,
         inArray: !1,
         autoUpdateId: !1,
-        onPropertyChanged: c,
+        onPropertyChanged: d,
         allowDataInference: !1,
         collectionEditable: n,
         onOkClicked: () => {
-          p(void 0);
+          u(void 0);
         },
         onCancel: () => {
-          p(void 0);
+          u(void 0);
         },
         autoOpenTypeSelect: !1,
         existingProperty: !1,
@@ -4276,32 +4276,32 @@ function Qi({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Xi({
+function en({
   property: t,
   onPropertyChanged: r,
   propertyKey: n,
   propertyConfigs: i,
   disabled: l
 }) {
-  const o = t ? Kt(t) : null, d = t ? $e(t, i) : null, [p, u] = $(!1);
+  const o = t ? Kt(t) : null, c = t ? $e(t, i) : null, [u, p] = $(!1);
   return /* @__PURE__ */ e(
     te,
     {
-      title: t && d ? `${d?.name} - ${t.dataType}` : void 0,
-      open: p ? !1 : void 0,
+      title: t && c ? `${c?.name} - ${t.dataType}` : void 0,
+      open: u ? !1 : void 0,
       children: /* @__PURE__ */ e(
         Ce,
         {
-          open: p,
-          onOpenChange: u,
+          open: u,
+          onOpenChange: p,
           invisible: !0,
           className: "w-full",
           disabled: l,
-          error: !d,
+          error: !c,
           value: o ?? "",
           placeholder: "Select a property widget",
           position: "item-aligned",
-          renderValue: (h) => d ? /* @__PURE__ */ e(Ye, { propertyConfig: d }) : null,
+          renderValue: (h) => c ? /* @__PURE__ */ e(Ye, { propertyConfig: c }) : null,
           onValueChange: (h) => {
             const m = ar(t, h, i);
             n && r({
@@ -4326,9 +4326,9 @@ function Xi({
     }
   );
 }
-function en({ importConfig: t, properties: r, propertiesOrder: n }) {
+function tn({ importConfig: t, properties: r, propertiesOrder: n }) {
   de(() => {
-    const l = pi(t.originProperties, r), o = t.importData.map((d) => mi(d, t.idColumn, t.headersMapping, r, l, "TEMP_PATH"));
+    const l = mi(t.originProperties, r), o = t.importData.map((c) => hi(c, t.idColumn, t.headersMapping, r, l, "TEMP_PATH"));
     t.setEntities(o);
   }, []);
   const i = wr();
@@ -4354,16 +4354,16 @@ function en({ importConfig: t, properties: r, propertiesOrder: n }) {
   );
 }
 function dr(t, r = "") {
-  const n = Object.keys(t).reduce((o, d) => {
-    const p = t[d], u = kr(d), h = r ? `${r}.${u}` : u;
-    if (p.dataType === "map" && p.properties) {
-      const g = dr(p.properties, h);
+  const n = Object.keys(t).reduce((o, c) => {
+    const u = t[c], p = kr(c), h = r ? `${r}.${p}` : p;
+    if (u.dataType === "map" && u.properties) {
+      const g = dr(u.properties, h);
       return {
-        headersMapping: { ...o.headersMapping, [d]: h },
+        headersMapping: { ...o.headersMapping, [c]: h },
         properties: {
           ...o.properties,
-          [u]: {
-            ...p,
+          [p]: {
+            ...u,
             properties: g.properties,
             propertiesOrder: Object.keys(g.properties)
           }
@@ -4372,10 +4372,10 @@ function dr(t, r = "") {
     }
     const m = {
       ...o.properties,
-      [u]: p
+      [p]: u
     };
     return {
-      headersMapping: { ...o.headersMapping, [d]: h },
+      headersMapping: { ...o.headersMapping, [c]: h },
       properties: m
     };
   }, { headersMapping: {}, properties: {} }), i = Object.keys(n.headersMapping)?.[0];
@@ -4386,31 +4386,31 @@ function dr(t, r = "") {
   };
 }
 function ur(t) {
-  const r = t.open, [n, i] = je.useState(!1), [l, o] = je.useState(!1), d = Q(() => {
+  const r = t.open, [n, i] = je.useState(!1), [l, o] = je.useState(!1), c = Q(() => {
     n ? o(!0) : t.handleClose(void 0);
   }, [n, t.handleClose]);
   return de(() => {
     r || (i(!1), o(!1));
   }, [r]), /* @__PURE__ */ a(
-    Fe,
+    Se,
     {
       open: r,
       fullWidth: !0,
       fullHeight: !0,
       scrollable: !1,
       maxWidth: "7xl",
-      onOpenChange: (p) => p ? void 0 : d(),
+      onOpenChange: (u) => u ? void 0 : c(),
       children: [
         r && /* @__PURE__ */ e(
-          tn,
+          rn,
           {
             ...t,
-            handleCancel: d,
+            handleCancel: c,
             setFormDirty: i
           }
         ),
         /* @__PURE__ */ e(
-          Ki,
+          Wi,
           {
             open: l,
             handleOk: () => t.handleClose(void 0),
@@ -4422,62 +4422,62 @@ function ur(t) {
     }
   );
 }
-function tn(t) {
+function rn(t) {
   const { propertyConfigs: r } = Ae(), n = Ne(), i = Te(), {
     topLevelNavigation: l,
     collections: o
-  } = n, d = t.initialValues, p = !d?.path && (t.parentCollectionIds ?? []).length === 0, u = (t.parentCollection ? t.parentCollection.subcollections : o) ?? [], h = u.map((b) => b.path.trim().toLowerCase()), m = u.map((b) => b.id?.trim().toLowerCase()).filter(Boolean), [c, g] = je.useState(), [v, x] = je.useState(!1);
+  } = n, c = t.initialValues, u = !c?.path && (t.parentCollectionIds ?? []).length === 0, p = (t.parentCollection ? t.parentCollection.subcollections : o) ?? [], h = p.map((b) => b.path.trim().toLowerCase()), m = p.map((b) => b.id?.trim().toLowerCase()).filter(Boolean), [d, g] = je.useState(), [v, x] = je.useState(!1);
   if (de(() => {
     try {
       n.initialised && (t.editedCollectionId ? g(n.getCollectionFromPaths([...t.parentCollectionIds ?? [], t.editedCollectionId])) : g(void 0), x(!0));
     } catch (b) {
       console.error(b);
     }
-  }, [n.getCollectionFromPaths, t.editedCollectionId, t.parentCollectionIds, n.initialised]), !l)
+  }, [t.editedCollectionId, t.parentCollectionIds, n]), !l)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: y
-  } = l, P = c ? {
-    ...c,
-    id: c.id ?? c.path ?? _t(16)
-  } : void 0, k = P ? nn(P, r) : {
-    id: d?.path ?? _t(16),
-    path: d?.path ?? "",
-    name: d?.name ?? "",
-    group: d?.group ?? "",
+  } = l, P = d ? {
+    ...d,
+    id: d.id ?? d.path ?? _t(16)
+  } : void 0, k = P ? an(P, r) : {
+    id: c?.path ?? _t(16),
+    path: c?.path ?? "",
+    name: c?.name ?? "",
+    group: c?.group ?? "",
     properties: {},
     propertiesOrder: [],
     icon: zt[Math.floor(Math.random() * zt.length)],
     ownerId: i.user?.uid ?? ""
   };
   return v ? !t.isNewCollection && (!n.initialised || !v) ? /* @__PURE__ */ e(Nt, {}) : /* @__PURE__ */ e(
-    rn,
+    nn,
     {
       ...t,
       initialValues: k,
       existingPaths: h,
       existingIds: m,
-      includeTemplates: p,
-      collection: c,
+      includeTemplates: u,
+      collection: d,
       setCollection: g,
       groups: y,
       propertyConfigs: r
     }
   ) : /* @__PURE__ */ e(Nt, {});
 }
-function rn({
+function nn({
   isNewCollection: t,
   configController: r,
   editedCollectionId: n,
   parentCollectionIds: i,
   fullPath: l,
   collectionInference: o,
-  handleClose: d,
-  reservedGroups: p,
-  extraView: u,
+  handleClose: c,
+  reservedGroups: u,
+  extraView: p,
   handleCancel: h,
   setFormDirty: m,
-  pathSuggestions: c,
+  pathSuggestions: d,
   getUser: g,
   parentCollection: v,
   getData: x,
@@ -4490,10 +4490,10 @@ function rn({
   propertyConfigs: f,
   groups: w
 }) {
-  const _ = hi(), M = Ne(), U = _e(), D = Le({}), A = t ? k ? "welcome" : "details" : "properties", [s, V] = $(A), [G, B] = je.useState(), q = (T) => {
-    const S = T.id || T.path;
+  const _ = fi(), M = Ne(), U = _e(), D = Le({}), A = t ? k ? "welcome" : "details" : "properties", [s, V] = $(A), [G, B] = je.useState(), q = (T) => {
+    const F = T.id || T.path;
     return r.saveCollection({
-      id: S,
+      id: F,
       collectionData: T,
       previousId: n,
       parentCollectionIds: i
@@ -4502,8 +4502,8 @@ function rn({
       message: "Error persisting collection: " + (E.message ?? "Details in the console")
     }), !1));
   }, L = Q(() => {
-    s === "details" ? _.inUse ? V("import_data_saving") : V(u ? "extra_view" : "properties") : V(s === "welcome" ? "details" : s === "import_data_mapping" ? "import_data_preview" : s === "import_data_preview" ? "details" : s === "extra_view" ? "properties" : "details");
-  }, [s, _.inUse, u]), J = Q((T) => {
+    s === "details" ? _.inUse ? V("import_data_saving") : V(p ? "extra_view" : "properties") : V(s === "welcome" ? "details" : s === "import_data_mapping" ? "import_data_preview" : s === "import_data_preview" ? "details" : s === "extra_view" ? "properties" : "details");
+  }, [s, _.inUse, p]), J = Q((T) => {
     if (o)
       return o?.(T.path, T.collectionGroup ?? !1, i ?? []);
   }, [o, i]), le = Q(async (T) => {
@@ -4511,35 +4511,35 @@ function rn({
       if (!J)
         return C(T), Promise.resolve(T);
       V("loading");
-      const S = await J?.(T);
-      if (!S)
+      const F = await J?.(T);
+      if (!F)
         return C(T), Promise.resolve(T);
       const E = {
         ...T ?? {}
       };
-      return Object.keys(S.properties ?? {}).length > 0 && (E.properties = S.properties, E.propertiesOrder = S.propertiesOrder), E.propertiesOrder ? (C(E), console.debug("Inferred collection", {
+      return Object.keys(F.properties ?? {}).length > 0 && (E.properties = F.properties, E.propertiesOrder = F.propertiesOrder), E.propertiesOrder ? (C(E), console.debug("Inferred collection", {
         newCollection: T ?? {},
         values: E
       }), E) : (E.propertiesOrder = Object.keys(E.properties), E);
-    } catch (S) {
-      return console.error(S), U.open({
+    } catch (F) {
+      return console.error(F), U.open({
         type: "error",
-        message: "Error inferring collection: " + (S.message ?? "Details in the console")
+        message: "Error inferring collection: " + (F.message ?? "Details in the console")
       }), T;
     }
   }, [i, J]), ue = Tt({
     initialValues: N,
-    onSubmit: (T, S) => {
+    onSubmit: (T, F) => {
       console.log("Submitting collection", T);
       try {
         if (!t) {
           q(T).then(() => {
-            S.resetForm({ values: N }), d(T);
+            F.resetForm({ values: N }), c(T);
           });
           return;
         }
-        s === "welcome" ? (L(), S.resetForm({ values: T })) : s === "details" ? u || _.inUse ? (S.resetForm({ values: T }), L()) : t ? le(T).then((E) => {
-          S.resetForm({
+        s === "welcome" ? (L(), F.resetForm({ values: T })) : s === "details" ? p || _.inUse ? (F.resetForm({ values: T }), L()) : t ? le(T).then((E) => {
+          F.resetForm({
             values: E ?? T,
             touched: {
               path: !0,
@@ -4548,48 +4548,48 @@ function rn({
           });
         }).finally(() => {
           L();
-        }) : (S.resetForm({ values: T }), L()) : s === "extra_view" ? (L(), S.resetForm({ values: T })) : s === "import_data_mapping" || s === "import_data_preview" ? L() : s === "properties" ? q(T).then(() => {
-          S.resetForm({ values: N }), L(), d(T);
-        }) : (L(), S.resetForm({ values: T }));
+        }) : (F.resetForm({ values: T }), L()) : s === "extra_view" ? (L(), F.resetForm({ values: T })) : s === "import_data_mapping" || s === "import_data_preview" ? L() : s === "properties" ? q(T).then(() => {
+          F.resetForm({ values: N }), L(), c(T);
+        }) : (L(), F.resetForm({ values: T }));
       } catch (E) {
         U.open({
           type: "error",
           message: "Error persisting collection: " + (E.message ?? "Details in the console")
-        }), console.error(E), S.resetForm({ values: T });
+        }), console.error(E), F.resetForm({ values: T });
       }
     },
     validation: (T) => {
-      let S = {};
-      const E = (s === "properties" || s === "subcollections" || s === "details") && vi;
+      let F = {};
+      const E = (s === "properties" || s === "subcollections" || s === "details") && yi;
       if (E)
         try {
           E.validateSync(T, { abortEarly: !1 });
         } catch (ie) {
           ie.inner.forEach((Oe) => {
-            S[Oe.path] = Oe.message;
+            F[Oe.path] = Oe.message;
           });
         }
-      if (s === "properties" && (S = { ...S, ...D.current }), s === "details") {
+      if (s === "properties" && (F = { ...F, ...D.current }), s === "details") {
         const ie = Ht(T.path, t, y, T.id);
-        ie && (S.path = ie);
-        const Oe = an(T.id, t, y, P);
-        Oe && (S.id = Oe);
+        ie && (F.path = ie);
+        const Oe = on(T.id, t, y, P);
+        Oe && (F.id = Oe);
       }
-      return S;
+      return F;
     }
   }), {
     values: re,
     setFieldValue: ve,
     isSubmitting: ke,
-    dirty: Ge,
+    dirty: Ke,
     submitCount: gt
-  } = ue, pe = re.path, Ke = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + pe : pe, We = Ht(pe, t, y, re.id), Ze = !We && i ? M.convertIdsToPaths(i) : void 0, Je = We ? void 0 : M.resolveAliasesFrom(Ke), Re = Je && x ? () => x(Je, Ze ?? []) : void 0;
+  } = ue, pe = re.path, We = l?.includes("/") ? l?.split("/").slice(0, -1).join("/") + "/" + pe : pe, Ze = Ht(pe, t, y, re.id), Je = !Ze && i ? M.convertIdsToPaths(i) : void 0, Qe = Ze ? void 0 : M.resolveAliasesFrom(We), Re = Qe && x ? () => x(Qe, Je ?? []) : void 0;
   de(() => {
-    m(Ge);
-  }, [Ge]);
-  function Qe(T) {
-    _.setInUse(!0), ri(T, rr).then((S) => {
-      const E = dr(S);
+    m(Ke);
+  }, [Ke]);
+  function Xe(T) {
+    _.setInUse(!0), ii(T, rr).then((F) => {
+      const E = dr(F);
       ve("properties", E.properties), ve("propertiesOrder", Object.keys(E.properties)), _.setIdColumn(E.idColumn), _.setImportData(T), _.setHeadersMapping(E.headersMapping), _.setOriginProperties(E.properties);
     });
   }
@@ -4599,7 +4599,7 @@ function rn({
   }, j = b?.editable === void 0 || b?.editable === !0 || t;
   return /* @__PURE__ */ e(Be, { fullHeight: !0, children: /* @__PURE__ */ e(kt, { value: ue, children: /* @__PURE__ */ a(R, { children: [
     !t && /* @__PURE__ */ a(
-      Hr,
+      Gr,
       {
         value: s,
         className: fe(wt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
@@ -4622,21 +4622,21 @@ function rn({
         ),
         children: [
           s === "loading" && /* @__PURE__ */ e(Nt, {}),
-          s === "extra_view" && pe && u?.View && /* @__PURE__ */ e(u.View, { path: pe }),
+          s === "extra_view" && pe && p?.View && /* @__PURE__ */ e(p.View, { path: pe }),
           s === "welcome" && /* @__PURE__ */ e(
-            Ji,
+            Qi,
             {
               path: pe,
               onContinue: (T) => {
-                T ? (Qe(T), V("import_data_mapping")) : V("details");
+                T ? (Xe(T), V("import_data_mapping")) : V("details");
               },
               existingCollectionPaths: y,
               parentCollection: v,
-              pathSuggestions: c
+              pathSuggestions: d
             }
           ),
           s === "import_data_mapping" && _ && /* @__PURE__ */ e(
-            Qi,
+            Xi,
             {
               importConfig: _,
               collectionEditable: j,
@@ -4644,7 +4644,7 @@ function rn({
             }
           ),
           s === "import_data_preview" && _ && /* @__PURE__ */ e(
-            en,
+            tn,
             {
               importConfig: _,
               properties: re.properties,
@@ -4652,7 +4652,7 @@ function rn({
             }
           ),
           s === "import_data_saving" && _ && /* @__PURE__ */ e(
-            fi,
+            gi,
             {
               importConfig: _,
               collection: re,
@@ -4661,12 +4661,12 @@ function rn({
                 U.open({
                   type: "info",
                   message: "Data imported successfully"
-                }), await q(re), d(T);
+                }), await q(re), c(T);
               }
             }
           ),
           s === "details" && /* @__PURE__ */ e(
-            yi,
+            bi,
             {
               existingPaths: y,
               existingIds: P,
@@ -4677,7 +4677,7 @@ function rn({
             }
           ),
           s === "subcollections" && b && /* @__PURE__ */ e(
-            Zi,
+            Ji,
             {
               parentCollection: v,
               configController: r,
@@ -4688,15 +4688,15 @@ function rn({
             }
           ),
           s === "properties" && /* @__PURE__ */ e(
-            Gi,
+            Ki,
             {
               showErrors: gt > 0,
               isNewCollection: t,
-              reservedGroups: p,
-              onPropertyError: (T, S, E) => {
-                const ie = Ft({
+              reservedGroups: u,
+              onPropertyError: (T, F, E) => {
+                const ie = St({
                   ...D.current,
-                  [ir(T, S)]: Ft(E, !0)
+                  [ir(T, F)]: St(E, !0)
                 }, !0);
                 D.current = ie, ue.validate();
               },
@@ -4705,12 +4705,12 @@ function rn({
               doCollectionInference: J,
               propertyConfigs: f,
               collectionEditable: j,
-              extraIcon: u?.icon && /* @__PURE__ */ e(
+              extraIcon: p?.icon && /* @__PURE__ */ e(
                 oe,
                 {
                   color: "primary",
                   onClick: () => V("extra_view"),
-                  children: u.icon
+                  children: p.icon
                 }
               )
             }
@@ -4728,7 +4728,7 @@ function rn({
                     type: "button",
                     onClick: () => (_.setInUse(!1), V("welcome")),
                     children: [
-                      /* @__PURE__ */ e(tt, {}),
+                      /* @__PURE__ */ e(rt, {}),
                       "Back"
                     ]
                   }
@@ -4742,7 +4742,7 @@ function rn({
                       V("import_data_mapping");
                     },
                     children: [
-                      /* @__PURE__ */ e(tt, {}),
+                      /* @__PURE__ */ e(rt, {}),
                       "Back"
                     ]
                   }
@@ -4754,7 +4754,7 @@ function rn({
                     type: "button",
                     onClick: () => V("welcome"),
                     children: [
-                      /* @__PURE__ */ e(tt, {}),
+                      /* @__PURE__ */ e(rt, {}),
                       "Back"
                     ]
                   }
@@ -4766,7 +4766,7 @@ function rn({
                     type: "button",
                     onClick: () => V("details"),
                     children: [
-                      /* @__PURE__ */ e(tt, {}),
+                      /* @__PURE__ */ e(rt, {}),
                       "Back"
                     ]
                   }
@@ -4809,7 +4809,7 @@ function rn({
                     type: "submit",
                     loading: ke,
                     disabled: ke || s === "details" && !vt,
-                    startIcon: s === "properties" ? /* @__PURE__ */ e(Gr, {}) : void 0,
+                    startIcon: s === "properties" ? /* @__PURE__ */ e(Kr, {}) : void 0,
                     children: [
                       s === "details" && "Next",
                       s === "properties" && "Create collection"
@@ -4834,11 +4834,17 @@ function rn({
     )
   ] }) }) });
 }
-function nn(t, r) {
-  const { properties: n, ...i } = t, l = {};
+function an(t, r) {
+  const {
+    properties: n,
+    ...i
+  } = t, l = {};
   return n && Object.keys(n).forEach((o) => {
     l[o] = pr(n[o], r);
-  }), { ...i, properties: l };
+  }), {
+    ...i,
+    properties: l
+  };
 }
 function pr(t, r) {
   let n = t;
@@ -4850,7 +4856,10 @@ function pr(t, r) {
       const l = {};
       Object.keys(n.properties).forEach((o) => {
         l[o] = pr(n.properties[o], r);
-      }), n = { ...n, properties: l };
+      }), n = {
+        ...n,
+        properties: l
+      };
     }
   }
   return n;
@@ -4858,32 +4867,32 @@ function pr(t, r) {
 const Ht = (t, r, n, i) => {
   let l;
   return t || (l = "You must specify a path in the database for this collection"), r && n?.includes(t.trim().toLowerCase()) && !i && (l = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, make sure the have different ids"), Or(t).split("/").length % 2 === 0 && (l = `Collection paths must have an odd number of segments: ${t}`), l;
-}, an = (t, r, n, i) => {
+}, on = (t, r, n, i) => {
   if (!t)
     return;
   let l;
   return r && n?.includes(t.trim().toLowerCase()) && (l = "There is already a collection that uses this value as a path"), r && i?.includes(t.trim().toLowerCase()) && (l = "There is already a collection which uses this id"), l;
-}, mr = Y.createContext({}), hr = Y.createContext({}), on = Y.memo(
+}, mr = Y.createContext({}), hr = Y.createContext({}), ln = Y.memo(
   function({
     children: r,
     collectionConfigController: n,
     configPermissions: i,
     reservedGroups: l,
     collectionInference: o,
-    extraView: d,
-    pathSuggestions: p,
-    getUser: u,
+    extraView: c,
+    pathSuggestions: u,
+    getUser: p,
     getData: h,
     onAnalyticsEvent: m
   }) {
-    const c = Ne(), g = gi(), v = _e(), { propertyConfigs: x } = Ae(), {
+    const d = Ne(), g = vi(), v = _e(), { propertyConfigs: x } = Ae(), {
       collections: y
-    } = c, P = (y ?? []).map((s) => s.path.trim().toLowerCase()), [k, b] = Y.useState();
+    } = d, P = (y ?? []).map((s) => s.path.trim().toLowerCase()), [k, b] = Y.useState();
     de(() => {
-      p && p().then((s) => {
+      u && u().then((s) => {
         b(s.filter((V) => !P.includes(V.trim().toLowerCase())));
       });
-    }, [p]);
+    }, [u]);
     const [C, N] = Y.useState(), [f, w] = Y.useState(), _ = Q(() => ({
       createCollections: !0,
       editCollections: !0,
@@ -4935,7 +4944,7 @@ const Ht = (t, r, n, i) => {
         initialValues: G,
         redirect: B
       });
-    }, []), A = p ? (s) => !s && k ? Promise.resolve(k) : p?.(s) : void 0;
+    }, []), A = u ? (s) => !s && k ? Promise.resolve(k) : u?.(s) : void 0;
     return /* @__PURE__ */ e(mr.Provider, { value: n, children: /* @__PURE__ */ a(
       hr.Provider,
       {
@@ -4958,12 +4967,12 @@ const Ht = (t, r, n, i) => {
               ...C,
               getData: h,
               reservedGroups: l,
-              extraView: d,
+              extraView: c,
               pathSuggestions: A,
-              getUser: u,
+              getUser: p,
               handleClose: (s) => {
                 if (C?.redirect && s && C?.isNewCollection && !C.parentCollectionIds.length) {
-                  const V = c.buildUrlCollectionPath(s.id ?? s.path);
+                  const V = d.buildUrlCollectionPath(s.id ?? s.path);
                   g(V);
                 }
                 N(void 0);
@@ -4982,7 +4991,7 @@ const Ht = (t, r, n, i) => {
               collectionEditable: f?.collectionEditable ?? !1,
               getData: h && f?.editedCollectionId ? () => {
                 console.debug("get data for property", f?.editedCollectionId);
-                const s = c.resolveAliasesFrom(f.editedCollectionId);
+                const s = d.resolveAliasesFrom(f.editedCollectionId);
                 return h(s, []);
               } : void 0,
               onPropertyChanged: ({
@@ -5045,43 +5054,43 @@ const Ht = (t, r, n, i) => {
   },
   ye
 ), ge = () => Jt(hr);
-function ln({
+function sn({
   path: t,
   parentCollectionIds: r,
   collection: n,
   tableController: i
 }) {
-  const l = Te(), o = Ne(), d = ge(), p = o.getCollectionFromIds(r), u = d.configPermissions ? d.configPermissions({
+  const l = Te(), o = Ne(), c = ge(), u = o.getCollectionFromIds(r), p = c.configPermissions ? c.configPermissions({
     user: l.user,
     collection: n
   }).editCollections : !0;
   return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
     te,
     {
-      title: u ? "Edit collection" : "You don't have permissions to edit this collection",
+      title: p ? "Edit collection" : "You don't have permissions to edit this collection",
       children: /* @__PURE__ */ e(
         oe,
         {
           color: "primary",
-          disabled: !u,
-          onClick: u ? () => d?.editCollection({ id: n.id, fullPath: t, parentCollectionIds: r, parentCollection: p }) : void 0,
-          children: /* @__PURE__ */ e(He, {})
+          disabled: !p,
+          onClick: p ? () => c?.editCollection({ id: n.id, fullPath: t, parentCollectionIds: r, parentCollection: u }) : void 0,
+          children: /* @__PURE__ */ e(Ge, {})
         }
       )
     }
   ) });
 }
 const fr = () => Jt(mr);
-function sn({
+function cn({
   path: t,
   collection: r
 }) {
-  const n = _e(), i = Te(), l = fr(), o = ge(), d = o.configPermissions({
+  const n = _e(), i = Te(), l = fr(), o = ge(), c = o.configPermissions({
     user: i.user,
     collection: r
-  }), p = Q(() => {
+  }), u = Q(() => {
     o?.editCollection({ id: r.id, parentCollectionIds: [] });
-  }, [o, t]), [u, h] = $(!1), m = Q(() => {
+  }, [o, t]), [p, h] = $(!1), m = Q(() => {
     l?.deleteCollection({ id: r.id }).then(() => {
       h(!1), n.open({
         message: "Collection deleted",
@@ -5091,32 +5100,32 @@ function sn({
   }, [t, l]);
   return /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ a("div", { children: [
-      d.deleteCollections && /* @__PURE__ */ e(
-        Kr,
+      c.deleteCollections && /* @__PURE__ */ e(
+        Wr,
         {
-          trigger: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Wr, { size: "small" }) }),
-          children: /* @__PURE__ */ a(Zr, { onClick: (c) => {
-            c.preventDefault(), c.stopPropagation(), h(!0);
+          trigger: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Zr, { size: "small" }) }),
+          children: /* @__PURE__ */ a(Jr, { onClick: (d) => {
+            d.preventDefault(), d.stopPropagation(), h(!0);
           }, children: [
-            /* @__PURE__ */ e(dt, {}),
+            /* @__PURE__ */ e(ut, {}),
             "Delete"
           ] })
         }
       ),
-      d.editCollections && /* @__PURE__ */ e(
+      c.editCollections && /* @__PURE__ */ e(
         oe,
         {
-          onClick: (c) => {
-            p();
+          onClick: (d) => {
+            u();
           },
-          children: /* @__PURE__ */ e(He, { size: "small" })
+          children: /* @__PURE__ */ e(Ge, { size: "small" })
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      lt,
+      st,
       {
-        open: u,
+        open: p,
         onAccept: m,
         onCancel: () => h(!1),
         title: /* @__PURE__ */ e(R, { children: "Delete this collection?" }),
@@ -5129,7 +5138,7 @@ function sn({
     )
   ] });
 }
-function cn({
+function dn({
   group: t,
   context: r
 }) {
@@ -5170,14 +5179,14 @@ function cn({
     }
   );
 }
-function dn({ introMode: t }) {
+function un({ introMode: t }) {
   const r = Te(), n = Ne(), i = ge(), l = i.configPermissions ? i.configPermissions({
     user: r.user
-  }).createCollections : !0, o = i.rootPathSuggestions, d = (o ?? []).length > 3 || (n.collections ?? []).length === 0 && (o ?? []).length > 0;
+  }).createCollections : !0, o = i.rootPathSuggestions, c = (o ?? []).length > 3 || (n.collections ?? []).length === 0 && (o ?? []).length > 0;
   return /* @__PURE__ */ e(
-    Jr,
+    Qr,
     {
-      in: t === "existing_project" || d,
+      in: t === "existing_project" || c,
       children: /* @__PURE__ */ a(
         "div",
         {
@@ -5198,21 +5207,21 @@ function dn({ introMode: t }) {
               {
                 className: "flex flex-row gap-1 overflow-scroll no-scrollbar ",
                 children: [
-                  (o ?? []).map((u) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                    st,
+                  (o ?? []).map((p) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                    ct,
                     {
                       icon: /* @__PURE__ */ e(se, { size: "small" }),
                       colorScheme: "cyanLighter",
                       onClick: i && l ? () => i.createCollection({
-                        initialValues: { path: u, name: ut(u) },
+                        initialValues: { path: p, name: pt(p) },
                         parentCollectionIds: [],
                         redirect: !0,
                         sourceClick: "root_collection_suggestion"
                       }) : void 0,
                       size: "small",
-                      children: u
+                      children: p
                     }
-                  ) }, u)),
+                  ) }, p)),
                   o === void 0 && /* @__PURE__ */ e(De, { size: "small" }),
                   o?.length === 0 && /* @__PURE__ */ e(O, { variant: "caption", children: "No suggestions" })
                 ]
@@ -5224,7 +5233,7 @@ function dn({ introMode: t }) {
     }
   );
 }
-function un({
+function pn({
   propertyKey: t,
   onHover: r,
   property: n,
@@ -5232,13 +5241,13 @@ function un({
   parentCollectionIds: l,
   collection: o
 }) {
-  const d = ge();
+  const c = ge();
   return /* @__PURE__ */ e(te, { title: "Edit", children: /* @__PURE__ */ e(
     oe,
     {
       className: r ? "bg-white dark:bg-gray-950" : "hidden",
       onClick: () => {
-        d.editProperty({
+        c.editProperty({
           propertyKey: t,
           property: n,
           editedCollectionId: o.id,
@@ -5247,11 +5256,11 @@ function un({
         });
       },
       size: "small",
-      children: /* @__PURE__ */ e(He, { size: "small" })
+      children: /* @__PURE__ */ e(Ge, { size: "small" })
     }
   ) });
 }
-function pn({
+function mn({
   fullPath: t,
   parentCollectionIds: r,
   collection: n
@@ -5276,7 +5285,7 @@ function pn({
     }
   ) });
 }
-function mn() {
+function hn() {
   const t = ge();
   return /* @__PURE__ */ e("div", { className: "bg-gray-50 dark:bg-gray-900 min-w-fit rounded", children: /* @__PURE__ */ a(
     z,
@@ -5295,18 +5304,18 @@ function mn() {
     }
   ) });
 }
-function hn({
+function fn({
   path: t,
   parentCollectionIds: r,
   collection: n,
   tableController: i
 }) {
-  const l = Te(), o = ge(), d = fr(), p = _e(), u = o.configPermissions ? o.configPermissions({
+  const l = Te(), o = ge(), c = fr(), u = _e(), p = o.configPermissions ? o.configPermissions({
     user: l.user,
     collection: n
   }).editCollections : !0;
   let h = null;
-  return (!ye(at(i.filterValues), at(n.initialFilter)) || !ye(at(i.sortBy), at(n.initialSort))) && (h = /* @__PURE__ */ a(R, { children: [
+  return (!ye(ot(i.filterValues), ot(n.initialFilter)) || !ye(ot(i.sortBy), ot(n.initialSort))) && (h = /* @__PURE__ */ a(R, { children: [
     /* @__PURE__ */ e(
       te,
       {
@@ -5317,7 +5326,7 @@ function hn({
             color: "primary",
             size: "small",
             variant: "outlined",
-            onClick: () => d?.saveCollection({
+            onClick: () => c?.saveCollection({
               id: n.id,
               parentCollectionIds: r,
               collectionData: W(
@@ -5328,12 +5337,12 @@ function hn({
                 }
               )
             }).then(() => {
-              p.open({
+              u.open({
                 type: "success",
                 message: "Default config saved"
               });
             }),
-            children: /* @__PURE__ */ e(Qr, {})
+            children: /* @__PURE__ */ e(Xr, {})
           }
         )
       }
@@ -5351,61 +5360,61 @@ function hn({
             onClick: () => {
               i.clearFilter?.(), n?.initialFilter && i.setFilterValues?.(n?.initialFilter), n?.initialSort && i.setSortBy?.(n?.initialSort);
             },
-            children: /* @__PURE__ */ e(Xr, {})
+            children: /* @__PURE__ */ e(ei, {})
           }
         )
       }
     )
-  ] })), /* @__PURE__ */ e(R, { children: u && h });
+  ] })), /* @__PURE__ */ e(R, { children: p && h });
 }
-function at(t) {
+function ot(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function _n({
+function Sn({
   collectionConfigController: t,
   introMode: r,
   configPermissions: n,
   reservedGroups: i,
   extraView: l,
   pathSuggestions: o,
-  getUser: d,
-  collectionInference: p,
-  getData: u,
+  getUser: c,
+  collectionInference: u,
+  getData: p,
   onAnalyticsEvent: h
 }) {
   return {
     key: "collection_editor",
     loading: t.loading,
     provider: {
-      Component: on,
+      Component: ln,
       props: {
         collectionConfigController: t,
         configPermissions: n,
-        collectionInference: p,
+        collectionInference: u,
         reservedGroups: i,
         extraView: l,
         pathSuggestions: o,
-        getUser: d,
-        getData: u,
+        getUser: c,
+        getData: p,
         onAnalyticsEvent: h
       }
     },
     homePage: {
-      additionalActions: /* @__PURE__ */ e(mn, {}),
-      additionalChildrenStart: r ? /* @__PURE__ */ e(fn, { introMode: r }) : void 0,
-      additionalChildrenEnd: /* @__PURE__ */ e(dn, { introMode: r }),
-      CollectionActions: sn,
-      AdditionalCards: r ? void 0 : cn
+      additionalActions: /* @__PURE__ */ e(hn, {}),
+      additionalChildrenStart: r ? /* @__PURE__ */ e(gn, { introMode: r }) : void 0,
+      additionalChildrenEnd: /* @__PURE__ */ e(un, { introMode: r }),
+      CollectionActions: cn,
+      AdditionalCards: r ? void 0 : dn
     },
     collectionView: {
-      CollectionActionsStart: hn,
-      CollectionActions: ln,
-      HeaderAction: un,
-      AddColumnComponent: pn
+      CollectionActionsStart: fn,
+      CollectionActions: sn,
+      HeaderAction: pn,
+      AddColumnComponent: mn
     }
   };
 }
-function fn({ introMode: t }) {
+function gn({ introMode: t }) {
   if (!Ne().topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
   const n = Te(), i = ge(), l = i.configPermissions ? i.configPermissions({
@@ -5432,8 +5441,16 @@ function fn({ introMode: t }) {
     )
   ] });
 }
-function Fn({ path: t }) {
-  const r = Ne(), n = gn(t), i = r.getParentCollectionIds(t), l = ge();
+const Fn = (t, r, n) => {
+  const i = (c) => {
+    He(c.properties), c.subcollections?.forEach(i);
+  }, l = r ?? [];
+  l.forEach(i), console.debug("Collections specified in code:", t), console.debug("Collections stored in the backend", l);
+  const o = Ir(t, l, [], n);
+  return console.debug("Collections after joining:", o), o;
+};
+function En({ path: t }) {
+  const r = Ne(), n = vn(t), i = r.getParentCollectionIds(t), l = ge();
   return /* @__PURE__ */ a("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(Wt, { error: "No collection for path: " + n }),
     /* @__PURE__ */ e(
@@ -5444,7 +5461,7 @@ function Fn({ path: t }) {
         size: "small",
         onClick: () => {
           l.createCollection({
-            initialValues: { path: n, name: ut(n) },
+            initialValues: { path: n, name: pt(n) },
             parentCollectionIds: i,
             redirect: !1,
             sourceClick: "missing_reference"
@@ -5455,21 +5472,22 @@ function Fn({ path: t }) {
     )
   ] });
 }
-function gn(t) {
+function vn(t) {
   const r = t.split("/");
   return r[r.length - 1];
 }
 export {
-  Fn as MissingReferenceWidget,
+  En as MissingReferenceWidget,
   qe as editableProperty,
   ae as getFullId,
   ir as getFullIdPath,
   he as idToPropertiesPath,
+  Fn as mergeCollections,
   be as namespaceToPropertiesOrderPath,
-  bi as namespaceToPropertiesPath,
-  wi as removeNonEditableProperties,
+  Ci as namespaceToPropertiesPath,
+  Ti as removeNonEditableProperties,
   ge as useCollectionEditorController,
-  _n as useCollectionEditorPlugin,
+  Sn as useCollectionEditorPlugin,
   fr as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map