@firecms/collection_editor 3.0.0-alpha.51 → 3.0.0-alpha.52

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsxs as n, Fragment as M, jsx as e } from "react/jsx-runtime";
-import * as we from "react";
-import L, { useState as $, useEffect as pe, useMemo as Kt, useCallback as X, useRef as He, useDeferredValue as ba, useContext as Yt } from "react";
-import { iconKeys as Gt, debounce as ya, SearchBar as va, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as wa, Container as ht, Chip as dt, TextField as Te, cn as ke, DebouncedTextField as H, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as Ot, SettingsIcon as Qe, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Ht, Dialog as Ee, toSnakeCase as Ct, singular as xa, ListIcon as Ca, Button as B, CircularProgress as We, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Oa, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Pa, isValidRegExp as Na, RuleIcon as Sa, useSnackbarController as De, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Pe, FieldConfigBadge as Xe, cardMixin as Jt, cardClickableMixin as Qt, cardSelectedMixin as Wt, FunctionsIcon as Ta, RemoveCircleIcon as Va, defaultBorderMixin as Pt, RemoveIcon as Ia, DragHandleIcon as Fa, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as Y, DEFAULT_FIELD_CONFIGS as Zt, getFieldId as Xt, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as ja, useLargeLayout as Ea, CodeIcon as Da, makePropertiesEditable as et, resolveEntityView as Ba, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Nt, Card as ta, useSelectionController as Ma, EntityCollectionTable as Ra, slugify as Ua, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as $a, Tab as _t, removeUndefined as La, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as Ka, SaveIcon as Ya, Menu as Ga, MoreVertIcon as Ha, MenuItem as Ja, Collapse as Qa, getDefaultPropertiesOrder as Wa, joinCollectionLists as Za } from "@firecms/core";
+import { jsxs as n, Fragment as $, jsx as e } from "react/jsx-runtime";
+import * as _e from "react";
+import K, { useState as L, useEffect as pe, useMemo as Kt, useCallback as Z, useRef as He, useDeferredValue as ba, useContext as Yt } from "react";
+import { iconKeys as Gt, debounce as ya, SearchBar as va, Tooltip as re, IconButton as ne, Icon as lt, coolIconKeys as xt, Typography as C, getIconForView as ct, useAutoComplete as wa, Container as ht, Chip as dt, TextField as Te, cn as xe, DebouncedTextField as J, Autocomplete as _a, AutocompleteItem as ka, ExpandablePanel as Ot, SettingsIcon as Qe, Select as Se, SelectItem as ee, BooleanSwitchWithLabel as Ht, Dialog as Ee, toSnakeCase as Ct, singular as xa, ListIcon as Ca, Button as U, CircularProgress as We, AutoAwesomeIcon as gt, Paper as qe, FormikArrayContainer as Oa, DialogContent as $e, DialogActions as Le, SwitchControl as he, serializeRegExp as Na, isValidRegExp as Pa, RuleIcon as Sa, useSnackbarController as De, resolveEnumValues as qa, FileUploadIcon as Aa, MultiSelect as za, MultiSelectItem as zt, Checkbox as Tt, isPropertyBuilder as oe, useFireCMSContext as Ke, getFieldConfig as Ze, ErrorBoundary as Ne, FieldConfigBadge as Xe, cardMixin as Jt, cardClickableMixin as Qt, cardSelectedMixin as Wt, FunctionsIcon as Ta, RemoveCircleIcon as Va, defaultBorderMixin as Nt, RemoveIcon as Ia, DragHandleIcon as Fa, AddIcon as Ae, useNavigationController as Be, SelectGroup as Vt, mergeDeep as G, DEFAULT_FIELD_CONFIGS as Zt, getFieldId as Xt, InfoLabel as ea, DeleteIcon as pt, DeleteConfirmationDialog as mt, ContentCopyIcon as ja, useLargeLayout as Ea, CodeIcon as Da, makePropertiesEditable as et, resolveEntityView as Ba, Table as It, TableBody as Ft, TableRow as wt, TableCell as Ge, unslugify as Pt, Card as ta, useSelectionController as Ma, EntityCollectionTable as Ra, slugify as Ua, useAuthController as Ye, randomString as jt, CircularProgressCenter as Et, Tabs as $a, Tab as _t, removeUndefined as La, ErrorView as aa, ArrowBackIcon as rt, LoadingButton as Dt, DoneIcon as Ka, SaveIcon as Ya, Menu as Ga, MoreVertIcon as Ha, MenuItem as Ja, Collapse as Qa, getDefaultPropertiesOrder as Wa, joinCollectionLists as Za } from "@firecms/core";
 import ut from "react-fast-compare";
-import { useFormikContext as K, Field as be, getIn as P, Formik as St, FastField as de, Form as Xa } from "formik";
+import { useFormikContext as Y, Field as ye, getIn as P, Formik as St, FastField as de, Form as Xa } from "formik";
 import * as ot from "yup";
 import * as ei from "js-search";
 import { extractEnumFromValues as ti, buildPropertyFromData as ai, buildEntityPropertiesFromData as ii } from "@firecms/schema_inference";
@@ -1977,20 +1977,20 @@ process.env.NODE_ENV !== "production" && Object.keys(ra).forEach((t) => {
   Gt.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
 function wi({ selectedIcon: t = "", onIconSelected: a }) {
-  const [i, r] = we.useState(null), [s, o] = we.useState(""), l = we.useMemo(
+  const [i, r] = _e.useState(null), [s, o] = _e.useState(""), l = _e.useMemo(
     () => ya((m) => {
       if (!m || m === "")
         r(null);
       else {
         const u = qt.search(m);
-        r(u.map((c) => c.key));
+        r(u.map((d) => d.key));
       }
     }, vi),
     []
   );
-  return we.useEffect(() => (l(s), () => {
+  return _e.useEffect(() => (l(s), () => {
     l.clear();
-  }), [s, l]), /* @__PURE__ */ n(M, { children: [
+  }), [s, l]), /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e(
       va,
       {
@@ -2026,29 +2026,29 @@ function _i({
   groups: s,
   parentCollection: o
 }) {
-  const l = L.useRef(null), {
+  const l = K.useRef(null), {
     values: p,
     setFieldValue: m,
     handleChange: u,
-    touched: c,
-    errors: d,
-    setFieldTouched: f,
+    touched: d,
+    errors: c,
+    setFieldTouched: y,
     isSubmitting: g,
     submitCount: b
-  } = K(), [O, k] = $(!1), [x, h] = $(!1), _ = (v) => {
-    m("name", v), !P(c, "path") && t && v && m("path", Ct(v)), !P(c, "id") && t && v && m("id", Ct(v)), !P(c, "singularName") && t && v && m("singularName", xa(v));
+  } = Y(), [O, w] = L(!1), [k, f] = L(!1), v = (S) => {
+    m("name", S), !P(d, "path") && t && S && m("path", Ct(S)), !P(d, "id") && t && S && m("id", Ct(S)), !P(d, "singularName") && t && S && m("singularName", xa(S));
   };
   pe(() => {
-    d.id && h(!0);
-  }, [d.id]);
-  const y = ct(p), w = s?.filter((v) => !a?.includes(v)), {
-    inputFocused: q,
-    autoCompleteOpen: F,
-    setAutoCompleteOpen: A
+    c.id && f(!0);
+  }, [c.id]);
+  const _ = ct(p), h = s?.filter((S) => !a?.includes(S)), {
+    inputFocused: A,
+    autoCompleteOpen: E,
+    setAutoCompleteOpen: z
   } = wa({
     ref: l
-  }), S = !!o;
-  let E;
+  }), q = !!o;
+  let B;
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(ht, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ n(
@@ -2061,8 +2061,8 @@ function _i({
               ne,
               {
                 shape: "square",
-                onClick: () => k(!0),
-                children: y
+                onClick: () => w(!0),
+                children: _
               }
             ) })
           ]
@@ -2079,37 +2079,37 @@ function _i({
           Te,
           {
             value: p.name ?? "",
-            onChange: (v) => _(v.target.value),
+            onChange: (S) => v(S.target.value),
             label: "Name",
             required: !0,
-            error: c.name && !!d.name
+            error: d.name && !!c.name
           }
         ),
-        /* @__PURE__ */ e(ie, { error: c.name && !!d.name, children: c.name && d.name ? d.name : "Name of in this collection, usually a plural name (e.g. Products)" })
+        /* @__PURE__ */ e(ie, { error: d.name && !!c.name, children: d.name && c.name ? c.name : "Name of in this collection, usually a plural name (e.g. Products)" })
       ] }),
-      /* @__PURE__ */ n("div", { className: ke("col-span-12 ", S ? "" : "sm:col-span-8"), children: [
+      /* @__PURE__ */ n("div", { className: xe("col-span-12 ", q ? "" : "sm:col-span-8"), children: [
         /* @__PURE__ */ e(
-          be,
+          ye,
           {
             name: "path",
-            as: H,
+            as: J,
             label: "Path",
             disabled: !t,
             required: !0,
-            error: c.path && !!d.path
+            error: d.path && !!c.path
           }
         ),
-        /* @__PURE__ */ e(ie, { error: c.path && !!d.path, children: c.path && d.path ? d.path : "Path that this collection is stored in, in the database" })
+        /* @__PURE__ */ e(ie, { error: d.path && !!c.path, children: d.path && c.path ? c.path : "Path that this collection is stored in, in the database" })
       ] }),
-      !S && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
+      !q && /* @__PURE__ */ n("div", { className: "col-span-12 sm:col-span-4 relative", children: [
         /* @__PURE__ */ e(
           Te,
           {
-            error: c.group && !!d.group,
+            error: d.group && !!c.group,
             disabled: g,
             value: p.group ?? "",
             autoComplete: "off",
-            onChange: (v) => m("group", v.target.value),
+            onChange: (S) => m("group", S.target.value),
             name: "group",
             inputRef: l,
             label: "Group"
@@ -2118,27 +2118,27 @@ function _i({
         /* @__PURE__ */ e(
           _a,
           {
-            open: F && (w ?? []).length > 0,
-            setOpen: A,
-            children: w?.map((v, V) => /* @__PURE__ */ e(
+            open: E && (h ?? []).length > 0,
+            setOpen: z,
+            children: h?.map((S, N) => /* @__PURE__ */ e(
               ka,
               {
                 onClick: () => {
-                  A(!1), m("group", v ?? null);
+                  z(!1), m("group", S ?? null);
                 },
-                children: /* @__PURE__ */ e("div", { className: "flex-grow", children: v })
+                children: /* @__PURE__ */ e("div", { className: "flex-grow", children: S })
               },
-              V + "_" + v
+              N + "_" + S
             ))
           }
         ),
-        /* @__PURE__ */ e(ie, { children: c.group && d.group ? d.group : "Group of the collection" })
+        /* @__PURE__ */ e(ie, { children: d.group && c.group ? c.group : "Group of the collection" })
       ] }),
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
         Ot,
         {
-          expanded: x,
-          onExpandedChange: h,
+          expanded: k,
+          onExpandedChange: f,
           title: /* @__PURE__ */ n("div", { className: "flex flex-row text-gray-500", children: [
             /* @__PURE__ */ e(Qe, {}),
             /* @__PURE__ */ e(
@@ -2156,21 +2156,21 @@ function _i({
               /* @__PURE__ */ e(
                 Te,
                 {
-                  error: c.singularName && !!d.singularName,
+                  error: d.singularName && !!c.singularName,
                   id: "singularName",
                   "aria-describedby": "singularName-helper",
-                  onChange: (v) => (f("singularName", !0), u(v)),
+                  onChange: (S) => (y("singularName", !0), u(S)),
                   value: p.singularName ?? "",
                   label: "Singular name"
                 }
               ),
-              /* @__PURE__ */ e(ie, { error: c.singularName && !!d.singularName, children: c.singularName && d.singularName ? d.singularName : "Optionally define a singular name for your entities" })
+              /* @__PURE__ */ e(ie, { error: d.singularName && !!c.singularName, children: d.singularName && c.singularName ? c.singularName : "Optionally define a singular name for your entities" })
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
                 Te,
                 {
-                  error: c.description && !!d.description,
+                  error: d.description && !!c.description,
                   id: "description",
                   value: p.description ?? "",
                   onChange: u,
@@ -2180,20 +2180,20 @@ function _i({
                   label: "Description"
                 }
               ),
-              /* @__PURE__ */ e(ie, { error: c.description && !!d.description, children: c.description && d.description ? d.description : "Description of the collection, you can use markdown" })
+              /* @__PURE__ */ e(ie, { error: d.description && !!c.description, children: d.description && c.description ? c.description : "Description of the collection, you can use markdown" })
             ] }),
             /* @__PURE__ */ n("div", { className: "col-span-12", children: [
               /* @__PURE__ */ e(
-                be,
+                ye,
                 {
                   name: "id",
-                  as: H,
+                  as: J,
                   disabled: !t,
                   label: "Collection id",
-                  error: c.id && !!d.id
+                  error: d.id && !!c.id
                 }
               ),
-              /* @__PURE__ */ e(ie, { error: c.id && !!d.id, children: c.id && d.id ? d.id : "This id identifies this collection" })
+              /* @__PURE__ */ e(ie, { error: d.id && !!c.id, children: d.id && c.id ? c.id : "This id identifies this collection" })
             ] }),
             /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
               Se,
@@ -2203,14 +2203,14 @@ function _i({
                 position: "item-aligned",
                 onChange: u,
                 value: p.defaultSize ?? "",
-                renderValue: (v) => v.toUpperCase(),
-                children: ["xs", "s", "m", "l", "xl"].map((v) => /* @__PURE__ */ e(
+                renderValue: (S) => S.toUpperCase(),
+                children: ["xs", "s", "m", "l", "xl"].map((S) => /* @__PURE__ */ e(
                   ee,
                   {
-                    value: v,
-                    children: v.toUpperCase()
+                    value: S,
+                    children: S.toUpperCase()
                   },
-                  `size-select-${v}`
+                  `size-select-${S}`
                 ))
               }
             ) }),
@@ -2220,14 +2220,14 @@ function _i({
                 name: "customId",
                 label: "Data IDs generation",
                 position: "item-aligned",
-                disabled: E === "code_defined",
-                onValueChange: (v) => {
-                  if (v === "code_defined")
+                disabled: B === "code_defined",
+                onValueChange: (S) => {
+                  if (S === "code_defined")
                     throw new Error("This should not happen");
-                  v === "true" ? m("customId", !0) : v === "false" ? m("customId", !1) : v === "optional" && m("customId", "optional");
+                  S === "true" ? m("customId", !0) : S === "false" ? m("customId", !1) : S === "optional" && m("customId", "optional");
                 },
                 value: "",
-                renderValue: (v) => v === "code_defined" ? "Code defined" : v === "true" ? "Users must define an ID" : v === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
+                renderValue: (S) => S === "code_defined" ? "Code defined" : S === "true" ? "Users must define an ID" : S === "optional" ? "Users can define an ID, but it is not required" : "Document ID is generated automatically",
                 children: [
                   /* @__PURE__ */ e(ee, { value: "false", children: "Document ID is generated automatically" }),
                   /* @__PURE__ */ e(ee, { value: "true", children: "Users must define an ID" }),
@@ -2241,7 +2241,7 @@ function _i({
                 {
                   position: "start",
                   label: "Collection group",
-                  onValueChange: (v) => m("collectionGroup", v),
+                  onValueChange: (S) => m("collectionGroup", S),
                   value: p.collectionGroup ?? !1
                 }
               ),
@@ -2256,15 +2256,15 @@ function _i({
       Ee,
       {
         open: O,
-        onOpenChange: k,
+        onOpenChange: w,
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
           wi,
           {
             selectedIcon: p.icon,
-            onIconSelected: (v) => {
-              k(!1), m("icon", v);
+            onIconSelected: (S) => {
+              w(!1), m("icon", S);
             }
           }
         ) })
@@ -2272,19 +2272,19 @@ function _i({
     )
   ] }) });
 }
-function _e(t) {
+function ke(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
 function ki(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
-function Ne(t) {
+function Pe(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".propertiesOrder" : "propertiesOrder";
 }
 function ce(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const xi = L.memo(
+const xi = K.memo(
   function({
     enumValues: a,
     onValuesChanged: i,
@@ -2338,20 +2338,20 @@ function Ci({
 }) {
   const {
     setFieldValue: p
-  } = K(), [m, u] = L.useState(), [c, d] = L.useState(), [f, g] = L.useState(!1), O = L.useRef(/* @__PURE__ */ new Set()).current, k = (h, _) => {
-    const y = m === _;
+  } = Y(), [m, u] = K.useState(), [d, c] = K.useState(), [y, g] = K.useState(!1), O = K.useRef(/* @__PURE__ */ new Set()).current, w = (f, v) => {
+    const _ = m === v;
     return /* @__PURE__ */ e(
       Oi,
       {
-        index: h,
+        index: f,
         disabled: i,
         enumValuesPath: r,
-        autoFocus: y,
-        shouldUpdateId: s || y,
-        onDialogOpen: () => d(h),
-        inferredEntry: O.has(t.enumValues[h]?.id)
+        autoFocus: _,
+        shouldUpdateId: s || _,
+        onDialogOpen: () => c(f),
+        inferredEntry: O.has(t.enumValues[f]?.id)
       },
-      `${_}`
+      `${v}`
     );
   };
   return /* @__PURE__ */ n("div", { className: "col-span-12", children: [
@@ -2366,26 +2366,26 @@ function Ci({
         }
       ),
       o && /* @__PURE__ */ n(
-        B,
+        U,
         {
-          loading: f,
-          disabled: i || f,
+          loading: y,
+          disabled: i || y,
           variant: "text",
           size: "small",
           onClick: async () => {
-            l && (g(!0), l?.().then((h) => {
-              if (!h)
+            l && (g(!0), l?.().then((f) => {
+              if (!f)
                 return;
-              const _ = h.flat(), y = Array.from(new Set(_)), w = t.enumValues, F = ti(y).filter((A) => !w?.some((S) => S.id === A.id));
-              F.forEach((A) => {
-                O.add(A.id);
-              }), p(r, [...F, ...w]);
-            }).catch((h) => {
-              console.error(h);
+              const v = f.flat(), _ = Array.from(new Set(v)), h = t.enumValues, E = ti(_).filter((z) => !h?.some((q) => q.id === z.id));
+              E.forEach((z) => {
+                O.add(z.id);
+              }), p(r, [...E, ...h]);
+            }).catch((f) => {
+              console.error(f);
             }).finally(() => g(!1)));
           },
           children: [
-            f ? /* @__PURE__ */ e(We, { size: "small" }) : /* @__PURE__ */ e(gt, {}),
+            y ? /* @__PURE__ */ e(We, { size: "small" }) : /* @__PURE__ */ e(gt, {}),
             "Infer values from data"
           ]
         }
@@ -2398,7 +2398,7 @@ function Ci({
           value: t.enumValues,
           addLabel: "Add enum value",
           name: r,
-          buildEntry: k,
+          buildEntry: w,
           disabled: i,
           onInternalIdAdded: u,
           small: !0,
@@ -2407,18 +2407,18 @@ function Ci({
         }
       ),
       /* @__PURE__ */ e(
-        Pi,
+        Ni,
         {
-          index: c,
-          open: c !== void 0,
+          index: d,
+          open: d !== void 0,
           enumValuesPath: r,
-          onClose: () => d(void 0)
+          onClose: () => c(void 0)
         }
       )
     ] })
   ] });
 }
-const Oi = L.memo(
+const Oi = K.memo(
   function({
     index: a,
     shouldUpdateId: i,
@@ -2431,27 +2431,27 @@ const Oi = L.memo(
     const {
       values: m,
       handleChange: u,
-      errors: c,
-      setFieldValue: d,
-      touched: f
-    } = K(), g = L.useRef(!P(m, `${r}[${a}].id`)), b = i || g.current, O = P(m, `${r}[${a}].id`), k = P(m, `${r}[${a}].label`), x = P(c, `${r}[${a}].label`), h = L.useRef(k);
-    return L.useEffect(() => {
-      (h.current === O || !O) && b && d(`${r}[${a}].id`, k), h.current = k;
-    }, [k]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
+      errors: d,
+      setFieldValue: c,
+      touched: y
+    } = Y(), g = K.useRef(!P(m, `${r}[${a}].id`)), b = i || g.current, O = P(m, `${r}[${a}].id`), w = P(m, `${r}[${a}].label`), k = P(d, `${r}[${a}].label`), f = K.useRef(w);
+    return K.useEffect(() => {
+      (f.current === O || !O) && b && c(`${r}[${a}].id`, w), f.current = w;
+    }, [w]), /* @__PURE__ */ n("div", { className: "flex w-full align-center justify-center", children: [
       /* @__PURE__ */ e(
         de,
         {
           name: `${r}[${a}].label`,
-          as: H,
+          as: J,
           className: "flex-grow",
           required: !0,
           disabled: l,
           size: "small",
-          validate: Ni,
+          validate: Pi,
           autoFocus: s,
           autoComplete: "off",
           endAdornment: p && /* @__PURE__ */ e(gt, { size: "small" }),
-          error: !!x
+          error: !!k
         }
       ),
       !l && /* @__PURE__ */ e(
@@ -2470,7 +2470,7 @@ const Oi = L.memo(
     return a.index === i.index && a.enumValuesPath === i.enumValuesPath && a.shouldUpdateId === i.shouldUpdateId && a.inferredEntry === i.inferredEntry && a.autoFocus === i.autoFocus;
   }
 );
-function Pi({
+function Ni({
   index: t,
   open: a,
   onClose: i,
@@ -2482,21 +2482,21 @@ function Pi({
     errors: l,
     setFieldValue: p,
     touched: m
-  } = K(), u = t !== void 0 ? P(l, `${r}[${t}].id`) : void 0;
+  } = Y(), u = t !== void 0 ? P(l, `${r}[${t}].id`) : void 0;
   return /* @__PURE__ */ n(
     Ee,
     {
       maxWidth: "md",
       "aria-labelledby": "enum-edit-dialog",
       open: a,
-      onOpenChange: (c) => c ? void 0 : i(),
+      onOpenChange: (d) => d ? void 0 : i(),
       children: [
         /* @__PURE__ */ e($e, { children: t !== void 0 && /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             de,
             {
               name: `${r}[${t}]id`,
-              as: H,
+              as: J,
               required: !0,
               validate: Si,
               label: "ID",
@@ -2508,7 +2508,7 @@ function Pi({
           /* @__PURE__ */ e(ie, { error: !!u, children: u ?? "Value saved in the data source" })
         ] }) }),
         /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
-          B,
+          U,
           {
             autoFocus: !0,
             variant: "outlined",
@@ -2521,7 +2521,7 @@ function Pi({
     }
   );
 }
-function Ni(t) {
+function Pi(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
@@ -2530,8 +2530,8 @@ function Si(t) {
   return t || (a = "You must specify an ID"), a;
 }
 function Me({ disabled: t }) {
-  const { values: a, handleChange: i } = K(), r = "validation.required", s = "validation.requiredMessage";
-  return /* @__PURE__ */ n(M, { children: [
+  const { values: a, handleChange: i } = Y(), r = "validation.required", s = "validation.requiredMessage";
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       de,
       {
@@ -2555,7 +2555,7 @@ function Me({ disabled: t }) {
       }
     ) }),
     P(a, r) && /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         disabled: t,
         value: P(a, s),
@@ -2580,9 +2580,9 @@ function Ue({
 }) {
   const {
     values: u,
-    handleChange: c,
-    errors: d
-  } = K(), f = "validation.length", g = "validation.min", b = "validation.max", O = "validation.trim", k = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", _ = P(d, k), y = P(u, k), w = typeof y == "string" ? y : Pa(y);
+    handleChange: d,
+    errors: c
+  } = Y(), y = "validation.length", g = "validation.min", b = "validation.max", O = "validation.trim", w = "validation.matches", k = "validation.lowercase", f = "validation.uppercase", v = P(c, w), _ = P(u, w), h = typeof _ == "string" ? _ : Na(_);
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: p }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -2590,7 +2590,7 @@ function Ue({
         de,
         {
           type: "checkbox",
-          name: x,
+          name: k,
           label: "Lowercase",
           disabled: p,
           component: he
@@ -2600,7 +2600,7 @@ function Ue({
         de,
         {
           type: "checkbox",
-          name: h,
+          name: f,
           label: "Uppercase",
           disabled: p,
           component: he
@@ -2619,19 +2619,19 @@ function Ue({
     ] }),
     /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
       t && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        H,
+        J,
         {
-          value: P(u, f),
+          value: P(u, y),
           label: "Exact length",
-          name: f,
+          name: y,
           type: "number",
           size: "small",
           disabled: p,
-          onChange: c
+          onChange: d
         }
       ) }),
       s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        H,
+        J,
         {
           value: P(u, g),
           label: "Min length",
@@ -2639,11 +2639,11 @@ function Ue({
           type: "number",
           size: "small",
           disabled: p,
-          onChange: c
+          onChange: d
         }
       ) }),
       r && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
-        H,
+        J,
         {
           value: P(u, b),
           label: "Max length",
@@ -2651,7 +2651,7 @@ function Ue({
           type: "number",
           size: "small",
           disabled: p,
-          onChange: c
+          onChange: d
         }
       ) })
     ] }),
@@ -2659,17 +2659,17 @@ function Ue({
       /* @__PURE__ */ e(
         de,
         {
-          name: k,
-          as: H,
-          validate: (q) => q && !Na(q),
+          name: w,
+          as: J,
+          validate: (A) => A && !Pa(A),
           label: "Matches regex",
           size: "small",
           disabled: p,
-          value: w,
-          error: !!_
+          value: h,
+          error: !!v
         }
       ),
-      /* @__PURE__ */ e(ie, { error: !!_, children: _ ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
+      /* @__PURE__ */ e(ie, { error: !!v, children: v ? "Not a valid regexp" : "e.g. /^\\d+$/ for digits only" })
     ] })
   ] });
 }
@@ -2681,11 +2681,11 @@ function At({
   const {
     values: r,
     handleChange: s
-  } = K(), o = "validation.min", l = "validation.max";
+  } = Y(), o = "validation.min", l = "validation.max";
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: i }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         value: P(r, o),
         disabled: i,
@@ -2697,7 +2697,7 @@ function At({
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         value: P(r, l),
         disabled: i,
@@ -2747,25 +2747,25 @@ function Bt({
     handleChange: p,
     errors: m,
     touched: u,
-    setFieldError: c,
-    setFieldValue: d
-  } = K(), f = De(), g = t ? "of.enumValues" : "enumValues", b = P(l, "defaultValue"), O = P(l, g), k = Kt(() => !O || typeof O == "boolean" ? [] : qa(O) ?? [], [O]);
-  return /* @__PURE__ */ n(M, { children: [
+    setFieldError: d,
+    setFieldValue: c
+  } = Y(), y = De(), g = t ? "of.enumValues" : "enumValues", b = P(l, "defaultValue"), O = P(l, g), w = Kt(() => !O || typeof O == "boolean" ? [] : qa(O) ?? [], [O]);
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       xi,
       {
-        enumValues: k,
+        enumValues: w,
         updateIds: a,
         disabled: i,
         allowDataInference: s,
-        onError: (h) => {
-          c(g, h ? "" : void 0);
+        onError: (f) => {
+          d(g, f ? "" : void 0);
         },
-        getData: o ? () => o().then((h) => h.map((_) => l.id && P(_, l.id)).filter(Boolean)) : void 0,
-        onValuesChanged: (h) => {
-          if (l && (d(g, h), !t)) {
-            const _ = h.filter((y) => !!y?.id).map((y) => y.id);
-            b && !_.includes(b) && (d("defaultValue", void 0), f.open({
+        getData: o ? () => o().then((f) => f.map((v) => l.id && P(v, l.id)).filter(Boolean)) : void 0,
+        onValuesChanged: (f) => {
+          if (l && (c(g, f), !t)) {
+            const v = f.filter((_) => !!_?.id).map((_) => _.id);
+            b && !v.includes(b) && (c("defaultValue", void 0), y.open({
               type: "warning",
               message: "Default value was cleared"
             }));
@@ -2788,18 +2788,18 @@ function Bt({
       {
         disabled: i,
         position: "item-aligned",
-        onValueChange: (h) => {
-          d("defaultValue", h);
+        onValueChange: (f) => {
+          c("defaultValue", f);
         },
         label: "Default value",
         value: b ?? "",
-        children: k.filter((h) => !!h?.id).map((h) => /* @__PURE__ */ e(
+        children: w.filter((f) => !!f?.id).map((f) => /* @__PURE__ */ e(
           ee,
           {
-            value: h.id?.toString(),
-            children: h.label
+            value: f.id?.toString(),
+            children: f.label
           },
-          h.id
+          f.id
         ))
       }
     ) })
@@ -2820,10 +2820,10 @@ function Mt({
   const {
     values: r,
     setFieldValue: s
-  } = K(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, p = `${o}.fileName`, m = `${o}.storagePath`, u = `${o}.storeUrl`, c = P(r, p) ?? "{rand}_{file}", d = P(r, m) ?? "/", f = P(r, l), g = Array.isArray(f) ? f : void 0, b = !g || g.length === 0, O = (h) => {
-    h ? h.includes("all") || h.length >= Object.keys(nt).length ? s(l, void 0) : b ? s(l, Object.keys(nt).filter((_) => !h.includes(_))) : s(l, h) : s(l, void 0);
-  }, k = typeof c == "function", x = typeof d == "function";
-  return /* @__PURE__ */ n(M, { children: [
+  } = Y(), o = t ? "of.storage" : "storage", l = `${o}.acceptedFiles`, p = `${o}.fileName`, m = `${o}.storagePath`, u = `${o}.storeUrl`, d = P(r, p) ?? "{rand}_{file}", c = P(r, m) ?? "/", y = P(r, l), g = Array.isArray(y) ? y : void 0, b = !g || g.length === 0, O = (f) => {
+    f ? f.includes("all") || f.length >= Object.keys(nt).length ? s(l, void 0) : b ? s(l, Object.keys(nt).filter((v) => !f.includes(v))) : s(l, f) : s(l, void 0);
+  }, w = typeof d == "function", k = typeof c == "function";
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Ot,
       {
@@ -2847,7 +2847,7 @@ function Mt({
               value: g ?? [],
               onMultiValueChange: O,
               label: b ? void 0 : "Allowed file types",
-              renderValues: (h) => !h || h.length === 0 ? "All file types allowed" : h.map((_) => nt[_]).filter((_) => !!_).join(", "),
+              renderValues: (f) => !f || f.length === 0 ? "All file types allowed" : f.map((v) => nt[v]).filter((v) => !!v).join(", "),
               children: [
                 /* @__PURE__ */ n(zt, { value: "all", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
@@ -2858,48 +2858,48 @@ function Mt({
                   ),
                   "All"
                 ] }, "all"),
-                Object.entries(nt).map(([h, _]) => /* @__PURE__ */ n(zt, { value: h, className: "flex items-center gap-2", children: [
+                Object.entries(nt).map(([f, v]) => /* @__PURE__ */ n(zt, { value: f, className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     Tt,
                     {
-                      checked: b || g.indexOf(h) > -1
+                      checked: b || g.indexOf(f) > -1
                     }
                   ),
-                  /* @__PURE__ */ e("div", { className: "flex-grow", children: _ }),
+                  /* @__PURE__ */ e("div", { className: "flex-grow", children: v }),
                   /* @__PURE__ */ e(
-                    B,
+                    U,
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (y) => (y.preventDefault(), y.stopPropagation(), s(l, [h])),
+                      onClick: (_) => (_.preventDefault(), _.stopPropagation(), s(l, [f])),
                       children: "Only"
                     }
                   )
-                ] }, h))
+                ] }, f))
               ]
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-            be,
+            ye,
             {
               name: p,
-              as: H,
+              as: J,
               label: "File name",
               size: "small",
-              disabled: k || i,
-              value: k ? "-" : c
+              disabled: w || i,
+              value: w ? "-" : d
             }
           ) }),
           /* @__PURE__ */ n("div", { className: "col-span-12", children: [
             /* @__PURE__ */ e(
-              be,
+              ye,
               {
                 name: m,
-                as: H,
+                as: J,
                 label: "Storage path",
-                disabled: x || i,
+                disabled: k || i,
                 size: "small",
-                value: x ? "-" : d
+                value: k ? "-" : c
               }
             ),
             /* @__PURE__ */ n(C, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
@@ -2915,7 +2915,7 @@ function Mt({
               ] })
             ] }),
             /* @__PURE__ */ e(
-              be,
+              ye,
               {
                 type: "checkbox",
                 name: u,
@@ -2965,7 +2965,7 @@ function oa({
   selected: o
 }) {
   const { propertyConfigs: l } = Ke(), p = Ze(t, l);
-  return Je(t), /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ n(
+  return Je(t), /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ n(
     "div",
     {
       onClick: a,
@@ -2975,7 +2975,7 @@ function oa({
         /* @__PURE__ */ n(
           qe,
           {
-            className: ke(
+            className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
               Jt,
               a ? Qt : "",
@@ -2985,7 +2985,7 @@ function oa({
             ),
             children: [
               /* @__PURE__ */ n("div", { className: "w-full flex flex-col", children: [
-                r && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                r && /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                   C,
                   {
                     variant: "body1",
@@ -2995,7 +2995,7 @@ function oa({
                   }
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex flex-row items-center", children: [
-                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                     C,
                     {
                       className: "flex-grow pr-2",
@@ -3005,7 +3005,7 @@ function oa({
                       children: p?.name
                     }
                   ) }),
-                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                     C,
                     {
                       variant: "body2",
@@ -3051,7 +3051,7 @@ function Ai({
         /* @__PURE__ */ e(
           qe,
           {
-            className: ke(
+            className: xe(
               "pl-2 w-full flex flex-row gap-4 items-center",
               Jt,
               i ? Qt : "",
@@ -3080,7 +3080,7 @@ function Ai({
                     children: o?.name
                   }
                 ),
-                r && !oe(r) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                r && !oe(r) && /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                   C,
                   {
                     variant: "body2",
@@ -3089,7 +3089,7 @@ function Ai({
                     children: r.dataType
                   }
                 ) }),
-                r && oe(r) && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                r && oe(r) && /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                   C,
                   {
                     variant: "body2",
@@ -3098,7 +3098,7 @@ function Ai({
                     children: "This property is defined as a property builder in code"
                   }
                 ) }),
-                !r && /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+                !r && /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                   C,
                   {
                     variant: "body2",
@@ -3126,48 +3126,48 @@ function ft({
   onPropertyMove: p,
   onPropertyRemove: m,
   className: u,
-  inferredPropertyKeys: c,
-  collectionEditable: d
+  inferredPropertyKeys: d,
+  collectionEditable: c
 }) {
-  const f = s ?? Object.keys(r), g = X((b) => {
+  const y = s ?? Object.keys(r), g = Z((b) => {
     if (!b.destination)
       return;
-    const O = b.source.index, k = b.destination.index, x = Array.from(f), [h] = x.splice(O, 1);
-    x.splice(k, 0, h), p && p(x, t);
-  }, [t, p, f]);
-  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ri, { onDragEnd: g, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (b, O) => /* @__PURE__ */ n(
+    const O = b.source.index, w = b.destination.index, k = Array.from(y), [f] = k.splice(O, 1);
+    k.splice(w, 0, f), p && p(k, t);
+  }, [t, p, y]);
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(ri, { onDragEnd: g, children: /* @__PURE__ */ e(oi, { droppableId: `droppable_${t}`, children: (b, O) => /* @__PURE__ */ n(
     "div",
     {
       ...b.droppableProps,
       ref: b.innerRef,
       className: u,
       children: [
-        f && f.map((k, x) => {
-          const h = r[k], _ = o?.find((y) => y.key === k);
-          return !h && !_ ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
+        y && y.map((w, k) => {
+          const f = r[w], v = o?.find((_) => _.key === w);
+          return !f && !v ? (console.warn(`Property ${w} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
             ni,
             {
-              draggableId: `array_field_${t}_${k}}`,
-              index: x,
-              children: (y, w) => /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+              draggableId: `array_field_${t}_${w}}`,
+              index: k,
+              children: (_, h) => /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
                 zi,
                 {
-                  propertyKey: k,
-                  propertyOrBuilder: h,
-                  additionalField: _,
-                  provided: y,
+                  propertyKey: w,
+                  propertyOrBuilder: f,
+                  additionalField: v,
+                  provided: _,
                   errors: l,
                   namespace: t,
-                  inferredPropertyKeys: c,
+                  inferredPropertyKeys: d,
                   onPropertyMove: p,
                   onPropertyRemove: m,
-                  onPropertyClick: w.isDragging ? void 0 : i,
+                  onPropertyClick: h.isDragging ? void 0 : i,
                   selectedPropertyKey: a,
-                  collectionEditable: d
+                  collectionEditable: c
                 }
               ) })
             },
-            `array_field_${t}_${k}}`
+            `array_field_${t}_${w}}`
           );
         }).filter(Boolean),
         b.placeholder
@@ -3186,29 +3186,29 @@ function zi({
   onPropertyClick: p,
   onPropertyMove: m,
   onPropertyRemove: u,
-  inferredPropertyKeys: c,
-  collectionEditable: d
+  inferredPropertyKeys: d,
+  collectionEditable: c
 }) {
-  const f = c?.includes(a ? `${a}.${t}` : t), g = ce(t, a);
+  const y = d?.includes(a ? `${a}.${t}` : t), g = ce(t, a);
   let b;
   if (typeof i == "object") {
-    const h = i;
-    h.dataType === "map" && h.properties && (b = /* @__PURE__ */ e(
+    const f = i;
+    f.dataType === "map" && f.properties && (b = /* @__PURE__ */ e(
       ft,
       {
         selectedPropertyKey: o,
         namespace: g,
-        properties: h.properties,
-        propertiesOrder: h.propertiesOrder,
+        properties: f.properties,
+        propertiesOrder: f.propertiesOrder,
         errors: l,
         onPropertyClick: p,
         onPropertyMove: m,
         onPropertyRemove: u,
-        collectionEditable: d
+        collectionEditable: c
       }
     ));
   }
-  const O = g ? P(l, _e(g)) : !1, k = o === g, x = i && (d && !oe(i) || Je(i));
+  const O = g ? P(l, ke(g)) : !1, w = o === g, k = i && (c && !oe(i) || Je(i));
   return /* @__PURE__ */ n(
     "div",
     {
@@ -3220,7 +3220,7 @@ function zi({
         b && /* @__PURE__ */ e(
           "div",
           {
-            className: "absolute border-l " + Pt,
+            className: "absolute border-l " + Nt,
             style: {
               left: "32px",
               top: "64px",
@@ -3228,13 +3228,13 @@ function zi({
             }
           }
         ),
-        !oe(i) && !r && x ? /* @__PURE__ */ e(
+        !oe(i) && !r && k ? /* @__PURE__ */ e(
           oa,
           {
             property: i,
             onClick: p ? () => p(t, a) : void 0,
             includeName: !0,
-            selected: k,
+            selected: w,
             hasError: O
           }
         ) : /* @__PURE__ */ e(
@@ -3243,11 +3243,11 @@ function zi({
             name: t,
             property: i,
             onClick: p ? () => p(t, a) : void 0,
-            selected: k
+            selected: w
           }
         ),
         /* @__PURE__ */ n("div", { className: "absolute top-2 right-2 flex flex-row ", children: [
-          f && /* @__PURE__ */ e(re, { title: "Inferred property", children: /* @__PURE__ */ e(gt, { size: "small", className: "p-2" }) }),
+          y && /* @__PURE__ */ e(re, { title: "Inferred property", children: /* @__PURE__ */ e(gt, { size: "small", className: "p-2" }) }),
           u && /* @__PURE__ */ e(re, { title: "Remove", children: /* @__PURE__ */ e(
             ne,
             {
@@ -3275,24 +3275,24 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
   const {
     values: o,
     setFieldValue: l
-  } = K(), [p, m] = $(!1), [u, c] = $(), [d, f] = $(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = X(({
-    id: w,
-    property: q
+  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), g = o.propertiesOrder ?? Object.keys(o.properties ?? {}), b = Z(({
+    id: h,
+    property: A
   }) => {
-    if (!w)
+    if (!h)
       throw Error();
     l("properties", {
       ...o.properties ?? {},
-      [w]: q
-    }, !1), l("propertiesOrder", [...g, w], !1), m(!1);
-  }, [o.properties, g]), O = X((w, q) => {
-    const F = w ? ce(w, q) : void 0;
-    if (!F)
+      [h]: A
+    }, !1), l("propertiesOrder", [...g, h], !1), m(!1);
+  }, [o.properties, g]), O = Z((h, A) => {
+    const E = h ? ce(h, A) : void 0;
+    if (!E)
       throw Error("collection editor miss config");
-    const A = _e(F), S = Ne(q), E = P(o, S) ?? Object.keys(P(o, ki(q)));
-    l(A, void 0, !1), l(S, E.filter((v) => v !== w), !1), m(!1), c(void 0), f(void 0);
-  }, [l, o]), k = u ? ce(u, d) : void 0, x = k ? P(o.properties, k.replaceAll(".", ".properties.")) : void 0, h = /* @__PURE__ */ n(
-    B,
+    const z = ke(E), q = Pe(A), B = P(o, q) ?? Object.keys(P(o, ki(A)));
+    l(z, void 0, !1), l(q, B.filter((S) => S !== h), !1), m(!1), d(void 0), y(void 0);
+  }, [l, o]), w = u ? ce(u, c) : void 0, k = w ? P(o.properties, w.replaceAll(".", ".properties.")) : void 0, f = /* @__PURE__ */ n(
+    U,
     {
       color: "primary",
       variant: "outlined",
@@ -3303,14 +3303,14 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         o.name ?? "this group"
       ]
     }
-  ), _ = !g || g.length < 1, y = X((w, q) => {
-    l(Ne(q), w, !1);
+  ), v = !g || g.length < 1, _ = Z((h, A) => {
+    l(Pe(A), h, !1);
   }, []);
-  return /* @__PURE__ */ n(M, { children: [
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ n("div", { className: "flex justify-between items-end my-4", children: [
         /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Properties in this group" }),
-        h
+        f
       ] }),
       /* @__PURE__ */ n(qe, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
@@ -3320,13 +3320,13 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
             propertiesOrder: g,
             errors: {},
             collectionEditable: s,
-            onPropertyClick: (w, q) => {
-              c(w), f(q), m(!0);
+            onPropertyClick: (h, A) => {
+              d(h), y(A), m(!0);
             },
-            onPropertyMove: y
+            onPropertyMove: _
           }
         ),
-        _ && /* @__PURE__ */ e(
+        v && /* @__PURE__ */ e(
           C,
           {
             variant: "label",
@@ -3343,7 +3343,7 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
           position: "start",
           size: "small",
           label: "Spread children as columns",
-          onValueChange: (w) => l("spreadChildren", w),
+          onValueChange: (h) => l("spreadChildren", h),
           value: o.spreadChildren ?? !1
         }
       ),
@@ -3358,16 +3358,16 @@ function Ti({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         allowDataInference: i,
         collectionEditable: s,
         onCancel: () => {
-          m(!1), c(void 0), f(void 0);
+          m(!1), d(void 0), y(void 0);
         },
         onOkClicked: () => {
-          m(!1), c(void 0), f(void 0);
+          m(!1), d(void 0), y(void 0);
         },
         getData: a,
         onDelete: O,
         propertyKey: u,
-        propertyNamespace: d,
-        property: x,
+        propertyNamespace: c,
+        property: k,
         existingProperty: !!u,
         autoUpdateId: !u,
         autoOpenTypeSelect: !u,
@@ -3391,20 +3391,20 @@ function Vi({
     values: p,
     handleChange: m,
     errors: u,
-    setFieldValue: c,
-    touched: d
-  } = K(), [f, g] = $(!1), b = P(p, "of"), O = P(d, "of") && P(u, "of"), k = X(({ id: h, property: _, namespace: y }) => {
-    c("of", _);
-  }, []), x = b && Ze(b, o);
-  return /* @__PURE__ */ n(M, { children: [
+    setFieldValue: d,
+    touched: c
+  } = Y(), [y, g] = L(!1), b = P(p, "of"), O = P(c, "of") && P(u, "of"), w = Z(({ id: f, property: v, namespace: _ }) => {
+    d("of", v);
+  }, []), k = b && Ze(b, o);
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n("div", { className: "col-span-12", children: [
       /* @__PURE__ */ e(C, { variant: "subtitle2", children: "Repeat component" }),
       /* @__PURE__ */ e(
-        be,
+        ye,
         {
           name: "of",
           value: b,
-          validate: (h) => h?.dataType ? void 0 : "You need to specify a repeat field",
+          validate: (f) => f?.dataType ? void 0 : "You need to specify a repeat field",
           children: () => /* @__PURE__ */ n(qe, { className: "p-2 mt-4", children: [
             b && /* @__PURE__ */ e(
               oa,
@@ -3418,7 +3418,7 @@ function Vi({
               }
             ),
             !i && !b && /* @__PURE__ */ n(
-              B,
+              U,
               {
                 variant: "text",
                 size: "large",
@@ -3426,7 +3426,7 @@ function Vi({
                 onClick: () => g(!0),
                 children: [
                   "Edit ",
-                  `${x ? x.name : "repeat component"}`
+                  `${k ? k.name : "repeat component"}`
                 ]
               }
             ),
@@ -3434,7 +3434,7 @@ function Vi({
               je,
               {
                 inArray: !0,
-                open: f,
+                open: y,
                 existingProperty: a,
                 getData: r,
                 autoUpdateId: !a,
@@ -3443,7 +3443,7 @@ function Vi({
                 allowDataInference: s,
                 property: b,
                 includeIdAndName: !1,
-                onPropertyChanged: k,
+                onPropertyChanged: w,
                 forceShowErrors: t,
                 propertyConfigs: o,
                 collectionEditable: l
@@ -3456,7 +3456,7 @@ function Vi({
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(At, { disabled: i }) }) })
   ] });
 }
-const Ii = L.forwardRef(
+const Ii = K.forwardRef(
   function({
     showErrors: a,
     disabledId: i,
@@ -3466,15 +3466,15 @@ const Ii = L.forwardRef(
   }, l) {
     const {
       errors: p
-    } = K(), m = "name", u = a && P(p, m), c = "id", d = a && P(p, c), f = "description", g = a && P(p, f);
+    } = Y(), m = "name", u = a && P(p, m), d = "id", c = a && P(p, d), y = "description", g = a && P(p, y);
     return /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 col-span-12", children: [
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          be,
+          ye,
           {
             inputRef: l,
             name: m,
-            as: H,
+            as: J,
             style: { fontSize: 20 },
             validate: Ei,
             placeholder: "Field name",
@@ -3487,26 +3487,26 @@ const Ii = L.forwardRef(
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          be,
+          ye,
           {
-            name: c,
+            name: d,
             as: Te,
             label: "ID",
             validate: (b) => ji(b, r),
             disabled: i || s,
             required: !0,
             size: "small",
-            error: !!d
+            error: !!c
           }
         ),
-        /* @__PURE__ */ e(ie, { error: !!d, children: d })
+        /* @__PURE__ */ e(ie, { error: !!c, children: c })
       ] }),
       /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          be,
+          ye,
           {
-            name: f,
-            as: H,
+            name: y,
+            as: J,
             label: "Description",
             disabled: s,
             error: !!g
@@ -3530,8 +3530,8 @@ function Di({
   disabled: a,
   showErrors: i
 }) {
-  const { values: r, setFieldValue: s } = K();
-  return /* @__PURE__ */ n(M, { children: [
+  const { values: r, setFieldValue: s } = Y();
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(ze, { children: [
       t === "text_field" && /* @__PURE__ */ e(
         Ue,
@@ -3599,8 +3599,8 @@ function Di({
   ] });
 }
 function Bi({ disabled: t }) {
-  const { values: a } = K(), i = P(a, "defaultValue");
-  return /* @__PURE__ */ n(M, { children: [
+  const { values: a } = Y(), i = P(a, "defaultValue");
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       de,
@@ -3619,25 +3619,25 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
   const {
     values: o,
     setFieldValue: l
-  } = K(), [p, m] = $(!1), [u, c] = $(), [d, f] = $(), g = X(({
-    id: _,
-    property: y
+  } = Y(), [p, m] = L(!1), [u, d] = L(), [c, y] = L(), g = Z(({
+    id: v,
+    property: _
   }) => {
-    if (!_)
+    if (!v)
       throw Error();
     l("oneOf.properties", {
       ...o.oneOf?.properties ?? {},
-      [_]: y
-    }, !1), l("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), _], !1), m(!1);
-  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = u ? ce(u, d) : void 0, O = b ? P(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, k = X((_, y) => {
-    const w = _ ? ce(_, y) : void 0;
-    if (!w)
+      [v]: _
+    }, !1), l("oneOf.propertiesOrder", [...o.oneOf?.propertiesOrder ?? Object.keys(o.oneOf?.properties ?? {}), v], !1), m(!1);
+  }, [o.oneOf?.properties, o.oneOf?.propertiesOrder]), b = u ? ce(u, c) : void 0, O = b ? P(o.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, w = Z((v, _) => {
+    const h = v ? ce(v, _) : void 0;
+    if (!h)
       throw Error("collection editor miss config");
-    l(`oneOf.${_e(w)}`, void 0, !1);
-    const q = `oneOf.${Ne(y)}`, F = P(o, q);
-    l(q, F.filter((A) => A !== _), !1), m(!1), c(void 0), f(void 0);
-  }, [l, o]), x = /* @__PURE__ */ n(
-    B,
+    l(`oneOf.${ke(h)}`, void 0, !1);
+    const A = `oneOf.${Pe(_)}`, E = P(o, A);
+    l(A, E.filter((z) => z !== v), !1), m(!1), d(void 0), y(void 0);
+  }, [l, o]), k = /* @__PURE__ */ n(
+    U,
     {
       autoFocus: !0,
       color: "primary",
@@ -3648,14 +3648,14 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         o.name ?? "this block"
       ]
     }
-  ), h = X((_, y) => {
-    l(`oneOf.${Ne(y)}`, _, !1);
+  ), f = Z((v, _) => {
+    l(`oneOf.${Pe(_)}`, v, !1);
   }, []);
-  return /* @__PURE__ */ n(M, { children: [
+  return /* @__PURE__ */ n($, { 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(C, { variant: "subtitle2", children: "Properties in this block" }),
-        x
+        k
       ] }),
       /* @__PURE__ */ n(qe, { className: "p-2 pl-8", children: [
         /* @__PURE__ */ e(
@@ -3665,10 +3665,10 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
             propertiesOrder: o.oneOf?.propertiesOrder,
             errors: {},
             collectionEditable: s,
-            onPropertyClick: t ? void 0 : (_, y) => {
-              c(_), f(y), m(!0);
+            onPropertyClick: t ? void 0 : (v, _) => {
+              d(v), y(_), m(!0);
             },
-            onPropertyMove: t ? void 0 : h
+            onPropertyMove: t ? void 0 : f
           }
         ),
         !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" })
@@ -3683,15 +3683,15 @@ function Mi({ disabled: t, getData: a, allowDataInference: i, propertyConfigs: r
         getData: a,
         allowDataInference: i,
         onCancel: () => {
-          m(!1), c(void 0), f(void 0);
+          m(!1), d(void 0), y(void 0);
         },
         onOkClicked: () => {
-          m(!1), c(void 0), f(void 0);
+          m(!1), d(void 0), y(void 0);
         },
         collectionEditable: s,
-        onDelete: k,
+        onDelete: w,
         propertyKey: u,
-        propertyNamespace: d,
+        propertyNamespace: c,
         property: O,
         existingProperty: !!u,
         autoUpdateId: !u,
@@ -3707,11 +3707,11 @@ function Ri({ disabled: t }) {
   const {
     values: a,
     handleChange: i
-  } = K(), r = "validation.min", s = "validation.max", o = "validation.lessThan", l = "validation.moreThan", p = "validation.positive", m = "validation.negative", u = "validation.integer";
+  } = Y(), r = "validation.min", s = "validation.max", o = "validation.lessThan", l = "validation.moreThan", p = "validation.positive", m = "validation.negative", u = "validation.integer";
   return /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(Me, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         value: P(a, r),
         label: "Min value",
@@ -3723,7 +3723,7 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         value: P(a, s),
         label: "Max value",
@@ -3735,7 +3735,7 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         value: P(a, o),
         label: "Less than",
@@ -3747,7 +3747,7 @@ function Ri({ disabled: t }) {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
-      H,
+      J,
       {
         value: P(a, l),
         label: "More than",
@@ -3791,8 +3791,8 @@ function Ri({ disabled: t }) {
   ] });
 }
 function Ui({ disabled: t }) {
-  const { values: a, setFieldValue: i } = K();
-  return /* @__PURE__ */ n(M, { children: [
+  const { values: a, setFieldValue: i } = Y();
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Ri, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       Te,
@@ -3822,20 +3822,20 @@ function Rt({
     touched: p,
     setFieldError: m,
     setFieldValue: u
-  } = K();
+  } = Y();
   if (!Be())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(We, {}) });
-  const d = a ? "of.path" : "path", f = P(s, d), g = r && P(l, d);
-  return console.log("pathError", l, g), /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-    be,
+  const c = a ? "of.path" : "path", y = P(s, c), g = r && P(l, c);
+  return console.log("pathError", l, g), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+    ye,
     {
       required: !0,
-      name: d,
-      pathPath: d,
+      name: c,
+      pathPath: c,
       type: "select",
       validate: $i,
       disabled: t || i,
-      value: f,
+      value: y,
       error: g,
       handleChange: o,
       component: Li
@@ -3859,9 +3859,9 @@ function Li({
   if (!l)
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(We, {}) });
   const p = l?.collections ?? [], m = Array.from(new Set(
-    Object.values(p).map((c) => c.group).filter(Boolean)
-  ).values()), u = p.filter((c) => !c.group);
-  return /* @__PURE__ */ n(M, { children: [
+    Object.values(p).map((d) => d.group).filter(Boolean)
+  ).values()), u = p.filter((d) => !d.group);
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n(
       Se,
       {
@@ -3872,72 +3872,72 @@ function Li({
         name: a,
         onChange: r,
         label: "Target collection",
-        renderValue: (c) => {
-          const d = p.find((g) => g.id === c || g.path === c);
-          if (!d)
+        renderValue: (d) => {
+          const c = p.find((g) => g.id === d || g.path === d);
+          if (!c)
             return null;
-          const f = ct(d);
+          const y = ct(c);
           return /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
-            f,
+            y,
             /* @__PURE__ */ e(
               C,
               {
                 variant: "subtitle2",
                 className: "font-medium ml-4",
-                children: d?.name.toUpperCase()
+                children: c?.name.toUpperCase()
               }
             )
           ] });
         },
         ...o,
         children: [
-          m.flatMap((c) => /* @__PURE__ */ e(
+          m.flatMap((d) => /* @__PURE__ */ e(
             Vt,
             {
-              label: c || "Views",
-              children: p.filter((d) => d.group === c).map((d) => {
-                const f = ct(d);
+              label: d || "Views",
+              children: p.filter((c) => c.group === d).map((c) => {
+                const y = ct(c);
                 return /* @__PURE__ */ e(
                   ee,
                   {
-                    value: d.id ?? d.path,
+                    value: c.id ?? c.path,
                     children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
-                      f,
+                      y,
                       /* @__PURE__ */ e(
                         C,
                         {
                           variant: "subtitle2",
                           className: "font-medium ml-4",
-                          children: d?.name.toUpperCase()
+                          children: c?.name.toUpperCase()
                         }
                       )
                     ] })
                   },
-                  `${d.id ?? d.path}-${c}`
+                  `${c.id ?? c.path}-${d}`
                 );
               })
             },
-            `group_${c}`
+            `group_${d}`
           )),
-          u && /* @__PURE__ */ e(Vt, { label: "Views", children: u.map((c) => {
-            const d = ct(c);
+          u && /* @__PURE__ */ e(Vt, { label: "Views", children: u.map((d) => {
+            const c = ct(d);
             return /* @__PURE__ */ e(
               ee,
               {
-                value: c.id ?? c.path,
+                value: d.id ?? d.path,
                 children: /* @__PURE__ */ n("div", { className: "flex flex-row", children: [
-                  d,
+                  c,
                   /* @__PURE__ */ e(
                     C,
                     {
                       variant: "subtitle2",
                       className: "font-medium ml-4",
-                      children: c?.name.toUpperCase()
+                      children: d?.name.toUpperCase()
                     }
                   )
                 ] })
               },
-              c.id ?? c.path
+              d.id ?? d.path
             );
           }) })
         ]
@@ -3952,8 +3952,8 @@ function Ki({ disabled: t }) {
     errors: i,
     touched: r,
     setFieldValue: s
-  } = K(), o = "mode", l = P(a, o), p = P(r, o) && P(i, o), m = "autoValue", u = P(a, m), c = P(r, m) && P(i, m);
-  return /* @__PURE__ */ n(M, { children: [
+  } = Y(), o = "mode", l = P(a, o), p = P(r, o) && P(i, o), m = "autoValue", u = P(a, m), d = P(r, m) && P(i, m);
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ n(
         Se,
@@ -3961,10 +3961,10 @@ function Ki({ disabled: t }) {
           name: o,
           value: l ?? "date",
           error: !!p,
-          onValueChange: (d) => s(o, d),
+          onValueChange: (c) => s(o, c),
           label: "Mode",
-          renderValue: (d) => {
-            switch (d) {
+          renderValue: (c) => {
+            switch (c) {
               case "date_time":
                 return "Date/Time";
               case "date":
@@ -3987,9 +3987,9 @@ function Ki({ disabled: t }) {
           name: m,
           disabled: t,
           value: u ?? "",
-          onValueChange: (d) => s(m, d),
-          renderValue: (d) => {
-            switch (d) {
+          onValueChange: (c) => s(m, c),
+          renderValue: (c) => {
+            switch (c) {
               case "on_create":
                 return "On create";
               case "on_update":
@@ -3998,7 +3998,7 @@ function Ki({ disabled: t }) {
                 return "None";
             }
           },
-          error: !!c,
+          error: !!d,
           label: "Automatic value",
           children: [
             /* @__PURE__ */ e(ee, { value: "", children: " None " }),
@@ -4007,13 +4007,13 @@ function Ki({ disabled: t }) {
           ]
         }
       ),
-      /* @__PURE__ */ e(ie, { error: !!c, children: c ?? "Update this field automatically when creating or updating the entity" })
+      /* @__PURE__ */ e(ie, { error: !!d, children: d ?? "Update this field automatically when creating or updating the entity" })
     ] }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) })
   ] });
 }
 function Yi({ disabled: t }) {
-  return K(), /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
+  return Y(), /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       de,
       {
@@ -4039,11 +4039,11 @@ function Yi({ disabled: t }) {
   ] });
 }
 function Gi({ disabled: t }) {
-  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }) });
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Me, { disabled: t }) }) }) });
 }
 function na(t, a, i) {
   let r;
-  return a === "text_field" ? r = Y(
+  return a === "text_field" ? r = G(
     t,
     {
       dataType: "string",
@@ -4056,7 +4056,7 @@ function na(t, a, i) {
       url: void 0,
       enumValues: void 0
     }
-  ) : a === "multiline" ? r = Y(
+  ) : a === "multiline" ? r = G(
     t,
     {
       dataType: "string",
@@ -4069,7 +4069,7 @@ function na(t, a, i) {
       url: void 0,
       enumValues: void 0
     }
-  ) : a === "markdown" ? r = Y(
+  ) : a === "markdown" ? r = G(
     t,
     {
       dataType: "string",
@@ -4081,7 +4081,7 @@ function na(t, a, i) {
       email: void 0,
       url: void 0
     }
-  ) : a === "url" ? r = Y(
+  ) : a === "url" ? r = G(
     t,
     {
       dataType: "string",
@@ -4094,7 +4094,7 @@ function na(t, a, i) {
       url: !0,
       enumValues: void 0
     }
-  ) : a === "email" ? r = Y(
+  ) : a === "email" ? r = G(
     t,
     {
       dataType: "string",
@@ -4107,7 +4107,7 @@ function na(t, a, i) {
       url: void 0,
       enumValues: void 0
     }
-  ) : a === "select" ? r = Y(
+  ) : a === "select" ? r = G(
     t,
     {
       dataType: "string",
@@ -4120,7 +4120,7 @@ function na(t, a, i) {
       url: void 0,
       enumValues: t.enumValues ?? []
     }
-  ) : a === "multi_select" ? r = Y(
+  ) : a === "multi_select" ? r = G(
     t,
     {
       dataType: "array",
@@ -4131,7 +4131,7 @@ function na(t, a, i) {
         enumValues: t.of?.enumValues ?? []
       }
     }
-  ) : a === "number_input" ? r = Y(
+  ) : a === "number_input" ? r = G(
     t,
     {
       dataType: "number",
@@ -4139,7 +4139,7 @@ function na(t, a, i) {
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: void 0
     }
-  ) : a === "number_select" ? r = Y(
+  ) : a === "number_select" ? r = G(
     t,
     {
       dataType: "number",
@@ -4147,7 +4147,7 @@ function na(t, a, i) {
       editable: t.editable !== void 0 ? t.editable : !0,
       enumValues: t.enumValues ?? []
     }
-  ) : a === "multi_number_select" ? r = Y(
+  ) : a === "multi_number_select" ? r = G(
     t,
     {
       dataType: "array",
@@ -4158,7 +4158,7 @@ function na(t, a, i) {
         enumValues: t.of?.enumValues ?? []
       }
     }
-  ) : a === "file_upload" ? r = Y(
+  ) : a === "file_upload" ? r = G(
     t,
     {
       dataType: "string",
@@ -4168,7 +4168,7 @@ function na(t, a, i) {
         storagePath: "/"
       }
     }
-  ) : a === "multi_file_upload" ? r = Y(
+  ) : a === "multi_file_upload" ? r = G(
     t,
     {
       dataType: "array",
@@ -4181,7 +4181,7 @@ function na(t, a, i) {
         }
       }
     }
-  ) : a === "group" ? r = Y(
+  ) : a === "group" ? r = G(
     t,
     {
       dataType: "map",
@@ -4190,7 +4190,7 @@ function na(t, a, i) {
       keyValue: !1,
       properties: t.properties ?? {}
     }
-  ) : a === "key_value" ? r = Y(
+  ) : a === "key_value" ? r = G(
     t,
     {
       dataType: "map",
@@ -4199,14 +4199,14 @@ function na(t, a, i) {
       keyValue: !0,
       properties: void 0
     }
-  ) : a === "reference" ? r = Y(
+  ) : a === "reference" ? r = G(
     t,
     {
       dataType: "reference",
       propertyConfig: "reference",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : a === "multi_references" ? r = Y(
+  ) : a === "multi_references" ? r = G(
     t,
     {
       dataType: "array",
@@ -4216,14 +4216,14 @@ function na(t, a, i) {
         dataType: "reference"
       }
     }
-  ) : a === "switch" ? r = Y(
+  ) : a === "switch" ? r = G(
     t,
     {
       dataType: "boolean",
       propertyConfig: "switch",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : a === "date_time" ? r = Y(
+  ) : a === "date_time" ? r = G(
     t,
     {
       dataType: "date",
@@ -4231,14 +4231,14 @@ function na(t, a, i) {
       editable: t.editable !== void 0 ? t.editable : !0,
       mode: "date_time"
     }
-  ) : a === "repeat" ? r = Y(
+  ) : a === "repeat" ? r = G(
     t,
     {
       dataType: "array",
       propertyConfig: "repeat",
       editable: t.editable !== void 0 ? t.editable : !0
     }
-  ) : a === "block" ? r = Y(
+  ) : a === "block" ? r = G(
     t,
     {
       dataType: "array",
@@ -4263,7 +4263,7 @@ function sa({ value: t, optionDisabled: a, propertyConfig: i, existing: r }) {
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: ke(
+          className: xe(
             "flex flex-row items-center text-base min-h-[52px]",
             a ? "w-full" : ""
           ),
@@ -4291,8 +4291,8 @@ function Hi({
   disabled: t,
   showErrors: a
 }) {
-  const { values: i, setFieldValue: r } = K(), s = P(i, "url");
-  return /* @__PURE__ */ n(M, { children: [
+  const { values: i, setFieldValue: r } = Y(), s = P(i, "url");
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ n(
       Se,
       {
@@ -4368,7 +4368,7 @@ const Ji = [
   "key_value",
   "repeat",
   "block"
-], la = Object.entries(Zt).filter(([t]) => Ji.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = L.memo(
+], la = Object.entries(Zt).filter(([t]) => Ji.includes(t)).map(([t, a]) => ({ [t]: a })).reduce((t, a) => ({ ...t, ...a }), {}), ca = K.memo(
   function({
     includeIdAndName: a = !0,
     autoOpenTypeSelect: i,
@@ -4379,75 +4379,75 @@ const Ji = [
     propertyNamespace: p,
     property: m,
     onPropertyChanged: u,
-    onPropertyChangedImmediate: c = !0,
-    onDelete: d,
-    onError: f,
+    onPropertyChangedImmediate: d = !0,
+    onDelete: c,
+    onError: y,
     initialErrors: g,
     forceShowErrors: b,
     existingPropertyKeys: O,
-    allowDataInference: k,
-    getHelpers: x,
-    getData: h,
-    propertyConfigs: _,
-    collectionEditable: y
+    allowDataInference: w,
+    getHelpers: k,
+    getData: f,
+    propertyConfigs: v,
+    collectionEditable: _
   }) {
-    const w = {
+    const h = {
       id: "",
       name: ""
-    }, q = !!(m && !Je(m)) && !y, F = He(m ? {
+    }, A = !!(m && !Je(m)) && !_, E = He(m ? {
       id: l,
       previousId: l,
       property: m
-    } : void 0), A = ({
-      id: S,
-      property: E
+    } : void 0), z = ({
+      id: q,
+      property: B
     }) => {
-      const v = {
-        id: S,
-        previousId: F.current?.id,
-        property: E,
+      const S = {
+        id: q,
+        previousId: E.current?.id,
+        property: B,
         namespace: p
       };
-      F.current = v, u?.(v);
+      E.current = S, u?.(S);
     };
     return /* @__PURE__ */ e(
       St,
       {
         initialErrors: g,
-        initialValues: m ? { id: l, ...m } : w,
-        onSubmit: (S, E) => {
-          console.log("Submitting property", S);
+        initialValues: m ? { id: l, ...m } : h,
+        onSubmit: (q, B) => {
+          console.log("Submitting property", q);
           const {
-            id: v,
-            ...V
-          } = S;
-          A({
-            id: v,
-            property: { ...V, editable: V.editable ?? !0 }
-          }), r || E.resetForm({ values: w });
+            id: S,
+            ...N
+          } = q;
+          z({
+            id: S,
+            property: { ...N, editable: N.editable ?? !0 }
+          }), r || B.resetForm({ values: h });
         },
-        children: (S) => (pe(() => {
-          x?.(S);
-        }, [S]), /* @__PURE__ */ e(
+        children: (q) => (pe(() => {
+          k?.(q);
+        }, [q]), /* @__PURE__ */ e(
           Qi,
           {
-            onPropertyChanged: c ? A : void 0,
-            onDelete: d,
+            onPropertyChanged: d ? z : void 0,
+            onDelete: c,
             includeIdAndTitle: a,
             propertyNamespace: p,
-            onError: f,
-            showErrors: b || S.submitCount > 0,
+            onError: y,
+            showErrors: b || q.submitCount > 0,
             existing: r,
             autoUpdateId: s,
             inArray: o,
             autoOpenTypeSelect: i,
             existingPropertyKeys: O,
-            disabled: q,
-            getData: h,
-            allowDataInference: k,
-            propertyConfigs: _,
-            collectionEditable: y,
-            ...S
+            disabled: A,
+            getData: f,
+            allowDataInference: w,
+            propertyConfigs: v,
+            collectionEditable: _,
+            ...q
           }
         ))
       },
@@ -4490,7 +4490,7 @@ function je({
         ) }),
         /* @__PURE__ */ n(Le, { children: [
           a && /* @__PURE__ */ e(
-            B,
+            U,
             {
               variant: "text",
               onClick: () => {
@@ -4500,7 +4500,7 @@ function je({
             }
           ),
           /* @__PURE__ */ e(
-            B,
+            U,
             {
               variant: "outlined",
               color: "primary",
@@ -4524,108 +4524,108 @@ function Qi({
   autoOpenTypeSelect: p,
   includeIdAndTitle: m,
   onPropertyChanged: u,
-  onDelete: c,
-  propertyNamespace: d,
-  onError: f,
+  onDelete: d,
+  propertyNamespace: c,
+  onError: y,
   showErrors: g,
   disabled: b,
   inArray: O,
-  existingPropertyKeys: k,
-  getData: x,
-  allowDataInference: h,
-  propertyConfigs: _,
-  collectionEditable: y
+  existingPropertyKeys: w,
+  getData: k,
+  allowDataInference: f,
+  propertyConfigs: v,
+  collectionEditable: _
 }) {
-  const [w, q] = $(p), [F, A] = $(!1), [S, E] = $(t?.dataType ? Xt(t) : void 0), v = Object.entries(la).concat(Object.entries(_)), V = O ? v.filter(([W, te]) => !oe(te.property) && te.property?.dataType !== "array") : v, J = ba(t), N = He(null), R = He(t), ge = "id", xe = g && P(a, "selectedWidget");
+  const [h, A] = L(p), [E, z] = L(!1), [q, B] = L(t?.dataType ? Xt(t) : void 0), S = Object.entries(la).concat(Object.entries(v)), N = O ? S.filter(([Q, te]) => !oe(te.property) && te.property?.dataType !== "array") : S, j = ba(t), x = He(null), I = He(t), ge = "id", fe = g && P(a, "selectedWidget");
   pe(() => {
     !P(i, ge) && l && t?.name && s(ge, Ct(t.name));
   }, [l, i, t?.name]), pe(() => {
-    if (u && (!m || J.id)) {
+    if (u && (!m || j.id)) {
       const {
-        id: W,
+        id: Q,
         ...te
-      } = J;
-      ut(J, R.current) || (u({
-        id: W,
+      } = j;
+      ut(j, I.current) || (u({
+        id: Q,
         property: te,
-        namespace: d
-      }), R.current = J);
+        namespace: c
+      }), I.current = j);
     }
-  }, [J, m, u, d]), pe(() => {
-    t?.id && f && Object.keys(a).length > 0 && f(t?.id, d, a);
-  }, [a, f, d, t?.id]);
-  const Q = (W) => {
-    E(W), r(na(t, W, _)), setTimeout(() => {
-      N.current?.focus();
+  }, [j, m, u, c]), pe(() => {
+    t?.id && y && Object.keys(a).length > 0 && y(t?.id, c, a);
+  }, [a, y, c, t?.id]);
+  const X = (Q) => {
+    B(Q), r(na(t, Q, v)), setTimeout(() => {
+      x.current?.focus();
     }, 0);
   };
-  let U;
-  return S === "text_field" || S === "multiline" || S === "markdown" || S === "email" ? U = /* @__PURE__ */ e(
+  let M;
+  return q === "text_field" || q === "multiline" || q === "markdown" || q === "email" ? M = /* @__PURE__ */ e(
     Di,
     {
-      widgetId: S,
+      widgetId: q,
       disabled: b,
       showErrors: g
     }
-  ) : S === "url" ? U = /* @__PURE__ */ e(
+  ) : q === "url" ? M = /* @__PURE__ */ e(
     Hi,
     {
       disabled: b,
       showErrors: g
     }
-  ) : S === "select" || S === "number_select" ? U = /* @__PURE__ */ e(
+  ) : q === "select" || q === "number_select" ? M = /* @__PURE__ */ e(
     Bt,
     {
       multiselect: !1,
-      allowDataInference: h,
+      allowDataInference: f,
       updateIds: !o,
       disabled: b,
-      getData: x,
+      getData: k,
       showErrors: g
     }
-  ) : S === "multi_select" || S === "multi_number_select" ? U = /* @__PURE__ */ e(
+  ) : q === "multi_select" || q === "multi_number_select" ? M = /* @__PURE__ */ e(
     Bt,
     {
       multiselect: !0,
       updateIds: !o,
       disabled: b,
-      allowDataInference: h,
-      getData: x,
+      allowDataInference: f,
+      getData: k,
       showErrors: g
     }
-  ) : S === "file_upload" ? U = /* @__PURE__ */ e(
+  ) : q === "file_upload" ? M = /* @__PURE__ */ e(
     Mt,
     {
       existing: o,
       multiple: !1,
       disabled: b
     }
-  ) : S === "multi_file_upload" ? U = /* @__PURE__ */ e(
+  ) : q === "multi_file_upload" ? M = /* @__PURE__ */ e(
     Mt,
     {
       existing: o,
       multiple: !0,
       disabled: b
     }
-  ) : S === "switch" ? U = /* @__PURE__ */ e(Bi, { disabled: b }) : S === "number_input" ? U = /* @__PURE__ */ e(Ui, { disabled: b }) : S === "group" ? U = /* @__PURE__ */ e(
+  ) : q === "switch" ? M = /* @__PURE__ */ e(Bi, { disabled: b }) : q === "number_input" ? M = /* @__PURE__ */ e(Ui, { disabled: b }) : q === "group" ? M = /* @__PURE__ */ e(
     Ti,
     {
       disabled: b,
-      getData: x,
-      allowDataInference: h,
-      collectionEditable: y,
-      propertyConfigs: _
+      getData: k,
+      allowDataInference: f,
+      collectionEditable: _,
+      propertyConfigs: v
     }
-  ) : S === "block" ? U = /* @__PURE__ */ e(
+  ) : q === "block" ? M = /* @__PURE__ */ e(
     Mi,
     {
       disabled: b,
-      getData: x,
-      allowDataInference: h,
-      collectionEditable: y,
-      propertyConfigs: _
+      getData: k,
+      allowDataInference: f,
+      collectionEditable: _,
+      propertyConfigs: v
     }
-  ) : S === "reference" ? U = /* @__PURE__ */ e(
+  ) : q === "reference" ? M = /* @__PURE__ */ e(
     Rt,
     {
       showErrors: g,
@@ -4633,7 +4633,7 @@ function Qi({
       multiple: !1,
       disabled: b
     }
-  ) : S === "date_time" ? U = /* @__PURE__ */ e(Ki, { disabled: b }) : S === "multi_references" ? U = /* @__PURE__ */ e(
+  ) : q === "date_time" ? M = /* @__PURE__ */ e(Ki, { disabled: b }) : q === "multi_references" ? M = /* @__PURE__ */ e(
     Rt,
     {
       showErrors: g,
@@ -4641,18 +4641,18 @@ function Qi({
       multiple: !0,
       disabled: b
     }
-  ) : S === "repeat" ? U = /* @__PURE__ */ e(
+  ) : q === "repeat" ? M = /* @__PURE__ */ e(
     Vi,
     {
       showErrors: g,
       existing: o,
-      getData: x,
-      allowDataInference: h,
+      getData: k,
+      allowDataInference: f,
       disabled: b,
-      collectionEditable: y,
-      propertyConfigs: _
+      collectionEditable: _,
+      propertyConfigs: v
     }
-  ) : S === "key_value" ? U = /* @__PURE__ */ e(Gi, { disabled: b }) : U = null, /* @__PURE__ */ n(M, { children: [
+  ) : q === "key_value" ? M = /* @__PURE__ */ e(Gi, { disabled: b }) : M = null, /* @__PURE__ */ n($, { children: [
     b && /* @__PURE__ */ n(ea, { mode: "warn", children: [
       /* @__PURE__ */ e(C, { children: "This property can't be edited" }),
       /* @__PURE__ */ n(C, { variant: "caption", children: [
@@ -4666,26 +4666,26 @@ function Qi({
         /* @__PURE__ */ e(
           Se,
           {
-            error: !!xe,
-            value: S ?? "",
+            error: !!fe,
+            value: q ?? "",
             placeholder: "Select a property widget",
-            open: w,
-            onOpenChange: q,
+            open: h,
+            onOpenChange: A,
             position: "item-aligned",
             disabled: b,
-            renderValue: (W) => {
-              if (!W)
+            renderValue: (Q) => {
+              if (!Q)
                 return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-              const te = W, me = Zt[te] ?? _[te], ue = me.property, fe = ue && !oe(ue) ? Ze(ue, _) : void 0, ye = oe(ue) || o && ue.dataType !== t?.dataType, Ce = fe ? Y(fe, me) : me;
+              const te = Q, me = Zt[te] ?? v[te], ue = me.property, be = ue && !oe(ue) ? Ze(ue, v) : void 0, ve = oe(ue) || o && ue.dataType !== t?.dataType, Ce = be ? G(be, me) : me;
               return /* @__PURE__ */ n(
                 "div",
                 {
                   onClick: (ae) => {
-                    ye && (ae.stopPropagation(), ae.preventDefault());
+                    ve && (ae.stopPropagation(), ae.preventDefault());
                   },
-                  className: ke(
+                  className: xe(
                     "flex items-center",
-                    ye ? "w-full pointer-events-none opacity-50" : ""
+                    ve ? "w-full pointer-events-none opacity-50" : ""
                   ),
                   children: [
                     /* @__PURE__ */ e("div", { className: "mr-8", children: /* @__PURE__ */ e(Xe, { propertyConfig: Ce }) }),
@@ -4696,7 +4696,7 @@ function Qi({
                         {
                           variant: "caption",
                           color: "disabled",
-                          children: ye ? "You can only switch to widgets that use the same data type" : Ce.description
+                          children: ve ? "You can only switch to widgets that use the same data type" : Ce.description
                         }
                       )
                     ] })
@@ -4704,25 +4704,25 @@ function Qi({
                 }
               );
             },
-            onValueChange: (W) => {
-              Q(W);
+            onValueChange: (Q) => {
+              X(Q);
             },
-            children: V.map(([W, te]) => {
+            children: N.map(([Q, te]) => {
               const me = te.property, ue = o && !oe(me) && me.dataType !== t?.dataType;
               return /* @__PURE__ */ e(
                 sa,
                 {
-                  value: W,
+                  value: Q,
                   optionDisabled: ue,
                   propertyConfig: te,
                   existing: o
                 },
-                W
+                Q
               );
             })
           }
         ),
-        xe && /* @__PURE__ */ e(
+        fe && /* @__PURE__ */ e(
           C,
           {
             variant: "caption",
@@ -4732,13 +4732,13 @@ function Qi({
           }
         )
       ] }),
-      c && t?.id && /* @__PURE__ */ e(
+      d && t?.id && /* @__PURE__ */ e(
         ne,
         {
           variant: "ghost",
           className: "m-4",
           disabled: b,
-          onClick: () => A(!0),
+          onClick: () => z(!0),
           children: /* @__PURE__ */ e(pt, {})
         }
       )
@@ -4750,20 +4750,20 @@ function Qi({
           showErrors: g,
           disabledId: o,
           isNewProperty: !o,
-          existingPropertyKeys: k,
+          existingPropertyKeys: w,
           disabled: b,
-          ref: N
+          ref: x
         }
       ),
-      U,
+      M,
       /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Yi, { disabled: b }) })
     ] }),
-    c && /* @__PURE__ */ e(
+    d && /* @__PURE__ */ e(
       mt,
       {
-        open: F,
-        onAccept: () => c(t?.id, d),
-        onCancel: () => A(!1),
+        open: E,
+        onAccept: () => d(t?.id, c),
+        onCancel: () => z(!1),
         title: /* @__PURE__ */ e("div", { children: "Delete this property?" }),
         body: /* @__PURE__ */ n("div", { children: [
           " This will ",
@@ -4811,13 +4811,13 @@ const ` + Wi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), nu
               theme: ci.vsDark,
               code: s,
               language: "typescript",
-              children: ({ className: o, style: l, tokens: p, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: p.map((c, d) => /* @__PURE__ */ e("div", { ...m({ line: c }), children: c.map((f, g) => /* @__PURE__ */ e("span", { ...u({ token: f }) }, g)) }, d)) })
+              children: ({ className: o, style: l, tokens: p, getLineProps: m, getTokenProps: u }) => /* @__PURE__ */ e("pre", { style: l, className: "p-4 rounded text-sm", children: p.map((d, c) => /* @__PURE__ */ e("div", { ...m({ line: d }), children: d.map((y, g) => /* @__PURE__ */ e("span", { ...u({ token: y }) }, g)) }, c)) })
             }
           )
         ] }),
         /* @__PURE__ */ n(Le, { children: [
           /* @__PURE__ */ n(
-            B,
+            U,
             {
               variant: "text",
               size: "small",
@@ -4831,7 +4831,7 @@ const ` + Wi(t.name) + "Collection:EntityCollection = " + si.stringify(da(t), nu
               ]
             }
           ),
-          /* @__PURE__ */ e(B, { onClick: () => a(!1), children: "Close" })
+          /* @__PURE__ */ e(U, { onClick: () => a(!1), children: "Close" })
         ] })
       ]
     }
@@ -4877,124 +4877,124 @@ function Xi({
   getUser: p,
   getData: m,
   doCollectionInference: u,
-  propertyConfigs: c,
-  collectionEditable: d
+  propertyConfigs: d,
+  collectionEditable: c
 }) {
   const {
-    values: f,
+    values: y,
     setFieldValue: g,
     setFieldError: b,
     setFieldTouched: O,
-    errors: k,
-    dirty: x
-  } = K(), h = De(), _ = Ea("lg"), y = !_, [w, q] = $(), [F, A] = $(), [S, E] = $(), v = F ? ce(F, S) : void 0, V = v ? P(f.properties, v.replaceAll(".", ".properties.")) : void 0, [J, N] = $(!1), [R, ge] = $(!1), [xe, Q] = $(!1), [U, W] = $([]), te = L.useRef(f.propertiesOrder ? { "": f.propertiesOrder } : {});
+    errors: w,
+    dirty: k
+  } = Y(), f = De(), v = Ea("lg"), _ = !v, [h, A] = L(), [E, z] = L(), [q, B] = L(), S = E ? ce(E, q) : void 0, N = S ? P(y.properties, S.replaceAll(".", ".properties.")) : void 0, [j, x] = L(!1), [I, ge] = L(!1), [fe, X] = L(!1), [M, Q] = L([]), te = K.useRef(y.propertiesOrder ? { "": y.propertiesOrder } : {});
   pe(() => {
-    s && s(x);
-  }, [x]);
+    s && s(k);
+  }, [k]);
   const me = u ? () => {
-    u && (ge(!0), u(f).then((z) => {
-      if (z && et(z.properties), !z) {
-        h.open({
+    u && (ge(!0), u(y).then((T) => {
+      if (T && et(T.properties), !T) {
+        f.open({
           type: "error",
           message: "Could not infer properties from data"
         });
         return;
       }
-      const j = (z.properties ? Object.keys(z.properties) : []).filter((le) => !f.properties[le]);
-      if (j.length === 0) {
-        h.open({
+      const D = (T.properties ? Object.keys(T.properties) : []).filter((le) => !y.properties[le]);
+      if (D.length === 0) {
+        f.open({
           type: "info",
           message: "No new properties found in existing data"
         });
         return;
       }
-      const G = {
-        ...j.reduce((le, ve) => (le[ve] = (z.properties ?? {})[ve], le), {}),
-        ...f.properties
+      const H = {
+        ...D.reduce((le, we) => (le[we] = (T.properties ?? {})[we], le), {}),
+        ...y.properties
       }, se = [
-        ...j,
-        ...f.propertiesOrder ?? []
+        ...D,
+        ...y.propertiesOrder ?? []
       ];
-      g("properties", G, !1), fe(se), W(j);
+      g("properties", H, !1), be(se), Q(D);
     }).finally(() => {
       ge(!1);
     }));
-  } : void 0, ue = (z) => z ? te.current[z] ?? P(f, Ne(z)) : te.current[""], fe = (z, j) => {
-    const G = Ne(j);
-    g(G, z, !1), te.current[j ?? ""] = z;
-  }, ye = (z, j) => {
-    const G = z ? ce(z, j) : void 0;
-    if (!G)
+  } : void 0, ue = (T) => T ? te.current[T] ?? P(y, Pe(T)) : te.current[""], be = (T, D) => {
+    const H = Pe(D);
+    g(H, T, !1), te.current[D ?? ""] = T;
+  }, ve = (T, D) => {
+    const H = T ? ce(T, D) : void 0;
+    if (!H)
       throw Error("collection editor miss config");
-    g(_e(G), void 0, !1);
-    const le = ue(j).filter((ve) => ve !== z);
-    fe(le, j), Q(!1), q(void 0), A(void 0), E(void 0);
-  }, Ce = (z, j) => {
-    g(Ne(j), z, !1);
+    g(ke(H), void 0, !1);
+    const le = ue(D).filter((we) => we !== T);
+    be(le, D), X(!1), A(void 0), z(void 0), B(void 0);
+  }, Ce = (T, D) => {
+    g(Pe(D), T, !1);
   }, ae = ({
-    id: z,
-    property: j
+    id: T,
+    property: D
   }) => {
     if (console.log("onPropertyCreated", {
-      id: z,
-      property: j
-    }), !z)
+      id: T,
+      property: D
+    }), !T)
       throw Error("Need to include an ID when creating a new property");
     g("properties", {
-      ...f.properties ?? {},
-      [z]: j
+      ...y.properties ?? {},
+      [T]: D
     }, !1);
-    const G = [...f.propertiesOrder ?? Object.keys(f.properties), z];
+    const H = [...y.propertiesOrder ?? Object.keys(y.properties), T];
     console.log("onPropertyCreated", {
-      id: z,
-      property: j,
-      newPropertiesOrder: G
-    }), fe(G), Q(!1), _ && (q(G.indexOf(z)), A(z)), E(void 0);
+      id: T,
+      property: D,
+      newPropertiesOrder: H
+    }), be(H), X(!1), v && (A(H.indexOf(T)), z(T)), B(void 0);
   }, Ve = ({
-    id: z,
-    property: j,
-    previousId: G,
+    id: T,
+    property: D,
+    previousId: H,
     namespace: se
   }) => {
-    const le = z ? ce(z, se) : void 0, ve = le ? _e(le) : void 0;
-    if (G && G !== z) {
-      const yt = ce(G, se), it = _e(yt), Z = ue(se).map((Ie) => Ie === G ? z : Ie).filter((Ie) => Ie !== void 0);
-      fe(Z, se), z && (q(Z.indexOf(z)), A(z)), g(it, void 0, !1), O(it, !1, !1);
+    const le = T ? ce(T, se) : void 0, we = le ? ke(le) : void 0;
+    if (H && H !== T) {
+      const yt = ce(H, se), it = ke(yt), W = ue(se).map((Ie) => Ie === H ? T : Ie).filter((Ie) => Ie !== void 0);
+      be(W, se), T && (A(W.indexOf(T)), z(T)), g(it, void 0, !1), O(it, !1, !1);
     }
-    ve && (g(ve, j, !1), O(ve, !0, !1));
-  }, tt = (z, j, G) => {
-    const se = z ? ce(z, j) : void 0;
+    we && (g(we, D, !1), O(we, !0, !1));
+  }, tt = (T, D, H) => {
+    const se = T ? ce(T, D) : void 0;
     if (console.warn("onPropertyErrorInternal", {
-      id: z,
-      namespace: j,
-      error: G,
+      id: T,
+      namespace: D,
+      error: H,
       propertyPath: se
     }), se) {
-      const le = G && Object.keys(G).length > 0;
-      r(z, j, le ? G : void 0), b(_e(se), le ? "Property error" : void 0);
+      const le = H && Object.keys(H).length > 0;
+      r(T, D, le ? H : void 0), b(ke(se), le ? "Property error" : void 0);
     }
   }, bt = () => {
-    q(void 0), A(void 0);
-  }, T = F && i?.current?.properties ? i.current.properties[F] : void 0, I = f?.propertiesOrder === void 0 || f.propertiesOrder.length === 0, D = f.propertiesOrder ? f.propertiesOrder : Object.keys(f.properties), Oe = Kt(() => p(f.ownerId), [p, f.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
-    /* @__PURE__ */ n("div", { className: ke(
+    A(void 0), z(void 0);
+  }, V = E && i?.current?.properties ? i.current.properties[E] : void 0, F = y?.propertiesOrder === void 0 || y.propertiesOrder.length === 0, R = y.propertiesOrder ? y.propertiesOrder : Object.keys(y.properties), Oe = Kt(() => p(y.ownerId), [p, y.ownerId]), at = /* @__PURE__ */ n("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+    /* @__PURE__ */ n("div", { className: xe(
       "p-4 md:p-8 pb-20 md:pb-20",
       "col-span-12 lg:col-span-5 h-full overflow-auto",
-      !y && "border-r " + Pt
+      !_ && "border-r " + Nt
     ), children: [
       /* @__PURE__ */ n("div", { className: "flex my-2", children: [
         /* @__PURE__ */ n("div", { className: "flex-grow mb-4", children: [
           /* @__PURE__ */ e(
-            be,
+            ye,
             {
               name: "name",
-              as: H,
+              as: J,
               invisible: !0,
               className: "-ml-1",
               inputClassName: "text-2xl font-headers",
               placeholder: "Collection name",
               size: "small",
               required: !0,
-              error: !!k?.name
+              error: !!w?.name
             }
           ),
           Oe && /* @__PURE__ */ n(
@@ -5016,8 +5016,8 @@ function Xi({
             ne,
             {
               variant: "filled",
-              disabled: R,
-              onClick: () => N(!0),
+              disabled: I,
+              onClick: () => x(!0),
               children: /* @__PURE__ */ e(Da, {})
             }
           ) }),
@@ -5025,58 +5025,58 @@ function Xi({
             ne,
             {
               variant: "filled",
-              disabled: R,
+              disabled: I,
               onClick: me,
-              children: R ? /* @__PURE__ */ e(We, { size: "small" }) : /* @__PURE__ */ e(gt, {})
+              children: I ? /* @__PURE__ */ e(We, { size: "small" }) : /* @__PURE__ */ e(gt, {})
             }
           ) }),
           /* @__PURE__ */ e(re, { title: "Add new property", children: /* @__PURE__ */ e(
-            B,
+            U,
             {
               variant: "outlined",
-              onClick: () => Q(!0),
+              onClick: () => X(!0),
               children: /* @__PURE__ */ e(Ae, {})
             }
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
         ft,
         {
           className: "pl-8",
-          onPropertyClick: (z, j) => {
-            q(D.indexOf(z)), A(z), E(j);
+          onPropertyClick: (T, D) => {
+            A(R.indexOf(T)), z(T), B(D);
           },
-          inferredPropertyKeys: U,
-          selectedPropertyKey: F ? ce(F, S) : void 0,
-          properties: f.properties,
-          additionalFields: f.additionalFields,
-          propertiesOrder: D,
+          inferredPropertyKeys: M,
+          selectedPropertyKey: E ? ce(E, q) : void 0,
+          properties: y.properties,
+          additionalFields: y.additionalFields,
+          propertiesOrder: R,
           onPropertyMove: Ce,
-          onPropertyRemove: a ? ye : void 0,
-          collectionEditable: d,
-          errors: t ? k : {}
+          onPropertyRemove: a ? ve : void 0,
+          collectionEditable: c,
+          errors: t ? w : {}
         }
       ) }),
       /* @__PURE__ */ e(
-        B,
+        U,
         {
           className: "mt-8 w-full",
           color: "primary",
           variant: "outlined",
           size: "large",
-          onClick: () => Q(!0),
+          onClick: () => X(!0),
           startIcon: /* @__PURE__ */ e(Ae, {}),
           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__ */ n(
+    !_ && /* @__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(
       qe,
       {
         className: "sticky top-8 p-4 min-h-full border border-transparent w-full flex flex-col justify-center ",
         children: [
-          v && V && !oe(V) && /* @__PURE__ */ e(
+          S && N && !oe(N) && /* @__PURE__ */ e(
             ca,
             {
               inArray: !1,
@@ -5084,51 +5084,51 @@ function Xi({
               autoUpdateId: !1,
               allowDataInference: !a,
               autoOpenTypeSelect: !1,
-              propertyKey: F,
-              propertyNamespace: S,
-              property: V,
+              propertyKey: E,
+              propertyNamespace: q,
+              property: N,
               onPropertyChanged: Ve,
-              onDelete: ye,
+              onDelete: ve,
               onError: tt,
               forceShowErrors: t,
-              initialErrors: T,
+              initialErrors: V,
               getData: m,
-              propertyConfigs: c,
-              collectionEditable: d
+              propertyConfigs: d,
+              collectionEditable: c
             },
-            `edit_view_${w}`
+            `edit_view_${h}`
           ),
-          !V && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center h-full", children: I ? "Now you can add your first property" : "Select a property to edit it" }),
-          V && oe(V) && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+          !N && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center h-full", children: F ? "Now you can add your first property" : "Select a property to edit it" }),
+          N && oe(N) && /* @__PURE__ */ e(C, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
         ]
       }
     ) }),
-    y && /* @__PURE__ */ e(
+    _ && /* @__PURE__ */ e(
       je,
       {
         inArray: !1,
-        open: w !== void 0,
+        open: h !== void 0,
         autoUpdateId: a,
         allowDataInference: !a,
         existingProperty: !0,
         autoOpenTypeSelect: !1,
-        propertyKey: F,
-        propertyNamespace: S,
-        property: V,
+        propertyKey: E,
+        propertyNamespace: q,
+        property: N,
         onPropertyChanged: Ve,
-        onDelete: ye,
+        onDelete: ve,
         onError: tt,
         forceShowErrors: t,
-        initialErrors: T,
+        initialErrors: V,
         getData: m,
-        propertyConfigs: c,
-        collectionEditable: d,
-        onOkClicked: y ? bt : void 0
+        propertyConfigs: d,
+        collectionEditable: c,
+        onOkClicked: _ ? bt : void 0
       },
-      `edit_view_${w}`
+      `edit_view_${h}`
     )
   ] });
-  return /* @__PURE__ */ n(M, { children: [
+  return /* @__PURE__ */ n($, { children: [
     at,
     /* @__PURE__ */ e(
       je,
@@ -5138,22 +5138,22 @@ function Xi({
         autoOpenTypeSelect: !0,
         autoUpdateId: !0,
         forceShowErrors: t,
-        open: xe,
-        onCancel: () => Q(!1),
+        open: fe,
+        onCancel: () => X(!1),
         onPropertyChanged: ae,
         getData: m,
         allowDataInference: !a,
-        propertyConfigs: c,
-        collectionEditable: d,
-        existingPropertyKeys: f.propertiesOrder
+        propertyConfigs: d,
+        collectionEditable: c,
+        existingPropertyKeys: y.propertiesOrder
       }
     ),
     /* @__PURE__ */ e(
       Zi,
       {
-        collection: f,
-        open: J,
-        onOpenChange: N
+        collection: y,
+        open: j,
+        onOpenChange: x
       }
     )
   ] });
@@ -5179,8 +5179,8 @@ function er({
           /* @__PURE__ */ e(C, { children: "Are you sure?" })
         ] }),
         /* @__PURE__ */ n(Le, { children: [
-          /* @__PURE__ */ e(B, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
-          /* @__PURE__ */ e(B, { onClick: a, children: " Ok " })
+          /* @__PURE__ */ e(U, { variant: "text", onClick: i, autoFocus: !0, children: " Cancel " }),
+          /* @__PURE__ */ e(U, { onClick: a, children: " Ok " })
         ] })
       ]
     }
@@ -5199,7 +5199,7 @@ function tr({ open: t, onClose: a }) {
         /* @__PURE__ */ n($e, { children: [
           /* @__PURE__ */ e(C, { variant: "h6", children: "Select view" }),
           i?.map((r) => /* @__PURE__ */ n(
-            B,
+            U,
             {
               onClick: () => a(r.key),
               fullWidth: !0,
@@ -5215,7 +5215,7 @@ function tr({ open: t, onClose: a }) {
           )),
           (i ?? []).length === 0 && /* @__PURE__ */ e(C, { variant: "body2", children: "No custom views defined" })
         ] }),
-        /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(B, { onClick: () => a(), children: "Cancel" }) })
+        /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(U, { onClick: () => a(), children: "Cancel" }) })
       ]
     }
   );
@@ -5228,10 +5228,10 @@ function ar({
   getUser: s,
   parentCollectionIds: o
 }) {
-  const { entityViews: l } = Ke(), [p, m] = L.useState(), [u, c] = L.useState(!1), [d, f] = L.useState(), [g, b] = L.useState(), {
+  const { entityViews: l } = Ke(), [p, m] = K.useState(), [u, d] = K.useState(!1), [c, y] = K.useState(), [g, b] = K.useState(), {
     values: O,
-    setFieldValue: k
-  } = K(), x = t.subcollections ?? [], h = O.entityViews?.filter((w) => typeof w == "string").map((w) => Ba(w, l)).filter(Boolean) ?? [], _ = t.entityViews?.filter((w) => typeof w != "string") ?? [], y = h.length + _.length;
+    setFieldValue: w
+  } = Y(), k = t.subcollections ?? [], f = O.entityViews?.filter((h) => typeof h == "string").map((h) => Ba(h, l)).filter(Boolean) ?? [], v = t.entityViews?.filter((h) => typeof h != "string") ?? [], _ = f.length + v.length;
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ht, { 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: [
@@ -5239,19 +5239,19 @@ function ar({
           "Subcollections of ",
           O.name
         ] }),
-        x && x.length > 0 && /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(Ft, { children: x.map((w) => /* @__PURE__ */ n(
+        k && k.length > 0 && /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(Ft, { children: k.map((h) => /* @__PURE__ */ n(
           wt,
           {
             onClick: () => b({
               isNewCollection: !1,
-              editedCollectionPath: w.path
+              editedCollectionPath: h.path
             }),
             children: [
               /* @__PURE__ */ e(
                 Ge,
                 {
                   align: "left",
-                  children: /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: w.name })
+                  children: /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: h.name })
                 }
               ),
               /* @__PURE__ */ e(
@@ -5262,8 +5262,8 @@ function ar({
                     ne,
                     {
                       size: "small",
-                      onClick: (q) => {
-                        q.preventDefault(), q.stopPropagation(), m(w.path);
+                      onClick: (A) => {
+                        A.preventDefault(), A.stopPropagation(), m(h.path);
                       },
                       color: "inherit",
                       children: /* @__PURE__ */ e(pt, { size: "small" })
@@ -5273,10 +5273,10 @@ function ar({
               )
             ]
           },
-          w.path
+          h.path
         )) }) }) }),
         /* @__PURE__ */ e(
-          B,
+          U,
           {
             onClick: () => {
               b({
@@ -5291,13 +5291,13 @@ function ar({
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow  flex flex-col gap-4 items-start", children: [
         /* @__PURE__ */ e(C, { variant: "h5", children: "Custom views" }),
-        y > 0 && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ n(Ft, { children: [
-          h.map((w) => /* @__PURE__ */ n(wt, { children: [
+        _ > 0 && /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(qe, { className: "flex flex-col gap-4 p-2 w-full", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ n(Ft, { children: [
+          f.map((h) => /* @__PURE__ */ n(wt, { children: [
             /* @__PURE__ */ e(
               Ge,
               {
                 align: "left",
-                children: /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: w.name })
+                children: /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: h.name })
               }
             ),
             /* @__PURE__ */ e(
@@ -5308,8 +5308,8 @@ function ar({
                   ne,
                   {
                     size: "small",
-                    onClick: (q) => {
-                      q.preventDefault(), q.stopPropagation(), f(w.key);
+                    onClick: (A) => {
+                      A.preventDefault(), A.stopPropagation(), y(h.key);
                     },
                     color: "inherit",
                     children: /* @__PURE__ */ e(pt, { size: "small" })
@@ -5317,30 +5317,30 @@ function ar({
                 ) })
               }
             )
-          ] }, w.key)),
-          _.map((w) => /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ n(
+          ] }, h.key)),
+          v.map((h) => /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ n(
             Ge,
             {
               align: "left",
               children: [
-                /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: w.name }),
+                /* @__PURE__ */ e(C, { variant: "subtitle2", className: "flex-grow", children: h.name }),
                 /* @__PURE__ */ n(C, { variant: "caption", className: "flex-grow", children: [
                   "This view is defined in code with key ",
-                  /* @__PURE__ */ e("code", { children: w.key })
+                  /* @__PURE__ */ e("code", { children: h.key })
                 ] })
               ]
             }
-          ) }, w.key))
+          ) }, h.key))
         ] }) }) }) }),
-        y === 0 && /* @__PURE__ */ n(ea, { children: [
+        _ === 0 && /* @__PURE__ */ n(ea, { children: [
           /* @__PURE__ */ e("b", { children: "COMING SOON" }),
           " Define your own custom views by uploading it with the CLI"
         ] }),
         /* @__PURE__ */ e(
-          B,
+          U,
           {
             onClick: () => {
-              c(!0);
+              d(!0);
             },
             variant: "outlined",
             startIcon: /* @__PURE__ */ e(Ae, {}),
@@ -5361,24 +5361,24 @@ function ar({
           }), m(void 0);
         },
         onCancel: () => m(void 0),
-        title: /* @__PURE__ */ e(M, { children: "Delete this subcollection?" }),
-        body: /* @__PURE__ */ n(M, { children: [
+        title: /* @__PURE__ */ e($, { children: "Delete this subcollection?" }),
+        body: /* @__PURE__ */ n($, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
         ] })
       }
     ),
-    d && /* @__PURE__ */ e(
+    c && /* @__PURE__ */ e(
       mt,
       {
-        open: !!d,
+        open: !!c,
         onAccept: () => {
-          k("entityViews", O.entityViews?.filter((w) => w !== d)), f(void 0);
+          w("entityViews", O.entityViews?.filter((h) => h !== c)), y(void 0);
         },
-        onCancel: () => f(void 0),
-        title: /* @__PURE__ */ e(M, { children: "Remove this view?" }),
-        body: /* @__PURE__ */ n(M, { children: [
+        onCancel: () => y(void 0),
+        title: /* @__PURE__ */ e($, { children: "Remove this view?" }),
+        body: /* @__PURE__ */ n($, { children: [
           "This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the view in the CMS"
@@ -5405,8 +5405,8 @@ function ar({
       tr,
       {
         open: u,
-        onClose: (w) => {
-          w && (console.log("selectedViewKey", w), k("entityViews", [...O.entityViews ?? [], w])), c(!1);
+        onClose: (h) => {
+          h && (console.log("selectedViewKey", h), w("entityViews", [...O.entityViews ?? [], h])), d(!1);
         }
       }
     )
@@ -5648,24 +5648,24 @@ function ir({
   onContinue: r,
   collections: s
 }) {
-  const [o, l] = $(!1), [p, m] = $();
+  const [o, l] = L(!1), [p, m] = L();
   pe(() => {
-    a && s && (l(!0), a(t).then((h) => {
-      const _ = h.filter((y) => !s.find((w) => w.path.trim().toLowerCase() === y.trim().toLowerCase()));
-      m(_);
+    a && s && (l(!0), a(t).then((f) => {
+      const v = f.filter((_) => !s.find((h) => h.path.trim().toLowerCase() === _.trim().toLowerCase()));
+      m(v);
     }).finally(() => l(!1)));
   }, [s, t, a]);
   const {
     values: u,
-    setFieldValue: c,
-    setValues: d,
-    handleChange: f,
+    setFieldValue: d,
+    setValues: c,
+    handleChange: y,
     touched: g,
     errors: b,
     setFieldTouched: O,
-    isSubmitting: k,
-    submitCount: x
-  } = K();
+    isSubmitting: w,
+    submitCount: k
+  } = Y();
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ n(ht, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ e(
       "div",
@@ -5689,17 +5689,17 @@ function ir({
       ),
       /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
         o && !p && /* @__PURE__ */ e(We, { size: "small" }),
-        p?.map((h, _) => /* @__PURE__ */ e(
+        p?.map((f, v) => /* @__PURE__ */ e(
           dt,
           {
             colorScheme: "cyanLighter",
             onClick: () => {
-              c("name", Nt(h)), c("path", h), c("properties", void 0), r();
+              d("name", Pt(f)), d("path", f), d("properties", void 0), r();
             },
             size: "small",
-            children: h
+            children: f
           },
-          h
+          f
         )),
         !o && p?.length === 0 && /* @__PURE__ */ e(C, { variant: "caption", children: "No suggestions" })
       ] })
@@ -5721,7 +5721,7 @@ function ir({
             subtitle: "A collection of products with images, prices and stock",
             icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Ut.icon }),
             onClick: () => {
-              d(Ut), r();
+              c(Ut), r();
             }
           }
         ),
@@ -5732,7 +5732,7 @@ function ir({
             subtitle: "A collection of blog posts with images, authors and complex content",
             icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: $t.icon }),
             onClick: () => {
-              d($t), r();
+              c($t), r();
             }
           }
         ),
@@ -5743,7 +5743,7 @@ function ir({
             subtitle: "A collection of users with emails, names and roles",
             icon: /* @__PURE__ */ e(lt, { size: "small", iconKey: Lt.icon }),
             onClick: () => {
-              d(Lt), r();
+              c(Lt), r();
             }
           }
         )
@@ -5759,9 +5759,9 @@ function ir({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(di, { onDataAdded: (h) => r(h) })
+      /* @__PURE__ */ e(di, { onDataAdded: (f) => r(f) })
     ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { variant: "text", onClick: () => r(), className: "my-2", children: "Continue from scratch" }) })
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { variant: "text", onClick: () => r(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
 }
 function kt({
@@ -5774,7 +5774,7 @@ function kt({
     ta,
     {
       onClick: r,
-      className: ke(
+      className: xe(
         "my-2 rounded-md border mx-0 p-6 px-4 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center",
         "text-gray-700 dark:text-gray-300",
         "hover:border-blue-600 hover:text-blue-600 dark:hover:text-blue-400 focus:ring-blue-400 hover:ring-1 hover:ring-primary",
@@ -5804,39 +5804,39 @@ function rr({
     setFieldValue: r,
     setFieldTouched: s,
     values: o
-  } = K(), [l, p] = $(void 0), m = L.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), u = l ? l.id : void 0, c = l || void 0, d = ({
+  } = Y(), [l, p] = L(void 0), m = K.useRef(o.propertiesOrder ? { "": o.propertiesOrder } : {}), u = l ? l.id : void 0, d = l || void 0, c = ({
     id: g,
     property: b,
     previousId: O,
-    namespace: k
+    namespace: w
   }) => {
-    const x = g ? ce(g, k) : void 0, h = x ? _e(x) : void 0, _ = (w) => w ? m.current[w] ?? P(o, Ne(w)) : m.current[""], y = (w, q) => {
-      const F = Ne(q);
-      r(F, w, !1), m.current[q ?? ""] = w;
+    const k = g ? ce(g, w) : void 0, f = k ? ke(k) : void 0, v = (h) => h ? m.current[h] ?? P(o, Pe(h)) : m.current[""], _ = (h, A) => {
+      const E = Pe(A);
+      r(E, h, !1), m.current[A ?? ""] = h;
     };
     if (O && O !== g) {
-      const w = ce(O, k), q = _e(w), A = _(k).map((E) => E === O ? g : E).filter((E) => E !== void 0);
-      y(A, k);
-      const S = { ...t.headersMapping };
-      Object.keys(S).forEach((E) => {
-        S[E] === O && (S[E] = g ?? "");
-      }), t.setHeadersMapping(S), r(q, void 0, !1), s(q, !1, !1);
+      const h = ce(O, w), A = ke(h), z = v(w).map((B) => B === O ? g : B).filter((B) => B !== void 0);
+      _(z, w);
+      const q = { ...t.headersMapping };
+      Object.keys(q).forEach((B) => {
+        q[B] === O && (q[B] = g ?? "");
+      }), t.setHeadersMapping(q), r(A, void 0, !1), s(A, !1, !1);
     }
-    h && (r(h, b, !1), s(h, !0, !1));
-  }, f = async ({
+    f && (r(f, b, !1), s(f, !0, !1));
+  }, y = async ({
     id: g,
     importKey: b,
     property: O,
-    namespace: k
+    namespace: w
   }) => {
-    const x = g ? ce(g, k) : void 0, h = x ? _e(x) : void 0, _ = t.importData.map((w) => P(w, b)), y = {
-      ...ai(_, O, ia),
+    const k = g ? ce(g, w) : void 0, f = k ? ke(k) : void 0, v = t.importData.map((h) => P(h, b)), _ = {
+      ...ai(v, O, ia),
       editable: !0
     };
-    h && (y ? (console.log("updating inferredNewProperty", {
+    f && (_ ? (console.log("updating inferredNewProperty", {
       property: O,
-      inferredNewProperty: y
-    }), r(h, y, !1)) : r(h, O, !1), s(h, !0, !1));
+      inferredNewProperty: _
+    }), r(f, _, !1)) : r(f, O, !1), s(f, !0, !1));
   };
   return /* @__PURE__ */ n("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ n(ht, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
@@ -5858,7 +5858,7 @@ function rr({
             {
               property: g,
               propertyKey: b,
-              onPropertyNameChanged: (k, x) => r(`properties.${k}.name`, x, !1),
+              onPropertyNameChanged: (w, k) => r(`properties.${w}.name`, k, !1),
               onEditClick: () => {
                 !b || !g || p({
                   ...g,
@@ -5871,8 +5871,8 @@ function rr({
                 {
                   property: g,
                   disabled: !1,
-                  onPropertyChanged: (k) => f({
-                    ...k,
+                  onPropertyChanged: (w) => y({
+                    ...w,
                     importKey: O
                   }),
                   propertyKey: b,
@@ -5889,10 +5889,10 @@ function rr({
       {
         open: l !== void 0,
         propertyKey: u,
-        property: c,
+        property: d,
         inArray: !1,
         autoUpdateId: !1,
-        onPropertyChanged: d,
+        onPropertyChanged: c,
         allowDataInference: !1,
         collectionEditable: i,
         onOkClicked: () => {
@@ -5916,7 +5916,7 @@ function or({
   propertyConfigs: r,
   disabled: s
 }) {
-  const o = t ? Xt(t) : null, l = t ? Ze(t, r) : null, [p, m] = $(!1);
+  const o = t ? Xt(t) : null, l = t ? Ze(t, r) : null, [p, m] = L(!1);
   return /* @__PURE__ */ e(
     re,
     {
@@ -5936,20 +5936,20 @@ function or({
           position: "item-aligned",
           renderValue: (u) => l ? /* @__PURE__ */ e(Xe, { propertyConfig: l }) : null,
           onValueChange: (u) => {
-            const c = na(t, u, r);
+            const d = na(t, u, r);
             i && (a({
               id: i,
-              property: c,
+              property: d,
               previousId: i,
               namespace: void 0
             }), console.log("newSelectedWidgetId", u));
           },
-          children: Object.entries(la).map(([u, c]) => /* @__PURE__ */ e(
+          children: Object.entries(la).map(([u, d]) => /* @__PURE__ */ e(
             sa,
             {
               value: u,
               optionDisabled: !1,
-              propertyConfig: c,
+              propertyConfig: d,
               existing: !1
             },
             u
@@ -5990,26 +5990,26 @@ function pa(t, a = "") {
   const i = Object.keys(t).reduce((o, l) => {
     const p = t[l], m = Ua(l), u = a ? `${a}.${m}` : m;
     if (p.dataType === "map" && p.properties) {
-      const f = pa(p.properties, u);
+      const y = pa(p.properties, u);
       return {
         headersMapping: { ...o.headersMapping, [l]: u },
         properties: {
           ...o.properties,
           [m]: {
             ...p,
-            properties: f.properties,
-            propertiesOrder: Object.keys(f.properties)
+            properties: y.properties,
+            propertiesOrder: Object.keys(y.properties)
           }
         }
       };
     }
-    const c = {
+    const d = {
       ...o.properties,
       [m]: p
     };
     return {
       headersMapping: { ...o.headersMapping, [l]: u },
-      properties: c
+      properties: d
     };
   }, { headersMapping: {}, properties: {} }), r = Object.keys(i.headersMapping)?.[0];
   let s;
@@ -6019,7 +6019,7 @@ function pa(t, a = "") {
   };
 }
 function ma(t) {
-  const a = t.open, [i, r] = we.useState(!1), [s, o] = we.useState(!1), l = X(() => {
+  const a = t.open, [i, r] = _e.useState(!1), [s, o] = _e.useState(!1), l = Z(() => {
     i ? o(!0) : t.handleClose(void 0);
   }, [i, t.handleClose]);
   return pe(() => {
@@ -6066,44 +6066,44 @@ function sr({
   handleClose: p,
   reservedGroups: m,
   extraView: u,
-  handleCancel: c,
-  setFormDirty: d,
-  pathSuggestions: f,
+  handleCancel: d,
+  setFormDirty: c,
+  pathSuggestions: y,
   getUser: g,
   parentCollection: b,
   getData: O
 }) {
-  const { propertyConfigs: k } = Ke(), x = Be(), {
-    topLevelNavigation: h,
-    collections: _
-  } = x, y = !a?.path && (s ?? []).length === 0, w = (b ? b.subcollections : _) ?? [], q = w.map((T) => T.path.trim().toLowerCase()), F = w.map((T) => T.id?.trim().toLowerCase()).filter(Boolean), A = gi();
-  if (!h)
+  const { propertyConfigs: w } = Ke(), k = Be(), {
+    topLevelNavigation: f,
+    collections: v
+  } = k, _ = !a?.path && (s ?? []).length === 0, h = (b ? b.subcollections : v) ?? [], A = h.map((V) => V.path.trim().toLowerCase()), E = h.map((V) => V.id?.trim().toLowerCase()).filter(Boolean), z = gi();
+  if (!f)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
-    groups: S
-  } = h, E = De(), v = Ye(), V = He({}), J = t ? y ? "welcome" : "details" : "properties", [N, R] = $(J), [ge, xe] = we.useState(), [Q, U] = we.useState(), [W, te] = we.useState(!1), [me, ue] = we.useState();
+    groups: q
+  } = f, B = De(), S = Ye(), N = He({}), j = t ? _ ? "welcome" : "details" : "properties", [x, I] = L(j), [ge, fe] = _e.useState(), [X, M] = _e.useState(), [Q, te] = _e.useState(!1), [me, ue] = _e.useState();
   pe(() => {
     try {
-      x.initialised && (U(r ? x.getCollectionFromPaths([...s ?? [], r]) : void 0), te(!0));
-    } catch (T) {
-      console.error(T), ue(me);
+      k.initialised && (M(r ? k.getCollectionFromPaths([...s ?? [], r]) : void 0), te(!0));
+    } catch (V) {
+      console.error(V), ue(me);
     }
-  }, [x.getCollectionFromPaths, r, me, x.initialised]);
-  const fe = (T) => {
-    const I = T.id || T.path;
+  }, [k.getCollectionFromPaths, r, me, k.initialised]);
+  const be = (V) => {
+    const F = V.id || V.path;
     return i.saveCollection({
-      id: I,
-      collectionData: T,
+      id: F,
+      collectionData: V,
       previousPath: r,
       parentCollectionIds: s
-    }).then(() => (xe(void 0), !0)).catch((D) => (xe(D), console.error(D), E.open({
+    }).then(() => (fe(void 0), !0)).catch((R) => (fe(R), console.error(R), B.open({
       type: "error",
-      message: "Error persisting collection: " + (D.message ?? "Details in the console")
+      message: "Error persisting collection: " + (R.message ?? "Details in the console")
     }), !1));
-  }, ye = Q ? {
-    ...Q,
-    id: Q.id ?? Q.path ?? jt(16)
-  } : void 0, Ce = ye ? lr(ye, k) : {
+  }, ve = X ? {
+    ...X,
+    id: X.id ?? X.path ?? jt(16)
+  } : void 0, Ce = ve ? lr(ve, w) : {
     id: a?.path ?? jt(16),
     path: a?.path ?? "",
     name: a?.name ?? "",
@@ -6111,44 +6111,44 @@ function sr({
     properties: {},
     propertiesOrder: [],
     icon: xt[Math.floor(Math.random() * xt.length)],
-    ownerId: v.user?.uid ?? ""
-  }, ae = X(() => {
-    N === "details" ? A.inUse ? R("import_data_saving") : R(u ? "extra_view" : "properties") : R(N === "welcome" ? "details" : N === "import_data_mapping" ? "import_data_preview" : N === "import_data_preview" ? "details" : N === "extra_view" ? "properties" : "details");
-  }, [N, A.inUse, u]), Ve = X((T) => {
+    ownerId: S.user?.uid ?? ""
+  }, ae = Z(() => {
+    x === "details" ? z.inUse ? I("import_data_saving") : I(u ? "extra_view" : "properties") : I(x === "welcome" ? "details" : x === "import_data_mapping" ? "import_data_preview" : x === "import_data_preview" ? "details" : x === "extra_view" ? "properties" : "details");
+  }, [x, z.inUse, u]), Ve = Z((V) => {
     if (l)
-      return l?.(T.path, T.collectionGroup ?? !1, s ?? []);
-  }, [l, s]), tt = X(async (T) => {
+      return l?.(V.path, V.collectionGroup ?? !1, s ?? []);
+  }, [l, s]), tt = Z(async (V) => {
     try {
       if (!Ve)
-        return U(T), Promise.resolve(T);
-      R("loading");
-      const I = await Ve?.(T);
-      if (!I)
-        return U(T), Promise.resolve(T);
-      const D = {
-        ...T ?? {}
+        return M(V), Promise.resolve(V);
+      I("loading");
+      const F = await Ve?.(V);
+      if (!F)
+        return M(V), Promise.resolve(V);
+      const R = {
+        ...V ?? {}
       };
-      return Object.keys(I.properties ?? {}).length > 0 && (D.properties = I.properties, D.propertiesOrder = I.propertiesOrder), D.propertiesOrder ? (U(D), console.log("Inferred collection", {
-        newCollection: T ?? {},
-        values: D
-      }), D) : (D.propertiesOrder = Object.keys(D.properties), D);
-    } catch (I) {
-      return console.error(I), E.open({
+      return Object.keys(F.properties ?? {}).length > 0 && (R.properties = F.properties, R.propertiesOrder = F.propertiesOrder), R.propertiesOrder ? (M(R), console.log("Inferred collection", {
+        newCollection: V ?? {},
+        values: R
+      }), R) : (R.propertiesOrder = Object.keys(R.properties), R);
+    } catch (F) {
+      return console.error(F), B.open({
         type: "error",
-        message: "Error inferring collection: " + (I.message ?? "Details in the console")
-      }), T;
+        message: "Error inferring collection: " + (F.message ?? "Details in the console")
+      }), V;
     }
-  }, [s, Ve]), bt = (T, I) => {
+  }, [s, Ve]), bt = (V, F) => {
     try {
-      if (console.log("Submitting collection", T), !t) {
-        fe(T).then(() => {
-          I.resetForm({ values: Ce }), p(T);
+      if (console.log("Submitting collection", V), !t) {
+        be(V).then(() => {
+          F.resetForm({ values: Ce }), p(V);
         });
         return;
       }
-      N === "welcome" ? (ae(), I.resetForm({ values: T })) : N === "details" ? u || A.inUse ? (I.resetForm({ values: T }), ae()) : t ? tt(T).then((D) => {
-        I.resetForm({
-          values: D ?? T,
+      x === "welcome" ? (ae(), F.resetForm({ values: V })) : x === "details" ? u || z.inUse ? (F.resetForm({ values: V }), ae()) : t ? tt(V).then((R) => {
+        F.resetForm({
+          values: R ?? V,
           touched: {
             path: !0,
             name: !0
@@ -6156,65 +6156,65 @@ function sr({
         });
       }).finally(() => {
         ae();
-      }) : (I.resetForm({ values: T }), ae()) : N === "extra_view" ? (ae(), I.resetForm({ values: T })) : N === "import_data_mapping" || N === "import_data_preview" ? ae() : N === "properties" ? fe(T).then(() => {
-        I.resetForm({ values: Ce }), ae(), p(T);
-      }) : (ae(), I.resetForm({ values: T }));
-    } catch (D) {
-      E.open({
+      }) : (F.resetForm({ values: V }), ae()) : x === "extra_view" ? (ae(), F.resetForm({ values: V })) : x === "import_data_mapping" || x === "import_data_preview" ? ae() : x === "properties" ? be(V).then(() => {
+        F.resetForm({ values: Ce }), ae(), p(V);
+      }) : (ae(), F.resetForm({ values: V }));
+    } catch (R) {
+      B.open({
         type: "error",
-        message: "Error persisting collection: " + (D.message ?? "Details in the console")
-      }), console.error(D), I.resetForm({ values: T });
+        message: "Error persisting collection: " + (R.message ?? "Details in the console")
+      }), console.error(R), F.resetForm({ values: V });
     }
   };
-  return !t && (!x.initialised || !W) ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e($e, { fullHeight: !0, children: /* @__PURE__ */ e(
+  return !t && (!k.initialised || !Q) ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e($e, { fullHeight: !0, children: /* @__PURE__ */ e(
     St,
     {
       initialValues: Ce,
-      validationSchema: (N === "properties" || N === "subcollections" || N === "details") && yi,
-      validate: (T) => {
-        if (N === "properties")
-          return V.current;
-        const I = {};
-        if (N === "details") {
-          const D = cr(T.path, t, q, T.id);
-          D && (I.path = D);
-          const Oe = dr(T.id, t, q, F);
-          Oe && (I.id = Oe);
+      validationSchema: (x === "properties" || x === "subcollections" || x === "details") && yi,
+      validate: (V) => {
+        if (x === "properties")
+          return N.current;
+        const F = {};
+        if (x === "details") {
+          const R = cr(V.path, t, A, V.id);
+          R && (F.path = R);
+          const Oe = dr(V.id, t, A, E);
+          Oe && (F.id = Oe);
         }
-        return I;
+        return F;
       },
       onSubmit: bt,
-      children: (T) => {
+      children: (V) => {
         const {
-          values: I,
-          setFieldValue: D,
+          values: F,
+          setFieldValue: R,
           isSubmitting: Oe,
           dirty: at,
-          submitCount: z
-        } = T, j = I.path ?? r, G = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + j : j, se = x.resolveAliasesFrom(G), le = se && O ? () => O(se) : void 0;
+          submitCount: T
+        } = V, D = F.path ?? r, H = o?.includes("/") ? o?.split("/").slice(0, -1).join("/") + "/" + D : D, se = k.resolveAliasesFrom(H), le = se && O ? () => O(se) : void 0;
         pe(() => {
-          d(at);
+          c(at);
         }, [at]);
-        function ve(Z) {
-          A.setInUse(!0), ii(Z, ia).then((Ie) => {
+        function we(W) {
+          z.setInUse(!0), ii(W, ia).then((Ie) => {
             const Fe = pa(Ie);
-            D("properties", Fe.properties), D("propertiesOrder", Object.keys(Fe.properties)), A.setIdColumn(Fe.idColumn), A.setImportData(Z), A.setHeadersMapping(Fe.headersMapping), A.setOriginProperties(Fe.properties);
+            R("properties", Fe.properties), R("propertiesOrder", Object.keys(Fe.properties)), z.setIdColumn(Fe.idColumn), z.setImportData(W), z.setHeadersMapping(Fe.headersMapping), z.setOriginProperties(Fe.properties);
           });
         }
-        const yt = !!I.name && !!I.id, it = () => {
-          const Z = { ...I.properties };
-          A.idColumn && delete Z[A.idColumn], D("properties", Z), ae(), console.log("onImportMappingComplete", {
-            importConfig: A,
-            properties: Z
+        const yt = !!F.name && !!F.id, it = () => {
+          const W = { ...F.properties };
+          z.idColumn && delete W[z.idColumn], R("properties", W), ae(), console.log("onImportMappingComplete", {
+            importConfig: z,
+            properties: W
           });
-        }, vt = Q?.editable || t;
-        return /* @__PURE__ */ n(M, { children: [
+        }, vt = X?.editable || t;
+        return /* @__PURE__ */ n($, { children: [
           !t && /* @__PURE__ */ n(
             $a,
             {
-              value: N,
-              className: ke(Pt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
-              onValueChange: (Z) => R(Z),
+              value: x,
+              className: xe(Nt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+              onValueChange: (W) => I(W),
               children: [
                 /* @__PURE__ */ e(_t, { value: "details", children: "Details" }),
                 /* @__PURE__ */ e(_t, { value: "properties", children: "Properties" }),
@@ -6226,65 +6226,65 @@ function sr({
             Xa,
             {
               noValidate: !0,
-              className: ke(
+              className: xe(
                 t ? "h-full" : "h-[calc(100%-48px)]",
                 "flex-grow flex flex-col relative"
               ),
               children: [
-                N === "loading" && /* @__PURE__ */ e(Et, {}),
-                N === "extra_view" && j && u?.View && /* @__PURE__ */ e(u.View, { path: j }),
-                N === "welcome" && /* @__PURE__ */ e(
+                x === "loading" && /* @__PURE__ */ e(Et, {}),
+                x === "extra_view" && D && u?.View && /* @__PURE__ */ e(u.View, { path: D }),
+                x === "welcome" && /* @__PURE__ */ e(
                   ir,
                   {
-                    path: j,
-                    onContinue: (Z) => {
-                      Z ? (ve(Z), R("import_data_mapping")) : R("details");
+                    path: D,
+                    onContinue: (W) => {
+                      W ? (we(W), I("import_data_mapping")) : I("details");
                     },
-                    collections: _,
+                    collections: v,
                     parentCollection: b,
-                    pathSuggestions: f
+                    pathSuggestions: y
                   }
                 ),
-                N === "import_data_mapping" && A && /* @__PURE__ */ e(
+                x === "import_data_mapping" && z && /* @__PURE__ */ e(
                   rr,
                   {
-                    importConfig: A,
+                    importConfig: z,
                     collectionEditable: vt,
-                    propertyConfigs: k
+                    propertyConfigs: w
                   }
                 ),
-                N === "import_data_preview" && A && /* @__PURE__ */ e(
+                x === "import_data_preview" && z && /* @__PURE__ */ e(
                   nr,
                   {
-                    importConfig: A,
-                    properties: I.properties,
-                    propertiesOrder: I.propertiesOrder
+                    importConfig: z,
+                    properties: F.properties,
+                    propertiesOrder: F.propertiesOrder
                   }
                 ),
-                N === "import_data_saving" && A && /* @__PURE__ */ e(
+                x === "import_data_saving" && z && /* @__PURE__ */ e(
                   fi,
                   {
-                    importConfig: A,
-                    collection: I,
-                    onImportSuccess: (Z) => {
-                      p(Z), E.open({
+                    importConfig: z,
+                    collection: F,
+                    onImportSuccess: (W) => {
+                      p(W), B.open({
                         type: "info",
                         message: "Data imported successfully"
                       });
                     }
                   }
                 ),
-                N === "details" && /* @__PURE__ */ e(
+                x === "details" && /* @__PURE__ */ e(
                   _i,
                   {
-                    existingPaths: q,
-                    existingIds: F,
-                    groups: S,
+                    existingPaths: A,
+                    existingIds: E,
+                    groups: q,
                     parentCollection: b,
                     isNewCollection: t
                   }
                 ),
-                N === "subcollections" && Q && /* @__PURE__ */ e(
+                x === "subcollections" && X && /* @__PURE__ */ e(
                   ar,
                   {
                     parentCollection: b,
@@ -6292,61 +6292,61 @@ function sr({
                     getUser: g,
                     collectionInference: l,
                     parentCollectionIds: s,
-                    collection: Q
+                    collection: X
                   }
                 ),
-                N === "properties" && /* @__PURE__ */ e(
+                x === "properties" && /* @__PURE__ */ e(
                   Xi,
                   {
-                    showErrors: z > 0,
+                    showErrors: T > 0,
                     isNewCollection: t,
                     reservedGroups: m,
-                    onPropertyError: (Z, Ie, Fe) => {
-                      V.current = La({
-                        ...V.current,
-                        [Z]: Fe
+                    onPropertyError: (W, Ie, Fe) => {
+                      N.current = La({
+                        ...N.current,
+                        [W]: Fe
                       }, !0);
                     },
                     getUser: g,
                     getData: le,
                     doCollectionInference: Ve,
-                    propertyConfigs: k,
+                    propertyConfigs: w,
                     collectionEditable: vt,
                     extraIcon: u?.icon && /* @__PURE__ */ e(
                       ne,
                       {
                         color: "primary",
-                        onClick: () => R("extra_view"),
+                        onClick: () => I("extra_view"),
                         children: u.icon
                       }
                     )
                   }
                 ),
-                N !== "welcome" && /* @__PURE__ */ n(
+                x !== "welcome" && /* @__PURE__ */ n(
                   Le,
                   {
                     position: "absolute",
                     children: [
                       ge && /* @__PURE__ */ e(aa, { error: ge }),
-                      t && y && N === "import_data_mapping" && /* @__PURE__ */ n(
-                        B,
+                      t && _ && x === "import_data_mapping" && /* @__PURE__ */ n(
+                        U,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => (A.setInUse(!1), R("welcome")),
+                          onClick: () => (z.setInUse(!1), I("welcome")),
                           children: [
                             /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
                       ),
-                      t && y && N === "import_data_preview" && /* @__PURE__ */ n(
-                        B,
+                      t && _ && x === "import_data_preview" && /* @__PURE__ */ n(
+                        U,
                         {
                           variant: "text",
                           type: "button",
                           onClick: () => {
-                            fe(I), R("import_data_mapping");
+                            be(F), I("import_data_mapping");
                           },
                           children: [
                             /* @__PURE__ */ e(rt, {}),
@@ -6354,24 +6354,24 @@ function sr({
                           ]
                         }
                       ),
-                      t && y && N === "details" && /* @__PURE__ */ n(
-                        B,
+                      t && _ && x === "details" && /* @__PURE__ */ n(
+                        U,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => R("welcome"),
+                          onClick: () => I("welcome"),
                           children: [
                             /* @__PURE__ */ e(rt, {}),
                             "Back"
                           ]
                         }
                       ),
-                      t && N === "properties" && /* @__PURE__ */ n(
-                        B,
+                      t && x === "properties" && /* @__PURE__ */ n(
+                        U,
                         {
                           variant: "text",
                           type: "button",
-                          onClick: () => R("details"),
+                          onClick: () => I("details"),
                           children: [
                             /* @__PURE__ */ e(rt, {}),
                             "Back"
@@ -6379,17 +6379,17 @@ function sr({
                         }
                       ),
                       /* @__PURE__ */ e(
-                        B,
+                        U,
                         {
                           variant: "text",
                           onClick: () => {
-                            c();
+                            d();
                           },
                           children: "Cancel"
                         }
                       ),
-                      t && N === "import_data_mapping" && /* @__PURE__ */ e(
-                        B,
+                      t && x === "import_data_mapping" && /* @__PURE__ */ e(
+                        U,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6397,8 +6397,8 @@ function sr({
                           children: "Next"
                         }
                       ),
-                      t && N === "import_data_preview" && /* @__PURE__ */ e(
-                        B,
+                      t && x === "import_data_preview" && /* @__PURE__ */ e(
+                        U,
                         {
                           variant: "filled",
                           color: "primary",
@@ -6408,18 +6408,18 @@ function sr({
                           children: "Next"
                         }
                       ),
-                      t && (N === "details" || N === "properties") && /* @__PURE__ */ n(
+                      t && (x === "details" || x === "properties") && /* @__PURE__ */ n(
                         Dt,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
                           loading: Oe,
-                          disabled: Oe || N === "details" && !yt,
-                          startIcon: N === "properties" ? /* @__PURE__ */ e(Ka, {}) : void 0,
+                          disabled: Oe || x === "details" && !yt,
+                          startIcon: x === "properties" ? /* @__PURE__ */ e(Ka, {}) : void 0,
                           children: [
-                            N === "details" && "Next",
-                            N === "properties" && "Create collection"
+                            x === "details" && "Next",
+                            x === "properties" && "Create collection"
                           ]
                         }
                       ),
@@ -6456,7 +6456,7 @@ function ua(t, a) {
     const r = a[i.propertyConfig];
     if (r && oe(r.property))
       i = r.property;
-    else if (r && (i = Y(r.property, i)), !oe(i) && i.dataType === "map" && i.properties) {
+    else if (r && (i = G(r.property, i)), !oe(i) && i.dataType === "map" && i.properties) {
       const s = {};
       Object.keys(i.properties).forEach((o) => {
         s[o] = ua(i.properties[o], a);
@@ -6473,7 +6473,7 @@ const cr = (t, a, i, r) => {
     return;
   let s;
   return a && i?.includes(t.trim().toLowerCase()) && (s = "There is already a collection that uses this value as a path"), a && r?.includes(t.trim().toLowerCase()) && (s = "There is already a collection which uses this id"), s;
-}, ha = L.createContext({}), ga = L.createContext({}), pr = L.memo(
+}, ha = K.createContext({}), ga = K.createContext({}), pr = K.memo(
   function({
     children: a,
     collectionConfigController: i,
@@ -6483,74 +6483,76 @@ const cr = (t, a, i, r) => {
     extraView: l,
     pathSuggestions: p,
     getUser: m,
-    getData: u
+    getData: u,
+    onAnalyticsEvent: d
   }) {
-    const c = Be(), d = bi(), f = De(), { propertyConfigs: g } = Ke(), {
-      collections: b
-    } = c, O = b.map((v) => v.path.trim().toLowerCase()), [k, x] = L.useState();
+    const c = Be(), y = bi(), g = De(), { propertyConfigs: b } = Ke(), {
+      collections: O
+    } = c, w = O.map((N) => N.path.trim().toLowerCase()), [k, f] = K.useState();
     pe(() => {
-      p && p().then((v) => {
-        x(v.filter((V) => !O.includes(V.trim().toLowerCase())));
+      p && p().then((N) => {
+        f(N.filter((j) => !w.includes(j.trim().toLowerCase())));
       });
     }, [p]);
-    const [h, _] = L.useState(), [y, w] = L.useState(), q = X(() => ({
+    const [v, _] = K.useState(), [h, A] = K.useState(), E = Z(() => ({
       createCollections: !0,
       editCollections: !0,
       deleteCollections: !0
-    }), []), F = X(({
-      path: v,
-      fullPath: V,
-      parentCollectionIds: J,
-      parentCollection: N
+    }), []), z = Z(({
+      path: N,
+      fullPath: j,
+      parentCollectionIds: x,
+      parentCollection: I
     }) => {
-      _({
-        editedCollectionPath: v,
-        fullPath: V,
-        parentCollectionIds: J,
+      console.debug("edit collection", N, j, x, I), d?.("edit_collection", { path: N, fullPath: j }), _({
+        editedCollectionPath: N,
+        fullPath: j,
+        parentCollectionIds: x,
         isNewCollection: !1,
-        parentCollection: N,
+        parentCollection: I,
         redirect: !1
       });
-    }, []), A = X(({
-      propertyKey: v,
-      property: V,
-      editedCollectionPath: J,
-      currentPropertiesOrder: N,
-      parentCollectionIds: R,
-      collection: ge
+    }, []), q = Z(({
+      propertyKey: N,
+      property: j,
+      editedCollectionPath: x,
+      currentPropertiesOrder: I,
+      parentCollectionIds: ge,
+      collection: fe
     }) => {
-      const xe = v && v.includes(".") ? v.substring(0, v.lastIndexOf(".")) : void 0, Q = v && v.includes(".") ? v.substring(v.lastIndexOf(".") + 1) : v;
-      console.log("edit property", Q, ge), w({
-        propertyKey: Q,
-        property: V,
-        namespace: xe,
-        currentPropertiesOrder: N,
-        editedCollectionPath: J,
-        parentCollectionIds: R,
-        collectionEditable: ge?.editable ?? !1
+      console.debug("edit property", N, j, x, I, ge, fe), d?.("edit_property", { propertyKey: N, editedCollectionPath: x });
+      const X = N && N.includes(".") ? N.substring(0, N.lastIndexOf(".")) : void 0, M = N && N.includes(".") ? N.substring(N.lastIndexOf(".") + 1) : N;
+      console.log("edit property", M, fe), A({
+        propertyKey: M,
+        property: j,
+        namespace: X,
+        currentPropertiesOrder: I,
+        editedCollectionPath: x,
+        parentCollectionIds: ge,
+        collectionEditable: fe?.editable ?? !1
       });
-    }, []), S = L.useCallback(({
-      parentCollectionIds: v,
-      parentCollection: V,
-      initialValues: J,
-      redirect: N
+    }, []), B = K.useCallback(({
+      parentCollectionIds: N,
+      parentCollection: j,
+      initialValues: x,
+      redirect: I
     }) => {
-      _({
+      console.debug("create collection", N, j, x, I), d?.("create_collection", { parentCollectionIds: N, parentCollection: j, initialValues: x, redirect: I }), _({
         isNewCollection: !0,
-        parentCollectionIds: v,
-        parentCollection: V,
-        initialValues: J,
-        redirect: N
+        parentCollectionIds: N,
+        parentCollection: j,
+        initialValues: x,
+        redirect: I
       });
-    }, []), E = p ? (v) => !v && k ? Promise.resolve(k) : p?.(v) : void 0;
+    }, []), S = p ? (N) => !N && k ? Promise.resolve(k) : p?.(N) : void 0;
     return /* @__PURE__ */ e(ha.Provider, { value: i, children: /* @__PURE__ */ n(
       ga.Provider,
       {
         value: {
-          editCollection: F,
-          createCollection: S,
-          editProperty: A,
-          configPermissions: r ?? q,
+          editCollection: z,
+          createCollection: B,
+          editProperty: q,
+          configPermissions: r ?? E,
           rootPathSuggestions: k
         },
         children: [
@@ -6558,20 +6560,20 @@ const cr = (t, a, i, r) => {
           /* @__PURE__ */ e(
             ma,
             {
-              open: !!h,
+              open: !!v,
               configController: i,
               isNewCollection: !1,
               collectionInference: o,
-              ...h,
+              ...v,
               getData: u,
               reservedGroups: s,
               extraView: l,
-              pathSuggestions: E,
+              pathSuggestions: S,
               getUser: m,
-              handleClose: (v) => {
-                if (h?.redirect && v && h?.isNewCollection && !h.parentCollectionIds.length) {
-                  const V = c.buildUrlCollectionPath(v.id ?? v.path);
-                  d(V);
+              handleClose: (N) => {
+                if (v?.redirect && N && v?.isNewCollection && !v.parentCollectionIds.length) {
+                  const j = c.buildUrlCollectionPath(N.id ?? N.path);
+                  y(j);
                 }
                 _(void 0);
               }
@@ -6580,69 +6582,69 @@ const cr = (t, a, i, r) => {
           /* @__PURE__ */ e(
             je,
             {
-              open: !!y,
+              open: !!h,
               includeIdAndName: !0,
-              existingProperty: !!y?.propertyKey,
-              autoUpdateId: y ? !y?.propertyKey : !1,
-              autoOpenTypeSelect: y ? !y?.propertyKey : !1,
+              existingProperty: !!h?.propertyKey,
+              autoUpdateId: h ? !h?.propertyKey : !1,
+              autoOpenTypeSelect: h ? !h?.propertyKey : !1,
               inArray: !1,
-              collectionEditable: y?.collectionEditable ?? !1,
-              getData: u && y?.editedCollectionPath ? () => {
-                const v = c.resolveAliasesFrom(y.editedCollectionPath);
-                return u(v);
+              collectionEditable: h?.collectionEditable ?? !1,
+              getData: u && h?.editedCollectionPath ? () => {
+                const N = c.resolveAliasesFrom(h.editedCollectionPath);
+                return u(N);
               } : void 0,
               onPropertyChanged: ({
-                id: v,
-                property: V
+                id: N,
+                property: j
               }) => {
-                if (!y || !v)
+                if (!h || !N)
                   return;
-                const J = !y.propertyKey;
+                const x = !h.propertyKey;
                 return i.saveProperty({
-                  path: y?.editedCollectionPath,
-                  property: V,
-                  propertyKey: v,
-                  newPropertiesOrder: J && y.currentPropertiesOrder ? [...y.currentPropertiesOrder, v] : void 0,
-                  namespace: y.namespace,
-                  parentCollectionIds: y.parentCollectionIds
-                }).catch((N) => (console.error(N), f.open({
+                  path: h?.editedCollectionPath,
+                  property: j,
+                  propertyKey: N,
+                  newPropertiesOrder: x && h.currentPropertiesOrder ? [...h.currentPropertiesOrder, N] : void 0,
+                  namespace: h.namespace,
+                  parentCollectionIds: h.parentCollectionIds
+                }).catch((I) => (console.error(I), g.open({
                   type: "error",
-                  message: "Error persisting property: " + (N.message ?? "Details in the console")
+                  message: "Error persisting property: " + (I.message ?? "Details in the console")
                 }), !1));
               },
               onPropertyChangedImmediate: !1,
               onDelete: () => {
-                if (!y?.propertyKey)
+                if (!h?.propertyKey)
                   return;
-                const v = y?.currentPropertiesOrder?.filter((V) => V !== y?.propertyKey);
+                const N = h?.currentPropertiesOrder?.filter((j) => j !== h?.propertyKey);
                 return i.deleteProperty({
-                  path: y?.editedCollectionPath,
-                  propertyKey: y?.propertyKey,
-                  namespace: y?.namespace,
-                  newPropertiesOrder: v,
-                  parentCollectionIds: y?.parentCollectionIds
+                  path: h?.editedCollectionPath,
+                  propertyKey: h?.propertyKey,
+                  namespace: h?.namespace,
+                  newPropertiesOrder: N,
+                  parentCollectionIds: h?.parentCollectionIds
                 }).then(() => {
-                  w(void 0);
-                }).catch((V) => (console.error(V), f.open({
+                  A(void 0);
+                }).catch((j) => (console.error(j), g.open({
                   type: "error",
-                  message: "Error deleting property: " + (V.message ?? "Details in the console")
+                  message: "Error deleting property: " + (j.message ?? "Details in the console")
                 }), !1));
               },
               onError: () => {
               },
               onOkClicked: () => {
-                w(void 0);
+                A(void 0);
               },
               onCancel: () => {
-                w(void 0);
+                A(void 0);
               },
               initialErrors: {},
               forceShowErrors: !1,
               existingPropertyKeys: [],
               allowDataInference: !0,
-              propertyConfigs: g,
-              property: y?.property,
-              propertyKey: y?.propertyKey
+              propertyConfigs: b,
+              property: h?.property,
+              propertyKey: h?.propertyKey
             }
           )
         ]
@@ -6657,17 +6659,17 @@ function mr({
   collection: i,
   tableController: r
 }) {
-  const s = Ye(), o = Be(), l = Re(), p = fa(), m = De(), u = o.getCollectionFromIds(a), c = l.configPermissions ? l.configPermissions({
+  const s = Ye(), o = Be(), l = Re(), p = fa(), m = De(), u = o.getCollectionFromIds(a), d = l.configPermissions ? l.configPermissions({
     user: s.user,
     collection: i
   }).editCollections : !0;
-  let d = null;
-  return (!ut(st(r.filterValues), st(i.initialFilter)) || !ut(st(r.sortBy), st(i.initialSort))) && (d = /* @__PURE__ */ e(
+  let c = null;
+  return (!ut(st(r.filterValues), st(i.initialFilter)) || !ut(st(r.sortBy), st(i.initialSort))) && (c = /* @__PURE__ */ e(
     re,
     {
       title: r.sortBy || r.filterValues ? "Save default filter and sort" : "Clear default filter and sort",
       children: /* @__PURE__ */ e(
-        B,
+        U,
         {
           color: "primary",
           size: "small",
@@ -6675,7 +6677,7 @@ function mr({
           onClick: () => p?.saveCollection({
             id: i.path,
             parentCollectionIds: a,
-            collectionData: Y(
+            collectionData: G(
               i,
               {
                 initialFilter: r.filterValues ?? null,
@@ -6692,18 +6694,18 @@ function mr({
         }
       )
     }
-  )), /* @__PURE__ */ n(M, { children: [
-    c && d,
+  )), /* @__PURE__ */ n($, { children: [
+    d && c,
     /* @__PURE__ */ e(
       re,
       {
-        title: c ? "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(
           ne,
           {
             color: "primary",
-            disabled: !c,
-            onClick: c ? () => l?.editCollection({ path: i.path, fullPath: t, parentCollectionIds: a, parentCollection: u }) : void 0,
+            disabled: !d,
+            onClick: d ? () => l?.editCollection({ path: i.path, fullPath: t, parentCollectionIds: a, parentCollection: u }) : void 0,
             children: /* @__PURE__ */ e(Qe, {})
           }
         )
@@ -6721,9 +6723,9 @@ function ur({
   const i = De(), r = Ye(), s = fa(), o = Re(), l = o.configPermissions({
     user: r.user,
     collection: a
-  }), p = X(() => {
+  }), p = Z(() => {
     o?.editCollection({ path: t, parentCollectionIds: [] });
-  }, [o, t]), [m, u] = $(!1), c = X(() => {
+  }, [o, t]), [m, u] = L(!1), d = Z(() => {
     s?.deleteCollection({ path: t }).then(() => {
       u(!1), i.open({
         message: "Collection deleted",
@@ -6731,14 +6733,14 @@ function ur({
       });
     });
   }, [t, s]);
-  return /* @__PURE__ */ n(M, { children: [
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n("div", { children: [
       l.deleteCollections && /* @__PURE__ */ e(
         Ga,
         {
           trigger: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Ha, { size: "small" }) }),
-          children: /* @__PURE__ */ n(Ja, { onClick: (d) => {
-            d.preventDefault(), d.stopPropagation(), u(!0);
+          children: /* @__PURE__ */ n(Ja, { onClick: (c) => {
+            c.preventDefault(), c.stopPropagation(), u(!0);
           }, children: [
             /* @__PURE__ */ e(pt, {}),
             "Delete"
@@ -6748,7 +6750,7 @@ function ur({
       l.editCollections && /* @__PURE__ */ e(
         ne,
         {
-          onClick: (d) => {
+          onClick: (c) => {
             p();
           },
           children: /* @__PURE__ */ e(Qe, { size: "small" })
@@ -6759,10 +6761,10 @@ function ur({
       mt,
       {
         open: m,
-        onAccept: c,
+        onAccept: d,
         onCancel: () => u(!1),
-        title: /* @__PURE__ */ e(M, { children: "Delete this collection?" }),
-        body: /* @__PURE__ */ n(M, { children: [
+        title: /* @__PURE__ */ e($, { children: "Delete this collection?" }),
+        body: /* @__PURE__ */ n($, { children: [
           " This will ",
           /* @__PURE__ */ e("b", { children: "not delete any data" }),
           ", only the collection in the CMS"
@@ -6783,7 +6785,7 @@ function hr({
   return /* @__PURE__ */ e(
     ta,
     {
-      className: ke("h-full p-4 min-h-[124px]"),
+      className: xe("h-full p-4 min-h-[124px]"),
       onClick: r && s ? () => r.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentCollectionIds: [],
@@ -6835,7 +6837,7 @@ function gr() {
                     icon: /* @__PURE__ */ e(Ae, { size: "small" }),
                     colorScheme: "cyanLighter",
                     onClick: i && r ? () => i.createCollection({
-                      initialValues: { path: l, name: Nt(l) },
+                      initialValues: { path: l, name: Pt(l) },
                       parentCollectionIds: [],
                       redirect: !0
                     }) : void 0,
@@ -6912,14 +6914,15 @@ function Ar({
   pathSuggestions: o,
   getUser: l,
   collectionInference: p,
-  getData: m
+  getData: m,
+  onAnalyticsEvent: u
 }) {
-  const u = X(
+  const d = Z(
     (c) => {
-      const d = (g) => {
-        et(g.properties), g.subcollections?.forEach(d);
-      }, f = t.collections ?? [];
-      return f.forEach(d), Za(c, f, [], a);
+      const y = (b) => {
+        et(b.properties), b.subcollections?.forEach(y);
+      }, g = t.collections ?? [];
+      return g.forEach(y), Za(c, g, [], a);
     },
     [t.collections, a]
   );
@@ -6927,7 +6930,7 @@ function Ar({
     name: "Collection Editor",
     loading: t.loading,
     collections: {
-      injectCollections: u,
+      injectCollections: d,
       CollectionActions: mr
     },
     provider: {
@@ -6940,7 +6943,8 @@ function Ar({
         extraView: s,
         pathSuggestions: o,
         getUser: l,
-        getData: m
+        getData: m,
+        onAnalyticsEvent: u
       }
     },
     homePage: {
@@ -6959,14 +6963,14 @@ function zr({ path: t }) {
   return /* @__PURE__ */ n("div", { className: "p-1 flex flex-col items-center", children: [
     /* @__PURE__ */ e(aa, { error: "No collection for path: " + i }),
     /* @__PURE__ */ e(
-      B,
+      U,
       {
         className: "mx-2",
         variant: "outlined",
         size: "small",
         onClick: () => {
           s.createCollection({
-            initialValues: { path: i, name: Nt(i) },
+            initialValues: { path: i, name: Pt(i) },
             parentCollectionIds: r,
             redirect: !1
           });
@@ -6984,8 +6988,8 @@ export {
   zr as MissingReferenceWidget,
   Je as editableProperty,
   ce as getFullId,
-  _e as idToPropertiesPath,
-  Ne as namespaceToPropertiesOrderPath,
+  ke as idToPropertiesPath,
+  Pe as namespaceToPropertiesOrderPath,
   ki as namespaceToPropertiesPath,
   qi as removeNonEditableProperties,
   Re as useCollectionEditorController,