@firecms/collection_editor 3.0.0 → 3.0.1

package/dist/index.es.js

@@ -41,7 +41,7 @@ function LayoutModeSwitch(t0) {
   }
   let t2;
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ jsx(Typography, { variant: "label", color: "secondary", className: "ml-3.5", children: "Document view" });
     t3 = cls("flex flex-row gap-4");
     $[2] = t2;
@@ -69,7 +69,7 @@ function LayoutModeSwitch(t0) {
   }
   let t7;
   let t8;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ jsx(VerticalSplitIcon, {});
     t8 = /* @__PURE__ */ jsx(Typography, { variant: "label", children: "Side panel" });
     $[8] = t7;
@@ -109,7 +109,7 @@ function LayoutModeSwitch(t0) {
   }
   let t13;
   let t14;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t13 = /* @__PURE__ */ jsx(SquareIcon, {});
     t14 = /* @__PURE__ */ jsx(Typography, { variant: "label", children: "Full screen" });
     $[17] = t13;
@@ -143,7 +143,7 @@ function LayoutModeSwitch(t0) {
     t16 = $[24];
   }
   let t17;
-  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t17 = /* @__PURE__ */ jsx(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 {
@@ -165,7 +165,7 @@ function LayoutModeSwitch(t0) {
   return t18;
 }
 function CollectionDetailsForm(t0) {
-  const $ = c(202);
+  const $ = c(201);
   const {
     isNewCollection,
     reservedGroups,
@@ -250,7 +250,7 @@ function CollectionDetailsForm(t0) {
   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
     };
@@ -298,7 +298,7 @@ function CollectionDetailsForm(t0) {
     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 {
@@ -393,201 +393,199 @@ function CollectionDetailsForm(t0) {
     t23 = $[41];
   }
   let t24;
-  if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t24 = 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__ */ jsx(Field, { name: "path", as: DebouncedTextField, label: "Path", disabled: t25, required: true, error: t26 });
+  const t25 = showErrors && Boolean(errors.path);
+  let t26;
+  if ($[43] !== t25) {
+    t26 = /* @__PURE__ */ jsx(Field, { name: "path", as: 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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: t24, children: [
-      t27,
-      t30
+  let t30;
+  if ($[48] !== t26 || $[49] !== t29) {
+    t30 = /* @__PURE__ */ 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__ */ jsx(LayoutModeSwitch, { className: "col-span-12", value: t32, onChange: t33 });
+  let t33;
+  if ($[53] !== t31 || $[54] !== t32) {
+    t33 = /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsxs(FieldCaption, { children: [
+  let t38;
+  if ($[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t38 = /* @__PURE__ */ jsxs(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__ */ jsx("b", { children: "__history" }),
       "."
     ] });
-    $[63] = t39;
+    $[62] = t38;
   } else {
-    t39 = $[63];
+    t38 = $[62];
   }
-  let t40;
-  if ($[64] !== t38) {
-    t40 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t38,
-      t39
+  let t39;
+  if ($[63] !== t37) {
+    t39 = /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
+  let t40;
+  if ($[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t40 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
       /* @__PURE__ */ jsx(SettingsIcon, {}),
       /* @__PURE__ */ jsx(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__ */ jsx(Field, { name: "id", as: 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__ */ jsx(Field, { name: "id", as: 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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "col-span-12", children: [
-      t44,
-      t47
+  let t47;
+  if ($[72] !== t43 || $[73] !== t46) {
+    t47 = /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "col-span-12", children: [
-      t52,
-      t55
+  let t55;
+  if ($[85] !== t51 || $[86] !== t54) {
+    t55 = /* @__PURE__ */ 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) {
@@ -598,440 +596,440 @@ function CollectionDetailsForm(t0) {
         }
       }
     };
-    $[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__ */ jsx(CloseIcon, { size: "small" });
-    $[94] = t61;
+  const t59 = !values.sideDialogWidth;
+  let t60;
+  if ($[93] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t60 = /* @__PURE__ */ jsx(CloseIcon, { size: "small" });
+    $[93] = t60;
   } else {
-    t61 = $[94];
+    t60 = $[93];
   }
-  let t62;
-  if ($[95] !== t59 || $[96] !== t60) {
-    t62 = /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: t59, disabled: t60, children: t61 });
+  let t61;
+  if ($[94] !== t58 || $[95] !== t59) {
+    t61 = /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "col-span-12", children: [
-      t64,
-      t67
+  let t67;
+  if ($[105] !== t63 || $[106] !== t66) {
+    t67 = /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "col-span-12", children: [
-      t71,
-      t74
+  let t74;
+  if ($[115] !== t70 || $[116] !== t73) {
+    t74 = /* @__PURE__ */ 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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: t79, onValueChange: t80, value: t81 });
+  let t77;
+  if ($[119] !== handleChange || $[120] !== t75) {
+    t77 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(FieldCaption, { children: "Include the JSON representation of the document." });
-    $[129] = t83;
-  } else {
-    t83 = $[129];
-  }
-  let t84;
-  if ($[130] !== t82) {
-    t84 = /* @__PURE__ */ 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__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: t85, onValueChange: t86, value: t87 });
+  if ($[129] !== t81) {
+    t83 = /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "col-span-12", children: [
-      t88,
-      t89
+  if ($[138] !== t87) {
+    t89 = /* @__PURE__ */ 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__ */ jsx(SelectItem, { value: "false", children: "Document ID is generated automatically" });
-    t95 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Users must define an ID" });
-    t96 = /* @__PURE__ */ jsx(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__ */ jsx(SelectItem, { value: "false", children: "Document ID is generated automatically" });
+    t94 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Users must define an ID" });
+    t95 = /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxs(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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxs(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: "col-span-12 mt-4", children: [
-      t100,
-      t101
+  if ($[155] !== t99) {
+    t101 = /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(ExpandablePanel, { expanded: advancedPanelExpanded, onExpandedChange: setAdvancedPanelExpanded, title: t41, initiallyExpanded: false, children: t108 });
-    $[177] = advancedPanelExpanded;
+  if ($[176] !== advancedPanelExpanded || $[177] !== t107) {
+    t108 = /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "col-span-12 mt-8", children: [
-      t109,
+  let t109;
+  if ($[179] !== children || $[180] !== t108) {
+    t109 = /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { style: {
+  let t111;
+  if ($[188] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t111 = /* @__PURE__ */ 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__ */ jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsx(SearchIconsView, { selectedIcon: t113, onIconSelected: t114 }) });
+  let t114;
+  if ($[191] !== t112 || $[192] !== t113) {
+    t114 = /* @__PURE__ */ jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsx(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__ */ jsx(Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t115 });
-    $[195] = iconDialogOpen;
+  let t115;
+  if ($[194] !== iconDialogOpen || $[195] !== t114) {
+    t115 = /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxs(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__ */ jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxs(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") {
@@ -1226,7 +1224,7 @@ function EnumFormFields(t0) {
   const [editDialogIndex, setEditDialogIndex] = React__default.useState();
   const [inferring, setInferring] = React__default.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 {
@@ -1289,7 +1287,7 @@ function EnumFormFields(t0) {
   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__ */ jsx(ListIcon, {});
     t5 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-2 grow", children: "Values" });
     $[13] = t4;
@@ -1334,7 +1332,7 @@ function EnumFormFields(t0) {
     t8 = $[24];
   }
   let t9;
-  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = {
       id: "",
       label: ""
@@ -1357,7 +1355,7 @@ function EnumFormFields(t0) {
   }
   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 {
@@ -1579,7 +1577,7 @@ function EnumEntryDialog(t0) {
     t2 = $[5];
   }
   let t3;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(DialogTitle, { hidden: true, children: "Enum form dialog" });
     $[6] = t3;
   } else {
@@ -1990,7 +1988,7 @@ function ValidationPanel(t0) {
     children
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
       /* @__PURE__ */ jsx(RuleIcon, {}),
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: "Validation" })
@@ -2065,7 +2063,7 @@ const fileTypes = {
   "text/*": "Text files"
 };
 function StoragePropertyField(t0) {
-  const $ = c(180);
+  const $ = c(189);
   const {
     multiple,
     existing,
@@ -2081,6 +2079,7 @@ function StoragePropertyField(t0) {
   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`;
@@ -2128,45 +2127,45 @@ function StoragePropertyField(t0) {
   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 = getIn(values, maxSize);
     const imageResizeMaxWidthValue = getIn(values, imageResizeMaxWidth);
     const imageResizeMaxHeightValue = getIn(values, imageResizeMaxHeight);
     let t222;
-    if ($[43] !== imageResizeMode || $[44] !== values) {
+    if ($[44] !== imageResizeMode || $[45] !== values) {
       t222 = 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 = 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 = getIn(values, imageResizeQuality);
     let t242;
-    if ($[49] !== acceptedFiles || $[50] !== values) {
+    if ($[50] !== acceptedFiles || $[51] !== values) {
       t242 = 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);
@@ -2174,38 +2173,38 @@ function StoragePropertyField(t0) {
           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 = ExpandablePanel;
-    if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t20 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
         /* @__PURE__ */ jsx(CloudUploadIcon, {}),
         /* @__PURE__ */ jsx(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__ */ jsxs(MultiSelectItem, { value: value_0, className: "flex items-center gap-2", children: [
@@ -2217,49 +2216,49 @@ function StoragePropertyField(t0) {
           }, 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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Field, { name: fileName, as: 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__ */ jsx(Field, { name: storagePath, as: 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__ */ jsxs(Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
         /* @__PURE__ */ jsx("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
         /* @__PURE__ */ jsxs("ul", { children: [
@@ -2272,58 +2271,96 @@ function StoragePropertyField(t0) {
           /* @__PURE__ */ 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__ */ jsx(SwitchControl, { label: "Save URL instead of storage path", disabled: existing || disabled, form, field });
+        return /* @__PURE__ */ 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__ */ jsx(Field, { name: storeUrl, type: "checkbox", children: t35 });
-      $[80] = storeUrl;
-      $[81] = t35;
-      $[82] = t36;
+    if ($[81] !== includeBucketUrl || $[82] !== t35) {
+      t36 = /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsxs(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__ */ 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__ */ 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__ */ jsx(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__ */ jsx(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__ */ 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);
@@ -2331,34 +2368,34 @@ function StoragePropertyField(t0) {
           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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "col-span-12 mt-4", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "secondary", className: "mb-2 block", children: "Image Resize Configuration" }),
         /* @__PURE__ */ jsx(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);
@@ -2366,26 +2403,26 @@ function StoragePropertyField(t0) {
           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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(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);
@@ -2393,99 +2430,99 @@ function StoragePropertyField(t0) {
           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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsx(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__ */ jsx(SelectItem, { value: "contain", children: "Contain (fit within bounds)" });
-      t47 = /* @__PURE__ */ jsx(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__ */ jsx(SelectItem, { value: "contain", children: "Contain (fit within bounds)" });
+      t50 = /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxs(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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxs(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__ */ jsx(SelectItem, { value: "original", children: "Original (keep same format)" });
-      t51 = /* @__PURE__ */ jsx(SelectItem, { value: "jpeg", children: "JPEG" });
-      t52 = /* @__PURE__ */ jsx(SelectItem, { value: "png", children: "PNG" });
-      t53 = /* @__PURE__ */ jsx(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__ */ jsx(SelectItem, { value: "original", children: "Original (keep same format)" });
+      t54 = /* @__PURE__ */ jsx(SelectItem, { value: "jpeg", children: "JPEG" });
+      t55 = /* @__PURE__ */ jsx(SelectItem, { value: "png", children: "PNG" });
+      t56 = /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxs(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__ */ jsx("div", { className: "col-span-6", children: /* @__PURE__ */ jsxs(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 = DebouncedTextField;
@@ -2505,58 +2542,59 @@ function StoragePropertyField(t0) {
     $[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 === "") {
@@ -2568,48 +2606,48 @@ function StoragePropertyField(t0) {
         }
       }
     };
-    $[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__ */ 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__ */ jsx(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__ */ 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__ */ jsxs("div", { className: t10, children: [
       t11,
       t12,
@@ -2622,81 +2660,81 @@ function StoragePropertyField(t0) {
       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__ */ 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__ */ 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__ */ jsx("div", { className: "grid grid-cols-12 gap-2", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
       t28,
       t31
     ] });
-    $[177] = t28;
-    $[178] = t31;
-    $[179] = t32;
+    $[186] = t28;
+    $[187] = t31;
+    $[188] = t32;
   } else {
-    t32 = $[179];
+    t32 = $[188];
   }
   return t32;
 }
@@ -2926,7 +2964,7 @@ function NonEditablePropertyPreview(t0) {
     t3 = $[6];
   }
   let t4;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(DoNotDisturbOnIcon, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" });
     $[7] = t4;
   } else {
@@ -3078,7 +3116,7 @@ const PropertyTree = React__default.memo(function PropertyTree2(t0) {
   }
   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
@@ -3089,7 +3127,7 @@ const PropertyTree = React__default.memo(function PropertyTree2(t0) {
     t2 = $[3];
   }
   let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = {
       coordinateGetter: sortableKeyboardCoordinates
     };
@@ -3153,7 +3191,7 @@ const PropertyTree = React__default.memo(function PropertyTree2(t0) {
   }
   const items = t5;
   let t6;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = [restrictToVerticalAxis];
     $[14] = t6;
   } else {
@@ -3529,7 +3567,7 @@ function MapPropertyField(t0) {
   }
   const onPropertyMove = t5;
   let t6;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Properties in this group" });
     $[16] = t6;
   } else {
@@ -3537,7 +3575,7 @@ function MapPropertyField(t0) {
   }
   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__ */ jsx(AddIcon, {});
     $[17] = t7;
@@ -3570,14 +3608,14 @@ function MapPropertyField(t0) {
     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);
@@ -3649,7 +3687,7 @@ function MapPropertyField(t0) {
     t20 = $[42];
   }
   let t21;
-  if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t21 = /* @__PURE__ */ jsx(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 {
@@ -3668,7 +3706,7 @@ function MapPropertyField(t0) {
   }
   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);
@@ -3792,7 +3830,7 @@ function RepeatPropertyField(t0) {
   }
   const widget = t1;
   let t2;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Repeat component" });
     $[14] = t2;
   } else {
@@ -3924,7 +3962,7 @@ const CommonPropertyFields = React__default.forwardRef(function CommonPropertyFi
     t5 = $[13];
   }
   let t6;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = {
       fontSize: 20
     };
@@ -4310,7 +4348,7 @@ function BlockPropertyField(t0) {
   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__ */ jsx(AddIcon, {});
     $[11] = t4;
@@ -4344,7 +4382,7 @@ function BlockPropertyField(t0) {
   }
   const onPropertyMove = t8;
   let t9;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Properties in this block" });
     $[17] = t9;
   } else {
@@ -4371,7 +4409,7 @@ function BlockPropertyField(t0) {
   }
   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 {
@@ -4695,7 +4733,6 @@ function NumberPropertyField(t0) {
 function ReferencePropertyField(t0) {
   const $ = c(14);
   const {
-    existing,
     multiple,
     disabled,
     showErrors,
@@ -4709,7 +4746,7 @@ function ReferencePropertyField(t0) {
   const navigation = useNavigationController();
   if (!navigation) {
     let t12;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
       $[0] = t12;
     } else {
@@ -4739,23 +4776,22 @@ function ReferencePropertyField(t0) {
     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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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 $ = c(29);
+  const $ = c(26);
   let disabled;
   let error;
   let handleChange;
@@ -4789,7 +4825,7 @@ function CollectionsSelect(t0) {
   const navigation = useNavigationController();
   if (!navigation) {
     let t12;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
       $[7] = t12;
     } else {
@@ -4818,10 +4854,10 @@ function CollectionsSelect(t0) {
   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;
@@ -4832,9 +4868,9 @@ function CollectionsSelect(t0) {
         ] });
       };
       $[21] = collections;
-      $[22] = t52;
+      $[22] = t5;
     } else {
-      t52 = $[22];
+      t5 = $[22];
     }
     let t6;
     if ($[23] !== collections || $[24] !== groups) {
@@ -4848,10 +4884,10 @@ function CollectionsSelect(t0) {
     } else {
       t6 = $[25];
     }
-    t3 = /* @__PURE__ */ jsxs(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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(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__ */ jsx(SelectGroup, { label: "Views", children: ungroupedCollections.map(_temp3$3) })
-    ] });
+    ] }) });
     $[12] = collections;
     $[13] = disabled;
     $[14] = error;
@@ -4864,25 +4900,7 @@ function CollectionsSelect(t0) {
   } else {
     t3 = $[20];
   }
-  let t4;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(FieldCaption, { children: "You can only edit the reference collection upon field creation." });
-    $[26] = t4;
-  } else {
-    t4 = $[26];
-  }
-  let t5;
-  if ($[27] !== t3) {
-    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t3,
-      t4
-    ] });
-    $[27] = t3;
-    $[28] = t5;
-  } else {
-    t5 = $[28];
-  }
-  return t5;
+  return t3;
 }
 function _temp3$3(collection_2) {
   return /* @__PURE__ */ jsx(SelectItem, { value: collection_2.id ?? collection_2.path, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
@@ -4957,7 +4975,7 @@ function DateTimePropertyField(t0) {
   }
   let t8;
   let t9;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ jsx(SelectItem, { value: "date_time", children: " Date/Time " });
     t9 = /* @__PURE__ */ jsx(SelectItem, { value: "date", children: " Date " });
     $[12] = t8;
@@ -5015,7 +5033,7 @@ function DateTimePropertyField(t0) {
   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__ */ jsx(SelectItem, { value: "none", children: " None " });
     t18 = /* @__PURE__ */ jsx(SelectItem, { value: "on_create", children: " On create " });
     t19 = /* @__PURE__ */ jsx(SelectItem, { value: "on_update", children: " On any update " });
@@ -5445,7 +5463,7 @@ function UrlPropertyField(t0) {
   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__ */ jsx(SelectItem, { value: "[NONE]", children: "Display URL" });
     t5 = /* @__PURE__ */ jsx(SelectItem, { value: "image", children: "Image" });
     t6 = /* @__PURE__ */ jsx(SelectItem, { value: "video", children: "Video" });
@@ -5610,7 +5628,7 @@ function MarkdownPropertyField(t0) {
     }
     t13 = "col-span-12";
     T1 = ExpandablePanel;
-    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
         /* @__PURE__ */ jsx(CloudUploadIcon, {}),
         /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: "File upload config" })
@@ -5643,7 +5661,7 @@ function MarkdownPropertyField(t0) {
     }
     let t202;
     let t212;
-    if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t202 = /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "ml-3.5 mt-1 mb-2", children: [
         /* @__PURE__ */ jsx("p", { children: "You can use the following placeholders in the file name and storage path values:" }),
         /* @__PURE__ */ jsxs("ul", { children: [
@@ -5860,7 +5878,7 @@ const PropertyForm = React__default.memo(function PropertyForm2(props) {
   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: ""
@@ -6116,7 +6134,7 @@ function PropertyFormDialog(t0) {
   }
   const formexRef = 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;
     };
@@ -6128,7 +6146,7 @@ function PropertyFormDialog(t0) {
   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();
@@ -6177,7 +6195,7 @@ function PropertyFormDialog(t0) {
     t7 = $[21];
   }
   let t8;
-  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ jsx(Button, { variant: "outlined", type: "submit", color: "primary", children: "Ok" });
     $[22] = t8;
   } else {
@@ -6914,7 +6932,7 @@ function WidgetSelectView(t0) {
       t2 = $[40];
     }
     t3 = "4xl";
-    if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsx(DialogTitle, { children: "Select a property widget" });
       $[41] = t4;
     } else {
@@ -7035,7 +7053,7 @@ function WidgetSelectViewItem(t0) {
   const baseProperty = propertyConfig.property;
   const shouldWarnChangingDataType = existing && !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 = cls("flex flex-row items-center text-base min-h-[48px]");
     $[0] = t1;
   } else {
@@ -7154,7 +7172,7 @@ function GetCodeDialog(t0) {
     t1 = $[1];
   }
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ jsxs(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__ */ jsx("a", { rel: "noopener noreferrer", href: "https://firecms.co/docs/cloud/quickstart", children: "docs" }),
@@ -7193,7 +7211,7 @@ function GetCodeDialog(t0) {
     t4 = $[7];
   }
   let t5;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ jsx(ContentCopyIcon, { size: "small" });
     $[8] = t5;
   } else {
@@ -7572,7 +7590,7 @@ function UnsavedChangesDialog(t0) {
     t4 = $[6];
   }
   let t5;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ jsx(Typography, { children: "Are you sure?" });
     $[7] = t5;
   } else {
@@ -7645,7 +7663,7 @@ function EntityCustomViewsSelectDialog(t0) {
     entityViews
   } = useCustomizationController();
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(DialogTitle, { children: "Select custom view" });
     $[0] = t1;
   } else {
@@ -7792,7 +7810,7 @@ function SubcollectionsEditTab(t0) {
       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
@@ -7803,7 +7821,7 @@ function SubcollectionsEditTab(t0) {
       t152 = $[26];
     }
     let t162;
-    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t162 = /* @__PURE__ */ jsx(Button, { onClick: t152, variant: "text", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), children: "Add subcollection" });
       $[27] = t162;
     } else {
@@ -7832,7 +7850,7 @@ function SubcollectionsEditTab(t0) {
       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__ */ jsx(Typography, { variant: "h5", children: "Custom views" });
       $[33] = t6;
     } else {
@@ -7850,7 +7868,7 @@ function SubcollectionsEditTab(t0) {
     T1 = Table;
     T0 = TableBody;
     let t182;
-    if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t182 = (view) => /* @__PURE__ */ jsxs(TableRow, { children: [
         /* @__PURE__ */ jsx(TableCell, { align: "left", children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "flex-grow", children: view.name }) }),
         /* @__PURE__ */ jsx(TableCell, { align: "right", children: /* @__PURE__ */ jsx(Tooltip, { title: "Remove", asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e_3) => {
@@ -7925,7 +7943,7 @@ function SubcollectionsEditTab(t0) {
     t14 = $[43];
   }
   let t15;
-  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t15 = () => {
       setAddEntityViewDialogOpen(true);
     };
@@ -7934,7 +7952,7 @@ function SubcollectionsEditTab(t0) {
     t15 = $[44];
   }
   let t16;
-  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t16 = /* @__PURE__ */ jsx(Button, { onClick: t15, variant: "text", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), children: "Add custom entity view" });
     $[45] = t16;
   } else {
@@ -7993,7 +8011,7 @@ function SubcollectionsEditTab(t0) {
     t20 = $[63];
   }
   let t21;
-  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[64] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t21 = /* @__PURE__ */ jsx("div", { style: {
       height: "52px"
     } });
@@ -8624,7 +8642,7 @@ function CollectionEditorWelcomeView(t0) {
   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__ */ jsx("div", { className: "flex flex-row py-2 pt-3 items-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "flex-grow", children: "New collection" }) });
     $[4] = t6;
   } else {
@@ -8652,14 +8670,14 @@ function CollectionEditorWelcomeView(t0) {
     }, 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__ */ jsx(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__ */ jsx(Icon, { size: "small", iconKey: productsCollectionTemplate.icon });
     $[8] = t10;
   } else {
@@ -8678,7 +8696,7 @@ function CollectionEditorWelcomeView(t0) {
     t11 = $[11];
   }
   let t12;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t12 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: usersCollectionTemplate.icon });
     $[12] = t12;
   } else {
@@ -8697,7 +8715,7 @@ function CollectionEditorWelcomeView(t0) {
     t13 = $[15];
   }
   let t14;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t14 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: blogCollectionTemplate.icon });
     $[16] = t14;
   } else {
@@ -8716,7 +8734,7 @@ function CollectionEditorWelcomeView(t0) {
     t15 = $[19];
   }
   let t16;
-  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t16 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: pagesCollectionTemplate.icon });
     $[20] = t16;
   } else {
@@ -8795,7 +8813,7 @@ function TemplateButton(t0) {
     onClick
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = 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 {
@@ -8947,7 +8965,7 @@ function CollectionEditorImportMapping(t0) {
   }
   const onPropertyTypeChanged = t3;
   let t4;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "my-4 ml-3.5", children: "Data property mapping" });
     $[11] = t4;
   } else {
@@ -9003,7 +9021,7 @@ function CollectionEditorImportMapping(t0) {
   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);
     };
@@ -9030,7 +9048,7 @@ function CollectionEditorImportMapping(t0) {
     t11 = $[28];
   }
   let t12;
-  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t12 = /* @__PURE__ */ jsx("div", { style: {
       height: "52px"
     } });
@@ -9125,7 +9143,7 @@ function PropertySelect(t0) {
     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 {
@@ -9275,7 +9293,7 @@ function CollectionEditorImportDataPreview(t0) {
     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 {
@@ -9285,7 +9303,7 @@ function CollectionEditorImportDataPreview(t0) {
   const selectionController = useSelectionController();
   if (loading) {
     let t42;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t42 = /* @__PURE__ */ jsx(CircularProgressCenter, {});
       $[8] = t42;
     } else {
@@ -9294,7 +9312,7 @@ function CollectionEditorImportDataPreview(t0) {
     return t42;
   }
   let t4;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Imported data preview" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Entities with the same id will be overwritten" })
@@ -9316,7 +9334,7 @@ function CollectionEditorImportDataPreview(t0) {
     t5 = $[11];
   }
   let t6;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx("div", { className: "h-12" });
     $[12] = t6;
   } else {
@@ -9407,7 +9425,7 @@ function EntityActionsSelectDialog(t0) {
     entityActions
   } = useCustomizationController();
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(DialogTitle, { children: "Select custom action" });
     $[0] = t1;
   } else {
@@ -9509,7 +9527,7 @@ function EntityActionsEditTab(t0) {
     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__ */ jsx(Typography, { variant: "h5", children: "Custom actions" });
       $[17] = t5;
     } else {
@@ -9527,7 +9545,7 @@ function EntityActionsEditTab(t0) {
     T1 = Table;
     T0 = TableBody;
     let t112;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t112 = (action) => /* @__PURE__ */ jsxs(TableRow, { children: [
         /* @__PURE__ */ jsx(TableCell, { align: "left", children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "flex-grow", children: action.name }) }),
         /* @__PURE__ */ jsx(TableCell, { align: "right", children: /* @__PURE__ */ jsx(Tooltip, { title: "Remove", asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e_2) => {
@@ -9598,7 +9616,7 @@ function EntityActionsEditTab(t0) {
     t12 = $[27];
   }
   let t13;
-  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t13 = () => {
       setAddEntityActionDialogOpen(true);
     };
@@ -9607,7 +9625,7 @@ function EntityActionsEditTab(t0) {
     t13 = $[28];
   }
   let t14;
-  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t14 = /* @__PURE__ */ jsx(Button, { onClick: t13, variant: "text", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), children: "Add custom entity action" });
     $[29] = t14;
   } else {
@@ -9662,7 +9680,7 @@ function EntityActionsEditTab(t0) {
     t18 = $[46];
   }
   let t19;
-  if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t19 = /* @__PURE__ */ jsx("div", { style: {
       height: "52px"
     } });
@@ -9794,7 +9812,7 @@ function CollectionEditorDialog(props) {
     t3 = $[7];
   }
   let t4;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(DialogTitle, { hidden: true, children: "Collection editor" });
     $[8] = t4;
   } else {
@@ -9819,7 +9837,7 @@ function CollectionEditorDialog(props) {
     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 {
@@ -10248,23 +10266,14 @@ function CollectionEditorInternal({
         }, getUser, getData: getDataWithPath, doCollectionInference, propertyConfigs, collectionEditable, extraIcon: extraView?.icon && /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => setCurrentView("extra_view"), children: extraView.icon }) }),
         /* @__PURE__ */ jsxs(DialogActions, { position: "absolute", children: [
           error && /* @__PURE__ */ jsx(ErrorView, { error }),
-          isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsxs(Button, { variant: "text", type: "button", color: "primary", onClick: () => {
+          isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, { variant: "text", type: "button", onClick: () => {
             importConfig.setInUse(false);
             return setCurrentView("welcome");
-          }, children: [
-            /* @__PURE__ */ jsx(ArrowBackIcon, {}),
-            "Back"
-          ] }),
-          isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsxs(Button, { variant: "text", type: "button", color: "primary", onClick: () => {
+          }, children: "Back" }),
+          isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsx(Button, { variant: "text", type: "button", onClick: () => {
             setCurrentView("import_data_mapping");
-          }, children: [
-            /* @__PURE__ */ jsx(ArrowBackIcon, {}),
-            "Back"
-          ] }),
-          isNewCollection && includeTemplates && currentView === "details" && /* @__PURE__ */ jsxs(Button, { variant: "text", color: "neutral", type: "button", onClick: () => setCurrentView("welcome"), children: [
-            /* @__PURE__ */ jsx(ArrowBackIcon, {}),
-            "Back"
-          ] }),
+          }, children: "Back" }),
+          isNewCollection && includeTemplates && currentView === "details" && /* @__PURE__ */ jsx(Button, { variant: "text", type: "button", onClick: () => setCurrentView("welcome"), children: "Back" }),
           isNewCollection && currentView === "properties" && /* @__PURE__ */ jsxs(Button, { variant: "text", type: "button", color: "neutral", onClick: () => setCurrentView("details"), children: [
             /* @__PURE__ */ jsx(ArrowBackIcon, {}),
             "Back"
@@ -10633,7 +10642,7 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
   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);
     };
@@ -10650,7 +10659,7 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
     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 {
@@ -10769,7 +10778,7 @@ function EditorCollectionAction(t0) {
     t5 = $[14];
   }
   let t6;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(SettingsIcon, { size: "small" });
     $[15] = t6;
   } else {
@@ -10907,7 +10916,7 @@ function HomePageEditorCollectionAction(t0) {
   }
   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__ */ jsx(Fragment, { children: "Delete this collection?" });
     $[19] = t7;
@@ -10917,7 +10926,7 @@ function HomePageEditorCollectionAction(t0) {
     t8 = $[20];
   }
   let t9;
-  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
       " This will ",
       /* @__PURE__ */ jsx("b", { children: "not delete any data" }),
@@ -10985,7 +10994,7 @@ function CollectionViewHeaderAction(t0) {
     t2 = $[6];
   }
   let t3;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(SettingsIcon, { size: "small" });
     $[7] = t3;
   } else {
@@ -11036,7 +11045,7 @@ function PropertyAddColumnComponent(t0) {
     t2 = $[4];
   }
   let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(AddIcon, { color: "inherit" });
     $[5] = t3;
   } else {
@@ -11077,7 +11086,7 @@ function NewCollectionButton() {
     t0 = $[1];
   }
   let t1;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(AddIcon, {});
     $[2] = t1;
   } else {
@@ -11150,7 +11159,7 @@ function EditorCollectionActionStart(t0) {
       t32 = $[10];
     }
     let t4;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsx(SaveIcon, {});
       $[11] = t4;
     } else {
@@ -11244,7 +11253,7 @@ function NewCollectionCard(t0) {
   }
   const canCreateCollections = t1;
   let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = cls("h-full p-4 min-h-[124px]");
     $[3] = t2;
   } else {
@@ -11268,14 +11277,14 @@ function NewCollectionCard(t0) {
     t3 = $[7];
   }
   let t4;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(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__ */ jsx(Typography, { color: "primary", variant: "caption", className: "font-medium", children: "Add new collection".toUpperCase() });
     $[9] = t5;
   } else {
@@ -11369,7 +11378,7 @@ function EditorEntityAction(t0) {
     t5 = $[13];
   }
   let t6;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(SettingsIcon, { size: "small" });
     $[14] = t6;
   } else {
@@ -11449,7 +11458,7 @@ function useCollectionEditorPlugin(t0) {
     t2 = $[9];
   }
   let t3;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(NewCollectionButton, {});
     $[10] = t3;
   } else {
@@ -11483,7 +11492,7 @@ function useCollectionEditorPlugin(t0) {
   }
   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,
@@ -11543,7 +11552,7 @@ function IntroWidget() {
   }
   let t1;
   let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "uppercase", children: "No collections found" });
     t2 = /* @__PURE__ */ jsx(Typography, { children: "Start building collections in FireCMS easily. Map them to your existing database data, import from files, or use our templates." });
     $[3] = t1;
@@ -11569,7 +11578,7 @@ function IntroWidget() {
     t3 = $[7];
   }
   let t4;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(Typography, { color: "secondary", children: "You can also define collections programmatically." });
     $[8] = t4;
   } else {