@firecms/collection_editor 3.0.0-alpha.20 → 3.0.0-alpha.24

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import { jsxs as o, Fragment as I, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as F, jsx as e } from "react/jsx-runtime";
 import * as be from "react";
-import R, { useState as Y, useCallback as Z, useEffect as se, useMemo as Rt, useRef as Re, useDeferredValue as ga, useContext as Ut } from "react";
-import tt from "react-fast-compare";
-import { iconKeys as $t, debounce as fa, SearchBar as ba, Tooltip as le, IconButton as pe, Icon as We, coolIconKeys as vt, Typography as N, getIconForView as et, useAutoComplete as ya, Container as ot, Chip as at, TextField as qe, cn as ve, DebouncedTextField as G, Autocomplete as va, AutocompleteItem as wa, ExpandablePanel as kt, SettingsIcon as nt, Select as Se, SelectItem as fe, BooleanSwitchWithLabel as Lt, Dialog as Ee, toSnakeCase as Kt, singular as _a, ListIcon as ka, LoadingButton as wt, CircularProgress as $e, AutoAwesomeIcon as st, Paper as Ce, FormikArrayContainer as xa, DialogContent as Le, DialogActions as Ke, Button as M, SwitchControl as de, serializeRegExp as Ca, isValidRegExp as Oa, RuleIcon as Na, useSnackbarController as lt, resolveEnumValues as Pa, FileUploadIcon as qa, MultiSelect as Sa, MultiSelectItem as qt, Checkbox as St, isPropertyBuilder as ne, useFireCMSContext as Ae, getFieldConfig as ct, ErrorBoundary as ke, FieldConfigBadge as Ye, cardMixin as Yt, cardClickableMixin as Ht, cardSelectedMixin as Gt, RemoveCircleIcon as Qt, FunctionsIcon as Aa, defaultBorderMixin as xt, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Oe, useNavigationContext as Ie, SelectGroup as At, mergeDeep as L, buildProperty as K, getFieldId as Zt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Va, DeleteIcon as it, DeleteConfirmationDialog as rt, useLargeLayout as ja, resolveEntityView as Fa, Table as zt, TableBody as Tt, TableRow as gt, TableCell as De, buildCollection as Ct, unslugify as Jt, Card as Xt, useSelectionController as Ea, EntityCollectionTable as Ia, slugify as Ba, useAuthController as He, CircularProgressCenter as Vt, Tabs as Ma, Tab as ft, removeUndefined as Da, ErrorView as Ra, ArrowBackIcon as Ze, DoneIcon as Ua, SaveIcon as $a, Menu as La, MoreVertIcon as Ka, MenuItem as Ya, Collapse as Ha, sortProperties as Ga } from "@firecms/core";
-import { useFormikContext as U, Field as me, getIn as q, Formik as Ot, FastField as oe, Form as Wt } from "formik";
+import R, { useState as K, useCallback as Z, useEffect as ne, useMemo as Ut, useRef as Re, useDeferredValue as fa, useContext as $t } from "react";
+import { iconKeys as Lt, debounce as ba, SearchBar as ya, Tooltip as se, IconButton as pe, Icon as et, coolIconKeys as vt, Typography as N, getIconForView as tt, useAutoComplete as va, Container as nt, Chip as at, TextField as Se, cn as ve, DebouncedTextField as H, Autocomplete as wa, AutocompleteItem as _a, ExpandablePanel as kt, SettingsIcon as st, Select as qe, SelectItem as fe, BooleanSwitchWithLabel as Yt, Dialog as Ee, toSnakeCase as Kt, singular as ka, ListIcon as xa, LoadingButton as wt, CircularProgress as $e, AutoAwesomeIcon as lt, Paper as Ce, FormikArrayContainer as Ca, DialogContent as Le, DialogActions as Ye, Button as B, SwitchControl as ce, serializeRegExp as Oa, isValidRegExp as Na, RuleIcon as Pa, useSnackbarController as ct, resolveEnumValues as Sa, FileUploadIcon as qa, MultiSelect as Aa, MultiSelectItem as qt, Checkbox as At, isPropertyBuilder as de, useFireCMSContext as Ae, getFieldConfig as dt, ErrorBoundary as ke, FieldConfigBadge as Ke, cardMixin as Gt, cardClickableMixin as Ht, cardSelectedMixin as Qt, RemoveCircleIcon as Zt, FunctionsIcon as za, defaultBorderMixin as xt, RemoveIcon as Ta, DragHandleIcon as Va, AddIcon as Oe, useNavigationContext as Ie, SelectGroup as zt, mergeDeep as L, buildProperty as Y, getFieldId as Jt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Xt, DeleteIcon as it, DeleteConfirmationDialog as rt, useLargeLayout as ja, makePropertiesEditable as Wt, resolveEntityView as Fa, Table as Tt, TableBody as Vt, TableRow as gt, TableCell as De, buildCollection as Ct, unslugify as Ot, Card as ea, useSelectionController as Ea, EntityCollectionTable as Ia, slugify as Ba, useAuthController as Ge, CircularProgressCenter as jt, Tabs as Ma, Tab as ft, removeUndefined as Da, ErrorView as ta, ArrowBackIcon as Je, DoneIcon as Ra, SaveIcon as Ua, Menu as $a, MoreVertIcon as La, MenuItem as Ya, Collapse as Ka, sortProperties as Ga } from "@firecms/core";
+import ot from "react-fast-compare";
+import { useFormikContext as U, Field as me, getIn as S, Formik as Nt, FastField as oe, Form as aa } from "formik";
 import * as bt from "yup";
-import * as Qa from "js-search";
-import { extractEnumFromValues as Za, buildPropertyFromData as Ja, buildEntityPropertiesFromData as Xa } from "@firecms/schema_inference";
-import { DragDropContext as Wa, Droppable as ei, Draggable as ti } from "@hello-pangea/dnd";
-import { ImportFileUpload as ai, DataNewPropertiesMapping as ii, ImportNewPropertyFieldPreview as ri, getInferenceType as ea, getPropertiesMapping as oi, convertDataToEntity as ni, useImportConfig as si, ImportSaveInProgress as li } from "@firecms/data_import";
-import { useNavigate as ci } from "react-router";
-const di = bt.object().shape({
+import * as Ha from "js-search";
+import { extractEnumFromValues as Qa, buildPropertyFromData as Za, buildEntityPropertiesFromData as Ja } from "@firecms/schema_inference";
+import { DragDropContext as Xa, Droppable as Wa, Draggable as ei } from "@hello-pangea/dnd";
+import { ImportFileUpload as ti, DataNewPropertiesMapping as ai, ImportNewPropertyFieldPreview as ii, getInferenceType as ia, getPropertiesMapping as ri, convertDataToEntity as oi, useImportConfig as ni, ImportSaveInProgress as si } from "@firecms/data_import";
+import { useNavigate as li } from "react-router";
+const ci = bt.object().shape({
   name: bt.string().required("Required"),
   path: bt.string().required("Required")
-}), ta = {
+}), ra = {
   abc: "alphabet character font letter symbol text type",
   access_alarm: "clock time",
   access_alarms: "clock time",
@@ -1962,49 +1962,49 @@ const di = bt.object().shape({
   zoom_in_map: "arrows destination location maps move place stop",
   zoom_out: "find glass look magnifier magnifying minus negative scale search see size smaller",
   zoom_out_map: "arrows destination location maps move place stop"
-}, Nt = new Qa.Search("key");
-Nt.addIndex("synonyms");
-Nt.addDocuments($t.map((t) => ({
+}, Pt = new Ha.Search("key");
+Pt.addIndex("synonyms");
+Pt.addDocuments(Lt.map((t) => ({
   key: t,
   // @ts-ignore
-  synonyms: ta[t] ?? []
+  synonyms: ra[t] ?? []
 })));
-const pi = 220;
-process.env.NODE_ENV !== "production" && Object.keys(ta).forEach((t) => {
-  $t.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
+const di = 220;
+process.env.NODE_ENV !== "production" && Object.keys(ra).forEach((t) => {
+  Lt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
-function mi({ selectedIcon: t = "", onIconSelected: a }) {
-  const [r, i] = be.useState(null), [s, n] = be.useState(""), d = be.useMemo(
-    () => fa((m) => {
+function pi({ selectedIcon: t = "", onIconSelected: a }) {
+  const [r, i] = be.useState(null), [o, s] = be.useState(""), p = be.useMemo(
+    () => ba((m) => {
       if (!m || m === "")
         i(null);
       else {
-        const u = Nt.search(m);
-        i(u.map((p) => p.key));
+        const u = Pt.search(m);
+        i(u.map((d) => d.key));
       }
-    }, pi),
+    }, di),
     []
   );
-  return be.useEffect(() => (d(s), () => {
-    d.clear();
-  }), [s, d]), /* @__PURE__ */ o(I, { children: [
+  return be.useEffect(() => (p(o), () => {
+    p.clear();
+  }), [o, p]), /* @__PURE__ */ n(F, { children: [
     /* @__PURE__ */ e(
-      ba,
+      ya,
       {
         autoFocus: !0,
         className: "w-full sticky top-0 z-10",
-        onTextSearch: (m) => n(m ?? ""),
+        onTextSearch: (m) => s(m ?? ""),
         placeholder: "Search for more icons…"
       }
     ),
-    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? vt : r).map((m) => /* @__PURE__ */ e(le, { title: m, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex max-w-full flex-wrap mt-4", children: (r === null ? vt : r).map((m) => /* @__PURE__ */ e(se, { title: m, children: /* @__PURE__ */ e(
       pe,
       {
         shape: "square",
         toggled: t === m,
         onClick: () => a(m),
         className: "box-content m-1",
-        children: /* @__PURE__ */ e(We, { iconKey: m, size: 24 })
+        children: /* @__PURE__ */ e(et, { iconKey: m, size: 24 })
       }
     ) }, m)) })
   ] });
@@ -2015,49 +2015,49 @@ function ee({
 }) {
   return a ? /* @__PURE__ */ e(N, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
-function ui({
+function mi({
   isNewCollection: t,
   reservedGroups: a,
   existingPaths: r,
   existingAliases: i,
-  groups: s,
-  parentCollection: n
+  groups: o,
+  parentCollection: s
 }) {
-  const d = R.useRef(null), {
+  const p = R.useRef(null), {
     values: c,
     setFieldValue: m,
     handleChange: u,
-    touched: p,
+    touched: d,
     errors: l,
     setFieldTouched: g,
     isSubmitting: b,
     submitCount: f
-  } = U(), [k, C] = Y(!1), x = (O) => {
-    m("name", O), !q(p, "path") && t && O && m("path", Kt(O)), !q(p, "singularName") && t && O && m("singularName", _a(O));
-  }, h = et(c), y = Z((O) => {
-    let F;
-    return O || (F = "You must specify a path in the database for this collection"), t && i?.includes(O.trim().toLowerCase()) && (F = "There is already a collection which uses this path as an alias"), t && r?.includes(O.trim().toLowerCase()) && !c.alias && (F = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), F;
-  }, [t, i, r, c.alias]), _ = Z((O) => {
+  } = U(), [k, C] = K(!1), x = (O) => {
+    m("name", O), !S(d, "path") && t && O && m("path", Kt(O)), !S(d, "singularName") && t && O && m("singularName", ka(O));
+  }, h = tt(c), y = Z((O) => {
+    let E;
+    return O || (E = "You must specify a path in the database for this collection"), t && i?.includes(O.trim().toLowerCase()) && (E = "There is already a collection which uses this path as an alias"), t && r?.includes(O.trim().toLowerCase()) && !c.alias && (E = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), E;
+  }, [t, i, r, c.alias]), w = Z((O) => {
     if (!O)
       return;
-    let F;
-    return t && r?.includes(O.trim().toLowerCase()) && (F = "There is already a collection that uses this value as a path"), t && i?.includes(O.trim().toLowerCase()) && (F = "There is already a collection which uses this alias"), F;
-  }, [t, r, i]), w = s?.filter((O) => !a?.includes(O)), {
+    let E;
+    return t && r?.includes(O.trim().toLowerCase()) && (E = "There is already a collection that uses this value as a path"), t && i?.includes(O.trim().toLowerCase()) && (E = "There is already a collection which uses this alias"), E;
+  }, [t, r, i]), _ = o?.filter((O) => !a?.includes(O)), {
     inputFocused: v,
     autoCompleteOpen: T,
     setAutoCompleteOpen: P
-  } = ya({
-    ref: d
-  }), V = !!n;
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ o(ot, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
-    /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ o(
+  } = va({
+    ref: p
+  }), V = !!s;
+  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(nt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n(
         "div",
         {
           className: "flex flex-row py-2 pt-3 items-center",
           children: [
             /* @__PURE__ */ e(N, { variant: t ? "h4" : "h5", className: "flex-grow", children: t ? "New collection" : `${c.name} collection` }),
-            /* @__PURE__ */ e(le, { title: "Change icon", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se, { title: "Change icon", children: /* @__PURE__ */ e(
               pe,
               {
                 shape: "square",
@@ -2068,78 +2068,78 @@ function ui({
           ]
         }
       ),
-      n && /* @__PURE__ */ e(at, { colorScheme: "tealDarker", children: /* @__PURE__ */ o(N, { variant: "caption", children: [
+      s && /* @__PURE__ */ e(at, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(N, { variant: "caption", children: [
         "This is a subcollection of ",
-        /* @__PURE__ */ e("b", { children: n.name })
+        /* @__PURE__ */ e("b", { children: s.name })
       ] }) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-4", children: [
-      /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+    /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-4", children: [
+      /* @__PURE__ */ n("div", { className: "col-span-12", children: [
         /* @__PURE__ */ e(
-          qe,
+          Se,
           {
             value: c.name ?? "",
             onChange: (O) => x(O.target.value),
             label: "Name",
             required: !0,
-            error: p.name && !!l.name
+            error: d.name && !!l.name
           }
         ),
-        /* @__PURE__ */ e(ee, { error: p.name && !!l.name, children: p.name && l.name ? l.name : "Name of in this collection, usually a plural name (e.g. Products)" })
+        /* @__PURE__ */ e(ee, { error: d.name && !!l.name, children: d.name && l.name ? l.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
-      /* @__PURE__ */ o("div", { className: ve("col-span-12 ", V ? "" : "sm:col-span-8"), children: [
+      /* @__PURE__ */ n("div", { className: ve("col-span-12 ", V ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
           me,
           {
             name: "path",
-            as: G,
+            as: H,
             label: "Path",
             validate: y,
             disabled: !t,
             required: !0,
-            error: p.path && !!l.path
+            error: d.path && !!l.path
           }
         ),
-        /* @__PURE__ */ e(ee, { error: p.path && !!l.path, children: p.path && l.path ? l.path : "Path that this collection is stored in" })
+        /* @__PURE__ */ e(ee, { error: d.path && !!l.path, children: d.path && l.path ? l.path : "Path that this collection is stored in" })
       ] }),
-      !V && /* @__PURE__ */ o("div", { className: "col-span-12 sm:col-span-4 relative", children: [
+      !V && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
-          qe,
+          Se,
           {
-            error: p.group && !!l.group,
+            error: d.group && !!l.group,
             disabled: b,
             value: c.group ?? "",
             autoComplete: "off",
             onChange: (O) => m("group", O.target.value),
             name: "group",
-            inputRef: d,
+            inputRef: p,
             label: "Group"
           }
         ),
         /* @__PURE__ */ e(
-          va,
+          wa,
           {
-            open: T && (w ?? []).length > 0,
+            open: T && (_ ?? []).length > 0,
             setOpen: P,
-            children: w?.map((O, F) => /* @__PURE__ */ e(
-              wa,
+            children: _?.map((O, E) => /* @__PURE__ */ e(
+              _a,
               {
                 onClick: () => {
                   P(!1), m("group", O ?? null);
                 },
                 children: /* @__PURE__ */ e("div", { className: "flex-grow", children: O })
               },
-              F + "_" + O
+              E + "_" + O
             ))
           }
         ),
-        /* @__PURE__ */ e(ee, { children: p.group && l.group ? l.group : "Group of the collection" })
+        /* @__PURE__ */ e(ee, { children: d.group && l.group ? l.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
         kt,
         {
-          title: /* @__PURE__ */ o("div", { className: "flex flex-row text-gray-500", children: [
-            /* @__PURE__ */ e(nt, {}),
+          title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
+            /* @__PURE__ */ e(st, {}),
             /* @__PURE__ */ e(
               N,
               {
@@ -2150,12 +2150,12 @@ function ui({
             )
           ] }),
           initiallyExpanded: !1,
-          children: /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
-            /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+          children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
+            /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                qe,
+                Se,
                 {
-                  error: p.singularName && !!l.singularName,
+                  error: d.singularName && !!l.singularName,
                   id: "singularName",
                   "aria-describedby": "singularName-helper",
                   onChange: (O) => (g("singularName", !0), u(O)),
@@ -2163,13 +2163,13 @@ function ui({
                   label: "Singular name"
                 }
               ),
-              /* @__PURE__ */ e(ee, { error: p.singularName && !!l.singularName, children: p.singularName && l.singularName ? l.singularName : "Optionally define a singular name for your entities" })
+              /* @__PURE__ */ e(ee, { error: d.singularName && !!l.singularName, children: d.singularName && l.singularName ? l.singularName : "Optionally define a singular name for your entities" })
             ] }),
-            /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+            /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                qe,
+                Se,
                 {
-                  error: p.description && !!l.description,
+                  error: d.description && !!l.description,
                   id: "description",
                   value: c.description ?? "",
                   onChange: u,
@@ -2179,23 +2179,23 @@ function ui({
                   label: "Description"
                 }
               ),
-              /* @__PURE__ */ e(ee, { error: p.description && !!l.description, children: p.description && l.description ? l.description : "Description of the collection, you can use markdown" })
+              /* @__PURE__ */ e(ee, { error: d.description && !!l.description, children: d.description && l.description ? l.description : "Description of the collection, you can use markdown" })
             ] }),
-            /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+            /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
                 me,
                 {
                   name: "alias",
-                  as: G,
+                  as: H,
                   label: "Alias",
-                  validate: _,
-                  error: p.alias && !!l.alias
+                  validate: w,
+                  error: d.alias && !!l.alias
                 }
               ),
-              /* @__PURE__ */ e(ee, { error: p.alias && !!l.alias, children: p.alias && l.alias ? l.alias : "Use an alias as an ID when you have multiple collections located in the same path" })
+              /* @__PURE__ */ e(ee, { error: d.alias && !!l.alias, children: d.alias && l.alias ? l.alias : "Use an alias as an ID when you have multiple collections located in the same path" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-              Se,
+              qe,
               {
                 name: "defaultSize",
                 label: "Default row size",
@@ -2213,9 +2213,9 @@ function ui({
                 ))
               }
             ) }),
-            /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+            /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                Lt,
+                Yt,
                 {
                   position: "start",
                   label: "Collection group",
@@ -2238,7 +2238,7 @@ function ui({
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          mi,
+          pi,
           {
             selectedIcon: c.icon,
             onIconSelected: (O) => {
@@ -2253,7 +2253,7 @@ function ui({
 function ye(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function hi(t) {
+function ui(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function xe(t) {
@@ -2262,18 +2262,18 @@ function xe(t) {
 function re(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const gi = R.memo(
+const hi = R.memo(
   function({
     enumValues: a,
     onValuesChanged: r,
     onError: i,
-    updateIds: s,
-    disabled: n,
-    allowDataInference: d,
+    updateIds: o,
+    disabled: s,
+    allowDataInference: p,
     getData: c
   }) {
     return /* @__PURE__ */ e(
-      Ot,
+      Nt,
       {
         initialValues: { enumValues: a },
         validateOnMount: !0,
@@ -2282,19 +2282,19 @@ const gi = R.memo(
         children: ({
           values: m,
           errors: u
-        }) => (se(() => {
+        }) => (ne(() => {
           r && r(m.enumValues);
-        }, [m.enumValues]), se(() => {
+        }, [m.enumValues]), ne(() => {
           i && i(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
-          fi,
+          gi,
           {
             enumValuesPath: "enumValues",
             values: m,
             errors: u,
-            shouldUpdateId: s,
-            disabled: n,
-            allowDataInference: d,
+            shouldUpdateId: o,
+            disabled: s,
+            allowDataInference: p,
             getData: c
           }
         ))
@@ -2305,36 +2305,36 @@ const gi = R.memo(
     return a.enumValues.length === r.enumValues.length && a.onValuesChanged === r.onValuesChanged && a.getData === r.getData;
   }
 );
-function fi({
+function gi({
   values: t,
   errors: a,
   disabled: r,
   enumValuesPath: i,
-  shouldUpdateId: s,
-  allowDataInference: n,
-  getData: d
+  shouldUpdateId: o,
+  allowDataInference: s,
+  getData: p
 }) {
   const {
     setFieldValue: c
-  } = U(), [m, u] = R.useState(), [p, l] = R.useState(), [g, b] = R.useState(!1), k = R.useRef(/* @__PURE__ */ new Set()).current, C = (h, y) => {
-    const _ = m === y;
+  } = U(), [m, u] = R.useState(), [d, l] = R.useState(), [g, b] = R.useState(!1), k = R.useRef(/* @__PURE__ */ new Set()).current, C = (h, y) => {
+    const w = m === y;
     return /* @__PURE__ */ e(
-      bi,
+      fi,
       {
         index: h,
         disabled: r,
         enumValuesPath: i,
-        autoFocus: _,
-        shouldUpdateId: s || _,
+        autoFocus: w,
+        shouldUpdateId: o || w,
         onDialogOpen: () => l(h),
         inferredEntry: k.has(t.enumValues[h]?.id)
       },
       `${y}`
     );
   };
-  return /* @__PURE__ */ o("div", { className: "col-span-12", children: [
-    /* @__PURE__ */ o("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(ka, {}),
+  return /* @__PURE__ */ n("div", { className: "col-span-12", children: [
+    /* @__PURE__ */ n("div", { className: "ml-3.5 flex flex-row items-center", children: [
+      /* @__PURE__ */ e(xa, {}),
       /* @__PURE__ */ e(
         N,
         {
@@ -2343,7 +2343,7 @@ function fi({
           children: "Values"
         }
       ),
-      n && /* @__PURE__ */ o(
+      s && /* @__PURE__ */ n(
         wt,
         {
           loading: g,
@@ -2351,27 +2351,27 @@ function fi({
           variant: "text",
           size: "small",
           onClick: async () => {
-            b(!0), d?.().then((h) => {
+            b(!0), p?.().then((h) => {
               if (!h)
                 return;
-              const y = h.flat(), _ = Array.from(new Set(y)), w = t.enumValues, T = Za(_).filter((P) => !w?.some((V) => V.id === P.id));
+              const y = h.flat(), w = Array.from(new Set(y)), _ = t.enumValues, T = Qa(w).filter((P) => !_?.some((V) => V.id === P.id));
               T.forEach((P) => {
                 k.add(P.id);
-              }), c(i, [...T, ...w]);
+              }), c(i, [...T, ..._]);
             }).catch((h) => {
               console.error(h);
             }).finally(() => b(!1));
           },
           children: [
-            g ? /* @__PURE__ */ e($e, { size: "small" }) : /* @__PURE__ */ e(st, {}),
+            g ? /* @__PURE__ */ e($e, { size: "small" }) : /* @__PURE__ */ e(lt, {}),
             "Infer values from data"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ o(Ce, { className: "p-4 m-1", children: [
+    /* @__PURE__ */ n(Ce, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        xa,
+        Ca,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -2385,10 +2385,10 @@ function fi({
         }
       ),
       /* @__PURE__ */ e(
-        yi,
+        bi,
         {
-          index: p,
-          open: p !== void 0,
+          index: d,
+          open: d !== void 0,
           enumValuesPath: i,
           onClose: () => l(void 0)
         }
@@ -2396,50 +2396,50 @@ function fi({
     ] })
   ] });
 }
-const bi = R.memo(
+const fi = R.memo(
   function({
     index: a,
     shouldUpdateId: r,
     enumValuesPath: i,
-    autoFocus: s,
-    onDialogOpen: n,
-    disabled: d,
+    autoFocus: o,
+    onDialogOpen: s,
+    disabled: p,
     inferredEntry: c
   }) {
     const {
       values: m,
       handleChange: u,
-      errors: p,
+      errors: d,
       setFieldValue: l,
       touched: g
-    } = U(), b = R.useRef(!q(m, `${i}[${a}].id`)), f = r || b.current, k = q(m, `${i}[${a}].id`), C = q(m, `${i}[${a}].label`), x = q(p, `${i}[${a}].label`), h = R.useRef(C);
+    } = U(), b = R.useRef(!S(m, `${i}[${a}].id`)), f = r || b.current, k = S(m, `${i}[${a}].id`), C = S(m, `${i}[${a}].label`), x = S(d, `${i}[${a}].label`), h = R.useRef(C);
     return R.useEffect(() => {
       (h.current === k || !k) && f && l(`${i}[${a}].id`, C), h.current = C;
-    }, [C]), /* @__PURE__ */ o("div", { className: "flex w-full align-center justify-center", children: [
+    }, [C]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
         oe,
         {
           name: `${i}[${a}].label`,
-          as: G,
+          as: H,
           className: "flex-grow",
           required: !0,
-          disabled: d,
+          disabled: p,
           size: "small",
-          validate: vi,
-          autoFocus: s,
+          validate: yi,
+          autoFocus: o,
           autoComplete: "off",
-          endAdornment: c && /* @__PURE__ */ e(st, { size: "small" }),
+          endAdornment: c && /* @__PURE__ */ e(lt, { size: "small" }),
           error: !!x
         }
       ),
-      !d && /* @__PURE__ */ e(
+      !p && /* @__PURE__ */ e(
         pe,
         {
           size: "small",
           "aria-label": "edit",
           className: "m-1",
-          onClick: () => n(),
-          children: /* @__PURE__ */ e(nt, { size: "small" })
+          onClick: () => s(),
+          children: /* @__PURE__ */ e(st, { size: "small" })
         }
       )
     ] });
@@ -2448,35 +2448,35 @@ const bi = R.memo(
     return a.index === r.index && a.enumValuesPath === r.enumValuesPath && a.shouldUpdateId === r.shouldUpdateId && a.inferredEntry === r.inferredEntry && a.autoFocus === r.autoFocus;
   }
 );
-function yi({
+function bi({
   index: t,
   open: a,
   onClose: r,
   enumValuesPath: i
 }) {
   const {
-    values: s,
-    handleChange: n,
-    errors: d,
+    values: o,
+    handleChange: s,
+    errors: p,
     setFieldValue: c,
     touched: m
-  } = U(), u = t !== void 0 ? q(d, `${i}[${t}].id`) : void 0;
-  return /* @__PURE__ */ o(
+  } = U(), u = t !== void 0 ? S(p, `${i}[${t}].id`) : void 0;
+  return /* @__PURE__ */ n(
     Ee,
     {
       maxWidth: "md",
       "aria-labelledby": "enum-edit-dialog",
       open: a,
-      onOpenChange: (p) => p ? void 0 : r(),
+      onOpenChange: (d) => d ? void 0 : r(),
       children: [
-        /* @__PURE__ */ e(Le, { children: t !== void 0 && /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ e(Le, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             oe,
             {
               name: `${i}[${t}]id`,
-              as: G,
+              as: H,
               required: !0,
-              validate: wi,
+              validate: vi,
               label: "ID",
               size: "small",
               autoComplete: "off",
@@ -2485,8 +2485,8 @@ function yi({
           ),
           /* @__PURE__ */ e(ee, { error: !!u, children: u ?? "Value saved in the data source" })
         ] }) }),
-        /* @__PURE__ */ e(Ke, { children: /* @__PURE__ */ e(
-          M,
+        /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(
+          B,
           {
             autoFocus: !0,
             variant: "outlined",
@@ -2499,17 +2499,17 @@ function yi({
     }
   );
 }
-function vi(t) {
+function yi(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function wi(t) {
+function vi(t) {
   let a;
   return t || (a = "You must specify an ID"), a;
 }
 function ze({ disabled: t }) {
-  const { values: a, handleChange: r } = U(), i = "validation.required", s = "validation.requiredMessage";
-  return /* @__PURE__ */ o(I, { children: [
+  const { values: a, handleChange: r } = U(), i = "validation.required", o = "validation.requiredMessage";
+  return /* @__PURE__ */ n(F, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       oe,
       {
@@ -2518,7 +2518,7 @@ function ze({ disabled: t }) {
         name: i,
         label: "Required",
         tooltip: "You won't be able to save this entity if this value is not set",
-        component: de
+        component: ce
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -2529,16 +2529,16 @@ function ze({ disabled: t }) {
         name: "validation.unique",
         label: "Unique",
         tooltip: "There cannot be multiple entities with the same value",
-        component: de
+        component: ce
       }
     ) }),
-    q(a, i) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      G,
+    S(a, i) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+      H,
       {
         disabled: t,
-        value: q(a, s),
+        value: S(a, o),
         label: "Required message",
-        name: s,
+        name: o,
         size: "small",
         onChange: r
       }
@@ -2550,20 +2550,20 @@ function je({
   lowercase: a,
   matches: r,
   max: i,
-  min: s,
-  trim: n,
-  uppercase: d,
+  min: o,
+  trim: s,
+  uppercase: p,
   disabled: c,
   showErrors: m
 }) {
   const {
     values: u,
-    handleChange: p,
+    handleChange: d,
     errors: l
-  } = U(), g = "validation.length", b = "validation.min", f = "validation.max", k = "validation.trim", C = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", y = q(l, C), _ = q(u, C), w = typeof _ == "string" ? _ : Ca(_);
-  return /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
+  } = U(), g = "validation.length", b = "validation.min", f = "validation.max", k = "validation.trim", C = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", y = S(l, C), w = S(u, C), _ = typeof w == "string" ? w : Oa(w);
+  return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(ze, { disabled: c }),
-    /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
+    /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       a && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         oe,
         {
@@ -2571,79 +2571,79 @@ function je({
           name: x,
           label: "Lowercase",
           disabled: c,
-          component: de
+          component: ce
         }
       ) }),
-      d && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+      p && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         oe,
         {
           type: "checkbox",
           name: h,
           label: "Uppercase",
           disabled: c,
-          component: de
+          component: ce
         }
       ) }),
-      n && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+      s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         oe,
         {
           type: "checkbox",
           name: k,
           label: "Trim",
           disabled: c,
-          component: de
+          component: ce
         }
       ) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
+    /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
-          value: q(u, g),
+          value: S(u, g),
           label: "Exact length",
           name: g,
           type: "number",
           size: "small",
           disabled: c,
-          onChange: p
+          onChange: d
         }
       ) }),
-      s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+      o && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+        H,
         {
-          value: q(u, b),
+          value: S(u, b),
           label: "Min length",
           name: b,
           type: "number",
           size: "small",
           disabled: c,
-          onChange: p
+          onChange: d
         }
       ) }),
       i && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        G,
+        H,
         {
-          value: q(u, f),
+          value: S(u, f),
           label: "Max length",
           name: f,
           type: "number",
           size: "small",
           disabled: c,
-          onChange: p
+          onChange: d
         }
       ) })
     ] }),
-    r && /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+    r && /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
         oe,
         {
           name: C,
-          as: G,
-          validate: (v) => v && !Oa(v),
+          as: H,
+          validate: (v) => v && !Na(v),
           label: "Matches regex",
           size: "small",
           disabled: c,
-          value: w,
+          value: _,
           error: !!y
         }
       ),
@@ -2651,39 +2651,39 @@ function je({
     ] })
   ] });
 }
-function Pt({
+function St({
   max: t = !0,
   min: a = !0,
   disabled: r
 }) {
   const {
     values: i,
-    handleChange: s
-  } = U(), n = "validation.min", d = "validation.max";
-  return /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
+    handleChange: o
+  } = U(), s = "validation.min", p = "validation.max";
+  return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(ze, { disabled: r }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
-        value: q(i, n),
+        value: S(i, s),
         disabled: r,
         label: "Min length",
-        name: n,
+        name: s,
         type: "number",
         size: "small",
-        onChange: s
+        onChange: o
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
-        value: q(i, d),
+        value: S(i, p),
         disabled: r,
         label: "Max length",
-        name: d,
+        name: p,
         type: "number",
         size: "small",
-        onChange: s
+        onChange: o
       }
     ) })
   ] });
@@ -2697,8 +2697,8 @@ function Ne({
       initiallyExpanded: !1,
       asField: !0,
       className: "p-4",
-      title: /* @__PURE__ */ o("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Na, {}),
+      title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
+        /* @__PURE__ */ e(Pa, {}),
         /* @__PURE__ */ e(
           N,
           {
@@ -2712,37 +2712,37 @@ function Ne({
     }
   );
 }
-function jt({
+function Ft({
   multiselect: t,
   updateIds: a,
   disabled: r,
   showErrors: i,
-  allowDataInference: s,
-  getData: n
+  allowDataInference: o,
+  getData: s
 }) {
   const {
-    values: d,
+    values: p,
     handleChange: c,
     errors: m,
     touched: u,
-    setFieldError: p,
+    setFieldError: d,
     setFieldValue: l
-  } = U(), g = lt(), b = t ? "of.enumValues" : "enumValues", f = q(d, "defaultValue"), k = q(d, b), C = Rt(() => !k || typeof k == "boolean" ? [] : Pa(k) ?? [], [k]);
-  return /* @__PURE__ */ o(I, { children: [
+  } = U(), g = ct(), b = t ? "of.enumValues" : "enumValues", f = S(p, "defaultValue"), k = S(p, b), C = Ut(() => !k || typeof k == "boolean" ? [] : Sa(k) ?? [], [k]);
+  return /* @__PURE__ */ n(F, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      gi,
+      hi,
       {
         enumValues: C,
         updateIds: a,
         disabled: r,
-        allowDataInference: s,
+        allowDataInference: o,
         onError: (h) => {
-          p(b, h ? "" : void 0);
+          d(b, h ? "" : void 0);
         },
-        getData: n ? () => n().then((h) => h.map((y) => d.id && q(y, d.id)).filter(Boolean)) : void 0,
+        getData: s ? () => s().then((h) => h.map((y) => p.id && S(y, p.id)).filter(Boolean)) : void 0,
         onValuesChanged: (h) => {
-          if (d && (l(b, h), !t)) {
-            const y = h.filter((_) => !!_?.id).map((_) => _.id);
+          if (p && (l(b, h), !t)) {
+            const y = h.filter((w) => !!w?.id).map((w) => w.id);
             f && !y.includes(f) && (l("defaultValue", void 0), g.open({
               type: "warning",
               message: "Default value was cleared"
@@ -2751,7 +2751,7 @@ function jt({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ o(Ne, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(Ne, { children: [
       !t && /* @__PURE__ */ e(
         je,
         {
@@ -2759,10 +2759,10 @@ function jt({
           showErrors: i
         }
       ),
-      t && /* @__PURE__ */ e(Pt, { disabled: r })
+      t && /* @__PURE__ */ e(St, { disabled: r })
     ] }) }),
     !t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      Se,
+      qe,
       {
         disabled: r,
         position: "item-aligned",
@@ -2783,29 +2783,29 @@ function jt({
     ) })
   ] });
 }
-const Je = {
+const Xe = {
   "image/*": "Images",
   "video/*": "Videos",
   "audio/*": "Audio files",
   "application/*": "Files (pdf, zip, csv, excel...)",
   "text/*": "Text files"
 };
-function Ft({
+function Et({
   multiple: t,
   existing: a,
   disabled: r
 }) {
   const {
     values: i,
-    setFieldValue: s
-  } = U(), n = t ? "of.storage" : "storage", d = `${n}.acceptedFiles`, c = `${n}.fileName`, m = `${n}.storagePath`, u = `${n}.storeUrl`, p = q(i, c) ?? "{rand}_{file}", l = q(i, m) ?? "/", g = q(i, d), b = Array.isArray(g) ? g : void 0, f = !b || b.length === 0, k = (h) => {
-    h ? h.includes("all") || h.length >= Object.keys(Je).length ? s(d, void 0) : f ? s(d, Object.keys(Je).filter((y) => !h.includes(y))) : s(d, h) : s(d, void 0);
-  }, C = typeof p == "function", x = typeof l == "function";
-  return /* @__PURE__ */ o(I, { children: [
+    setFieldValue: o
+  } = U(), s = t ? "of.storage" : "storage", p = `${s}.acceptedFiles`, c = `${s}.fileName`, m = `${s}.storagePath`, u = `${s}.storeUrl`, d = S(i, c) ?? "{rand}_{file}", l = S(i, m) ?? "/", g = S(i, p), b = Array.isArray(g) ? g : void 0, f = !b || b.length === 0, k = (h) => {
+    h ? h.includes("all") || h.length >= Object.keys(Xe).length ? o(p, void 0) : f ? o(p, Object.keys(Xe).filter((y) => !h.includes(y))) : o(p, h) : o(p, void 0);
+  }, C = typeof d == "function", x = typeof l == "function";
+  return /* @__PURE__ */ n(F, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       kt,
       {
-        title: /* @__PURE__ */ o("div", { className: "flex flex-row text-gray-500", children: [
+        title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
           /* @__PURE__ */ e(qa, {}),
           /* @__PURE__ */ e(
             N,
@@ -2816,40 +2816,40 @@ function Ft({
             }
           )
         ] }),
-        children: /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
-          /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ o(
-            Sa,
+        children: /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
+          /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
+            Aa,
             {
               disabled: r,
-              name: d,
+              name: p,
               value: b ?? [],
               onMultiValueChange: k,
               label: f ? void 0 : "Allowed file types",
-              renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((y) => Je[y]).filter((y) => !!y).join(", "),
+              renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((y) => Xe[y]).filter((y) => !!y).join(", "),
               children: [
-                /* @__PURE__ */ o(qt, { value: "all", className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ n(qt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    St,
+                    At,
                     {
                       checked: !b
                     }
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(Je).map(([h, y]) => /* @__PURE__ */ o(qt, { value: h, className: "flex items-center gap-2", children: [
+                Object.entries(Xe).map(([h, y]) => /* @__PURE__ */ n(qt, { value: h, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
-                    St,
+                    At,
                     {
                       checked: f || b.indexOf(h) > -1
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "flex-grow", children: y }),
                   /* @__PURE__ */ e(
-                    M,
+                    B,
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (_) => (_.preventDefault(), _.stopPropagation(), s(d, [h])),
+                      onClick: (w) => (w.preventDefault(), w.stopPropagation(), o(p, [h])),
                       children: "Only"
                     }
                   )
@@ -2861,28 +2861,28 @@ function Ft({
             me,
             {
               name: c,
-              as: G,
+              as: H,
               label: "File name",
               size: "small",
               disabled: C || r,
-              value: C ? "-" : p
+              value: C ? "-" : d
             }
           ) }),
-          /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+          /* @__PURE__ */ n("div", { className: "col-span-12", children: [
             /* @__PURE__ */ e(
               me,
               {
                 name: m,
-                as: G,
+                as: H,
                 label: "Storage path",
                 disabled: x || r,
                 size: "small",
                 value: x ? "-" : l
               }
             ),
-            /* @__PURE__ */ o(N, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
+            /* @__PURE__ */ n(N, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
               /* @__PURE__ */ e("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
-              /* @__PURE__ */ o("ul", { children: [
+              /* @__PURE__ */ n("ul", { children: [
                 /* @__PURE__ */ e("li", { children: "{file} - Full name of the uploaded file" }),
                 /* @__PURE__ */ e("li", { children: "{file.name} - Name of the uploaded file without extension" }),
                 /* @__PURE__ */ e("li", { children: "{file.ext} - Extension of the uploaded file" }),
@@ -2899,7 +2899,7 @@ function Ft({
                 name: u,
                 label: "Save URL instead of storage path",
                 disabled: a || r,
-                component: de
+                component: ce
               }
             ),
             /* @__PURE__ */ e("br", {}),
@@ -2908,61 +2908,61 @@ function Ft({
         ] })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ o(Ne, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(Ne, { children: [
       !t && /* @__PURE__ */ e("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ e(ze, { disabled: r }) }),
-      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Pt, { disabled: r }) })
+      t && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(St, { disabled: r }) })
     ] }) })
   ] });
 }
 function Ue(t) {
-  if (ne(t) || ne(t))
+  if (de(t) || de(t))
     return !1;
   {
     const a = t;
     return a.dataType === "array" && typeof a.of == "function" || a.dataType === "array" && Array.isArray(a.of) ? !1 : !!a.editable;
   }
 }
-function _i(t) {
+function wi(t) {
   return Object.entries(t).filter(([a, r]) => Ue(r)).map(([a, r]) => {
     const i = r;
     if (Ue(i))
       return i.dataType === "map" && i.properties ? {
         [a]: {
           ...i,
-          properties: _i(i.properties)
+          properties: wi(i.properties)
         }
       } : { [a]: i };
   }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...r }), {});
 }
-function aa({
+function oa({
   property: t,
   onClick: a,
   hasError: r,
   includeName: i,
-  includeEditButton: s,
-  selected: n
+  includeEditButton: o,
+  selected: s
 }) {
-  const { fields: d } = Ae(), c = ct(t, d), m = !Ue(t);
-  return /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ o(
+  const { fields: p } = Ae(), c = dt(t, p), m = !Ue(t);
+  return /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ n(
     "div",
     {
       onClick: a,
       className: "flex flex-row w-full cursor-pointer",
       children: [
-        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ye, { fieldConfig: c }) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e("div", { className: "m-4", children: /* @__PURE__ */ e(Ke, { fieldConfig: c }) }),
+        /* @__PURE__ */ n(
           Ce,
           {
             className: ve(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Yt,
+              Gt,
               a ? Ht : "",
-              n ? Gt : "",
+              s ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
-              r ? "border-red-500" : n ? "border-blue-500" : "border-transparent"
+              r ? "border-red-500" : s ? "border-blue-500" : "border-transparent"
             ),
             children: [
-              /* @__PURE__ */ o("div", { className: "w-full flex flex-col", children: [
+              /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
                 i && /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
                   N,
                   {
@@ -2972,7 +2972,7 @@ function aa({
                     children: t.name ? t.name : " "
                   }
                 ) }),
-                /* @__PURE__ */ o("div", { className: "flex flex-row items-center", children: [
+                /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
                   /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
                     N,
                     {
@@ -2996,12 +2996,12 @@ function aa({
                     "div",
                     {
                       className: "text-xs h-3 ml-0.5",
-                      children: /* @__PURE__ */ e(Qt, { color: "disabled" })
+                      children: /* @__PURE__ */ e(Zt, { color: "disabled" })
                     }
                   )
                 ] })
               ] }),
-              s && /* @__PURE__ */ e(N, { variant: "button", children: "EDIT" })
+              o && /* @__PURE__ */ e(N, { variant: "button", children: "EDIT" })
             ]
           }
         )
@@ -3009,42 +3009,42 @@ function aa({
     }
   ) });
 }
-function ki({
+function _i({
   name: t,
   selected: a,
   onClick: r,
   property: i
 }) {
-  const { fields: s } = Ae(), n = !ne(i) && i ? ct(i, s) : void 0;
-  return /* @__PURE__ */ o(
+  const { fields: o } = Ae(), s = !de(i) && i ? dt(i, o) : void 0;
+  return /* @__PURE__ */ n(
     "div",
     {
       onClick: r,
       className: "flex flex-row w-full cursor-pointer",
       children: [
-        /* @__PURE__ */ o("div", { className: "relative m-4", children: [
-          n && /* @__PURE__ */ e(Ye, { fieldConfig: n }),
-          !n && /* @__PURE__ */ e(
+        /* @__PURE__ */ n("div", { className: "relative m-4", children: [
+          s && /* @__PURE__ */ e(Ke, { fieldConfig: s }),
+          !s && /* @__PURE__ */ e(
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(Aa, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(za, { color: "inherit", size: "medium" })
             }
           ),
-          /* @__PURE__ */ e(Qt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
+          /* @__PURE__ */ e(Zt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
         ] }),
         /* @__PURE__ */ e(
           Ce,
           {
             className: ve(
               "pl-2 w-full flex flex-row gap-4 items-center",
-              Yt,
+              Gt,
               r ? Ht : "",
-              a ? Gt : "",
+              a ? Qt : "",
               "flex-grow p-4 border transition-colors duration-200",
               a ? "border-blue-500" : "border-transparent"
             ),
-            children: /* @__PURE__ */ o("div", { className: "w-full flex flex-col", children: [
+            children: /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
               /* @__PURE__ */ e(
                 N,
                 {
@@ -3054,18 +3054,18 @@ function ki({
                   children: i?.name ? i.name : t
                 }
               ),
-              /* @__PURE__ */ o("div", { className: "flex flex-row items-center", children: [
-                n && /* @__PURE__ */ e(
+              /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
+                s && /* @__PURE__ */ e(
                   N,
                   {
                     className: "flex-grow pr-2",
                     variant: "body2",
                     component: "span",
                     color: "secondary",
-                    children: n?.name
+                    children: s?.name
                   }
                 ),
-                i && !ne(i) && /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
+                i && !de(i) && /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
                   N,
                   {
                     variant: "body2",
@@ -3074,7 +3074,7 @@ function ki({
                     children: i.dataType
                   }
                 ) }),
-                i && ne(i) && /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
+                i && de(i) && /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
                   N,
                   {
                     variant: "body2",
@@ -3100,26 +3100,26 @@ function ki({
     }
   );
 }
-function dt({
+function pt({
   namespace: t,
   selectedPropertyKey: a,
   onPropertyClick: r,
   properties: i,
-  propertiesOrder: s,
-  additionalFields: n,
-  errors: d,
+  propertiesOrder: o,
+  additionalFields: s,
+  errors: p,
   onPropertyMove: c,
   onPropertyRemove: m,
   className: u,
-  inferredPropertyKeys: p
+  inferredPropertyKeys: d
 }) {
-  const l = s ?? Object.keys(i), g = Z((b) => {
+  const l = o ?? Object.keys(i), g = Z((b) => {
     if (!b.destination)
       return;
     const f = b.source.index, k = b.destination.index, C = Array.from(l), [x] = C.splice(f, 1);
     C.splice(k, 0, x), c && c(C, t);
   }, [t, c, l]);
-  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(Wa, { onDragEnd: g, children: /* @__PURE__ */ e(ei, { droppableId: `droppable_${t}`, children: (b, f) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Xa, { onDragEnd: g, children: /* @__PURE__ */ e(Wa, { droppableId: `droppable_${t}`, children: (b, f) => /* @__PURE__ */ n(
     "div",
     {
       ...b.droppableProps,
@@ -3127,25 +3127,25 @@ function dt({
       className: u,
       children: [
         l && l.map((k, C) => {
-          const x = i[k], h = n?.find((y) => y.id === k);
+          const x = i[k], h = s?.find((y) => y.id === k);
           return !x && !h ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            ti,
+            ei,
             {
               draggableId: `array_field_${t}_${k}}`,
               index: C,
-              children: (y, _) => /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
-                xi,
+              children: (y, w) => /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
+                ki,
                 {
                   propertyKey: k,
                   propertyOrBuilder: x,
                   additionalField: h,
                   provided: y,
-                  errors: d,
+                  errors: p,
                   namespace: t,
-                  inferredPropertyKeys: p,
+                  inferredPropertyKeys: d,
                   onPropertyMove: c,
                   onPropertyRemove: m,
-                  onPropertyClick: _.isDragging ? void 0 : r,
+                  onPropertyClick: w.isDragging ? void 0 : r,
                   selectedPropertyKey: a
                 }
               ) })
@@ -3158,44 +3158,44 @@ function dt({
     }
   ) }) }) });
 }
-function xi({
+function ki({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: r,
   additionalField: i,
-  provided: s,
-  selectedPropertyKey: n,
-  errors: d,
+  provided: o,
+  selectedPropertyKey: s,
+  errors: p,
   onPropertyClick: c,
   onPropertyMove: m,
   onPropertyRemove: u,
-  inferredPropertyKeys: p
+  inferredPropertyKeys: d
 }) {
-  const l = p?.includes(a ? `${a}.${t}` : t), g = re(t, a);
+  const l = d?.includes(a ? `${a}.${t}` : t), g = re(t, a);
   let b;
   if (typeof r == "object") {
     const x = r;
     x.dataType === "map" && x.properties && (b = /* @__PURE__ */ e(
-      dt,
+      pt,
       {
-        selectedPropertyKey: n,
+        selectedPropertyKey: s,
         namespace: g,
         properties: x.properties,
         propertiesOrder: x.propertiesOrder,
-        errors: d,
+        errors: p,
         onPropertyClick: c,
         onPropertyMove: m,
         onPropertyRemove: u
       }
     ));
   }
-  const f = g ? q(d, ye(g)) : !1, k = n === g, C = r && Ue(r);
-  return /* @__PURE__ */ o(
+  const f = g ? S(p, ye(g)) : !1, k = s === g, C = r && Ue(r);
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: s.innerRef,
-      ...s.draggableProps,
-      ...s.dragHandleProps,
+      ref: o.innerRef,
+      ...o.draggableProps,
+      ...o.dragHandleProps,
       className: "relative -ml-8",
       children: [
         b && /* @__PURE__ */ e(
@@ -3209,8 +3209,8 @@ function xi({
             }
           }
         ),
-        !ne(r) && !i && C ? /* @__PURE__ */ e(
-          aa,
+        !de(r) && !i && C ? /* @__PURE__ */ e(
+          oa,
           {
             property: r,
             onClick: c ? () => c(t, a) : void 0,
@@ -3219,7 +3219,7 @@ function xi({
             hasError: f
           }
         ) : /* @__PURE__ */ e(
-          ki,
+          _i,
           {
             name: t,
             property: r,
@@ -3227,23 +3227,23 @@ function xi({
             selected: k
           }
         ),
-        /* @__PURE__ */ o("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
-          l && /* @__PURE__ */ e(le, { title: "Inferred property", children: /* @__PURE__ */ e(st, { size: "small", className: "p-2" }) }),
-          u && /* @__PURE__ */ e(le, { title: "Remove", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ n("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
+          l && /* @__PURE__ */ e(se, { title: "Inferred property", children: /* @__PURE__ */ e(lt, { size: "small", className: "p-2" }) }),
+          u && /* @__PURE__ */ e(se, { title: "Remove", children: /* @__PURE__ */ e(
             pe,
             {
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(za, { size: "small" })
+              children: /* @__PURE__ */ e(Ta, { size: "small" })
             }
           ) }),
-          m && /* @__PURE__ */ e(le, { title: "Move", children: /* @__PURE__ */ e(
+          m && /* @__PURE__ */ e(se, { title: "Move", children: /* @__PURE__ */ e(
             pe,
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(Ta, { size: "small" })
+              children: /* @__PURE__ */ e(Va, { size: "small" })
             }
           ) })
         ] }),
@@ -3252,28 +3252,28 @@ function xi({
     }
   );
 }
-function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
+function xi({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
   const {
-    values: s,
-    setFieldValue: n
-  } = U(), [d, c] = Y(!1), [m, u] = Y(), [p, l] = Y(), g = s.propertiesOrder ?? Object.keys(s.properties ?? {}), b = Z(({
-    id: _,
-    property: w
+    values: o,
+    setFieldValue: s
+  } = U(), [p, c] = K(!1), [m, u] = K(), [d, l] = K(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = Z(({
+    id: w,
+    property: _
   }) => {
-    if (!_)
+    if (!w)
       throw Error();
-    n("properties", {
-      ...s.properties ?? {},
-      [_]: w
-    }, !1), n("propertiesOrder", [...g, _], !1), c(!1);
-  }, [s.properties, g]), f = Z((_, w) => {
-    const v = _ ? re(_, w) : void 0;
+    s("properties", {
+      ...o.properties ?? {},
+      [w]: _
+    }, !1), s("propertiesOrder", [...g, w], !1), c(!1);
+  }, [o.properties, g]), f = Z((w, _) => {
+    const v = w ? re(w, _) : void 0;
     if (!v)
       throw Error("collection editor miss config");
-    const T = ye(v), P = xe(w), V = q(s, P) ?? Object.keys(q(s, hi(w)));
-    n(T, void 0, !1), n(P, V.filter((O) => O !== _), !1), c(!1), u(void 0), l(void 0);
-  }, [n, s]), k = m ? re(m, p) : void 0, C = k ? q(s.properties, k.replaceAll(".", ".properties.")) : void 0, x = /* @__PURE__ */ o(
-    M,
+    const T = ye(v), P = xe(_), V = S(o, P) ?? Object.keys(S(o, ui(_)));
+    s(T, void 0, !1), s(P, V.filter((O) => O !== w), !1), c(!1), u(void 0), l(void 0);
+  }, [s, o]), k = m ? re(m, d) : void 0, C = k ? S(o.properties, k.replaceAll(".", ".properties.")) : void 0, x = /* @__PURE__ */ n(
+    B,
     {
       color: "primary",
       variant: "outlined",
@@ -3281,27 +3281,27 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i })
       startIcon: /* @__PURE__ */ e(Oe, {}),
       children: [
         "Add property to ",
-        s.name ?? "this group"
+        o.name ?? "this group"
       ]
     }
-  ), h = !g || g.length < 1, y = Z((_, w) => {
-    n(xe(w), _, !1);
+  ), h = !g || g.length < 1, y = Z((w, _) => {
+    s(xe(_), w, !1);
   }, []);
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ o("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ o("div", { className: "flex justify-between items-end my-4", children: [
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ n("div", { className: "col-span-12", children: [
+      /* @__PURE__ */ n("div", { className: "flex justify-between items-end my-4", children: [
         /* @__PURE__ */ e(N, { variant: "subtitle2", children: "Properties in this group" }),
         x
       ] }),
-      /* @__PURE__ */ o(Ce, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ n(Ce, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
-          dt,
+          pt,
           {
-            properties: s.properties ?? {},
+            properties: o.properties ?? {},
             propertiesOrder: g,
             errors: {},
-            onPropertyClick: (_, w) => {
-              u(_), l(w), c(!0);
+            onPropertyClick: (w, _) => {
+              u(w), l(_), c(!0);
             },
             onPropertyMove: y
           }
@@ -3316,15 +3316,15 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i })
         )
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+    /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(
-        Lt,
+        Yt,
         {
           position: "start",
           size: "small",
           label: "Spread children as columns",
-          onValueChange: (_) => n("spreadChildren", _),
-          value: s.spreadChildren ?? !1
+          onValueChange: (w) => s("spreadChildren", w),
+          value: o.spreadChildren ?? !1
         }
       ),
       /* @__PURE__ */ e(ee, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
@@ -3334,7 +3334,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i })
       {
         inArray: !1,
         forceShowErrors: !1,
-        open: d,
+        open: p,
         allowDataInference: r,
         onCancel: () => {
           c(!1), u(void 0), l(void 0);
@@ -3345,7 +3345,7 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i })
         getData: a,
         onDelete: f,
         propertyKey: m,
-        propertyNamespace: p,
+        propertyNamespace: d,
         property: C,
         existing: !!m,
         autoUpdateId: !m,
@@ -3357,25 +3357,25 @@ function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i })
     )
   ] });
 }
-function Oi({
+function Ci({
   showErrors: t,
   existing: a,
   disabled: r,
   getData: i,
-  allowDataInference: s,
-  customFields: n
+  allowDataInference: o,
+  customFields: s
 }) {
-  const { fields: d } = Ae(), {
+  const { fields: p } = Ae(), {
     values: c,
     handleChange: m,
     errors: u,
-    setFieldValue: p,
+    setFieldValue: d,
     touched: l
-  } = U(), [g, b] = Y(!1), f = q(c, "of"), k = q(l, "of") && q(u, "of"), C = Z(({ id: h, property: y, namespace: _ }) => {
-    p("of", y);
-  }, []), x = f && ct(f, d);
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ o("div", { className: "col-span-12", children: [
+  } = U(), [g, b] = K(!1), f = S(c, "of"), k = S(l, "of") && S(u, "of"), C = Z(({ id: h, property: y, namespace: w }) => {
+    d("of", y);
+  }, []), x = f && dt(f, p);
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(N, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
         me,
@@ -3383,9 +3383,9 @@ function Oi({
           name: "of",
           value: f,
           validate: (h) => h?.dataType ? void 0 : "You need to specify a repeat field",
-          children: () => /* @__PURE__ */ o(Ce, { className: "p-2 mt-4", children: [
+          children: () => /* @__PURE__ */ n(Ce, { className: "p-2 mt-4", children: [
             f && /* @__PURE__ */ e(
-              aa,
+              oa,
               {
                 property: f,
                 onClick: r ? void 0 : () => b(!0),
@@ -3395,8 +3395,8 @@ function Oi({
                 hasError: !1
               }
             ),
-            !r && !f && /* @__PURE__ */ o(
-              M,
+            !r && !f && /* @__PURE__ */ n(
+              B,
               {
                 variant: "text",
                 size: "large",
@@ -3418,60 +3418,60 @@ function Oi({
                 autoUpdateId: !a,
                 autoOpenTypeSelect: !a,
                 onOkClicked: () => b(!1),
-                allowDataInference: s,
+                allowDataInference: o,
                 property: f,
                 includeIdAndName: !1,
                 onPropertyChanged: C,
                 forceShowErrors: t,
-                customFields: n
+                customFields: s
               }
             )
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Pt, { disabled: r }) }) })
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(St, { disabled: r }) }) })
   ] });
 }
-const Ni = R.forwardRef(
+const Oi = R.forwardRef(
   function({
     showErrors: a,
     disabledId: r,
     existingPropertyKeys: i,
-    disabled: s,
-    isNewProperty: n
-  }, d) {
+    disabled: o,
+    isNewProperty: s
+  }, p) {
     const {
       errors: c
-    } = U(), m = "name", u = a && q(c, m), p = "id", l = a && q(c, p), g = "description", b = a && q(c, g);
-    return /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 col-span-12", children: [
-      /* @__PURE__ */ o("div", { children: [
+    } = U(), m = "name", u = a && S(c, m), d = "id", l = a && S(c, d), g = "description", b = a && S(c, g);
+    return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 col-span-12", children: [
+      /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           me,
           {
-            inputRef: d,
+            inputRef: p,
             name: m,
-            as: G,
-            invisible: !n,
+            as: H,
+            invisible: !s,
             style: { fontSize: 20 },
             validate: Si,
             placeholder: "Field name",
             required: !0,
-            disabled: s,
+            disabled: o,
             error: !!u
           }
         ),
         /* @__PURE__ */ e(ee, { error: !!u, children: u })
       ] }),
-      /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           me,
           {
-            name: p,
-            as: qe,
+            name: d,
+            as: Se,
             label: "ID",
-            validate: (f) => qi(f, i),
-            disabled: r || s,
+            validate: (f) => Pi(f, i),
+            disabled: r || o,
             required: !0,
             size: "small",
             error: !!l
@@ -3479,14 +3479,14 @@ const Ni = R.forwardRef(
         ),
         /* @__PURE__ */ e(ee, { error: !!l, children: l })
       ] }),
-      /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           me,
           {
             name: g,
-            as: G,
+            as: H,
             label: "Description",
-            disabled: s,
+            disabled: o,
             error: !!b
           }
         ),
@@ -3494,23 +3494,23 @@ const Ni = R.forwardRef(
       ] })
     ] });
   }
-), Pi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function qi(t, a) {
+), Ni = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function Pi(t, a) {
   let r;
-  return t || (r = "You must specify an id for the field"), t && !t.match(Pi) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
+  return t || (r = "You must specify an id for the field"), t && !t.match(Ni) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
 }
 function Si(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Ai({
+function qi({
   widgetId: t,
   disabled: a,
   showErrors: r
 }) {
-  const { values: i, setFieldValue: s } = U();
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ o(Ne, { children: [
+  const { values: i, setFieldValue: o } = U();
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(Ne, { children: [
       t === "text_field" && /* @__PURE__ */ e(
         je,
         {
@@ -3573,22 +3573,22 @@ function Ai({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      qe,
+      Se,
       {
         name: "defaultValue",
         disabled: a,
-        onChange: (n) => {
-          s("defaultValue", n.target.value === "" ? void 0 : n.target.value);
+        onChange: (s) => {
+          o("defaultValue", s.target.value === "" ? void 0 : s.target.value);
         },
         label: "Default value",
-        value: q(i, "defaultValue") ?? ""
+        value: S(i, "defaultValue") ?? ""
       }
     ) })
   ] });
 }
-function zi({ disabled: t }) {
-  const { values: a } = U(), r = q(a, "defaultValue");
-  return /* @__PURE__ */ o(I, { children: [
+function Ai({ disabled: t }) {
+  const { values: a } = U(), r = S(a, "defaultValue");
+  return /* @__PURE__ */ n(F, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       oe,
@@ -3598,34 +3598,34 @@ function zi({ disabled: t }) {
         label: r == null ? "Default value not set" : "Default value is " + r.toString(),
         disabled: t,
         allowIndeterminate: !0,
-        component: de
+        component: ce
       }
     ) })
   ] });
 }
-function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
+function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
   const {
-    values: s,
-    setFieldValue: n
-  } = U(), [d, c] = Y(!1), [m, u] = Y(), [p, l] = Y(), g = Z(({
+    values: o,
+    setFieldValue: s
+  } = U(), [p, c] = K(!1), [m, u] = K(), [d, l] = K(), g = Z(({
     id: h,
     property: y
   }) => {
     if (!h)
       throw Error();
-    n("oneOf.properties", {
-      ...s.oneOf?.properties ?? {},
+    s("oneOf.properties", {
+      ...o.oneOf?.properties ?? {},
       [h]: y
-    }, !1), n("oneOf.propertiesOrder", [...s.oneOf?.propertiesOrder ?? Object.keys(s.oneOf?.properties ?? {}), h], !1), c(!1);
-  }, [s.oneOf?.properties, s.oneOf?.propertiesOrder]), b = m ? re(m, p) : void 0, f = b ? q(s.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, k = Z((h, y) => {
-    const _ = h ? re(h, y) : void 0;
-    if (!_)
+    }, !1), s("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), h], !1), c(!1);
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = m ? re(m, d) : void 0, f = b ? S(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, k = Z((h, y) => {
+    const w = h ? re(h, y) : void 0;
+    if (!w)
       throw Error("collection editor miss config");
-    n(`oneOf.${ye(_)}`, void 0, !1);
-    const w = `oneOf.${xe(y)}`, v = q(s, w);
-    n(w, v.filter((T) => T !== h), !1), c(!1), u(void 0), l(void 0);
-  }, [n, s]), C = /* @__PURE__ */ o(
-    M,
+    s(`oneOf.${ye(w)}`, void 0, !1);
+    const _ = `oneOf.${xe(y)}`, v = S(o, _);
+    s(_, v.filter((T) => T !== h), !1), c(!1), u(void 0), l(void 0);
+  }, [s, o]), C = /* @__PURE__ */ n(
+    B,
     {
       autoFocus: !0,
       color: "primary",
@@ -3633,24 +3633,24 @@ function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i })
       startIcon: /* @__PURE__ */ e(Oe, {}),
       children: [
         "Add property to ",
-        s.name ?? "this block"
+        o.name ?? "this block"
       ]
     }
   ), x = Z((h, y) => {
-    n(`oneOf.${xe(y)}`, h, !1);
+    s(`oneOf.${xe(y)}`, h, !1);
   }, []);
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ o("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ o("div", { className: "flex justify-between items-end mt-8 mb-4", children: [
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ n("div", { className: "col-span-12", children: [
+      /* @__PURE__ */ n("div", { className: "flex justify-between items-end mt-8 mb-4", children: [
         /* @__PURE__ */ e(N, { variant: "subtitle2", children: "Properties in this block" }),
         C
       ] }),
-      /* @__PURE__ */ o(Ce, { className: "p-2 pl-8", children: [
+      /* @__PURE__ */ n(Ce, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
-          dt,
+          pt,
           {
-            properties: s.oneOf?.properties ?? {},
-            propertiesOrder: s.oneOf?.propertiesOrder,
+            properties: o.oneOf?.properties ?? {},
+            propertiesOrder: o.oneOf?.propertiesOrder,
             errors: {},
             onPropertyClick: t ? void 0 : (h, y) => {
               u(h), l(y), c(!0);
@@ -3658,7 +3658,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i })
             onPropertyMove: t ? void 0 : x
           }
         ),
-        !t && !s.oneOf?.propertiesOrder?.length && /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center p-4", children: "Add the first property to this block" })
+        !t && !o.oneOf?.propertiesOrder?.length && /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center p-4", children: "Add the first property to this block" })
       ] })
     ] }),
     !t && /* @__PURE__ */ e(
@@ -3666,7 +3666,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i })
       {
         inArray: !1,
         forceShowErrors: !1,
-        open: d,
+        open: p,
         getData: a,
         allowDataInference: r,
         onCancel: () => {
@@ -3677,29 +3677,29 @@ function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i })
         },
         onDelete: k,
         propertyKey: m,
-        propertyNamespace: p,
+        propertyNamespace: d,
         property: f,
         existing: !!m,
         autoUpdateId: !m,
         autoOpenTypeSelect: !m,
         onPropertyChanged: g,
-        existingPropertyKeys: m ? void 0 : s.oneOf?.propertiesOrder,
+        existingPropertyKeys: m ? void 0 : o.oneOf?.propertiesOrder,
         customFields: i
       }
     )
   ] });
 }
-function Vi({ disabled: t }) {
+function Ti({ disabled: t }) {
   const {
     values: a,
     handleChange: r
-  } = U(), i = "validation.min", s = "validation.max", n = "validation.lessThan", d = "validation.moreThan", c = "validation.positive", m = "validation.negative", u = "validation.integer";
-  return /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
+  } = U(), i = "validation.min", o = "validation.max", s = "validation.lessThan", p = "validation.moreThan", c = "validation.positive", m = "validation.negative", u = "validation.integer";
+  return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(ze, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
-        value: q(a, i),
+        value: S(a, i),
         label: "Min value",
         name: i,
         type: "number",
@@ -3709,11 +3709,11 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
-        value: q(a, s),
+        value: S(a, o),
         label: "Max value",
-        name: s,
+        name: o,
         type: "number",
         size: "small",
         disabled: t,
@@ -3721,11 +3721,11 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
-        value: q(a, n),
+        value: S(a, s),
         label: "Less than",
-        name: n,
+        name: s,
         type: "number",
         size: "small",
         disabled: t,
@@ -3733,11 +3733,11 @@ function Vi({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      G,
+      H,
       {
-        value: q(a, d),
+        value: S(a, p),
         label: "More than",
-        name: d,
+        name: p,
         type: "number",
         size: "small",
         disabled: t,
@@ -3751,7 +3751,7 @@ function Vi({ disabled: t }) {
         name: c,
         label: "Positive value",
         disabled: t,
-        component: de
+        component: ce
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
@@ -3761,7 +3761,7 @@ function Vi({ disabled: t }) {
         name: m,
         label: "Negative value",
         disabled: t,
-        component: de
+        component: ce
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
@@ -3771,17 +3771,17 @@ function Vi({ disabled: t }) {
         name: u,
         label: "Integer value",
         disabled: t,
-        component: de
+        component: ce
       }
     ) })
   ] });
 }
-function ji({ disabled: t }) {
+function Vi({ disabled: t }) {
   const { values: a, setFieldValue: r } = U();
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Vi, { disabled: t }) }) }),
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Ti, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      qe,
+      Se,
       {
         name: "defaultValue",
         disabled: t,
@@ -3790,80 +3790,80 @@ function ji({ disabled: t }) {
           r("defaultValue", i.target.value === "" ? void 0 : parseFloat(i.target.value));
         },
         label: "Default value",
-        value: q(a, "defaultValue") ?? ""
+        value: S(a, "defaultValue") ?? ""
       }
     ) })
   ] });
 }
-function Et({
+function It({
   existing: t,
   multiple: a,
   disabled: r,
   showErrors: i
 }) {
   const {
-    values: s,
-    handleChange: n,
-    errors: d,
+    values: o,
+    handleChange: s,
+    errors: p,
     touched: c,
     setFieldError: m,
     setFieldValue: u
   } = U();
   if (!Ie())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($e, {}) });
-  const l = a ? "of.path" : "path", g = q(s, l), b = i && q(d, l);
-  return console.log("pathError", d, b), /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+  const l = a ? "of.path" : "path", g = S(o, l), b = i && S(p, l);
+  return console.log("pathError", p, b), /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     me,
     {
       required: !0,
       name: l,
       pathPath: l,
       type: "select",
-      validate: Fi,
+      validate: ji,
       disabled: t || r,
       value: g,
       error: b,
-      handleChange: n,
-      component: Ei
+      handleChange: s,
+      component: Fi
     }
   ) }) });
 }
-function Fi(t) {
+function ji(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function Ei({
+function Fi({
   disabled: t,
   pathPath: a,
   value: r,
   handleChange: i,
-  error: s,
-  ...n
+  error: o,
+  ...s
 }) {
-  console.log("error", s);
-  const d = Ie();
-  if (!d)
+  console.log("error", o);
+  const p = Ie();
+  if (!p)
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($e, {}) });
-  const c = d?.collections ?? [], m = Array.from(new Set(
-    Object.values(c).map((p) => p.group).filter(Boolean)
-  ).values()), u = c.filter((p) => !p.group);
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ o(
-      Se,
+  const c = p?.collections ?? [], m = Array.from(new Set(
+    Object.values(c).map((d) => d.group).filter(Boolean)
+  ).values()), u = c.filter((d) => !d.group);
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ n(
+      qe,
       {
-        error: !!s,
+        error: !!o,
         disabled: t,
         value: r ?? "",
         position: "item-aligned",
         name: a,
         onChange: i,
         label: "Target collection",
-        renderValue: (p) => {
-          const l = c.find((b) => b.alias === p || b.path === p);
+        renderValue: (d) => {
+          const l = c.find((b) => b.alias === d || b.path === d);
           if (!l)
             return null;
-          const g = et(l);
-          return /* @__PURE__ */ o("div", { className: "flex flex-row", children: [
+          const g = tt(l);
+          return /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
             g,
             /* @__PURE__ */ e(
               N,
@@ -3875,19 +3875,19 @@ function Ei({
             )
           ] });
         },
-        ...n,
+        ...s,
         children: [
-          m.flatMap((p) => /* @__PURE__ */ e(
-            At,
+          m.flatMap((d) => /* @__PURE__ */ e(
+            zt,
             {
-              label: p || "Views",
-              children: c.filter((l) => l.group === p).map((l) => {
-                const g = et(l);
+              label: d || "Views",
+              children: c.filter((l) => l.group === d).map((l) => {
+                const g = tt(l);
                 return /* @__PURE__ */ e(
                   fe,
                   {
                     value: l.alias ?? l.path,
-                    children: /* @__PURE__ */ o("div", { className: "flex flex-row", children: [
+                    children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
                       g,
                       /* @__PURE__ */ e(
                         N,
@@ -3899,31 +3899,31 @@ function Ei({
                       )
                     ] })
                   },
-                  `${l.alias ?? l.path}-${p}`
+                  `${l.alias ?? l.path}-${d}`
                 );
               })
             },
-            `group_${p}`
+            `group_${d}`
           )),
-          u && /* @__PURE__ */ e(At, { label: "Views", children: u.map((p) => {
-            const l = et(p);
+          u && /* @__PURE__ */ e(zt, { label: "Views", children: u.map((d) => {
+            const l = tt(d);
             return /* @__PURE__ */ e(
               fe,
               {
-                value: p.alias ?? p.path,
-                children: /* @__PURE__ */ o("div", { className: "flex flex-row", children: [
+                value: d.alias ?? d.path,
+                children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
                   l,
                   /* @__PURE__ */ e(
                     N,
                     {
                       variant: "subtitle2",
                       className: "font-medium ml-4",
-                      children: p?.name.toUpperCase()
+                      children: d?.name.toUpperCase()
                     }
                   )
                 ] })
               },
-              p.alias ?? p.path
+              d.alias ?? d.path
             );
           }) })
         ]
@@ -3932,22 +3932,22 @@ function Ei({
     /* @__PURE__ */ e(ee, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Ii({ disabled: t }) {
+function Ei({ disabled: t }) {
   const {
     values: a,
     errors: r,
     touched: i,
-    setFieldValue: s
-  } = U(), n = "mode", d = q(a, n), c = q(i, n) && q(r, n), m = "autoValue", u = q(a, m), p = q(i, m) && q(r, m);
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ o("div", { className: "flex flex-col col-span-12", children: [
-      /* @__PURE__ */ o(
-        Se,
+    setFieldValue: o
+  } = U(), s = "mode", p = S(a, s), c = S(i, s) && S(r, s), m = "autoValue", u = S(a, m), d = S(i, m) && S(r, m);
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ n("div", { className: "flex flex-col col-span-12", children: [
+      /* @__PURE__ */ n(
+        qe,
         {
-          name: n,
-          value: d ?? "date",
+          name: s,
+          value: p ?? "date",
           error: !!c,
-          onValueChange: (l) => s(n, l),
+          onValueChange: (l) => o(s, l),
           label: "Mode",
           renderValue: (l) => {
             switch (l) {
@@ -3967,13 +3967,13 @@ function Ii({ disabled: t }) {
         }
       ),
       /* @__PURE__ */ e(ee, { error: !!c, children: c }),
-      /* @__PURE__ */ o(
-        Se,
+      /* @__PURE__ */ n(
+        qe,
         {
           name: m,
           disabled: t,
           value: u ?? "",
-          onValueChange: (l) => s(m, l),
+          onValueChange: (l) => o(m, l),
           renderValue: (l) => {
             switch (l) {
               case "on_create":
@@ -3984,7 +3984,7 @@ function Ii({ disabled: t }) {
                 return "None";
             }
           },
-          error: !!p,
+          error: !!d,
           label: "Automatic value",
           children: [
             /* @__PURE__ */ e(fe, { value: "", children: " None " }),
@@ -3993,13 +3993,13 @@ function Ii({ disabled: t }) {
           ]
         }
       ),
-      /* @__PURE__ */ e(ee, { error: !!p, children: p ?? "Update this field automatically when creating or updating the entity" })
+      /* @__PURE__ */ e(ee, { error: !!d, children: d ?? "Update this field automatically when creating or updating the entity" })
     ] }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) })
   ] });
 }
-function Bi({ disabled: t }) {
-  return U(), /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
+function Ii({ disabled: t }) {
+  return U(), /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       oe,
       {
@@ -4008,7 +4008,7 @@ function Bi({ disabled: t }) {
         label: "Hide from collection",
         disabled: t,
         tooltip: "Hide this field from the collection view. It will still be visible in the form view",
-        component: de
+        component: ce
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
@@ -4019,19 +4019,19 @@ function Bi({ disabled: t }) {
         label: "Read only",
         disabled: t,
         tooltip: "Is this a read only field. Display only as a preview",
-        component: de
+        component: ce
       }
     ) })
   ] });
 }
-function Mi({ disabled: t }) {
-  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) }) });
+function Bi({ disabled: t }) {
+  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) }) });
 }
-function ia(t, a, r) {
+function na(t, a, r) {
   let i;
   return a === "text_field" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "text_field",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4044,7 +4044,7 @@ function ia(t, a, r) {
     })
   ) : a === "multiline" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "multiline",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4057,7 +4057,7 @@ function ia(t, a, r) {
     })
   ) : a === "markdown" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "markdown",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4069,7 +4069,7 @@ function ia(t, a, r) {
     })
   ) : a === "url" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "url",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4082,7 +4082,7 @@ function ia(t, a, r) {
     })
   ) : a === "email" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "email",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4095,7 +4095,7 @@ function ia(t, a, r) {
     })
   ) : a === "select" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4108,7 +4108,7 @@ function ia(t, a, r) {
     })
   ) : a === "multi_select" ? i = L(
     t,
-    K({
+    Y({
       dataType: "array",
       fieldConfig: "multi_select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4119,7 +4119,7 @@ function ia(t, a, r) {
     })
   ) : a === "number_input" ? i = L(
     t,
-    K({
+    Y({
       dataType: "number",
       fieldConfig: "number_input",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4127,7 +4127,7 @@ function ia(t, a, r) {
     })
   ) : a === "number_select" ? i = L(
     t,
-    K({
+    Y({
       dataType: "number",
       fieldConfig: "number_select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4135,7 +4135,7 @@ function ia(t, a, r) {
     })
   ) : a === "multi_number_select" ? i = L(
     t,
-    K({
+    Y({
       dataType: "array",
       fieldConfig: "multi_number_select",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4146,7 +4146,7 @@ function ia(t, a, r) {
     })
   ) : a === "file_upload" ? i = L(
     t,
-    K({
+    Y({
       dataType: "string",
       fieldConfig: "file_upload",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4156,7 +4156,7 @@ function ia(t, a, r) {
     })
   ) : a === "multi_file_upload" ? i = L(
     t,
-    K({
+    Y({
       dataType: "array",
       fieldConfig: "multi_file_upload",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4169,7 +4169,7 @@ function ia(t, a, r) {
     })
   ) : a === "group" ? i = L(
     t,
-    K({
+    Y({
       dataType: "map",
       fieldConfig: "group",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4178,7 +4178,7 @@ function ia(t, a, r) {
     })
   ) : a === "key_value" ? i = L(
     t,
-    K({
+    Y({
       dataType: "map",
       fieldConfig: "key_value",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4187,14 +4187,14 @@ function ia(t, a, r) {
     })
   ) : a === "reference" ? i = L(
     t,
-    K({
+    Y({
       dataType: "reference",
       fieldConfig: "reference",
       editable: t.editable !== void 0 ? t.editable : !0
     })
   ) : a === "multi_references" ? i = L(
     t,
-    K({
+    Y({
       dataType: "array",
       fieldConfig: "multi_references",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4204,14 +4204,14 @@ function ia(t, a, r) {
     })
   ) : a === "switch" ? i = L(
     t,
-    K({
+    Y({
       dataType: "boolean",
       fieldConfig: "switch",
       editable: t.editable !== void 0 ? t.editable : !0
     })
   ) : a === "date_time" ? i = L(
     t,
-    K({
+    Y({
       dataType: "date",
       fieldConfig: "date_time",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4219,14 +4219,14 @@ function ia(t, a, r) {
     })
   ) : a === "repeat" ? i = L(
     t,
-    K({
+    Y({
       dataType: "array",
       fieldConfig: "repeat",
       editable: t.editable !== void 0 ? t.editable : !0
     })
   ) : a === "block" ? i = L(
     t,
-    K({
+    Y({
       dataType: "array",
       fieldConfig: "block",
       editable: t.editable !== void 0 ? t.editable : !0,
@@ -4236,14 +4236,14 @@ function ia(t, a, r) {
     })
   ) : a && r[a] && (i = { ...r[a].property, fieldConfig: a }), i;
 }
-function ra({ value: t, optionDisabled: a, fieldConfig: r, existing: i }) {
+function sa({ value: t, optionDisabled: a, fieldConfig: r, existing: i }) {
   return /* @__PURE__ */ e(
     fe,
     {
       value: t,
       disabled: a,
       className: "flex flex-row items-center",
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ n(
         "div",
         {
           className: ve(
@@ -4251,8 +4251,8 @@ function ra({ value: t, optionDisabled: a, fieldConfig: r, existing: i }) {
             a ? "w-full" : ""
           ),
           children: [
-            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ye, { fieldConfig: r }) }),
-            /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ke, { fieldConfig: r }) }),
+            /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { children: r.name }),
               /* @__PURE__ */ e(
                 N,
@@ -4270,18 +4270,18 @@ function ra({ value: t, optionDisabled: a, fieldConfig: r, existing: i }) {
     }
   );
 }
-const oa = R.memo(
+const la = R.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: r,
     existing: i,
-    autoUpdateId: s,
-    inArray: n,
-    propertyKey: d,
+    autoUpdateId: o,
+    inArray: s,
+    propertyKey: p,
     propertyNamespace: c,
     property: m,
     onPropertyChanged: u,
-    onPropertyChangedImmediate: p = !0,
+    onPropertyChangedImmediate: d = !0,
     onDelete: l,
     onError: g,
     initialErrors: b,
@@ -4292,12 +4292,12 @@ const oa = R.memo(
     getData: h,
     customFields: y
   }) {
-    const _ = {
+    const w = {
       id: "",
       name: ""
-    }, w = (m && !Ue(m)) ?? !1, v = Re(m ? {
-      id: d,
-      previousId: d,
+    }, _ = (m && !Ue(m)) ?? !1, v = Re(m ? {
+      id: p,
+      previousId: p,
       property: m
     } : void 0), T = ({
       id: P,
@@ -4312,38 +4312,38 @@ const oa = R.memo(
       v.current = O, u?.(O);
     };
     return /* @__PURE__ */ e(
-      Ot,
+      Nt,
       {
         initialErrors: b,
-        initialValues: m ? { id: d, ...m } : _,
+        initialValues: m ? { id: p, ...m } : w,
         onSubmit: (P, V) => {
           console.log("Submitting property", P);
           const {
             id: O,
-            ...F
+            ...E
           } = P;
           T({
             id: O,
-            property: F
-          }), i || V.resetForm({ values: _ });
+            property: E
+          }), i || V.resetForm({ values: w });
         },
-        children: (P) => (se(() => {
+        children: (P) => (ne(() => {
           x?.(P);
         }, [P]), /* @__PURE__ */ e(
-          Di,
+          Mi,
           {
-            onPropertyChanged: p ? T : void 0,
+            onPropertyChanged: d ? T : void 0,
             onDelete: l,
             includeIdAndTitle: a,
             propertyNamespace: c,
             onError: g,
             showErrors: f || P.submitCount > 0,
             existing: i,
-            autoUpdateId: s,
-            inArray: n,
+            autoUpdateId: o,
+            inArray: s,
             autoOpenTypeSelect: r,
             existingPropertyKeys: k,
-            disabled: w,
+            disabled: _,
             getData: h,
             allowDataInference: C,
             customFields: y,
@@ -4351,7 +4351,7 @@ const oa = R.memo(
           }
         ))
       },
-      `property_view_${d}`
+      `property_view_${p}`
     );
   },
   (t, a) => t.getData === a.getData && t.includeIdAndName === a.includeIdAndName && t.autoOpenTypeSelect === a.autoOpenTypeSelect && t.autoUpdateId === a.autoUpdateId && t.existing === a.existing
@@ -4361,48 +4361,48 @@ function Fe({
   onCancel: a,
   onOkClicked: r,
   onPropertyChanged: i,
-  getData: s,
-  ...n
+  getData: o,
+  ...s
 }) {
-  const d = Re();
+  const p = Re();
   return /* @__PURE__ */ e(
     Ee,
     {
       open: t ?? !1,
       maxWidth: "xl",
       fullWidth: !0,
-      children: /* @__PURE__ */ o(Wt, { noValidate: !0, style: { height: "100%" }, children: [
+      children: /* @__PURE__ */ n(aa, { noValidate: !0, style: { height: "100%" }, children: [
         /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
-          oa,
+          la,
           {
-            ...n,
+            ...s,
             onPropertyChanged: (m) => {
               i?.(m), r?.();
             },
             onPropertyChangedImmediate: !1,
             getHelpers: (m) => {
-              d.current = m;
+              p.current = m;
             },
-            getData: s
+            getData: o
           }
         ) }),
-        /* @__PURE__ */ o(Ke, { children: [
+        /* @__PURE__ */ n(Ye, { children: [
           a && /* @__PURE__ */ e(
-            M,
+            B,
             {
               variant: "text",
               onClick: () => {
-                a(), d.current?.resetForm();
+                a(), p.current?.resetForm();
               },
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ e(
-            M,
+            B,
             {
               variant: "outlined",
               color: "primary",
-              onClick: () => d.current?.submitForm(),
+              onClick: () => p.current?.submitForm(),
               children: "Ok"
             }
           )
@@ -4411,18 +4411,18 @@ function Fe({
     }
   );
 }
-function Di({
+function Mi({
   values: t,
   errors: a,
   touched: r,
   setValues: i,
-  setFieldValue: s,
-  existing: n,
-  autoUpdateId: d = !1,
+  setFieldValue: o,
+  existing: s,
+  autoUpdateId: p = !1,
   autoOpenTypeSelect: c,
   includeIdAndTitle: m,
   onPropertyChanged: u,
-  onDelete: p,
+  onDelete: d,
   propertyNamespace: l,
   onError: g,
   showErrors: b,
@@ -4433,109 +4433,109 @@ function Di({
   allowDataInference: h,
   customFields: y
 }) {
-  const [_, w] = Y(!1), [v, T] = Y(t?.dataType ? Zt(t) : void 0), P = Object.entries(y).concat(Object.entries(_t)), V = k ? P.filter(([Q, J]) => !ne(J.property) && J.property?.dataType !== "array") : P, O = ga(t), F = Re(null), ue = Re(t), Pe = "id", z = b && q(a, "selectedWidget");
-  se(() => {
-    !q(r, Pe) && d && t?.name && s(Pe, Kt(t.name));
-  }, [d, r, t?.name]), se(() => {
+  const [w, _] = K(!1), [v, T] = K(t?.dataType ? Jt(t) : void 0), P = Object.entries(y).concat(Object.entries(_t)), V = k ? P.filter(([Q, J]) => !de(J.property) && J.property?.dataType !== "array") : P, O = fa(t), E = Re(null), ue = Re(t), Pe = "id", z = b && S(a, "selectedWidget");
+  ne(() => {
+    !S(r, Pe) && p && t?.name && o(Pe, Kt(t.name));
+  }, [p, r, t?.name]), ne(() => {
     if (u && (!m || O.id)) {
       const {
         id: Q,
         ...J
       } = O;
-      tt(O, ue.current) || (u({
+      ot(O, ue.current) || (u({
         id: Q,
         property: J,
         namespace: l
       }), ue.current = O);
     }
-  }, [O, m, u, l]), se(() => {
+  }, [O, m, u, l]), ne(() => {
     t?.id && g && Object.keys(a).length > 0 && g(t?.id, l, a);
   }, [a, g, l, t?.id]);
-  const B = (Q) => {
-    T(Q), i(ia(t, Q, y)), setTimeout(() => {
-      F.current?.focus();
+  const M = (Q) => {
+    T(Q), i(na(t, Q, y)), setTimeout(() => {
+      E.current?.focus();
     }, 0);
   };
-  let H;
-  return v === "text_field" || v === "multiline" || v === "markdown" || v === "url" || v === "email" ? H = /* @__PURE__ */ e(
-    Ai,
+  let G;
+  return v === "text_field" || v === "multiline" || v === "markdown" || v === "url" || v === "email" ? G = /* @__PURE__ */ e(
+    qi,
     {
       widgetId: v,
       disabled: f,
       showErrors: b
     }
-  ) : v === "select" || v === "number_select" ? H = /* @__PURE__ */ e(
-    jt,
+  ) : v === "select" || v === "number_select" ? G = /* @__PURE__ */ e(
+    Ft,
     {
       multiselect: !1,
       allowDataInference: h,
-      updateIds: !n,
+      updateIds: !s,
       disabled: f,
       getData: x,
       showErrors: b
     }
-  ) : v === "multi_select" || v === "multi_number_select" ? H = /* @__PURE__ */ e(
-    jt,
+  ) : v === "multi_select" || v === "multi_number_select" ? G = /* @__PURE__ */ e(
+    Ft,
     {
       multiselect: !0,
-      updateIds: !n,
+      updateIds: !s,
       disabled: f,
       allowDataInference: h,
       getData: x,
       showErrors: b
     }
-  ) : v === "file_upload" ? H = /* @__PURE__ */ e(
-    Ft,
+  ) : v === "file_upload" ? G = /* @__PURE__ */ e(
+    Et,
     {
-      existing: n,
+      existing: s,
       multiple: !1,
       disabled: f
     }
-  ) : v === "multi_file_upload" ? H = /* @__PURE__ */ e(
-    Ft,
+  ) : v === "multi_file_upload" ? G = /* @__PURE__ */ e(
+    Et,
     {
-      existing: n,
+      existing: s,
       multiple: !0,
       disabled: f
     }
-  ) : v === "switch" ? H = /* @__PURE__ */ e(zi, { disabled: f }) : v === "number_input" ? H = /* @__PURE__ */ e(ji, { disabled: f }) : v === "group" ? H = /* @__PURE__ */ e(Ci, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "block" ? H = /* @__PURE__ */ e(Ti, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "reference" ? H = /* @__PURE__ */ e(
-    Et,
+  ) : v === "switch" ? G = /* @__PURE__ */ e(Ai, { disabled: f }) : v === "number_input" ? G = /* @__PURE__ */ e(Vi, { disabled: f }) : v === "group" ? G = /* @__PURE__ */ e(xi, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "block" ? G = /* @__PURE__ */ e(zi, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "reference" ? G = /* @__PURE__ */ e(
+    It,
     {
       showErrors: b,
-      existing: n,
+      existing: s,
       multiple: !1,
       disabled: f
     }
-  ) : v === "date_time" ? H = /* @__PURE__ */ e(Ii, { disabled: f }) : v === "multi_references" ? H = /* @__PURE__ */ e(
-    Et,
+  ) : v === "date_time" ? G = /* @__PURE__ */ e(Ei, { disabled: f }) : v === "multi_references" ? G = /* @__PURE__ */ e(
+    It,
     {
       showErrors: b,
-      existing: n,
+      existing: s,
       multiple: !0,
       disabled: f
     }
-  ) : v === "repeat" ? H = /* @__PURE__ */ e(
-    Oi,
+  ) : v === "repeat" ? G = /* @__PURE__ */ e(
+    Ci,
     {
       showErrors: b,
-      existing: n,
+      existing: s,
       getData: x,
       allowDataInference: h,
       disabled: f,
       customFields: y
     }
-  ) : v === "key_value" ? H = /* @__PURE__ */ e(Mi, { disabled: f }) : H = null, /* @__PURE__ */ o(I, { children: [
-    f && /* @__PURE__ */ o(Va, { mode: "warn", children: [
+  ) : v === "key_value" ? G = /* @__PURE__ */ e(Bi, { disabled: f }) : G = null, /* @__PURE__ */ n(F, { children: [
+    f && /* @__PURE__ */ n(Xt, { mode: "warn", children: [
       /* @__PURE__ */ e(N, { children: "This property can't be edited" }),
-      /* @__PURE__ */ o(N, { variant: "caption", children: [
+      /* @__PURE__ */ n(N, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
         /* @__PURE__ */ e("code", { children: "editable" }),
         " flag"
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "flex mt-2 justify-between", children: [
+    /* @__PURE__ */ n("div", { className: "flex mt-2 justify-between", children: [
       /* @__PURE__ */ e(
-        Se,
+        qe,
         {
           className: "w-full",
           error: !!z,
@@ -4547,8 +4547,8 @@ function Di({
           renderValue: (Q) => {
             if (!Q)
               return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-            const J = Q, X = _t[J] ?? y[J], we = X.property, he = ne(we) || n && we.dataType !== t?.dataType;
-            return /* @__PURE__ */ o(
+            const J = Q, X = _t[J] ?? y[J], we = X.property, he = de(we) || s && we.dataType !== t?.dataType;
+            return /* @__PURE__ */ n(
               "div",
               {
                 onClick: (_e) => {
@@ -4559,8 +4559,8 @@ function Di({
                   he ? "w-full pointer-events-none opacity-50" : ""
                 ),
                 children: [
-                  /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ye, { fieldConfig: X }) }),
-                  /* @__PURE__ */ o("div", { className: "flex flex-col items-start text-base text-left", children: [
+                  /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Ke, { fieldConfig: X }) }),
+                  /* @__PURE__ */ n("div", { className: "flex flex-col items-start text-base text-left", children: [
                     /* @__PURE__ */ e("div", { children: X.name }),
                     /* @__PURE__ */ e(
                       N,
@@ -4576,17 +4576,17 @@ function Di({
             );
           },
           onValueChange: (Q) => {
-            B(Q);
+            M(Q);
           },
           children: V.map(([Q, J]) => {
-            const X = J.property, we = n && !ne(X) && X.dataType !== t?.dataType;
+            const X = J.property, we = s && !de(X) && X.dataType !== t?.dataType;
             return /* @__PURE__ */ e(
-              ra,
+              sa,
               {
                 value: Q,
                 optionDisabled: we,
                 fieldConfig: J,
-                existing: n
+                existing: s
               },
               Q
             );
@@ -4594,40 +4594,40 @@ function Di({
         }
       ),
       z && /* @__PURE__ */ e(N, { variant: "caption", color: "error", children: "Required" }),
-      p && t?.id && /* @__PURE__ */ e(
+      d && t?.id && /* @__PURE__ */ e(
         pe,
         {
           variant: "ghost",
           className: "m-4",
           disabled: f,
-          onClick: () => w(!0),
+          onClick: () => _(!0),
           children: /* @__PURE__ */ e(it, {})
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
+    /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       m && /* @__PURE__ */ e(
-        Ni,
+        Oi,
         {
           showErrors: b,
-          disabledId: n,
-          isNewProperty: !n,
+          disabledId: s,
+          isNewProperty: !s,
           existingPropertyKeys: C,
           disabled: f,
-          ref: F
+          ref: E
         }
       ),
-      H,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Bi, { disabled: f }) })
+      G,
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ii, { disabled: f }) })
     ] }),
-    p && /* @__PURE__ */ e(
+    d && /* @__PURE__ */ e(
       rt,
       {
-        open: _,
-        onAccept: () => p(t?.id, l),
-        onCancel: () => w(!1),
+        open: w,
+        onAccept: () => d(t?.id, l),
+        onCancel: () => _(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
-        body: /* @__PURE__ */ o("div", { children: [
+        body: /* @__PURE__ */ n("div", { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only modify the collection."
@@ -4636,18 +4636,18 @@ function Di({
     )
   ] });
 }
-function Ri({
+function Di({
   showErrors: t,
   isNewCollection: a,
   propertyErrorsRef: r,
   onPropertyError: i,
-  setDirty: s,
-  reservedGroups: n,
-  extraIcon: d,
+  setDirty: o,
+  reservedGroups: s,
+  extraIcon: p,
   getUser: c,
   getData: m,
   doCollectionInference: u,
-  customFields: p
+  customFields: d
 }) {
   const {
     values: l,
@@ -4656,13 +4656,13 @@ function Ri({
     setFieldTouched: f,
     errors: k,
     dirty: C
-  } = U(), x = lt(), h = ja("lg"), y = !h, [_, w] = Y(), [v, T] = Y(), [P, V] = Y(), O = v ? re(v, P) : void 0, F = O ? q(l.properties, O.replaceAll(".", ".properties.")) : void 0, [ue, Pe] = Y(!1), [z, B] = Y(!1), [H, Q] = Y([]), J = R.useRef(l.propertiesOrder ? { "": l.propertiesOrder } : {});
-  se(() => {
-    s && s(C);
+  } = U(), x = ct(), h = ja("lg"), y = !h, [w, _] = K(), [v, T] = K(), [P, V] = K(), O = v ? re(v, P) : void 0, E = O ? S(l.properties, O.replaceAll(".", ".properties.")) : void 0, [ue, Pe] = K(!1), [z, M] = K(!1), [G, Q] = K([]), J = R.useRef(l.propertiesOrder ? { "": l.propertiesOrder } : {});
+  ne(() => {
+    o && o(C);
   }, [C]);
   const X = u ? () => {
     u && (Pe(!0), u(l).then((A) => {
-      if (A && na(A.properties), console.log("newCollection", A), !A) {
+      if (A && Wt(A.properties), !A) {
         x.open({
           type: "error",
           message: "Could not infer properties from data"
@@ -4677,27 +4677,27 @@ function Ri({
         });
         return;
       }
-      const E = {
+      const I = {
         ...j.reduce((ie, ge) => (ie[ge] = A.properties[ge], ie), {}),
         ...l.properties
       }, ae = [
         ...j,
         ...l.propertiesOrder ?? []
       ];
-      g("properties", E, !1), he(ae), Q(j);
+      g("properties", I, !1), he(ae), Q(j);
     }).finally(() => {
       Pe(!1);
     }));
-  } : void 0, we = (A) => A ? J.current[A] ?? q(l, xe(A)) : J.current[""], he = (A, j) => {
-    const E = xe(j);
-    g(E, A, !1), J.current[j ?? ""] = A;
+  } : void 0, we = (A) => A ? J.current[A] ?? S(l, xe(A)) : J.current[""], he = (A, j) => {
+    const I = xe(j);
+    g(I, A, !1), J.current[j ?? ""] = A;
   }, _e = (A, j) => {
-    const E = A ? re(A, j) : void 0;
-    if (!E)
+    const I = A ? re(A, j) : void 0;
+    if (!I)
       throw Error("collection editor miss config");
-    g(ye(E), void 0, !1);
+    g(ye(I), void 0, !1);
     const ie = we(j).filter((ge) => ge !== A);
-    he(ie, j), B(!1), w(void 0), T(void 0), V(void 0);
+    he(ie, j), M(!1), _(void 0), T(void 0), V(void 0);
   }, mt = (A, j) => {
     g(xe(j), A, !1);
   }, Be = ({
@@ -4713,50 +4713,50 @@ function Ri({
       ...l.properties ?? {},
       [A]: j
     }, !1);
-    const E = [...l.propertiesOrder ?? Object.keys(l.properties), A];
+    const I = [...l.propertiesOrder ?? Object.keys(l.properties), A];
     console.log("onPropertyCreated", {
       id: A,
       property: j,
-      newPropertiesOrder: E
-    }), he(E), B(!1), h && (w(E.indexOf(A)), T(A)), V(void 0);
+      newPropertiesOrder: I
+    }), he(I), M(!1), h && (_(I.indexOf(A)), T(A)), V(void 0);
   }, Te = ({
     id: A,
     property: j,
-    previousId: E,
+    previousId: I,
     namespace: ae
   }) => {
     const ie = A ? re(A, ae) : void 0, ge = ie ? ye(ie) : void 0;
-    if (E && E !== A) {
-      const ht = re(E, ae), Qe = ye(ht), Me = we(ae).map((ce) => ce === E ? A : ce).filter((ce) => ce !== void 0);
-      he(Me, ae), A && (w(Me.indexOf(A)), T(A)), g(Qe, void 0, !1), f(Qe, !1, !1);
+    if (I && I !== A) {
+      const ht = re(I, ae), Ze = ye(ht), Me = we(ae).map((le) => le === I ? A : le).filter((le) => le !== void 0);
+      he(Me, ae), A && (_(Me.indexOf(A)), T(A)), g(Ze, void 0, !1), f(Ze, !1, !1);
     }
     ge && (g(ge, j, !1), f(ge, !0, !1));
-  }, te = (A, j, E) => {
+  }, te = (A, j, I) => {
     const ae = A ? re(A, j) : void 0;
     if (console.warn("onPropertyErrorInternal", {
       id: A,
       namespace: j,
-      error: E,
+      error: I,
       propertyPath: ae
     }), ae) {
-      const ie = E && Object.keys(E).length > 0;
-      i(A, j, ie ? E : void 0), b(ye(ae), ie ? "Property error" : void 0);
+      const ie = I && Object.keys(I).length > 0;
+      i(A, j, ie ? I : void 0), b(ye(ae), ie ? "Property error" : void 0);
     }
   }, Ve = () => {
-    w(void 0), T(void 0);
-  }, Ge = v && r?.current?.properties ? r.current.properties[v] : void 0, ut = l?.propertiesOrder === void 0 || l.propertiesOrder.length === 0, S = l.propertiesOrder ? l.propertiesOrder : Object.keys(l.properties), $ = Rt(() => c(l.ownerId), [c, l.ownerId]), D = /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ o("div", { className: ve(
+    _(void 0), T(void 0);
+  }, Qe = v && r?.current?.properties ? r.current.properties[v] : void 0, ut = l?.propertiesOrder === void 0 || l.propertiesOrder.length === 0, q = l.propertiesOrder ? l.propertiesOrder : Object.keys(l.properties), $ = Ut(() => c(l.ownerId), [c, l.ownerId]), D = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+    /* @__PURE__ */ n("div", { className: ve(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
       !y && "border-r " + xt
     ), children: [
-      /* @__PURE__ */ o("div", { className: "flex my-2", children: [
-        /* @__PURE__ */ o("div", { className: "flex-grow mb-4", children: [
+      /* @__PURE__ */ n("div", { className: "flex my-2", children: [
+        /* @__PURE__ */ n("div", { className: "flex-grow mb-4", children: [
           /* @__PURE__ */ e(
             me,
             {
               name: "name",
-              as: G,
+              as: H,
               invisible: !0,
               className: "-ml-1",
               inputClassName: "text-2xl font-headers",
@@ -4766,7 +4766,7 @@ function Ri({
               error: !!k.name
             }
           ),
-          $ && /* @__PURE__ */ o(
+          $ && /* @__PURE__ */ n(
             N,
             {
               variant: "body2",
@@ -4779,64 +4779,64 @@ function Ri({
             }
           )
         ] }),
-        d && /* @__PURE__ */ e("div", { className: "ml-4", children: d }),
-        /* @__PURE__ */ o("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
-          X && /* @__PURE__ */ e(le, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
-            M,
+        p && /* @__PURE__ */ e("div", { className: "ml-4", children: p }),
+        /* @__PURE__ */ n("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
+          X && /* @__PURE__ */ e(se, { title: "Add new properties based on data", children: /* @__PURE__ */ e(
+            B,
             {
               variant: "text",
               disabled: ue,
               onClick: X,
-              children: ue ? /* @__PURE__ */ e($e, { size: "small" }) : /* @__PURE__ */ e(st, {})
+              children: ue ? /* @__PURE__ */ e($e, { size: "small" }) : /* @__PURE__ */ e(lt, {})
             }
           ) }),
-          /* @__PURE__ */ e(le, { title: "Add new property", children: /* @__PURE__ */ e(
-            M,
+          /* @__PURE__ */ e(se, { title: "Add new property", children: /* @__PURE__ */ e(
+            B,
             {
               variant: "outlined",
-              onClick: () => B(!0),
+              onClick: () => M(!0),
               children: /* @__PURE__ */ e(Oe, {})
             }
           ) })
         ] })
       ] }),
       /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
-        dt,
+        pt,
         {
           className: "pl-8",
           onPropertyClick: (A, j) => {
-            w(S.indexOf(A)), T(A), V(j);
+            _(q.indexOf(A)), T(A), V(j);
           },
-          inferredPropertyKeys: H,
+          inferredPropertyKeys: G,
           selectedPropertyKey: v ? re(v, P) : void 0,
           properties: l.properties,
           additionalFields: l.additionalFields,
-          propertiesOrder: S,
+          propertiesOrder: q,
           onPropertyMove: mt,
           onPropertyRemove: a ? _e : void 0,
           errors: t ? k : {}
         }
       ) }),
       /* @__PURE__ */ e(
-        M,
+        B,
         {
           className: "mt-8 w-full",
           color: "primary",
           variant: "outlined",
           size: "large",
-          onClick: () => B(!0),
+          onClick: () => M(!0),
           startIcon: /* @__PURE__ */ e(Oe, {}),
           children: "Add new property"
         }
       )
     ] }),
-    !y && /* @__PURE__ */ e("div", { className: "col-span-12 lg:col-span-7 ml-2 p-4 md:p-8 h-full overflow-auto pb-20 md:pb-20", children: /* @__PURE__ */ o(
+    !y && /* @__PURE__ */ e("div", { className: "col-span-12 lg:col-span-7 ml-2 p-4 md:p-8 h-full overflow-auto pb-20 md:pb-20", children: /* @__PURE__ */ n(
       Ce,
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          O && F && !ne(F) && /* @__PURE__ */ e(
-            oa,
+          O && E && !de(E) && /* @__PURE__ */ e(
+            la,
             {
               inArray: !1,
               existing: !a,
@@ -4845,19 +4845,19 @@ function Ri({
               autoOpenTypeSelect: !1,
               propertyKey: v,
               propertyNamespace: P,
-              property: F,
+              property: E,
               onPropertyChanged: Te,
               onDelete: _e,
               onError: te,
               forceShowErrors: t,
-              initialErrors: Ge,
+              initialErrors: Qe,
               getData: m,
-              customFields: p
+              customFields: d
             },
-            `edit_view_${_}`
+            `edit_view_${w}`
           ),
-          !F && /* @__PURE__ */ e(N, { variant: "label", className: "flex items-center justify-center h-full", children: ut ? "Now you can add your first property" : "Select a property to edit it" }),
-          F && ne(F) && /* @__PURE__ */ e(N, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !E && /* @__PURE__ */ e(N, { variant: "label", className: "flex items-center justify-center h-full", children: ut ? "Now you can add your first property" : "Select a property to edit it" }),
+          E && de(E) && /* @__PURE__ */ e(N, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
@@ -4865,27 +4865,27 @@ function Ri({
       Fe,
       {
         inArray: !1,
-        open: _ !== void 0,
+        open: w !== void 0,
         autoUpdateId: a,
         allowDataInference: !a,
         existing: !0,
         autoOpenTypeSelect: !1,
         propertyKey: v,
         propertyNamespace: P,
-        property: F,
+        property: E,
         onPropertyChanged: Te,
         onDelete: _e,
         onError: te,
         forceShowErrors: t,
-        initialErrors: Ge,
+        initialErrors: Qe,
         getData: m,
-        customFields: p,
+        customFields: d,
         onOkClicked: y ? Ve : void 0
       },
-      `edit_view_${_}`
+      `edit_view_${w}`
     )
   ] });
-  return /* @__PURE__ */ o(I, { children: [
+  return /* @__PURE__ */ n(F, { children: [
     D,
     /* @__PURE__ */ e(
       Fe,
@@ -4896,62 +4896,56 @@ function Ri({
         autoUpdateId: !0,
         forceShowErrors: t,
         open: z,
-        onCancel: () => B(!1),
+        onCancel: () => M(!1),
         onPropertyChanged: Be,
         getData: m,
         allowDataInference: !a,
-        customFields: p,
+        customFields: d,
         existingPropertyKeys: l.propertiesOrder
       }
     )
   ] });
 }
-function na(t) {
-  Object.keys(t).forEach((a) => {
-    const r = t[a];
-    r.editable = !0, r.dataType === "map" && r.properties && na(r.properties);
-  });
-}
-function Ui({
+function Ri({
   open: t,
   handleOk: a,
   handleCancel: r,
   body: i,
-  title: s
+  title: o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     Ee,
     {
       open: t,
-      onOpenChange: (n) => n ? r() : a(),
+      onOpenChange: (s) => s ? r() : a(),
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       children: [
-        /* @__PURE__ */ o(Le, { children: [
-          /* @__PURE__ */ e(N, { variant: "h6", children: s ?? "Unsaved changes" }),
+        /* @__PURE__ */ n(Le, { children: [
+          /* @__PURE__ */ e(N, { variant: "h6", children: o ?? "Unsaved changes" }),
           i && /* @__PURE__ */ e(N, { children: i }),
           /* @__PURE__ */ e(N, { children: "Are you sure?" })
         ] }),
-        /* @__PURE__ */ o(Ke, { children: [
-          /* @__PURE__ */ e(M, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
-          /* @__PURE__ */ e(M, { onClick: a, children: " Ok " })
+        /* @__PURE__ */ n(Ye, { children: [
+          /* @__PURE__ */ e(B, { variant: "text", onClick: r, autoFocus: !0, children: " Cancel " }),
+          /* @__PURE__ */ e(B, { onClick: a, children: " Ok " })
         ] })
       ]
     }
   );
 }
-function $i({ open: t, onClose: a }) {
+function Ui({ open: t, onClose: a }) {
   const { entityViews: r } = Ae();
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     Ee,
     {
       maxWidth: "md",
       open: t,
       children: [
-        /* @__PURE__ */ o(Le, { children: [
+        /* @__PURE__ */ n(Le, { children: [
           /* @__PURE__ */ e(N, { variant: "h6", children: "Select view" }),
-          r?.map((i) => /* @__PURE__ */ o(
-            M,
+          r?.map((i) => /* @__PURE__ */ n(
+            B,
             {
               onClick: () => a(i.key),
               fullWidth: !0,
@@ -4966,55 +4960,55 @@ function $i({ open: t, onClose: a }) {
             i.key
           ))
         ] }),
-        /* @__PURE__ */ e(Ke, { children: /* @__PURE__ */ e(M, { onClick: () => a(), children: "Cancel" }) })
+        /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(B, { onClick: () => a(), children: "Cancel" }) })
       ]
     }
   );
 }
-function Li({
+function $i({
   collection: t,
   parentCollection: a,
   configController: r,
   collectionInference: i,
-  getUser: s,
-  parentPathSegments: n
+  getUser: o,
+  parentPathSegments: s
 }) {
-  const { entityViews: d } = Ae(), [c, m] = R.useState(), [u, p] = R.useState(!1), [l, g] = R.useState(), [b, f] = R.useState(), {
+  const { entityViews: p } = Ae(), [c, m] = R.useState(), [u, d] = R.useState(!1), [l, g] = R.useState(), [b, f] = R.useState(), {
     values: k,
     setFieldValue: C
-  } = U(), x = t.subcollections ?? [], h = k.entityViews?.filter((w) => typeof w == "string").map((w) => Fa(w, d)).filter(Boolean) ?? [], y = t.entityViews?.filter((w) => typeof w != "string") ?? [], _ = h.length + y.length;
-  return /* @__PURE__ */ o("div", { className: "overflow-auto my-auto", children: [
-    /* @__PURE__ */ e(ot, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ o("div", { className: "flex  flex-col gap-16", children: [
-      /* @__PURE__ */ o("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
-        /* @__PURE__ */ o(N, { variant: "h5", children: [
+  } = U(), x = t.subcollections ?? [], h = k.entityViews?.filter((_) => typeof _ == "string").map((_) => Fa(_, p)).filter(Boolean) ?? [], y = t.entityViews?.filter((_) => typeof _ != "string") ?? [], w = h.length + y.length;
+  return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
+    /* @__PURE__ */ e(nt, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ n("div", { className: "flex  flex-col gap-16", children: [
+      /* @__PURE__ */ n("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
+        /* @__PURE__ */ n(N, { variant: "h5", children: [
           "Subcollections of ",
           k.name
         ] }),
-        x && x.length > 0 && /* @__PURE__ */ e(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(zt, { children: /* @__PURE__ */ e(Tt, { children: x.map((w) => /* @__PURE__ */ o(
+        x && x.length > 0 && /* @__PURE__ */ e(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(Vt, { children: x.map((_) => /* @__PURE__ */ n(
           gt,
           {
             onClick: () => f({
               isNewCollection: !1,
-              editedCollectionPath: w.path
+              editedCollectionPath: _.path
             }),
             children: [
               /* @__PURE__ */ e(
                 De,
                 {
                   align: "left",
-                  children: /* @__PURE__ */ e(N, { variant: "subtitle2", className: "flex-grow", children: w.name })
+                  children: /* @__PURE__ */ e(N, { variant: "subtitle2", className: "flex-grow", children: _.name })
                 }
               ),
               /* @__PURE__ */ e(
                 De,
                 {
                   align: "right",
-                  children: /* @__PURE__ */ e(le, { title: "Remove", children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ e(se, { title: "Remove", children: /* @__PURE__ */ e(
                     pe,
                     {
                       size: "small",
                       onClick: (v) => {
-                        v.preventDefault(), v.stopPropagation(), m(w.path);
+                        v.preventDefault(), v.stopPropagation(), m(_.path);
                       },
                       color: "inherit",
                       children: /* @__PURE__ */ e(it, { size: "small" })
@@ -5024,10 +5018,10 @@ function Li({
               )
             ]
           },
-          w.path
+          _.path
         )) }) }) }),
         /* @__PURE__ */ e(
-          M,
+          B,
           {
             onClick: () => {
               f({
@@ -5040,27 +5034,27 @@ function Li({
           }
         )
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
+      /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(N, { variant: "h5", children: "Custom views" }),
-        _ > 0 && /* @__PURE__ */ e(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(zt, { children: /* @__PURE__ */ o(Tt, { children: [
-          h.map((w) => /* @__PURE__ */ o(gt, { children: [
+        w > 0 && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Ce, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ n(Vt, { children: [
+          h.map((_) => /* @__PURE__ */ n(gt, { children: [
             /* @__PURE__ */ e(
               De,
               {
                 align: "left",
-                children: /* @__PURE__ */ e(N, { variant: "subtitle2", className: "flex-grow", children: w.name })
+                children: /* @__PURE__ */ e(N, { variant: "subtitle2", className: "flex-grow", children: _.name })
               }
             ),
             /* @__PURE__ */ e(
               De,
               {
                 align: "right",
-                children: /* @__PURE__ */ e(le, { title: "Remove", children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ e(se, { title: "Remove", children: /* @__PURE__ */ e(
                   pe,
                   {
                     size: "small",
                     onClick: (v) => {
-                      v.preventDefault(), v.stopPropagation(), g(w.key);
+                      v.preventDefault(), v.stopPropagation(), g(_.key);
                     },
                     color: "inherit",
                     children: /* @__PURE__ */ e(it, { size: "small" })
@@ -5068,26 +5062,27 @@ function Li({
                 ) })
               }
             )
-          ] }, w.key)),
-          y.map((w) => /* @__PURE__ */ e(gt, { children: /* @__PURE__ */ o(
+          ] }, _.key)),
+          y.map((_) => /* @__PURE__ */ e(gt, { children: /* @__PURE__ */ n(
             De,
             {
               align: "left",
               children: [
-                /* @__PURE__ */ e(N, { variant: "subtitle2", className: "flex-grow", children: w.name }),
-                /* @__PURE__ */ o(N, { variant: "caption", className: "flex-grow", children: [
+                /* @__PURE__ */ e(N, { variant: "subtitle2", className: "flex-grow", children: _.name }),
+                /* @__PURE__ */ n(N, { variant: "caption", className: "flex-grow", children: [
                   "This view is defined in code with key ",
-                  /* @__PURE__ */ e("code", { children: w.key })
+                  /* @__PURE__ */ e("code", { children: _.key })
                 ] })
               ]
             }
-          ) }, w.key))
-        ] }) }) }),
+          ) }, _.key))
+        ] }) }) }) }),
+        w === 0 && /* @__PURE__ */ e(Xt, { children: "COMING SOON: You can define your own custom views by uploading it with the CLI" }),
         /* @__PURE__ */ e(
-          M,
+          B,
           {
             onClick: () => {
-              p(!0);
+              d(!0);
             },
             variant: "outlined",
             startIcon: /* @__PURE__ */ e(Oe, {}),
@@ -5103,12 +5098,12 @@ function Li({
         onAccept: () => {
           r.deleteCollection({
             path: c,
-            parentPathSegments: [...n ?? [], t.path]
+            parentPathSegments: [...s ?? [], t.path]
           }), m(void 0);
         },
         onCancel: () => m(void 0),
-        title: /* @__PURE__ */ e(I, { children: "Delete this subcollection?" }),
-        body: /* @__PURE__ */ o(I, { children: [
+        title: /* @__PURE__ */ e(F, { children: "Delete this subcollection?" }),
+        body: /* @__PURE__ */ n(F, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -5120,11 +5115,11 @@ function Li({
       {
         open: !!l,
         onAccept: () => {
-          C("entityViews", k.entityViews?.filter((w) => w !== l)), g(void 0);
+          C("entityViews", k.entityViews?.filter((_) => _ !== l)), g(void 0);
         },
         onCancel: () => g(void 0),
-        title: /* @__PURE__ */ e(I, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ o(I, { children: [
+        title: /* @__PURE__ */ e(F, { children: "Remove this view?" }),
+        body: /* @__PURE__ */ n(F, { children: [
           "This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the view in the CMS"
@@ -5132,33 +5127,33 @@ function Li({
       }
     ),
     /* @__PURE__ */ e(
-      la,
+      da,
       {
         open: !!b,
         configController: r,
         parentCollection: t,
         collectionInference: i,
-        parentPathSegments: [...n ?? [], k.path],
+        parentPathSegments: [...s ?? [], k.path],
         isNewCollection: !1,
         ...b,
-        getUser: s,
+        getUser: o,
         handleClose: () => {
           f(void 0);
         }
       }
     ),
     /* @__PURE__ */ e(
-      $i,
+      Ui,
       {
         open: u,
-        onClose: (w) => {
-          w && (console.log("selectedViewKey", w), C("entityViews", [...k.entityViews ?? [], w])), p(!1);
+        onClose: (_) => {
+          _ && (console.log("selectedViewKey", _), C("entityViews", [...k.entityViews ?? [], _])), d(!1);
         }
       }
     )
   ] });
 }
-const It = Ct({
+const Bt = Ct({
   path: "products",
   name: "Products",
   singularName: "Product",
@@ -5243,7 +5238,7 @@ const It = Ct({
       autoValue: "on_create"
     }
   }
-}), Bt = Ct({
+}), Mt = Ct({
   path: "blog",
   name: "Blog",
   singularName: "Blog entry",
@@ -5252,12 +5247,12 @@ const It = Ct({
   description: "A collection of blog entries",
   defaultSize: "l",
   properties: {
-    name: K({
+    name: Y({
       name: "Name",
       validation: { required: !0 },
       dataType: "string"
     }),
-    header_image: K({
+    header_image: Y({
       name: "Header image",
       dataType: "string",
       storage: {
@@ -5268,7 +5263,7 @@ const It = Ct({
         }
       }
     }),
-    content: K({
+    content: Y({
       name: "Content",
       description: "Content blocks for the blog entry",
       validation: { required: !0 },
@@ -5355,7 +5350,7 @@ const It = Ct({
   initialFilter: {
     status: ["==", "published"]
   }
-}), Mt = Ct({
+}), Dt = Ct({
   path: "users",
   name: "Users",
   singularName: "User",
@@ -5387,23 +5382,23 @@ const It = Ct({
     }
   }
 });
-function Ki({
+function Li({
   path: t,
   pathSuggestions: a,
   parentCollection: r,
   onContinue: i,
-  collections: s
+  collections: o
 }) {
-  const [n, d] = Y(!1), [c, m] = Y();
-  se(() => {
-    a && s && (d(!0), a(t).then((h) => {
-      const y = h.filter((_) => !s.find((w) => w.path.trim().toLowerCase() === _.trim().toLowerCase()));
+  const [s, p] = K(!1), [c, m] = K();
+  ne(() => {
+    a && o && (p(!0), a(t).then((h) => {
+      const y = h.filter((w) => !o.find((_) => _.path.trim().toLowerCase() === w.trim().toLowerCase()));
       m(y);
-    }).finally(() => d(!1)));
-  }, [s, t, a]);
+    }).finally(() => p(!1)));
+  }, [o, t, a]);
   const {
     values: u,
-    setFieldValue: p,
+    setFieldValue: d,
     setValues: l,
     handleChange: g,
     touched: b,
@@ -5412,7 +5407,7 @@ function Ki({
     isSubmitting: C,
     submitCount: x
   } = U();
-  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ o(ot, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(nt, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -5420,11 +5415,11 @@ function Ki({
         children: /* @__PURE__ */ e(N, { variant: "h4", className: "flex-grow", children: "New collection" })
       }
     ),
-    r && /* @__PURE__ */ e(at, { colorScheme: "tealDarker", children: /* @__PURE__ */ o(N, { variant: "caption", children: [
+    r && /* @__PURE__ */ e(at, { colorScheme: "tealDarker", children: /* @__PURE__ */ n(N, { variant: "caption", children: [
       "This is a subcollection of ",
       /* @__PURE__ */ e("b", { children: r.name })
     ] }) }),
-    /* @__PURE__ */ o("div", { className: "my-2", children: [
+    /* @__PURE__ */ n("div", { className: "my-2", children: [
       /* @__PURE__ */ e(
         N,
         {
@@ -5433,24 +5428,24 @@ function Ki({
           children: "● Use one of the existing paths in your database:"
         }
       ),
-      /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        n && !c && /* @__PURE__ */ e($e, { size: "small" }),
+      /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
+        s && !c && /* @__PURE__ */ e($e, { size: "small" }),
         c?.map((h, y) => /* @__PURE__ */ e(
           at,
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              p("name", Jt(h)), p("path", h), p("properties", void 0), i();
+              d("name", Ot(h)), d("path", h), d("properties", void 0), i();
             },
             size: "small",
             children: h
           },
           h
         )),
-        !n && c?.length === 0 && /* @__PURE__ */ e(N, { variant: "caption", children: "No suggestions" })
+        !s && c?.length === 0 && /* @__PURE__ */ e(N, { variant: "caption", children: "No suggestions" })
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "my-2", children: [
+    /* @__PURE__ */ n("div", { className: "my-2", children: [
       /* @__PURE__ */ e(
         N,
         {
@@ -5459,15 +5454,15 @@ function Ki({
           children: "● Select a template:"
         }
       ),
-      /* @__PURE__ */ o("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
         /* @__PURE__ */ e(
           yt,
           {
             title: "Products",
             subtitle: "A collection of products with images, prices and stock",
-            icon: /* @__PURE__ */ e(We, { size: "small", iconKey: It.icon }),
+            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Bt.icon }),
             onClick: () => {
-              l(It), i();
+              l(Bt), i();
             }
           }
         ),
@@ -5476,9 +5471,9 @@ function Ki({
           {
             title: "Blog posts",
             subtitle: "A collection of blog posts with images, authors and complex content",
-            icon: /* @__PURE__ */ e(We, { size: "small", iconKey: Bt.icon }),
+            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Mt.icon }),
             onClick: () => {
-              l(Bt), i();
+              l(Mt), i();
             }
           }
         ),
@@ -5487,15 +5482,15 @@ function Ki({
           {
             title: "Users",
             subtitle: "A collection of users with emails, names and roles",
-            icon: /* @__PURE__ */ e(We, { size: "small", iconKey: Mt.icon }),
+            icon: /* @__PURE__ */ e(et, { size: "small", iconKey: Dt.icon }),
             onClick: () => {
-              l(Mt), i();
+              l(Dt), i();
             }
           }
         )
       ] })
     ] }),
-    !r && /* @__PURE__ */ o("div", { children: [
+    !r && /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ e(
         N,
         {
@@ -5505,9 +5500,9 @@ function Ki({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ai, { onDataAdded: (h) => i(h) })
+      /* @__PURE__ */ e(ti, { onDataAdded: (h) => i(h) })
     ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(M, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
 }
 function yt({
@@ -5516,8 +5511,8 @@ function yt({
   icon: r,
   onClick: i
 }) {
-  return /* @__PURE__ */ e(le, { title: a, children: /* @__PURE__ */ o(
-    Xt,
+  return /* @__PURE__ */ e(se, { title: a, children: /* @__PURE__ */ n(
+    ea,
     {
       onClick: i,
       className: ve(
@@ -5562,7 +5557,7 @@ const Yi = [
   "date_time",
   "repeat",
   "block"
-], Hi = Object.entries(_t).filter(
+], Ki = Object.entries(_t).filter(
   ([t]) => Yi.includes(t)
 );
 function Gi({
@@ -5572,24 +5567,24 @@ function Gi({
   const {
     setFieldValue: r,
     setFieldTouched: i,
-    values: s
-  } = U(), [n, d] = Y(void 0), c = R.useRef(s.propertiesOrder ? { "": s.propertiesOrder } : {}), m = n ? n.id : void 0, u = n || void 0, p = ({
+    values: o
+  } = U(), [s, p] = K(void 0), c = R.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), m = s ? s.id : void 0, u = s || void 0, d = ({
     id: g,
     property: b,
     previousId: f,
     namespace: k
   }) => {
-    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = (_) => _ ? c.current[_] ?? q(s, xe(_)) : c.current[""], y = (_, w) => {
-      const v = xe(w);
-      r(v, _, !1), c.current[w ?? ""] = _;
+    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = (w) => w ? c.current[w] ?? S(o, xe(w)) : c.current[""], y = (w, _) => {
+      const v = xe(_);
+      r(v, w, !1), c.current[_ ?? ""] = w;
     };
     if (f && f !== g) {
-      const _ = re(f, k), w = ye(_), T = h(k).map((V) => V === f ? g : V).filter((V) => V !== void 0);
+      const w = re(f, k), _ = ye(w), T = h(k).map((V) => V === f ? g : V).filter((V) => V !== void 0);
       y(T, k);
       const P = { ...t.headersMapping };
       Object.keys(P).forEach((V) => {
         P[V] === f && (P[V] = g ?? "");
-      }), t.setHeadersMapping(P), r(w, void 0, !1), i(w, !1, !1);
+      }), t.setHeadersMapping(P), r(_, void 0, !1), i(_, !1, !1);
     }
     x && (r(x, b, !1), i(x, !0, !1));
   }, l = async ({
@@ -5598,8 +5593,8 @@ function Gi({
     property: f,
     namespace: k
   }) => {
-    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = t.importData.map((_) => q(_, b)), y = {
-      ...Ja(h, f, ea),
+    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = t.importData.map((w) => S(w, b)), y = {
+      ...Za(h, f, ia),
       editable: !0
     };
     x && (y ? (console.log("updating inferredNewProperty", {
@@ -5607,36 +5602,36 @@ function Gi({
       inferredNewProperty: y
     }), r(x, y, !1)) : r(x, f, !1), i(x, !0, !1));
   };
-  return /* @__PURE__ */ o("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ o(ot, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
+    /* @__PURE__ */ n(nt, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(N, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        ii,
+        ai,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
           originProperties: t.originProperties,
-          destinationProperties: s.properties,
+          destinationProperties: o.properties,
           onIdPropertyChanged: (g) => t.setIdColumn(g),
           buildPropertyView: ({
             property: g,
             propertyKey: b,
             importKey: f
           }) => /* @__PURE__ */ e(
-            ri,
+            ii,
             {
               property: g,
               propertyKey: b,
               onPropertyNameChanged: (k, C) => r(`properties.${k}.name`, C, !1),
               onEditClick: () => {
-                !b || !g || d({
+                !b || !g || p({
                   ...g,
                   id: b,
                   editable: !0
                 });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Qi,
+                Hi,
                 {
                   property: g,
                   disabled: !1,
@@ -5656,18 +5651,18 @@ function Gi({
     /* @__PURE__ */ e(
       Fe,
       {
-        open: n !== void 0,
+        open: s !== void 0,
         propertyKey: m,
         property: u,
         inArray: !1,
         autoUpdateId: !1,
-        onPropertyChanged: p,
+        onPropertyChanged: d,
         allowDataInference: !1,
         onOkClicked: () => {
-          d(void 0);
+          p(void 0);
         },
         onCancel: () => {
-          d(void 0);
+          p(void 0);
         },
         autoOpenTypeSelect: !1,
         existing: !1,
@@ -5677,66 +5672,66 @@ function Gi({
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Qi({
+function Hi({
   property: t,
   onPropertyChanged: a,
   propertyKey: r,
   customFields: i,
-  disabled: s
+  disabled: o
 }) {
-  const { fields: n } = Ae(), d = t ? Zt(t) : null, c = t ? ct(t, n) : null, [m, u] = Y(!1);
+  const { fields: s } = Ae(), p = t ? Jt(t) : null, c = t ? dt(t, s) : null, [m, u] = K(!1);
   return /* @__PURE__ */ e(
-    le,
+    se,
     {
       title: t && c ? `${c?.name} - ${t.dataType}` : void 0,
       open: m ? !1 : void 0,
       children: /* @__PURE__ */ e(
-        Se,
+        qe,
         {
           open: m,
           onOpenChange: u,
           invisible: !0,
           className: "w-full",
-          disabled: s,
+          disabled: o,
           error: !c,
-          value: d ?? "",
+          value: p ?? "",
           placeholder: "Select a property widget",
           position: "item-aligned",
-          renderValue: (p) => c ? /* @__PURE__ */ e(Ye, { fieldConfig: c }) : null,
-          onValueChange: (p) => {
-            const l = ia(t, p, i);
+          renderValue: (d) => c ? /* @__PURE__ */ e(Ke, { fieldConfig: c }) : null,
+          onValueChange: (d) => {
+            const l = na(t, d, i);
             r && (a({
               id: r,
               property: l,
               previousId: r,
               namespace: void 0
-            }), console.log("newSelectedWidgetId", p));
+            }), console.log("newSelectedWidgetId", d));
           },
-          children: Hi.map(([p, l]) => /* @__PURE__ */ e(
-            ra,
+          children: Ki.map(([d, l]) => /* @__PURE__ */ e(
+            sa,
             {
-              value: p,
+              value: d,
               optionDisabled: !1,
               fieldConfig: l,
               existing: !1
             },
-            p
+            d
           ))
         }
       )
     }
   );
 }
-function Zi({ importConfig: t, properties: a, propertiesOrder: r }) {
-  se(() => {
-    const s = oi(t.originProperties, a), n = t.importData.map((d) => ni(d, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
-    t.setEntities(n), console.log("res", { propertiesMapping: s, mappedData: n });
+function Qi({ importConfig: t, properties: a, propertiesOrder: r }) {
+  ne(() => {
+    const o = ri(t.originProperties, a), s = t.importData.map((p) => oi(p, t.idColumn, t.headersMapping, a, o, "TEMP_PATH"));
+    t.setEntities(s), console.log("res", { propertiesMapping: o, mappedData: s });
   }, []);
   const i = Ea();
   return /* @__PURE__ */ e(
     Ia,
     {
-      title: /* @__PURE__ */ o("div", { children: [
+      title: /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(N, { variant: "subtitle2", children: "Imported data preview" }),
         /* @__PURE__ */ e(N, { variant: "caption", children: "Entities with the same id will be overwritten" })
       ] }),
@@ -5749,20 +5744,20 @@ function Zi({ importConfig: t, properties: a, propertiesOrder: r }) {
       filterable: !1,
       sortable: !1,
       selectionController: i,
-      displayedColumnIds: r.map((s) => ({ key: s, disabled: !1 })),
+      displayedColumnIds: r.map((o) => ({ key: o, disabled: !1 })),
       properties: a
     }
   );
 }
-function sa(t, a = "") {
-  const r = Object.keys(t).reduce((n, d) => {
-    const c = t[d], m = Ba(d), u = a ? `${a}.${m}` : m;
+function ca(t, a = "") {
+  const r = Object.keys(t).reduce((s, p) => {
+    const c = t[p], m = Ba(p), u = a ? `${a}.${m}` : m;
     if (c.dataType === "map" && c.properties) {
-      const g = sa(c.properties, u);
+      const g = ca(c.properties, u);
       return {
-        headersMapping: { ...n.headersMapping, [d]: u },
+        headersMapping: { ...s.headersMapping, [p]: u },
         properties: {
-          ...n.properties,
+          ...s.properties,
           [m]: {
             ...c,
             properties: g.properties,
@@ -5771,28 +5766,28 @@ function sa(t, a = "") {
         }
       };
     }
-    const p = {
-      ...n.properties,
+    const d = {
+      ...s.properties,
       [m]: c
     };
     return {
-      headersMapping: { ...n.headersMapping, [d]: u },
-      properties: p
+      headersMapping: { ...s.headersMapping, [p]: u },
+      properties: d
     };
   }, { headersMapping: {}, properties: {} }), i = Object.keys(r.headersMapping)?.[0];
-  let s;
-  return (i?.includes("id") || i?.includes("key")) && (s = i), {
+  let o;
+  return (i?.includes("id") || i?.includes("key")) && (o = i), {
     ...r,
-    idColumn: s
+    idColumn: o
   };
 }
-function la(t) {
-  const a = t.open, [r, i] = be.useState(!1), [s, n] = be.useState(!1), d = Z(() => {
-    r ? n(!0) : t.handleClose(void 0);
+function da(t) {
+  const a = t.open, [r, i] = be.useState(!1), [o, s] = be.useState(!1), p = Z(() => {
+    r ? s(!0) : t.handleClose(void 0);
   }, [r, t.handleClose]);
-  return se(() => {
-    a || (i(!1), n(!1));
-  }, [a]), /* @__PURE__ */ o(
+  return ne(() => {
+    a || (i(!1), s(!1));
+  }, [a]), /* @__PURE__ */ n(
     Ee,
     {
       open: a,
@@ -5800,22 +5795,22 @@ function la(t) {
       fullHeight: !0,
       scrollable: !1,
       maxWidth: "7xl",
-      onOpenChange: (c) => c ? void 0 : d(),
+      onOpenChange: (c) => c ? void 0 : p(),
       children: [
         a && /* @__PURE__ */ e(
-          Ji,
+          Zi,
           {
             ...t,
-            handleCancel: d,
+            handleCancel: p,
             setFormDirty: i
           }
         ),
         /* @__PURE__ */ e(
-          Ui,
+          Ri,
           {
-            open: s,
+            open: o,
             handleOk: () => t.handleClose(void 0),
-            handleCancel: () => n(!1),
+            handleCancel: () => s(!1),
             body: "There are unsaved changes in this collection"
           }
         )
@@ -5823,18 +5818,18 @@ function la(t) {
     }
   );
 }
-function Ji({
+function Zi({
   isNewCollection: t,
   initialValues: a,
   configController: r,
   editedCollectionPath: i,
-  parentPathSegments: s,
-  fullPath: n,
-  collectionInference: d,
+  parentPathSegments: o,
+  fullPath: s,
+  collectionInference: p,
   handleClose: c,
   reservedGroups: m,
   extraView: u,
-  handleCancel: p,
+  handleCancel: d,
   setFormDirty: l,
   pathSuggestions: g,
   getUser: b,
@@ -5844,26 +5839,26 @@ function Ji({
   const { fields: C } = Ae(), x = Ie(), {
     topLevelNavigation: h,
     collections: y
-  } = x, _ = !a?.path && (s ?? []).length === 0, w = (f ? f.subcollections : y) ?? [], v = w.map((S) => S.path.trim().toLowerCase()), T = w.map((S) => S.alias?.trim().toLowerCase()).filter(Boolean), P = si();
+  } = x, w = !a?.path && (o ?? []).length === 0, _ = (f ? f.subcollections : y) ?? [], v = _.map((q) => q.path.trim().toLowerCase()), T = _.map((q) => q.alias?.trim().toLowerCase()).filter(Boolean), P = ni();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: V
-  } = h, O = lt(), F = He(), ue = Re({}), Pe = t ? _ ? "welcome" : "details" : "properties", [z, B] = Y(Pe), [H, Q] = be.useState(), [J, X] = be.useState(), [we, he] = be.useState(!1), [_e, mt] = be.useState();
-  se(() => {
+  } = h, O = ct(), E = Ge(), ue = Re({}), Pe = t ? w ? "welcome" : "details" : "properties", [z, M] = K(Pe), [G, Q] = be.useState(), [J, X] = be.useState(), [we, he] = be.useState(!1), [_e, mt] = be.useState();
+  ne(() => {
     try {
-      x.initialised && (X(i ? x.getCollectionFromPaths([...s ?? [], i]) : void 0), he(!0));
-    } catch (S) {
-      console.error(S), mt(_e);
+      x.initialised && (X(i ? x.getCollectionFromPaths([...o ?? [], i]) : void 0), he(!0));
+    } catch (q) {
+      console.error(q), mt(_e);
     }
   }, [x.getCollectionFromPaths, i, _e, x.initialised]);
-  const Be = (S) => {
-    const $ = S.alias || S.path;
+  const Be = (q) => {
+    const $ = q.alias || q.path;
     return r.saveCollection({
       path: $,
-      collectionData: S,
+      collectionData: q,
       previousPath: i,
-      parentPathSegments: s
+      parentPathSegments: o
     }).then(() => (Q(void 0), !0)).catch((D) => (Q(D), console.error(D), O.open({
       type: "error",
       message: "Error persisting collection: " + (D.message ?? "Details in the console")
@@ -5875,37 +5870,37 @@ function Ji({
     properties: {},
     propertiesOrder: [],
     icon: vt[Math.floor(Math.random() * vt.length)],
-    ownerId: F.user?.uid ?? ""
+    ownerId: E.user?.uid ?? ""
   }, te = Z(() => {
-    z === "details" ? P.inUse ? B("import_data_saving") : B(u ? "extra_view" : "properties") : B(z === "welcome" ? "details" : z === "import_data_mapping" ? "import_data_preview" : z === "import_data_preview" ? "details" : z === "extra_view" ? "properties" : "details");
-  }, [z, P.inUse, u]), Ve = Z((S) => {
-    if (d)
-      return d?.(S.path, S.collectionGroup ?? !1, s ?? []);
-  }, [d, s]), Ge = Z(async (S) => {
+    z === "details" ? P.inUse ? M("import_data_saving") : M(u ? "extra_view" : "properties") : M(z === "welcome" ? "details" : z === "import_data_mapping" ? "import_data_preview" : z === "import_data_preview" ? "details" : z === "extra_view" ? "properties" : "details");
+  }, [z, P.inUse, u]), Ve = Z((q) => {
+    if (p)
+      return p?.(q.path, q.collectionGroup ?? !1, o ?? []);
+  }, [p, o]), Qe = Z(async (q) => {
     if (!Ve)
-      return X(S), Promise.resolve(S);
-    B("loading");
-    const $ = await Ve?.(S);
+      return X(q), Promise.resolve(q);
+    M("loading");
+    const $ = await Ve?.(q);
     if (!$)
-      return X(S), Promise.resolve(S);
+      return X(q), Promise.resolve(q);
     const D = {
-      ...S ?? {}
+      ...q ?? {}
     };
     return Object.keys($.properties ?? {}).length > 0 && (D.properties = $.properties, D.propertiesOrder = $.propertiesOrder), D.propertiesOrder ? (X(D), console.log("Inferred collection", {
-      newCollection: S ?? {},
+      newCollection: q ?? {},
       values: D
     }), D) : (D.propertiesOrder = Object.keys(D.properties), D);
-  }, [s, Ve]), ut = (S, $) => {
+  }, [o, Ve]), ut = (q, $) => {
     try {
-      if (console.log("Submitting collection", S), !t) {
-        Be(S).then(() => {
-          $.resetForm({ values: Te }), te(), c(S);
+      if (console.log("Submitting collection", q), !t) {
+        Be(q).then(() => {
+          $.resetForm({ values: Te }), c(q);
         });
         return;
       }
-      z === "welcome" ? (te(), $.resetForm({ values: S })) : z === "details" ? u || P.inUse ? ($.resetForm({ values: S }), te()) : t ? Ge(S).then((D) => {
+      z === "welcome" ? (te(), $.resetForm({ values: q })) : z === "details" ? u || P.inUse ? ($.resetForm({ values: q }), te()) : t ? Qe(q).then((D) => {
         $.resetForm({
-          values: D ?? S,
+          values: D ?? q,
           touched: {
             path: !0,
             name: !0
@@ -5913,57 +5908,57 @@ function Ji({
         });
       }).finally(() => {
         te();
-      }) : ($.resetForm({ values: S }), te()) : z === "extra_view" ? (te(), $.resetForm({ values: S })) : z === "import_data_mapping" || z === "import_data_preview" ? te() : z === "properties" ? Be(S).then(() => {
-        $.resetForm({ values: Te }), te(), c(S);
-      }) : (te(), $.resetForm({ values: S }));
+      }) : ($.resetForm({ values: q }), te()) : z === "extra_view" ? (te(), $.resetForm({ values: q })) : z === "import_data_mapping" || z === "import_data_preview" ? te() : z === "properties" ? Be(q).then(() => {
+        $.resetForm({ values: Te }), te(), c(q);
+      }) : (te(), $.resetForm({ values: q }));
     } catch (D) {
       O.open({
         type: "error",
         message: "Error persisting collection: " + (D.message ?? "Details in the console")
-      }), console.error(D), $.resetForm({ values: S });
+      }), console.error(D), $.resetForm({ values: q });
     }
   };
-  return !t && (!x.initialised || !we) ? /* @__PURE__ */ e(Vt, {}) : /* @__PURE__ */ e(Le, { fullHeight: !0, children: /* @__PURE__ */ e(
-    Ot,
+  return !t && (!x.initialised || !we) ? /* @__PURE__ */ e(jt, {}) : /* @__PURE__ */ e(Le, { fullHeight: !0, children: /* @__PURE__ */ e(
+    Nt,
     {
       initialValues: Te,
-      validationSchema: (z === "properties" || z === "subcollections" || z === "details") && di,
+      validationSchema: (z === "properties" || z === "subcollections" || z === "details") && ci,
       validate: () => {
         if (z === "properties")
           return ue.current;
       },
       onSubmit: ut,
       children: ({
-        values: S,
+        values: q,
         setFieldValue: $,
         isSubmitting: D,
         dirty: A,
         submitCount: j
       }) => {
-        const E = S.path ?? i, ae = n?.includes("/") ? n?.split("/").slice(0, -1).join("/") + "/" + E : E, ie = ae && k ? () => k(ae) : void 0;
-        se(() => {
+        const I = q.path ?? i, ae = s?.includes("/") ? s?.split("/").slice(0, -1).join("/") + "/" + I : I, ie = ae && k ? () => k(ae) : void 0;
+        ne(() => {
           l(A);
         }, [A]);
         function ge(W) {
-          P.setInUse(!0), Xa(W, ea).then((Me) => {
-            const ce = sa(Me);
-            $("properties", ce.properties), $("propertiesOrder", Object.keys(ce.properties)), P.setIdColumn(ce.idColumn), P.setImportData(W), P.setHeadersMapping(ce.headersMapping), P.setOriginProperties(ce.properties);
+          P.setInUse(!0), Ja(W, ia).then((Me) => {
+            const le = ca(Me);
+            $("properties", le.properties), $("propertiesOrder", Object.keys(le.properties)), P.setIdColumn(le.idColumn), P.setImportData(W), P.setHeadersMapping(le.headersMapping), P.setOriginProperties(le.properties);
           });
         }
-        const ht = !!S.name && !!S.path, Qe = () => {
-          const W = { ...S.properties };
+        const ht = !!q.name && !!q.path, Ze = () => {
+          const W = { ...q.properties };
           P.idColumn && delete W[P.idColumn], $("properties", W), te(), console.log("onImportMappingComplete", {
             importConfig: P,
             properties: W
           });
         };
-        return /* @__PURE__ */ o(I, { children: [
-          !t && /* @__PURE__ */ o(
+        return /* @__PURE__ */ n(F, { children: [
+          !t && /* @__PURE__ */ n(
             Ma,
             {
               value: z,
               className: ve(xt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (W) => B(W),
+              onValueChange: (W) => M(W),
               children: [
                 /* @__PURE__ */ e(ft, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(ft, { value: "properties", children: "Properties" }),
@@ -5971,8 +5966,8 @@ function Ji({
               ]
             }
           ),
-          /* @__PURE__ */ o(
-            Wt,
+          /* @__PURE__ */ n(
+            aa,
             {
               noValidate: !0,
               className: ve(
@@ -5980,14 +5975,14 @@ function Ji({
                 "flex-grow flex flex-col relative"
               ),
               children: [
-                z === "loading" && /* @__PURE__ */ e(Vt, {}),
-                z === "extra_view" && E && u?.View && /* @__PURE__ */ e(u.View, { path: E }),
+                z === "loading" && /* @__PURE__ */ e(jt, {}),
+                z === "extra_view" && I && u?.View && /* @__PURE__ */ e(u.View, { path: I }),
                 z === "welcome" && /* @__PURE__ */ e(
-                  Ki,
+                  Li,
                   {
-                    path: E,
+                    path: I,
                     onContinue: (W) => {
-                      W ? (ge(W), B("import_data_mapping")) : B("details");
+                      W ? (ge(W), M("import_data_mapping")) : M("details");
                     },
                     collections: y,
                     parentCollection: f,
@@ -6002,18 +5997,18 @@ function Ji({
                   }
                 ),
                 z === "import_data_preview" && P && /* @__PURE__ */ e(
-                  Zi,
+                  Qi,
                   {
                     importConfig: P,
-                    properties: S.properties,
-                    propertiesOrder: S.propertiesOrder
+                    properties: q.properties,
+                    propertiesOrder: q.propertiesOrder
                   }
                 ),
                 z === "import_data_saving" && P && /* @__PURE__ */ e(
-                  li,
+                  si,
                   {
                     importConfig: P,
-                    collection: S,
+                    collection: q,
                     onImportSuccess: (W) => {
                       c(W), O.open({
                         type: "info",
@@ -6023,7 +6018,7 @@ function Ji({
                   }
                 ),
                 z === "details" && /* @__PURE__ */ e(
-                  ui,
+                  mi,
                   {
                     existingPaths: v,
                     existingAliases: T,
@@ -6033,26 +6028,26 @@ function Ji({
                   }
                 ),
                 z === "subcollections" && J && /* @__PURE__ */ e(
-                  Li,
+                  $i,
                   {
                     parentCollection: f,
                     configController: r,
                     getUser: b,
-                    collectionInference: d,
-                    parentPathSegments: s,
+                    collectionInference: p,
+                    parentPathSegments: o,
                     collection: J
                   }
                 ),
                 z === "properties" && /* @__PURE__ */ e(
-                  Ri,
+                  Di,
                   {
                     showErrors: j > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (W, Me, ce) => {
+                    onPropertyError: (W, Me, le) => {
                       ue.current = Da({
                         ...ue.current,
-                        [W]: ce
+                        [W]: le
                       }, !0);
                     },
                     getUser: b,
@@ -6063,89 +6058,89 @@ function Ji({
                       pe,
                       {
                         color: "primary",
-                        onClick: () => B("extra_view"),
+                        onClick: () => M("extra_view"),
                         children: u.icon
                       }
                     )
                   }
                 ),
-                z !== "welcome" && /* @__PURE__ */ o(
-                  Ke,
+                z !== "welcome" && /* @__PURE__ */ n(
+                  Ye,
                   {
                     position: "absolute",
                     children: [
-                      H && /* @__PURE__ */ e(Ra, { error: H }),
-                      t && _ && z === "import_data_mapping" && /* @__PURE__ */ o(
-                        M,
+                      G && /* @__PURE__ */ e(ta, { error: G }),
+                      t && w && z === "import_data_mapping" && /* @__PURE__ */ n(
+                        B,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => (P.setInUse(!1), B("welcome")),
+                          onClick: () => (P.setInUse(!1), M("welcome")),
                           children: [
-                            /* @__PURE__ */ e(Ze, {}),
+                            /* @__PURE__ */ e(Je, {}),
                             "Back"
                           ]
                         }
                       ),
-                      t && _ && z === "import_data_preview" && /* @__PURE__ */ o(
-                        M,
+                      t && w && z === "import_data_preview" && /* @__PURE__ */ n(
+                        B,
                         {
                           variant: "text",
                           type: "button",
                           onClick: () => {
-                            Be(S), B("import_data_mapping");
+                            Be(q), M("import_data_mapping");
                           },
                           children: [
-                            /* @__PURE__ */ e(Ze, {}),
+                            /* @__PURE__ */ e(Je, {}),
                             "Back"
                           ]
                         }
                       ),
-                      t && _ && z === "details" && /* @__PURE__ */ o(
-                        M,
+                      t && w && z === "details" && /* @__PURE__ */ n(
+                        B,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => B("welcome"),
+                          onClick: () => M("welcome"),
                           children: [
-                            /* @__PURE__ */ e(Ze, {}),
+                            /* @__PURE__ */ e(Je, {}),
                             "Back"
                           ]
                         }
                       ),
-                      t && z === "properties" && /* @__PURE__ */ o(
-                        M,
+                      t && z === "properties" && /* @__PURE__ */ n(
+                        B,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => B("details"),
+                          onClick: () => M("details"),
                           children: [
-                            /* @__PURE__ */ e(Ze, {}),
+                            /* @__PURE__ */ e(Je, {}),
                             "Back"
                           ]
                         }
                       ),
                       /* @__PURE__ */ e(
-                        M,
+                        B,
                         {
                           variant: "text",
                           onClick: () => {
-                            p();
+                            d();
                           },
                           children: "Cancel"
                         }
                       ),
                       t && z === "import_data_mapping" && /* @__PURE__ */ e(
-                        M,
+                        B,
                         {
                           variant: "filled",
                           color: "primary",
-                          onClick: Qe,
+                          onClick: Ze,
                           children: "Next"
                         }
                       ),
                       t && z === "import_data_preview" && /* @__PURE__ */ e(
-                        M,
+                        B,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6155,7 +6150,7 @@ function Ji({
                           children: "Next"
                         }
                       ),
-                      t && (z === "details" || z === "properties") && /* @__PURE__ */ o(
+                      t && (z === "details" || z === "properties") && /* @__PURE__ */ n(
                         wt,
                         {
                           variant: "filled",
@@ -6163,7 +6158,7 @@ function Ji({
                           type: "submit",
                           loading: D,
                           disabled: D || z === "details" && !ht,
-                          startIcon: z === "properties" ? /* @__PURE__ */ e(Ua, {}) : void 0,
+                          startIcon: z === "properties" ? /* @__PURE__ */ e(Ra, {}) : void 0,
                           children: [
                             z === "details" && "Next",
                             z === "properties" && "Create collection"
@@ -6191,22 +6186,22 @@ function Ji({
     }
   ) });
 }
-const ca = R.createContext({}), da = R.createContext({}), Xi = R.memo(
+const pa = R.createContext({}), ma = R.createContext({}), Ji = R.memo(
   function({
     children: a,
     collectionConfigController: r,
     configPermissions: i,
-    reservedGroups: s,
-    collectionInference: n,
-    extraView: d,
+    reservedGroups: o,
+    collectionInference: s,
+    extraView: p,
     pathSuggestions: c,
     getUser: m,
     getData: u
   }) {
-    const p = Ie(), l = ci(), {
+    const d = Ie(), l = li(), {
       collections: g
-    } = p, b = g.map((v) => v.path.trim().toLowerCase()), [f, k] = R.useState();
-    se(() => {
+    } = d, b = g.map((v) => v.path.trim().toLowerCase()), [f, k] = R.useState();
+    ne(() => {
       c && c().then((v) => {
         k(v.filter((T) => !b.includes(T.trim().toLowerCase())));
       });
@@ -6221,43 +6216,45 @@ const ca = R.createContext({}), da = R.createContext({}), Xi = R.memo(
         fullPath: T,
         parentPathSegments: P,
         isNewCollection: !1,
-        parentCollection: V
+        parentCollection: V,
+        redirect: !1
       });
-    }, []), _ = R.useCallback(({ parentPathSegments: v, parentCollection: T, initialValues: P }) => {
+    }, []), w = R.useCallback(({ parentPathSegments: v, parentCollection: T, initialValues: P, redirect: V }) => {
       x({
         isNewCollection: !0,
         parentPathSegments: v,
         parentCollection: T,
-        initialValues: P
+        initialValues: P,
+        redirect: V
       });
-    }, []), w = c ? (v) => !v && f ? Promise.resolve(f) : c?.(v) : void 0;
-    return /* @__PURE__ */ e(ca.Provider, { value: r, children: /* @__PURE__ */ o(
-      da.Provider,
+    }, []), _ = c ? (v) => !v && f ? Promise.resolve(f) : c?.(v) : void 0;
+    return /* @__PURE__ */ e(pa.Provider, { value: r, children: /* @__PURE__ */ n(
+      ma.Provider,
       {
         value: {
           editCollection: y,
-          createCollection: _,
+          createCollection: w,
           configPermissions: i ?? h,
           rootPathSuggestions: f
         },
         children: [
           a,
           /* @__PURE__ */ e(
-            la,
+            da,
             {
               open: !!C,
               configController: r,
               isNewCollection: !1,
-              collectionInference: n,
+              collectionInference: s,
               ...C,
               getData: u,
-              reservedGroups: s,
-              extraView: d,
-              pathSuggestions: w,
+              reservedGroups: o,
+              extraView: p,
+              pathSuggestions: _,
               getUser: m,
               handleClose: (v) => {
-                if (v && C?.isNewCollection && !C.parentPathSegments.length) {
-                  const T = p.buildUrlCollectionPath(v.alias ?? v.path);
+                if (C?.redirect && v && C?.isNewCollection && !C.parentPathSegments.length) {
+                  const T = d.buildUrlCollectionPath(v.alias ?? v.path);
                   l(T);
                 }
                 x(void 0);
@@ -6268,25 +6265,25 @@ const ca = R.createContext({}), da = R.createContext({}), Xi = R.memo(
       }
     ) });
   },
-  tt
-), pt = () => Ut(da), pa = () => Ut(ca);
-function Wi({
+  ot
+), He = () => $t(ma), ua = () => $t(pa);
+function Xi({
   path: t,
   parentPathSegments: a,
   collection: r,
   tableController: i
 }) {
-  const s = He(), n = Ie(), d = pt(), c = pa(), m = lt(), u = n.getCollectionFromPaths(a), p = d.configPermissions ? d.configPermissions({
-    user: s.user,
+  const o = Ge(), s = Ie(), p = He(), c = ua(), m = ct(), u = s.getCollectionFromPaths(a), d = p.configPermissions ? p.configPermissions({
+    user: o.user,
     collection: r
   }).editCollections : !0;
   let l = null;
-  return (!tt(Xe(i.filterValues), Xe(r.initialFilter)) || !tt(Xe(i.sortBy), Xe(r.initialSort))) && (l = /* @__PURE__ */ e(
-    le,
+  return (!ot(We(i.filterValues), We(r.initialFilter)) || !ot(We(i.sortBy), We(r.initialSort))) && (l = /* @__PURE__ */ e(
+    se,
     {
       title: i.sortBy || i.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
       children: /* @__PURE__ */ e(
-        M,
+        B,
         {
           color: "primary",
           size: "small",
@@ -6307,65 +6304,65 @@ function Wi({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e($a, {})
+          children: /* @__PURE__ */ e(Ua, {})
         }
       )
     }
-  )), /* @__PURE__ */ o(I, { children: [
-    p && l,
+  )), /* @__PURE__ */ n(F, { children: [
+    d && l,
     /* @__PURE__ */ e(
-      le,
+      se,
       {
-        title: p ? "Edit collection" : "You don't have permissions to edit this collection",
+        title: d ? "Edit collection" : "You don't have permissions to edit this collection",
         children: /* @__PURE__ */ e(
           pe,
           {
             color: "primary",
-            disabled: !p,
-            onClick: p ? () => d?.editCollection({ path: r.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
-            children: /* @__PURE__ */ e(nt, {})
+            disabled: !d,
+            onClick: d ? () => p?.editCollection({ path: r.path, fullPath: t, parentPathSegments: a, parentCollection: u }) : void 0,
+            children: /* @__PURE__ */ e(st, {})
           }
         )
       }
     )
   ] });
 }
-function Xe(t) {
+function We(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function er({
+function Wi({
   path: t,
   collection: a
 }) {
-  const r = He(), i = pa(), s = pt(), n = s.configPermissions({
+  const r = Ge(), i = ua(), o = He(), s = o.configPermissions({
     user: r.user,
     collection: a
-  }), d = Z(() => {
-    s?.editCollection({ path: t, parentPathSegments: [] });
-  }, [s, t]), [c, m] = Y(!1), u = Z(() => {
+  }), p = Z(() => {
+    o?.editCollection({ path: t, parentPathSegments: [] });
+  }, [o, t]), [c, m] = K(!1), u = Z(() => {
     i?.deleteCollection({ path: t });
   }, [t, i]);
-  return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ o("div", { children: [
-      n.deleteCollections && /* @__PURE__ */ e(
-        La,
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ n("div", { children: [
+      s.deleteCollections && /* @__PURE__ */ e(
+        $a,
         {
-          trigger: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Ka, { size: "small" }) }),
-          children: /* @__PURE__ */ o(Ya, { onClick: (p) => {
-            p.preventDefault(), p.stopPropagation(), m(!0);
+          trigger: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(La, { size: "small" }) }),
+          children: /* @__PURE__ */ n(Ya, { onClick: (d) => {
+            d.preventDefault(), d.stopPropagation(), m(!0);
           }, children: [
             /* @__PURE__ */ e(it, {}),
             "Delete"
           ] })
         }
       ),
-      n.editCollections && /* @__PURE__ */ e(
+      s.editCollections && /* @__PURE__ */ e(
         pe,
         {
-          onClick: (p) => {
-            d();
+          onClick: (d) => {
+            p();
           },
-          children: /* @__PURE__ */ e(nt, { size: "small" })
+          children: /* @__PURE__ */ e(st, { size: "small" })
         }
       )
     ] }),
@@ -6375,8 +6372,8 @@ function er({
         open: c,
         onAccept: u,
         onCancel: () => m(!1),
-        title: /* @__PURE__ */ e(I, { children: "Delete this collection?" }),
-        body: /* @__PURE__ */ o(I, { children: [
+        title: /* @__PURE__ */ e(F, { children: "Delete this collection?" }),
+        body: /* @__PURE__ */ n(F, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -6385,24 +6382,25 @@ function er({
     )
   ] });
 }
-function tr({
+function er({
   group: t,
   context: a
 }) {
   if (!a.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const r = He(), i = pt(), s = i.configPermissions ? i.configPermissions({
+  const r = Ge(), i = He(), o = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
-    Xt,
+    ea,
     {
       className: ve("h-full p-4 min-h-[124px]"),
-      onClick: i && s ? () => i.createCollection({
+      onClick: i && o ? () => i.createCollection({
         initialValues: t ? { group: t } : void 0,
-        parentPathSegments: []
+        parentPathSegments: [],
+        redirect: !0
       }) : void 0,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ n(
         "div",
         {
           className: "flex flex-col items-start h-full w-full items-center justify-center h-full w-full flex-grow flex-col",
@@ -6417,22 +6415,22 @@ function tr({
                 children: "Add new collection".toUpperCase()
               }
             ),
-            !s && /* @__PURE__ */ e(N, { variant: "caption", children: "You don't have permissions to create collections" })
+            !o && /* @__PURE__ */ e(N, { variant: "caption", children: "You don't have permissions to create collections" })
           ]
         }
       )
     }
   );
 }
-function ar() {
-  const t = He(), a = Ie(), r = pt(), i = r.configPermissions ? r.configPermissions({
+function tr() {
+  const t = Ge(), a = Ie(), r = He(), i = r.configPermissions ? r.configPermissions({
     user: t.user
-  }).createCollections : !0, s = r.rootPathSuggestions ?? [], n = s.length > 3 || a.collections.length === 0 && s.length > 0;
+  }).createCollections : !0, o = r.rootPathSuggestions ?? [], s = o.length > 3 || a.collections.length === 0 && o.length > 0;
   return /* @__PURE__ */ e(
-    Ha,
+    Ka,
     {
-      in: n,
-      children: /* @__PURE__ */ o(
+      in: s,
+      children: /* @__PURE__ */ n(
         "div",
         {
           className: "flex flex-col gap-1 p-2",
@@ -6442,19 +6440,20 @@ function ar() {
               "div",
               {
                 className: "flex flex-row gap-1 overflow-scroll no-scrollbar ",
-                children: s.map((d) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                children: o.map((p) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
                   at,
                   {
                     icon: /* @__PURE__ */ e(Oe, { size: "small" }),
                     colorScheme: "cyanLighter",
                     onClick: r && i ? () => r.createCollection({
-                      initialValues: { path: d, name: Jt(d) },
-                      parentPathSegments: []
+                      initialValues: { path: p, name: Ot(p) },
+                      parentPathSegments: [],
+                      redirect: !0
                     }) : void 0,
                     size: "small",
-                    children: d
+                    children: p
                   }
-                ) }, d))
+                ) }, p))
               }
             )
           ]
@@ -6463,83 +6462,66 @@ function ar() {
     }
   );
 }
-function ir(t, a) {
-  const r = t.map((n) => ({
-    ...n,
-    editable: !0,
-    deletable: !0
-  })), i = (a ?? []).map((n) => {
-    const d = r?.find((c) => c.path === n.path || c.alias && n.alias && c.alias === n.alias);
-    return d ? (Object.values(d.properties).forEach((m) => {
-      m.editable = !0;
-    }), { ...ua(d, n), deletable: !1 }) : {
-      ...n,
-      properties: ma(n.properties),
-      deletable: !1
-    };
-  }), s = r.filter((n) => !i.map((d) => d.path).includes(n.path) || !i.map((d) => d.alias).includes(n.alias));
-  return [...i, ...s];
-}
-function ma(t) {
-  return Object.entries(t).reduce((a, [r, i]) => {
-    if (!ne(i) && i.dataType === "map" && i.properties) {
-      const s = { ...i, properties: ma(i.properties) };
-      a[r] = s;
-    }
-    return ne(i) ? a[r] = i : a[r] = { ...i, editable: !1 }, a;
-  }, {});
+function ha(t, a) {
+  const r = (a ?? []).map((o) => {
+    const s = t?.find((p) => p.path === o.path || p.alias && o.alias && p.alias === o.alias);
+    return s ? ar(s, o) : o;
+  }), i = t.filter((o) => !r.map((s) => s.path).includes(o.path) || !r.map((s) => s.alias).includes(o.alias));
+  return [...r, ...i];
 }
-function ua(t, a) {
-  const r = t.subcollections?.map((u) => {
-    const p = a.subcollections?.find((l) => l.path === u.path) ?? a.subcollections?.find((l) => l.alias === u.alias);
-    return p ? ua(u, p) : u;
-  }), i = { ...t.properties };
+function ar(t, a) {
+  const r = ha(t?.subcollections ?? [], a?.subcollections ?? []), i = { ...t.properties };
   Object.keys(a.properties).forEach((u) => {
-    const p = t.properties[u];
-    p ? i[u] = ha(p, a.properties[u]) : i[u] = a.properties[u];
+    const d = t.properties[u];
+    d ? i[u] = ga(d, a.properties[u]) : i[u] = a.properties[u];
   });
-  const s = L(t, a), n = Dt(t), d = Dt(a), c = [.../* @__PURE__ */ new Set([...n, ...d])], m = [.../* @__PURE__ */ new Set([...t.entityViews ?? [], ...a.entityViews ?? []])];
+  const o = L(t, a), s = Rt(t), p = Rt(a), c = [.../* @__PURE__ */ new Set([...s, ...p])], m = [.../* @__PURE__ */ new Set([...t.entityViews ?? [], ...a.entityViews ?? []])];
   return {
-    ...s,
+    ...o,
     subcollections: r,
     properties: Ga(i, c),
     propertiesOrder: c,
     entityViews: m
   };
 }
-function ha(t, a) {
-  if (ne(a))
+function ga(t, a) {
+  if (de(a))
     return a;
   {
-    const r = L(t, a), i = !!t.editable, s = !!a.editable;
+    const r = L(t, a), i = !!t.editable, o = !!a.editable;
     if (a.dataType === "map" && a.properties) {
-      const n = "properties" in t ? t.properties : {}, d = "properties" in a ? a.properties : {}, c = "propertiesOrder" in t && t.propertiesOrder ? t.propertiesOrder : Object.keys(n), m = "propertiesOrder" in a && a.propertiesOrder ? a.propertiesOrder : "properties" in a ? Object.keys(a.properties) : [], u = [.../* @__PURE__ */ new Set([...c, ...m])], p = { ...n };
+      const s = "properties" in t ? t.properties : {}, p = "properties" in a ? a.properties : {}, c = "propertiesOrder" in t && t.propertiesOrder ? t.propertiesOrder : Object.keys(s), m = "propertiesOrder" in a && a.propertiesOrder ? a.propertiesOrder : "properties" in a ? Object.keys(a.properties) : [], u = [.../* @__PURE__ */ new Set([...c, ...m])], d = { ...s };
       return Object.keys(a.properties).forEach((l) => {
-        const g = n[l];
-        g && (p[l] = ha(g, d[l]));
-      }), { ...r, editable: i && s, properties: p, propertiesOrder: u };
+        const g = s[l];
+        g && (d[l] = ga(g, p[l]));
+      }), { ...r, editable: i && o, properties: d, propertiesOrder: u };
     }
-    return { ...r, editable: i && s };
+    return { ...r, editable: i && o };
   }
 }
-function Dt(t) {
+function Rt(t) {
   return t.propertiesOrder && t.propertiesOrder.length > 0 ? t.propertiesOrder : [
     ...Object.keys(t.properties),
     ...(t.additionalFields ?? [])?.map((a) => a.id)
   ];
 }
-function ur({
+function hr({
   collectionConfigController: t,
   configPermissions: a,
   reservedGroups: r,
   extraView: i,
-  pathSuggestions: s,
-  getUser: n,
-  collectionInference: d,
+  pathSuggestions: o,
+  getUser: s,
+  collectionInference: p,
   getData: c
 }) {
   const m = Z(
-    (u) => ir(t.collections ?? [], u),
+    (u) => {
+      const d = (g) => {
+        Wt(g.properties), g.subcollections?.forEach(d);
+      }, l = t.collections ?? [];
+      return l.forEach(d), ha(l, u);
+    },
     [t.collections]
   );
   return {
@@ -6547,33 +6529,64 @@ function ur({
     loading: t.loading,
     collections: {
       injectCollections: m,
-      CollectionActions: Wi
+      CollectionActions: Xi
     },
     provider: {
-      Component: Xi,
+      Component: Ji,
       props: {
         collectionConfigController: t,
         configPermissions: a,
-        collectionInference: d,
+        collectionInference: p,
         reservedGroups: r,
         extraView: i,
-        pathSuggestions: s,
-        getUser: n,
+        pathSuggestions: o,
+        getUser: s,
         getData: c
       }
     },
     homePage: {
-      additionalChildrenStart: /* @__PURE__ */ e(ar, {}),
-      CollectionActions: er,
-      AdditionalCards: tr
+      additionalChildrenStart: /* @__PURE__ */ e(tr, {}),
+      CollectionActions: Wi,
+      AdditionalCards: er
     }
   };
 }
+function gr({ path: t }) {
+  const a = rr(t), r = ir(t), i = He();
+  return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
+    /* @__PURE__ */ e(ta, { error: "No collection for path: " + a }),
+    /* @__PURE__ */ e(
+      B,
+      {
+        className: "mx-2",
+        variant: "outlined",
+        size: "small",
+        onClick: () => {
+          i.createCollection({
+            initialValues: { path: a, name: Ot(a) },
+            parentPathSegments: r,
+            redirect: !1
+          });
+        },
+        children: "Create"
+      }
+    )
+  ] });
+}
+function ir(t) {
+  const a = t.split("/");
+  return a.filter((r, i) => i % 2 === 0 && i !== a.length - 1);
+}
+function rr(t) {
+  const a = t.split("/");
+  return a[a.length - 1];
+}
 export {
+  gr as MissingReferenceWidget,
   Ue as editableProperty,
-  _i as removeNonEditableProperties,
-  pt as useCollectionEditorController,
-  ur as useCollectionEditorPlugin,
-  pa as useCollectionsConfigController
+  wi as removeNonEditableProperties,
+  He as useCollectionEditorController,
+  hr as useCollectionEditorPlugin,
+  ua as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map