tinacms 2.7.6 → 2.7.8

package/dist/admin/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/admin/pages/CollectionListPage.d.ts

@@ -1,8 +1,8 @@
+import type { Collection } from '@tinacms/schema-tools';
+import { type TinaCMS } from '@tinacms/toolkit';
 import React from 'react';
 import { type NavigateFunction } from 'react-router-dom';
-import { type TinaCMS } from '@tinacms/toolkit';
 import type { CollectionResponse, DocumentSys } from '../types';
-import type { Collection } from '@tinacms/schema-tools';
 export declare const handleNavigate: (navigate: NavigateFunction, cms: TinaCMS, collection: CollectionResponse, collectionDefinition: Collection<true>, document: DocumentSys) => Promise<any>;
 declare const CollectionListPage: () => React.JSX.Element;
 export default CollectionListPage;

package/dist/index.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate"), require("@udecode/plate-common"), require("@udecode/plate-slash-command"), require("slate-react"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("class-variance-authority"), require("lucide-react"), require("mermaid"), require("@udecode/plate-heading"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-table"), require("@udecode/plate-resizable"), require("@radix-ui/react-popover"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("@react-hook/window-size"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("graphql"), require("@tinacms/schema-tools"), require("graphql-tag"), require("@graphql-inspector/core"), require("yup"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate", "@udecode/plate-common", "@udecode/plate-slash-command", "slate-react", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "class-variance-authority", "lucide-react", "mermaid", "@udecode/plate-heading", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-table", "@udecode/plate-resizable", "@radix-ui/react-popover", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "@react-hook/window-size", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "graphql", "@tinacms/schema-tools", "graphql-tag", "@graphql-inspector/core", "yup", "react-router-dom", "@tinacms/mdx"], 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, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, 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, React, reactDom, cn$1, plate, plateCommon, plateSlashCommand, slateReact, plateCodeBlock, MonacoEditor, react, classVarianceAuthority, lucideReact, mermaid, plateHeading, react$1, plateCombobox, plateTable, plateResizable, PopoverPrimitive, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, windowSize, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, graphql, schemaTools, gql, core, yup, reactRouterDom, mdx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate"), require("@udecode/plate-common"), require("@udecode/plate-slash-command"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("slate-react"), require("@headlessui/react"), require("class-variance-authority"), require("lucide-react"), require("mermaid"), require("@udecode/plate-heading"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-table"), require("@udecode/plate-resizable"), require("@radix-ui/react-popover"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("@react-hook/window-size"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("graphql"), require("@tinacms/schema-tools"), require("graphql-tag"), require("@graphql-inspector/core"), require("yup"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate", "@udecode/plate-common", "@udecode/plate-slash-command", "@udecode/plate-code-block", "@monaco-editor/react", "slate-react", "@headlessui/react", "class-variance-authority", "lucide-react", "mermaid", "@udecode/plate-heading", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-table", "@udecode/plate-resizable", "@radix-ui/react-popover", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "@react-hook/window-size", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "graphql", "@tinacms/schema-tools", "graphql-tag", "@graphql-inspector/core", "yup", "react-router-dom", "@tinacms/mdx"], 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, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, 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, React, reactDom, cn$1, plate, plateCommon, plateSlashCommand, plateCodeBlock, MonacoEditor, slateReact, react, classVarianceAuthority, lucideReact, mermaid, plateHeading, react$1, plateCombobox, plateTable, plateResizable, PopoverPrimitive, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, windowSize, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, graphql, schemaTools, gql, core, yup, reactRouterDom, mdx) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -2954,7 +2954,6 @@ flowchart TD
         children,
         ...props
       }) => {
-        const selected = slateReact.useSelected();
         return /* @__PURE__ */ React.createElement(
           "div",
           {
@@ -2965,8 +2964,7 @@ flowchart TD
             ...attributes,
             ...props
           },
-          children,
-          selected && /* @__PURE__ */ React.createElement("span", { className: "absolute h-4 -top-2 inset-0 ring-2 ring-blue-100 ring-inset rounded-md z-10 pointer-events-none" })
+          children
         );
       },
       [plate.ELEMENT_TABLE]: TableElement,
@@ -10888,7 +10886,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.7.6";
+  const version = "2.7.8";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -12763,11 +12761,11 @@ flowchart TD
           }
         };
         return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, createBranchModalOpen && /* @__PURE__ */ React__namespace.createElement(
-          CreateBranchModel,
+          CreateBranchModal,
           {
             safeSubmit,
             crudType: tinaForm.crudType,
-            relativePath: tinaForm.relativePath,
+            path: tinaForm.relativePath,
             values: tinaForm.values,
             close: () => setCreateBranchModalOpen(false)
           }
@@ -12883,6 +12881,22 @@ flowchart TD
     relativePath: relativePath2,
     values,
     crudType
+  }) => /* @__PURE__ */ React__namespace.createElement(
+    CreateBranchModal,
+    {
+      close: close2,
+      safeSubmit,
+      path: relativePath2,
+      values,
+      crudType
+    }
+  );
+  const CreateBranchModal = ({
+    close: close2,
+    safeSubmit,
+    path,
+    values,
+    crudType
   }) => {
     const cms = useCMS$1();
     const tinaApi = cms.api.tina;
@@ -12891,7 +12905,7 @@ flowchart TD
     const [error, setError] = React__namespace.useState("");
     const onCreateBranch = (newBranchName2) => {
       localStorage.setItem("tina.createBranchState", "starting");
-      localStorage.setItem("tina.createBranchState.fullPath", relativePath2);
+      localStorage.setItem("tina.createBranchState.fullPath", path);
       localStorage.setItem(
         "tina.createBranchState.values",
         JSON.stringify(values)
@@ -13971,11 +13985,11 @@ flowchart TD
     }
   );
   Editor.displayName = "Editor";
-  const TooltipProvider = TooltipPrimitive__namespace.Provider;
-  const Tooltip = TooltipPrimitive__namespace.Root;
-  const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+  const TooltipProvider$1 = TooltipPrimitive__namespace.Provider;
+  const Tooltip$1 = TooltipPrimitive__namespace.Root;
+  const TooltipTrigger$1 = TooltipPrimitive__namespace.Trigger;
   const TooltipPortal = TooltipPrimitive__namespace.Portal;
-  const TooltipContent = cn$1.withCn(
+  const TooltipContent$1 = cn$1.withCn(
     cn$1.withProps(TooltipPrimitive__namespace.Content, {
       sideOffset: 4
     }),
@@ -13989,7 +14003,7 @@ flowchart TD
       }, []);
       const component = /* @__PURE__ */ React.createElement(Component, { ref, ...props });
       if (tooltip && mounted) {
-        return /* @__PURE__ */ React.createElement(Tooltip, { ...tooltipProps }, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, component), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(TooltipContent, { ...tooltipContentProps }, tooltip)));
+        return /* @__PURE__ */ React.createElement(Tooltip$1, { ...tooltipProps }, /* @__PURE__ */ React.createElement(TooltipTrigger$1, { asChild: true }, component), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(TooltipContent$1, { ...tooltipContentProps }, tooltip)));
       }
       return component;
     });
@@ -15028,6 +15042,7 @@ flowchart TD
   }
   const protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
   const emailLintRE = /mailto:([^?\\]+)/;
+  const telLintRE = /tel:([\d-]+)/;
   const localhostDomainRE = /^localhost[\d:?]*(?:[^\d:?]\S*)?$/;
   const nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
   const localUrlRE = /^\/\S+/;
@@ -15040,24 +15055,24 @@ flowchart TD
     }
     const generalMatch = string.match(protocolAndDomainRE);
     const emailLinkMatch = string.match(emailLintRE);
+    const telLinkMatch = string.match(telLintRE);
     const localUrlMatch = string.match(localUrlRE);
-    const match = generalMatch || emailLinkMatch || localUrlMatch;
-    if (!match) {
-      return false;
-    }
-    if (localUrlMatch) {
+    if (emailLinkMatch || telLinkMatch || localUrlMatch) {
       return true;
     }
-    const everythingAfterProtocol = match[1];
-    if (!everythingAfterProtocol) {
-      return false;
-    }
-    try {
-      new URL(string);
-    } catch {
-      return false;
+    if (generalMatch) {
+      const everythingAfterProtocol = generalMatch[1];
+      if (!everythingAfterProtocol) {
+        return false;
+      }
+      try {
+        new URL(string);
+      } catch {
+        return false;
+      }
+      return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
     }
-    return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
+    return false;
   };
   const RichEditor = ({ input, tinaForm, field }) => {
     var _a;
@@ -15122,7 +15137,7 @@ flowchart TD
           });
         }
       },
-      /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(TooltipProvider$1, null, /* @__PURE__ */ React.createElement(
         ToolbarProvider,
         {
           tinaForm,
@@ -32299,8 +32314,8 @@ This will work when developing locally but NOT when deployed to production.
     return client.request(query, { variables });
   };
   const GetCMS = ({ children }) => {
+    const cms = useCMS$1();
     try {
-      const cms = useCMS$1();
       return /* @__PURE__ */ React.createElement(React.Fragment, null, children(cms));
     } catch (e) {
       return null;
@@ -32653,6 +32668,22 @@ This will work when developing locally but NOT when deployed to production.
   };
   const PageBody = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
   const PageBodyNarrow = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
+  const TooltipProvider = TooltipPrimitive__namespace.Provider;
+  const Tooltip = TooltipPrimitive__namespace.Root;
+  const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+  const TooltipContent = React__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(TooltipPrimitive__namespace.Portal, null, /* @__PURE__ */ React__namespace.createElement(
+    TooltipPrimitive__namespace.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-[10000] overflow-hidden rounded-md bg-[#FFF] px-3 py-1.5 text-xs text-[#504E5E] shadow-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+        className
+      ),
+      ...props
+    }
+  )));
+  TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
   const folderRegex = /^.*\/~\/*(.*)$/;
   const parentFolder = (folder) => {
     return {
@@ -32919,10 +32950,10 @@ This will work when developing locally but NOT when deployed to production.
               close: () => setDeleteModalOpen(false)
             }
           ), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(
-            CreateBranchModel,
+            CreateBranchModal,
             {
               crudType: "delete",
-              relativePath: `${collectionExtra.path}/${vars.relativePath}`,
+              path: `${collectionExtra.path}/${vars.relativePath}`,
               values: vars,
               close: () => setDeleteModalOpen(false),
               safeSubmit: async () => {
@@ -33093,10 +33124,14 @@ This will work when developing locally but NOT when deployed to production.
               size: "small"
             },
             "Search not configured."
-          )))), /* @__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" }, !collection.templates && allowCreate && /* @__PURE__ */ React.createElement(React.Fragment, null, allowCreateNestedFolder && /* @__PURE__ */ React.createElement(
+          )))), 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) => {
+                if (collection.templates) {
+                  evt.preventDefault();
+                  return;
+                }
                 setVars((old) => ({
                   ...old,
                   collection: collectionName,
@@ -33106,12 +33141,32 @@ This will work when developing locally but NOT when deployed to production.
                 evt.stopPropagation();
               },
               to: "/collections/new-folder",
-              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-blue-500 bg-white hover:bg-[#f1f5f9] focus:ring-white focus:ring-blue-500 w-full md:w-auto text-sm h-10 px-6 mr-4"
+              className: cn(
+                "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-blue-500 bg-white hover:bg-[#f1f5f9] focus:ring-white focus:ring-blue-500 w-full md:w-auto text-sm h-10 px-6 mr-4",
+                collection.templates && "opacity-50 pointer-events-none cursor-not-allowed"
+              ),
+              "aria-disabled": !!collection.templates,
+              tabIndex: collection.templates ? -1 : 0
             },
             /* @__PURE__ */ React.createElement(FaFolder, { className: "mr-2" }),
-            "Add Folder",
-            " "
-          ), /* @__PURE__ */ React.createElement(
+            "Add Folder"
+          ))), collection.templates && /* @__PURE__ */ React.createElement(
+            TooltipContent,
+            {
+              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(
+              "a",
+              {
+                href: "https://tina.io/docs/reference/templates",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "underline text-blue-500"
+              },
+              "https://tina.io/docs/reference/templates"
+            ))
+          )))), !collection.templates && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
             reactRouterDom.Link,
             {
               to: `/${folder.fullyQualifiedName ? [
@@ -33130,7 +33185,7 @@ This will work when developing locally but NOT when deployed to production.
             /* @__PURE__ */ React.createElement(FaFile, { className: "mr-2" }),
             "Add Files",
             " "
-          )), collection.templates && allowCreate && /* @__PURE__ */ React.createElement(
+          )), collection.templates && /* @__PURE__ */ React.createElement(
             TemplateMenu,
             {
               collectionName,
@@ -33708,22 +33763,28 @@ 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 ? (
+      // biome-ignore lint/correctness/useHookAtTopLevel: not ready to fix these yet
+      useSearchCollection(
+        cms,
+        collectionName,
+        includeDocuments,
+        folder,
+        startCursor || "",
+        search
+      )
+    ) : (
+      // biome-ignore lint/correctness/useHookAtTopLevel: not ready to fix these yet
+      useGetCollection(
+        cms,
+        collectionName,
+        includeDocuments,
+        folder,
+        startCursor || "",
+        sortKey,
+        filterArgs
+      ) || {}
+    );
     React.useEffect(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (loading)
@@ -34239,7 +34300,7 @@ This will work when developing locally but NOT when deployed to production.
     const form = React.useMemo(() => {
       return new Form({
         // id is the full document path
-        id: `${schemaCollection.path}/${relativePath2}`,
+        id: schemaTools.canonicalPath(`${schemaCollection.path}/${relativePath2}`),
         label: "form",
         fields: formInfo.fields,
         initialValues: document2._values,
@@ -34402,7 +34463,10 @@ This will work when developing locally but NOT when deployed to production.
             const collection = tinaApi.schema.getCollectionByFullPath(fullPath);
             const api = new TinaAdminApi(cms);
             const params = api.schema.transformPayload(collection.name, values);
-            const relativePath2 = fullPath.replace(`${collection.path}/`, "");
+            const relativePath2 = pathRelativeToCollection(
+              collection.path,
+              fullPath
+            );
             if (await api.isAuthenticated()) {
               if (kind === "delete") {
                 await api.deleteDocument(values);
@@ -34468,6 +34532,16 @@ This will work when developing locally but NOT when deployed to production.
     ), (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.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 pathRelativeToCollection = (collectionPath, fullPath) => {
+    const cleanCollectionPath = schemaTools.canonicalPath(collectionPath) + "/";
+    const cleanFullPath = schemaTools.canonicalPath(fullPath);
+    if (cleanFullPath.startsWith(cleanCollectionPath)) {
+      return cleanFullPath.substring(cleanCollectionPath.length);
+    }
+    throw new Error(
+      `Path ${fullPath} not within collection path ${collectionPath}`
+    );
+  };
   const Redirect = () => {
     React.useEffect(() => {
       if (window) {
@@ -34894,6 +34968,7 @@ This will work when developing locally but NOT when deployed to production.
   exports2.ColorField = ColorField;
   exports2.ColorFieldPlugin = ColorFieldPlugin;
   exports2.ColorPicker = ColorPicker;
+  exports2.CreateBranchModal = CreateBranchModal;
   exports2.CreateBranchModel = CreateBranchModel;
   exports2.CursorPaginator = CursorPaginator;
   exports2.DEFAULT_LOCAL_TINA_GQL_SERVER_URL = DEFAULT_LOCAL_TINA_GQL_SERVER_URL;

package/dist/index.mjs

@@ -12,9 +12,9 @@ import { withRef, cn as cn$1, withVariants, withProps, withCn, createPrimitiveEl
 import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, ELEMENT_TABLE, ELEMENT_TR, ELEMENT_TD, ELEMENT_TH, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createBasicMarksPlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createUnderlinePlugin, createListPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, createTablePlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
 import { PlateElement, isCollapsed, findNodePath, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, getPointBefore, setNodes, isElement, PlateLeaf, createPluginFactory, useComposedRef, useEditorRef, createPointRef, insertText, moveSelection, toggleNodeType, useElement, useRemoveNodeButton, useEditorSelector, isSelectionExpanded, withHOC, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, getNodeEntries, useEditorState, collapseSelection, insertEmptyElement, useMarkToolbarButtonState, useMarkToolbarButton, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
 import { ELEMENT_SLASH_INPUT, createSlashPlugin } from "@udecode/plate-slash-command";
-import { useSelected, useReadOnly, ReactEditor } from "slate-react";
 import { useCodeBlockElementState, useCodeSyntaxLeaf, ELEMENT_CODE_BLOCK as ELEMENT_CODE_BLOCK$1 } from "@udecode/plate-code-block";
 import MonacoEditor, { loader, useMonaco } from "@monaco-editor/react";
+import { useSelected, useReadOnly, ReactEditor } from "slate-react";
 import { Combobox as Combobox$1, ComboboxInput, ComboboxButton, Transition, ComboboxOptions, ComboboxOption, Popover as Popover$3, PopoverButton, PopoverPanel, TransitionChild, Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItems, MenuItem } from "@headlessui/react";
 import { cva } from "class-variance-authority";
 import { Eye, SquarePen, Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, ChevronDown, PaintBucket, Quote, Check, ChevronRight, ChevronsUpDown, X, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Search, Settings, Strikethrough, Subscript, Superscript, Table, Text, Underline, Link2Off, Moon, SunMedium, Twitter } from "lucide-react";
@@ -54,7 +54,7 @@ import { ELEMENT_PARAGRAPH as ELEMENT_PARAGRAPH$1 } from "@udecode/plate-paragra
 import { ELEMENT_BLOCKQUOTE as ELEMENT_BLOCKQUOTE$1 } from "@udecode/plate-block-quote";
 import { useFloatingToolbarState, offset, flip, useFloatingToolbar } from "@udecode/plate-floating";
 import { getIntrospectionQuery, buildClientSchema, print, parse as parse$3, buildSchema } from "graphql";
-import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, validateSchema } from "@tinacms/schema-tools";
+import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
 import { NAMER, resolveField } from "@tinacms/schema-tools";
 import gql from "graphql-tag";
 import { diff } from "@graphql-inspector/core";
@@ -2981,7 +2981,6 @@ const Components = () => {
       children,
       ...props
     }) => {
-      const selected = useSelected();
       return /* @__PURE__ */ React__default.createElement(
         "div",
         {
@@ -2992,8 +2991,7 @@ const Components = () => {
           ...attributes,
           ...props
         },
-        children,
-        selected && /* @__PURE__ */ React__default.createElement("span", { className: "absolute h-4 -top-2 inset-0 ring-2 ring-blue-100 ring-inset rounded-md z-10 pointer-events-none" })
+        children
       );
     },
     [ELEMENT_TABLE]: TableElement,
@@ -10915,7 +10913,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.7.6";
+const version = "2.7.8";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -12790,11 +12788,11 @@ const FormBuilder = ({
         }
       };
       return /* @__PURE__ */ React.createElement(React.Fragment, null, createBranchModalOpen && /* @__PURE__ */ React.createElement(
-        CreateBranchModel,
+        CreateBranchModal,
         {
           safeSubmit,
           crudType: tinaForm.crudType,
-          relativePath: tinaForm.relativePath,
+          path: tinaForm.relativePath,
           values: tinaForm.values,
           close: () => setCreateBranchModalOpen(false)
         }
@@ -12910,6 +12908,22 @@ const CreateBranchModel = ({
   relativePath: relativePath2,
   values,
   crudType
+}) => /* @__PURE__ */ React.createElement(
+  CreateBranchModal,
+  {
+    close: close2,
+    safeSubmit,
+    path: relativePath2,
+    values,
+    crudType
+  }
+);
+const CreateBranchModal = ({
+  close: close2,
+  safeSubmit,
+  path,
+  values,
+  crudType
 }) => {
   const cms = useCMS$1();
   const tinaApi = cms.api.tina;
@@ -12918,7 +12932,7 @@ const CreateBranchModel = ({
   const [error, setError] = React.useState("");
   const onCreateBranch = (newBranchName2) => {
     localStorage.setItem("tina.createBranchState", "starting");
-    localStorage.setItem("tina.createBranchState.fullPath", relativePath2);
+    localStorage.setItem("tina.createBranchState.fullPath", path);
     localStorage.setItem(
       "tina.createBranchState.values",
       JSON.stringify(values)
@@ -13998,11 +14012,11 @@ const Editor = React__default.forwardRef(
   }
 );
 Editor.displayName = "Editor";
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipProvider$1 = TooltipPrimitive.Provider;
+const Tooltip$1 = TooltipPrimitive.Root;
+const TooltipTrigger$1 = TooltipPrimitive.Trigger;
 const TooltipPortal = TooltipPrimitive.Portal;
-const TooltipContent = withCn(
+const TooltipContent$1 = withCn(
   withProps(TooltipPrimitive.Content, {
     sideOffset: 4
   }),
@@ -14016,7 +14030,7 @@ function withTooltip(Component) {
     }, []);
     const component = /* @__PURE__ */ React__default.createElement(Component, { ref, ...props });
     if (tooltip && mounted) {
-      return /* @__PURE__ */ React__default.createElement(Tooltip, { ...tooltipProps }, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, component), /* @__PURE__ */ React__default.createElement(TooltipPortal, null, /* @__PURE__ */ React__default.createElement(TooltipContent, { ...tooltipContentProps }, tooltip)));
+      return /* @__PURE__ */ React__default.createElement(Tooltip$1, { ...tooltipProps }, /* @__PURE__ */ React__default.createElement(TooltipTrigger$1, { asChild: true }, component), /* @__PURE__ */ React__default.createElement(TooltipPortal, null, /* @__PURE__ */ React__default.createElement(TooltipContent$1, { ...tooltipContentProps }, tooltip)));
     }
     return component;
   });
@@ -15055,6 +15069,7 @@ function LinkFloatingToolbar({ state }) {
 }
 const protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
 const emailLintRE = /mailto:([^?\\]+)/;
+const telLintRE = /tel:([\d-]+)/;
 const localhostDomainRE = /^localhost[\d:?]*(?:[^\d:?]\S*)?$/;
 const nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
 const localUrlRE = /^\/\S+/;
@@ -15067,24 +15082,24 @@ const isUrl = (string) => {
   }
   const generalMatch = string.match(protocolAndDomainRE);
   const emailLinkMatch = string.match(emailLintRE);
+  const telLinkMatch = string.match(telLintRE);
   const localUrlMatch = string.match(localUrlRE);
-  const match = generalMatch || emailLinkMatch || localUrlMatch;
-  if (!match) {
-    return false;
-  }
-  if (localUrlMatch) {
+  if (emailLinkMatch || telLinkMatch || localUrlMatch) {
     return true;
   }
-  const everythingAfterProtocol = match[1];
-  if (!everythingAfterProtocol) {
-    return false;
-  }
-  try {
-    new URL(string);
-  } catch {
-    return false;
+  if (generalMatch) {
+    const everythingAfterProtocol = generalMatch[1];
+    if (!everythingAfterProtocol) {
+      return false;
+    }
+    try {
+      new URL(string);
+    } catch {
+      return false;
+    }
+    return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
   }
-  return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
+  return false;
 };
 const RichEditor = ({ input, tinaForm, field }) => {
   var _a;
@@ -15149,7 +15164,7 @@ const RichEditor = ({ input, tinaForm, field }) => {
         });
       }
     },
-    /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(TooltipProvider$1, null, /* @__PURE__ */ React__default.createElement(
       ToolbarProvider,
       {
         tinaForm,
@@ -32326,8 +32341,8 @@ This will work when developing locally but NOT when deployed to production.
   return client.request(query, { variables });
 };
 const GetCMS = ({ children }) => {
+  const cms = useCMS$1();
   try {
-    const cms = useCMS$1();
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children(cms));
   } catch (e) {
     return null;
@@ -32680,6 +32695,22 @@ const PageHeader = ({
 };
 const PageBody = ({ children }) => /* @__PURE__ */ React__default.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
 const PageBodyNarrow = ({ children }) => /* @__PURE__ */ React__default.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-[10000] overflow-hidden rounded-md bg-[#FFF] px-3 py-1.5 text-xs text-[#504E5E] shadow-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 const folderRegex = /^.*\/~\/*(.*)$/;
 const parentFolder = (folder) => {
   return {
@@ -32946,10 +32977,10 @@ const CollectionListPage = () => {
             close: () => setDeleteModalOpen(false)
           }
         ), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default.createElement(
-          CreateBranchModel,
+          CreateBranchModal,
           {
             crudType: "delete",
-            relativePath: `${collectionExtra.path}/${vars.relativePath}`,
+            path: `${collectionExtra.path}/${vars.relativePath}`,
             values: vars,
             close: () => setDeleteModalOpen(false),
             safeSubmit: async () => {
@@ -33120,10 +33151,14 @@ const CollectionListPage = () => {
             size: "small"
           },
           "Search not configured."
-        )))), /* @__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" }, !collection.templates && allowCreate && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, allowCreateNestedFolder && /* @__PURE__ */ React__default.createElement(
+        )))), 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,
           {
             onMouseDown: (evt) => {
+              if (collection.templates) {
+                evt.preventDefault();
+                return;
+              }
               setVars((old) => ({
                 ...old,
                 collection: collectionName,
@@ -33133,12 +33168,32 @@ const CollectionListPage = () => {
               evt.stopPropagation();
             },
             to: "/collections/new-folder",
-            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-blue-500 bg-white hover:bg-[#f1f5f9] focus:ring-white focus:ring-blue-500 w-full md:w-auto text-sm h-10 px-6 mr-4"
+            className: cn(
+              "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-blue-500 bg-white hover:bg-[#f1f5f9] focus:ring-white focus:ring-blue-500 w-full md:w-auto text-sm h-10 px-6 mr-4",
+              collection.templates && "opacity-50 pointer-events-none cursor-not-allowed"
+            ),
+            "aria-disabled": !!collection.templates,
+            tabIndex: collection.templates ? -1 : 0
           },
           /* @__PURE__ */ React__default.createElement(FaFolder, { className: "mr-2" }),
-          "Add Folder",
-          " "
-        ), /* @__PURE__ */ React__default.createElement(
+          "Add Folder"
+        ))), collection.templates && /* @__PURE__ */ React__default.createElement(
+          TooltipContent,
+          {
+            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(
+            "a",
+            {
+              href: "https://tina.io/docs/reference/templates",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "underline text-blue-500"
+            },
+            "https://tina.io/docs/reference/templates"
+          ))
+        )))), !collection.templates && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
           Link,
           {
             to: `/${folder.fullyQualifiedName ? [
@@ -33157,7 +33212,7 @@ const CollectionListPage = () => {
           /* @__PURE__ */ React__default.createElement(FaFile, { className: "mr-2" }),
           "Add Files",
           " "
-        )), collection.templates && allowCreate && /* @__PURE__ */ React__default.createElement(
+        )), collection.templates && /* @__PURE__ */ React__default.createElement(
           TemplateMenu,
           {
             collectionName,
@@ -33735,22 +33790,28 @@ const GetCollection = ({
   search
 }) => {
   const navigate = 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 ? (
+    // biome-ignore lint/correctness/useHookAtTopLevel: not ready to fix these yet
+    useSearchCollection(
+      cms,
+      collectionName,
+      includeDocuments,
+      folder,
+      startCursor || "",
+      search
+    )
+  ) : (
+    // biome-ignore lint/correctness/useHookAtTopLevel: not ready to fix these yet
+    useGetCollection(
+      cms,
+      collectionName,
+      includeDocuments,
+      folder,
+      startCursor || "",
+      sortKey,
+      filterArgs
+    ) || {}
+  );
   useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (loading)
@@ -34266,7 +34327,7 @@ const RenderForm = ({
   const form = useMemo(() => {
     return new Form({
       // id is the full document path
-      id: `${schemaCollection.path}/${relativePath2}`,
+      id: canonicalPath(`${schemaCollection.path}/${relativePath2}`),
       label: "form",
       fields: formInfo.fields,
       initialValues: document2._values,
@@ -34429,7 +34490,10 @@ const IndexingPage = () => {
           const collection = tinaApi.schema.getCollectionByFullPath(fullPath);
           const api = new TinaAdminApi(cms);
           const params = api.schema.transformPayload(collection.name, values);
-          const relativePath2 = fullPath.replace(`${collection.path}/`, "");
+          const relativePath2 = pathRelativeToCollection(
+            collection.path,
+            fullPath
+          );
           if (await api.isAuthenticated()) {
             if (kind === "delete") {
               await api.deleteDocument(values);
@@ -34495,6 +34559,16 @@ const IndexingPage = () => {
   ), (state === "starting" || state === "creatingBranch") && /* @__PURE__ */ React__default.createElement("p", null, "Creating branch…"), state === "indexing" && /* @__PURE__ */ React__default.createElement("p", null, "Indexing Content…"), state === "submitting" && /* @__PURE__ */ React__default.createElement("p", null, "Saving content…"), state === "creatingPR" && /* @__PURE__ */ React__default.createElement("p", null, "Creating Pull Request…"), state === "error" && /* @__PURE__ */ React__default.createElement("p", { className: "flex items-center gap-1 text-red-700" }, /* @__PURE__ */ React__default.createElement(BiError, { className: "w-7 h-auto text-red-400 flex-shrink-0" }), " ", /* @__PURE__ */ React__default.createElement("b", null, "Error:"), " ", errorMessage, " "));
 };
 const Wrapper = ({ children }) => /* @__PURE__ */ React__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 pathRelativeToCollection = (collectionPath, fullPath) => {
+  const cleanCollectionPath = canonicalPath(collectionPath) + "/";
+  const cleanFullPath = canonicalPath(fullPath);
+  if (cleanFullPath.startsWith(cleanCollectionPath)) {
+    return cleanFullPath.substring(cleanCollectionPath.length);
+  }
+  throw new Error(
+    `Path ${fullPath} not within collection path ${collectionPath}`
+  );
+};
 const Redirect = () => {
   React__default.useEffect(() => {
     if (window) {
@@ -34914,6 +34988,7 @@ export {
   ColorField,
   ColorFieldPlugin,
   ColorPicker,
+  CreateBranchModal,
   CreateBranchModel,
   CursorPaginator,
   DEFAULT_LOCAL_TINA_GQL_SERVER_URL,

package/dist/rich-text/prism.js

@@ -7,7 +7,7 @@
       prismReactRenderer.Highlight,
       {
         theme: prismReactRenderer.themes[props.theme || "github"],
-        code: props.value,
+        code: props.value || "",
         language: props.lang || ""
       },
       ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { ...getTokenProps({ token, key }) })))))

package/dist/rich-text/prism.mjs

@@ -5,7 +5,7 @@ const Prism = (props) => {
     Highlight,
     {
       theme: themes[props.theme || "github"],
-      code: props.value,
+      code: props.value || "",
       language: props.lang || ""
     },
     ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { ...getTokenProps({ token, key }) })))))

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/transforms/is-url.d.ts

@@ -1,6 +1,5 @@
 /**
- * RegExps. A URL must match #1 and then at least one of #2/#3. Use two levels
- * of REs to avoid REDOS.
+ * RegExps. A URL must match #1 or #2 or #3 or #4.
  */
 /** Loosely validate a URL `string`. */
 export declare const isUrl: (string: any) => boolean;

package/dist/toolkit/form-builder/form-builder.d.ts

@@ -19,6 +19,10 @@ export declare const FormWrapper: ({ header, children, id, }: {
     children: React.ReactNode;
     id: string;
 }) => React.JSX.Element;
+/**
+ * @deprecated
+ * Original misspelt version of CreateBranchModal
+ */
 export declare const CreateBranchModel: ({ close, safeSubmit, relativePath, values, crudType, }: {
     safeSubmit: () => Promise<void>;
     close: () => void;
@@ -26,6 +30,13 @@ export declare const CreateBranchModel: ({ close, safeSubmit, relativePath, valu
     values: Record<string, unknown>;
     crudType: string;
 }) => React.JSX.Element;
+export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, }: {
+    safeSubmit: () => Promise<void>;
+    close: () => void;
+    path: string;
+    values: Record<string, unknown>;
+    crudType: string;
+}) => React.JSX.Element;
 export declare const PrefixedTextField: ({ prefix, ...props }: {
     [x: string]: any;
     prefix?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.7.6",
+  "version": "2.7.8",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -66,7 +66,7 @@
     "@graphql-inspector/core": "^6.2.1",
     "@headlessui/react": "2.1.8",
     "@heroicons/react": "^1.0.6",
-    "@monaco-editor/react": "4.4.5",
+    "@monaco-editor/react": "4.7.0-rc.0",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -74,7 +74,7 @@
     "@radix-ui/react-separator": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-toolbar": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.8",
+    "@radix-ui/react-tooltip": "^1.2.6",
     "@react-hook/window-size": "^3.1.1",
     "@udecode/cn": "^33.0.0",
     "@udecode/plate": "^36.5.9",
@@ -129,9 +129,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.6.2",
-    "@tinacms/search": "1.0.44",
-    "@tinacms/schema-tools": "1.7.3"
+    "@tinacms/mdx": "1.6.3",
+    "@tinacms/search": "1.0.45",
+    "@tinacms/schema-tools": "1.7.4"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -164,7 +164,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.3.4"
+    "@tinacms/scripts": "1.3.5"
   },
   "peerDependencies": {
     "react": ">=16.14.0",