tinacms 2.8.3 → 2.9.0

package/dist/client.js

@@ -106,13 +106,13 @@
         additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
       }
       throw new Error(
-        `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/errors/faq/`
+        `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/r/FAQ/`
       );
     }
     const json = await res.json();
     if (json.errors && errorPolicyDefined === "throw") {
       throw new Error(
-        `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/errors/faq/
+        `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/r/FAQ/
       Errors: 
 	${json.errors.map((error) => error.message).join("\n")}`
       );

package/dist/client.mjs

@@ -103,13 +103,13 @@ async function requestFromServer(url, query, optionsObject, errorPolicyDefined)
       additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
     }
     throw new Error(
-      `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/errors/faq/`
+      `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/r/FAQ/`
     );
   }
   const json = await res.json();
   if (json.errors && errorPolicyDefined === "throw") {
     throw new Error(
-      `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/errors/faq/
+      `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/r/FAQ/
       Errors: 
 	${json.errors.map((error) => error.message).join("\n")}`
     );

package/dist/index.js

@@ -38855,6 +38855,18 @@ Please wrap them with useCallback or configure the deps array correctly.`
       }
     );
   };
+  function MdCheckCircle(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }, "child": [] }] })(props);
+  }
+  function MdInfo(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }, "child": [] }] })(props);
+  }
+  function MdError(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }, "child": [] }] })(props);
+  }
+  function MdWarning(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }, "child": [] }] })(props);
+  }
   function MdVpnKey(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12.65 10A5.99 5.99 0 0 0 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6a5.99 5.99 0 0 0 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" }, "child": [] }] })(props);
   }
@@ -42585,13 +42597,13 @@ Please wrap them with useCallback or configure the deps array correctly.`
       {
         target: "_blank",
         className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
-        href: "https://tina.io/docs/tina-cloud/"
+        href: "https://tina.io/docs/r/what-is-tinacloud/"
       },
       "Learn more about moving to production with TinaCloud."
     )), /* @__PURE__ */ React__namespace.createElement("p", null, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
-        href: "https://tina.io/docs/tina-cloud/",
+        href: "https://tina.io/docs/r/what-is-tinacloud/",
         target: "_blank",
         as: "a"
       },
@@ -42821,13 +42833,13 @@ Please wrap them with useCallback or configure the deps array correctly.`
       {
         target: "_blank",
         className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
-        href: "https://tina.io/docs/tina-cloud/"
+        href: "https://tina.io/docs/r/what-is-tinacloud/"
       },
       "Learn more about moving to production with TinaCloud."
     )), /* @__PURE__ */ React__namespace.createElement("p", null, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
-        href: "https://tina.io/docs/tina-cloud/",
+        href: "https://tina.io/docs/r/what-is-tinacloud/",
         target: "_blank",
         as: "a"
       },
@@ -43744,18 +43756,14 @@ Please wrap them with useCallback or configure the deps array correctly.`
       }
       let res;
       if (!this.isLocal) {
-        if (await this.isAuthenticated()) {
-          res = await this.api.authProvider.fetchWithToken(
-            `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}`
-          );
-          if (res.status == 401) {
-            throw E_UNAUTHORIZED;
-          }
-          if (res.status == 404) {
-            throw E_BAD_ROUTE;
-          }
-        } else {
-          throw new Error("Not authenticated");
+        res = await this.api.authProvider.fetchWithToken(
+          `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}`
+        );
+        if (res.status == 401) {
+          throw E_UNAUTHORIZED;
+        }
+        if (res.status == 404) {
+          throw E_BAD_ROUTE;
         }
       } else {
         res = await this.fetchFunction(
@@ -43955,18 +43963,17 @@ Please wrap them with useCallback or configure the deps array correctly.`
   const E_UNAUTHORIZED = new MediaListError({
     title: "Unauthorized",
     message: "You don't have access to this resource.",
-    docsLink: "https://tina.io/docs/reference/media/overview"
+    docsLink: "https://tina.io/docs/r/repo-based-media"
   });
   const E_BAD_ROUTE = new MediaListError({
     title: "Bad Route",
     message: "The Cloudinary API route is missing or misconfigured.",
-    docsLink: "https://tina.io/docs/reference/media/external/authentication/"
+    docsLink: "https://tina.io/docs/r/backend-media-handler/"
   });
   new MediaListError({
     title: "An Error Occurred",
     message: "Something went wrong accessing your media from TinaCloud.",
-    docsLink: ""
-    // TODO
+    docsLink: "https://tina.io/docs/r/repo-based-media"
   });
   class Flags {
     constructor(events2) {
@@ -44110,7 +44117,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
           "a",
           {
             className: "text-blue-500 underline",
-            href: "https://tina.io/docs/editing/markdown/#registering-the-field-plugins",
+            href: "https://tina.io/docs/r/custom-fields-react",
             target: "_blank",
             rel: "noreferrer noopener"
           },
@@ -44314,7 +44321,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     }
     const thumbnail = (item.thumbnails || {})["400x400"];
     const itemIsImage = isImage(thumbnail);
-    return /* @__PURE__ */ React.createElement("li", { className: "block overflow-hidden flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("li", { className: "block flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React.createElement(
       "button",
       {
         className: cn(
@@ -44332,6 +44339,17 @@ Please wrap them with useCallback or configure the deps array correctly.`
           }
         }
       },
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: cn(
+            "absolute bottom-0 left-0 w-full text-xs text-white px-2 py-1 truncate z-10",
+            active ? "bg-blue-500/60" : "bg-black/60"
+          ),
+          style: { pointerEvents: "none" }
+        },
+        item.filename
+      ),
       item.new && /* @__PURE__ */ React.createElement("span", { className: "absolute top-1 right-1 rounded shadow bg-green-100 border border-green-200 text-[10px] tracking-wide font-bold text-green-600 px-1.5 py-0.5 z-10" }, "NEW"),
       /* @__PURE__ */ React.createElement("div", { className: "relative w-full flex items-center justify-center" }, itemIsImage ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         "img",
@@ -44344,16 +44362,6 @@ Please wrap them with useCallback or configure the deps array correctly.`
           src: thumbnail,
           alt: item.filename
         }
-      ), /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn(
-            "absolute bottom-0 left-0 w-full text-xs text-white px-2 py-1 truncate z-10",
-            active ? "bg-blue-500/60" : "bg-black/60"
-          ),
-          style: { pointerEvents: "none" }
-        },
-        item.filename
       )) : /* @__PURE__ */ React.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React.createElement(FileIcon, { className: "w-[30%] h-auto fill-gray-300" }), /* @__PURE__ */ React.createElement("span", { className: "block text-base text-gray-600 w-full break-words truncate" }, item.filename)))
     ));
   }
@@ -44449,7 +44457,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
   const defaultListError = new MediaListError({
     title: "Error fetching media",
     message: "Something went wrong while requesting the resource.",
-    docsLink: "https://tina.io/docs/media/#media-store"
+    docsLink: "https://tina.io/docs/r/repo-based-media"
   });
   function MediaPicker({
     allowDelete,
@@ -44669,7 +44677,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
         {
           title: "No Media Store Configured",
           message: "To use the media manager, you need to configure a Media Store.",
-          docsLink: "https://tina.io/docs/reference/media/overview/"
+          docsLink: "https://tina.io/docs/r/repo-based-media"
         }
       );
     }
@@ -45157,19 +45165,35 @@ Please wrap them with useCallback or configure the deps array correctly.`
   function PiSidebarSimpleLight(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM38,200V56a2,2,0,0,1,2-2H82V202H40A2,2,0,0,1,38,200Zm180,0a2,2,0,0,1-2,2H94V54H216a2,2,0,0,1,2,2Z" }, "child": [] }] })(props);
   }
-  const Alert$1 = ({
+  const Callout = ({
     children,
-    alertStyle = "warning",
+    calloutStyle = "warning",
     className = "",
     ...props
   }) => {
+    const commonAlertStyles = "ml-8 text-sm px-4 py-3 rounded-md border";
     const styles = {
-      warning: "ml-8 text-sm px-4 py-2 text-amber-700 bg-amber-100 rounded border border-amber-700/20"
+      warning: `text-amber-700 bg-amber-100 border-amber-700/20`,
+      info: `text-blue-600 bg-blue-100/50 border-blue-600/20`,
+      success: `text-green-600 bg-green-100/50 border-green-600/20`,
+      error: `text-red-600 bg-red-100/50 border-red-600/20`
     };
     const icon = {
-      warning: /* @__PURE__ */ React__namespace.createElement(AiFillWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" })
+      warning: /* @__PURE__ */ React__namespace.createElement(MdWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" }),
+      info: /* @__PURE__ */ React__namespace.createElement(MdInfo, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-[#1D4ED8]" }),
+      success: /* @__PURE__ */ React__namespace.createElement(MdCheckCircle, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-green-600" }),
+      error: /* @__PURE__ */ React__namespace.createElement(MdError, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-red-600" })
     };
-    return /* @__PURE__ */ React__namespace.createElement("div", { className: cn$1(styles[alertStyle], className), ...props }, icon[alertStyle], " ", children);
+    return /* @__PURE__ */ React__namespace.createElement(
+      "div",
+      {
+        className: cn$1(commonAlertStyles, styles[calloutStyle], className),
+        ...props
+      },
+      icon[calloutStyle],
+      " ",
+      children
+    );
   };
   const LocalWarning = () => {
     var _a2, _b;
@@ -45178,7 +45202,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     if (!isLocalMode) {
       return null;
     }
-    return /* @__PURE__ */ React__namespace.createElement(Alert$1, { alertStyle: "warning" }, /* @__PURE__ */ React__namespace.createElement("a", { href: "https://tina.io/docs/tina-cloud/", target: "_blank" }, "You are in local mode"));
+    return /* @__PURE__ */ React__namespace.createElement(Callout, { calloutStyle: "warning", className: "w-fit" }, /* @__PURE__ */ React__namespace.createElement("a", { href: "https://tina.io/docs/r/what-is-tinacloud/", target: "_blank" }, "You are in local mode"));
   };
   const BillingWarning = () => {
     var _a2;
@@ -45919,7 +45943,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     requiredArgs(1, arguments);
     return formatDistance(dirtyDate, Date.now(), options);
   }
-  const version$1 = "2.8.3";
+  const version$1 = "2.9.0";
   const VersionInfo = () => {
     var _a2, _b, _c, _d, _e, _f;
     const cms = useCMS();
@@ -46144,11 +46168,11 @@ Please wrap them with useCallback or configure the deps array correctly.`
       },
       { Site: [] }
     );
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-baseline" }, /* @__PURE__ */ React__namespace.createElement(
       "button",
       {
         className: cn(
-          "fixed pointer-events-auto p-4 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded z-10",
+          "pointer-events-auto p-4 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded z-10",
           menuIsOpen ? "hidden" : ""
         ),
         onClick: () => {
@@ -46156,7 +46180,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
         }
       },
       /* @__PURE__ */ React__namespace.createElement(BiMenu, { className: "h-6 w-auto text-gray-600" })
-    ), /* @__PURE__ */ React__namespace.createElement(
+    )), /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
         className: cn(
@@ -46182,7 +46206,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
       /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("h4", { className: "flex space-x-1 justify-items-start uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, /* @__PURE__ */ React__namespace.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React__namespace.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React__namespace.createElement(
         "a",
         {
-          href: "https://tina.io/docs/schema/#defining-collections",
+          href: "https://tina.io/docs/r/content-modelling-collections",
           target: "_blank"
         },
         /* @__PURE__ */ React__namespace.createElement(FiInfo, null)
@@ -46626,12 +46650,12 @@ Please wrap them with useCallback or configure the deps array correctly.`
     /* @__PURE__ */ React__namespace.createElement("p", { className: "block pt-5" }, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
-        href: "https://tina.io/docs/contextual-editing/overview",
+        href: "https://tina.io/docs/r/visual-editing-setup",
         target: "_blank",
         as: "a"
       },
       /* @__PURE__ */ React__namespace.createElement(Emoji$1, { className: "mr-1.5" }, "📖"),
-      " Contextual Editing Docs"
+      " Visual Editing Docs"
     ))
   );
   const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React__namespace.createElement(
@@ -47280,7 +47304,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
               name: "Support",
               link: {
                 text: "Support",
-                href: "https://tina.io/docs/support"
+                href: "https://tina.io/docs/r/support"
               },
               Icon: MdOutlineHelpOutline
             })
@@ -47617,7 +47641,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
       return alert.level !== "error";
     }).map((alert) => {
-      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React.createElement(
         CloseAlert,
         {
           onClick: () => {
@@ -47638,7 +47662,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
             alerts.dismiss(alert);
           }
         },
-        /* @__PURE__ */ React.createElement(BiError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
+        /* @__PURE__ */ React.createElement(MdError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
         " ",
         "Error"
       ), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("div", { className: "tina-prose" }, /* @__PURE__ */ React.createElement(AlertMessage, null))), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React.createElement(
@@ -47672,7 +47696,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `rounded shadow-lg border-l-[6px] font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+        className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
         style: {
           animationName: "fly-in-up, fade-in",
           animationTimingFunction: "ease-out",
@@ -47684,7 +47708,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `flex items-center gap-1.5 min-w-[350px] rounded-r border p-2 ${borderClasses[level]}`,
+          className: `flex items-center gap-1.5 min-w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
           ...props
         }
       )
@@ -47696,7 +47720,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
       className: "border-none bg-transparent p-0 outline-none flex items-center",
       ...styleProps
     },
-    /* @__PURE__ */ React.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0 opacity-50" })
+    /* @__PURE__ */ React.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0" })
   );
   function CursorPaginator({
     navigateNext,
@@ -119894,7 +119918,7 @@ mutation addPendingDocumentMutation(
               {
                 className: "text-gray-600",
                 style: { textDecoration: "underline" },
-                href: "https://tina.io/docs/errors/faq/",
+                href: "https://tina.io/docs/r/FAQ/",
                 target: "_blank"
               },
               " ",
@@ -119952,7 +119976,7 @@ mutation addPendingDocumentMutation(
       !schema.config.contentApiUrlOverride
     ) {
       throw new Error(
-        "Invalid setup. See https://tina.io/docs/tina-cloud/overview for more information."
+        "Invalid setup. See https://tina.io/docs/r/what-is-tinacloud for more information."
       );
     }
     if (!schema) {
@@ -120286,7 +120310,7 @@ This will work when developing locally but NOT when deployed to production.
           {
             className: "text-gray-600",
             style: { textDecoration: "underline" },
-            href: "https://tina.io/docs/errors/faq/",
+            href: "https://tina.io/docs/r/FAQ/",
             target: "_blank"
           },
           " ",
@@ -120412,7 +120436,7 @@ This will work when developing locally but NOT when deployed to production.
     headerClassName,
     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" }, /* @__PURE__ */ React.createElement("div", { className: `py-2 px-4 ${headerClassName}` }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement(BranchButton, null), /* @__PURE__ */ React.createElement(BranchPreviewButton, 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 overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, /* @__PURE__ */ React.createElement("div", { className: `py-2 pl-4 pr-4 w-full ${headerClassName}` }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement(BranchButton, null), /* @__PURE__ */ React.createElement(BranchPreviewButton, null))), children);
   };
   const PageHeader = ({
     children
@@ -120803,7 +120827,7 @@ This will work when developing locally but NOT when deployed to production.
               },
               close: () => setFolderModalOpen(false)
             }
-          ), /* @__PURE__ */ React.createElement(PageHeader, null, /* @__PURE__ */ React.createElement("div", { className: "w-full" }, /* @__PURE__ */ React.createElement("h3", { className: "font-sans text-2xl text-gray-700" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 items-start" }, (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 w-full md:w-auto" }, /* @__PURE__ */ React.createElement(
+          ), /* @__PURE__ */ React.createElement(PageHeader, null, /* @__PURE__ */ React.createElement("div", { className: "w-full" }, /* @__PURE__ */ React.createElement("h3", { className: "font-sans text-2xl text-tina-orange" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 items-baseline" }, (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 w-full md:w-auto" }, /* @__PURE__ */ React.createElement(
             "label",
             {
               htmlFor: "sort",
@@ -120858,7 +120882,7 @@ This will work when developing locally but NOT when deployed to production.
                 }
               }
             }
-          ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, searchEnabled ? /* @__PURE__ */ React.createElement(
+          ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-row gap-2 items-end w-full" }, searchEnabled ? /* @__PURE__ */ React.createElement(
             SearchInput,
             {
               loading: _loading,
@@ -120867,16 +120891,15 @@ This will work when developing locally but NOT when deployed to production.
               searchInput,
               setSearchInput
             }
-          ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "h-4" }), /* @__PURE__ */ React.createElement(
-            Message,
+          ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "block font-sans text-xs font-semibold opacity-0" }, " "), /* @__PURE__ */ React.createElement(Callout, { calloutStyle: "info" }, " ", "You have not configured search.", " ", /* @__PURE__ */ React.createElement(
+            "a",
             {
-              link: "https://tina.io/docs/reference/search/overview",
-              linkLabel: "Read The Docs",
-              type: "info",
-              size: "small"
+              href: "https://tina.io/docs/r/content-search",
+              target: "_blank",
+              className: "underline hover:text-blue-700 transition-all duration-150"
             },
-            "Search not configured."
-          )))), allowCreate && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-2 md:gap-0 pt-4 lg:pt-0" }, allowCreateNestedFolder && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+            "Read the docs"
+          ))))), allowCreate && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-2 md:gap-0 pt-4 lg:pt-0" }, allowCreateNestedFolder && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             reactRouterDom.Link,
             {
               onMouseDown: (evt) => {
@@ -120908,15 +120931,15 @@ This will work when developing locally but NOT when deployed to production.
               side: "top",
               align: "center"
             },
-            /* @__PURE__ */ React.createElement("p", null, "Folders can’t be manually added when using templates.", /* @__PURE__ */ React.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React.createElement(
+            /* @__PURE__ */ React.createElement("p", null, "Folders can't be manually added when using templates.", /* @__PURE__ */ React.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React.createElement(
               "a",
               {
-                href: "https://tina.io/docs/reference/templates",
+                href: "https://tina.io/docs/r/content-modelling-templates",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "underline text-blue-500"
               },
-              "https://tina.io/docs/reference/templates"
+              "https://tina.io/docs/r/content-modelling-templates"
             ))
           )))), !collection.templates && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
             reactRouterDom.Link,
@@ -120943,7 +120966,7 @@ This will work when developing locally but NOT when deployed to production.
               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, ")")), /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-x-auto" }, (folder.name && !search || 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(
+          ))))), /* @__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, ")")), /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-x-auto shadow-md rounded-md" }, (folder.name && !search || 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", null, folder.name && !search ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React.createElement(
             Breadcrumb,
             {
               folder,
@@ -120988,6 +121011,7 @@ This will work when developing locally but NOT when deployed to production.
             return /* @__PURE__ */ React.createElement(
               "tr",
               {
+                className: "hover:bg-gray-100 transition-colors duration-300",
                 key: `document-${document2.node._sys.relativePath}`
               },
               /* @__PURE__ */ React.createElement(
@@ -122067,7 +122091,7 @@ This will work when developing locally but NOT when deployed to production.
       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" }, /* @__PURE__ */ React.createElement("div", { className: "pt-2 px-6 bg-white" }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null)), /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "py-2 px-6 w-fit " }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null)), /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `xl:hidden pl-6 py-5 border-b border-gray-200 bg-white`

package/dist/index.mjs

@@ -38882,6 +38882,18 @@ const ToggleInput = ({ disabled, ...props }) => {
     }
   );
 };
+function MdCheckCircle(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }, "child": [] }] })(props);
+}
+function MdInfo(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }, "child": [] }] })(props);
+}
+function MdError(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }, "child": [] }] })(props);
+}
+function MdWarning(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }, "child": [] }] })(props);
+}
 function MdVpnKey(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12.65 10A5.99 5.99 0 0 0 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6a5.99 5.99 0 0 0 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" }, "child": [] }] })(props);
 }
@@ -42612,13 +42624,13 @@ const BranchSwitcherLegacy = ({
     {
       target: "_blank",
       className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
-      href: "https://tina.io/docs/tina-cloud/"
+      href: "https://tina.io/docs/r/what-is-tinacloud/"
     },
     "Learn more about moving to production with TinaCloud."
   )), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement(
     Button$1,
     {
-      href: "https://tina.io/docs/tina-cloud/",
+      href: "https://tina.io/docs/r/what-is-tinacloud/",
       target: "_blank",
       as: "a"
     },
@@ -42848,13 +42860,13 @@ const EditoralBranchSwitcher = ({
     {
       target: "_blank",
       className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
-      href: "https://tina.io/docs/tina-cloud/"
+      href: "https://tina.io/docs/r/what-is-tinacloud/"
     },
     "Learn more about moving to production with TinaCloud."
   )), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement(
     Button$1,
     {
-      href: "https://tina.io/docs/tina-cloud/",
+      href: "https://tina.io/docs/r/what-is-tinacloud/",
       target: "_blank",
       as: "a"
     },
@@ -43771,18 +43783,14 @@ class TinaMediaStore {
     }
     let res;
     if (!this.isLocal) {
-      if (await this.isAuthenticated()) {
-        res = await this.api.authProvider.fetchWithToken(
-          `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}`
-        );
-        if (res.status == 401) {
-          throw E_UNAUTHORIZED;
-        }
-        if (res.status == 404) {
-          throw E_BAD_ROUTE;
-        }
-      } else {
-        throw new Error("Not authenticated");
+      res = await this.api.authProvider.fetchWithToken(
+        `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}`
+      );
+      if (res.status == 401) {
+        throw E_UNAUTHORIZED;
+      }
+      if (res.status == 404) {
+        throw E_BAD_ROUTE;
       }
     } else {
       res = await this.fetchFunction(
@@ -43982,18 +43990,17 @@ class MediaListError extends Error {
 const E_UNAUTHORIZED = new MediaListError({
   title: "Unauthorized",
   message: "You don't have access to this resource.",
-  docsLink: "https://tina.io/docs/reference/media/overview"
+  docsLink: "https://tina.io/docs/r/repo-based-media"
 });
 const E_BAD_ROUTE = new MediaListError({
   title: "Bad Route",
   message: "The Cloudinary API route is missing or misconfigured.",
-  docsLink: "https://tina.io/docs/reference/media/external/authentication/"
+  docsLink: "https://tina.io/docs/r/backend-media-handler/"
 });
 new MediaListError({
   title: "An Error Occurred",
   message: "Something went wrong accessing your media from TinaCloud.",
-  docsLink: ""
-  // TODO
+  docsLink: "https://tina.io/docs/r/repo-based-media"
 });
 class Flags {
   constructor(events2) {
@@ -44137,7 +44144,7 @@ function createPlaceholder(name, _pr) {
         "a",
         {
           className: "text-blue-500 underline",
-          href: "https://tina.io/docs/editing/markdown/#registering-the-field-plugins",
+          href: "https://tina.io/docs/r/custom-fields-react",
           target: "_blank",
           rel: "noreferrer noopener"
         },
@@ -44341,7 +44348,7 @@ function GridMediaItem({ item, active, onClick }) {
   }
   const thumbnail = (item.thumbnails || {})["400x400"];
   const itemIsImage = isImage(thumbnail);
-  return /* @__PURE__ */ React__default.createElement("li", { className: "block overflow-hidden flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("li", { className: "block flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: cn(
@@ -44359,6 +44366,17 @@ function GridMediaItem({ item, active, onClick }) {
         }
       }
     },
+    /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        className: cn(
+          "absolute bottom-0 left-0 w-full text-xs text-white px-2 py-1 truncate z-10",
+          active ? "bg-blue-500/60" : "bg-black/60"
+        ),
+        style: { pointerEvents: "none" }
+      },
+      item.filename
+    ),
     item.new && /* @__PURE__ */ React__default.createElement("span", { className: "absolute top-1 right-1 rounded shadow bg-green-100 border border-green-200 text-[10px] tracking-wide font-bold text-green-600 px-1.5 py-0.5 z-10" }, "NEW"),
     /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full flex items-center justify-center" }, itemIsImage ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
       "img",
@@ -44371,16 +44389,6 @@ function GridMediaItem({ item, active, onClick }) {
         src: thumbnail,
         alt: item.filename
       }
-    ), /* @__PURE__ */ React__default.createElement(
-      "span",
-      {
-        className: cn(
-          "absolute bottom-0 left-0 w-full text-xs text-white px-2 py-1 truncate z-10",
-          active ? "bg-blue-500/60" : "bg-black/60"
-        ),
-        style: { pointerEvents: "none" }
-      },
-      item.filename
     )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(FileIcon, { className: "w-[30%] h-auto fill-gray-300" }), /* @__PURE__ */ React__default.createElement("span", { className: "block text-base text-gray-600 w-full break-words truncate" }, item.filename)))
   ));
 }
@@ -44476,7 +44484,7 @@ function MediaManager2() {
 const defaultListError = new MediaListError({
   title: "Error fetching media",
   message: "Something went wrong while requesting the resource.",
-  docsLink: "https://tina.io/docs/media/#media-store"
+  docsLink: "https://tina.io/docs/r/repo-based-media"
 });
 function MediaPicker({
   allowDelete,
@@ -44696,7 +44704,7 @@ function MediaPicker({
       {
         title: "No Media Store Configured",
         message: "To use the media manager, you need to configure a Media Store.",
-        docsLink: "https://tina.io/docs/reference/media/overview/"
+        docsLink: "https://tina.io/docs/r/repo-based-media"
       }
     );
   }
@@ -45184,19 +45192,35 @@ function ImUsers(props) {
 function PiSidebarSimpleLight(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM38,200V56a2,2,0,0,1,2-2H82V202H40A2,2,0,0,1,38,200Zm180,0a2,2,0,0,1-2,2H94V54H216a2,2,0,0,1,2,2Z" }, "child": [] }] })(props);
 }
-const Alert$1 = ({
+const Callout = ({
   children,
-  alertStyle = "warning",
+  calloutStyle = "warning",
   className = "",
   ...props
 }) => {
+  const commonAlertStyles = "ml-8 text-sm px-4 py-3 rounded-md border";
   const styles = {
-    warning: "ml-8 text-sm px-4 py-2 text-amber-700 bg-amber-100 rounded border border-amber-700/20"
+    warning: `text-amber-700 bg-amber-100 border-amber-700/20`,
+    info: `text-blue-600 bg-blue-100/50 border-blue-600/20`,
+    success: `text-green-600 bg-green-100/50 border-green-600/20`,
+    error: `text-red-600 bg-red-100/50 border-red-600/20`
   };
   const icon = {
-    warning: /* @__PURE__ */ React.createElement(AiFillWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" })
+    warning: /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" }),
+    info: /* @__PURE__ */ React.createElement(MdInfo, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-[#1D4ED8]" }),
+    success: /* @__PURE__ */ React.createElement(MdCheckCircle, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-green-600" }),
+    error: /* @__PURE__ */ React.createElement(MdError, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-red-600" })
   };
-  return /* @__PURE__ */ React.createElement("div", { className: cn$1(styles[alertStyle], className), ...props }, icon[alertStyle], " ", children);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn$1(commonAlertStyles, styles[calloutStyle], className),
+      ...props
+    },
+    icon[calloutStyle],
+    " ",
+    children
+  );
 };
 const LocalWarning = () => {
   var _a2, _b;
@@ -45205,7 +45229,7 @@ const LocalWarning = () => {
   if (!isLocalMode) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Alert$1, { alertStyle: "warning" }, /* @__PURE__ */ React.createElement("a", { href: "https://tina.io/docs/tina-cloud/", target: "_blank" }, "You are in local mode"));
+  return /* @__PURE__ */ React.createElement(Callout, { calloutStyle: "warning", className: "w-fit" }, /* @__PURE__ */ React.createElement("a", { href: "https://tina.io/docs/r/what-is-tinacloud/", target: "_blank" }, "You are in local mode"));
 };
 const BillingWarning = () => {
   var _a2;
@@ -45946,7 +45970,7 @@ function formatDistanceToNow(dirtyDate, options) {
   requiredArgs(1, arguments);
   return formatDistance2(dirtyDate, Date.now(), options);
 }
-const version$1 = "2.8.3";
+const version$1 = "2.9.0";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -46171,11 +46195,11 @@ const Nav = ({
     },
     { Site: [] }
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline" }, /* @__PURE__ */ React.createElement(
     "button",
     {
       className: cn(
-        "fixed pointer-events-auto p-4 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded z-10",
+        "pointer-events-auto p-4 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded z-10",
         menuIsOpen ? "hidden" : ""
       ),
       onClick: () => {
@@ -46183,7 +46207,7 @@ const Nav = ({
       }
     },
     /* @__PURE__ */ React.createElement(BiMenu, { className: "h-6 w-auto text-gray-600" })
-  ), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -46209,7 +46233,7 @@ const Nav = ({
     /* @__PURE__ */ React.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "flex space-x-1 justify-items-start uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, /* @__PURE__ */ React.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(
       "a",
       {
-        href: "https://tina.io/docs/schema/#defining-collections",
+        href: "https://tina.io/docs/r/content-modelling-collections",
         target: "_blank"
       },
       /* @__PURE__ */ React.createElement(FiInfo, null)
@@ -46653,12 +46677,12 @@ const SidebarNoFormsPlaceholder = () => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("p", { className: "block pt-5" }, /* @__PURE__ */ React.createElement(
     Button$1,
     {
-      href: "https://tina.io/docs/contextual-editing/overview",
+      href: "https://tina.io/docs/r/visual-editing-setup",
       target: "_blank",
       as: "a"
     },
     /* @__PURE__ */ React.createElement(Emoji$1, { className: "mr-1.5" }, "📖"),
-    " Contextual Editing Docs"
+    " Visual Editing Docs"
   ))
 );
 const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React.createElement(
@@ -47307,7 +47331,7 @@ class TinaCMS extends CMS {
             name: "Support",
             link: {
               text: "Support",
-              href: "https://tina.io/docs/support"
+              href: "https://tina.io/docs/r/support"
             },
             Icon: MdOutlineHelpOutline
           })
@@ -47644,7 +47668,7 @@ function Alerts2({ alerts }) {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed bottom-0 left-0 right-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
     return alert.level !== "error";
   }).map((alert) => {
-    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
       CloseAlert,
       {
         onClick: () => {
@@ -47665,7 +47689,7 @@ function Alerts2({ alerts }) {
           alerts.dismiss(alert);
         }
       },
-      /* @__PURE__ */ React__default.createElement(BiError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
+      /* @__PURE__ */ React__default.createElement(MdError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
       " ",
       "Error"
     ), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("div", { className: "tina-prose" }, /* @__PURE__ */ React__default.createElement(AlertMessage, null))), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React__default.createElement(
@@ -47699,7 +47723,7 @@ const Alert = ({
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: `rounded shadow-lg border-l-[6px] font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+      className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
       style: {
         animationName: "fly-in-up, fade-in",
         animationTimingFunction: "ease-out",
@@ -47711,7 +47735,7 @@ const Alert = ({
     /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `flex items-center gap-1.5 min-w-[350px] rounded-r border p-2 ${borderClasses[level]}`,
+        className: `flex items-center gap-1.5 min-w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
         ...props
       }
     )
@@ -47723,7 +47747,7 @@ const CloseAlert = ({ ...styleProps }) => /* @__PURE__ */ React__default.createE
     className: "border-none bg-transparent p-0 outline-none flex items-center",
     ...styleProps
   },
-  /* @__PURE__ */ React__default.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0 opacity-50" })
+  /* @__PURE__ */ React__default.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0" })
 );
 function CursorPaginator({
   navigateNext,
@@ -119921,7 +119945,7 @@ class ErrorBoundary extends React__default.Component {
             {
               className: "text-gray-600",
               style: { textDecoration: "underline" },
-              href: "https://tina.io/docs/errors/faq/",
+              href: "https://tina.io/docs/r/FAQ/",
               target: "_blank"
             },
             " ",
@@ -119979,7 +120003,7 @@ const TinaCMSProvider2 = ({
     !schema.config.contentApiUrlOverride
   ) {
     throw new Error(
-      "Invalid setup. See https://tina.io/docs/tina-cloud/overview for more information."
+      "Invalid setup. See https://tina.io/docs/r/what-is-tinacloud for more information."
     );
   }
   if (!schema) {
@@ -120313,7 +120337,7 @@ const ErrorDialog = (props) => {
         {
           className: "text-gray-600",
           style: { textDecoration: "underline" },
-          href: "https://tina.io/docs/errors/faq/",
+          href: "https://tina.io/docs/r/FAQ/",
           target: "_blank"
         },
         " ",
@@ -120439,7 +120463,7 @@ const PageWrapper = ({
   headerClassName,
   children
 }) => {
-  return /* @__PURE__ */ React__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" }, /* @__PURE__ */ React__default.createElement("div", { className: `py-2 px-4 ${headerClassName}` }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React__default.createElement(BranchButton, null), /* @__PURE__ */ React__default.createElement(BranchPreviewButton, null))), children);
+  return /* @__PURE__ */ React__default.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, /* @__PURE__ */ React__default.createElement("div", { className: `py-2 pl-4 pr-4 w-full ${headerClassName}` }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React__default.createElement(BranchButton, null), /* @__PURE__ */ React__default.createElement(BranchPreviewButton, null))), children);
 };
 const PageHeader = ({
   children
@@ -120830,7 +120854,7 @@ const CollectionListPage = () => {
             },
             close: () => setFolderModalOpen(false)
           }
-        ), /* @__PURE__ */ React__default.createElement(PageHeader, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full" }, /* @__PURE__ */ React__default.createElement("h3", { className: "font-sans text-2xl text-gray-700" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 items-start" }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !search && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement(
+        ), /* @__PURE__ */ React__default.createElement(PageHeader, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full" }, /* @__PURE__ */ React__default.createElement("h3", { className: "font-sans text-2xl text-tina-orange" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 items-baseline" }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !search && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement(
           "label",
           {
             htmlFor: "sort",
@@ -120885,7 +120909,7 @@ const CollectionListPage = () => {
               }
             }
           }
-        ))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, searchEnabled ? /* @__PURE__ */ React__default.createElement(
+        ))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-row gap-2 items-end w-full" }, searchEnabled ? /* @__PURE__ */ React__default.createElement(
           SearchInput,
           {
             loading: _loading,
@@ -120894,16 +120918,15 @@ const CollectionListPage = () => {
             searchInput,
             setSearchInput
           }
-        ) : /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "h-4" }), /* @__PURE__ */ React__default.createElement(
-          Message,
+        ) : /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "block font-sans text-xs font-semibold opacity-0" }, " "), /* @__PURE__ */ React__default.createElement(Callout, { calloutStyle: "info" }, " ", "You have not configured search.", " ", /* @__PURE__ */ React__default.createElement(
+          "a",
           {
-            link: "https://tina.io/docs/reference/search/overview",
-            linkLabel: "Read The Docs",
-            type: "info",
-            size: "small"
+            href: "https://tina.io/docs/r/content-search",
+            target: "_blank",
+            className: "underline hover:text-blue-700 transition-all duration-150"
           },
-          "Search not configured."
-        )))), allowCreate && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-2 md:gap-0 pt-4 lg:pt-0" }, allowCreateNestedFolder && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
+          "Read the docs"
+        ))))), allowCreate && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-2 md:gap-0 pt-4 lg:pt-0" }, allowCreateNestedFolder && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
           Link$1,
           {
             onMouseDown: (evt) => {
@@ -120935,15 +120958,15 @@ const CollectionListPage = () => {
             side: "top",
             align: "center"
           },
-          /* @__PURE__ */ React__default.createElement("p", null, "Folders can’t be manually added when using templates.", /* @__PURE__ */ React__default.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React__default.createElement(
+          /* @__PURE__ */ React__default.createElement("p", null, "Folders can't be manually added when using templates.", /* @__PURE__ */ React__default.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React__default.createElement(
             "a",
             {
-              href: "https://tina.io/docs/reference/templates",
+              href: "https://tina.io/docs/r/content-modelling-templates",
               target: "_blank",
               rel: "noopener noreferrer",
               className: "underline text-blue-500"
             },
-            "https://tina.io/docs/reference/templates"
+            "https://tina.io/docs/r/content-modelling-templates"
           ))
         )))), !collection.templates && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
           Link$1,
@@ -120970,7 +120993,7 @@ const CollectionListPage = () => {
             templates: collection.templates,
             folder
           }
-        ))))), /* @__PURE__ */ React__default.createElement(PageBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React__default.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React__default.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-x-auto" }, (folder.name && !search || documents.length > 0) && /* @__PURE__ */ React__default.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React__default.createElement("tbody", { className: "divide-y divide-gray-150" }, folder.name && !search ? /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React__default.createElement(
+        ))))), /* @__PURE__ */ React__default.createElement(PageBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React__default.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React__default.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-x-auto shadow-md rounded-md" }, (folder.name && !search || documents.length > 0) && /* @__PURE__ */ React__default.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React__default.createElement("tbody", null, folder.name && !search ? /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React__default.createElement(
           Breadcrumb,
           {
             folder,
@@ -121015,6 +121038,7 @@ const CollectionListPage = () => {
           return /* @__PURE__ */ React__default.createElement(
             "tr",
             {
+              className: "hover:bg-gray-100 transition-colors duration-300",
               key: `document-${document2.node._sys.relativePath}`
             },
             /* @__PURE__ */ React__default.createElement(
@@ -122094,7 +122118,7 @@ const ScreenPage = () => {
     const selectedScreen = screens.find(
       ({ name }) => slugify(name) === screenName
     );
-    return /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "pt-2 px-6 bg-white" }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null)), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "py-2 px-6 w-fit " }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null)), /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `xl:hidden pl-6 py-5 border-b border-gray-200 bg-white`

package/dist/tina-cms.d.ts

@@ -9,7 +9,7 @@ import type { TinaCMSProviderDefaultProps } from './types/cms';
 export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => React.JSX.Element;
 export type DocumentCreatorCallback = Parameters<typeof useDocumentCreatorPlugin>[0];
 /**
- * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/features/data-fetching/#querying-tina-content-in-nextjs for more details
+ * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/r/content-api-overview for more details
  *
  * A convenience function which makes a GraphQL request
  * to a local GraphQL server and ensures the response fits

package/dist/toolkit/react-sidebar/components/badge.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Badge: ({ children, calloutStyle, className, ...props }: {
+    children?: React.ReactNode;
+    calloutStyle?: "warning" | "info" | "success" | "error";
+} & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/callout.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Callout: ({ children, calloutStyle, className, ...props }: {
+    children?: React.ReactNode;
+    calloutStyle?: "warning" | "info" | "success" | "error";
+} & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.8.3",
+  "version": "2.9.0",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {

package/dist/toolkit/react-sidebar/components/alert.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export declare const Alert: ({ children, alertStyle, className, ...props }: {
-    children?: React.ReactNode;
-    alertStyle?: "warning";
-} & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;