@firecms/collection_editor 3.0.0-tw4.6 → 3.0.1

package/dist/index.umd.js

@@ -45,7 +45,7 @@
     }
     let t2;
     let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", color: "secondary", className: "ml-3.5", children: "Document view" });
       t3 = ui.cls("flex flex-row gap-4");
       $[2] = t2;
@@ -73,7 +73,7 @@
     }
     let t7;
     let t8;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.VerticalSplitIcon, {});
       t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "Side panel" });
       $[8] = t7;
@@ -113,7 +113,7 @@
     }
     let t13;
     let t14;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t13 = /* @__PURE__ */ jsxRuntime.jsx(ui.SquareIcon, {});
       t14 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "Full screen" });
       $[17] = t13;
@@ -147,7 +147,7 @@
       t16 = $[24];
     }
     let t17;
-    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", className: "ml-3.5", children: "Should documents be opened full screen or in an inline side dialog" });
       $[25] = t17;
     } else {
@@ -169,7 +169,7 @@
     return t18;
   }
   function CollectionDetailsForm(t0) {
-    const $ = reactCompilerRuntime.c(202);
+    const $ = reactCompilerRuntime.c(201);
     const {
       isNewCollection,
       reservedGroups,
@@ -254,7 +254,7 @@
     const collectionIcon = t5;
     groups?.filter((group) => !reservedGroups?.includes(group));
     let t6;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = {
         ref: groupRef
       };
@@ -302,7 +302,7 @@
       t10 = $[17];
     }
     let t11;
-    if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t11 = () => setIconDialogOpen(true);
       $[18] = t11;
     } else {
@@ -397,201 +397,199 @@
       t23 = $[41];
     }
     let t24;
-    if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t24 = ui.cls("col-span-12 ");
       $[42] = t24;
     } else {
       t24 = $[42];
     }
-    const t25 = !isNewCollection;
-    const t26 = showErrors && Boolean(errors.path);
-    let t27;
-    if ($[43] !== t25 || $[44] !== t26) {
-      t27 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: "path", as: ui.DebouncedTextField, label: "Path", disabled: t25, required: true, error: t26 });
+    const t25 = showErrors && Boolean(errors.path);
+    let t26;
+    if ($[43] !== t25) {
+      t26 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: "path", as: ui.DebouncedTextField, label: "Path", required: true, error: t25 });
       $[43] = t25;
       $[44] = t26;
-      $[45] = t27;
     } else {
-      t27 = $[45];
+      t26 = $[44];
     }
-    const t28 = touched.path && Boolean(errors.path);
-    const t29 = touched.path && Boolean(errors.path) ? errors.path : isSubcollection ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database";
-    let t30;
-    if ($[46] !== t28 || $[47] !== t29) {
-      t30 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t28, children: t29 });
+    const t27 = touched.path && Boolean(errors.path);
+    const t28 = touched.path && Boolean(errors.path) ? errors.path : isSubcollection ? "Relative path to the parent (no need to include the parent path)" : "Path that this collection is stored in, in the database";
+    let t29;
+    if ($[45] !== t27 || $[46] !== t28) {
+      t29 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t27, children: t28 });
+      $[45] = t27;
       $[46] = t28;
       $[47] = t29;
-      $[48] = t30;
     } else {
-      t30 = $[48];
+      t29 = $[47];
     }
-    let t31;
-    if ($[49] !== t27 || $[50] !== t30) {
-      t31 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t24, children: [
-        t27,
-        t30
+    let t30;
+    if ($[48] !== t26 || $[49] !== t29) {
+      t30 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t24, children: [
+        t26,
+        t29
       ] });
-      $[49] = t27;
+      $[48] = t26;
+      $[49] = t29;
       $[50] = t30;
-      $[51] = t31;
     } else {
-      t31 = $[51];
+      t30 = $[50];
     }
-    const t32 = values.openEntityMode ?? "side_panel";
-    let t33;
-    if ($[52] !== setFieldValue) {
-      t33 = (value) => setFieldValue("openEntityMode", value);
-      $[52] = setFieldValue;
-      $[53] = t33;
+    const t31 = values.openEntityMode ?? "side_panel";
+    let t32;
+    if ($[51] !== setFieldValue) {
+      t32 = (value) => setFieldValue("openEntityMode", value);
+      $[51] = setFieldValue;
+      $[52] = t32;
     } else {
-      t33 = $[53];
+      t32 = $[52];
     }
-    let t34;
-    if ($[54] !== t32 || $[55] !== t33) {
-      t34 = /* @__PURE__ */ jsxRuntime.jsx(LayoutModeSwitch, { className: "col-span-12", value: t32, onChange: t33 });
+    let t33;
+    if ($[53] !== t31 || $[54] !== t32) {
+      t33 = /* @__PURE__ */ jsxRuntime.jsx(LayoutModeSwitch, { className: "col-span-12", value: t31, onChange: t32 });
+      $[53] = t31;
       $[54] = t32;
       $[55] = t33;
-      $[56] = t34;
     } else {
-      t34 = $[56];
+      t33 = $[55];
     }
-    const t35 = values.history === null || values.history === void 0 ? "Document history revisions enabled if enabled globally" : values.history ? "Document history revisions ENABLED" : "Document history revisions NOT enabled";
-    let t36;
-    if ($[57] !== setFieldValue) {
-      t36 = (v) => setFieldValue("history", v);
-      $[57] = setFieldValue;
-      $[58] = t36;
+    const t34 = values.history === null || values.history === void 0 ? "Document history revisions enabled if enabled globally" : values.history ? "Document history revisions ENABLED" : "Document history revisions NOT enabled";
+    let t35;
+    if ($[56] !== setFieldValue) {
+      t35 = (v) => setFieldValue("history", v);
+      $[56] = setFieldValue;
+      $[57] = t35;
     } else {
-      t36 = $[58];
+      t35 = $[57];
     }
-    const t37 = values.history === void 0 ? null : values.history;
-    let t38;
-    if ($[59] !== t35 || $[60] !== t36 || $[61] !== t37) {
-      t38 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", allowIndeterminate: true, label: t35, onValueChange: t36, value: t37 });
+    const t36 = values.history === void 0 ? null : values.history;
+    let t37;
+    if ($[58] !== t34 || $[59] !== t35 || $[60] !== t36) {
+      t37 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", allowIndeterminate: true, label: t34, onValueChange: t35, value: t36 });
+      $[58] = t34;
       $[59] = t35;
       $[60] = t36;
       $[61] = t37;
-      $[62] = t38;
     } else {
-      t38 = $[62];
+      t37 = $[61];
     }
-    let t39;
-    if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
-      t39 = /* @__PURE__ */ jsxRuntime.jsxs(core.FieldCaption, { children: [
+    let t38;
+    if ($[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t38 = /* @__PURE__ */ jsxRuntime.jsxs(core.FieldCaption, { children: [
         "When enabled, each document in this collection will have a history of changes. This is useful for auditing purposes. The data is stored in a subcollection of the document in your database, called ",
         /* @__PURE__ */ jsxRuntime.jsx("b", { children: "__history" }),
         "."
       ] });
-      $[63] = t39;
+      $[62] = t38;
     } else {
-      t39 = $[63];
+      t38 = $[62];
     }
-    let t40;
-    if ($[64] !== t38) {
-      t40 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t38,
-        t39
+    let t39;
+    if ($[63] !== t37) {
+      t39 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t37,
+        t38
       ] });
-      $[64] = t38;
-      $[65] = t40;
+      $[63] = t37;
+      $[64] = t39;
     } else {
-      t40 = $[65];
+      t39 = $[64];
     }
-    let t41;
-    if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
-      t41 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark", children: [
+    let t40;
+    if ($[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t40 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, {}),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "ml-2", children: "Advanced" })
       ] });
-      $[66] = t41;
+      $[65] = t40;
     } else {
-      t41 = $[66];
+      t40 = $[65];
     }
-    const t42 = !isNewCollection;
-    const t43 = showErrors && Boolean(errors.id);
-    let t44;
-    if ($[67] !== t42 || $[68] !== t43) {
-      t44 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: "id", as: ui.DebouncedTextField, disabled: t42, label: "Collection id", error: t43 });
+    const t41 = !isNewCollection;
+    const t42 = showErrors && Boolean(errors.id);
+    let t43;
+    if ($[66] !== t41 || $[67] !== t42) {
+      t43 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: "id", as: ui.DebouncedTextField, disabled: t41, label: "Collection id", error: t42 });
+      $[66] = t41;
       $[67] = t42;
       $[68] = t43;
-      $[69] = t44;
     } else {
-      t44 = $[69];
+      t43 = $[68];
     }
-    const t45 = touched.id && Boolean(errors.id);
-    const t46 = touched.id && Boolean(errors.id) ? errors.id : "This id identifies this collection. Typically the same as the path.";
-    let t47;
-    if ($[70] !== t45 || $[71] !== t46) {
-      t47 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t45, children: t46 });
+    const t44 = touched.id && Boolean(errors.id);
+    const t45 = touched.id && Boolean(errors.id) ? errors.id : "This id identifies this collection. Typically the same as the path.";
+    let t46;
+    if ($[69] !== t44 || $[70] !== t45) {
+      t46 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t44, children: t45 });
+      $[69] = t44;
       $[70] = t45;
       $[71] = t46;
-      $[72] = t47;
     } else {
-      t47 = $[72];
+      t46 = $[71];
     }
-    let t48;
-    if ($[73] !== t44 || $[74] !== t47) {
-      t48 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t44,
-        t47
+    let t47;
+    if ($[72] !== t43 || $[73] !== t46) {
+      t47 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t43,
+        t46
       ] });
-      $[73] = t44;
+      $[72] = t43;
+      $[73] = t46;
       $[74] = t47;
-      $[75] = t48;
     } else {
-      t48 = $[75];
+      t47 = $[74];
     }
-    const t49 = showErrors && Boolean(errors.singularName);
-    let t50;
-    if ($[76] !== handleChange || $[77] !== setFieldTouched) {
-      t50 = (e_0) => {
+    const t48 = showErrors && Boolean(errors.singularName);
+    let t49;
+    if ($[75] !== handleChange || $[76] !== setFieldTouched) {
+      t49 = (e_0) => {
         setFieldTouched("singularName", true);
         return handleChange(e_0);
       };
-      $[76] = handleChange;
-      $[77] = setFieldTouched;
-      $[78] = t50;
+      $[75] = handleChange;
+      $[76] = setFieldTouched;
+      $[77] = t49;
     } else {
-      t50 = $[78];
+      t49 = $[77];
     }
-    const t51 = values.singularName ?? "";
-    let t52;
-    if ($[79] !== t49 || $[80] !== t50 || $[81] !== t51) {
-      t52 = /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { error: t49, name: "singularName", "aria-describedby": "singularName-helper", onChange: t50, value: t51, label: "Singular name" });
+    const t50 = values.singularName ?? "";
+    let t51;
+    if ($[78] !== t48 || $[79] !== t49 || $[80] !== t50) {
+      t51 = /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { error: t48, name: "singularName", "aria-describedby": "singularName-helper", onChange: t49, value: t50, label: "Singular name" });
+      $[78] = t48;
       $[79] = t49;
       $[80] = t50;
       $[81] = t51;
-      $[82] = t52;
     } else {
-      t52 = $[82];
+      t51 = $[81];
     }
-    const t53 = showErrors && Boolean(errors.singularName);
-    const t54 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define a singular name for your entities";
-    let t55;
-    if ($[83] !== t53 || $[84] !== t54) {
-      t55 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t53, children: t54 });
+    const t52 = showErrors && Boolean(errors.singularName);
+    const t53 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define a singular name for your entities";
+    let t54;
+    if ($[82] !== t52 || $[83] !== t53) {
+      t54 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t52, children: t53 });
+      $[82] = t52;
       $[83] = t53;
       $[84] = t54;
-      $[85] = t55;
     } else {
-      t55 = $[85];
+      t54 = $[84];
     }
-    let t56;
-    if ($[86] !== t52 || $[87] !== t55) {
-      t56 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t52,
-        t55
+    let t55;
+    if ($[85] !== t51 || $[86] !== t54) {
+      t55 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t51,
+        t54
       ] });
-      $[86] = t52;
+      $[85] = t51;
+      $[86] = t54;
       $[87] = t55;
-      $[88] = t56;
     } else {
-      t56 = $[88];
+      t55 = $[87];
     }
-    const t57 = showErrors && Boolean(errors.sideDialogWidth);
-    let t58;
-    if ($[89] !== setFieldTouched || $[90] !== setFieldValue) {
-      t58 = (e_1) => {
+    const t56 = showErrors && Boolean(errors.sideDialogWidth);
+    let t57;
+    if ($[88] !== setFieldTouched || $[89] !== setFieldValue) {
+      t57 = (e_1) => {
         setFieldTouched("sideDialogWidth", true);
         const value_0 = e_1.target.value;
         if (!value_0) {
@@ -602,440 +600,440 @@
           }
         }
       };
-      $[89] = setFieldTouched;
-      $[90] = setFieldValue;
-      $[91] = t58;
+      $[88] = setFieldTouched;
+      $[89] = setFieldValue;
+      $[90] = t57;
     } else {
-      t58 = $[91];
+      t57 = $[90];
     }
-    let t59;
-    if ($[92] !== setFieldValue) {
-      t59 = () => {
+    let t58;
+    if ($[91] !== setFieldValue) {
+      t58 = () => {
         setFieldValue("sideDialogWidth", null);
       };
-      $[92] = setFieldValue;
-      $[93] = t59;
+      $[91] = setFieldValue;
+      $[92] = t58;
     } else {
-      t59 = $[93];
+      t58 = $[92];
     }
-    const t60 = !values.sideDialogWidth;
-    let t61;
-    if ($[94] === Symbol.for("react.memo_cache_sentinel")) {
-      t61 = /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "small" });
-      $[94] = t61;
+    const t59 = !values.sideDialogWidth;
+    let t60;
+    if ($[93] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t60 = /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "small" });
+      $[93] = t60;
     } else {
-      t61 = $[94];
+      t60 = $[93];
     }
-    let t62;
-    if ($[95] !== t59 || $[96] !== t60) {
-      t62 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: t59, disabled: t60, children: t61 });
+    let t61;
+    if ($[94] !== t58 || $[95] !== t59) {
+      t61 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: t58, disabled: t59, children: t60 });
+      $[94] = t58;
       $[95] = t59;
-      $[96] = t60;
-      $[97] = t62;
+      $[96] = t61;
     } else {
-      t62 = $[97];
+      t61 = $[96];
     }
-    const t63 = values.sideDialogWidth ?? "";
-    let t64;
-    if ($[98] !== t57 || $[99] !== t58 || $[100] !== t62 || $[101] !== t63) {
-      t64 = /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { error: t57, name: "sideDialogWidth", type: "number", "aria-describedby": "sideDialogWidth-helper", onChange: t58, endAdornment: t62, value: t63, label: "Side dialog width" });
+    const t62 = values.sideDialogWidth ?? "";
+    let t63;
+    if ($[97] !== t56 || $[98] !== t57 || $[99] !== t61 || $[100] !== t62) {
+      t63 = /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { error: t56, name: "sideDialogWidth", type: "number", "aria-describedby": "sideDialogWidth-helper", onChange: t57, endAdornment: t61, value: t62, label: "Side dialog width" });
+      $[97] = t56;
       $[98] = t57;
-      $[99] = t58;
+      $[99] = t61;
       $[100] = t62;
       $[101] = t63;
-      $[102] = t64;
     } else {
-      t64 = $[102];
+      t63 = $[101];
     }
-    const t65 = showErrors && Boolean(errors.singularName);
-    const t66 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define the width (in pixels) of entities side dialog. Default is 768px";
-    let t67;
-    if ($[103] !== t65 || $[104] !== t66) {
-      t67 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t65, children: t66 });
+    const t64 = showErrors && Boolean(errors.singularName);
+    const t65 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define the width (in pixels) of entities side dialog. Default is 768px";
+    let t66;
+    if ($[102] !== t64 || $[103] !== t65) {
+      t66 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t64, children: t65 });
+      $[102] = t64;
       $[103] = t65;
       $[104] = t66;
-      $[105] = t67;
     } else {
-      t67 = $[105];
+      t66 = $[104];
     }
-    let t68;
-    if ($[106] !== t64 || $[107] !== t67) {
-      t68 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t64,
-        t67
+    let t67;
+    if ($[105] !== t63 || $[106] !== t66) {
+      t67 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t63,
+        t66
       ] });
-      $[106] = t64;
+      $[105] = t63;
+      $[106] = t66;
       $[107] = t67;
-      $[108] = t68;
     } else {
-      t68 = $[108];
+      t67 = $[107];
     }
-    const t69 = showErrors && Boolean(errors.description);
-    const t70 = values.description ?? "";
-    let t71;
-    if ($[109] !== handleChange || $[110] !== t69 || $[111] !== t70) {
-      t71 = /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { error: t69, name: "description", value: t70, onChange: handleChange, multiline: true, minRows: 2, "aria-describedby": "description-helper-text", label: "Description" });
-      $[109] = handleChange;
+    const t68 = showErrors && Boolean(errors.description);
+    const t69 = values.description ?? "";
+    let t70;
+    if ($[108] !== handleChange || $[109] !== t68 || $[110] !== t69) {
+      t70 = /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { error: t68, name: "description", value: t69, onChange: handleChange, multiline: true, minRows: 2, "aria-describedby": "description-helper-text", label: "Description" });
+      $[108] = handleChange;
+      $[109] = t68;
       $[110] = t69;
       $[111] = t70;
-      $[112] = t71;
     } else {
-      t71 = $[112];
+      t70 = $[111];
     }
-    const t72 = showErrors && Boolean(errors.description);
-    const t73 = showErrors && Boolean(errors.description) ? errors.description : "Description of the collection, you can use markdown";
-    let t74;
-    if ($[113] !== t72 || $[114] !== t73) {
-      t74 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t72, children: t73 });
+    const t71 = showErrors && Boolean(errors.description);
+    const t72 = showErrors && Boolean(errors.description) ? errors.description : "Description of the collection, you can use markdown";
+    let t73;
+    if ($[112] !== t71 || $[113] !== t72) {
+      t73 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { error: t71, children: t72 });
+      $[112] = t71;
       $[113] = t72;
       $[114] = t73;
-      $[115] = t74;
     } else {
-      t74 = $[115];
+      t73 = $[114];
     }
-    let t75;
-    if ($[116] !== t71 || $[117] !== t74) {
-      t75 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t71,
-        t74
+    let t74;
+    if ($[115] !== t70 || $[116] !== t73) {
+      t74 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t70,
+        t73
       ] });
-      $[116] = t71;
+      $[115] = t70;
+      $[116] = t73;
       $[117] = t74;
-      $[118] = t75;
-    } else {
-      t75 = $[118];
-    }
-    const t76 = values.defaultSize ?? "";
-    let t77;
-    if ($[119] === Symbol.for("react.memo_cache_sentinel")) {
-      t77 = ["xs", "s", "m", "l", "xl"].map(_temp2$8);
-      $[119] = t77;
     } else {
-      t77 = $[119];
+      t74 = $[117];
     }
-    let t78;
-    if ($[120] !== handleChange || $[121] !== t76) {
-      t78 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { name: "defaultSize", size: "large", fullWidth: true, label: "Default row size", position: "item-aligned", onChange: handleChange, value: t76, renderValue: _temp$c, children: t77 }) });
-      $[120] = handleChange;
-      $[121] = t76;
-      $[122] = t78;
+    const t75 = values.defaultSize ?? "";
+    let t76;
+    if ($[118] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t76 = ["xs", "s", "m", "l", "xl"].map(_temp2$8);
+      $[118] = t76;
     } else {
-      t78 = $[122];
+      t76 = $[118];
     }
-    const t79 = values.includeJsonView === void 0 || values.includeJsonView ? "Include JSON view" : "Do not include JSON view";
-    let t80;
-    if ($[123] !== setFieldValue) {
-      t80 = (v_0) => setFieldValue("includeJsonView", v_0);
-      $[123] = setFieldValue;
-      $[124] = t80;
-    } else {
-      t80 = $[124];
-    }
-    const t81 = values.includeJsonView === void 0 ? true : values.includeJsonView;
-    let t82;
-    if ($[125] !== t79 || $[126] !== t80 || $[127] !== t81) {
-      t82 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: t79, onValueChange: t80, value: t81 });
+    let t77;
+    if ($[119] !== handleChange || $[120] !== t75) {
+      t77 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { name: "defaultSize", size: "large", fullWidth: true, label: "Default row size", position: "item-aligned", onChange: handleChange, value: t75, renderValue: _temp$c, children: t76 }) });
+      $[119] = handleChange;
+      $[120] = t75;
+      $[121] = t77;
+    } else {
+      t77 = $[121];
+    }
+    const t78 = values.includeJsonView === void 0 || values.includeJsonView ? "Include JSON view" : "Do not include JSON view";
+    let t79;
+    if ($[122] !== setFieldValue) {
+      t79 = (v_0) => setFieldValue("includeJsonView", v_0);
+      $[122] = setFieldValue;
+      $[123] = t79;
+    } else {
+      t79 = $[123];
+    }
+    const t80 = values.includeJsonView === void 0 ? true : values.includeJsonView;
+    let t81;
+    if ($[124] !== t78 || $[125] !== t79 || $[126] !== t80) {
+      t81 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: t78, onValueChange: t79, value: t80 });
+      $[124] = t78;
       $[125] = t79;
       $[126] = t80;
       $[127] = t81;
+    } else {
+      t81 = $[127];
+    }
+    let t82;
+    if ($[128] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t82 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Include the JSON representation of the document." });
       $[128] = t82;
     } else {
       t82 = $[128];
     }
     let t83;
-    if ($[129] === Symbol.for("react.memo_cache_sentinel")) {
-      t83 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Include the JSON representation of the document." });
-      $[129] = t83;
-    } else {
-      t83 = $[129];
-    }
-    let t84;
-    if ($[130] !== t82) {
-      t84 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t82,
-        t83
-      ] });
-      $[130] = t82;
-      $[131] = t84;
-    } else {
-      t84 = $[131];
-    }
-    const t85 = values.inlineEditing === void 0 || values.inlineEditing ? "Data can be edited directly in the table view" : "Data can be edited only  in the form view";
-    let t86;
-    if ($[132] !== setFieldValue) {
-      t86 = (v_1) => setFieldValue("inlineEditing", v_1);
-      $[132] = setFieldValue;
-      $[133] = t86;
-    } else {
-      t86 = $[133];
-    }
-    const t87 = values.inlineEditing === void 0 ? true : values.inlineEditing;
-    let t88;
-    if ($[134] !== t85 || $[135] !== t86 || $[136] !== t87) {
-      t88 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: t85, onValueChange: t86, value: t87 });
+    if ($[129] !== t81) {
+      t83 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t81,
+        t82
+      ] });
+      $[129] = t81;
+      $[130] = t83;
+    } else {
+      t83 = $[130];
+    }
+    const t84 = values.inlineEditing === void 0 || values.inlineEditing ? "Data can be edited directly in the table view" : "Data can be edited only  in the form view";
+    let t85;
+    if ($[131] !== setFieldValue) {
+      t85 = (v_1) => setFieldValue("inlineEditing", v_1);
+      $[131] = setFieldValue;
+      $[132] = t85;
+    } else {
+      t85 = $[132];
+    }
+    const t86 = values.inlineEditing === void 0 ? true : values.inlineEditing;
+    let t87;
+    if ($[133] !== t84 || $[134] !== t85 || $[135] !== t86) {
+      t87 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: t84, onValueChange: t85, value: t86 });
+      $[133] = t84;
       $[134] = t85;
       $[135] = t86;
       $[136] = t87;
+    } else {
+      t87 = $[136];
+    }
+    let t88;
+    if ($[137] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t88 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Allow editing data directly in the table view, without opening the form view." });
       $[137] = t88;
     } else {
       t88 = $[137];
     }
     let t89;
-    if ($[138] === Symbol.for("react.memo_cache_sentinel")) {
-      t89 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Allow editing data directly in the table view, without opening the form view." });
-      $[138] = t89;
-    } else {
-      t89 = $[138];
-    }
-    let t90;
-    if ($[139] !== t88) {
-      t90 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t88,
-        t89
+    if ($[138] !== t87) {
+      t89 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t87,
+        t88
       ] });
-      $[139] = t88;
-      $[140] = t90;
+      $[138] = t87;
+      $[139] = t89;
     } else {
-      t90 = $[140];
+      t89 = $[139];
     }
-    const t91 = customIdValue === "code_defined";
-    let t92;
-    if ($[141] !== setFieldValue) {
-      t92 = (v_2) => {
+    const t90 = customIdValue === "code_defined";
+    let t91;
+    if ($[140] !== setFieldValue) {
+      t91 = (v_2) => {
         if (v_2 === "code_defined") {
           throw new Error("This should not happen");
         }
         setFieldValue("customId", v_2);
       };
-      $[141] = setFieldValue;
-      $[142] = t92;
+      $[140] = setFieldValue;
+      $[141] = t91;
     } else {
-      t92 = $[142];
+      t91 = $[141];
     }
-    const t93 = customIdValue ?? "";
+    const t92 = customIdValue ?? "";
+    let t93;
     let t94;
     let t95;
-    let t96;
-    if ($[143] === Symbol.for("react.memo_cache_sentinel")) {
-      t94 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: "Document ID is generated automatically" });
-      t95 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: "Users must define an ID" });
-      t96 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "optional", children: "Users can define an ID, but it is not required" });
+    if ($[142] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t93 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: "Document ID is generated automatically" });
+      t94 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: "Users must define an ID" });
+      t95 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "optional", children: "Users can define an ID, but it is not required" });
+      $[142] = t93;
       $[143] = t94;
       $[144] = t95;
-      $[145] = t96;
     } else {
+      t93 = $[142];
       t94 = $[143];
       t95 = $[144];
-      t96 = $[145];
     }
-    let t97;
-    if ($[146] !== t91 || $[147] !== t92 || $[148] !== t93) {
-      t97 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t91, onValueChange: t92, value: t93, renderValue: _temp3$5, children: [
+    let t96;
+    if ($[145] !== t90 || $[146] !== t91 || $[147] !== t92) {
+      t96 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t90, onValueChange: t91, value: t92, renderValue: _temp3$5, children: [
+        t93,
         t94,
-        t95,
-        t96
+        t95
       ] }) });
+      $[145] = t90;
       $[146] = t91;
       $[147] = t92;
-      $[148] = t93;
-      $[149] = t97;
+      $[148] = t96;
     } else {
-      t97 = $[149];
+      t96 = $[148];
     }
-    let t98;
-    if ($[150] !== setFieldValue) {
-      t98 = (v_3) => setFieldValue("collectionGroup", v_3);
-      $[150] = setFieldValue;
-      $[151] = t98;
+    let t97;
+    if ($[149] !== setFieldValue) {
+      t97 = (v_3) => setFieldValue("collectionGroup", v_3);
+      $[149] = setFieldValue;
+      $[150] = t97;
+    } else {
+      t97 = $[150];
+    }
+    const t98 = values.collectionGroup ?? false;
+    let t99;
+    if ($[151] !== t97 || $[152] !== t98) {
+      t99 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: "Collection group", onValueChange: t97, value: t98 });
+      $[151] = t97;
+      $[152] = t98;
+      $[153] = t99;
     } else {
-      t98 = $[151];
+      t99 = $[153];
     }
-    const t99 = values.collectionGroup ?? false;
     let t100;
-    if ($[152] !== t98 || $[153] !== t99) {
-      t100 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: "Collection group", onValueChange: t98, value: t99 });
-      $[152] = t98;
-      $[153] = t99;
+    if ($[154] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t100 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." });
       $[154] = t100;
     } else {
       t100 = $[154];
     }
     let t101;
-    if ($[155] === Symbol.for("react.memo_cache_sentinel")) {
-      t101 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." });
-      $[155] = t101;
-    } else {
-      t101 = $[155];
-    }
-    let t102;
-    if ($[156] !== t100) {
-      t102 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 mt-4", children: [
-        t100,
-        t101
+    if ($[155] !== t99) {
+      t101 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 mt-4", children: [
+        t99,
+        t100
       ] });
-      $[156] = t100;
-      $[157] = t102;
+      $[155] = t99;
+      $[156] = t101;
     } else {
-      t102 = $[157];
+      t101 = $[156];
     }
-    let t103;
-    if ($[158] !== setFieldValue) {
-      t103 = (v_4) => setFieldValue("textSearchEnabled", v_4);
-      $[158] = setFieldValue;
-      $[159] = t103;
+    let t102;
+    if ($[157] !== setFieldValue) {
+      t102 = (v_4) => setFieldValue("textSearchEnabled", v_4);
+      $[157] = setFieldValue;
+      $[158] = t102;
+    } else {
+      t102 = $[158];
+    }
+    const t103 = values.textSearchEnabled ?? false;
+    let t104;
+    if ($[159] !== t102 || $[160] !== t103) {
+      t104 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: "Enable text search for this collection", onValueChange: t102, value: t103 });
+      $[159] = t102;
+      $[160] = t103;
+      $[161] = t104;
     } else {
-      t103 = $[159];
+      t104 = $[161];
     }
-    const t104 = values.textSearchEnabled ?? false;
     let t105;
-    if ($[160] !== t103 || $[161] !== t104) {
-      t105 = /* @__PURE__ */ jsxRuntime.jsx(ui.BooleanSwitchWithLabel, { position: "start", size: "large", label: "Enable text search for this collection", onValueChange: t103, value: t104 });
-      $[160] = t103;
-      $[161] = t104;
+    if ($[162] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t105 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." });
       $[162] = t105;
     } else {
       t105 = $[162];
     }
     let t106;
-    if ($[163] === Symbol.for("react.memo_cache_sentinel")) {
-      t106 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." });
-      $[163] = t106;
+    if ($[163] !== t104) {
+      t106 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
+        t104,
+        t105
+      ] });
+      $[163] = t104;
+      $[164] = t106;
     } else {
-      t106 = $[163];
+      t106 = $[164];
     }
     let t107;
-    if ($[164] !== t105) {
-      t107 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t105,
+    if ($[165] !== t101 || $[166] !== t106 || $[167] !== t47 || $[168] !== t55 || $[169] !== t67 || $[170] !== t74 || $[171] !== t77 || $[172] !== t83 || $[173] !== t89 || $[174] !== t96) {
+      t107 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
+        t47,
+        t55,
+        t67,
+        t74,
+        t77,
+        t83,
+        t89,
+        t96,
+        t101,
         t106
       ] });
-      $[164] = t105;
-      $[165] = t107;
+      $[165] = t101;
+      $[166] = t106;
+      $[167] = t47;
+      $[168] = t55;
+      $[169] = t67;
+      $[170] = t74;
+      $[171] = t77;
+      $[172] = t83;
+      $[173] = t89;
+      $[174] = t96;
+      $[175] = t107;
     } else {
-      t107 = $[165];
+      t107 = $[175];
     }
     let t108;
-    if ($[166] !== t102 || $[167] !== t107 || $[168] !== t48 || $[169] !== t56 || $[170] !== t68 || $[171] !== t75 || $[172] !== t78 || $[173] !== t84 || $[174] !== t90 || $[175] !== t97) {
-      t108 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
-        t48,
-        t56,
-        t68,
-        t75,
-        t78,
-        t84,
-        t90,
-        t97,
-        t102,
-        t107
-      ] });
-      $[166] = t102;
-      $[167] = t107;
-      $[168] = t48;
-      $[169] = t56;
-      $[170] = t68;
-      $[171] = t75;
-      $[172] = t78;
-      $[173] = t84;
-      $[174] = t90;
-      $[175] = t97;
-      $[176] = t108;
-    } else {
-      t108 = $[176];
-    }
-    let t109;
-    if ($[177] !== advancedPanelExpanded || $[178] !== t108) {
-      t109 = /* @__PURE__ */ jsxRuntime.jsx(ui.ExpandablePanel, { expanded: advancedPanelExpanded, onExpandedChange: setAdvancedPanelExpanded, title: t41, initiallyExpanded: false, children: t108 });
-      $[177] = advancedPanelExpanded;
+    if ($[176] !== advancedPanelExpanded || $[177] !== t107) {
+      t108 = /* @__PURE__ */ jsxRuntime.jsx(ui.ExpandablePanel, { expanded: advancedPanelExpanded, onExpandedChange: setAdvancedPanelExpanded, title: t40, initiallyExpanded: false, children: t107 });
+      $[176] = advancedPanelExpanded;
+      $[177] = t107;
       $[178] = t108;
-      $[179] = t109;
     } else {
-      t109 = $[179];
+      t108 = $[178];
     }
-    let t110;
-    if ($[180] !== children || $[181] !== t109) {
-      t110 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 mt-8", children: [
-        t109,
+    let t109;
+    if ($[179] !== children || $[180] !== t108) {
+      t109 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 mt-8", children: [
+        t108,
         children
       ] });
-      $[180] = children;
+      $[179] = children;
+      $[180] = t108;
       $[181] = t109;
-      $[182] = t110;
     } else {
-      t110 = $[182];
+      t109 = $[181];
     }
-    let t111;
-    if ($[183] !== t110 || $[184] !== t23 || $[185] !== t31 || $[186] !== t34 || $[187] !== t40) {
-      t111 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
+    let t110;
+    if ($[182] !== t109 || $[183] !== t23 || $[184] !== t30 || $[185] !== t33 || $[186] !== t39) {
+      t110 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
         t23,
-        t31,
-        t34,
-        t40,
-        t110
+        t30,
+        t33,
+        t39,
+        t109
       ] });
-      $[183] = t110;
-      $[184] = t23;
-      $[185] = t31;
-      $[186] = t34;
-      $[187] = t40;
-      $[188] = t111;
+      $[182] = t109;
+      $[183] = t23;
+      $[184] = t30;
+      $[185] = t33;
+      $[186] = t39;
+      $[187] = t110;
     } else {
-      t111 = $[188];
+      t110 = $[187];
     }
-    let t112;
-    if ($[189] === Symbol.for("react.memo_cache_sentinel")) {
-      t112 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+    let t111;
+    if ($[188] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t111 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         height: "52px"
       } });
-      $[189] = t112;
+      $[188] = t111;
     } else {
-      t112 = $[189];
+      t111 = $[188];
     }
-    const t113 = typeof values.icon === "string" ? values.icon : void 0;
-    let t114;
-    if ($[190] !== setFieldValue) {
-      t114 = (icon) => {
+    const t112 = typeof values.icon === "string" ? values.icon : void 0;
+    let t113;
+    if ($[189] !== setFieldValue) {
+      t113 = (icon) => {
         setIconDialogOpen(false);
         setFieldValue("icon", icon);
       };
-      $[190] = setFieldValue;
-      $[191] = t114;
+      $[189] = setFieldValue;
+      $[190] = t113;
     } else {
-      t114 = $[191];
+      t113 = $[190];
     }
-    let t115;
-    if ($[192] !== t113 || $[193] !== t114) {
-      t115 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(core.SearchIconsView, { selectedIcon: t113, onIconSelected: t114 }) });
+    let t114;
+    if ($[191] !== t112 || $[192] !== t113) {
+      t114 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(core.SearchIconsView, { selectedIcon: t112, onIconSelected: t113 }) });
+      $[191] = t112;
       $[192] = t113;
       $[193] = t114;
-      $[194] = t115;
     } else {
-      t115 = $[194];
+      t114 = $[193];
     }
-    let t116;
-    if ($[195] !== iconDialogOpen || $[196] !== t115) {
-      t116 = /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t115 });
-      $[195] = iconDialogOpen;
+    let t115;
+    if ($[194] !== iconDialogOpen || $[195] !== t114) {
+      t115 = /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t114 });
+      $[194] = iconDialogOpen;
+      $[195] = t114;
       $[196] = t115;
-      $[197] = t116;
     } else {
-      t116 = $[197];
+      t115 = $[196];
     }
-    let t117;
-    if ($[198] !== t111 || $[199] !== t116 || $[200] !== t15) {
-      t117 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+    let t116;
+    if ($[197] !== t110 || $[198] !== t115 || $[199] !== t15) {
+      t116 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
         t15,
+        t110,
         t111,
-        t112,
-        t116
+        t115
       ] }) });
-      $[198] = t111;
-      $[199] = t116;
-      $[200] = t15;
-      $[201] = t117;
+      $[197] = t110;
+      $[198] = t115;
+      $[199] = t15;
+      $[200] = t116;
     } else {
-      t117 = $[201];
+      t116 = $[200];
     }
-    return t117;
+    return t116;
   }
   function _temp3$5(value_3) {
     if (value_3 === "code_defined") {
@@ -1230,7 +1228,7 @@
     const [editDialogIndex, setEditDialogIndex] = React.useState();
     const [inferring, setInferring] = React.useState(false);
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = /* @__PURE__ */ new Set();
       $[0] = t1;
     } else {
@@ -1293,7 +1291,7 @@
     const inferValues = t3;
     let t4;
     let t5;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.ListIcon, {});
       t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "ml-2 grow", children: "Values" });
       $[13] = t4;
@@ -1338,7 +1336,7 @@
       t8 = $[24];
     }
     let t9;
-    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = {
         id: "",
         label: ""
@@ -1361,7 +1359,7 @@
     }
     const t11 = editDialogIndex !== void 0;
     let t12;
-    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = () => setEditDialogIndex(void 0);
       $[32] = t12;
     } else {
@@ -1583,7 +1581,7 @@
       t2 = $[5];
     }
     let t3;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { hidden: true, children: "Enum form dialog" });
       $[6] = t3;
     } else {
@@ -1994,8 +1992,8 @@
       children
     } = t0;
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark", children: [
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.RuleIcon, {}),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "ml-4", children: "Validation" })
       ] });
@@ -2069,7 +2067,7 @@
     "text/*": "Text files"
   };
   function StoragePropertyField(t0) {
-    const $ = reactCompilerRuntime.c(180);
+    const $ = reactCompilerRuntime.c(189);
     const {
       multiple,
       existing,
@@ -2085,6 +2083,7 @@
     const maxSize = `${baseStoragePath}.maxSize`;
     const storagePath = `${baseStoragePath}.storagePath`;
     const storeUrl = `${baseStoragePath}.storeUrl`;
+    const includeBucketUrl = `${baseStoragePath}.includeBucketUrl`;
     const imageResize = `${baseStoragePath}.imageResize`;
     const imageResizeMaxWidth = `${imageResize}.maxWidth`;
     const imageResizeMaxHeight = `${imageResize}.maxHeight`;
@@ -2132,45 +2131,45 @@
     let t7;
     let t8;
     let t9;
-    if ($[6] !== acceptedFiles || $[7] !== disabled || $[8] !== existing || $[9] !== fileName || $[10] !== fileNameValue || $[11] !== imageResizeFormat || $[12] !== imageResizeMaxHeight || $[13] !== imageResizeMaxWidth || $[14] !== imageResizeMode || $[15] !== imageResizeQuality || $[16] !== maxSize || $[17] !== setFieldValue || $[18] !== storagePath || $[19] !== storagePathValue || $[20] !== storeUrl || $[21] !== values) {
+    if ($[6] !== acceptedFiles || $[7] !== disabled || $[8] !== existing || $[9] !== fileName || $[10] !== fileNameValue || $[11] !== imageResizeFormat || $[12] !== imageResizeMaxHeight || $[13] !== imageResizeMaxWidth || $[14] !== imageResizeMode || $[15] !== imageResizeQuality || $[16] !== includeBucketUrl || $[17] !== maxSize || $[18] !== setFieldValue || $[19] !== storagePath || $[20] !== storagePathValue || $[21] !== storeUrl || $[22] !== values) {
       const maxSizeValue = formex.getIn(values, maxSize);
       const imageResizeMaxWidthValue = formex.getIn(values, imageResizeMaxWidth);
       const imageResizeMaxHeightValue = formex.getIn(values, imageResizeMaxHeight);
       let t222;
-      if ($[43] !== imageResizeMode || $[44] !== values) {
+      if ($[44] !== imageResizeMode || $[45] !== values) {
         t222 = formex.getIn(values, imageResizeMode) ?? "cover";
-        $[43] = imageResizeMode;
-        $[44] = values;
-        $[45] = t222;
+        $[44] = imageResizeMode;
+        $[45] = values;
+        $[46] = t222;
       } else {
-        t222 = $[45];
+        t222 = $[46];
       }
       const imageResizeModeValue = t222;
       let t232;
-      if ($[46] !== imageResizeFormat || $[47] !== values) {
+      if ($[47] !== imageResizeFormat || $[48] !== values) {
         t232 = formex.getIn(values, imageResizeFormat) ?? "original";
-        $[46] = imageResizeFormat;
-        $[47] = values;
-        $[48] = t232;
+        $[47] = imageResizeFormat;
+        $[48] = values;
+        $[49] = t232;
       } else {
-        t232 = $[48];
+        t232 = $[49];
       }
       const imageResizeFormatValue = t232;
       const imageResizeQualityValue = formex.getIn(values, imageResizeQuality);
       let t242;
-      if ($[49] !== acceptedFiles || $[50] !== values) {
+      if ($[50] !== acceptedFiles || $[51] !== values) {
         t242 = formex.getIn(values, acceptedFiles);
-        $[49] = acceptedFiles;
-        $[50] = values;
-        $[51] = t242;
+        $[50] = acceptedFiles;
+        $[51] = values;
+        $[52] = t242;
       } else {
-        t242 = $[51];
+        t242 = $[52];
       }
       const storedValue = t242;
       const fileTypesValue = Array.isArray(storedValue) ? storedValue : void 0;
       const allFileTypesSelected = !fileTypesValue || fileTypesValue.length === 0;
       let t252;
-      if ($[52] !== acceptedFiles || $[53] !== setFieldValue) {
+      if ($[53] !== acceptedFiles || $[54] !== setFieldValue) {
         t252 = (value) => {
           if (!value) {
             setFieldValue(acceptedFiles, void 0);
@@ -2178,38 +2177,38 @@
             setFieldValue(acceptedFiles, value);
           }
         };
-        $[52] = acceptedFiles;
-        $[53] = setFieldValue;
-        $[54] = t252;
+        $[53] = acceptedFiles;
+        $[54] = setFieldValue;
+        $[55] = t252;
       } else {
-        t252 = $[54];
+        t252 = $[55];
       }
       const handleTypesChange = t252;
       const hasFilenameCallback = typeof fileNameValue === "function";
       const hasStoragePathCallback = typeof storagePathValue === "function";
       t21 = "col-span-12";
       T1 = ui.ExpandablePanel;
-      if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
-        t20 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark", children: [
+      if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t20 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.CloudUploadIcon, {}),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "ml-4", children: "File upload config" })
         ] });
-        $[55] = t20;
+        $[56] = t20;
       } else {
-        t20 = $[55];
+        t20 = $[56];
       }
       t10 = "grid grid-cols-12 gap-2 p-4";
       let t262;
-      if ($[56] !== fileTypesValue) {
+      if ($[57] !== fileTypesValue) {
         t262 = fileTypesValue ?? [];
-        $[56] = fileTypesValue;
-        $[57] = t262;
+        $[57] = fileTypesValue;
+        $[58] = t262;
       } else {
-        t262 = $[57];
+        t262 = $[58];
       }
       const t272 = allFileTypesSelected ? void 0 : "Allowed file types";
       let t282;
-      if ($[58] !== acceptedFiles || $[59] !== setFieldValue) {
+      if ($[59] !== acceptedFiles || $[60] !== setFieldValue) {
         t282 = Object.entries(fileTypes).map((t293) => {
           const [value_0, label] = t293;
           return /* @__PURE__ */ jsxRuntime.jsxs(ui.MultiSelectItem, { value: value_0, className: "flex items-center gap-2", children: [
@@ -2221,49 +2220,49 @@
             }, children: "Only" })
           ] }, value_0);
         });
-        $[58] = acceptedFiles;
-        $[59] = setFieldValue;
-        $[60] = t282;
+        $[59] = acceptedFiles;
+        $[60] = setFieldValue;
+        $[61] = t282;
       } else {
-        t282 = $[60];
+        t282 = $[61];
       }
-      if ($[61] !== acceptedFiles || $[62] !== disabled || $[63] !== handleTypesChange || $[64] !== t262 || $[65] !== t272 || $[66] !== t282) {
+      if ($[62] !== acceptedFiles || $[63] !== disabled || $[64] !== handleTypesChange || $[65] !== t262 || $[66] !== t272 || $[67] !== t282) {
         t11 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { className: "w-full", placeholder: "All file types allowed", disabled, name: acceptedFiles, value: t262, onValueChange: handleTypesChange, label: t272, renderValues: _temp3$4, children: t282 }) });
-        $[61] = acceptedFiles;
-        $[62] = disabled;
-        $[63] = handleTypesChange;
-        $[64] = t262;
-        $[65] = t272;
-        $[66] = t282;
-        $[67] = t11;
+        $[62] = acceptedFiles;
+        $[63] = disabled;
+        $[64] = handleTypesChange;
+        $[65] = t262;
+        $[66] = t272;
+        $[67] = t282;
+        $[68] = t11;
       } else {
-        t11 = $[67];
+        t11 = $[68];
       }
       const t292 = hasFilenameCallback || disabled;
       const t302 = hasFilenameCallback ? "-" : fileNameValue;
-      if ($[68] !== fileName || $[69] !== t292 || $[70] !== t302) {
+      if ($[69] !== fileName || $[70] !== t292 || $[71] !== t302) {
         t12 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: fileName, as: ui.DebouncedTextField, label: "File name", size: "small", disabled: t292, value: t302 }) });
-        $[68] = fileName;
-        $[69] = t292;
-        $[70] = t302;
-        $[71] = t12;
+        $[69] = fileName;
+        $[70] = t292;
+        $[71] = t302;
+        $[72] = t12;
       } else {
-        t12 = $[71];
+        t12 = $[72];
       }
       const t312 = hasStoragePathCallback || disabled;
       const t322 = hasStoragePathCallback ? "-" : storagePathValue;
       let t33;
-      if ($[72] !== storagePath || $[73] !== t312 || $[74] !== t322) {
+      if ($[73] !== storagePath || $[74] !== t312 || $[75] !== t322) {
         t33 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: storagePath, as: ui.DebouncedTextField, label: "Storage path", disabled: t312, size: "small", value: t322 });
-        $[72] = storagePath;
-        $[73] = t312;
-        $[74] = t322;
-        $[75] = t33;
+        $[73] = storagePath;
+        $[74] = t312;
+        $[75] = t322;
+        $[76] = t33;
       } else {
-        t33 = $[75];
+        t33 = $[76];
       }
       let t34;
-      if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[77] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t34 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
           /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
@@ -2276,58 +2275,96 @@
             /* @__PURE__ */ jsxRuntime.jsx("li", { children: "{rand} - Random value used to avoid name collisions" })
           ] })
         ] });
-        $[76] = t34;
+        $[77] = t34;
       } else {
-        t34 = $[76];
+        t34 = $[77];
       }
       let t35;
-      if ($[77] !== disabled || $[78] !== existing) {
+      if ($[78] !== disabled || $[79] !== existing) {
         t35 = (t362) => {
           const {
             field,
             form
           } = t362;
-          return /* @__PURE__ */ jsxRuntime.jsx(SwitchControl, { label: "Save URL instead of storage path", disabled: existing || disabled, form, field });
+          return /* @__PURE__ */ jsxRuntime.jsx(SwitchControl, { label: "Include bucket URL (gs://...) in saved value", disabled: existing || disabled, form, field });
         };
-        $[77] = disabled;
-        $[78] = existing;
-        $[79] = t35;
+        $[78] = disabled;
+        $[79] = existing;
+        $[80] = t35;
       } else {
-        t35 = $[79];
+        t35 = $[80];
       }
       let t36;
-      if ($[80] !== storeUrl || $[81] !== t35) {
-        t36 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: storeUrl, type: "checkbox", children: t35 });
-        $[80] = storeUrl;
-        $[81] = t35;
-        $[82] = t36;
+      if ($[81] !== includeBucketUrl || $[82] !== t35) {
+        t36 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: includeBucketUrl, type: "checkbox", children: t35 });
+        $[81] = includeBucketUrl;
+        $[82] = t35;
+        $[83] = t36;
       } else {
-        t36 = $[82];
+        t36 = $[83];
       }
       let t37;
-      if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
-        t37 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation." });
-        $[83] = t37;
+      if ($[84] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t37 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
+          "Turn this setting on if you want to save a fully-qualified storage URL (e.g. ",
+          /* @__PURE__ */ jsxRuntime.jsx("code", { children: "gs://my-bucket/path/to/file" }),
+          ") instead of just the storage path. You can only change this prop upon creation."
+        ] });
+        $[84] = t37;
       } else {
-        t37 = $[83];
+        t37 = $[84];
       }
-      if ($[84] !== t33 || $[85] !== t36) {
+      let t38;
+      if ($[85] !== disabled || $[86] !== existing) {
+        t38 = (t392) => {
+          const {
+            field: field_0,
+            form: form_0
+          } = t392;
+          return /* @__PURE__ */ jsxRuntime.jsx(SwitchControl, { label: "Save URL instead of storage path", disabled: existing || disabled, form: form_0, field: field_0 });
+        };
+        $[85] = disabled;
+        $[86] = existing;
+        $[87] = t38;
+      } else {
+        t38 = $[87];
+      }
+      let t39;
+      if ($[88] !== storeUrl || $[89] !== t38) {
+        t39 = /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: storeUrl, type: "checkbox", children: t38 });
+        $[88] = storeUrl;
+        $[89] = t38;
+        $[90] = t39;
+      } else {
+        t39 = $[90];
+      }
+      let t40;
+      if ($[91] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t40 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Turn this setting on, if you prefer to save the download URL of the uploaded file instead of the storage path. You can only change this prop upon creation." });
+        $[91] = t40;
+      } else {
+        t40 = $[91];
+      }
+      if ($[92] !== t33 || $[93] !== t36 || $[94] !== t39) {
         t13 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
           t33,
           t34,
           t36,
-          t37
+          t37,
+          t39,
+          t40
         ] });
-        $[84] = t33;
-        $[85] = t36;
-        $[86] = t13;
+        $[92] = t33;
+        $[93] = t36;
+        $[94] = t39;
+        $[95] = t13;
       } else {
-        t13 = $[86];
+        t13 = $[95];
       }
-      const t38 = maxSizeValue !== void 0 && maxSizeValue !== null ? maxSizeValue.toString() : "";
-      let t39;
-      if ($[87] !== maxSize || $[88] !== setFieldValue) {
-        t39 = (e_0) => {
+      const t41 = maxSizeValue !== void 0 && maxSizeValue !== null ? maxSizeValue.toString() : "";
+      let t42;
+      if ($[96] !== maxSize || $[97] !== setFieldValue) {
+        t42 = (e_0) => {
           const value_1 = e_0.target.value;
           if (value_1 === "") {
             setFieldValue(maxSize, void 0);
@@ -2335,34 +2372,34 @@
             setFieldValue(maxSize, parseInt(value_1));
           }
         };
-        $[87] = maxSize;
-        $[88] = setFieldValue;
-        $[89] = t39;
+        $[96] = maxSize;
+        $[97] = setFieldValue;
+        $[98] = t42;
       } else {
-        t39 = $[89];
+        t42 = $[98];
       }
-      if ($[90] !== maxSize || $[91] !== t38 || $[92] !== t39) {
-        t14 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DebouncedTextField, { name: maxSize, type: "number", label: "Max size (in bytes)", size: "small", value: t38, onChange: t39 }) });
-        $[90] = maxSize;
-        $[91] = t38;
-        $[92] = t39;
-        $[93] = t14;
+      if ($[99] !== maxSize || $[100] !== t41 || $[101] !== t42) {
+        t14 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DebouncedTextField, { name: maxSize, type: "number", label: "Max size (in bytes)", size: "small", value: t41, onChange: t42 }) });
+        $[99] = maxSize;
+        $[100] = t41;
+        $[101] = t42;
+        $[102] = t14;
       } else {
-        t14 = $[93];
+        t14 = $[102];
       }
-      if ($[94] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t15 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 mt-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", color: "secondary", className: "mb-2 block", children: "Image Resize Configuration" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "mb-2 block text-xs", children: "Automatically resize and optimize images before upload (JPEG, PNG, WebP only)" })
         ] });
-        $[94] = t15;
+        $[103] = t15;
       } else {
-        t15 = $[94];
+        t15 = $[103];
       }
-      const t40 = imageResizeMaxWidthValue !== void 0 && imageResizeMaxWidthValue !== null ? imageResizeMaxWidthValue.toString() : "";
-      let t41;
-      if ($[95] !== imageResizeMaxWidth || $[96] !== setFieldValue) {
-        t41 = (e_1) => {
+      const t43 = imageResizeMaxWidthValue !== void 0 && imageResizeMaxWidthValue !== null ? imageResizeMaxWidthValue.toString() : "";
+      let t44;
+      if ($[104] !== imageResizeMaxWidth || $[105] !== setFieldValue) {
+        t44 = (e_1) => {
           const value_2 = e_1.target.value;
           if (value_2 === "") {
             setFieldValue(imageResizeMaxWidth, void 0);
@@ -2370,26 +2407,26 @@
             setFieldValue(imageResizeMaxWidth, parseInt(value_2));
           }
         };
-        $[95] = imageResizeMaxWidth;
-        $[96] = setFieldValue;
-        $[97] = t41;
+        $[104] = imageResizeMaxWidth;
+        $[105] = setFieldValue;
+        $[106] = t44;
       } else {
-        t41 = $[97];
+        t44 = $[106];
       }
-      if ($[98] !== disabled || $[99] !== imageResizeMaxWidth || $[100] !== t40 || $[101] !== t41) {
-        t16 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DebouncedTextField, { name: imageResizeMaxWidth, type: "number", label: "Max width (px)", size: "small", disabled, value: t40, onChange: t41 }) });
-        $[98] = disabled;
-        $[99] = imageResizeMaxWidth;
-        $[100] = t40;
-        $[101] = t41;
-        $[102] = t16;
+      if ($[107] !== disabled || $[108] !== imageResizeMaxWidth || $[109] !== t43 || $[110] !== t44) {
+        t16 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DebouncedTextField, { name: imageResizeMaxWidth, type: "number", label: "Max width (px)", size: "small", disabled, value: t43, onChange: t44 }) });
+        $[107] = disabled;
+        $[108] = imageResizeMaxWidth;
+        $[109] = t43;
+        $[110] = t44;
+        $[111] = t16;
       } else {
-        t16 = $[102];
+        t16 = $[111];
       }
-      const t42 = imageResizeMaxHeightValue !== void 0 && imageResizeMaxHeightValue !== null ? imageResizeMaxHeightValue.toString() : "";
-      let t43;
-      if ($[103] !== imageResizeMaxHeight || $[104] !== setFieldValue) {
-        t43 = (e_2) => {
+      const t45 = imageResizeMaxHeightValue !== void 0 && imageResizeMaxHeightValue !== null ? imageResizeMaxHeightValue.toString() : "";
+      let t46;
+      if ($[112] !== imageResizeMaxHeight || $[113] !== setFieldValue) {
+        t46 = (e_2) => {
           const value_3 = e_2.target.value;
           if (value_3 === "") {
             setFieldValue(imageResizeMaxHeight, void 0);
@@ -2397,99 +2434,99 @@
             setFieldValue(imageResizeMaxHeight, parseInt(value_3));
           }
         };
-        $[103] = imageResizeMaxHeight;
-        $[104] = setFieldValue;
-        $[105] = t43;
+        $[112] = imageResizeMaxHeight;
+        $[113] = setFieldValue;
+        $[114] = t46;
       } else {
-        t43 = $[105];
+        t46 = $[114];
       }
-      if ($[106] !== disabled || $[107] !== imageResizeMaxHeight || $[108] !== t42 || $[109] !== t43) {
-        t17 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DebouncedTextField, { name: imageResizeMaxHeight, type: "number", label: "Max height (px)", size: "small", disabled, value: t42, onChange: t43 }) });
-        $[106] = disabled;
-        $[107] = imageResizeMaxHeight;
-        $[108] = t42;
-        $[109] = t43;
-        $[110] = t17;
+      if ($[115] !== disabled || $[116] !== imageResizeMaxHeight || $[117] !== t45 || $[118] !== t46) {
+        t17 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DebouncedTextField, { name: imageResizeMaxHeight, type: "number", label: "Max height (px)", size: "small", disabled, value: t45, onChange: t46 }) });
+        $[115] = disabled;
+        $[116] = imageResizeMaxHeight;
+        $[117] = t45;
+        $[118] = t46;
+        $[119] = t17;
       } else {
-        t17 = $[110];
+        t17 = $[119];
       }
-      const t44 = imageResizeModeValue || "cover";
-      let t45;
-      if ($[111] !== imageResizeMode || $[112] !== setFieldValue) {
-        t45 = (value_4) => setFieldValue(imageResizeMode, value_4 || "cover");
-        $[111] = imageResizeMode;
-        $[112] = setFieldValue;
-        $[113] = t45;
+      const t47 = imageResizeModeValue || "cover";
+      let t48;
+      if ($[120] !== imageResizeMode || $[121] !== setFieldValue) {
+        t48 = (value_4) => setFieldValue(imageResizeMode, value_4 || "cover");
+        $[120] = imageResizeMode;
+        $[121] = setFieldValue;
+        $[122] = t48;
       } else {
-        t45 = $[113];
+        t48 = $[122];
       }
-      let t46;
-      let t47;
-      if ($[114] === Symbol.for("react.memo_cache_sentinel")) {
-        t46 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "contain", children: "Contain (fit within bounds)" });
-        t47 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "cover", children: "Cover (fill bounds, may crop)" });
-        $[114] = t46;
-        $[115] = t47;
+      let t49;
+      let t50;
+      if ($[123] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t49 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "contain", children: "Contain (fit within bounds)" });
+        t50 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "cover", children: "Cover (fill bounds, may crop)" });
+        $[123] = t49;
+        $[124] = t50;
       } else {
-        t46 = $[114];
-        t47 = $[115];
+        t49 = $[123];
+        t50 = $[124];
       }
-      if ($[116] !== disabled || $[117] !== imageResizeMode || $[118] !== t44 || $[119] !== t45) {
-        t18 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { disabled, name: imageResizeMode, fullWidth: true, size: "medium", value: t44, onValueChange: t45, label: "Resize mode", renderValue: _temp4$2, children: [
-          t46,
-          t47
+      if ($[125] !== disabled || $[126] !== imageResizeMode || $[127] !== t47 || $[128] !== t48) {
+        t18 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { disabled, name: imageResizeMode, fullWidth: true, size: "medium", value: t47, onValueChange: t48, label: "Resize mode", renderValue: _temp4$2, children: [
+          t49,
+          t50
         ] }) });
-        $[116] = disabled;
-        $[117] = imageResizeMode;
-        $[118] = t44;
-        $[119] = t45;
-        $[120] = t18;
+        $[125] = disabled;
+        $[126] = imageResizeMode;
+        $[127] = t47;
+        $[128] = t48;
+        $[129] = t18;
       } else {
-        t18 = $[120];
+        t18 = $[129];
       }
-      const t48 = imageResizeFormatValue || "original";
-      let t49;
-      if ($[121] !== imageResizeFormat || $[122] !== setFieldValue) {
-        t49 = (value_5) => setFieldValue(imageResizeFormat, value_5 || "original");
-        $[121] = imageResizeFormat;
-        $[122] = setFieldValue;
-        $[123] = t49;
+      const t51 = imageResizeFormatValue || "original";
+      let t52;
+      if ($[130] !== imageResizeFormat || $[131] !== setFieldValue) {
+        t52 = (value_5) => setFieldValue(imageResizeFormat, value_5 || "original");
+        $[130] = imageResizeFormat;
+        $[131] = setFieldValue;
+        $[132] = t52;
       } else {
-        t49 = $[123];
+        t52 = $[132];
       }
-      let t50;
-      let t51;
-      let t52;
       let t53;
-      if ($[124] === Symbol.for("react.memo_cache_sentinel")) {
-        t50 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "original", children: "Original (keep same format)" });
-        t51 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "jpeg", children: "JPEG" });
-        t52 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "png", children: "PNG" });
-        t53 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "webp", children: "WebP (best compression)" });
-        $[124] = t50;
-        $[125] = t51;
-        $[126] = t52;
-        $[127] = t53;
+      let t54;
+      let t55;
+      let t56;
+      if ($[133] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t53 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "original", children: "Original (keep same format)" });
+        t54 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "jpeg", children: "JPEG" });
+        t55 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "png", children: "PNG" });
+        t56 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "webp", children: "WebP (best compression)" });
+        $[133] = t53;
+        $[134] = t54;
+        $[135] = t55;
+        $[136] = t56;
       } else {
-        t50 = $[124];
-        t51 = $[125];
-        t52 = $[126];
-        t53 = $[127];
+        t53 = $[133];
+        t54 = $[134];
+        t55 = $[135];
+        t56 = $[136];
       }
-      if ($[128] !== disabled || $[129] !== imageResizeFormat || $[130] !== t48 || $[131] !== t49) {
-        t19 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { disabled, size: "medium", fullWidth: true, name: imageResizeFormat, value: t48, onValueChange: t49, label: "Output format", renderValue: _temp5, children: [
-          t50,
-          t51,
-          t52,
-          t53
+      if ($[137] !== disabled || $[138] !== imageResizeFormat || $[139] !== t51 || $[140] !== t52) {
+        t19 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { disabled, size: "medium", fullWidth: true, name: imageResizeFormat, value: t51, onValueChange: t52, label: "Output format", renderValue: _temp5, children: [
+          t53,
+          t54,
+          t55,
+          t56
         ] }) });
-        $[128] = disabled;
-        $[129] = imageResizeFormat;
-        $[130] = t48;
-        $[131] = t49;
-        $[132] = t19;
+        $[137] = disabled;
+        $[138] = imageResizeFormat;
+        $[139] = t51;
+        $[140] = t52;
+        $[141] = t19;
       } else {
-        t19 = $[132];
+        t19 = $[141];
       }
       t9 = "col-span-12";
       T0 = ui.DebouncedTextField;
@@ -2509,58 +2546,59 @@
       $[13] = imageResizeMaxWidth;
       $[14] = imageResizeMode;
       $[15] = imageResizeQuality;
-      $[16] = maxSize;
-      $[17] = setFieldValue;
-      $[18] = storagePath;
-      $[19] = storagePathValue;
-      $[20] = storeUrl;
-      $[21] = values;
-      $[22] = T0;
-      $[23] = T1;
-      $[24] = t10;
-      $[25] = t11;
-      $[26] = t12;
-      $[27] = t13;
-      $[28] = t14;
-      $[29] = t15;
-      $[30] = t16;
-      $[31] = t17;
-      $[32] = t18;
-      $[33] = t19;
-      $[34] = t20;
-      $[35] = t21;
-      $[36] = t3;
-      $[37] = t4;
-      $[38] = t5;
-      $[39] = t6;
-      $[40] = t7;
-      $[41] = t8;
-      $[42] = t9;
+      $[16] = includeBucketUrl;
+      $[17] = maxSize;
+      $[18] = setFieldValue;
+      $[19] = storagePath;
+      $[20] = storagePathValue;
+      $[21] = storeUrl;
+      $[22] = values;
+      $[23] = T0;
+      $[24] = T1;
+      $[25] = t10;
+      $[26] = t11;
+      $[27] = t12;
+      $[28] = t13;
+      $[29] = t14;
+      $[30] = t15;
+      $[31] = t16;
+      $[32] = t17;
+      $[33] = t18;
+      $[34] = t19;
+      $[35] = t20;
+      $[36] = t21;
+      $[37] = t3;
+      $[38] = t4;
+      $[39] = t5;
+      $[40] = t6;
+      $[41] = t7;
+      $[42] = t8;
+      $[43] = t9;
     } else {
-      T0 = $[22];
-      T1 = $[23];
-      t10 = $[24];
-      t11 = $[25];
-      t12 = $[26];
-      t13 = $[27];
-      t14 = $[28];
-      t15 = $[29];
-      t16 = $[30];
-      t17 = $[31];
-      t18 = $[32];
-      t19 = $[33];
-      t20 = $[34];
-      t21 = $[35];
-      t3 = $[36];
-      t4 = $[37];
-      t5 = $[38];
-      t6 = $[39];
-      t7 = $[40];
-      t8 = $[41];
-      t9 = $[42];
+      T0 = $[23];
+      T1 = $[24];
+      t10 = $[25];
+      t11 = $[26];
+      t12 = $[27];
+      t13 = $[28];
+      t14 = $[29];
+      t15 = $[30];
+      t16 = $[31];
+      t17 = $[32];
+      t18 = $[33];
+      t19 = $[34];
+      t20 = $[35];
+      t21 = $[36];
+      t3 = $[37];
+      t4 = $[38];
+      t5 = $[39];
+      t6 = $[40];
+      t7 = $[41];
+      t8 = $[42];
+      t9 = $[43];
     }
     let t22;
-    if ($[133] !== imageResizeQuality || $[134] !== setFieldValue) {
+    if ($[142] !== imageResizeQuality || $[143] !== setFieldValue) {
       t22 = (e_3) => {
         const value_6 = e_3.target.value;
         if (value_6 === "") {
@@ -2572,48 +2610,48 @@
           }
         }
       };
-      $[133] = imageResizeQuality;
-      $[134] = setFieldValue;
-      $[135] = t22;
+      $[142] = imageResizeQuality;
+      $[143] = setFieldValue;
+      $[144] = t22;
     } else {
-      t22 = $[135];
+      t22 = $[144];
     }
     let t23;
-    if ($[136] !== T0 || $[137] !== t22 || $[138] !== t3 || $[139] !== t4 || $[140] !== t5 || $[141] !== t6 || $[142] !== t7 || $[143] !== t8) {
+    if ($[145] !== T0 || $[146] !== t22 || $[147] !== t3 || $[148] !== t4 || $[149] !== t5 || $[150] !== t6 || $[151] !== t7 || $[152] !== t8) {
       t23 = /* @__PURE__ */ jsxRuntime.jsx(T0, { name: t3, type: t4, label: t5, size: t6, disabled: t7, value: t8, onChange: t22 });
-      $[136] = T0;
-      $[137] = t22;
-      $[138] = t3;
-      $[139] = t4;
-      $[140] = t5;
-      $[141] = t6;
-      $[142] = t7;
-      $[143] = t8;
-      $[144] = t23;
-    } else {
-      t23 = $[144];
+      $[145] = T0;
+      $[146] = t22;
+      $[147] = t3;
+      $[148] = t4;
+      $[149] = t5;
+      $[150] = t6;
+      $[151] = t7;
+      $[152] = t8;
+      $[153] = t23;
+    } else {
+      t23 = $[153];
     }
     let t24;
-    if ($[145] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[154] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: "Higher quality = larger file size. Recommended: 80-90 for photos, 90-100 for graphics" });
-      $[145] = t24;
+      $[154] = t24;
     } else {
-      t24 = $[145];
+      t24 = $[154];
     }
     let t25;
-    if ($[146] !== t23 || $[147] !== t9) {
+    if ($[155] !== t23 || $[156] !== t9) {
       t25 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t9, children: [
         t23,
         t24
       ] });
-      $[146] = t23;
-      $[147] = t9;
-      $[148] = t25;
+      $[155] = t23;
+      $[156] = t9;
+      $[157] = t25;
     } else {
-      t25 = $[148];
+      t25 = $[157];
     }
     let t26;
-    if ($[149] !== t10 || $[150] !== t11 || $[151] !== t12 || $[152] !== t13 || $[153] !== t14 || $[154] !== t15 || $[155] !== t16 || $[156] !== t17 || $[157] !== t18 || $[158] !== t19 || $[159] !== t25) {
+    if ($[158] !== t10 || $[159] !== t11 || $[160] !== t12 || $[161] !== t13 || $[162] !== t14 || $[163] !== t15 || $[164] !== t16 || $[165] !== t17 || $[166] !== t18 || $[167] !== t19 || $[168] !== t25) {
       t26 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t10, children: [
         t11,
         t12,
@@ -2626,81 +2664,81 @@
         t19,
         t25
       ] });
-      $[149] = t10;
-      $[150] = t11;
-      $[151] = t12;
-      $[152] = t13;
-      $[153] = t14;
-      $[154] = t15;
-      $[155] = t16;
-      $[156] = t17;
-      $[157] = t18;
-      $[158] = t19;
-      $[159] = t25;
-      $[160] = t26;
-    } else {
-      t26 = $[160];
+      $[158] = t10;
+      $[159] = t11;
+      $[160] = t12;
+      $[161] = t13;
+      $[162] = t14;
+      $[163] = t15;
+      $[164] = t16;
+      $[165] = t17;
+      $[166] = t18;
+      $[167] = t19;
+      $[168] = t25;
+      $[169] = t26;
+    } else {
+      t26 = $[169];
     }
     let t27;
-    if ($[161] !== T1 || $[162] !== t20 || $[163] !== t26) {
+    if ($[170] !== T1 || $[171] !== t20 || $[172] !== t26) {
       t27 = /* @__PURE__ */ jsxRuntime.jsx(T1, { title: t20, children: t26 });
-      $[161] = T1;
-      $[162] = t20;
-      $[163] = t26;
-      $[164] = t27;
+      $[170] = T1;
+      $[171] = t20;
+      $[172] = t26;
+      $[173] = t27;
     } else {
-      t27 = $[164];
+      t27 = $[173];
     }
     let t28;
-    if ($[165] !== t21 || $[166] !== t27) {
+    if ($[174] !== t21 || $[175] !== t27) {
       t28 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t21, children: t27 });
-      $[165] = t21;
-      $[166] = t27;
-      $[167] = t28;
+      $[174] = t21;
+      $[175] = t27;
+      $[176] = t28;
     } else {
-      t28 = $[167];
+      t28 = $[176];
     }
     let t29;
-    if ($[168] !== disabled || $[169] !== multiple) {
+    if ($[177] !== disabled || $[178] !== multiple) {
       t29 = !multiple && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(GeneralPropertyValidation, { disabled }) });
-      $[168] = disabled;
-      $[169] = multiple;
-      $[170] = t29;
+      $[177] = disabled;
+      $[178] = multiple;
+      $[179] = t29;
     } else {
-      t29 = $[170];
+      t29 = $[179];
     }
     let t30;
-    if ($[171] !== disabled || $[172] !== multiple) {
+    if ($[180] !== disabled || $[181] !== multiple) {
       t30 = multiple && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ArrayPropertyValidation, { disabled }) });
-      $[171] = disabled;
-      $[172] = multiple;
-      $[173] = t30;
+      $[180] = disabled;
+      $[181] = multiple;
+      $[182] = t30;
     } else {
-      t30 = $[173];
+      t30 = $[182];
     }
     let t31;
-    if ($[174] !== t29 || $[175] !== t30) {
+    if ($[183] !== t29 || $[184] !== t30) {
       t31 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ValidationPanel, { children: [
         t29,
         t30
       ] }) });
-      $[174] = t29;
-      $[175] = t30;
-      $[176] = t31;
+      $[183] = t29;
+      $[184] = t30;
+      $[185] = t31;
     } else {
-      t31 = $[176];
+      t31 = $[185];
     }
     let t32;
-    if ($[177] !== t28 || $[178] !== t31) {
+    if ($[186] !== t28 || $[187] !== t31) {
       t32 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         t28,
         t31
       ] });
-      $[177] = t28;
-      $[178] = t31;
-      $[179] = t32;
+      $[186] = t28;
+      $[187] = t31;
+      $[188] = t32;
     } else {
-      t32 = $[179];
+      t32 = $[188];
     }
     return t32;
   }
@@ -2783,7 +2821,7 @@
     }
     const propertyConfig = t1;
     editableProperty(property);
-    const borderColorClass = hasError ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "border-transparent";
+    const borderColorClass = hasError ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 ring-0 dark:ring-0" : selected ? "border-primary" : "border-transparent";
     let t2;
     if ($[3] !== propertyConfig) {
       t2 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "m-4", children: /* @__PURE__ */ jsxRuntime.jsx(core.PropertyConfigBadge, { propertyConfig }) });
@@ -2930,7 +2968,7 @@
       t3 = $[6];
     }
     let t4;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.DoNotDisturbOnIcon, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" });
       $[7] = t4;
     } else {
@@ -3082,7 +3120,7 @@
     }
     const propertiesOrder = t1;
     let t2;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = {
         activationConstraint: {
           distance: 5
@@ -3093,7 +3131,7 @@
       t2 = $[3];
     }
     let t3;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = {
         coordinateGetter: sortable.sortableKeyboardCoordinates
       };
@@ -3157,7 +3195,7 @@
     }
     const items = t5;
     let t6;
-    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = [modifiers.restrictToVerticalAxis];
       $[14] = t6;
     } else {
@@ -3533,7 +3571,7 @@
     }
     const onPropertyMove = t5;
     let t6;
-    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "Properties in this group" });
       $[16] = t6;
     } else {
@@ -3541,7 +3579,7 @@
     }
     let t7;
     let t8;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = () => setPropertyDialogOpen(true);
       t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {});
       $[17] = t7;
@@ -3574,14 +3612,14 @@
       t11 = $[22];
     }
     let t12;
-    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = {};
       $[23] = t12;
     } else {
       t12 = $[23];
     }
     let t13;
-    if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t13 = (propertyKey_0, namespace_1) => {
         setSelectedPropertyKey(propertyKey_0);
         setSelectedPropertyNamespace(namespace_1);
@@ -3653,7 +3691,7 @@
       t20 = $[42];
     }
     let t21;
-    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t21 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Set this flag to true if you want to display the children of this group as individual columns. This will only work for top level groups." });
       $[43] = t21;
     } else {
@@ -3672,7 +3710,7 @@
     }
     let t23;
     let t24;
-    if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t23 = () => {
         setPropertyDialogOpen(false);
         setSelectedPropertyKey(void 0);
@@ -3796,7 +3834,7 @@
     }
     const widget = t1;
     let t2;
-    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "Repeat component" });
       $[14] = t2;
     } else {
@@ -3928,7 +3966,7 @@
       t5 = $[13];
     }
     let t6;
-    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = {
         fontSize: 20
       };
@@ -4314,7 +4352,7 @@
     const deleteProperty = t3;
     let t4;
     let t5;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = () => setPropertyDialogOpen(true);
       t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {});
       $[11] = t4;
@@ -4348,7 +4386,7 @@
     }
     const onPropertyMove = t8;
     let t9;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "Properties in this block" });
       $[17] = t9;
     } else {
@@ -4375,7 +4413,7 @@
     }
     const t12 = values.oneOf?.propertiesOrder;
     let t13;
-    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t13 = {};
       $[22] = t13;
     } else {
@@ -4699,7 +4737,6 @@
   function ReferencePropertyField(t0) {
     const $ = reactCompilerRuntime.c(14);
     const {
-      existing,
       multiple,
       disabled,
       showErrors,
@@ -4713,7 +4750,7 @@
     const navigation = core.useNavigationController();
     if (!navigation) {
       let t12;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) });
         $[0] = t12;
       } else {
@@ -4743,23 +4780,22 @@
       t2 = $[7];
     }
     const pathError = t2;
-    const t3 = existing && Boolean(pathValue) || disabled;
-    let t4;
-    if ($[8] !== handleChange || $[9] !== pathError || $[10] !== pathPath || $[11] !== pathValue || $[12] !== t3) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: pathPath, pathPath, type: "select", disabled: t3, value: pathValue, error: pathError, handleChange, as: CollectionsSelect }) }) });
-      $[8] = handleChange;
-      $[9] = pathError;
-      $[10] = pathPath;
-      $[11] = pathValue;
-      $[12] = t3;
-      $[13] = t4;
+    let t3;
+    if ($[8] !== disabled || $[9] !== handleChange || $[10] !== pathError || $[11] !== pathPath || $[12] !== pathValue) {
+      t3 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(formex.Field, { name: pathPath, pathPath, type: "select", disabled, value: pathValue, error: pathError, handleChange, as: CollectionsSelect }) }) });
+      $[8] = disabled;
+      $[9] = handleChange;
+      $[10] = pathError;
+      $[11] = pathPath;
+      $[12] = pathValue;
+      $[13] = t3;
     } else {
-      t4 = $[13];
+      t3 = $[13];
     }
-    return t4;
+    return t3;
   }
   function CollectionsSelect(t0) {
-    const $ = reactCompilerRuntime.c(29);
+    const $ = reactCompilerRuntime.c(26);
     let disabled;
     let error;
     let handleChange;
@@ -4793,7 +4829,7 @@
     const navigation = core.useNavigationController();
     if (!navigation) {
       let t12;
-      if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) });
         $[7] = t12;
       } else {
@@ -4822,10 +4858,10 @@
     let t3;
     if ($[12] !== collections || $[13] !== disabled || $[14] !== error || $[15] !== groups || $[16] !== handleChange || $[17] !== pathPath || $[18] !== props || $[19] !== value) {
       const ungroupedCollections = collections.filter(_temp2$6);
-      const t42 = Boolean(error);
-      let t52;
+      const t4 = Boolean(error);
+      let t5;
       if ($[21] !== collections) {
-        t52 = (selected) => {
+        t5 = (selected) => {
           const selectedCollection = collections.find((collection) => collection.id === selected || collection.path === selected);
           if (!selectedCollection) {
             return null;
@@ -4836,9 +4872,9 @@
           ] });
         };
         $[21] = collections;
-        $[22] = t52;
+        $[22] = t5;
       } else {
-        t52 = $[22];
+        t5 = $[22];
       }
       let t6;
       if ($[23] !== collections || $[24] !== groups) {
@@ -4852,10 +4888,10 @@
       } else {
         t6 = $[25];
       }
-      t3 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { error: t42, disabled, value: value ?? "", position: "item-aligned", name: pathPath, size: "large", fullWidth: true, onChange: handleChange, label: "Target collection", renderValue: t52, ...props, children: [
+      t3 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { error: t4, disabled, value: value ?? "", position: "item-aligned", name: pathPath, size: "large", fullWidth: true, onChange: handleChange, label: "Target collection", renderValue: t5, ...props, children: [
         t6,
         ungroupedCollections && /* @__PURE__ */ jsxRuntime.jsx(ui.SelectGroup, { label: "Views", children: ungroupedCollections.map(_temp3$3) })
-      ] });
+      ] }) });
       $[12] = collections;
       $[13] = disabled;
       $[14] = error;
@@ -4868,25 +4904,7 @@
     } else {
       t3 = $[20];
     }
-    let t4;
-    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "You can only edit the reference collection upon field creation." });
-      $[26] = t4;
-    } else {
-      t4 = $[26];
-    }
-    let t5;
-    if ($[27] !== t3) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        t3,
-        t4
-      ] });
-      $[27] = t3;
-      $[28] = t5;
-    } else {
-      t5 = $[28];
-    }
-    return t5;
+    return t3;
   }
   function _temp3$3(collection_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: collection_2.id ?? collection_2.path, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row", children: [
@@ -4961,7 +4979,7 @@
     }
     let t8;
     let t9;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "date_time", children: " Date/Time " });
       t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "date", children: " Date " });
       $[12] = t8;
@@ -5019,7 +5037,7 @@
     let t17;
     let t18;
     let t19;
-    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "none", children: " None " });
       t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "on_create", children: " On create " });
       t19 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "on_update", children: " On any update " });
@@ -5449,7 +5467,7 @@
     let t5;
     let t6;
     let t7;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "[NONE]", children: "Display URL" });
       t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "image", children: "Image" });
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "video", children: "Video" });
@@ -5614,7 +5632,7 @@
       }
       t13 = "col-span-12";
       T1 = ui.ExpandablePanel;
-      if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.CloudUploadIcon, {}),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "ml-4", children: "File upload config" })
@@ -5647,7 +5665,7 @@
       }
       let t202;
       let t212;
-      if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t202 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
           /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
@@ -5864,7 +5882,7 @@
     const includeIdAndName = t0 === void 0 ? true : t0;
     const onPropertyChangedImmediate = t1 === void 0 ? true : t1;
     let t2;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = {
         id: "",
         name: ""
@@ -6120,7 +6138,7 @@
     }
     const formexRef = React.useRef();
     let t1;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = (helpers) => {
         formexRef.current = helpers;
       };
@@ -6132,7 +6150,7 @@
     const t2 = open ?? false;
     let t3;
     let t4;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -6181,7 +6199,7 @@
       t7 = $[21];
     }
     let t8;
-    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", type: "submit", color: "primary", children: "Ok" });
       $[22] = t8;
     } else {
@@ -6918,7 +6936,7 @@
         t2 = $[40];
       }
       t3 = "4xl";
-      if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Select a property widget" });
         $[41] = t4;
       } else {
@@ -7039,7 +7057,7 @@
     const baseProperty = propertyConfig.property;
     const shouldWarnChangingDataType = existing && !core.isPropertyBuilder(baseProperty) && baseProperty.dataType !== initialProperty?.dataType;
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = ui.cls("flex flex-row items-center text-base min-h-[48px]");
       $[0] = t1;
     } else {
@@ -7158,7 +7176,7 @@
       t1 = $[1];
     }
     let t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", className: "my-4 mb-8", children: [
         "If you want to customise the collection in code, you can add this collection code to your CMS app configuration. More info in the ",
         /* @__PURE__ */ jsxRuntime.jsx("a", { rel: "noopener noreferrer", href: "https://firecms.co/docs/cloud/quickstart", children: "docs" }),
@@ -7197,7 +7215,7 @@
       t4 = $[7];
     }
     let t5;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.ContentCopyIcon, { size: "small" });
       $[8] = t5;
     } else {
@@ -7501,7 +7519,7 @@
       setSelectedPropertyKey(propertyKey_2);
       setSelectedPropertyNamespace(namespace_5);
     };
-    const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-surface dark:bg-surface-dark", children: [
+    const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-white dark:bg-surface-950", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("bg-surface-50 dark:bg-surface-900", "p-4 md:p-8 pb-20 md:pb-20", "col-span-12 lg:col-span-5 h-full overflow-auto", !asDialog && "border-r " + ui.defaultBorderMixin), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex my-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow mb-4", children: [
@@ -7576,7 +7594,7 @@
       t4 = $[6];
     }
     let t5;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: "Are you sure?" });
       $[7] = t5;
     } else {
@@ -7649,7 +7667,7 @@
       entityViews
     } = core.useCustomizationController();
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Select custom view" });
       $[0] = t1;
     } else {
@@ -7796,7 +7814,7 @@
         t142 = $[25];
       }
       let t152;
-      if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t152 = () => {
           setCurrentDialog({
             isNewCollection: true
@@ -7807,7 +7825,7 @@
         t152 = $[26];
       }
       let t162;
-      if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t162 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: t152, variant: "text", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), children: "Add subcollection" });
         $[27] = t162;
       } else {
@@ -7836,7 +7854,7 @@
         t9 = $[32];
       }
       t5 = "flex-grow  flex flex-col gap-4 items-start";
-      if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", children: "Custom views" });
         $[33] = t6;
       } else {
@@ -7854,7 +7872,7 @@
       T1 = ui.Table;
       T0 = ui.TableBody;
       let t182;
-      if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t182 = (view) => /* @__PURE__ */ jsxRuntime.jsxs(ui.TableRow, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "left", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "flex-grow", children: view.name }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Remove", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e_3) => {
@@ -7929,7 +7947,7 @@
       t14 = $[43];
     }
     let t15;
-    if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t15 = () => {
         setAddEntityViewDialogOpen(true);
       };
@@ -7938,7 +7956,7 @@
       t15 = $[44];
     }
     let t16;
-    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: t15, variant: "text", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), children: "Add custom entity view" });
       $[45] = t16;
     } else {
@@ -7997,7 +8015,7 @@
       t20 = $[63];
     }
     let t21;
-    if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[64] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t21 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         height: "52px"
       } });
@@ -8628,7 +8646,7 @@
     const t4 = "4xl";
     const t5 = "flex flex-col gap-4 p-8 m-auto";
     let t6;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row py-2 pt-3 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", className: "flex-grow", children: "New collection" }) });
       $[4] = t6;
     } else {
@@ -8656,14 +8674,14 @@
       }, size: "small", children: suggestion }, suggestion)) })
     ] });
     let t9;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "● Select a template:" });
       $[7] = t9;
     } else {
       t9 = $[7];
     }
     let t10;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: productsCollectionTemplate.icon });
       $[8] = t10;
     } else {
@@ -8682,7 +8700,7 @@
       t11 = $[11];
     }
     let t12;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: usersCollectionTemplate.icon });
       $[12] = t12;
     } else {
@@ -8701,7 +8719,7 @@
       t13 = $[15];
     }
     let t14;
-    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t14 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: blogCollectionTemplate.icon });
       $[16] = t14;
     } else {
@@ -8720,7 +8738,7 @@
       t15 = $[19];
     }
     let t16;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: pagesCollectionTemplate.icon });
       $[20] = t16;
     } else {
@@ -8799,8 +8817,8 @@
       onClick
     } = t0;
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = ui.cls("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-text-secondary dark:text-text-secondary-dark", "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary", "border-surface-400 dark:border-surface-600 ");
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = ui.cls("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-surface-700 dark:text-surface-accent-300", "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary", "border-surface-400 dark:border-surface-600 ");
       $[0] = t1;
     } else {
       t1 = $[0];
@@ -8951,7 +8969,7 @@
     }
     const onPropertyTypeChanged = t3;
     let t4;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", className: "my-4 ml-3.5", children: "Data property mapping" });
       $[11] = t4;
     } else {
@@ -9007,7 +9025,7 @@
     const t8 = selectedProperty !== void 0;
     let t10;
     let t9;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = () => {
         setSelectedProperty(void 0);
       };
@@ -9034,7 +9052,7 @@
       t11 = $[28];
     }
     let t12;
-    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         height: "52px"
       } });
@@ -9129,7 +9147,7 @@
       t8 = $[11];
     }
     let t9;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = Object.entries(supportedFields).map(_temp2$2);
       $[12] = t9;
     } else {
@@ -9279,7 +9297,7 @@
       t2 = $[6];
     }
     let t3;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = [];
       $[7] = t3;
     } else {
@@ -9289,7 +9307,7 @@
     const selectionController = core.useSelectionController();
     if (loading) {
       let t42;
-      if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t42 = /* @__PURE__ */ jsxRuntime.jsx(core.CircularProgressCenter, {});
         $[8] = t42;
       } else {
@@ -9298,7 +9316,7 @@
       return t42;
     }
     let t4;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "Imported data preview" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", children: "Entities with the same id will be overwritten" })
@@ -9320,7 +9338,7 @@
       t5 = $[11];
     }
     let t6;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12" });
       $[12] = t6;
     } else {
@@ -9411,7 +9429,7 @@
       entityActions
     } = core.useCustomizationController();
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Select custom action" });
       $[0] = t1;
     } else {
@@ -9513,7 +9531,7 @@
       t9 = "flex flex-col gap-4 p-8 m-auto";
       t7 = "flex  flex-col gap-16";
       t4 = "flex-grow  flex flex-col gap-4 items-start";
-      if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", children: "Custom actions" });
         $[17] = t5;
       } else {
@@ -9531,7 +9549,7 @@
       T1 = ui.Table;
       T0 = ui.TableBody;
       let t112;
-      if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t112 = (action) => /* @__PURE__ */ jsxRuntime.jsxs(ui.TableRow, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "left", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "flex-grow", children: action.name }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Remove", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e_2) => {
@@ -9602,7 +9620,7 @@
       t12 = $[27];
     }
     let t13;
-    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t13 = () => {
         setAddEntityActionDialogOpen(true);
       };
@@ -9611,7 +9629,7 @@
       t13 = $[28];
     }
     let t14;
-    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t14 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: t13, variant: "text", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), children: "Add custom entity action" });
       $[29] = t14;
     } else {
@@ -9666,7 +9684,7 @@
       t18 = $[46];
     }
     let t19;
-    if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t19 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         height: "52px"
       } });
@@ -9798,7 +9816,7 @@
       t3 = $[7];
     }
     let t4;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { hidden: true, children: "Collection editor" });
       $[8] = t4;
     } else {
@@ -9823,7 +9841,7 @@
       t6 = $[14];
     }
     let t7;
-    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = () => setUnsavedChangesDialogOpen(false);
       $[15] = t7;
     } else {
@@ -10252,23 +10270,14 @@
           }, getUser, getData: getDataWithPath, doCollectionInference, propertyConfigs, collectionEditable, extraIcon: extraView?.icon && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "primary", onClick: () => setCurrentView("extra_view"), children: extraView.icon }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { position: "absolute", children: [
             error && /* @__PURE__ */ jsxRuntime.jsx(core.ErrorView, { error }),
-            isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", color: "primary", onClick: () => {
+            isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", type: "button", onClick: () => {
               importConfig.setInUse(false);
               return setCurrentView("welcome");
-            }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
-              "Back"
-            ] }),
-            isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", color: "primary", onClick: () => {
+            }, children: "Back" }),
+            isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", type: "button", onClick: () => {
               setCurrentView("import_data_mapping");
-            }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
-              "Back"
-            ] }),
-            isNewCollection && includeTemplates && currentView === "details" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", color: "neutral", type: "button", onClick: () => setCurrentView("welcome"), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
-              "Back"
-            ] }),
+            }, children: "Back" }),
+            isNewCollection && includeTemplates && currentView === "details" && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", type: "button", onClick: () => setCurrentView("welcome"), children: "Back" }),
             isNewCollection && currentView === "properties" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", color: "neutral", onClick: () => setCurrentView("details"), children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
               "Back"
@@ -10637,7 +10646,7 @@
     let t17;
     let t18;
     let t19;
-    if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t17 = () => {
         setCurrentPropertyDialog(void 0);
       };
@@ -10654,7 +10663,7 @@
       t19 = $[46];
     }
     let t20;
-    if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t20 = [];
       $[47] = t20;
     } else {
@@ -10773,7 +10782,7 @@
       t5 = $[14];
     }
     let t6;
-    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, { size: "small" });
       $[15] = t6;
     } else {
@@ -10911,7 +10920,7 @@
     }
     let t7;
     let t8;
-    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = () => setDeleteRequested(false);
       t8 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Delete this collection?" });
       $[19] = t7;
@@ -10921,7 +10930,7 @@
       t8 = $[20];
     }
     let t9;
-    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         " This will ",
         /* @__PURE__ */ jsxRuntime.jsx("b", { children: "not delete any data" }),
@@ -10989,7 +10998,7 @@
       t2 = $[6];
     }
     let t3;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, { size: "small" });
       $[7] = t3;
     } else {
@@ -11040,7 +11049,7 @@
       t2 = $[4];
     }
     let t3;
-    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { color: "inherit" });
       $[5] = t3;
     } else {
@@ -11048,7 +11057,7 @@
     }
     let t4;
     if ($[6] !== t2) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer bg-surface-100 bg-opacity-40 bg-surface-100/40 hover:bg-surface-100 dark:bg-surface-950 dark:bg-opacity-40 dark:bg-surface-950/40 dark:hover:bg-surface-950", onClick: t2, children: t3 });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer bg-surface-100 bg-opacity-40 hover:bg-surface-100 dark:bg-surface-950 dark:bg-opacity-40 dark:hover:bg-surface-950", onClick: t2, children: t3 });
       $[6] = t2;
       $[7] = t4;
     } else {
@@ -11081,7 +11090,7 @@
       t0 = $[1];
     }
     let t1;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {});
       $[2] = t1;
     } else {
@@ -11154,7 +11163,7 @@
         t32 = $[10];
       }
       let t4;
-      if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.SaveIcon, {});
         $[11] = t4;
       } else {
@@ -11248,7 +11257,7 @@
     }
     const canCreateCollections = t1;
     let t2;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = ui.cls("h-full p-4 min-h-[124px]");
       $[3] = t2;
     } else {
@@ -11272,14 +11281,14 @@
       t3 = $[7];
     }
     let t4;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { color: "primary", size: "large" });
       $[8] = t4;
     } else {
       t4 = $[8];
     }
     let t5;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: "primary", variant: "caption", className: "font-medium", children: "Add new collection".toUpperCase() });
       $[9] = t5;
     } else {
@@ -11373,7 +11382,7 @@
       t5 = $[13];
     }
     let t6;
-    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, { size: "small" });
       $[14] = t6;
     } else {
@@ -11453,7 +11462,7 @@
       t2 = $[9];
     }
     let t3;
-    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = /* @__PURE__ */ jsxRuntime.jsx(NewCollectionButton, {});
       $[10] = t3;
     } else {
@@ -11487,7 +11496,7 @@
     }
     let t6;
     let t7;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = {
         CollectionActionsStart: EditorCollectionActionStart,
         CollectionActions: EditorCollectionAction,
@@ -11547,7 +11556,7 @@
     }
     let t1;
     let t2;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "uppercase", children: "No collections found" });
       t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: "Start building collections in FireCMS easily. Map them to your existing database data, import from files, or use our templates." });
       $[3] = t1;
@@ -11573,7 +11582,7 @@
       t3 = $[7];
     }
     let t4;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: "secondary", children: "You can also define collections programmatically." });
       $[8] = t4;
     } else {