tinacms 1.5.12 → 1.5.14

package/dist/index.js

@@ -2,36 +2,31 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("@tinacms/toolkit"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("react"), require("yup"), require("@tinacms/sharedctx"), require("@graphql-inspector/core"), require("react-router-dom"), require("@headlessui/react"), require("@react-hook/window-size")) : typeof define === "function" && define.amd ? define(["exports", "zod", "@tinacms/toolkit", "graphql", "graphql-tag", "@tinacms/schema-tools", "react", "yup", "@tinacms/sharedctx", "@graphql-inspector/core", "react-router-dom", "@headlessui/react", "@react-hook/window-size"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
 })(this, function(exports2, zod, toolkit, graphql, gql$1, schemaTools, React, yup, sharedctx, core, reactRouterDom, react, windowSize) {
   "use strict";
-  function _interopDefaultLegacy(e) {
-    return e && typeof e === "object" && "default" in e ? e : { "default": e };
-  }
-  function _interopNamespace(e) {
-    if (e && e.__esModule)
-      return e;
-    var n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  function _interopNamespaceDefault(e) {
+    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e) {
-      Object.keys(e).forEach(function(k) {
+      for (const k in e) {
         if (k !== "default") {
-          var d = Object.getOwnPropertyDescriptor(e, k);
+          const d = Object.getOwnPropertyDescriptor(e, k);
           Object.defineProperty(n, k, d.get ? d : {
             enumerable: true,
-            get: function() {
-              return e[k];
-            }
+            get: () => e[k]
           });
         }
-      });
+      }
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
   }
-  var gql__default = /* @__PURE__ */ _interopDefaultLegacy(gql$1);
-  var React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
-  var yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
+  const yup__namespace = /* @__PURE__ */ _interopNamespaceDefault(yup);
   function popupWindow(url, title, window2, w, h) {
     const y = window2.top.outerHeight / 2 + window2.top.screenY - h / 2;
     const x = window2.top.outerWidth / 2 + window2.top.screenX - w / 2;
-    return window2.open(url, title, "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width=" + w + ", height=" + h + ", top=" + y + ", left=" + x);
+    return window2.open(
+      url,
+      title,
+      "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width=" + w + ", height=" + h + ", top=" + y + ", left=" + x
+    );
   }
   const TINA_LOGIN_EVENT = "tinaCloudLogin";
   const AUTH_TOKEN_KEY = "tinacms-auth";
@@ -51,7 +46,13 @@
         }
       });
       const origin = `${window.location.protocol}//${window.location.host}`;
-      authTab = popupWindow(`${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`, "_blank", window, 1e3, 700);
+      authTab = popupWindow(
+        `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
+        "_blank",
+        window,
+        1e3,
+        700
+      );
     });
   };
   class StringBuilder {
@@ -87,7 +88,10 @@
           }
         }
       }
-      (_b = (_a = data.children) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(_a, (child) => extractText(child, acc, indexableNodeTypes));
+      (_b = (_a = data.children) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(
+        _a,
+        (child) => extractText(child, acc, indexableNodeTypes)
+      );
     }
   };
   const relativePath = (path, collection) => {
@@ -121,16 +125,35 @@
       if (data[f.name]) {
         if (f.type === "object") {
           if (isList) {
-            data[f.name] = data[f.name].map((obj) => processDocumentForIndexing(obj, path, collection, textIndexLength, f));
+            data[f.name] = data[f.name].map(
+              (obj) => processDocumentForIndexing(
+                obj,
+                path,
+                collection,
+                textIndexLength,
+                f
+              )
+            );
           } else {
-            data[f.name] = processDocumentForIndexing(data[f.name], path, collection, textIndexLength, f);
+            data[f.name] = processDocumentForIndexing(
+              data[f.name],
+              path,
+              collection,
+              textIndexLength,
+              f
+            );
           }
         } else if (f.type === "string") {
           const fieldTextIndexLength = f.maxSearchIndexFieldLength || textIndexLength;
           if (isList) {
-            data[f.name] = data[f.name].map((value) => processTextFieldValue(value, fieldTextIndexLength));
+            data[f.name] = data[f.name].map(
+              (value) => processTextFieldValue(value, fieldTextIndexLength)
+            );
           } else {
-            data[f.name] = processTextFieldValue(data[f.name], fieldTextIndexLength);
+            data[f.name] = processTextFieldValue(
+              data[f.name],
+              fieldTextIndexLength
+            );
           }
         } else if (f.type === "rich-text") {
           const fieldTextIndexLength = f.maxSearchIndexFieldLength || textIndexLength;
@@ -220,14 +243,14 @@
     timestamp: zod.z.number().optional()
   });
   function asyncPoll(fn, pollInterval = 5 * 1e3, pollTimeout = 30 * 1e3) {
-    const endTime = new Date().getTime() + pollTimeout;
+    const endTime = (/* @__PURE__ */ new Date()).getTime() + pollTimeout;
     let stop = false;
     const cancel = () => {
       stop = true;
     };
     const checkCondition = (resolve, reject) => {
       Promise.resolve(fn()).then((result) => {
-        const now = new Date().getTime();
+        const now = (/* @__PURE__ */ new Date()).getTime();
         if (stop) {
           reject(new Error("AsyncPoller: cancelled"));
         } else if (result.done) {
@@ -288,11 +311,14 @@ mutation addPendingDocumentMutation(
         return this.gqlSchema;
       };
       this.getOptimizedQuery = async (documentNode) => {
-        const data = await this.request(`query GetOptimizedQuery($queryString: String!) {
+        const data = await this.request(
+          `query GetOptimizedQuery($queryString: String!) {
         getOptimizedQuery(queryString: $queryString)
-      }`, {
-          variables: { queryString: graphql.print(documentNode) }
-        });
+      }`,
+          {
+            variables: { queryString: graphql.print(documentNode) }
+          }
+        );
         return graphql.parse(data.getOptimizedQuery);
       };
       this.tinaGraphQLVersion = options.tinaGraphQLVersion;
@@ -320,9 +346,12 @@ mutation addPendingDocumentMutation(
         this.options.customContentApiUrl = options.schema.config.contentApiUrlOverride;
       }
       this.setBranch(options.branch);
-      this.events.subscribe("branch:change", ({ branchName }) => {
-        this.setBranch(branchName);
-      });
+      this.events.subscribe(
+        "branch:change",
+        ({ branchName }) => {
+          this.setBranch(branchName);
+        }
+      );
       this.clientId = options.clientId;
       switch (tokenStorage) {
         case "LOCAL_STORAGE":
@@ -360,7 +389,9 @@ mutation addPendingDocumentMutation(
           break;
         case "CUSTOM":
           if (!options.getTokenFn) {
-            throw new Error("When CUSTOM token storage is selected, a getTokenFn must be provided");
+            throw new Error(
+              "When CUSTOM token storage is selected, a getTokenFn must be provided"
+            );
           }
           this.getToken = options.getTokenFn;
           break;
@@ -372,6 +403,9 @@ mutation addPendingDocumentMutation(
     get isLocalMode() {
       return false;
     }
+    get isCustomContentApi() {
+      return !!this.options.customContentApiUrl;
+    }
     setBranch(branchName) {
       var _a, _b, _c, _d;
       const encodedBranch = encodeURIComponent(branchName);
@@ -397,7 +431,7 @@ mutation addPendingDocumentMutation(
         method: "POST",
         headers,
         body: JSON.stringify({
-          query: typeof query === "function" ? graphql.print(query(gql__default["default"])) : query,
+          query: typeof query === "function" ? graphql.print(query(gql$1)) : query,
           variables
         })
       });
@@ -418,8 +452,10 @@ mutation addPendingDocumentMutation(
       }
       const json = await res.json();
       if (json.errors) {
-        throw new Error(`Unable to fetch, errors: 
-	${json.errors.map((error) => error.message).join("\n")}`);
+        throw new Error(
+          `Unable to fetch, errors: 
+	${json.errors.map((error) => error.message).join("\n")}`
+        );
       }
       return json.data;
     }
@@ -429,20 +465,26 @@ mutation addPendingDocumentMutation(
     async checkSyncStatus({
       assetsSyncing
     }) {
-      const res = await this.fetchWithToken(`${this.assetsApiUrl}/v1/${this.clientId}/syncStatus`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({ assetsSyncing })
-      });
+      const res = await this.fetchWithToken(
+        `${this.assetsApiUrl}/v1/${this.clientId}/syncStatus`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({ assetsSyncing })
+        }
+      );
       const jsonRes = await res.json();
       return jsonRes;
     }
     async getProject() {
-      const res = await this.fetchWithToken(`${this.identityApiUrl}/v2/apps/${this.clientId}`, {
-        method: "GET"
-      });
+      const res = await this.fetchWithToken(
+        `${this.identityApiUrl}/v2/apps/${this.clientId}`,
+        {
+          method: "GET"
+        }
+      );
       const val = await res.json();
       return val;
     }
@@ -465,7 +507,9 @@ mutation addPendingDocumentMutation(
           }
         });
         if (!res.ok) {
-          throw new Error(`There was an error creating a new branch. ${res.statusText}`);
+          throw new Error(
+            `There was an error creating a new branch. ${res.statusText}`
+          );
         }
         const values = await res.json();
         return values;
@@ -480,15 +524,20 @@ mutation addPendingDocumentMutation(
           events: []
         };
       } else {
-        return (await this.fetchWithToken(`${this.contentApiBase}/events/${this.clientId}/${this.branch}?limit=${limit || 1}${cursor ? `&cursor=${cursor}` : ""}`, { method: "GET" })).json();
+        return (await this.fetchWithToken(
+          `${this.contentApiBase}/events/${this.clientId}/${this.branch}?limit=${limit || 1}${cursor ? `&cursor=${cursor}` : ""}`,
+          { method: "GET" }
+        )).json();
       }
     }
     parseJwt(token) {
       const base64Url = token.split(".")[1];
       const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
-      const jsonPayload = decodeURIComponent(atob(base64).split("").map(function(c) {
-        return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
-      }).join(""));
+      const jsonPayload = decodeURIComponent(
+        atob(base64).split("").map(function(c) {
+          return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
+        }).join("")
+      );
       return JSON.parse(jsonPayload);
     }
     async getRefreshedToken(tokens) {
@@ -538,6 +587,15 @@ mutation addPendingDocumentMutation(
       this.setToken(token);
       return token;
     }
+    /**
+     * Wraps the normal fetch function with same API but adds the authorization header token.
+     *
+     * @example
+     * const test = await tinaCloudClient.fetchWithToken(`/mycustomAPI/thing/one`) // the token will be passed in the authorization header
+     *
+     * @param input fetch function input
+     * @param init fetch function init
+     */
     async fetchWithToken(input, init) {
       const headers = (init == null ? void 0 : init.headers) || {};
       const token = await this.getToken();
@@ -596,29 +654,39 @@ mutation addPendingDocumentMutation(
     waitForIndexStatus({ ref }) {
       let unknownCount = 0;
       try {
-        const [prom, cancel] = asyncPoll(async () => {
-          try {
-            const result = await this.getIndexStatus({ ref });
-            if (!(result.status === "inprogress" || result.status === "unknown")) {
-              return Promise.resolve({
-                done: true,
-                data: result
-              });
-            } else {
-              if (result.status === "unknown") {
-                unknownCount++;
-                if (unknownCount > 5) {
-                  throw new Error("AsyncPoller: status unknown for too long, please check indexing progress the Tina Cloud dashboard");
+        const [prom, cancel] = asyncPoll(
+          async () => {
+            try {
+              const result = await this.getIndexStatus({ ref });
+              if (!(result.status === "inprogress" || result.status === "unknown")) {
+                return Promise.resolve({
+                  done: true,
+                  data: result
+                });
+              } else {
+                if (result.status === "unknown") {
+                  unknownCount++;
+                  if (unknownCount > 5) {
+                    throw new Error(
+                      "AsyncPoller: status unknown for too long, please check indexing progress the Tina Cloud dashboard"
+                    );
+                  }
                 }
+                return Promise.resolve({
+                  done: false
+                });
               }
-              return Promise.resolve({
-                done: false
-              });
+            } catch (err) {
+              return Promise.reject(err);
             }
-          } catch (err) {
-            return Promise.reject(err);
-          }
-        }, 5e3, 9e5);
+          },
+          // interval is 5s
+          5e3,
+          // interval
+          //  timeout is 15 min
+          9e5
+          // timeout
+        );
         return [prom, cancel];
       } catch (error) {
         if (error.message === "AsyncPoller: reached timeout") {
@@ -708,6 +776,7 @@ mutation addPendingDocumentMutation(
     get isLocalMode() {
       return true;
     }
+    // These functions allow the local client to have a login state so that we can correctly call the "OnLogin" callback. This is important for things like preview mode
     async logout() {
       localStorage.removeItem(LOCAL_CLIENT_KEY);
     }
@@ -727,25 +796,33 @@ mutation addPendingDocumentMutation(
       const q = queryToSearchIndexQuery(query);
       const opt = optionsToSearchIndexOptions(options);
       const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
-      const res = await this.client.fetchWithToken(`${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?q=${JSON.stringify(q)}${optionsParam}`);
+      const res = await this.client.fetchWithToken(
+        `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?q=${JSON.stringify(q)}${optionsParam}`
+      );
       return parseSearchIndexResponse(await res.json(), options);
     }
     async del(ids) {
-      const res = await this.client.fetchWithToken(`${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?ids=${ids.join(",")}`, {
-        method: "DELETE"
-      });
+      const res = await this.client.fetchWithToken(
+        `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?ids=${ids.join(",")}`,
+        {
+          method: "DELETE"
+        }
+      );
       if (res.status !== 200) {
         throw new Error("Failed to update search index");
       }
     }
     async put(docs) {
-      const res = await this.client.fetchWithToken(`${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}`, {
-        method: "POST",
-        body: JSON.stringify({ docs }),
-        headers: {
-          "Content-Type": "application/json"
+      const res = await this.client.fetchWithToken(
+        `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}`,
+        {
+          method: "POST",
+          body: JSON.stringify({ docs }),
+          headers: {
+            "Content-Type": "application/json"
+          }
         }
-      });
+      );
       if (res.status !== 200) {
         throw new Error("Failed to update search index");
       }
@@ -762,7 +839,9 @@ mutation addPendingDocumentMutation(
       const q = queryToSearchIndexQuery(query);
       const opt = optionsToSearchIndexOptions(options);
       const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
-      const res = await this.client.fetchWithToken(`http://localhost:4001/searchIndex?q=${JSON.stringify(q)}${optionsParam}`);
+      const res = await this.client.fetchWithToken(
+        `http://localhost:4001/searchIndex?q=${JSON.stringify(q)}${optionsParam}`
+      );
       return parseSearchIndexResponse(await res.json(), options);
     }
     del(ids) {
@@ -776,17 +855,9 @@ mutation addPendingDocumentMutation(
     }
   }
   function ModalBuilder(modalProps) {
-    return /* @__PURE__ */ React__default["default"].createElement(toolkit.Modal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalPopup, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalHeader, null, modalProps.title), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalBody, {
-      padded: true
-    }, /* @__PURE__ */ React__default["default"].createElement("p", null, modalProps.message), modalProps.error && /* @__PURE__ */ React__default["default"].createElement(ErrorLabel, null, modalProps.error)), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, modalProps.actions.map((action) => /* @__PURE__ */ React__default["default"].createElement(AsyncButton, {
-      key: action.name,
-      ...action
-    })))));
+    return /* @__PURE__ */ React.createElement(toolkit.Modal, null, /* @__PURE__ */ React.createElement(toolkit.ModalPopup, null, /* @__PURE__ */ React.createElement(toolkit.ModalHeader, null, modalProps.title), /* @__PURE__ */ React.createElement(toolkit.ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("p", null, modalProps.message), modalProps.error && /* @__PURE__ */ React.createElement(ErrorLabel, null, modalProps.error)), /* @__PURE__ */ React.createElement(toolkit.ModalActions, null, modalProps.actions.map((action) => /* @__PURE__ */ React.createElement(AsyncButton, { key: action.name, ...action })))));
   }
-  const ErrorLabel = ({ style = {}, ...props }) => /* @__PURE__ */ React__default["default"].createElement("p", {
-    style: { ...style, color: "var(--tina-color-error)" },
-    ...props
-  });
+  const ErrorLabel = ({ style = {}, ...props }) => /* @__PURE__ */ React.createElement("p", { style: { ...style, color: "var(--tina-color-error)" }, ...props });
   const AsyncButton = ({ name, primary, action }) => {
     const [submitting, setSubmitting] = React.useState(false);
     const onClick = React.useCallback(async () => {
@@ -799,13 +870,18 @@ mutation addPendingDocumentMutation(
         throw e;
       }
     }, [action, setSubmitting]);
-    return /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      "data-test": name.replace(/\s/g, "-").toLowerCase(),
-      variant: primary ? "primary" : "secondary",
-      onClick,
-      busy: submitting,
-      disabled: submitting
-    }, submitting && /* @__PURE__ */ React__default["default"].createElement(toolkit.LoadingDots, null), !submitting && name);
+    return /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        "data-test": name.replace(/\s/g, "-").toLowerCase(),
+        variant: primary ? "primary" : "secondary",
+        onClick,
+        busy: submitting,
+        disabled: submitting
+      },
+      submitting && /* @__PURE__ */ React.createElement(toolkit.LoadingDots, null),
+      !submitting && name
+    );
   };
   const TINA_AUTH_CONFIG = "tina_auth_config";
   const useTinaAuthRedirect = () => {
@@ -886,16 +962,27 @@ mutation addPendingDocumentMutation(
       return this.schema.getCollections();
     }
     async renameDocument({ collection, relativePath: relativePath2, newRelativePath }) {
-      await this.api.request(`#graphql
+      await this.api.request(
+        `#graphql
               mutation RenameDocument($collection: String!, $relativePath: String! $newRelativePath: String!) {
                 updateDocument(collection: $collection, relativePath: $relativePath, params: {relativePath: $newRelativePath}){
     __typename
   }
               }
-            `, { variables: { collection, relativePath: relativePath2, newRelativePath } });
+            `,
+        { variables: { collection, relativePath: relativePath2, newRelativePath } }
+      );
       if (this.searchClient) {
-        const { document: doc } = await this.fetchDocument(collection.name, newRelativePath);
-        const processed = processDocumentForIndexing(doc["_values"], `${collection.path}/${newRelativePath}`, collection, this.maxSearchIndexFieldLength);
+        const { document: doc } = await this.fetchDocument(
+          collection.name,
+          newRelativePath
+        );
+        const processed = processDocumentForIndexing(
+          doc["_values"],
+          `${collection.path}/${newRelativePath}`,
+          collection,
+          this.maxSearchIndexFieldLength
+        );
         await this.searchClient.put([processed]);
         await this.searchClient.del([`${collection.name}:${relativePath2}`]);
       }
@@ -905,12 +992,15 @@ mutation addPendingDocumentMutation(
       relativePath: relativePath2
     }) {
       var _a;
-      await this.api.request(`#graphql
+      await this.api.request(
+        `#graphql
       mutation DeleteDocument($collection: String!, $relativePath: String!  ){
   deleteDocument(collection: $collection, relativePath: $relativePath){
     __typename
   }
-}`, { variables: { collection, relativePath: relativePath2 } });
+}`,
+        { variables: { collection, relativePath: relativePath2 } }
+      );
       await ((_a = this.searchClient) == null ? void 0 : _a.del([`${collection}:${relativePath2}`]));
     }
     async fetchCollection(collectionName, includeDocuments, folder = "", after, sortKey, order, filterArgs) {
@@ -949,7 +1039,8 @@ mutation addPendingDocumentMutation(
       }
       if (includeDocuments === true) {
         const sort = sortKey || this.schema.getIsTitleFieldName(collectionName);
-        const response = order === "asc" ? await this.api.request(`#graphql
+        const response = order === "asc" ? await this.api.request(
+          `#graphql
       query($collection: String!, $includeDocuments: Boolean!, $sort: String,  $limit: Float, $after: String, $filter: DocumentFilter, $folder: String){
         collection(collection: $collection){
           name
@@ -987,17 +1078,20 @@ mutation addPendingDocumentMutation(
             }
           }
         }
-      }`, {
-          variables: {
-            collection: collectionName,
-            includeDocuments,
-            folder,
-            sort,
-            limit: 50,
-            after,
-            filter
+      }`,
+          {
+            variables: {
+              collection: collectionName,
+              includeDocuments,
+              folder,
+              sort,
+              limit: 50,
+              after,
+              filter
+            }
           }
-        }) : await this.api.request(`#graphql
+        ) : await this.api.request(
+          `#graphql
       query($collection: String!, $includeDocuments: Boolean!, $sort: String,  $limit: Float, $after: String, $filter: DocumentFilter, $folder: String) {
         collection(collection: $collection){
           name
@@ -1035,24 +1129,28 @@ mutation addPendingDocumentMutation(
             }
           }
         }
-      }`, {
-          variables: {
-            collection: collectionName,
-            includeDocuments,
-            folder,
-            sort,
-            limit: 50,
-            after,
-            filter
+      }`,
+          {
+            variables: {
+              collection: collectionName,
+              includeDocuments,
+              folder,
+              sort,
+              limit: 50,
+              after,
+              filter
+            }
           }
-        });
+        );
         return response.collection;
       } else {
         try {
           const collection = this.schema.getCollection(collectionName);
           return collection;
         } catch (e) {
-          console.error(`[TinaAdminAPI] Unable to fetchCollection(): ${e.message}`);
+          console.error(
+            `[TinaAdminAPI] Unable to fetchCollection(): ${e.message}`
+          );
           return void 0;
         }
       }
@@ -1094,45 +1192,67 @@ mutation addPendingDocumentMutation(
       return response;
     }
     async createDocument(collection, relativePath2, params) {
-      const response = await this.api.request(`#graphql
+      const response = await this.api.request(
+        `#graphql
       mutation($collection: String!, $relativePath: String!, $params: DocumentMutation!) {
         createDocument(
           collection: $collection,
           relativePath: $relativePath,
           params: $params
         ){__typename}
-      }`, {
-        variables: {
-          collection: collection.name,
-          relativePath: relativePath2,
-          params
+      }`,
+        {
+          variables: {
+            collection: collection.name,
+            relativePath: relativePath2,
+            params
+          }
         }
-      });
+      );
       if (this.searchClient) {
-        const { document: doc } = await this.fetchDocument(collection.name, relativePath2);
-        const processed = processDocumentForIndexing(doc["_values"], `${collection.path}/${relativePath2}`, collection, this.maxSearchIndexFieldLength);
+        const { document: doc } = await this.fetchDocument(
+          collection.name,
+          relativePath2
+        );
+        const processed = processDocumentForIndexing(
+          doc["_values"],
+          `${collection.path}/${relativePath2}`,
+          collection,
+          this.maxSearchIndexFieldLength
+        );
         await this.searchClient.put([processed]);
       }
       return response;
     }
     async updateDocument(collection, relativePath2, params) {
-      const response = await this.api.request(`#graphql
+      const response = await this.api.request(
+        `#graphql
       mutation($collection: String!, $relativePath: String!, $params: DocumentUpdateMutation!) {
         updateDocument(
           collection: $collection,
           relativePath: $relativePath,
           params: $params
         ){__typename}
-      }`, {
-        variables: {
-          collection: collection.name,
-          relativePath: relativePath2,
-          params
+      }`,
+        {
+          variables: {
+            collection: collection.name,
+            relativePath: relativePath2,
+            params
+          }
         }
-      });
+      );
       if (this.searchClient) {
-        const { document: doc } = await this.fetchDocument(collection.name, relativePath2);
-        const processed = processDocumentForIndexing(doc["_values"], `${collection.path}/${relativePath2}`, collection, this.maxSearchIndexFieldLength);
+        const { document: doc } = await this.fetchDocument(
+          collection.name,
+          relativePath2
+        );
+        const processed = processDocumentForIndexing(
+          doc["_values"],
+          `${collection.path}/${relativePath2}`,
+          collection,
+          this.maxSearchIndexFieldLength
+        );
         await this.searchClient.put([processed]);
       }
       return response;
@@ -1152,7 +1272,7 @@ mutation addPendingDocumentMutation(
     const isTinaCloud = !client.isLocalMode && !((_e = (_d = (_c = (_b = (_a = client.schema) == null ? void 0 : _a.config) == null ? void 0 : _b.config) == null ? void 0 : _c.admin) == null ? void 0 : _d.auth) == null ? void 0 : _e.customAuth);
     const [activeModal, setActiveModal] = React.useState(null);
     const [showChildren, setShowChildren] = React.useState(false);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       client.isAuthenticated().then((isAuthenticated) => {
         if (isAuthenticated) {
           setShowChildren(true);
@@ -1178,45 +1298,54 @@ mutation addPendingDocumentMutation(
         setActiveModal(null);
       }
     }) : [];
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, activeModal === "authenticate" && /* @__PURE__ */ React__default["default"].createElement(ModalBuilder, {
-      title: isTinaCloud ? "Tina Cloud Authorization" : "Enter into edit mode",
-      message: isTinaCloud ? "To save edits, Tina Cloud authorization is required. On save, changes will get commited using your account." : "To save edits, enter into edit mode. On save, changes will saved to the local filesystem.",
-      close,
-      actions: [
-        ...otherModalActions,
-        {
-          action: async () => {
-            sharedctx.setEditing(false);
-            window.location.reload();
-          },
-          name: "Close",
-          primary: false
-        },
-        {
-          name: isTinaCloud ? "Continue to Tina Cloud" : "Enter Edit Mode",
-          action: async () => {
-            const token = await client.authenticate();
-            if (typeof (client == null ? void 0 : client.onLogin) === "function") {
-              await (client == null ? void 0 : client.onLogin({ token }));
-            }
-            onAuthSuccess();
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, activeModal === "authenticate" && /* @__PURE__ */ React.createElement(
+      ModalBuilder,
+      {
+        title: isTinaCloud ? "Tina Cloud Authorization" : "Enter into edit mode",
+        message: isTinaCloud ? "To save edits, Tina Cloud authorization is required. On save, changes will get commited using your account." : "To save edits, enter into edit mode. On save, changes will saved to the local filesystem.",
+        close,
+        actions: [
+          ...otherModalActions,
+          {
+            action: async () => {
+              sharedctx.setEditing(false);
+              window.location.reload();
+            },
+            name: "Close",
+            primary: false
           },
-          primary: true
-        }
-      ]
-    }), showChildren ? children : loginScreen ? loginScreen : null);
+          {
+            name: isTinaCloud ? "Continue to Tina Cloud" : "Enter Edit Mode",
+            action: async () => {
+              const token = await client.authenticate();
+              if (typeof (client == null ? void 0 : client.onLogin) === "function") {
+                await (client == null ? void 0 : client.onLogin({ token }));
+              }
+              onAuthSuccess();
+            },
+            primary: true
+          }
+        ]
+      }
+    ), showChildren ? children : loginScreen ? loginScreen : null);
   };
   const TinaCloudProvider = (props) => {
     var _a, _b, _c, _d, _e;
     const baseBranch = props.branch || "main";
-    const [currentBranch, setCurrentBranch] = toolkit.useLocalStorage("tinacms-current-branch", baseBranch);
+    const [currentBranch, setCurrentBranch] = toolkit.useLocalStorage(
+      "tinacms-current-branch",
+      baseBranch
+    );
     useTinaAuthRedirect();
-    const cms = React__default["default"].useMemo(() => props.cms || new toolkit.TinaCMS({
-      enabled: true,
-      sidebar: true,
-      isLocalClient: props.isLocalClient,
-      clientId: props.clientId
-    }), [props.cms]);
+    const cms = React.useMemo(
+      () => props.cms || new toolkit.TinaCMS({
+        enabled: true,
+        sidebar: true,
+        isLocalClient: props.isLocalClient,
+        clientId: props.clientId
+      }),
+      [props.cms]
+    );
     if (!cms.api.tina) {
       cms.registerApi("tina", createClient({ ...props, branch: currentBranch }));
     } else {
@@ -1247,7 +1376,12 @@ mutation addPendingDocumentMutation(
       const hasTinaMedia = Boolean((_b2 = (_a2 = props.schema.config) == null ? void 0 : _a2.media) == null ? void 0 : _b2.tina);
       if (hasTinaMedia) {
         cms.media.store = new toolkit.TinaMediaStore(cms);
-      } else if (((_d2 = (_c2 = props.schema.config) == null ? void 0 : _c2.media) == null ? void 0 : _d2.loadCustomStore) || props.mediaStore) {
+      } else if (
+        /* 
+        Has tina custom media (set up in the schema or define schema)
+         */
+        ((_d2 = (_c2 = props.schema.config) == null ? void 0 : _c2.media) == null ? void 0 : _d2.loadCustomStore) || props.mediaStore
+      ) {
         const mediaStoreFromProps = ((_f = (_e2 = props.schema.config) == null ? void 0 : _e2.media) == null ? void 0 : _f.loadCustomStore) || props.mediaStore;
         if ((_g = mediaStoreFromProps.prototype) == null ? void 0 : _g.persist) {
           cms.media.store = new mediaStoreFromProps(cms.api.tina);
@@ -1274,15 +1408,17 @@ mutation addPendingDocumentMutation(
       return newBranch;
     };
     setupMedia();
-    const [branchingEnabled, setBranchingEnabled] = React__default["default"].useState(() => cms.flags.get("branch-switcher"));
-    React__default["default"].useEffect(() => {
+    const [branchingEnabled, setBranchingEnabled] = React.useState(
+      () => cms.flags.get("branch-switcher")
+    );
+    React.useEffect(() => {
       cms.events.subscribe("flag:set", ({ key, value }) => {
         if (key === "branch-switcher") {
           setBranchingEnabled(value);
         }
       });
     }, [cms.events]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       let branchSwitcher;
       if (branchingEnabled) {
         branchSwitcher = new toolkit.BranchSwitcherPlugin({
@@ -1298,12 +1434,12 @@ mutation addPendingDocumentMutation(
         }
       };
     }, [branchingEnabled, props.branch]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (props.cmsCallback) {
         props.cmsCallback(cms);
       }
     }, []);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       const setupEditorialWorkflow = () => {
         client.getProject().then((project) => {
           var _a2;
@@ -1324,20 +1460,19 @@ mutation addPendingDocumentMutation(
       });
       return unsubscribe;
     }, [isTinaCloud, cms]);
-    return /* @__PURE__ */ React__default["default"].createElement(toolkit.BranchDataProvider, {
-      currentBranch,
-      setCurrentBranch: (b) => {
-        setCurrentBranch(b);
-      }
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.TinaProvider, {
-      cms
-    }, /* @__PURE__ */ React__default["default"].createElement(AuthWallInner, {
-      ...props,
-      cms
-    })));
+    return /* @__PURE__ */ React.createElement(
+      toolkit.BranchDataProvider,
+      {
+        currentBranch,
+        setCurrentBranch: (b) => {
+          setCurrentBranch(b);
+        }
+      },
+      /* @__PURE__ */ React.createElement(toolkit.TinaProvider, { cms }, /* @__PURE__ */ React.createElement(AuthWallInner, { ...props, cms }))
+    );
   };
   const TinaCloudAuthWall = TinaCloudProvider;
-  var styles = `.tina-tailwind {
+  const styles = `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -2886,7 +3021,9 @@ mutation addPendingDocumentMutation(
     }
     async onSubmit({ collection, template, relativePath: relativePath2 }, cms) {
       try {
-        const selectedCollection = this.collections.find((collectionItem) => collectionItem.slug === collection);
+        const selectedCollection = this.collections.find(
+          (collectionItem) => collectionItem.slug === collection
+        );
         const collectionFormat = selectedCollection.format;
         const extensionLength = -1 * (collectionFormat.length + 1);
         let relativePathWithExt = relativePath2;
@@ -2922,12 +3059,13 @@ mutation addPendingDocumentMutation(
   }
   const useDocumentCreatorPlugin = (args) => {
     const cms = toolkit.useCMS();
-    const [values, setValues] = React__default["default"].useState({});
-    const [plugin, setPlugin] = React__default["default"].useState(null);
-    React__default["default"].useEffect(() => {
+    const [values, setValues] = React.useState({});
+    const [plugin, setPlugin] = React.useState(null);
+    React.useEffect(() => {
       const run = async () => {
         var _a;
-        const res = await cms.api.tina.request((gql2) => gql2`
+        const res = await cms.api.tina.request(
+          (gql2) => gql2`
           {
             collections {
               label
@@ -2936,7 +3074,9 @@ mutation addPendingDocumentMutation(
               templates
             }
           }
-        `, { variables: {} });
+        `,
+          { variables: {} }
+        );
         const allCollectionOptions = [];
         res.collections.forEach((collection) => {
           const value = collection.slug;
@@ -2960,72 +3100,76 @@ mutation addPendingDocumentMutation(
           { value: "", label: "Choose Template" }
         ];
         if (values.collection) {
-          const filteredCollection = res.collections.find((c) => c.slug === values.collection);
+          const filteredCollection = res.collections.find(
+            (c) => c.slug === values.collection
+          );
           (_a = filteredCollection == null ? void 0 : filteredCollection.templates) == null ? void 0 : _a.forEach((template) => {
             templateOptions.push({ value: template.name, label: template.label });
           });
         }
-        setPlugin(new ContentCreatorPlugin({
-          label: "Add Document",
-          onNewDocument: args && args.onNewDocument,
-          collections: res.collections,
-          onChange: async ({ values: values2 }) => {
-            setValues(values2);
-          },
-          initialValues: values,
-          fields: [
-            {
-              component: "select",
-              name: "collection",
-              label: "Collection",
-              description: "Select the collection.",
-              options: collectionOptions,
-              validate: async (value, allValues, meta) => {
-                if (!value) {
-                  return true;
-                }
-              }
+        setPlugin(
+          new ContentCreatorPlugin({
+            label: "Add Document",
+            onNewDocument: args && args.onNewDocument,
+            collections: res.collections,
+            onChange: async ({ values: values2 }) => {
+              setValues(values2);
             },
-            {
-              component: "select",
-              name: "template",
-              label: "Template",
-              description: "Select the template.",
-              options: templateOptions,
-              validate: async (value, allValues, meta) => {
-                if (!value && templateOptions.length > 1) {
-                  if (meta.dirty) {
-                    return "Required";
+            initialValues: values,
+            fields: [
+              {
+                component: "select",
+                name: "collection",
+                label: "Collection",
+                description: "Select the collection.",
+                options: collectionOptions,
+                validate: async (value, allValues, meta) => {
+                  if (!value) {
+                    return true;
                   }
-                  return true;
                 }
-              }
-            },
-            {
-              component: "text",
-              name: "relativePath",
-              label: "Name",
-              description: `A unique name for the content. Example: "newPost" or "blog_022021`,
-              placeholder: "newPost",
-              validate: (value, allValues, meta) => {
-                if (!value) {
-                  if (meta.dirty) {
-                    return "Required";
+              },
+              {
+                component: "select",
+                name: "template",
+                label: "Template",
+                description: "Select the template.",
+                options: templateOptions,
+                validate: async (value, allValues, meta) => {
+                  if (!value && templateOptions.length > 1) {
+                    if (meta.dirty) {
+                      return "Required";
+                    }
+                    return true;
                   }
-                  return true;
                 }
-                const isValid = /^[_a-zA-Z0-9][\-_a-zA-Z0-9]*$/.test(value);
-                if (value && !isValid) {
-                  return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, - or _";
+              },
+              {
+                component: "text",
+                name: "relativePath",
+                label: "Name",
+                description: `A unique name for the content. Example: "newPost" or "blog_022021`,
+                placeholder: "newPost",
+                validate: (value, allValues, meta) => {
+                  if (!value) {
+                    if (meta.dirty) {
+                      return "Required";
+                    }
+                    return true;
+                  }
+                  const isValid = /^[_a-zA-Z0-9][\-_a-zA-Z0-9]*$/.test(value);
+                  if (value && !isValid) {
+                    return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, - or _";
+                  }
                 }
               }
-            }
-          ]
-        }));
+            ]
+          })
+        );
       };
       run();
     }, [cms]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (plugin) {
         cms.plugins.add(plugin);
       }
@@ -3048,7 +3192,7 @@ mutation addPendingDocumentMutation(
     color: "white",
     margin: "1rem 0"
   };
-  class ErrorBoundary extends React__default["default"].Component {
+  class ErrorBoundary extends React.Component {
     constructor(props) {
       super(props);
       this.state = {
@@ -3060,44 +3204,75 @@ mutation addPendingDocumentMutation(
     static getDerivedStateFromError(error) {
       return { hasError: true, message: error.message };
     }
+    /**
+     * Ideally we can track the last valid state and provide a button to go back, which
+     * would just reset the form to that state. This isn't ideal for many cases though,
+     * in general you'd probably want to push through the invalid state until you arrive at
+     * a new state which you are happy with. So we should offer the opportunity to try rendering
+     * again in the new, hopefully valid, state.
+     */
     render() {
       if (this.state.hasError && !this.state.pageRefresh) {
-        return /* @__PURE__ */ React__default["default"].createElement("div", {
-          style: {
-            background: "#efefef",
-            height: "100vh",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          }
-        }, /* @__PURE__ */ React__default["default"].createElement("style", null, "            body {              margin: 0;            }          "), /* @__PURE__ */ React__default["default"].createElement("div", {
-          style: {
-            background: "#fff",
-            maxWidth: "400px",
-            padding: "20px",
-            fontFamily: "'Inter', sans-serif",
-            borderRadius: "5px",
-            boxShadow: "0 6px 24px rgb(0 37 91 / 5%), 0 2px 4px rgb(0 37 91 / 3%)"
-          }
-        }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-          style: { color: "#eb6337" }
-        }, "TinaCMS Render Error"), /* @__PURE__ */ React__default["default"].createElement("p", null, "Tina caught an error while updating the page:"), /* @__PURE__ */ React__default["default"].createElement("pre", {
-          style: { marginTop: "1rem", overflowX: "auto" }
-        }, this.state.message), /* @__PURE__ */ React__default["default"].createElement("br", null), /* @__PURE__ */ React__default["default"].createElement("p", null, `If you've just updated the form, undo your most recent changes and click "refresh". If after a few refreshes, you're still encountering this error. There is a bigger issue with the site. Please reach out to your site admin.`), /* @__PURE__ */ React__default["default"].createElement("p", null, "See our", " ", /* @__PURE__ */ React__default["default"].createElement("a", {
-          className: "text-gray-600",
-          style: { textDecoration: "underline" },
-          href: "https://tina.io/docs/errors/faq/",
-          target: "_blank"
-        }, " ", "Error FAQ", " "), " ", "for more information."), /* @__PURE__ */ React__default["default"].createElement("button", {
-          style: errorButtonStyles,
-          onClick: () => {
-            this.setState({ pageRefresh: true });
-            setTimeout(() => this.setState({ hasError: false, pageRefresh: false }), 3e3);
-          }
-        }, "Refresh")));
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              background: "#efefef",
+              height: "100vh",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          /* @__PURE__ */ React.createElement("style", null, "            body {              margin: 0;            }          "),
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                background: "#fff",
+                maxWidth: "400px",
+                padding: "20px",
+                fontFamily: "'Inter', sans-serif",
+                borderRadius: "5px",
+                boxShadow: "0 6px 24px rgb(0 37 91 / 5%), 0 2px 4px rgb(0 37 91 / 3%)"
+              }
+            },
+            /* @__PURE__ */ React.createElement("h3", { style: { color: "#eb6337" } }, "TinaCMS Render Error"),
+            /* @__PURE__ */ React.createElement("p", null, "Tina caught an error while updating the page:"),
+            /* @__PURE__ */ React.createElement("pre", { style: { marginTop: "1rem", overflowX: "auto" } }, this.state.message),
+            /* @__PURE__ */ React.createElement("br", null),
+            /* @__PURE__ */ React.createElement("p", null, `If you've just updated the form, undo your most recent changes and click "refresh". If after a few refreshes, you're still encountering this error. There is a bigger issue with the site. Please reach out to your site admin.`),
+            /* @__PURE__ */ React.createElement("p", null, "See our", " ", /* @__PURE__ */ React.createElement(
+              "a",
+              {
+                className: "text-gray-600",
+                style: { textDecoration: "underline" },
+                href: "https://tina.io/docs/errors/faq/",
+                target: "_blank"
+              },
+              " ",
+              "Error FAQ",
+              " "
+            ), " ", "for more information."),
+            /* @__PURE__ */ React.createElement(
+              "button",
+              {
+                style: errorButtonStyles,
+                onClick: () => {
+                  this.setState({ pageRefresh: true });
+                  setTimeout(
+                    () => this.setState({ hasError: false, pageRefresh: false }),
+                    3e3
+                  );
+                }
+              },
+              "Refresh"
+            )
+          )
+        );
       }
       if (this.state.pageRefresh) {
-        return /* @__PURE__ */ React__default["default"].createElement(Loader, null, "Let's try that again.");
+        return /* @__PURE__ */ React.createElement(Loader, null, "Let's try that again.");
       }
       return this.props.children;
     }
@@ -3111,130 +3286,157 @@ mutation addPendingDocumentMutation(
   }) => {
     var _a, _b, _c, _d, _e;
     if (props == null ? void 0 : props.apiURL) {
-      console.warn("The apiURL prop is deprecated. Please see https://tina.io/blog/tina-v-0.68.14 for information on how to upgrade to the new API");
+      console.warn(
+        "The apiURL prop is deprecated. Please see https://tina.io/blog/tina-v-0.68.14 for information on how to upgrade to the new API"
+      );
     }
     const apiURL = ((_a = props == null ? void 0 : props.client) == null ? void 0 : _a.apiUrl) || (props == null ? void 0 : props.apiURL);
     const isLocalOverride = (_d = (_c = (_b = schema == null ? void 0 : schema.config) == null ? void 0 : _b.admin) == null ? void 0 : _c.auth) == null ? void 0 : _d.useLocalAuth;
     const { branch, clientId, isLocalClient } = apiURL ? schemaTools.parseURL(apiURL) : {
       branch: props.branch,
       clientId: props.clientId,
+      // @ts-expect-error this is for backwards compatibility
       isLocalClient: props == null ? void 0 : props.isLocalClient
     };
-    if (typeof isLocalClient === "undefined" || !isLocalClient && (!branch || !clientId) && !schema.config.contentApiUrlOverride) {
-      throw new Error("Invalid setup. See https://tina.io/docs/tina-cloud/connecting-site/ for more information.");
+    if (
+      // Check if local client is defined
+      typeof isLocalClient === "undefined" || // If in not in localMode check if clientId and branch are defined
+      !isLocalClient && (!branch || !clientId) && // if they pass a custom apiURL, we don't need to throw an error
+      !schema.config.contentApiUrlOverride
+    ) {
+      throw new Error(
+        "Invalid setup. See https://tina.io/docs/tina-cloud/connecting-site/ for more information."
+      );
     }
     if (!schema) {
-      throw new Error("`schema` is required to be passed as a property to `TinaProvider`.  You can learn more about this change here: https://github.com/tinacms/tinacms/pull/2823");
+      throw new Error(
+        "`schema` is required to be passed as a property to `TinaProvider`.  You can learn more about this change here: https://github.com/tinacms/tinacms/pull/2823"
+      );
     }
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(TinaCloudProvider, {
-      branch,
-      clientId: clientId || ((_e = schema == null ? void 0 : schema.config) == null ? void 0 : _e.clientId),
-      tinaioConfig: props.tinaioConfig,
-      isLocalClient: isLocalOverride || isLocalClient,
-      cmsCallback: props.cmsCallback,
-      mediaStore: props.mediaStore,
-      apiUrl: apiURL,
-      schema: { ...schema, config: { ...schema.config, ...props } },
-      tinaGraphQLVersion: props.tinaGraphQLVersion
-    }, /* @__PURE__ */ React__default["default"].createElement("style", null, styles), /* @__PURE__ */ React__default["default"].createElement(ErrorBoundary, null, props.children)));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      TinaCloudProvider,
+      {
+        branch,
+        clientId: clientId || ((_e = schema == null ? void 0 : schema.config) == null ? void 0 : _e.clientId),
+        tinaioConfig: props.tinaioConfig,
+        isLocalClient: isLocalOverride || isLocalClient,
+        cmsCallback: props.cmsCallback,
+        mediaStore: props.mediaStore,
+        apiUrl: apiURL,
+        schema: { ...schema, config: { ...schema.config, ...props } },
+        tinaGraphQLVersion: props.tinaGraphQLVersion
+      },
+      /* @__PURE__ */ React.createElement("style", null, styles),
+      /* @__PURE__ */ React.createElement(ErrorBoundary, null, props.children)
+    ));
   };
   const Loader = (props) => {
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      style: {
-        position: "fixed",
-        background: "rgba(0, 0, 0, 0.5)",
-        inset: 0,
-        zIndex: 200,
-        opacity: "0.8",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "40px"
-      }
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      style: {
-        background: "#f6f6f9",
-        boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
-        borderRadius: "5px",
-        padding: "40px 32px",
-        width: "460px",
-        maxWidth: "90%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        flexDirection: "column"
-      }
-    }, /* @__PURE__ */ React__default["default"].createElement("svg", {
-      style: {
-        width: "64px",
-        color: "#2296fe",
-        marginTop: "-8px",
-        marginBottom: "16px"
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          background: "rgba(0, 0, 0, 0.5)",
+          inset: 0,
+          zIndex: 200,
+          opacity: "0.8",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "40px"
+        }
       },
-      version: "1.1",
-      id: "L5",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 100 64",
-      enableBackground: "new 0 0 0 0",
-      xmlSpace: "preserve"
-    }, /* @__PURE__ */ React__default["default"].createElement("circle", {
-      fill: "currentColor",
-      stroke: "none",
-      cx: 6,
-      cy: 32,
-      r: 6
-    }, /* @__PURE__ */ React__default["default"].createElement("animateTransform", {
-      attributeName: "transform",
-      dur: "1s",
-      type: "translate",
-      values: "0 15 ; 0 -15; 0 15",
-      calcMode: "spline",
-      keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-      repeatCount: "indefinite",
-      begin: "0.1"
-    })), /* @__PURE__ */ React__default["default"].createElement("circle", {
-      fill: "currentColor",
-      stroke: "none",
-      cx: 30,
-      cy: 32,
-      r: 6
-    }, /* @__PURE__ */ React__default["default"].createElement("animateTransform", {
-      attributeName: "transform",
-      dur: "1s",
-      type: "translate",
-      values: "0 15 ; 0 -10; 0 15",
-      calcMode: "spline",
-      keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-      repeatCount: "indefinite",
-      begin: "0.2"
-    })), /* @__PURE__ */ React__default["default"].createElement("circle", {
-      fill: "currentColor",
-      stroke: "none",
-      cx: 54,
-      cy: 32,
-      r: 6
-    }, /* @__PURE__ */ React__default["default"].createElement("animateTransform", {
-      attributeName: "transform",
-      dur: "1s",
-      type: "translate",
-      values: "0 15 ; 0 -5; 0 15",
-      calcMode: "spline",
-      keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-      repeatCount: "indefinite",
-      begin: "0.3"
-    }))), /* @__PURE__ */ React__default["default"].createElement("p", {
-      style: {
-        fontSize: "18px",
-        color: "#252336",
-        textAlign: "center",
-        lineHeight: "1.3",
-        fontFamily: "'Inter', sans-serif",
-        fontWeight: "normal"
-      }
-    }, "Please wait, Tina is loading data..."))), props.children);
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            background: "#f6f6f9",
+            boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
+            borderRadius: "5px",
+            padding: "40px 32px",
+            width: "460px",
+            maxWidth: "90%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "svg",
+          {
+            style: {
+              width: "64px",
+              color: "#2296fe",
+              marginTop: "-8px",
+              marginBottom: "16px"
+            },
+            version: "1.1",
+            id: "L5",
+            xmlns: "http://www.w3.org/2000/svg",
+            xmlnsXlink: "http://www.w3.org/1999/xlink",
+            x: "0px",
+            y: "0px",
+            viewBox: "0 0 100 64",
+            enableBackground: "new 0 0 0 0",
+            xmlSpace: "preserve"
+          },
+          /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 6, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              dur: "1s",
+              type: "translate",
+              values: "0 15 ; 0 -15; 0 15",
+              calcMode: "spline",
+              keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+              repeatCount: "indefinite",
+              begin: "0.1"
+            }
+          )),
+          /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 30, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              dur: "1s",
+              type: "translate",
+              values: "0 15 ; 0 -10; 0 15",
+              calcMode: "spline",
+              keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+              repeatCount: "indefinite",
+              begin: "0.2"
+            }
+          )),
+          /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 54, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              dur: "1s",
+              type: "translate",
+              values: "0 15 ; 0 -5; 0 15",
+              calcMode: "spline",
+              keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+              repeatCount: "indefinite",
+              begin: "0.3"
+            }
+          ))
+        ),
+        /* @__PURE__ */ React.createElement(
+          "p",
+          {
+            style: {
+              fontSize: "18px",
+              color: "#252336",
+              textAlign: "center",
+              lineHeight: "1.3",
+              fontFamily: "'Inter', sans-serif",
+              fontWeight: "normal"
+            }
+          },
+          "Please wait, Tina is loading data..."
+        )
+      )
+    ), props.children);
   };
   const getStaticPropsForTina = async ({
     query,
@@ -3242,17 +3444,21 @@ mutation addPendingDocumentMutation(
   }) => {
     try {
       const data = await staticRequest({ query, variables });
-      return JSON.parse(JSON.stringify({
-        data,
-        query,
-        variables
-      }));
+      return JSON.parse(
+        JSON.stringify({
+          data,
+          query,
+          variables
+        })
+      );
     } catch (e) {
-      return JSON.parse(JSON.stringify({
-        data: {},
-        query,
-        variables
-      }));
+      return JSON.parse(
+        JSON.stringify({
+          data: {},
+          query,
+          variables
+        })
+      );
     }
   };
   function is_server() {
@@ -3282,20 +3488,24 @@ This will work when developing locally but NOT when deployed to production.
     return str;
   }
   const Layout = ({ children }) => {
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("style", null, styles), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "tina-tailwind",
-      style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        overflow: "auto",
-        background: "#F6F6F9",
-        fontFamily: "'Inter', sans-serif",
-        zIndex: 9999
-      }
-    }, children));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, styles), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "tina-tailwind",
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          overflow: "auto",
+          background: "#F6F6F9",
+          fontFamily: "'Inter', sans-serif",
+          zIndex: 9999
+        }
+      },
+      children
+    ));
   };
   var DefaultContext = {
     color: void 0,
@@ -3304,7 +3514,7 @@ This will work when developing locally but NOT when deployed to production.
     style: void 0,
     attr: void 0
   };
-  var IconContext = React__default["default"].createContext && React__default["default"].createContext(DefaultContext);
+  var IconContext = React.createContext && React.createContext(DefaultContext);
   var __assign = globalThis && globalThis.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -3331,14 +3541,14 @@ This will work when developing locally but NOT when deployed to production.
   };
   function Tree2Element(tree) {
     return tree && tree.map(function(node, i) {
-      return React__default["default"].createElement(node.tag, __assign({
+      return React.createElement(node.tag, __assign({
         key: i
       }, node.attr), Tree2Element(node.child));
     });
   }
   function GenIcon(data) {
     return function(props) {
-      return React__default["default"].createElement(IconBase, __assign({
+      return React.createElement(IconBase, __assign({
         attr: __assign({}, data.attr)
       }, props), Tree2Element(data.child));
     };
@@ -3352,7 +3562,7 @@ This will work when developing locally but NOT when deployed to production.
         className = conf.className;
       if (props.className)
         className = (className ? className + " " : "") + props.className;
-      return React__default["default"].createElement("svg", __assign({
+      return React.createElement("svg", __assign({
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0"
@@ -3364,9 +3574,9 @@ This will work when developing locally but NOT when deployed to production.
         height: computedSize,
         width: computedSize,
         xmlns: "http://www.w3.org/2000/svg"
-      }), title && React__default["default"].createElement("title", null, title), props.children);
+      }), title && React.createElement("title", null, title), props.children);
     };
-    return IconContext !== void 0 ? React__default["default"].createElement(IconContext.Consumer, null, function(conf) {
+    return IconContext !== void 0 ? React.createElement(IconContext.Consumer, null, function(conf) {
       return elem(conf);
     }) : elem(DefaultContext);
   }
@@ -3436,144 +3646,167 @@ This will work when developing locally but NOT when deployed to production.
     const collectionsInfo = useGetCollections(cms);
     const screens = cms.plugins.getType("screen").all();
     const cloudConfigs = cms.plugins.getType("cloud-config").all();
-    const [menuIsOpen, setMenuIsOpen] = React__default["default"].useState(false);
+    const [menuIsOpen, setMenuIsOpen] = React.useState(false);
     const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
     const navBreakpoint = 1e3;
     const windowWidth = windowSize.useWindowWidth();
     const renderDesktopNav = windowWidth > navBreakpoint;
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderDesktopNav && /* @__PURE__ */ React__default["default"].createElement(toolkit.Nav, {
-      isLocalMode,
-      sidebarWidth: 360,
-      showCollections: true,
-      collectionsInfo,
-      screens,
-      cloudConfigs,
-      contentCreators: [],
-      RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
-        label: view.name,
-        to: `/screens/${slugify(view.name)}`,
-        Icon: view.Icon ? view.Icon : ImFilesEmpty
-      }),
-      RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default["default"].createElement(SidebarCloudLink, {
-        config
-      }),
-      RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
-        label: collection.label ? collection.label : collection.name,
-        to: `/collections/${collection.name}/~`,
-        Icon: ImFilesEmpty
-      })
-    }), !renderDesktopNav && /* @__PURE__ */ React__default["default"].createElement(react.Transition, {
-      show: menuIsOpen
-    }, /* @__PURE__ */ React__default["default"].createElement(react.Transition.Child, {
-      as: React__default["default"].Fragment,
-      enter: "transform transition-all ease-out duration-300",
-      enterFrom: "opacity-0 -translate-x-full",
-      enterTo: "opacity-100 translate-x-0",
-      leave: "transform transition-all ease-in duration-200",
-      leaveFrom: "opacity-100 translate-x-0",
-      leaveTo: "opacity-0 -translate-x-full"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "fixed left-0 top-0 z-overlay h-full transform"
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.Nav, {
-      isLocalMode,
-      className: "rounded-r-md",
-      sidebarWidth: 360,
-      showCollections: true,
-      collectionsInfo,
-      screens,
-      cloudConfigs,
-      contentCreators: [],
-      RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
-        label: view.name,
-        to: `/screens/${slugify(view.name)}`,
-        Icon: view.Icon ? view.Icon : ImFilesEmpty,
-        onClick: () => {
-          setMenuIsOpen(false);
-        }
-      }),
-      RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default["default"].createElement(SidebarCloudLink, {
-        config
-      }),
-      RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
-        label: collection.label ? collection.label : collection.name,
-        to: `/collections/${collection.name}/~`,
-        Icon: ImFilesEmpty,
-        onClick: () => {
-          setMenuIsOpen(false);
-        }
-      })
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "absolute top-8 right-0 transform translate-x-full overflow-hidden"
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      rounded: "right",
-      variant: "secondary",
-      onClick: () => {
-        setMenuIsOpen(false);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, renderDesktopNav && /* @__PURE__ */ React.createElement(
+      toolkit.Nav,
+      {
+        isLocalMode,
+        sidebarWidth: 360,
+        showCollections: true,
+        collectionsInfo,
+        screens,
+        cloudConfigs,
+        contentCreators: [],
+        RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(
+          SidebarLink,
+          {
+            label: view.name,
+            to: `/screens/${slugify(view.name)}`,
+            Icon: view.Icon ? view.Icon : ImFilesEmpty
+          }
+        ),
+        RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, { config }),
+        RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
+          SidebarLink,
+          {
+            label: collection.label ? collection.label : collection.name,
+            to: `/collections/${collection.name}/~`,
+            Icon: ImFilesEmpty
+          }
+        )
+      }
+    ), !renderDesktopNav && /* @__PURE__ */ React.createElement(react.Transition, { show: menuIsOpen }, /* @__PURE__ */ React.createElement(
+      react.Transition.Child,
+      {
+        as: React.Fragment,
+        enter: "transform transition-all ease-out duration-300",
+        enterFrom: "opacity-0 -translate-x-full",
+        enterTo: "opacity-100 translate-x-0",
+        leave: "transform transition-all ease-in duration-200",
+        leaveFrom: "opacity-100 translate-x-0",
+        leaveTo: "opacity-0 -translate-x-full"
       },
-      className: `transition-opacity duration-150 ease-out`
-    }, /* @__PURE__ */ React__default["default"].createElement(IoMdClose, {
-      className: "h-6 w-auto"
-    })))))), /* @__PURE__ */ React__default["default"].createElement(react.Transition.Child, {
-      as: React__default["default"].Fragment,
-      enter: "ease-out duration-300",
-      enterFrom: "opacity-0",
-      enterTo: "opacity-80",
-      entered: "opacity-80",
-      leave: "ease-in duration-200",
-      leaveFrom: "opacity-80",
-      leaveTo: "opacity-0"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      onClick: () => {
-        setMenuIsOpen(false);
+      /* @__PURE__ */ React.createElement("div", { className: "fixed left-0 top-0 z-overlay h-full transform" }, /* @__PURE__ */ React.createElement(
+        toolkit.Nav,
+        {
+          isLocalMode,
+          className: "rounded-r-md",
+          sidebarWidth: 360,
+          showCollections: true,
+          collectionsInfo,
+          screens,
+          cloudConfigs,
+          contentCreators: [],
+          RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(
+            SidebarLink,
+            {
+              label: view.name,
+              to: `/screens/${slugify(view.name)}`,
+              Icon: view.Icon ? view.Icon : ImFilesEmpty,
+              onClick: () => {
+                setMenuIsOpen(false);
+              }
+            }
+          ),
+          RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, { config }),
+          RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
+            SidebarLink,
+            {
+              label: collection.label ? collection.label : collection.name,
+              to: `/collections/${collection.name}/~`,
+              Icon: ImFilesEmpty,
+              onClick: () => {
+                setMenuIsOpen(false);
+              }
+            }
+          )
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "absolute top-8 right-0 transform translate-x-full overflow-hidden" }, /* @__PURE__ */ React.createElement(
+          toolkit.Button,
+          {
+            rounded: "right",
+            variant: "secondary",
+            onClick: () => {
+              setMenuIsOpen(false);
+            },
+            className: `transition-opacity duration-150 ease-out`
+          },
+          /* @__PURE__ */ React.createElement(IoMdClose, { className: "h-6 w-auto" })
+        ))
+      ))
+    ), /* @__PURE__ */ React.createElement(
+      react.Transition.Child,
+      {
+        as: React.Fragment,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0",
+        enterTo: "opacity-80",
+        entered: "opacity-80",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-80",
+        leaveTo: "opacity-0"
       },
-      className: "fixed z-menu inset-0 bg-gradient-to-br from-gray-800 via-gray-900 to-black"
-    }))), !renderDesktopNav && /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      rounded: "right",
-      variant: "secondary",
-      onClick: () => {
-        setMenuIsOpen(true);
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          onClick: () => {
+            setMenuIsOpen(false);
+          },
+          className: "fixed z-menu inset-0 bg-gradient-to-br from-gray-800 via-gray-900 to-black"
+        }
+      )
+    )), !renderDesktopNav && /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        rounded: "right",
+        variant: "secondary",
+        onClick: () => {
+          setMenuIsOpen(true);
+        },
+        className: `pointer-events-auto -ml-px absolute left-0 z-50 ${isLocalMode ? `top-10` : `top-4`}`
       },
-      className: `pointer-events-auto -ml-px absolute left-0 z-50 ${isLocalMode ? `top-10` : `top-4`}`
-    }, /* @__PURE__ */ React__default["default"].createElement(BiMenu, {
-      className: "h-7 w-auto"
-    })));
+      /* @__PURE__ */ React.createElement(BiMenu, { className: "h-7 w-auto" })
+    ));
   };
   const SidebarLink = (props) => {
     const { to, label, Icon } = props;
-    return /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.NavLink, {
-      className: ({ isActive }) => {
-        return `text-base tracking-wide ${isActive ? "text-blue-600" : "text-gray-500"} hover:text-blue-600 flex items-center opacity-90 hover:opacity-100`;
-      },
-      onClick: props.onClick ? props.onClick : () => {
+    return /* @__PURE__ */ React.createElement(
+      reactRouterDom.NavLink,
+      {
+        className: ({ isActive }) => {
+          return `text-base tracking-wide ${isActive ? "text-blue-600" : "text-gray-500"} hover:text-blue-600 flex items-center opacity-90 hover:opacity-100`;
+        },
+        onClick: props.onClick ? props.onClick : () => {
+        },
+        to
       },
-      to
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      className: "mr-2 h-6 opacity-80 w-auto"
-    }), " ", label);
+      /* @__PURE__ */ React.createElement(Icon, { className: "mr-2 h-6 opacity-80 w-auto" }),
+      " ",
+      label
+    );
   };
   const SidebarCloudLink = ({ config }) => {
     if (config.text) {
-      return /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: "text-base tracking-wide text-gray-500 flex items-center opacity-90"
-      }, config.text, " ", /* @__PURE__ */ React__default["default"].createElement("a", {
-        target: "_blank",
-        className: "ml-1 text-blue-600 hover:opacity-60",
-        href: config.link.href
-      }, config.link.text));
+      return /* @__PURE__ */ React.createElement("span", { className: "text-base tracking-wide text-gray-500 flex items-center opacity-90" }, config.text, " ", /* @__PURE__ */ React.createElement(
+        "a",
+        {
+          target: "_blank",
+          className: "ml-1 text-blue-600 hover:opacity-60",
+          href: config.link.href
+        },
+        config.link.text
+      ));
     }
-    return /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100"
-    }, /* @__PURE__ */ React__default["default"].createElement(config.Icon, {
-      className: "mr-2 h-6 opacity-80 w-auto"
-    }), /* @__PURE__ */ React__default["default"].createElement("a", {
-      target: "_blank",
-      href: config.link.href
-    }, config.link.text));
+    return /* @__PURE__ */ React.createElement("span", { className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100" }, /* @__PURE__ */ React.createElement(config.Icon, { className: "mr-2 h-6 opacity-80 w-auto" }), /* @__PURE__ */ React.createElement("a", { target: "_blank", href: config.link.href }, config.link.text));
   };
   const GetCMS = ({ children }) => {
     try {
       const cms = toolkit.useCMS();
-      return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children(cms));
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, children(cms));
     } catch (e) {
       return null;
     }
@@ -3585,54 +3818,45 @@ This will work when developing locally but NOT when deployed to production.
     message,
     children
   }) => {
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "h-screen w-full bg-gradient-to-b from-blue-900 to-gray-900 flex items-center justify-center px-4 py-6"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "bg-white rounded-lg overflow-hidden shadow-lg w-full max-w-lg"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "px-5 py-4 border-b border-gray-150"
-    }, /* @__PURE__ */ React__default["default"].createElement("h2", {
-      className: "text-2xl font-sans tracking-wide text-gray-700 flex items-center gap-0.5"
-    }, /* @__PURE__ */ React__default["default"].createElement("svg", {
-      viewBox: "0 0 32 32",
-      fill: "#EC4815",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "w-10 h-auto"
-    }, /* @__PURE__ */ React__default["default"].createElement("path", {
-      d: "M18.6466 14.5553C19.9018 13.5141 20.458 7.36086 21.0014 5.14903C21.5447 2.9372 23.7919 3.04938 23.7919 3.04938C23.7919 3.04938 23.2085 4.06764 23.4464 4.82751C23.6844 5.58738 25.3145 6.26662 25.3145 6.26662L24.9629 7.19622C24.9629 7.19622 24.2288 7.10204 23.7919 7.9785C23.355 8.85496 24.3392 17.4442 24.3392 17.4442C24.3392 17.4442 21.4469 22.7275 21.4469 24.9206C21.4469 27.1136 22.4819 28.9515 22.4819 28.9515H21.0296C21.0296 28.9515 18.899 26.4086 18.462 25.1378C18.0251 23.8669 18.1998 22.596 18.1998 22.596C18.1998 22.596 15.8839 22.4646 13.8303 22.596C11.7767 22.7275 10.4072 24.498 10.16 25.4884C9.91287 26.4787 9.81048 28.9515 9.81048 28.9515H8.66211C7.96315 26.7882 7.40803 26.0129 7.70918 24.9206C8.54334 21.8949 8.37949 20.1788 8.18635 19.4145C7.99321 18.6501 6.68552 17.983 6.68552 17.983C7.32609 16.6741 7.97996 16.0452 10.7926 15.9796C13.6052 15.914 17.3915 15.5965 18.6466 14.5553Z"
-    }), /* @__PURE__ */ React__default["default"].createElement("path", {
-      d: "M11.1268 24.7939C11.1268 24.7939 11.4236 27.5481 13.0001 28.9516H14.3511C13.0001 27.4166 12.8527 23.4155 12.8527 23.4155C12.1656 23.6399 11.3045 24.3846 11.1268 24.7939Z"
-    })), /* @__PURE__ */ React__default["default"].createElement("span", null, "Tina"))), message && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "px-5 pt-4"
-    }, /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: "text-base font-sans leading-normal"
-    }, message)), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "px-5 py-4 flex gap-4 w-full justify-between"
-    }, children)));
+    return /* @__PURE__ */ React.createElement("div", { className: "h-screen w-full bg-gradient-to-b from-blue-900 to-gray-900 flex items-center justify-center px-4 py-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-lg w-full max-w-lg" }, /* @__PURE__ */ React.createElement("div", { className: "px-5 py-4 border-b border-gray-150" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-sans tracking-wide text-gray-700 flex items-center gap-0.5" }, /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        viewBox: "0 0 32 32",
+        fill: "#EC4815",
+        xmlns: "http://www.w3.org/2000/svg",
+        className: "w-10 h-auto"
+      },
+      /* @__PURE__ */ React.createElement("path", { d: "M18.6466 14.5553C19.9018 13.5141 20.458 7.36086 21.0014 5.14903C21.5447 2.9372 23.7919 3.04938 23.7919 3.04938C23.7919 3.04938 23.2085 4.06764 23.4464 4.82751C23.6844 5.58738 25.3145 6.26662 25.3145 6.26662L24.9629 7.19622C24.9629 7.19622 24.2288 7.10204 23.7919 7.9785C23.355 8.85496 24.3392 17.4442 24.3392 17.4442C24.3392 17.4442 21.4469 22.7275 21.4469 24.9206C21.4469 27.1136 22.4819 28.9515 22.4819 28.9515H21.0296C21.0296 28.9515 18.899 26.4086 18.462 25.1378C18.0251 23.8669 18.1998 22.596 18.1998 22.596C18.1998 22.596 15.8839 22.4646 13.8303 22.596C11.7767 22.7275 10.4072 24.498 10.16 25.4884C9.91287 26.4787 9.81048 28.9515 9.81048 28.9515H8.66211C7.96315 26.7882 7.40803 26.0129 7.70918 24.9206C8.54334 21.8949 8.37949 20.1788 8.18635 19.4145C7.99321 18.6501 6.68552 17.983 6.68552 17.983C7.32609 16.6741 7.97996 16.0452 10.7926 15.9796C13.6052 15.914 17.3915 15.5965 18.6466 14.5553Z" }),
+      /* @__PURE__ */ React.createElement("path", { d: "M11.1268 24.7939C11.1268 24.7939 11.4236 27.5481 13.0001 28.9516H14.3511C13.0001 27.4166 12.8527 23.4155 12.8527 23.4155C12.1656 23.6399 11.3045 24.3846 11.1268 24.7939Z" })
+    ), /* @__PURE__ */ React.createElement("span", null, "Tina"))), message && /* @__PURE__ */ React.createElement("div", { className: "px-5 pt-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-base font-sans leading-normal" }, message)), /* @__PURE__ */ React.createElement("div", { className: "px-5 py-4 flex gap-4 w-full justify-between" }, children)));
   };
   const LoginPage = () => {
     const { setEdit } = sharedctx.useEditState();
     const login = () => setEdit(true);
-    return /* @__PURE__ */ React__default["default"].createElement(AuthTemplate, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex w-full flex-1 gap-4 items-center justify-end"
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      onClick: () => {
-        window.location.href = "/";
+    return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        onClick: () => {
+          window.location.href = "/";
+        },
+        variant: "white",
+        size: "custom",
+        className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
       },
-      variant: "white",
-      size: "custom",
-      className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
-    }, /* @__PURE__ */ React__default["default"].createElement(MdOutlineArrowBack, {
-      className: "w-6 h-auto mr-1.5 opacity-80"
-    }), " Back To Site"), /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      onClick: () => login(),
-      variant: "primary",
-      size: "custom",
-      className: "text-base h-12 px-6 flex-1",
-      type: "submit"
-    }, /* @__PURE__ */ React__default["default"].createElement(BiLogIn, {
-      className: "w-6 h-auto mr-2 opacity-80"
-    }), " Edit With Tina")));
+      /* @__PURE__ */ React.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
+      " Back To Site"
+    ), /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        onClick: () => login(),
+        variant: "primary",
+        size: "custom",
+        className: "text-base h-12 px-6 flex-1",
+        type: "submit"
+      },
+      /* @__PURE__ */ React.createElement(BiLogIn, { className: "w-6 h-auto mr-2 opacity-80" }),
+      " Edit With Tina"
+    )));
   };
   const LogoutRedirect = () => {
     const cms = toolkit.useCMS();
@@ -3654,33 +3878,37 @@ This will work when developing locally but NOT when deployed to production.
         window.location.href = slug;
       });
     }, []);
-    return /* @__PURE__ */ React__default["default"].createElement("div", null, "Redirecting to ", slug, " ...");
+    return /* @__PURE__ */ React.createElement("div", null, "Redirecting to ", slug, " ...");
   };
   const logout = () => {
     sharedctx.setEditing(false);
     window.location.href = "/";
   };
   const LogoutPage = () => {
-    return /* @__PURE__ */ React__default["default"].createElement(AuthTemplate, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex w-full flex-1 gap-4 items-center justify-end"
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      onClick: () => {
-        window.location.href = "/";
+    return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        onClick: () => {
+          window.location.href = "/";
+        },
+        variant: "white",
+        size: "custom",
+        className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
+      },
+      /* @__PURE__ */ React.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
+      " Back To Site"
+    ), /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        onClick: () => logout(),
+        type: "submit",
+        variant: "primary",
+        size: "custom",
+        className: "text-base h-12 px-6 flex-1"
       },
-      variant: "white",
-      size: "custom",
-      className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
-    }, /* @__PURE__ */ React__default["default"].createElement(MdOutlineArrowBack, {
-      className: "w-6 h-auto mr-1.5 opacity-80"
-    }), " Back To Site"), /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      onClick: () => logout(),
-      type: "submit",
-      variant: "primary",
-      size: "custom",
-      className: "text-base h-12 px-6 flex-1"
-    }, /* @__PURE__ */ React__default["default"].createElement(BiLogOut, {
-      className: "w-6 h-auto mr-1.5 opacity-80"
-    }), " Log Out of Tina")));
+      /* @__PURE__ */ React.createElement(BiLogOut, { className: "w-6 h-auto mr-1.5 opacity-80" }),
+      " Log Out of Tina"
+    )));
   };
   const PageWrapper = ({
     children
@@ -3688,172 +3916,153 @@ This will work when developing locally but NOT when deployed to production.
     var _a, _b;
     const cms = toolkit.useCMS();
     const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
-    const [branchingEnabled, setBranchingEnabled] = React__default["default"].useState(() => cms.flags.get("branch-switcher"));
-    React__default["default"].useEffect(() => {
+    const [branchingEnabled, setBranchingEnabled] = React.useState(
+      () => cms.flags.get("branch-switcher")
+    );
+    React.useEffect(() => {
       cms.events.subscribe("flag:set", ({ key, value }) => {
         if (key === "branch-switcher") {
           setBranchingEnabled(value);
         }
       });
     }, [cms.events]);
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 shadow-2xl overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100"
-    }, branchingEnabled && !isLocalMode && /* @__PURE__ */ React__default["default"].createElement(toolkit.BranchBanner, null), children);
+    return /* @__PURE__ */ React.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 shadow-2xl overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, branchingEnabled && !isLocalMode && /* @__PURE__ */ React.createElement(toolkit.BranchBanner, null), children);
   };
   const PageHeader = ({
     isLocalMode,
     children
   }) => {
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, isLocalMode && /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null), !isLocalMode && /* @__PURE__ */ React__default["default"].createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "pt-12 px-12"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "w-full mx-auto max-w-screen-xl"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "w-full flex justify-between items-end"
-    }, children))));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, isLocalMode && /* @__PURE__ */ React.createElement(toolkit.LocalWarning, null), !isLocalMode && /* @__PURE__ */ React.createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "pt-12 px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, /* @__PURE__ */ React.createElement("div", { className: "w-full flex justify-between items-end" }, children))));
   };
   const PageBody = ({
     children
-  }) => /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "py-8 px-12"
-  }, children);
+  }) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-12" }, children);
   const PageBodyNarrow = ({
     children
-  }) => /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "py-10 px-12"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full mx-auto max-w-screen-xl"
-  }, children));
+  }) => /* @__PURE__ */ React.createElement("div", { className: "py-10 px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
   const DashboardPage = () => {
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
       var _a, _b;
-      return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(PageHeader, {
-        isLocalMode: (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode
-      }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-        className: "text-2xl font-sans text-gray-700"
-      }, "Welcome to Tina!")), /* @__PURE__ */ React__default["default"].createElement(PageBodyNarrow, null, "This is your dashboard for editing or creating content. Select a collection on the left to begin.")));
+      return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageHeader, { isLocalMode: (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode }, /* @__PURE__ */ React.createElement("h3", { className: "text-2xl font-sans text-gray-700" }, "Welcome to Tina!")), /* @__PURE__ */ React.createElement(PageBodyNarrow, null, "This is your dashboard for editing or creating content. Select a collection on the left to begin.")));
     });
   };
   function RiHome2Line(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "g", "attr": {}, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" } }, { "tag": "path", "attr": { "d": "M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z" } }] }] })(props);
   }
-  const LoadingPage = () => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      zIndex: 200,
-      opacity: "0.8",
-      display: "flex",
-      alignItems: "start",
-      justifyContent: "center",
-      padding: "120px 40px 40px 40px"
-    }
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    style: {
-      background: "#FFF",
-      border: "1px solid #EDECF3",
-      boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
-      borderRadius: "8px",
-      padding: "32px 24px",
-      width: "460px",
-      maxWidth: "90%",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexDirection: "column"
-    }
-  }, /* @__PURE__ */ React__default["default"].createElement("svg", {
-    style: {
-      width: "64px",
-      color: "#2296fe",
-      marginTop: "-8px",
-      marginBottom: "16px"
+  const LoadingPage = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        zIndex: 200,
+        opacity: "0.8",
+        display: "flex",
+        alignItems: "start",
+        justifyContent: "center",
+        padding: "120px 40px 40px 40px"
+      }
     },
-    version: "1.1",
-    id: "L5",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
-    y: "0px",
-    viewBox: "0 0 100 64",
-    enableBackground: "new 0 0 0 0",
-    xmlSpace: "preserve"
-  }, /* @__PURE__ */ React__default["default"].createElement("circle", {
-    fill: "currentColor",
-    stroke: "none",
-    cx: 6,
-    cy: 32,
-    r: 6
-  }, /* @__PURE__ */ React__default["default"].createElement("animateTransform", {
-    attributeName: "transform",
-    dur: "1s",
-    type: "translate",
-    values: "0 15 ; 0 -15; 0 15",
-    calcMode: "spline",
-    keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-    repeatCount: "indefinite",
-    begin: "0.1"
-  })), /* @__PURE__ */ React__default["default"].createElement("circle", {
-    fill: "currentColor",
-    stroke: "none",
-    cx: 30,
-    cy: 32,
-    r: 6
-  }, /* @__PURE__ */ React__default["default"].createElement("animateTransform", {
-    attributeName: "transform",
-    dur: "1s",
-    type: "translate",
-    values: "0 15 ; 0 -10; 0 15",
-    calcMode: "spline",
-    keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-    repeatCount: "indefinite",
-    begin: "0.2"
-  })), /* @__PURE__ */ React__default["default"].createElement("circle", {
-    fill: "currentColor",
-    stroke: "none",
-    cx: 54,
-    cy: 32,
-    r: 6
-  }, /* @__PURE__ */ React__default["default"].createElement("animateTransform", {
-    attributeName: "transform",
-    dur: "1s",
-    type: "translate",
-    values: "0 15 ; 0 -5; 0 15",
-    calcMode: "spline",
-    keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-    repeatCount: "indefinite",
-    begin: "0.3"
-  }))), /* @__PURE__ */ React__default["default"].createElement("p", {
-    style: {
-      fontSize: "16px",
-      color: "#716c7f",
-      textAlign: "center",
-      lineHeight: "1.3",
-      fontFamily: "'Inter', sans-serif",
-      fontWeight: "normal"
-    }
-  }, "Please wait, Tina is loading data..."))));
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          background: "#FFF",
+          border: "1px solid #EDECF3",
+          boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
+          borderRadius: "8px",
+          padding: "32px 24px",
+          width: "460px",
+          maxWidth: "90%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "column"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          style: {
+            width: "64px",
+            color: "#2296fe",
+            marginTop: "-8px",
+            marginBottom: "16px"
+          },
+          version: "1.1",
+          id: "L5",
+          xmlns: "http://www.w3.org/2000/svg",
+          xmlnsXlink: "http://www.w3.org/1999/xlink",
+          x: "0px",
+          y: "0px",
+          viewBox: "0 0 100 64",
+          enableBackground: "new 0 0 0 0",
+          xmlSpace: "preserve"
+        },
+        /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 6, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            dur: "1s",
+            type: "translate",
+            values: "0 15 ; 0 -15; 0 15",
+            calcMode: "spline",
+            keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+            repeatCount: "indefinite",
+            begin: "0.1"
+          }
+        )),
+        /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 30, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            dur: "1s",
+            type: "translate",
+            values: "0 15 ; 0 -10; 0 15",
+            calcMode: "spline",
+            keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+            repeatCount: "indefinite",
+            begin: "0.2"
+          }
+        )),
+        /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 54, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            dur: "1s",
+            type: "translate",
+            values: "0 15 ; 0 -5; 0 15",
+            calcMode: "spline",
+            keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+            repeatCount: "indefinite",
+            begin: "0.3"
+          }
+        ))
+      ),
+      /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          style: {
+            fontSize: "16px",
+            color: "#716c7f",
+            textAlign: "center",
+            lineHeight: "1.3",
+            fontFamily: "'Inter', sans-serif",
+            fontWeight: "normal"
+          }
+        },
+        "Please wait, Tina is loading data..."
+      )
+    )
+  ));
   const FullscreenError = ({
     title = "Error",
     errorMessage = "It looks like something went wrong."
   }) => {
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex flex-col justify-center items-center h-screen bg-gray-100"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "text-red-500 text-4xl mb-6 flex items-center"
-    }, /* @__PURE__ */ React__default["default"].createElement(BiError, {
-      className: "w-12 h-auto fill-current text-red-400 opacity-70 mr-1"
-    }), " ", title), /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: "text-gray-700 text-xl mb-8"
-    }, errorMessage), /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      variant: "danger",
-      onClick: () => window.location.reload()
-    }, /* @__PURE__ */ React__default["default"].createElement(BiSync, {
-      className: "w-7 h-auto fill-current opacity-70 mr-1"
-    }), " Reload"));
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center items-center h-screen bg-gray-100" }, /* @__PURE__ */ React.createElement("div", { className: "text-red-500 text-4xl mb-6 flex items-center" }, /* @__PURE__ */ React.createElement(BiError, { className: "w-12 h-auto fill-current text-red-400 opacity-70 mr-1" }), " ", title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 text-xl mb-8" }, errorMessage), /* @__PURE__ */ React.createElement(toolkit.Button, { variant: "danger", onClick: () => window.location.reload() }, /* @__PURE__ */ React.createElement(BiSync, { className: "w-7 h-auto fill-current opacity-70 mr-1" }), " Reload"));
   };
   const useGetCollection = (cms, collectionName, includeDocuments = true, folder, after = "", sortKey, filterArgs) => {
     const api = new TinaAdminApi(cms);
@@ -3871,10 +4080,20 @@ This will work when developing locally but NOT when deployed to production.
           const { name, order } = JSON.parse(sortKey || "{}");
           const validSortKey = ((_a = collectionExtra.fields) == null ? void 0 : _a.map((x) => x.name).includes(name)) ? name : void 0;
           try {
-            const collection2 = await api.fetchCollection(collectionName, includeDocuments, (filterArgs == null ? void 0 : filterArgs.filterField) ? "" : folder.fullyQualifiedName, after, validSortKey, order, filterArgs);
+            const collection2 = await api.fetchCollection(
+              collectionName,
+              includeDocuments,
+              (filterArgs == null ? void 0 : filterArgs.filterField) ? "" : folder.fullyQualifiedName,
+              after,
+              validSortKey,
+              order,
+              filterArgs
+            );
             setCollection(collection2);
           } catch (error2) {
-            cms.alerts.error(`[${error2.name}] GetCollection failed: ${error2.message}`);
+            cms.alerts.error(
+              `[${error2.name}] GetCollection failed: ${error2.message}`
+            );
             console.error(error2);
             setCollection(void 0);
             setError(error2);
@@ -3914,14 +4133,19 @@ This will work when developing locally but NOT when deployed to production.
       const searchCollection = async () => {
         if (await api.isAuthenticated() && !folder.loading && !cancelled) {
           try {
-            const response = await cms.api.search.query(`${search} AND _collection:${collectionName}`, {
-              limit: 15,
-              cursor: after
-            });
-            const docs = await Promise.allSettled(response.results.map((result) => {
-              const [collection2, relativePath2] = result._id.split(":");
-              return api.fetchDocument(collection2, relativePath2, false);
-            }));
+            const response = await cms.api.search.query(
+              `${search} AND _collection:${collectionName}`,
+              {
+                limit: 15,
+                cursor: after
+              }
+            );
+            const docs = await Promise.allSettled(
+              response.results.map((result) => {
+                const [collection2, relativePath2] = result._id.split(":");
+                return api.fetchDocument(collection2, relativePath2, false);
+              })
+            );
             const edges = docs.filter((p) => {
               var _a;
               return p.status === "fulfilled" && !!((_a = p.value) == null ? void 0 : _a.document);
@@ -3943,7 +4167,9 @@ This will work when developing locally but NOT when deployed to production.
               }
             });
           } catch (error2) {
-            cms.alerts.error(`[${error2.name}] GetCollection failed: ${error2.message}`);
+            cms.alerts.error(
+              `[${error2.name}] GetCollection failed: ${error2.message}`
+            );
             console.error(error2);
             setCollection(void 0);
             setError(error2);
@@ -3982,27 +4208,52 @@ This will work when developing locally but NOT when deployed to production.
     search
   }) => {
     const navigate = reactRouterDom.useNavigate();
-    const { collection, loading, error, reFetchCollection, collectionExtra } = search ? useSearchCollection(cms, collectionName, includeDocuments, folder, startCursor || "", search) : useGetCollection(cms, collectionName, includeDocuments, folder, startCursor || "", sortKey, filterArgs) || {};
+    const { collection, loading, error, reFetchCollection, collectionExtra } = search ? useSearchCollection(
+      cms,
+      collectionName,
+      includeDocuments,
+      folder,
+      startCursor || "",
+      search
+    ) : useGetCollection(
+      cms,
+      collectionName,
+      includeDocuments,
+      folder,
+      startCursor || "",
+      sortKey,
+      filterArgs
+    ) || {};
     React.useEffect(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (loading)
         return;
-      const collectionDefinition = cms.api.tina.schema.getCollection(collection.name);
-      const allowCreate = (_c = (_b = (_a = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _a.allowedActions) == null ? void 0 : _b.create) != null ? _c : true;
-      const allowDelete = (_f = (_e = (_d = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _d.allowedActions) == null ? void 0 : _e.delete) != null ? _f : true;
+      const collectionDefinition = cms.api.tina.schema.getCollection(
+        collection.name
+      );
+      const allowCreate = ((_b = (_a = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _a.allowedActions) == null ? void 0 : _b.create) ?? true;
+      const allowDelete = ((_d = (_c = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _c.allowedActions) == null ? void 0 : _d.delete) ?? true;
       const collectionResponse = collection;
-      if (!allowCreate && !allowDelete && ((_h = (_g = collectionResponse.documents) == null ? void 0 : _g.edges) == null ? void 0 : _h.length) === 1 && ((_k = (_j = (_i = collectionResponse.documents) == null ? void 0 : _i.edges[0]) == null ? void 0 : _j.node) == null ? void 0 : _k.__typename) !== "Folder") {
+      if (!allowCreate && !allowDelete && // Check there is only one document
+      ((_f = (_e = collectionResponse.documents) == null ? void 0 : _e.edges) == null ? void 0 : _f.length) === 1 && // Check to make sure the file is not a folder
+      ((_i = (_h = (_g = collectionResponse.documents) == null ? void 0 : _g.edges[0]) == null ? void 0 : _h.node) == null ? void 0 : _i.__typename) !== "Folder") {
         const doc = collectionResponse.documents.edges[0].node;
-        handleNavigate(navigate, cms, collectionResponse, collectionDefinition, doc);
+        handleNavigate(
+          navigate,
+          cms,
+          collectionResponse,
+          collectionDefinition,
+          doc
+        );
       }
     }, [(collection == null ? void 0 : collection.name) || "", loading]);
     if (error) {
-      return /* @__PURE__ */ React__default["default"].createElement(FullscreenError, null);
+      return /* @__PURE__ */ React.createElement(FullscreenError, null);
     }
     if (loading) {
-      return /* @__PURE__ */ React__default["default"].createElement(LoadingPage, null);
+      return /* @__PURE__ */ React.createElement(LoadingPage, null);
     }
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children(collection, loading, reFetchCollection, collectionExtra));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children(collection, loading, reFetchCollection, collectionExtra));
   };
   const folderRegex = /^.*\/~\/*(.*)$/;
   const parentFolder = (folder) => {
@@ -4048,43 +4299,38 @@ This will work when developing locally but NOT when deployed to production.
     folder,
     collectionName
   }) => {
-    return /* @__PURE__ */ React__default["default"].createElement(react.Menu, {
-      as: "div",
-      className: "relative inline-block text-left"
-    }, () => /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(react.Menu.Button, {
-      className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out  shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6"
-    }, "Create New ", /* @__PURE__ */ React__default["default"].createElement(BiPlus, {
-      className: "w-5 h-full ml-1 opacity-70"
-    }))), /* @__PURE__ */ React__default["default"].createElement(react.Transition, {
-      as: React.Fragment,
-      enter: "transition ease-out duration-100",
-      enterFrom: "transform opacity-0 scale-95",
-      enterTo: "transform opacity-100 scale-100",
-      leave: "transition ease-in duration-75",
-      leaveFrom: "transform opacity-100 scale-100",
-      leaveTo: "transform opacity-0 scale-95"
-    }, /* @__PURE__ */ React__default["default"].createElement(react.Menu.Items, {
-      className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "py-1"
-    }, templates.map((template) => /* @__PURE__ */ React__default["default"].createElement(react.Menu.Item, {
-      key: `${template.label}-${template.name}`
-    }, ({ active }) => /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Link, {
-      to: `/${folder.fullyQualifiedName ? [
-        "collections",
-        "new",
-        collectionName,
-        template.name,
-        "~",
-        folder.name
-      ].join("/") : [
-        "collections",
-        "new",
-        collectionName,
-        template.name
-      ].join("/")}`,
-      className: `w-full text-md px-4 py-2 tracking-wide flex items-center transition ease-out duration-100 ${active ? "text-blue-600 opacity-100 bg-gray-50" : "opacity-80 text-gray-600"}`
-    }, template.label))))))));
+    return /* @__PURE__ */ React.createElement(react.Menu, { as: "div", className: "relative inline-block text-left" }, () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(react.Menu.Button, { className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out  shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6" }, "Create New ", /* @__PURE__ */ React.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" }))), /* @__PURE__ */ React.createElement(
+      react.Transition,
+      {
+        as: React.Fragment,
+        enter: "transition ease-out duration-100",
+        enterFrom: "transform opacity-0 scale-95",
+        enterTo: "transform opacity-100 scale-100",
+        leave: "transition ease-in duration-75",
+        leaveFrom: "transform opacity-100 scale-100",
+        leaveTo: "transform opacity-0 scale-95"
+      },
+      /* @__PURE__ */ React.createElement(react.Menu.Items, { className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React.createElement(react.Menu.Item, { key: `${template.label}-${template.name}` }, ({ active }) => /* @__PURE__ */ React.createElement(
+        reactRouterDom.Link,
+        {
+          to: `/${folder.fullyQualifiedName ? [
+            "collections",
+            "new",
+            collectionName,
+            template.name,
+            "~",
+            folder.name
+          ].join("/") : [
+            "collections",
+            "new",
+            collectionName,
+            template.name
+          ].join("/")}`,
+          className: `w-full text-md px-4 py-2 tracking-wide flex items-center transition ease-out duration-100 ${active ? "text-blue-600 opacity-100 bg-gray-50" : "opacity-80 text-gray-600"}`
+        },
+        template.label
+      )))))
+    )));
   };
   const handleNavigate = (navigate, cms, collection, collectionDefinition, document) => {
     var _a, _b;
@@ -4103,15 +4349,18 @@ This will work when developing locally but NOT when deployed to production.
       return null;
     } else {
       const pathToDoc = document._sys.breadcrumbs;
-      navigate(`/${["collections", "edit", collection.name, ...pathToDoc].join("/")}`, { replace: true });
+      navigate(
+        `/${["collections", "edit", collection.name, ...pathToDoc].join("/")}`,
+        { replace: true }
+      );
     }
   };
   const CollectionListPage = () => {
     const navigate = reactRouterDom.useNavigate();
     const { collectionName } = reactRouterDom.useParams();
-    const [deleteModalOpen, setDeleteModalOpen] = React__default["default"].useState(false);
-    const [renameModalOpen, setRenameModalOpen] = React__default["default"].useState(false);
-    const [vars, setVars] = React__default["default"].useState({
+    const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
+    const [renameModalOpen, setRenameModalOpen] = React.useState(false);
+    const [vars, setVars] = React.useState({
       collection: collectionName,
       relativePath: "",
       newRelativePath: "",
@@ -4124,10 +4373,13 @@ This will work when developing locally but NOT when deployed to production.
     });
     const [endCursor, setEndCursor] = React.useState("");
     const [prevCursors, setPrevCursors] = React.useState([]);
-    const [sortKey, setSortKey] = React.useState(isSSR ? "" : window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
-      order: "asc",
-      name: ""
-    }));
+    const [sortKey, setSortKey] = React.useState(
+      // set sort key to cached value if it exists
+      isSSR ? "" : window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
+        order: "asc",
+        name: ""
+      })
+    );
     const [search, setSearch] = React.useState("");
     const [searchInput, setSearchInput] = React.useState("");
     const { order = "asc", name: sortName } = JSON.parse(sortKey || "{}");
@@ -4135,10 +4387,12 @@ This will work when developing locally but NOT when deployed to production.
     const loc = reactRouterDom.useLocation();
     const folder = useCollectionFolder();
     React.useEffect(() => {
-      setSortKey(window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
-        order: "asc",
-        name: ""
-      }));
+      setSortKey(
+        window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
+          order: "asc",
+          name: ""
+        })
+      );
       setEndCursor("");
       setPrevCursors([]);
       setSearch("");
@@ -4158,378 +4412,413 @@ This will work when developing locally but NOT when deployed to production.
         booleanEquals: null
       }));
     }, [collectionName]);
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => {
-      return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(GetCollection, {
-        cms,
-        collectionName,
-        includeDocuments: true,
-        startCursor: endCursor,
-        sortKey,
-        folder,
-        filterArgs: collectionName === vars.collection ? vars : {
-          collection: collectionName,
-          relativePath: "",
-          newRelativePath: "",
-          filterField: "",
-          startsWith: "",
-          endsWith: "",
-          before: "",
-          after: "",
-          booleanEquals: null
-        },
-        search
-      }, (collection, _loading, reFetchCollection, collectionExtra) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-        collection.documents.totalCount;
-        const documents = collection.documents.edges;
-        const admin = cms.api.admin;
-        const pageInfo = collection.documents.pageInfo;
-        const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter((x) => ["string", "number", "datetime", "boolean"].includes(x.type));
-        const sortField = fields == null ? void 0 : fields.find((field) => field.name === sortName);
-        const searchEnabled = !!((_d = (_c = (_b = cms.api.tina.schema) == null ? void 0 : _b.config) == null ? void 0 : _c.config) == null ? void 0 : _d.search);
-        const collectionDefinition = cms.api.tina.schema.getCollection(collection.name);
-        const allowCreate = (_g = (_f = (_e = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _e.allowedActions) == null ? void 0 : _f.create) != null ? _g : true;
-        const allowDelete = (_j = (_i = (_h = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _h.allowedActions) == null ? void 0 : _i.delete) != null ? _j : true;
-        const folderView = folder.fullyQualifiedName !== "";
-        return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default["default"].createElement(DeleteModal, {
-          filename: vars.relativePath,
-          deleteFunc: async () => {
-            try {
-              await admin.deleteDocument(vars);
-              cms.alerts.info("Document was successfully deleted");
-              reFetchCollection();
-            } catch (error) {
-              cms.alerts.warn("Document was not deleted, ask a developer for help or check the console for an error message");
-              console.error(error);
-              throw error;
-            }
-          },
-          close: () => setDeleteModalOpen(false)
-        }), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default["default"].createElement(toolkit.CreateBranchModel, {
-          crudType: "delete",
-          relativePath: collectionExtra.path + "/" + vars.relativePath,
-          values: vars,
-          close: () => setDeleteModalOpen(false),
-          safeSubmit: async () => {
-            try {
-              await admin.deleteDocument(vars);
-              cms.alerts.info("Document was successfully deleted");
-              reFetchCollection();
-            } catch (error) {
-              cms.alerts.warn("Document was not deleted, ask a developer for help or check the console for an error message");
-              console.error(error);
-              throw error;
-            }
-          }
-        }), renameModalOpen && /* @__PURE__ */ React__default["default"].createElement(RenameModal, {
-          filename: vars.relativePath,
-          newRelativePath: vars.newRelativePath,
-          setNewRelativePath: (newRelativePath) => {
-            setVars((vars2) => {
-              return { ...vars2, newRelativePath };
-            });
-          },
-          renameFunc: async () => {
-            const newRelativePath = `${vars.newRelativePath}.${collection.format}`;
-            try {
-              await admin.renameDocument({
-                collection: vars.collection,
-                relativePath: vars.relativePath,
-                newRelativePath
-              });
-              cms.alerts.info("Document was successfully renamed");
-              reFetchCollection();
-            } catch (error) {
-              cms.alerts.warn("Document was not renamed, ask a developer for help or check the console for an error message");
-              console.error(error);
-              throw error;
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
+      return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(
+        GetCollection,
+        {
+          cms,
+          collectionName,
+          includeDocuments: true,
+          startCursor: endCursor,
+          sortKey,
+          folder,
+          filterArgs: (
+            // only pass filter args if the collection is the same as the current route
+            // We need this hear because this runs before the useEffect above
+            collectionName === vars.collection ? vars : {
+              collection: collectionName,
+              relativePath: "",
+              newRelativePath: "",
+              filterField: "",
+              startsWith: "",
+              endsWith: "",
+              before: "",
+              after: "",
+              booleanEquals: null
             }
-          },
-          close: () => setRenameModalOpen(false)
-        }), /* @__PURE__ */ React__default["default"].createElement(PageHeader, {
-          isLocalMode: (_l = (_k = cms == null ? void 0 : cms.api) == null ? void 0 : _k.tina) == null ? void 0 : _l.isLocalMode
-        }, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "w-full grid grid-flow-col items-end gap-4"
-        }, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex flex-col gap-4"
-        }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-          className: "font-sans text-2xl text-gray-700"
-        }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex gap-4 items-start flex-wrap"
-        }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, !search && /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex flex-col gap-2 items-start"
-        }, /* @__PURE__ */ React__default["default"].createElement("label", {
-          htmlFor: "sort",
-          className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
-        }, "Sort by"), /* @__PURE__ */ React__default["default"].createElement(toolkit.Select, {
-          name: "sort",
-          options: [
+          ),
+          search
+        },
+        (collection, _loading, reFetchCollection, collectionExtra) => {
+          var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+          collection.documents.totalCount;
+          const documents = collection.documents.edges;
+          const admin = cms.api.admin;
+          const pageInfo = collection.documents.pageInfo;
+          const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter(
+            (x) => (
+              // only allow sortable fields
+              ["string", "number", "datetime", "boolean"].includes(x.type)
+            )
+          );
+          const sortField = fields == null ? void 0 : fields.find(
+            (field) => field.name === sortName
+          );
+          const searchEnabled = !!((_d = (_c = (_b = cms.api.tina.schema) == null ? void 0 : _b.config) == null ? void 0 : _c.config) == null ? void 0 : _d.search);
+          const collectionDefinition = cms.api.tina.schema.getCollection(
+            collection.name
+          );
+          const allowCreate = ((_f = (_e = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _e.allowedActions) == null ? void 0 : _f.create) ?? true;
+          const allowDelete = ((_h = (_g = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _g.allowedActions) == null ? void 0 : _h.delete) ?? true;
+          const folderView = folder.fullyQualifiedName !== "";
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(
+            DeleteModal,
             {
-              label: "Default",
-              value: JSON.stringify({
-                order: "asc",
-                name: ""
-              })
-            },
-            ...fields.map((x) => [
-              {
-                label: (x.label || x.name) + (x.type === "datetime" ? " (Oldest First)" : " (Ascending)"),
-                value: JSON.stringify({
-                  name: x.name,
-                  order: "asc"
-                })
+              filename: vars.relativePath,
+              deleteFunc: async () => {
+                try {
+                  await admin.deleteDocument(vars);
+                  cms.alerts.info(
+                    "Document was successfully deleted"
+                  );
+                  reFetchCollection();
+                } catch (error) {
+                  cms.alerts.warn(
+                    "Document was not deleted, ask a developer for help or check the console for an error message"
+                  );
+                  console.error(error);
+                  throw error;
+                }
               },
-              {
-                label: (x.label || x.name) + (x.type === "datetime" ? " (Newest First)" : " (Descending)"),
-                value: JSON.stringify({
-                  name: x.name,
-                  order: "desc"
-                })
-              }
-            ]).flat()
-          ],
-          input: {
-            id: "sort",
-            name: "sort",
-            value: sortKey,
-            onChange: (e) => {
-              const val = JSON.parse(e.target.value);
-              setEndCursor("");
-              setPrevCursors([]);
-              window == null ? void 0 : window.localStorage.setItem(`${LOCAL_STORAGE_KEY}.${collectionName}`, e.target.value);
-              setSortKey(e.target.value);
-              setSortOrder(val.order);
+              close: () => setDeleteModalOpen(false)
             }
-          }
-        })), /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex flex-1 flex-col gap-2 items-start w-full"
-        }, searchEnabled ? /* @__PURE__ */ React__default["default"].createElement(SearchInput, {
-          loading: _loading,
-          search,
-          setSearch,
-          searchInput,
-          setSearchInput
-        }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("label", {
-          className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
-        }, "Search"), /* @__PURE__ */ React__default["default"].createElement(toolkit.Message, {
-          link: "https://tina.io/docs/reference/search/overview",
-          linkLabel: "Read The Docs",
-          type: "info",
-          size: "small"
-        }, "Search not configured.")))))), /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex self-end	justify-self-end"
-        }, !collection.templates && allowCreate && /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Link, {
-          to: `/${folder.fullyQualifiedName ? [
-            "collections",
-            "new",
-            collectionName,
-            "~",
-            folder.name
-          ].join("/") : ["collections", "new", collectionName].join("/")}`,
-          className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out whitespace-nowrap shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6"
-        }, "Create New", " ", /* @__PURE__ */ React__default["default"].createElement(BiPlus, {
-          className: "w-5 h-full ml-1 opacity-70"
-        })), collection.templates && allowCreate && /* @__PURE__ */ React__default["default"].createElement(TemplateMenu, {
-          collectionName,
-          templates: collection.templates,
-          folder
-        })))), /* @__PURE__ */ React__default["default"].createElement(PageBody, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "w-full mx-auto max-w-screen-xl"
-        }, sortField && !sortField.required && /* @__PURE__ */ React__default["default"].createElement("p", {
-          className: "mb-4 text-gray-500"
-        }, /* @__PURE__ */ React__default["default"].createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), documents.length > 0 ? /* @__PURE__ */ React__default["default"].createElement("table", {
-          className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg"
-        }, /* @__PURE__ */ React__default["default"].createElement("tbody", {
-          className: "divide-y divide-gray-150"
-        }, folder.name && !search && /* @__PURE__ */ React__default["default"].createElement("tr", null, /* @__PURE__ */ React__default["default"].createElement("td", {
-          colSpan: 5
-        }, /* @__PURE__ */ React__default["default"].createElement(Breadcrumb, {
-          folder,
-          navigate,
-          collectionName
-        }))), documents.map((document) => {
-          var _a2;
-          if (document.node.__typename === "Folder") {
-            return /* @__PURE__ */ React__default["default"].createElement("tr", {
-              key: `folder-${document.node.path}`
-            }, /* @__PURE__ */ React__default["default"].createElement("td", {
-              className: "pl-5 pr-3 py-3 truncate max-w-0"
-            }, /* @__PURE__ */ React__default["default"].createElement("a", {
-              className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
-              onClick: () => {
-                navigate(`/${[
-                  "collections",
-                  collectionName,
-                  document.node.path
-                ].join("/")}`, { replace: true });
+          ), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(
+            toolkit.CreateBranchModel,
+            {
+              crudType: "delete",
+              relativePath: collectionExtra.path + "/" + vars.relativePath,
+              values: vars,
+              close: () => setDeleteModalOpen(false),
+              safeSubmit: async () => {
+                try {
+                  await admin.deleteDocument(vars);
+                  cms.alerts.info("Document was successfully deleted");
+                  reFetchCollection();
+                } catch (error) {
+                  cms.alerts.warn(
+                    "Document was not deleted, ask a developer for help or check the console for an error message"
+                  );
+                  console.error(error);
+                  throw error;
+                }
               }
-            }, /* @__PURE__ */ React__default["default"].createElement(BiFolder, {
-              className: "inline-block h-6 w-auto flex-shrink-0 opacity-70"
-            }), /* @__PURE__ */ React__default["default"].createElement("span", {
-              className: "truncate block"
-            }, /* @__PURE__ */ React__default["default"].createElement("span", {
-              className: "block text-xs text-gray-400 mb-1 uppercase"
-            }, "Name"), /* @__PURE__ */ React__default["default"].createElement("span", {
-              className: "h-5 leading-5 block truncate"
-            }, /* @__PURE__ */ React__default["default"].createElement("span", null, document.node.name))))), /* @__PURE__ */ React__default["default"].createElement("td", {
-              className: "px-3 py-3 truncate max-w-0",
-              colSpan: 4
-            }, /* @__PURE__ */ React__default["default"].createElement("span", {
-              className: "block text-xs text-gray-400 mb-1 uppercase"
-            }, "Path"), /* @__PURE__ */ React__default["default"].createElement("span", {
-              className: "leading-5 block text-sm font-medium text-gray-900 truncate"
-            }, document.node.path.substring(2).split("/").map((node) => {
-              return /* @__PURE__ */ React__default["default"].createElement("span", {
-                key: node
-              }, /* @__PURE__ */ React__default["default"].createElement("span", {
-                className: "text-gray-300 pr-0.5"
-              }, "/"), /* @__PURE__ */ React__default["default"].createElement("span", {
-                className: "pr-0.5"
-              }, node));
-            }))));
-          }
-          const hasTitle = Boolean(document.node._sys.title);
-          const subfolders = document.node._sys.breadcrumbs.slice(0, -1).join("/");
-          return /* @__PURE__ */ React__default["default"].createElement("tr", {
-            key: `document-${document.node._sys.relativePath}`,
-            className: ""
-          }, /* @__PURE__ */ React__default["default"].createElement("td", {
-            className: "pl-5 pr-3 py-3 truncate max-w-0",
-            colSpan: hasTitle ? 1 : 2
-          }, /* @__PURE__ */ React__default["default"].createElement("a", {
-            className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
-            onClick: () => {
-              handleNavigate(navigate, cms, collection, collectionDefinition, document.node);
             }
-          }, /* @__PURE__ */ React__default["default"].createElement(BiFile, {
-            className: "inline-block h-6 w-auto flex-shrink-0 opacity-70"
-          }), /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "truncate block"
-          }, /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, hasTitle ? "Title" : "Filename"), /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "h-5 leading-5 block truncate"
-          }, !folderView && !hasTitle && subfolders && /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "text-xs text-gray-400"
-          }, `${subfolders}/`), /* @__PURE__ */ React__default["default"].createElement("span", null, hasTitle ? (_a2 = document.node._sys) == null ? void 0 : _a2.title : document.node._sys.filename))))), hasTitle && /* @__PURE__ */ React__default["default"].createElement("td", {
-            className: "px-3 py-3 truncate max-w-0"
-          }, /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, "Filename"), /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "h-5 leading-5 block text-sm font-medium text-gray-900 truncate"
-          }, !folderView && subfolders && /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "text-xs text-gray-400"
-          }, `${subfolders}/`), /* @__PURE__ */ React__default["default"].createElement("span", null, document.node._sys.filename))), /* @__PURE__ */ React__default["default"].createElement("td", {
-            className: "px-3 py-3 truncate w-[15%]"
-          }, /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, "Extension"), /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "h-5 leading-5 block text-sm font-medium text-gray-900"
-          }, document.node._sys.extension)), /* @__PURE__ */ React__default["default"].createElement("td", {
-            className: "px-3 py-3 truncate w-[15%]"
-          }, /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, "Template"), /* @__PURE__ */ React__default["default"].createElement("span", {
-            className: "h-5 leading-5 block text-sm font-medium text-gray-900"
-          }, document.node._sys.template)), /* @__PURE__ */ React__default["default"].createElement("td", {
-            className: "w-0"
-          }, /* @__PURE__ */ React__default["default"].createElement(toolkit.OverflowMenu, {
-            toolbarItems: [
-              {
-                name: "edit",
-                label: "Edit in Admin",
-                Icon: /* @__PURE__ */ React__default["default"].createElement(BiEdit, {
-                  size: "1.3rem"
-                }),
-                onMouseDown: () => {
-                  const pathToDoc = document.node._sys.breadcrumbs;
-                  if (folder.fullyQualifiedName) {
-                    pathToDoc.unshift("~");
-                  }
-                  navigate(`/${[
-                    "collections",
-                    "edit",
-                    collectionName,
-                    ...pathToDoc
-                  ].join("/")}`, { replace: true });
+          ), renameModalOpen && /* @__PURE__ */ React.createElement(
+            RenameModal,
+            {
+              filename: vars.relativePath,
+              newRelativePath: vars.newRelativePath,
+              setNewRelativePath: (newRelativePath) => {
+                setVars((vars2) => {
+                  return { ...vars2, newRelativePath };
+                });
+              },
+              renameFunc: async () => {
+                const newRelativePath = `${vars.newRelativePath}.${collection.format}`;
+                try {
+                  await admin.renameDocument({
+                    collection: vars.collection,
+                    relativePath: vars.relativePath,
+                    newRelativePath
+                  });
+                  cms.alerts.info("Document was successfully renamed");
+                  reFetchCollection();
+                } catch (error) {
+                  cms.alerts.warn(
+                    "Document was not renamed, ask a developer for help or check the console for an error message"
+                  );
+                  console.error(error);
+                  throw error;
                 }
               },
-              allowCreate && {
-                name: "duplicate",
-                label: "Duplicate",
-                Icon: /* @__PURE__ */ React__default["default"].createElement(BiCopy, {
-                  size: "1.3rem"
-                }),
-                onMouseDown: () => {
-                  const pathToDoc = document.node._sys.breadcrumbs;
-                  if (folder.fullyQualifiedName) {
-                    pathToDoc.unshift("~");
+              close: () => setRenameModalOpen(false)
+            }
+          ), /* @__PURE__ */ React.createElement(PageHeader, { isLocalMode: (_j = (_i = cms == null ? void 0 : cms.api) == null ? void 0 : _i.tina) == null ? void 0 : _j.isLocalMode }, /* @__PURE__ */ React.createElement("div", { className: "w-full grid grid-flow-col items-end gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("h3", { className: "font-sans text-2xl text-gray-700" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", { className: "flex gap-4 items-start flex-wrap" }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, !search && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start" }, /* @__PURE__ */ React.createElement(
+            "label",
+            {
+              htmlFor: "sort",
+              className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
+            },
+            "Sort by"
+          ), /* @__PURE__ */ React.createElement(
+            toolkit.Select,
+            {
+              name: "sort",
+              options: [
+                {
+                  label: "Default",
+                  value: JSON.stringify({
+                    order: "asc",
+                    name: ""
+                  })
+                },
+                ...fields.map((x) => [
+                  {
+                    label: (x.label || x.name) + (x.type === "datetime" ? " (Oldest First)" : " (Ascending)"),
+                    value: JSON.stringify({
+                      name: x.name,
+                      order: "asc"
+                    })
+                  },
+                  {
+                    label: (x.label || x.name) + (x.type === "datetime" ? " (Newest First)" : " (Descending)"),
+                    value: JSON.stringify({
+                      name: x.name,
+                      order: "desc"
+                    })
                   }
-                  navigate(`/${[
-                    "collections",
-                    "duplicate",
-                    collectionName,
-                    ...pathToDoc
-                  ].join("/")}`, { replace: true });
+                ]).flat()
+              ],
+              input: {
+                id: "sort",
+                name: "sort",
+                value: sortKey,
+                onChange: (e) => {
+                  const val = JSON.parse(e.target.value);
+                  setEndCursor("");
+                  setPrevCursors([]);
+                  window == null ? void 0 : window.localStorage.setItem(
+                    `${LOCAL_STORAGE_KEY}.${collectionName}`,
+                    e.target.value
+                  );
+                  setSortKey(e.target.value);
+                  setSortOrder(val.order);
                 }
+              }
+            }
+          )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, searchEnabled ? /* @__PURE__ */ React.createElement(
+            SearchInput,
+            {
+              loading: _loading,
+              search,
+              setSearch,
+              searchInput,
+              setSearchInput
+            }
+          ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal" }, "Search"), /* @__PURE__ */ React.createElement(
+            toolkit.Message,
+            {
+              link: "https://tina.io/docs/reference/search/overview",
+              linkLabel: "Read The Docs",
+              type: "info",
+              size: "small"
+            },
+            "Search not configured."
+          )))))), /* @__PURE__ */ React.createElement("div", { className: "flex self-end	justify-self-end" }, !collection.templates && allowCreate && /* @__PURE__ */ React.createElement(
+            reactRouterDom.Link,
+            {
+              to: `/${folder.fullyQualifiedName ? [
+                "collections",
+                "new",
+                collectionName,
+                "~",
+                folder.name
+              ].join("/") : ["collections", "new", collectionName].join(
+                "/"
+              )}`,
+              className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out whitespace-nowrap shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6"
+            },
+            "Create New",
+            " ",
+            /* @__PURE__ */ React.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" })
+          ), collection.templates && allowCreate && /* @__PURE__ */ React.createElement(
+            TemplateMenu,
+            {
+              collectionName,
+              templates: collection.templates,
+              folder
+            }
+          )))), /* @__PURE__ */ React.createElement(PageBody, null, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), documents.length > 0 ? /* @__PURE__ */ React.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-gray-150" }, folder.name && !search && /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React.createElement(
+            Breadcrumb,
+            {
+              folder,
+              navigate,
+              collectionName
+            }
+          ))), documents.map((document) => {
+            var _a2;
+            if (document.node.__typename === "Folder") {
+              return /* @__PURE__ */ React.createElement("tr", { key: `folder-${document.node.path}` }, /* @__PURE__ */ React.createElement("td", { className: "pl-5 pr-3 py-3 truncate max-w-0" }, /* @__PURE__ */ React.createElement(
+                "a",
+                {
+                  className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
+                  onClick: () => {
+                    navigate(
+                      `/${[
+                        "collections",
+                        collectionName,
+                        document.node.path
+                      ].join("/")}`,
+                      { replace: true }
+                    );
+                  }
+                },
+                /* @__PURE__ */ React.createElement(BiFolder, { className: "inline-block h-6 w-auto flex-shrink-0 opacity-70" }),
+                /* @__PURE__ */ React.createElement("span", { className: "truncate block" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Name"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block truncate" }, /* @__PURE__ */ React.createElement("span", null, document.node.name)))
+              )), /* @__PURE__ */ React.createElement(
+                "td",
+                {
+                  className: "px-3 py-3 truncate max-w-0",
+                  colSpan: 4
+                },
+                /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Path"),
+                /* @__PURE__ */ React.createElement("span", { className: "leading-5 block text-sm font-medium text-gray-900 truncate" }, document.node.path.substring(2).split("/").map((node) => {
+                  return /* @__PURE__ */ React.createElement("span", { key: node }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 pr-0.5" }, "/"), /* @__PURE__ */ React.createElement("span", { className: "pr-0.5" }, node));
+                }))
+              ));
+            }
+            const hasTitle = Boolean(
+              document.node._sys.title
+            );
+            const subfolders = document.node._sys.breadcrumbs.slice(0, -1).join("/");
+            return /* @__PURE__ */ React.createElement(
+              "tr",
+              {
+                key: `document-${document.node._sys.relativePath}`,
+                className: ""
               },
-              allowDelete && {
-                name: "delete",
-                label: "Delete",
-                Icon: /* @__PURE__ */ React__default["default"].createElement(BiTrash, {
-                  size: "1.3rem",
-                  className: "text-red-500"
-                }),
-                onMouseDown: () => {
-                  setVars((old) => ({
-                    ...old,
-                    collection: collectionName,
-                    relativePath: document.node._sys.breadcrumbs.join("/") + document.node._sys.extension,
-                    newRelativePath: ""
-                  }));
-                  setDeleteModalOpen(true);
+              /* @__PURE__ */ React.createElement(
+                "td",
+                {
+                  className: "pl-5 pr-3 py-3 truncate max-w-0",
+                  colSpan: hasTitle ? 1 : 2
+                },
+                /* @__PURE__ */ React.createElement(
+                  "a",
+                  {
+                    className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
+                    onClick: () => {
+                      handleNavigate(
+                        navigate,
+                        cms,
+                        collection,
+                        collectionDefinition,
+                        document.node
+                      );
+                    }
+                  },
+                  /* @__PURE__ */ React.createElement(BiFile, { className: "inline-block h-6 w-auto flex-shrink-0 opacity-70" }),
+                  /* @__PURE__ */ React.createElement("span", { className: "truncate block" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, hasTitle ? "Title" : "Filename"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block truncate" }, !folderView && !hasTitle && subfolders && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, hasTitle ? (_a2 = document.node._sys) == null ? void 0 : _a2.title : document.node._sys.filename)))
+                )
+              ),
+              hasTitle && /* @__PURE__ */ React.createElement("td", { className: "px-3 py-3 truncate max-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Filename"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block text-sm font-medium text-gray-900 truncate" }, !folderView && subfolders && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, document.node._sys.filename))),
+              /* @__PURE__ */ React.createElement("td", { className: "px-3 py-3 truncate w-[15%]" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Extension"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block text-sm font-medium text-gray-900" }, document.node._sys.extension)),
+              /* @__PURE__ */ React.createElement("td", { className: "px-3 py-3 truncate w-[15%]" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Template"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block text-sm font-medium text-gray-900" }, document.node._sys.template)),
+              /* @__PURE__ */ React.createElement("td", { className: "w-0" }, /* @__PURE__ */ React.createElement(
+                toolkit.OverflowMenu,
+                {
+                  toolbarItems: [
+                    {
+                      name: "edit",
+                      label: "Edit in Admin",
+                      Icon: /* @__PURE__ */ React.createElement(BiEdit, { size: "1.3rem" }),
+                      onMouseDown: () => {
+                        const pathToDoc = document.node._sys.breadcrumbs;
+                        if (folder.fullyQualifiedName) {
+                          pathToDoc.unshift("~");
+                        }
+                        navigate(
+                          `/${[
+                            "collections",
+                            "edit",
+                            collectionName,
+                            ...pathToDoc
+                          ].join("/")}`,
+                          { replace: true }
+                        );
+                      }
+                    },
+                    allowCreate && {
+                      name: "duplicate",
+                      label: "Duplicate",
+                      Icon: /* @__PURE__ */ React.createElement(BiCopy, { size: "1.3rem" }),
+                      onMouseDown: () => {
+                        const pathToDoc = document.node._sys.breadcrumbs;
+                        if (folder.fullyQualifiedName) {
+                          pathToDoc.unshift("~");
+                        }
+                        navigate(
+                          `/${[
+                            "collections",
+                            "duplicate",
+                            collectionName,
+                            ...pathToDoc
+                          ].join("/")}`,
+                          { replace: true }
+                        );
+                      }
+                    },
+                    allowDelete && {
+                      name: "delete",
+                      label: "Delete",
+                      Icon: /* @__PURE__ */ React.createElement(
+                        BiTrash,
+                        {
+                          size: "1.3rem",
+                          className: "text-red-500"
+                        }
+                      ),
+                      onMouseDown: () => {
+                        setVars((old) => ({
+                          ...old,
+                          collection: collectionName,
+                          relativePath: document.node._sys.breadcrumbs.join(
+                            "/"
+                          ) + document.node._sys.extension,
+                          newRelativePath: ""
+                        }));
+                        setDeleteModalOpen(true);
+                      }
+                    },
+                    allowDelete && {
+                      name: "rename",
+                      label: "Rename",
+                      Icon: /* @__PURE__ */ React.createElement(
+                        BiRename,
+                        {
+                          size: "1.3rem",
+                          className: "text-red-500"
+                        }
+                      ),
+                      onMouseDown: () => {
+                        setVars((old) => ({
+                          ...old,
+                          collection: collectionName,
+                          relativePath: document.node._sys.breadcrumbs.join(
+                            "/"
+                          ) + document.node._sys.extension,
+                          newRelativePath: ""
+                        }));
+                        setRenameModalOpen(true);
+                      }
+                    }
+                  ].filter(Boolean)
                 }
+              ))
+            );
+          }))) : /* @__PURE__ */ React.createElement(NoDocumentsPlaceholder, null), /* @__PURE__ */ React.createElement("div", { className: "pt-4" }, /* @__PURE__ */ React.createElement(
+            toolkit.CursorPaginator,
+            {
+              variant: "white",
+              hasNext: sortOrder === "asc" ? pageInfo == null ? void 0 : pageInfo.hasNextPage : pageInfo.hasPreviousPage,
+              navigateNext: () => {
+                const newState = [...prevCursors, endCursor];
+                setPrevCursors(newState);
+                setEndCursor(pageInfo == null ? void 0 : pageInfo.endCursor);
               },
-              allowDelete && {
-                name: "rename",
-                label: "Rename",
-                Icon: /* @__PURE__ */ React__default["default"].createElement(BiRename, {
-                  size: "1.3rem",
-                  className: "text-red-500"
-                }),
-                onMouseDown: () => {
-                  setVars((old) => ({
-                    ...old,
-                    collection: collectionName,
-                    relativePath: document.node._sys.breadcrumbs.join("/") + document.node._sys.extension,
-                    newRelativePath: ""
-                  }));
-                  setRenameModalOpen(true);
+              hasPrev: prevCursors.length > 0,
+              navigatePrev: () => {
+                const prev = prevCursors[prevCursors.length - 1];
+                if (typeof prev === "string") {
+                  const newState = prevCursors.slice(0, -1);
+                  setPrevCursors(newState);
+                  setEndCursor(prev);
                 }
               }
-            ].filter(Boolean)
-          })));
-        }))) : /* @__PURE__ */ React__default["default"].createElement(NoDocumentsPlaceholder, null), /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "pt-4"
-        }, /* @__PURE__ */ React__default["default"].createElement(toolkit.CursorPaginator, {
-          variant: "white",
-          hasNext: sortOrder === "asc" ? pageInfo == null ? void 0 : pageInfo.hasNextPage : pageInfo.hasPreviousPage,
-          navigateNext: () => {
-            const newState = [...prevCursors, endCursor];
-            setPrevCursors(newState);
-            setEndCursor(pageInfo == null ? void 0 : pageInfo.endCursor);
-          },
-          hasPrev: prevCursors.length > 0,
-          navigatePrev: () => {
-            const prev = prevCursors[prevCursors.length - 1];
-            if (typeof prev === "string") {
-              const newState = prevCursors.slice(0, -1);
-              setPrevCursors(newState);
-              setEndCursor(prev);
             }
-          }
-        })))));
-      }));
+          )))));
+        }
+      ));
     });
   };
   const SearchInput = ({
@@ -4547,112 +4836,119 @@ This will work when developing locally but NOT when deployed to production.
         setSearchLoaded(true);
       }
     }, [loading]);
-    return /* @__PURE__ */ React__default["default"].createElement("form", {
-      className: "flex flex-1 flex-col gap-2 items-start w-full"
-    }, /* @__PURE__ */ React__default["default"].createElement("label", {
-      htmlFor: "search",
-      className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
-    }, "Search"), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex flex-wrap items-center gap-3"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex-1 min-w-[200px]"
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.Input, {
-      type: "text",
-      name: "search",
-      placeholder: "Search",
-      value: searchInput,
-      onChange: (e) => {
-        setSearchInput(e.target.value);
+    return /* @__PURE__ */ React.createElement("form", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        htmlFor: "search",
+        className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
+      },
+      "Search"
+    ), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-[200px]" }, /* @__PURE__ */ React.createElement(
+      toolkit.Input,
+      {
+        type: "text",
+        name: "search",
+        placeholder: "Search",
+        value: searchInput,
+        onChange: (e) => {
+          setSearchInput(e.target.value);
+        }
       }
-    })), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex gap-3"
-    }, /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      onClick: () => {
-        setSearch(searchInput);
-        setSearchLoaded(false);
+    )), /* @__PURE__ */ React.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        onClick: () => {
+          setSearch(searchInput);
+          setSearchLoaded(false);
+        },
+        variant: "primary",
+        type: "submit"
       },
-      variant: "primary",
-      type: "submit"
-    }, "Search ", /* @__PURE__ */ React__default["default"].createElement(BiSearch, {
-      className: "w-5 h-full ml-1.5 opacity-70"
-    })), search && searchLoaded && /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      onClick: () => {
-        setSearch("");
-        setSearchInput("");
+      "Search ",
+      /* @__PURE__ */ React.createElement(BiSearch, { className: "w-5 h-full ml-1.5 opacity-70" })
+    ), search && searchLoaded && /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        onClick: () => {
+          setSearch("");
+          setSearchInput("");
+        },
+        variant: "white"
       },
-      variant: "white"
-    }, "Clear ", /* @__PURE__ */ React__default["default"].createElement(BiX, {
-      className: "w-5 h-full ml-1 opacity-70"
-    })))));
+      "Clear ",
+      /* @__PURE__ */ React.createElement(BiX, { className: "w-5 h-full ml-1 opacity-70" })
+    ))));
   };
   const Breadcrumb = ({ folder, navigate, collectionName }) => {
     const folderArray = folder.name.split("/");
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "w-full bg-gray-50/30 flex items-stretch"
-    }, /* @__PURE__ */ React__default["default"].createElement("button", {
-      onClick: () => {
-        const folders = folder.fullyQualifiedName.split("/");
-        navigate(`/${[
-          "collections",
-          collectionName,
-          ...folders.slice(0, folders.length - 1)
-        ].join("/")}`, { replace: true });
-      },
-      className: "px-3 py-2 bg-white hover:bg-gray-50/50 transition ease-out duration-100 border-r border-gray-100 text-blue-500 hover:text-blue-600"
-    }, /* @__PURE__ */ React__default["default"].createElement(BiArrowBack, {
-      className: "w-6 h-full opacity-70"
-    })), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "px-3 py-2 text-gray-600 flex flex-wrap items-center justify-start gap-1"
-    }, /* @__PURE__ */ React__default["default"].createElement("button", {
-      onClick: () => {
-        navigate(`/collections/${collectionName}/~`, {
-          replace: true
-        });
-      },
-      className: "shrink-0 bg-transparent p-0 border-0 text-blue-400 hover:text-blue-500 transition-all ease-out duration-100 opacity-70 hover:opacity-100"
-    }, /* @__PURE__ */ React__default["default"].createElement(RiHome2Line, {
-      className: "w-5 h-auto"
-    })), folderArray.map((node, index) => {
-      return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: "text-gray-200 shrink-0"
-      }, "/"), index < folderArray.length - 1 ? /* @__PURE__ */ React__default["default"].createElement("button", {
-        className: "bg-transparent whitespace-nowrap truncate p-0 border-0 text-blue-500 hover:text-blue-600 transition-all ease-out duration-100 underline underline-offset-2 decoration-1	decoration-blue-200 hover:decoration-blue-400",
+    return /* @__PURE__ */ React.createElement("div", { className: "w-full bg-gray-50/30 flex items-stretch" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
         onClick: () => {
           const folders = folder.fullyQualifiedName.split("/");
-          navigate(`/${[
-            "collections",
-            collectionName,
-            ...folders.slice(0, folders.length - (folders.length - (index + 2)))
-          ].join("/")}`, { replace: true });
-        }
-      }, node) : /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: "whitespace-nowrap truncate"
-      }, node));
+          navigate(
+            `/${[
+              "collections",
+              collectionName,
+              ...folders.slice(0, folders.length - 1)
+            ].join("/")}`,
+            { replace: true }
+          );
+        },
+        className: "px-3 py-2 bg-white hover:bg-gray-50/50 transition ease-out duration-100 border-r border-gray-100 text-blue-500 hover:text-blue-600"
+      },
+      /* @__PURE__ */ React.createElement(BiArrowBack, { className: "w-6 h-full opacity-70" })
+    ), /* @__PURE__ */ React.createElement("span", { className: "px-3 py-2 text-gray-600 flex flex-wrap items-center justify-start gap-1" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => {
+          navigate(`/collections/${collectionName}/~`, {
+            replace: true
+          });
+        },
+        className: "shrink-0 bg-transparent p-0 border-0 text-blue-400 hover:text-blue-500 transition-all ease-out duration-100 opacity-70 hover:opacity-100"
+      },
+      /* @__PURE__ */ React.createElement(RiHome2Line, { className: "w-5 h-auto" })
+    ), folderArray.map((node, index) => {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "text-gray-200 shrink-0" }, "/"), index < folderArray.length - 1 ? /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          className: "bg-transparent whitespace-nowrap truncate p-0 border-0 text-blue-500 hover:text-blue-600 transition-all ease-out duration-100 underline underline-offset-2 decoration-1	decoration-blue-200 hover:decoration-blue-400",
+          onClick: () => {
+            const folders = folder.fullyQualifiedName.split("/");
+            navigate(
+              `/${[
+                "collections",
+                collectionName,
+                ...folders.slice(
+                  0,
+                  folders.length - (folders.length - (index + 2))
+                )
+              ].join("/")}`,
+              { replace: true }
+            );
+          }
+        },
+        node
+      ) : /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap truncate" }, node));
     })));
   };
   const NoDocumentsPlaceholder = () => {
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg"
-    }, /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: "text-base italic font-medium text-gray-300"
-    }, "No documents found."));
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("p", { className: "text-base italic font-medium text-gray-300" }, "No documents found."));
   };
   const DeleteModal = ({ close: close2, deleteFunc, filename }) => {
-    return /* @__PURE__ */ React__default["default"].createElement(toolkit.Modal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.PopupModal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalHeader, {
-      close: close2
-    }, "Delete ", filename), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalBody, {
-      padded: true
-    }, /* @__PURE__ */ React__default["default"].createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      style: { flexGrow: 2 },
-      onClick: close2
-    }, "Cancel"), /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      style: { flexGrow: 3 },
-      variant: "danger",
-      onClick: async () => {
-        await deleteFunc();
-        close2();
-      }
-    }, "Delete"))));
+    return /* @__PURE__ */ React.createElement(toolkit.Modal, null, /* @__PURE__ */ React.createElement(toolkit.PopupModal, null, /* @__PURE__ */ React.createElement(toolkit.ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React.createElement(toolkit.ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React.createElement(toolkit.ModalActions, null, /* @__PURE__ */ React.createElement(toolkit.Button, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        style: { flexGrow: 3 },
+        variant: "danger",
+        onClick: async () => {
+          await deleteFunc();
+          close2();
+        }
+      },
+      "Delete"
+    ))));
   };
   const RenameModal = ({
     close: close2,
@@ -4661,27 +4957,25 @@ This will work when developing locally but NOT when deployed to production.
     newRelativePath,
     setNewRelativePath
   }) => {
-    return /* @__PURE__ */ React__default["default"].createElement(toolkit.Modal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.PopupModal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalHeader, {
-      close: close2
-    }, "Rename ", filename), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalBody, {
-      padded: true
-    }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: "mb-4"
-    }, "Are you sure you want to rename ", /* @__PURE__ */ React__default["default"].createElement("strong", null, filename), "? TinaCMS uses the filename as the ID; renaming this file could result in unresolved references."), /* @__PURE__ */ React__default["default"].createElement(toolkit.BaseTextField, {
-      placeholder: "Enter a new name for the document's file",
-      value: newRelativePath,
-      onChange: (event) => setNewRelativePath(event.target.value)
-    }))), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      style: { flexGrow: 2 },
-      onClick: close2
-    }, "Cancel"), /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      style: { flexGrow: 3 },
-      variant: "primary",
-      onClick: async () => {
-        await renameFunc();
-        close2();
+    return /* @__PURE__ */ React.createElement(toolkit.Modal, null, /* @__PURE__ */ React.createElement(toolkit.PopupModal, null, /* @__PURE__ */ React.createElement(toolkit.ModalHeader, { close: close2 }, "Rename ", filename), /* @__PURE__ */ React.createElement(toolkit.ModalBody, { padded: true }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-4" }, "Are you sure you want to rename ", /* @__PURE__ */ React.createElement("strong", null, filename), "? TinaCMS uses the filename as the ID; renaming this file could result in unresolved references."), /* @__PURE__ */ React.createElement(
+      toolkit.BaseTextField,
+      {
+        placeholder: "Enter a new name for the document's file",
+        value: newRelativePath,
+        onChange: (event) => setNewRelativePath(event.target.value)
       }
-    }, "Rename"))));
+    ))), /* @__PURE__ */ React.createElement(toolkit.ModalActions, null, /* @__PURE__ */ React.createElement(toolkit.Button, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        style: { flexGrow: 3 },
+        variant: "primary",
+        onClick: async () => {
+          await renameFunc();
+          close2();
+        }
+      },
+      "Rename"
+    ))));
   };
   function FaLock(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" } }] })(props);
@@ -4710,42 +5004,64 @@ This will work when developing locally but NOT when deployed to production.
   const CollectionCreatePage = () => {
     const folder = useCollectionFolder();
     const { collectionName, templateName } = reactRouterDom.useParams();
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => /* @__PURE__ */ React__default["default"].createElement(GetCollection, {
-      cms,
-      collectionName,
-      folder,
-      includeDocuments: false
-    }, (collection) => {
-      const mutationInfo = {
-        includeCollection: true,
-        includeTemplate: !!collection.templates
-      };
-      return /* @__PURE__ */ React__default["default"].createElement(RenderForm$1, {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(
+      GetCollection,
+      {
         cms,
-        collection,
-        templateName,
-        mutationInfo,
-        folder
-      });
-    }));
+        collectionName,
+        folder,
+        includeDocuments: false
+      },
+      (collection) => {
+        const mutationInfo = {
+          includeCollection: true,
+          includeTemplate: !!collection.templates
+        };
+        return /* @__PURE__ */ React.createElement(
+          RenderForm$1,
+          {
+            cms,
+            collection,
+            templateName,
+            mutationInfo,
+            folder
+          }
+        );
+      }
+    ));
   };
   const FilenameInput = (props) => {
-    const [filenameTouched, setFilenameTouched] = React__default["default"].useState(false);
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "group relative block cursor-pointer",
-      onClick: () => {
-        setFilenameTouched(true);
-      }
-    }, /* @__PURE__ */ React__default["default"].createElement("input", {
-      type: "text",
-      className: `shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base pr-3 truncate py-2 w-full border transition-all ease-out duration-150 focus:text-gray-900 rounded-md ${props.readonly || !filenameTouched ? "bg-gray-50 text-gray-300  border-gray-150 pointer-events-none pl-8 group-hover:bg-white group-hover:text-gray-600  group-hover:border-gray-200" : "bg-white text-gray-600  border-gray-200 pl-3"}`,
-      ...props,
-      disabled: props.readonly || !filenameTouched
-    }), /* @__PURE__ */ React__default["default"].createElement(FaLock, {
-      className: `text-gray-400 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-20 group-hover:opacity-0 group-active:opacity-0" : "opacity-0"}`
-    }), /* @__PURE__ */ React__default["default"].createElement(FaUnlock, {
-      className: `text-blue-500 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-0 group-hover:opacity-80 group-active:opacity-80" : "opacity-0"}`
-    }));
+    const [filenameTouched, setFilenameTouched] = React.useState(false);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "group relative block cursor-pointer",
+        onClick: () => {
+          setFilenameTouched(true);
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          type: "text",
+          className: `shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base pr-3 truncate py-2 w-full border transition-all ease-out duration-150 focus:text-gray-900 rounded-md ${props.readonly || !filenameTouched ? "bg-gray-50 text-gray-300  border-gray-150 pointer-events-none pl-8 group-hover:bg-white group-hover:text-gray-600  group-hover:border-gray-200" : "bg-white text-gray-600  border-gray-200 pl-3"}`,
+          ...props,
+          disabled: props.readonly || !filenameTouched
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FaLock,
+        {
+          className: `text-gray-400 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-20 group-hover:opacity-0 group-active:opacity-0" : "opacity-0"}`
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FaUnlock,
+        {
+          className: `text-blue-500 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-0 group-hover:opacity-80 group-active:opacity-80" : "opacity-0"}`
+        }
+      )
+    );
   };
   const RenderForm$1 = ({
     cms,
@@ -4772,7 +5088,9 @@ This will work when developing locally but NOT when deployed to production.
     });
     let slugFunction = (_b = (_a = schemaCollection.ui) == null ? void 0 : _a.filename) == null ? void 0 : _b.slugify;
     if (!slugFunction) {
-      const titleField = (_c = template == null ? void 0 : template.fields.find((x) => x.required && x.type === "string" && x.isTitle)) == null ? void 0 : _c.name;
+      const titleField = (_c = template == null ? void 0 : template.fields.find(
+        (x) => x.required && x.type === "string" && x.isTitle
+      )) == null ? void 0 : _c.name;
       if (titleField) {
         slugFunction = (values) => {
           var _a2;
@@ -4780,7 +5098,9 @@ This will work when developing locally but NOT when deployed to production.
         };
       }
     }
-    const defaultItem = customDefaults || ((_d = template.ui) == null ? void 0 : _d.defaultItem) || (template == null ? void 0 : template.defaultItem);
+    const defaultItem = customDefaults || // @ts-ignore internal types aren't up to date
+    ((_d = template.ui) == null ? void 0 : _d.defaultItem) || // @ts-ignore
+    (template == null ? void 0 : template.defaultItem);
     const form = React.useMemo(() => {
       var _a2, _b2;
       const folderName = folder.fullyQualifiedName ? folder.name : "";
@@ -4807,13 +5127,16 @@ This will work when developing locally but NOT when deployed to production.
             label: "Filename",
             component: slugFunction ? toolkit.wrapFieldsWithMeta(({ field, input, meta }) => {
               var _a3, _b3;
-              return /* @__PURE__ */ React__default["default"].createElement(FilenameInput, {
-                readonly: (_b3 = (_a3 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a3.filename) == null ? void 0 : _b3.readonly,
-                ...input
-              });
+              return /* @__PURE__ */ React.createElement(
+                FilenameInput,
+                {
+                  readonly: (_b3 = (_a3 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a3.filename) == null ? void 0 : _b3.readonly,
+                  ...input
+                }
+              );
             }) : "text",
             disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.readonly,
-            description: /* @__PURE__ */ React__default["default"].createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React__default["default"].createElement("br", null), "Examples: ", /* @__PURE__ */ React__default["default"].createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React__default["default"].createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React__default["default"].createElement("code", null, "sub-folder/My_Document")),
+            description: /* @__PURE__ */ React.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React.createElement("br", null), "Examples: ", /* @__PURE__ */ React.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React.createElement("code", null, "sub-folder/My_Document")),
             placeholder: `My_Document`,
             validate: (value, allValues, meta) => {
               var _a3, _b3;
@@ -4828,7 +5151,9 @@ This will work when developing locally but NOT when deployed to production.
                 return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, -, _, ., or /.";
               }
               if (((_a3 = schemaCollection.match) == null ? void 0 : _a3.exclude) || ((_b3 = schemaCollection.match) == null ? void 0 : _b3.include)) {
-                const filePath = `${schemaTools.normalizePath(schemaCollection.path)}/${value}.${schemaCollection.format || "md"}`;
+                const filePath = `${schemaTools.normalizePath(
+                  schemaCollection.path
+                )}/${value}.${schemaCollection.format || "md"}`;
                 const match = schema.matchFiles({
                   files: [filePath],
                   collection: schemaCollection
@@ -4843,20 +5168,33 @@ This will work when developing locally but NOT when deployed to production.
         onSubmit: async (values) => {
           try {
             const folderName2 = folder.fullyQualifiedName ? folder.name : "";
-            await createDocument(cms, collection, template, mutationInfo, folderName2, values);
+            await createDocument(
+              cms,
+              collection,
+              template,
+              mutationInfo,
+              folderName2,
+              values
+            );
             cms.alerts.success("Document created!");
             setTimeout(() => {
-              navigate(`/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`);
+              navigate(
+                `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`
+              );
             }, 10);
           } catch (error) {
             console.error(error);
             const defaultErrorText = "There was a problem saving your document.";
             if (error.message.includes("already exists")) {
-              cms.alerts.error(`${defaultErrorText} The "Filename" is alredy used for another document, please modify it.`);
+              cms.alerts.error(
+                `${defaultErrorText} The "Filename" is alredy used for another document, please modify it.`
+              );
             } else {
               cms.alerts.error(defaultErrorText);
             }
-            throw new Error(`[${error.name}] CreateDocument failed: ${error.message}`);
+            throw new Error(
+              `[${error.name}] CreateDocument failed: ${error.message}`
+            );
           }
         }
       });
@@ -4865,7 +5203,7 @@ This will work when developing locally but NOT when deployed to production.
     const windowWidth = windowSize.useWindowWidth();
     const renderNavToggle = windowWidth < navBreakpoint + 1;
     const headerPadding = renderNavToggle ? "px-20" : "px-6";
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       cms.dispatch({ type: "forms:add", value: form });
       cms.dispatch({ type: "forms:set-active-form-id", value: form.id });
       return () => {
@@ -4876,24 +5214,23 @@ This will work when developing locally but NOT when deployed to production.
     if (!cms.state.activeFormId) {
       return null;
     }
-    const activeForm = cms.state.forms.find(({ tinaForm }) => tinaForm.id === form.id);
-    return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React__default["default"].createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "w-full max-w-form flex gap-1.5 justify-between items-center"
-    }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Link, {
-      to: `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`,
-      className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
-    }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0"
-    }, "/"), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate"
-    }, "Create New"), /* @__PURE__ */ React__default["default"].createElement(toolkit.FormStatus, {
-      pristine: formIsPristine
-    }))), activeForm && /* @__PURE__ */ React__default["default"].createElement(toolkit.FormBuilder, {
-      form: activeForm,
-      onPristineChange: setFormIsPristine
-    })));
+    const activeForm = cms.state.forms.find(
+      ({ tinaForm }) => tinaForm.id === form.id
+    );
+    return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React.createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React.createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-form flex gap-1.5 justify-between items-center" }, /* @__PURE__ */ React.createElement(
+        reactRouterDom.Link,
+        {
+          to: `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`,
+          className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
+        },
+        collection.label ? collection.label : collection.name
+      ), /* @__PURE__ */ React.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React.createElement("span", { className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate" }, "Create New"), /* @__PURE__ */ React.createElement(toolkit.FormStatus, { pristine: formIsPristine }))
+    ), activeForm && /* @__PURE__ */ React.createElement(toolkit.FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
   };
   const useGetDocument = (cms, collectionName, relativePath2) => {
     const api = new TinaAdminApi(cms);
@@ -4907,7 +5244,9 @@ This will work when developing locally but NOT when deployed to production.
             const response = await api.fetchDocument(collectionName, relativePath2);
             setDocument(response.document);
           } catch (error2) {
-            cms.alerts.error(`[${error2.name}] GetDocument failed: ${error2.message}`);
+            cms.alerts.error(
+              `[${error2.name}] GetDocument failed: ${error2.message}`
+            );
             console.error(error2);
             setDocument(void 0);
             setError(error2);
@@ -4926,46 +5265,61 @@ This will work when developing locally but NOT when deployed to production.
     relativePath: relativePath2,
     children
   }) => {
-    const { document, loading, error } = useGetDocument(cms, collectionName, relativePath2);
+    const { document, loading, error } = useGetDocument(
+      cms,
+      collectionName,
+      relativePath2
+    );
     if (error) {
-      return /* @__PURE__ */ React__default["default"].createElement(FullscreenError, null);
+      return /* @__PURE__ */ React.createElement(FullscreenError, null);
     }
     if (loading) {
-      return /* @__PURE__ */ React__default["default"].createElement(LoadingPage, null);
+      return /* @__PURE__ */ React.createElement(LoadingPage, null);
     }
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children(document, loading));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children(document, loading));
   };
   const CollectionDuplicatePage = () => {
     const folder = useCollectionFolder();
     const { collectionName, ...rest } = reactRouterDom.useParams();
     const { "*": filename } = rest;
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => /* @__PURE__ */ React__default["default"].createElement(GetCollection, {
-      cms,
-      collectionName,
-      folder,
-      includeDocuments: false
-    }, (collection) => {
-      const relativePath2 = `${filename.startsWith("~/") ? filename.substring(2) : filename}.${collection.format}`;
-      const mutationInfo = {
-        includeCollection: true,
-        includeTemplate: !!collection.templates
-      };
-      return /* @__PURE__ */ React__default["default"].createElement(GetDocument, {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(
+      GetCollection,
+      {
         cms,
-        collectionName: collection.name,
-        relativePath: relativePath2
-      }, (document) => {
-        var _a;
-        return /* @__PURE__ */ React__default["default"].createElement(RenderForm$1, {
-          cms,
-          collection,
-          templateName: (_a = document._values) == null ? void 0 : _a._template,
-          folder: parentFolder(folder),
-          mutationInfo,
-          customDefaults: document._values
-        });
-      });
-    }));
+        collectionName,
+        folder,
+        includeDocuments: false
+      },
+      (collection) => {
+        const relativePath2 = `${filename.startsWith("~/") ? filename.substring(2) : filename}.${collection.format}`;
+        const mutationInfo = {
+          includeCollection: true,
+          includeTemplate: !!collection.templates
+        };
+        return /* @__PURE__ */ React.createElement(
+          GetDocument,
+          {
+            cms,
+            collectionName: collection.name,
+            relativePath: relativePath2
+          },
+          (document) => {
+            var _a;
+            return /* @__PURE__ */ React.createElement(
+              RenderForm$1,
+              {
+                cms,
+                collection,
+                templateName: (_a = document._values) == null ? void 0 : _a._template,
+                folder: parentFolder(folder),
+                mutationInfo,
+                customDefaults: document._values
+              }
+            );
+          }
+        );
+      }
+    ));
   };
   const updateDocument = async (cms, relativePath2, collection, mutationInfo, values) => {
     const api = new TinaAdminApi(cms);
@@ -4984,30 +5338,41 @@ This will work when developing locally but NOT when deployed to production.
     const folder = useCollectionFolder();
     const { "*": filename } = rest;
     const resolvedFile = folder.fullyQualifiedName ? folder.name : filename;
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => /* @__PURE__ */ React__default["default"].createElement(GetCollection, {
-      cms,
-      collectionName,
-      folder,
-      includeDocuments: false
-    }, (collection) => {
-      const relativePath2 = `${resolvedFile}.${collection.format}`;
-      const mutationInfo = {
-        includeCollection: true,
-        includeTemplate: !!collection.templates
-      };
-      return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(GetDocument, {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(
+      GetCollection,
+      {
         cms,
-        collectionName: collection.name,
-        relativePath: relativePath2
-      }, (document) => /* @__PURE__ */ React__default["default"].createElement(RenderForm, {
-        cms,
-        document,
-        filename: resolvedFile,
-        relativePath: relativePath2,
-        collection,
-        mutationInfo
-      })));
-    }));
+        collectionName,
+        folder,
+        includeDocuments: false
+      },
+      (collection) => {
+        const relativePath2 = `${resolvedFile}.${collection.format}`;
+        const mutationInfo = {
+          includeCollection: true,
+          includeTemplate: !!collection.templates
+        };
+        return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(
+          GetDocument,
+          {
+            cms,
+            collectionName: collection.name,
+            relativePath: relativePath2
+          },
+          (document) => /* @__PURE__ */ React.createElement(
+            RenderForm,
+            {
+              cms,
+              document,
+              filename: resolvedFile,
+              relativePath: relativePath2,
+              collection,
+              mutationInfo
+            }
+          )
+        ));
+      }
+    ));
   };
   const RenderForm = ({
     cms,
@@ -5034,17 +5399,26 @@ This will work when developing locally but NOT when deployed to production.
     });
     const form = React.useMemo(() => {
       return new toolkit.Form({
+        // id is the full document path
         id: `${schemaCollection.path}/${relativePath2}`,
         label: "form",
         fields: formInfo.fields,
         initialValues: document._values,
         onSubmit: async (values) => {
           try {
-            await updateDocument(cms, relativePath2, collection, mutationInfo, values);
+            await updateDocument(
+              cms,
+              relativePath2,
+              collection,
+              mutationInfo,
+              values
+            );
             cms.alerts.success("Document updated!");
           } catch (error) {
             console.error(error);
-            throw new Error(`[${error.name}] UpdateDocument failed: ${error.message}`);
+            throw new Error(
+              `[${error.name}] UpdateDocument failed: ${error.message}`
+            );
           }
         }
       });
@@ -5053,7 +5427,7 @@ This will work when developing locally but NOT when deployed to production.
     const windowWidth = windowSize.useWindowWidth();
     const renderNavToggle = windowWidth < navBreakpoint + 1;
     const headerPadding = renderNavToggle ? "px-20" : "px-6";
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       cms.dispatch({ type: "forms:add", value: form });
       cms.dispatch({ type: "forms:set-active-form-id", value: form.id });
       return () => {
@@ -5064,44 +5438,37 @@ This will work when developing locally but NOT when deployed to production.
     if (!cms.state.activeFormId) {
       return null;
     }
-    const activeForm = cms.state.forms.find(({ tinaForm }) => tinaForm.id === form.id);
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React__default["default"].createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "w-full max-w-form flex gap-1.5 justify-between items-center"
-    }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Link, {
-      to: `/collections/${collection.name}/~${parentFolder2}`,
-      className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
-    }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0"
-    }, "/"), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate"
-    }, `${filename}.${collection.format}`), /* @__PURE__ */ React__default["default"].createElement(toolkit.FormStatus, {
-      pristine: formIsPristine
-    }))), activeForm && /* @__PURE__ */ React__default["default"].createElement(toolkit.FormBuilder, {
-      form: activeForm,
-      onPristineChange: setFormIsPristine
-    }));
+    const activeForm = cms.state.forms.find(
+      ({ tinaForm }) => tinaForm.id === form.id
+    );
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React.createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React.createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-form flex gap-1.5 justify-between items-center" }, /* @__PURE__ */ React.createElement(
+        reactRouterDom.Link,
+        {
+          to: `/collections/${collection.name}/~${parentFolder2}`,
+          className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
+        },
+        collection.label ? collection.label : collection.name
+      ), /* @__PURE__ */ React.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React.createElement("span", { className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate" }, `${filename}.${collection.format}`), /* @__PURE__ */ React.createElement(toolkit.FormStatus, { pristine: formIsPristine }))
+    ), activeForm && /* @__PURE__ */ React.createElement(toolkit.FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine }));
   };
   const ScreenPage = () => {
     const { screenName } = reactRouterDom.useParams();
     const navBreakpoint = 1e3;
     const windowWidth = windowSize.useWindowWidth();
     const renderNavToggle = windowWidth < navBreakpoint + 1;
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
       var _a, _b;
       const screens = cms.plugins.getType("screen").all();
-      const selectedScreen = screens.find(({ name }) => slugify(name) === screenName);
-      return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: "relative w-full h-full flex flex-col items-stretch justify-between"
-      }, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React__default["default"].createElement(toolkit.BillingWarning, null), renderNavToggle && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `py-5 border-b border-gray-200 bg-white pl-18`
-      }, selectedScreen.name), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: "flex-1 overflow-y-auto relative flex flex-col items-stretch justify-between"
-      }, /* @__PURE__ */ React__default["default"].createElement(selectedScreen.Component, {
-        close: () => {
-        }
-      })));
+      const selectedScreen = screens.find(
+        ({ name }) => slugify(name) === screenName
+      );
+      return /* @__PURE__ */ React.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React.createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React.createElement(toolkit.BillingWarning, null), renderNavToggle && /* @__PURE__ */ React.createElement("div", { className: `py-5 border-b border-gray-200 bg-white pl-18` }, selectedScreen.name), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto relative flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React.createElement(selectedScreen.Component, { close: () => {
+      } })));
     });
   };
   const IndexingPage = () => {
@@ -5110,14 +5477,22 @@ This will work when developing locally but NOT when deployed to production.
     const currentBranch = tinaApi.branch;
     const kind = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.kind");
     const { setCurrentBranch } = toolkit.useBranchData();
-    const [state, setState] = React__default["default"].useState(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState"));
-    const [errorMessage, setErrorMessage] = React__default["default"].useState("");
-    const [baseBranch, setBaseBranch] = React__default["default"].useState(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.baseBranch"));
+    const [state, setState] = React.useState(
+      localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState")
+    );
+    const [errorMessage, setErrorMessage] = React.useState("");
+    const [baseBranch, setBaseBranch] = React.useState(
+      localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.baseBranch")
+    );
     const [searchParams] = reactRouterDom.useSearchParams();
     const back = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.back");
     const fullPath = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.fullPath");
-    const values = JSON.parse(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.values"));
-    const [branch, setBranch] = React__default["default"].useState("tina/" + searchParams.get("branch"));
+    const values = JSON.parse(
+      localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.values")
+    );
+    const [branch, setBranch] = React.useState(
+      "tina/" + searchParams.get("branch")
+    );
     React.useEffect(() => {
       const run = async () => {
         if (state === "starting") {
@@ -5137,14 +5512,18 @@ This will work when developing locally but NOT when deployed to production.
           } catch (e) {
             console.error(e);
             cms.alerts.error("Branch creation failed: " + e.message);
-            setErrorMessage("Branch creation failed, please try again. By refreshing the page.");
+            setErrorMessage(
+              "Branch creation failed, please try again. By refreshing the page."
+            );
             setState("error");
           }
         }
         if (state === "indexing") {
           try {
             const [
+              // When this promise resolves, we know the index status is no longer 'inprogress' or 'unknown'
               waitForIndexStatusPromise,
+              // Calling this function will cancel the polling
               _cancelWaitForIndexFunc
             ] = tinaApi.waitForIndexStatus({
               ref: branch
@@ -5155,14 +5534,19 @@ This will work when developing locally but NOT when deployed to production.
             setState("submitting");
           } catch {
             cms.alerts.error("Branch indexing failed.");
-            setErrorMessage('Branch indexing failed, please check the Tina Cloud dashboard for more information. To try again chick "re-index" on the branch in the dashboard.');
+            setErrorMessage(
+              'Branch indexing failed, please check the Tina Cloud dashboard for more information. To try again chick "re-index" on the branch in the dashboard.'
+            );
             setState("error");
           }
         }
         if (state === "submitting") {
           try {
             setBaseBranch(tinaApi.branch);
-            localStorage.setItem("tina.createBranchState.baseBranch", tinaApi.branch);
+            localStorage.setItem(
+              "tina.createBranchState.baseBranch",
+              tinaApi.branch
+            );
             setCurrentBranch(branch);
             const collection = tinaApi.schema.getCollectionByFullPath(fullPath);
             const api = new TinaAdminApi(cms);
@@ -5188,7 +5572,9 @@ This will work when developing locally but NOT when deployed to production.
           } catch (e) {
             console.error(e);
             cms.alerts.error("Content save failed.");
-            setErrorMessage("Content save failed, please try again. If the problem persists please contact support.");
+            setErrorMessage(
+              "Content save failed, please try again. If the problem persists please contact support."
+            );
             setState("error");
           }
         }
@@ -5196,7 +5582,7 @@ This will work when developing locally but NOT when deployed to production.
           const foo = await tinaApi.createPullRequest({
             baseBranch,
             branch,
-            title: "PR from TinaCMS"
+            title: `${branch.replace("tina/", "").replace("-", " ")} (PR from TinaCMS)`
           });
           console.log("PR created", foo);
           cms.alerts.success("Pull request created.");
@@ -5212,21 +5598,18 @@ This will work when developing locally but NOT when deployed to production.
       }
     }, [state]);
     if (!back || !fullPath || !values || !branch) {
-      return /* @__PURE__ */ React__default["default"].createElement(Wrapper, null, /* @__PURE__ */ React__default["default"].createElement("p", null, "Missing params please try again."));
+      return /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement("p", null, "Missing params please try again."));
     }
-    return /* @__PURE__ */ React__default["default"].createElement(Wrapper, null, state !== "done" && state !== "error" && /* @__PURE__ */ React__default["default"].createElement(BiLoaderAlt, {
-      className: `opacity-70 text-blue-400 animate-spin w-10 h-auto`
-    }), (state === "starting" || state === "creatingBranch") && /* @__PURE__ */ React__default["default"].createElement("p", null, "Creating branch\u2026"), state === "indexing" && /* @__PURE__ */ React__default["default"].createElement("p", null, "Indexing Content\u2026"), state === "submitting" && /* @__PURE__ */ React__default["default"].createElement("p", null, "Saving content\u2026"), state === "creatingPR" && /* @__PURE__ */ React__default["default"].createElement("p", null, "Creating Pull Request\u2026"), state === "error" && /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: "flex items-center gap-1 text-red-700"
-    }, /* @__PURE__ */ React__default["default"].createElement(BiError, {
-      className: "w-7 h-auto text-red-400 flex-shrink-0"
-    }), " ", /* @__PURE__ */ React__default["default"].createElement("b", null, "Error:"), " ", errorMessage, " "));
+    return /* @__PURE__ */ React.createElement(Wrapper, null, state !== "done" && state !== "error" && /* @__PURE__ */ React.createElement(
+      BiLoaderAlt,
+      {
+        className: `opacity-70 text-blue-400 animate-spin w-10 h-auto`
+      }
+    ), (state === "starting" || state === "creatingBranch") && /* @__PURE__ */ React.createElement("p", null, "Creating branch…"), state === "indexing" && /* @__PURE__ */ React.createElement("p", null, "Indexing Content…"), state === "submitting" && /* @__PURE__ */ React.createElement("p", null, "Saving content…"), state === "creatingPR" && /* @__PURE__ */ React.createElement("p", null, "Creating Pull Request…"), state === "error" && /* @__PURE__ */ React.createElement("p", { className: "flex items-center gap-1 text-red-700" }, /* @__PURE__ */ React.createElement(BiError, { className: "w-7 h-auto text-red-400 flex-shrink-0" }), " ", /* @__PURE__ */ React.createElement("b", null, "Error:"), " ", errorMessage, " "));
   };
-  const Wrapper = ({ children }) => /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full h-full flex flex-col justify-center items-center gap-4 p-6 text-xl text-gray-700"
-  }, children);
+  const Wrapper = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "w-full h-full flex flex-col justify-center items-center gap-4 p-6 text-xl text-gray-700" }, children);
   const Redirect = () => {
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (window) {
         window.location.assign("/");
       }
@@ -5238,7 +5621,7 @@ This will work when developing locally but NOT when deployed to production.
     children
   }) => {
     const navigate = reactRouterDom.useNavigate();
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (redirect) {
         navigate("/~");
       }
@@ -5249,7 +5632,7 @@ This will work when developing locally but NOT when deployed to production.
     preview,
     cms
   }) => {
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (preview) {
         cms.flags.set("tina-iframe", true);
       }
@@ -5259,21 +5642,21 @@ This will work when developing locally but NOT when deployed to production.
   const PreviewInner = ({ preview, config }) => {
     const params = reactRouterDom.useParams();
     const navigate = reactRouterDom.useNavigate();
-    const [url, setURL] = React__default["default"].useState(`/${params["*"]}`);
+    const [url, setURL] = React.useState(`/${params["*"]}`);
     const [reportedURL, setReportedURL] = React.useState(null);
-    const ref = React__default["default"].useRef(null);
+    const ref = React.useRef(null);
     const paramURL = `/${params["*"]}`;
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (reportedURL !== paramURL && paramURL) {
         setURL(paramURL);
       }
     }, [paramURL]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if ((reportedURL !== url || reportedURL !== paramURL) && reportedURL) {
         navigate(`/~${reportedURL}`);
       }
     }, [reportedURL]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       setInterval(() => {
         var _a;
         if (ref.current) {
@@ -5287,11 +5670,7 @@ This will work when developing locally but NOT when deployed to production.
       }, 100);
     }, [ref.current]);
     const Preview = preview;
-    return /* @__PURE__ */ React__default["default"].createElement(Preview, {
-      url,
-      iframeRef: ref,
-      ...config
-    });
+    return /* @__PURE__ */ React.createElement(Preview, { url, iframeRef: ref, ...config });
   };
   const CheckSchema = ({
     schemaJson,
@@ -5300,7 +5679,7 @@ This will work when developing locally but NOT when deployed to production.
     const cms = toolkit.useCMS();
     const api = new TinaAdminApi(cms);
     const url = api.api.contentApiUrl;
-    const [schemaMissingError, setSchemaMissingError] = React__default["default"].useState(false);
+    const [schemaMissingError, setSchemaMissingError] = React.useState(false);
     const currentBranch = decodeURIComponent(cms.api.tina.branch);
     React.useEffect(() => {
       if (schemaJson && cms) {
@@ -5308,7 +5687,9 @@ This will work when developing locally but NOT when deployed to production.
           localSchema: schemaJson
         }).then((x) => {
           if (x === false) {
-            cms.alerts.error("GraphQL Schema Mismatch. Editing may not work. If you just switched branches, try going back to the previous branch");
+            cms.alerts.error(
+              "GraphQL Schema Mismatch. Editing may not work. If you just switched branches, try going back to the previous branch"
+            );
           }
         }).catch((e) => {
           if (e.message.includes("has not been indexed by Tina Cloud")) {
@@ -5319,23 +5700,19 @@ This will work when developing locally but NOT when deployed to production.
         });
       }
     }, [cms, JSON.stringify(schemaJson || {}), url]);
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, schemaMissingError ? /* @__PURE__ */ React__default["default"].createElement(toolkit.Modal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.PopupModal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalHeader, null, "Branch Not Found"), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalBody, {
-      padded: true
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "tina-prose"
-    }, "The current branch (", /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "font-bold"
-    }, currentBranch), ") has either been merged or deleted.")), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex-1"
-    }), /* @__PURE__ */ React__default["default"].createElement(toolkit.Button, {
-      style: { flexGrow: 1 },
-      className: "w-full",
-      variant: "primary",
-      onClick: () => {
-        window.localStorage.removeItem("tinacms-current-branch");
-        window.location.reload();
-      }
-    }, "Switch back to default branch")))) : children);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, schemaMissingError ? /* @__PURE__ */ React.createElement(toolkit.Modal, null, /* @__PURE__ */ React.createElement(toolkit.PopupModal, null, /* @__PURE__ */ React.createElement(toolkit.ModalHeader, null, "Branch Not Found"), /* @__PURE__ */ React.createElement(toolkit.ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("div", { className: "tina-prose" }, "The current branch (", /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, currentBranch), ") has either been merged or deleted.")), /* @__PURE__ */ React.createElement(toolkit.ModalActions, null, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React.createElement(
+      toolkit.Button,
+      {
+        style: { flexGrow: 1 },
+        className: "w-full",
+        variant: "primary",
+        onClick: () => {
+          window.localStorage.removeItem("tinacms-current-branch");
+          window.location.reload();
+        }
+      },
+      "Switch back to default branch"
+    )))) : children);
   };
   const TinaAdmin = ({
     preview,
@@ -5349,9 +5726,9 @@ This will work when developing locally but NOT when deployed to production.
       return null;
     }
     if (!edit) {
-      return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(LoginPage, null));
+      return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(LoginPage, null));
     }
-    return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
       var _a, _b, _c;
       const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
       if (isTinaAdminEnabled) {
@@ -5361,91 +5738,99 @@ This will work when developing locally but NOT when deployed to production.
           return typeof ((_a2 = x == null ? void 0 : x.ui) == null ? void 0 : _a2.router) === "function";
         });
         const hasRouter = Boolean(collectionWithRouter);
-        return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(CheckSchema, {
-          schemaJson
-        }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(SetPreviewFlag, {
-          preview,
-          cms
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, preview && /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "/~/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(PreviewInner, {
-            config,
-            preview
-          })
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "graphql",
-          element: /* @__PURE__ */ React__default["default"].createElement(PlainLayout, null, /* @__PURE__ */ React__default["default"].createElement(Playground, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "branch/new",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(IndexingPage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/new/:collectionName",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/duplicate/:collectionName/~/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionDuplicatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/duplicate/:collectionName/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionDuplicatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/new/:collectionName/:templateName",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/new/:collectionName/:templateName/~/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/new/:collectionName/~/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/edit/:collectionName/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionUpdatePage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "collections/:collectionName/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(CollectionListPage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "screens/:screenName",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(ScreenPage, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "logout",
-          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(LogoutRedirect, null))
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "/",
-          element: /* @__PURE__ */ React__default["default"].createElement(MaybeRedirectToPreview, {
-            redirect: !!preview && hasRouter
-          }, /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
-            cms
-          }, /* @__PURE__ */ React__default["default"].createElement(DashboardPage, null)))
-        })))));
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CheckSchema, { schemaJson }, /* @__PURE__ */ React.createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React.createElement(SetPreviewFlag, { preview, cms }), /* @__PURE__ */ React.createElement(reactRouterDom.Routes, null, preview && /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "/~/*",
+            element: /* @__PURE__ */ React.createElement(PreviewInner, { config, preview })
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "graphql",
+            element: /* @__PURE__ */ React.createElement(PlainLayout, null, /* @__PURE__ */ React.createElement(Playground, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "branch/new",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(IndexingPage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/new/:collectionName",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/duplicate/:collectionName/~/*",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionDuplicatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/duplicate/:collectionName/*",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionDuplicatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/new/:collectionName/:templateName",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/new/:collectionName/:templateName/~/*",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/new/:collectionName/~/*",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/edit/:collectionName/*",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionUpdatePage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "collections/:collectionName/*",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionListPage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "screens/:screenName",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(ScreenPage, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "logout",
+            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(LogoutRedirect, null))
+          }
+        ), /* @__PURE__ */ React.createElement(
+          reactRouterDom.Route,
+          {
+            path: "/",
+            element: /* @__PURE__ */ React.createElement(
+              MaybeRedirectToPreview,
+              {
+                redirect: !!preview && hasRouter
+              },
+              /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(DashboardPage, null))
+            )
+          }
+        )))));
       } else {
-        return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "logout",
-          element: /* @__PURE__ */ React__default["default"].createElement(LogoutPage, null)
-        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-          path: "/",
-          element: /* @__PURE__ */ React__default["default"].createElement(Redirect, null)
-        }))));
+        return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React.createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React.createElement(reactRouterDom.Route, { path: "logout", element: /* @__PURE__ */ React.createElement(LogoutPage, null) }), /* @__PURE__ */ React.createElement(reactRouterDom.Route, { path: "/", element: /* @__PURE__ */ React.createElement(Redirect, null) }))));
       }
     });
   };
@@ -5453,28 +5838,26 @@ This will work when developing locally but NOT when deployed to production.
     cms,
     children
   }) => {
-    return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex items-stretch h-screen overflow-hidden"
-    }, /* @__PURE__ */ React__default["default"].createElement(Sidebar, {
-      cms
-    }), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex-1 relative"
-    }, children)));
+    return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-stretch h-screen overflow-hidden" }, /* @__PURE__ */ React.createElement(Sidebar, { cms }), /* @__PURE__ */ React.createElement("div", { className: "flex-1 relative" }, children)));
   };
   const PlainLayout = ({ children }) => {
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        overflow: "auto",
-        background: "#F6F6F9",
-        fontFamily: "'Inter', sans-serif",
-        zIndex: 9999
-      }
-    }, children);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          overflow: "auto",
+          background: "#F6F6F9",
+          fontFamily: "'Inter', sans-serif",
+          zIndex: 9999
+        }
+      },
+      children
+    );
   };
   class RouteMappingPlugin {
     constructor(mapper) {
@@ -5501,21 +5884,15 @@ This will work when developing locally but NOT when deployed to production.
   const defineConfig = defineStaticConfig;
   Object.defineProperty(exports2, "MdxFieldPluginExtendible", {
     enumerable: true,
-    get: function() {
-      return toolkit.MdxFieldPluginExtendible;
-    }
+    get: () => toolkit.MdxFieldPluginExtendible
   });
   Object.defineProperty(exports2, "NAMER", {
     enumerable: true,
-    get: function() {
-      return schemaTools.NAMER;
-    }
+    get: () => schemaTools.NAMER
   });
   Object.defineProperty(exports2, "resolveField", {
     enumerable: true,
-    get: function() {
-      return schemaTools.resolveField;
-    }
+    get: () => schemaTools.resolveField
   });
   exports2.AuthWallInner = AuthWallInner;
   exports2.Client = Client;
@@ -5532,7 +5909,7 @@ This will work when developing locally but NOT when deployed to production.
   exports2.assertShape = assertShape;
   exports2.asyncPoll = asyncPoll;
   exports2.createClient = createClient;
-  exports2["default"] = TinaCMSProvider2;
+  exports2.default = TinaCMSProvider2;
   exports2.defineConfig = defineConfig;
   exports2.defineLegacyConfig = defineLegacyConfig;
   exports2.defineSchema = defineSchema;
@@ -5543,13 +5920,11 @@ This will work when developing locally but NOT when deployed to production.
   exports2.staticRequest = staticRequest;
   exports2.useDocumentCreatorPlugin = useDocumentCreatorPlugin;
   exports2.useTinaAuthRedirect = useTinaAuthRedirect;
-  Object.keys(toolkit).forEach(function(k) {
+  Object.keys(toolkit).forEach((k) => {
     if (k !== "default" && !exports2.hasOwnProperty(k))
       Object.defineProperty(exports2, k, {
         enumerable: true,
-        get: function() {
-          return toolkit[k];
-        }
+        get: () => toolkit[k]
       });
   });
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });