tinacms 3.9.2 → 3.9.4

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

@@ -1,6 +1,6 @@
 import { Collection } from '@tinacms/schema-tools';
-import React from 'react';
 import type { TinaCMS } from '@tinacms/toolkit';
+import React from 'react';
 declare const CollectionCreatePage: () => React.JSX.Element;
 export declare const RenderForm: ({ cms, collection, folder, templateName, mutationInfo, customDefaults, }: {
     cms: TinaCMS;

package/dist/index.js

@@ -36,7 +36,7 @@ import { useHTMLInputCursorState, useComboboxInput } from "@udecode/plate-combob
 import { useComboboxContext, Combobox as Combobox$1, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxItem } from "@ariakit/react";
 import { filterWords } from "@udecode/plate-combobox";
 import { toggleList, unwrapList, getListItemEntry } from "@udecode/plate-list";
-import { normalizeHeadingLevels, ALL_HEADING_LEVELS, isHeadingLevel, TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
+import { normalizeHeadingLevels, ALL_HEADING_LEVELS, canonicalPath, isHeadingLevel, TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, validateSchema } from "@tinacms/schema-tools";
 import { NAMER, resolveField } from "@tinacms/schema-tools";
 import { useBlockSelected, BlockSelectionPlugin } from "@udecode/plate-selection/react";
 import "@udecode/plate-dnd";
@@ -52,7 +52,7 @@ import arrayMutators from "final-form-arrays";
 import setFieldData from "final-form-set-field-data";
 import { Field, Form as Form$1 } from "react-final-form";
 import PropTypes from "prop-types";
-import { BiCheckCircle, BiError, BiInfoCircle, BiCheck, BiFileBlank, BiEdit, BiPencil, BiSearch, BiX, BiRefresh, BiGitBranch, BiPlus, BiLockAlt, BiLinkExternal, BiGitRepoForked, BiCopyAlt, BiFile, BiFolder, BiMovie, BiArrowToBottom, BiCloudUpload, BiGridAlt, BiListUl, BiRightArrowAlt, BiMenu, BiExit, BiChevronRight, BiFolderOpen, BiLeftArrowAlt, BiChevronDown, BiCopy, BiRename, BiTrash, BiArrowBack, BiSync } from "react-icons/bi";
+import { BiCheckCircle, BiError, BiInfoCircle, BiCheck, BiFileBlank, BiEdit, BiPencil, BiSearch, BiX, BiRefresh, BiGitBranch, BiPlus, BiLockAlt, BiLinkExternal, BiGitRepoForked, BiCopyAlt, BiFile, BiFolder, BiMovie, BiArrowToBottom, BiCloudUpload, BiGridAlt, BiListUl, BiRightArrowAlt, BiMenu, BiExit, BiChevronRight, BiFolderOpen, BiArrowBack, BiLeftArrowAlt, BiChevronDown, BiCopy, BiRename, BiTrash, BiSync } from "react-icons/bi";
 import { BsArrowRightShort, BsExclamationOctagonFill, BsCheckCircleFill } from "react-icons/bs";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates, useSortable, SortableContext, verticalListSortingStrategy, defaultAnimateLayoutChanges } from "@dnd-kit/sortable";
@@ -63,7 +63,7 @@ import { buildSchema, print, getIntrospectionQuery, buildClientSchema, parse as
 import { diff as diff$1 } from "@graphql-inspector/core";
 import { processDocumentForIndexing, queryToSearchIndexQuery, optionsToSearchIndexOptions, parseSearchIndexResponse } from "@tinacms/search/index-client";
 import { HexColorPicker } from "react-colorful";
-import { MdKeyboardArrowDown, MdOutlineClear, MdArrowForward, MdAccessTime, MdOutlineDataSaverOff, MdCheckCircle, MdWifiOff, MdOutlineSettings, MdOutlinePhotoLibrary, MdVpnKey, MdImage, MdOutlineCloud, MdWarning, MdInfo, MdError, MdSyncProblem, MdOutlinePerson, MdOutlineHelpOutline } from "react-icons/md";
+import { MdKeyboardArrowDown, MdOutlineClear, MdArrowForward, MdAccessTime, MdOutlineDataSaverOff, MdCheckCircle, MdWifiOff, MdOutlineLanguage, MdOutlinePhotoLibrary, MdVpnKey, MdImage, MdOutlineCloud, MdWarning, MdInfo, MdError, MdSyncProblem, MdOutlinePerson, MdOutlineHelpOutline } from "react-icons/md";
 import * as dropzone from "react-dropzone";
 import { IoMdArrowDropup, IoMdArrowDropdown, IoMdClose, IoMdRefresh } from "react-icons/io";
 import { Command as Command$3 } from "@udecode/cmdk";
@@ -82,12 +82,10 @@ import { getLinkAttributes } from "@udecode/plate-link";
 import "@heroicons/react/solid";
 import { autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoformatArrow, autoformatMath } from "@udecode/plate-autoformat";
 import * as yup from "yup";
-import moment from "moment";
-import "moment-timezone";
+import { format as format$3, formatDistanceToNow } from "date-fns";
 import { enUS } from "date-fns/locale";
 import { DayPicker } from "react-day-picker";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { formatDistanceToNow } from "date-fns";
 import { GrCircleQuestion } from "react-icons/gr";
 import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender, getFilteredRowModel, getExpandedRowModel } from "@tanstack/react-table";
 import { FiInfo } from "react-icons/fi";
@@ -96,7 +94,7 @@ import { TbLogs } from "react-icons/tb";
 import { ImUsers, ImFilesEmpty } from "react-icons/im";
 import { PiSidebarSimpleLight } from "react-icons/pi";
 import gql from "graphql-tag";
-import { useLocation, NavLink, useNavigate, useParams, Link as Link$1, HashRouter, Routes, Route } from "react-router-dom";
+import { useLocation, NavLink, useNavigate, useParams, Navigate, Link as Link$1, HashRouter, Routes, Route } from "react-router-dom";
 import { RiHome2Line } from "react-icons/ri";
 import { serializeMDX } from "@tinacms/mdx";
 const ModalProvider = ({ children }) => {
@@ -2034,6 +2032,27 @@ const Icons = {
   sun: SunMedium,
   twitter: Twitter
 };
+const EllipsisIcon = ({ title }) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title && /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, title), /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "h-5 w-5",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+      }
+    )
+  ));
+};
 function UnorderedListIcon(props) {
   const title = props.title || "format list bulleted";
   return /* @__PURE__ */ React__default.createElement(
@@ -5946,7 +5965,7 @@ const useGetOptionSets = (cms, collections, collectionFilter) => {
   }, [cms, collections]);
   return { optionSets, loading };
 };
-const getFilename = (optionSets, value) => {
+const getFilename$1 = (optionSets, value) => {
   const nodes = optionSets.flatMap(
     (optionSet) => optionSet.edges.map((edge) => edge.node)
   );
@@ -5964,7 +5983,7 @@ const Combobox = ({ cms, input, field }) => {
   );
   const [filteredOptionsList, setFilteredOptionsList] = React.useState(optionSets);
   React.useEffect(() => {
-    setDisplayText(getFilename(optionSets, value));
+    setDisplayText(getFilename$1(optionSets, value));
     input.onChange(value);
   }, [value, input, optionSets]);
   React.useEffect(() => {
@@ -7603,6 +7622,81 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
   }
 )));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+const TOKEN_MAP = [
+  // Year
+  ["YYYY", "yyyy"],
+  ["YY", "yy"],
+  // Month
+  ["MMMM", "MMMM"],
+  ["MMM", "MMM"],
+  ["MM", "MM"],
+  ["M", "M"],
+  // Day of month (uppercase D = day-of-month in moment)
+  ["DD", "dd"],
+  ["Do", "do"],
+  ["D", "d"],
+  // Weekday (lowercase d = weekday in moment)
+  ["dddd", "EEEE"],
+  ["ddd", "EEE"],
+  ["dd", "EEEEEE"],
+  // 24-hour
+  ["HH", "HH"],
+  ["H", "H"],
+  // 12-hour
+  ["hh", "hh"],
+  ["h", "h"],
+  // Minute
+  ["mm", "mm"],
+  ["m", "m"],
+  // Second
+  ["ss", "ss"],
+  ["s", "s"],
+  // Millisecond
+  ["SSS", "SSS"],
+  // AM/PM
+  ["A", "a"],
+  ["a", "aaa"],
+  // Timezone offset
+  ["ZZ", "xx"],
+  ["Z", "xxx"],
+  // Unix timestamps
+  ["X", "t"],
+  ["x", "T"]
+];
+function momentToDateFns(momentFormat) {
+  let result = "";
+  let i = 0;
+  while (i < momentFormat.length) {
+    if (momentFormat[i] === "[") {
+      const end = momentFormat.indexOf("]", i + 1);
+      if (end !== -1) {
+        const literal = momentFormat.slice(i + 1, end).replace(/'/g, "''");
+        result += `'${literal}'`;
+        i = end + 1;
+        continue;
+      }
+    }
+    let matched = false;
+    for (const [momentToken, dateFnsToken] of TOKEN_MAP) {
+      if (momentFormat.startsWith(momentToken, i)) {
+        result += dateFnsToken;
+        i += momentToken.length;
+        matched = true;
+        break;
+      }
+    }
+    if (!matched) {
+      const ch = momentFormat[i];
+      if (/[a-zA-Z]/.test(ch)) {
+        result += `'${ch}'`;
+      } else {
+        result += ch;
+      }
+      i++;
+    }
+  }
+  return result;
+}
 const Select = SelectPrimitive.Root;
 const SelectValue = SelectPrimitive.Value;
 const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
@@ -8353,8 +8447,7 @@ const DateTimePicker = React.forwardRef(
 );
 DateTimePicker.displayName = "DateTimePicker";
 const format$1 = (date, format2) => {
-  const m = moment(date);
-  return m.format(format2);
+  return format$3(date, momentToDateFns(format2));
 };
 const DateField = wrapFieldsWithMeta(
   ({
@@ -9713,13 +9806,22 @@ class GlobalFormPlugin {
     __publicField(this, "layout");
     this.form = form;
     this.name = form.label;
-    this.Icon = icon || MdOutlineSettings;
+    this.Icon = icon || MdOutlineLanguage;
     this.layout = layout || "popup";
     this.Component = () => {
       const cms = useCMS();
       const cmsForm = cms.state.forms.find(
         ({ tinaForm }) => tinaForm.id === form.id
       );
+      React.useEffect(() => {
+        if (!cmsForm) {
+          cms.dispatch({ type: "forms:add", value: form });
+          cms.dispatch({ type: "forms:set-active-form-id", value: form.id });
+        }
+      }, [cms, cmsForm]);
+      if (!cmsForm) {
+        return null;
+      }
       return /* @__PURE__ */ React.createElement(FormBuilder, { form: cmsForm });
     };
   }
@@ -13159,34 +13261,10 @@ const FormModal = ({ plugin, close: close2 }) => {
   );
   return /* @__PURE__ */ React.createElement(Modal, { id: "content-creator-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, plugin.name), /* @__PURE__ */ React.createElement(ModalBody, null, /* @__PURE__ */ React.createElement(FormBuilder, { form: { tinaForm: form } }))));
 };
-const NavContext = createContext(void 0);
-const useNav = () => {
-  const context = useContext(NavContext);
-  if (!context) {
-    throw new Error("useNav must be used within a NavProvider");
-  }
-  return context;
-};
-const NavProvider = ({
-  children,
-  defaultOpen = false
-}) => {
-  const [menuIsOpen, setMenuIsOpen] = useState(defaultOpen);
-  const toggleMenu = () => setMenuIsOpen((prev) => !prev);
-  const openMenu = () => setMenuIsOpen(true);
-  const closeMenu = () => setMenuIsOpen(false);
-  const value = {
-    menuIsOpen,
-    toggleMenu,
-    openMenu,
-    closeMenu
-  };
-  return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
-};
 const name = "tinacms";
 const type = "module";
 const typings = "dist/index.d.ts";
-const version$1 = "3.9.2";
+const version$1 = "3.9.4";
 const main = "dist/index.js";
 const module = "./dist/index.js";
 const exports = {
@@ -13274,7 +13352,6 @@ const dependencies = {
   "@udecode/plate-slash-command": "catalog:",
   "@udecode/plate-table": "catalog:",
   "@udecode/plate-trailing-block": "catalog:",
-  add: "catalog:",
   "async-lock": "catalog:",
   "class-variance-authority": "catalog:",
   clsx: "catalog:",
@@ -13291,14 +13368,11 @@ const dependencies = {
   "is-hotkey": "catalog:",
   "lucide-react": "catalog:",
   mermaid: "^11.12.2",
-  moment: "catalog:",
-  "moment-timezone": "^0.6.0",
   "monaco-editor": "catalog:",
   "posthog-js": "^1.347.1",
   "prism-react-renderer": "catalog:",
   "prop-types": "catalog:",
   "react-colorful": "catalog:",
-  "react-datetime": "catalog:",
   "react-day-picker": "^9.13.0",
   "react-dnd": "catalog:",
   "react-dnd-html5-backend": "catalog:",
@@ -13413,6 +13487,30 @@ const LatestVersionWarning = ({
   }
   return /* @__PURE__ */ React__default.createElement("span", { className: "text-yellow-700" }, /* @__PURE__ */ React__default.createElement(TriangleAlert, { className: "w-4 h-4 inline-block mb-px" }), /* @__PURE__ */ React__default.createElement("br", null), "v", latestVersion, " published ", relativePublishedAt);
 };
+const NavContext = createContext(void 0);
+const useNav = () => {
+  const context = useContext(NavContext);
+  if (!context) {
+    throw new Error("useNav must be used within a NavProvider");
+  }
+  return context;
+};
+const NavProvider = ({
+  children,
+  defaultOpen = false
+}) => {
+  const [menuIsOpen, setMenuIsOpen] = useState(defaultOpen);
+  const toggleMenu = () => setMenuIsOpen((prev) => !prev);
+  const openMenu = () => setMenuIsOpen(true);
+  const closeMenu = () => setMenuIsOpen(false);
+  const value = {
+    menuIsOpen,
+    toggleMenu,
+    openMenu,
+    closeMenu
+  };
+  return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
+};
 const useGetEvents = (cms, cursor, existingEvents) => {
   const [events, setEvents] = useState([]);
   const [nextCursor, setNextCursor] = useState(void 0);
@@ -13574,6 +13672,7 @@ const Nav = ({
   sidebarWidth,
   RenderNavSite,
   RenderNavCloud,
+  RenderNavGlobal,
   RenderNavCollection,
   AuthRenderNavCollection,
   ...props
@@ -13584,17 +13683,21 @@ const Nav = ({
   const menuIsOpen = menuIsOpenProp ?? (navContext == null ? void 0 : navContext.menuIsOpen) ?? false;
   const toggleMenu = toggleMenuProp ?? (navContext == null ? void 0 : navContext.toggleMenu) ?? (() => {
   });
-  const { contentCollections, authCollection } = collectionsInfo.collections.reduce(
+  const { contentCollections, authCollection, globalCollections } = collectionsInfo.collections.reduce(
     (acc, collection) => {
+      var _a;
       if (collection.isAuthCollection) {
         acc.authCollection = collection;
+      } else if ((_a = collection.ui) == null ? void 0 : _a.global) {
+        acc.globalCollections.push(collection);
       } else {
         acc.contentCollections.push(collection);
       }
       return acc;
     },
     {
-      contentCollections: []
+      contentCollections: [],
+      globalCollections: []
     }
   );
   const screenCategories = screens.reduce(
@@ -13654,7 +13757,9 @@ const Nav = ({
         RenderNavCollection,
         collections: contentCollections
       }
-    )), (screenCategories.Site.length > 0 || contentCreators.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, "Site"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-4" }, screenCategories.Site.map((view) => {
+    )), (globalCollections.length > 0 || screenCategories.Site.length > 0 || contentCreators.length > 0) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, "Site"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-4" }, globalCollections.map((collection) => {
+      return /* @__PURE__ */ React.createElement("li", { key: `nav-global-${collection.name}` }, /* @__PURE__ */ React.createElement(RenderNavGlobal, { collection }));
+    }), screenCategories.Site.map((view) => {
       return /* @__PURE__ */ React.createElement("li", { key: `nav-site-${view.name}` }, /* @__PURE__ */ React.createElement(RenderNavSite, { view }));
     }), contentCreators.map((plugin, idx) => {
       return /* @__PURE__ */ React.createElement(
@@ -13896,7 +14001,7 @@ function BreadcrumbSeparator({
       className: cn("[&>svg]:size-3.5", className),
       ...props
     },
-    children ?? /* @__PURE__ */ React.createElement(ChevronRight, null)
+    children ?? "/"
   );
 }
 function BreadcrumbEllipsis({
@@ -13916,6 +14021,32 @@ function BreadcrumbEllipsis({
     /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More")
   );
 }
+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 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 documentListPath = (collectionName, filePath) => {
+  const folderPath = canonicalPath(filePath).split("/").slice(0, -1).join("/");
+  return `/collections/${collectionName}/~${folderPath ? `/${folderPath}` : ""}`;
+};
+const collectionListPathForDocument = (fullPath, collection) => {
+  const collectionPath = canonicalPath(collection.path || "");
+  const canonical = canonicalPath(fullPath);
+  const relativePath = collectionPath ? canonical.slice(collectionPath.length + 1) : canonical;
+  return documentListPath(collection.name, relativePath);
+};
 const getPaddingClass = (depth) => `${1.5 + depth * 1.35}rem`;
 const collectAllDocumentItems = (items, isGlobalFn) => {
   const allItems = [];
@@ -14314,22 +14445,6 @@ const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React.createEl
     ...props
   }
 );
-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 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 minimumTimeToShowLoadingIndicator = 1e3;
 const FormsView = ({ loadingPlaceholder } = {}) => {
   var _a, _b, _c, _d;
@@ -14434,18 +14549,42 @@ const FormsView = ({ loadingPlaceholder } = {}) => {
     ))
   ));
 };
+const getFilename = (path) => {
+  var _a;
+  return (_a = path == null ? void 0 : path.split("/").pop()) == null ? void 0 : _a.replace(/\.[^/.]+$/, "");
+};
 const FormHeader = ({
   activeForm,
   repoProvider,
   branch,
   isLocalMode
 }) => {
+  var _a, _b;
+  const cms = useCMS$1();
   const { formIsPristine } = React.useContext(SidebarContext);
+  const path = activeForm.tinaForm.path;
+  let collectionCrumb;
+  try {
+    const collection = (_b = (_a = cms.api.tina.schema) == null ? void 0 : _a.getCollectionByFullPath) == null ? void 0 : _b.call(_a, path);
+    if (collection) {
+      const tinaPreview = cms.flags.get("tina-preview") || false;
+      const href = `${tinaPreview ? `/${tinaPreview}/index.html#` : "/admin#"}${collectionListPathForDocument(path, collection)}`;
+      collectionCrumb = {
+        label: collection.label || collection.name,
+        onClick: () => {
+          window.location.href = href;
+        }
+      };
+    }
+  } catch {
+  }
   return /* @__PURE__ */ React.createElement("div", { className: "px-4 pt-2 pb-4 flex flex-row flex-nowrap justify-between items-center gap-2 bg-gradient-to-t from-white to-gray-50 border-b border-gray-100" }, /* @__PURE__ */ React.createElement(
     FormBreadcrumbs,
     {
       className: "w-[calc(100%-3rem)]",
-      contentPath: activeForm.tinaForm.path
+      rootBreadcrumbName: getFilename(path),
+      contentPath: path,
+      collectionCrumb
     }
   ), /* @__PURE__ */ React.createElement(
     FileHistoryProvider,
@@ -14493,26 +14632,50 @@ const BreadcrumbItemLink = ({
   breadcrumb,
   onClick
 }) => {
-  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink truncate" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink min-w-0" }, /* @__PURE__ */ React.createElement(
     BreadcrumbLink,
     {
       asChild: true,
-      className: "text-gray-700 truncate hover:text-orange-500"
+      className: "block min-w-0 truncate text-gray-700 hover:text-orange-500"
     },
     /* @__PURE__ */ React.createElement("button", { type: "button", onClick }, breadcrumb)
   ));
 };
+const CollectionBreadcrumbItem = ({
+  label,
+  onClick
+}) => {
+  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink min-w-0" }, /* @__PURE__ */ React.createElement(
+    BreadcrumbLink,
+    {
+      asChild: true,
+      className: "min-w-0 text-gray-700 hover:text-orange-500"
+    },
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick,
+        "aria-label": `Back to ${label}`,
+        className: "flex items-center gap-1.5 min-w-0"
+      },
+      /* @__PURE__ */ React.createElement(BiArrowBack, { className: "w-4 h-4 shrink-0 opacity-80" }),
+      /* @__PURE__ */ React.createElement("span", { className: "truncate min-w-0" }, label)
+    )
+  ));
+};
 const FinalBreadcrumbItem = ({ breadcrumb }) => {
-  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink truncate" }, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "text-gray-700 font-medium cursor-default" }, breadcrumb));
+  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink min-w-0" }, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "block min-w-0 truncate text-gray-700 font-medium cursor-default" }, breadcrumb));
 };
 const FormBreadcrumbs = ({
   rootBreadcrumbName,
   contentPath,
+  collectionCrumb,
   ...props
 }) => {
   const cms = useCMS$1();
   const breadcrumbs = cms.state.breadcrumbs;
-  if (breadcrumbs.length === 0) {
+  if (breadcrumbs.length === 0 && !collectionCrumb) {
     return null;
   }
   const goBack = (formId, fieldName) => {
@@ -14528,7 +14691,13 @@ const FormBreadcrumbs = ({
   const secondLastBreadcrumb = breadcrumbs.length > 2 ? breadcrumbs[breadcrumbs.length - 2] : null;
   const lastBreadcrumb = breadcrumbs.length > 1 ? breadcrumbs[breadcrumbs.length - 1] : null;
   const dropdownBreadcrumbs = breadcrumbs.length > 3 ? breadcrumbs.slice(1, -2) : [];
-  return /* @__PURE__ */ React.createElement(Breadcrumb$1, { ...props }, /* @__PURE__ */ React.createElement(BreadcrumbList, { className: "flex-nowrap text-nowrap" }, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", null, breadcrumbs.length > 1 ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Breadcrumb$1, { ...props }, /* @__PURE__ */ React.createElement(BreadcrumbList, { className: "flex-nowrap text-nowrap overflow-hidden" }, collectionCrumb && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    CollectionBreadcrumbItem,
+    {
+      label: collectionCrumb.label,
+      onClick: collectionCrumb.onClick
+    }
+  ), breadcrumbs.length > 0 && /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null)), /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 shrink" }, breadcrumbs.length > 1 ? /* @__PURE__ */ React.createElement(
     BreadcrumbItemLink,
     {
       breadcrumb: rootBreadcrumbName || firstBreadcrumb.label,
@@ -14772,6 +14941,15 @@ const Sidebar$1 = ({
             }
           ),
           RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(NavCloudLink, { config }),
+          RenderNavGlobal: ({ collection }) => /* @__PURE__ */ React.createElement(
+            SidebarGlobalLink,
+            {
+              collection,
+              onClick: () => {
+                setMenuIsOpen(false);
+              }
+            }
+          ),
           RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
             SidebarCollectionLink,
             {
@@ -14879,6 +15057,25 @@ const SidebarSiteLink = ({
     view.name
   );
 };
+const SidebarGlobalLink = ({
+  collection,
+  onClick
+}) => {
+  const cms = useCMS$1();
+  const tinaPreview = cms.flags.get("tina-preview") || false;
+  const href = `${tinaPreview ? `/${tinaPreview}/index.html#` : "/admin#"}/collections/${collection.name}/~`;
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      onClick,
+      href,
+      className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100"
+    },
+    /* @__PURE__ */ React.createElement(MdOutlineLanguage, { className: "mr-2 h-6 opacity-80 w-auto" }),
+    " ",
+    collection.label ? collection.label : collection.name
+  );
+};
 const SidebarCollectionLink = ({
   Icon = ImFilesEmpty,
   collection,
@@ -17190,27 +17387,6 @@ const insertImg = (editor, media) => {
   }
   editor.tf.normalize({ force: true });
 };
-const EllipsisIcon = ({ title }) => {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title && /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, title), /* @__PURE__ */ React__default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "h-5 w-5",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 2,
-        d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
-      }
-    )
-  ));
-};
 const Wrapper = ({ inline, children }) => {
   const Component = inline ? "span" : "div";
   return /* @__PURE__ */ React__default.createElement(
@@ -70597,6 +70773,7 @@ class AuthenticationCancelledError extends Error {
 const authenticate = (clientId, frontendUrl) => {
   return new Promise((resolve, reject) => {
     const origin = `${window.location.protocol}//${window.location.host}`;
+    const expectedOrigin = new URL(frontendUrl).origin;
     const authTab = popupWindow(
       `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
       "_blank",
@@ -70612,10 +70789,16 @@ const authenticate = (clientId, frontendUrl) => {
       );
       return;
     }
+    const cleanup = () => {
+      clearInterval(pollInterval);
+      window.removeEventListener("message", messageHandler);
+    };
     const messageHandler = (e) => {
+      if (e.origin !== expectedOrigin || e.source !== authTab) {
+        return;
+      }
       if (e.data.source === TINA_LOGIN_EVENT) {
-        clearInterval(pollInterval);
-        window.removeEventListener("message", messageHandler);
+        cleanup();
         if (authTab) {
           authTab.close();
         }
@@ -70628,8 +70811,7 @@ const authenticate = (clientId, frontendUrl) => {
     };
     const pollInterval = setInterval(() => {
       if (authTab.closed) {
-        clearInterval(pollInterval);
-        window.removeEventListener("message", messageHandler);
+        cleanup();
         reject(new AuthenticationCancelledError("Popup was closed"));
       }
     }, 500);
@@ -72565,6 +72747,14 @@ const Sidebar = ({ cms }) => {
         }
       ),
       RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default.createElement(NavCloudLink, { config }),
+      RenderNavGlobal: ({ collection }) => /* @__PURE__ */ React__default.createElement(
+        SidebarLink,
+        {
+          label: collection.label ? collection.label : collection.name,
+          to: `/collections/${collection.name}/~`,
+          Icon: MdOutlineLanguage
+        }
+      ),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default.createElement(
         SidebarLink,
         {
@@ -72977,12 +73167,29 @@ const CollectionListPage = () => {
         ),
         search
       },
-      (collection, _loading, reFetchCollection, collectionExtra) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      (collection, loading, reFetchCollection, collectionExtra) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
         const documents = collection.documents.edges;
         const admin = cms.api.admin;
         const pageInfo = collection.documents.pageInfo;
-        const fields = (((_a = collectionExtra.templates) == null ? void 0 : _a.length) ? getUniqueTemplateFields(collectionExtra) : collectionExtra.fields).filter(
+        if (((_a = collectionExtra == null ? void 0 : collectionExtra.ui) == null ? void 0 : _a.global) && !folder.fullyQualifiedName.startsWith("~/")) {
+          if (loading || collection.name !== collectionName) {
+            return /* @__PURE__ */ React__default.createElement(LoadingPage, null);
+          }
+          if ((documents == null ? void 0 : documents.length) === 1) {
+            const globalDoc = (_b = documents[0]) == null ? void 0 : _b.node;
+            if ((_c = globalDoc == null ? void 0 : globalDoc._sys) == null ? void 0 : _c.breadcrumbs) {
+              return /* @__PURE__ */ React__default.createElement(
+                Navigate,
+                {
+                  replace: true,
+                  to: `/collections/edit/${collection.name}/${globalDoc._sys.breadcrumbs.join("/")}`
+                }
+              );
+            }
+          }
+        }
+        const fields = (((_d = collectionExtra.templates) == null ? void 0 : _d.length) ? getUniqueTemplateFields(collectionExtra) : collectionExtra.fields).filter(
           (x) => (
             // only allow sortable fields
             ["string", "number", "datetime", "boolean"].includes(x.type)
@@ -72991,15 +73198,16 @@ const CollectionListPage = () => {
         const sortField = fields == null ? void 0 : fields.find(
           (field) => field.name === sortName
         );
-        const searchEnabled = !!((_d = (_c = (_b = cms.api.tina.schema) == null ? void 0 : _b.config) == null ? void 0 : _c.config) == null ? void 0 : _d.search);
+        const searchEnabled = !!((_g = (_f = (_e = cms.api.tina.schema) == null ? void 0 : _e.config) == null ? void 0 : _f.config) == null ? void 0 : _g.search);
         const collectionDefinition = cms.api.tina.schema.getCollection(
           collection.name
         );
-        const parse2 = (_f = (_e = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _e.filename) == null ? void 0 : _f.parse;
-        const allowCreate = ((_h = (_g = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _g.allowedActions) == null ? void 0 : _h.create) ?? true;
-        const allowDelete = ((_j = (_i = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _i.allowedActions) == null ? void 0 : _j.delete) ?? true;
-        const allowCreateFolder = ((_l = (_k = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _k.allowedActions) == null ? void 0 : _l.createFolder) ?? true;
-        const allowCreateNestedFolder = ((_n = (_m = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _m.allowedActions) == null ? void 0 : _n.createNestedFolder) ?? true;
+        const parse2 = (_i = (_h = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _h.filename) == null ? void 0 : _i.parse;
+        const isGlobalCollection = !!((_j = collectionExtra == null ? void 0 : collectionExtra.ui) == null ? void 0 : _j.global);
+        const allowCreate = (((_l = (_k = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _k.allowedActions) == null ? void 0 : _l.create) ?? true) && (!isGlobalCollection || documents.length === 0);
+        const allowDelete = ((_n = (_m = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _m.allowedActions) == null ? void 0 : _n.delete) ?? true;
+        const allowCreateFolder = !isGlobalCollection && (((_p = (_o = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _o.allowedActions) == null ? void 0 : _p.createFolder) ?? true);
+        const allowCreateNestedFolder = !isGlobalCollection && (((_r = (_q = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _q.allowedActions) == null ? void 0 : _r.createNestedFolder) ?? true);
         const folderView = folder.fullyQualifiedName !== "";
         return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default.createElement(
           DeleteModal,
@@ -73119,7 +73327,7 @@ const CollectionListPage = () => {
                 return { ...vars2, folderName };
               });
             },
-            validationRegex: (_q = (_p = (_o = cms.api.tina) == null ? void 0 : _o.schema.config.config.ui) == null ? void 0 : _p.regexValidation) == null ? void 0 : _q.folderNameRegex,
+            validationRegex: (_u = (_t = (_s = cms.api.tina) == null ? void 0 : _s.schema.config.config.ui) == null ? void 0 : _t.regexValidation) == null ? void 0 : _u.folderNameRegex,
             createFunc: async () => {
               try {
                 await admin.createFolder(
@@ -73219,7 +73427,7 @@ const CollectionListPage = () => {
           {
             cms,
             collectionName,
-            loading: _loading,
+            loading,
             search,
             setSearch,
             searchInput,
@@ -74293,6 +74501,7 @@ const RenderForm$1 = ({
   const activeForm = cms.state.forms.find(
     ({ tinaForm }) => tinaForm.id === form.id
   );
+  const collectionListPath = `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`;
   return /* @__PURE__ */ React__default.createElement(PageWrapper, { headerClassName: "bg-white" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -74302,7 +74511,11 @@ const RenderForm$1 = ({
       FormBreadcrumbs,
       {
         className: "w-[calc(100%-3rem)]",
-        rootBreadcrumbName: "Create New"
+        rootBreadcrumbName: "Create New",
+        collectionCrumb: {
+          label: collection.label || collection.name,
+          onClick: () => navigate(collectionListPath)
+        }
       }
     ), /* @__PURE__ */ React__default.createElement(FormStatus, { pristine: formIsPristine }))
   ), activeForm && /* @__PURE__ */ React__default.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
@@ -74471,7 +74684,9 @@ const RenderForm = ({
   mutationInfo
 }) => {
   var _a, _b, _c, _d;
+  const navigate = useNavigate();
   const [formIsPristine, setFormIsPristine] = useState(true);
+  const collectionListPath = documentListPath(collection.name, relativePath);
   const schema = cms.api.tina.schema;
   const schemaCollection = schema.getCollection(collection.name);
   const template = schema.getTemplateForData({
@@ -74540,7 +74755,11 @@ const RenderForm = ({
       FormBreadcrumbs,
       {
         className: "w-[calc(100%-3rem)]",
-        rootBreadcrumbName: `${filename}.${collection.format}`
+        rootBreadcrumbName: getFilename(filename),
+        collectionCrumb: {
+          label: collection.label || collection.name,
+          onClick: () => navigate(collectionListPath)
+        }
       }
     ), /* @__PURE__ */ React__default.createElement(
       FileHistoryProvider,

package/dist/internal-admin-origin.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare function TinaAdminOriginProvider(props: {
+    origin: string | string[];
+    children: React.ReactNode;
+}): React.ReactElement;
+export declare function useTrustedAdminOrigins(): string[];
+export declare function isFromAdmin(event: MessageEvent, trustedOrigins: string[]): boolean;

package/dist/react.js

@@ -3,6 +3,25 @@ import { addMetadata as addMetadata2, hashFromQuery as hashFromQuery2 } from "@t
 import { QUICK_EDIT_CSS } from "@tinacms/bridge/quick-edit-css";
 import React from "react";
 import { tinaField } from "@tinacms/bridge/tina-field";
+const TinaAdminOriginContext = React.createContext(
+  null
+);
+function useTrustedAdminOrigins() {
+  const configured = React.useContext(TinaAdminOriginContext);
+  return React.useMemo(() => {
+    if (configured == null) {
+      return typeof window !== "undefined" ? [window.location.origin] : [];
+    }
+    return Array.isArray(configured) ? [...configured] : [configured];
+  }, [configured]);
+}
+function isFromAdmin(event, trustedOrigins) {
+  if (typeof window === "undefined")
+    return false;
+  if (!trustedOrigins.includes(event.origin))
+    return false;
+  return event.source === window.parent;
+}
 function useTina(props) {
   const stringifiedQuery = JSON.stringify({
     query: props.query,
@@ -18,6 +37,7 @@ function useTina(props) {
       return addMetadata(id, dataCopy, []);
     }
   }, [props.data, id]);
+  const trustedAdminOrigins = useTrustedAdminOrigins();
   const [data, setData] = React.useState(processedData);
   const [isClient, setIsClient] = React.useState(false);
   const [quickEditEnabled, setQuickEditEnabled] = React.useState(false);
@@ -89,6 +109,8 @@ function useTina(props) {
     const { experimental___selectFormByFormId, ...rest } = props;
     parent.postMessage({ type: "open", ...rest, id }, window.location.origin);
     const handleMessage = (event) => {
+      if (!isFromAdmin(event, trustedAdminOrigins))
+        return;
       if (event.data.type === "quickEditEnabled") {
         setQuickEditEnabled(event.data.value);
       }
@@ -120,7 +142,7 @@ function useTina(props) {
       window.removeEventListener("message", handleMessage);
       parent.postMessage({ type: "close", id }, window.location.origin);
     };
-  }, [id, setQuickEditEnabled]);
+  }, [id, setQuickEditEnabled, trustedAdminOrigins]);
   return { data, isClient };
 }
 function useEditState() {

package/dist/rich-text/index.js

@@ -1,3 +1,4 @@
+import { sanitizeUrl } from "@tinacms/mdx";
 import React from "react";
 const TinaMarkdown = ({
   content,
@@ -122,7 +123,7 @@ const Node = ({ components, child }) => {
         const Component2 = components[child.type];
         return /* @__PURE__ */ React.createElement(Component2, { ...props });
       }
-      return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
+      return /* @__PURE__ */ React.createElement("img", { src: sanitizeUrl(child.url), alt: child.alt });
     case "a":
       if (components[child.type]) {
         const Component2 = components[child.type];
@@ -133,7 +134,7 @@ const Node = ({ components, child }) => {
       }
       return (
         // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-        /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
+        /* @__PURE__ */ React.createElement("a", { href: sanitizeUrl(child.url) }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
       );
     case "code_block": {
       let codeString = "";

package/dist/rich-text/static.js

@@ -1,3 +1,4 @@
+import { sanitizeUrl } from "@tinacms/mdx";
 import React from "react";
 const StaticTinaMarkdown = ({
   content,
@@ -91,7 +92,7 @@ const Node = ({
         const Component2 = components[child.type];
         return /* @__PURE__ */ React.createElement(Component2, { ...props });
       }
-      return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
+      return /* @__PURE__ */ React.createElement("img", { src: sanitizeUrl(child.url), alt: child.alt });
     case "a":
       if (components[child.type]) {
         const Component2 = components[child.type];
@@ -100,7 +101,7 @@ const Node = ({
           /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }))
         );
       }
-      return /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
+      return /* @__PURE__ */ React.createElement("a", { href: sanitizeUrl(child.url) }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
     case "code_block": {
       let codeString = "";
       if (Array.isArray(child.children)) {

package/dist/toolkit/components/ui/date-time-picker.d.ts

@@ -1,4 +1,3 @@
-import 'moment-timezone';
 import * as React from 'react';
 import { type DayPickerProps } from 'react-day-picker';
 type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
@@ -106,6 +105,6 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<{
      * Show the default month and time when popup the calendar. Default is the current Date().
      **/
     defaultPopupValue?: Date;
-} & Pick<DayPickerProps, "showOutsideDays" | "showWeekNumber" | "locale" | "weekStartsOn"> & React.RefAttributes<Partial<DateTimePickerRef>>>;
+} & Pick<DayPickerProps, "locale" | "showOutsideDays" | "showWeekNumber" | "weekStartsOn"> & React.RefAttributes<Partial<DateTimePickerRef>>>;
 export { DateTimePicker, TimePickerInput, TimePicker, formatCurrentDate };
 export type { TimePickerType, DateTimePickerProps, DateTimePickerRef };

package/dist/toolkit/components/ui/moment-format.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts a moment.js format string to the equivalent date-fns format string.
+ * This is a non-breaking shim so callers that pass moment tokens (the public API
+ * contract for the date field's dateFormat/timeFormat options) continue to work
+ * after moment has been removed.
+ */
+export declare function momentToDateFns(momentFormat: string): string;

package/dist/toolkit/fields/plugins/date-field-plugin.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type InputProps } from '../components';
-import type { DatetimepickerProps } from 'react-datetime';
-export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
+import { type DateFieldProps } from './date-format';
+export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DateFieldProps>) => React.JSX.Element;
 export declare const DateFieldPlugin: {
     __type: string;
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
-    format: (val: string, _name: string, field: DatetimepickerProps) => string;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DateFieldProps>) => React.JSX.Element;
+    format: (val: string, _name: string, field: DateFieldProps) => string;
     parse: (val: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

package/dist/toolkit/fields/plugins/date-format.d.ts

@@ -1,5 +1,13 @@
-import type { DatetimepickerProps } from 'react-datetime';
+export interface DateFieldProps {
+    dateFormat?: string | boolean;
+    timeFormat?: string | boolean;
+    locale?: string;
+    experimental_focusIntent?: boolean;
+    onChange?: (value: unknown) => void;
+    required?: boolean;
+    [key: string]: unknown;
+}
 export declare const DEFAULT_DATE_DISPLAY_FORMAT = "MMM DD, YYYY";
 export declare const DEFAULT_TIME_DISPLAY_FORMAT = "h:mm A";
-export declare const format: (val: string, _name: string, field: DatetimepickerProps) => string;
+export declare const format: (val: string, _name: string, field: DateFieldProps) => string;
 export declare const parse: (val: string) => string;

package/dist/toolkit/react-sidebar/components/form-breadcrumbs.utils.d.ts

@@ -0,0 +1,5 @@
+export declare const documentListPath: (collectionName: string, filePath: string) => string;
+export declare const collectionListPathForDocument: (fullPath: string, collection: {
+    name: string;
+    path?: string;
+}) => string;

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

@@ -5,6 +5,9 @@ interface NavCollection {
     label?: string;
     name: string;
     isAuthCollection?: boolean;
+    ui?: {
+        global?: boolean | object;
+    };
 }
 interface NavProps {
     isLocalMode: boolean;
@@ -28,6 +31,12 @@ interface NavProps {
     RenderNavCloud: React.ComponentType<{
         config: CloudConfigPlugin;
     }>;
+    RenderNavGlobal: React.ComponentType<{
+        collection: {
+            label?: string;
+            name: string;
+        };
+    }>;
     RenderNavCollection: React.ComponentType<{
         collection: {
             label: string;
@@ -41,5 +50,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, showHamburger, menuIsOpen: menuIsOpenProp, toggleMenu: toggleMenuProp, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
+export declare const Nav: ({ isLocalMode, showHamburger, menuIsOpen: menuIsOpenProp, toggleMenu: toggleMenuProp, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavGlobal, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

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

@@ -21,6 +21,7 @@ export interface FormHeaderProps {
         };
     };
 }
+export declare const getFilename: (path?: string) => string;
 export declare const FormHeader: ({ activeForm, repoProvider, branch, isLocalMode, }: FormHeaderProps) => React.JSX.Element;
 interface RepositoryProviderProps {
     contentRelativePath: string;
@@ -35,8 +36,12 @@ interface RepositoryProviderProps {
     };
 }
 export declare const FileHistoryProvider: ({ contentRelativePath, tinaBranch, defaultBranchName, historyUrl, isLocalMode, }: RepositoryProviderProps) => React.JSX.Element;
-export declare const FormBreadcrumbs: ({ rootBreadcrumbName, contentPath, ...props }: {
+export declare const FormBreadcrumbs: ({ rootBreadcrumbName, contentPath, collectionCrumb, ...props }: {
     rootBreadcrumbName?: string;
     contentPath?: string;
+    collectionCrumb?: {
+        label: string;
+        onClick: () => void;
+    };
 } & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export {};

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.9.2",
+  "version": "3.9.4",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -80,7 +80,6 @@
     "@udecode/plate-slash-command": "^48.0.0",
     "@udecode/plate-table": "^48.0.0",
     "@udecode/plate-trailing-block": "^48.0.0",
-    "add": "^2.0.6",
     "async-lock": "^1.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -97,14 +96,11 @@
     "is-hotkey": "^0.2.0",
     "lucide-react": "^0.424.0",
     "mermaid": "^11.12.2",
-    "moment": "2.29.4",
-    "moment-timezone": "^0.6.0",
     "monaco-editor": "0.31.0",
     "posthog-js": "^1.347.1",
     "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
     "react-colorful": "^5.6.1",
-    "react-datetime": "^3.3.1",
     "react-day-picker": "^9.13.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
@@ -118,9 +114,9 @@
     "yup": "^1.6.1",
     "zod": "^3.24.2",
     "@tinacms/bridge": "0.3.0",
-    "@tinacms/mdx": "2.1.6",
-    "@tinacms/schema-tools": "2.8.1",
-    "@tinacms/search": "1.2.18"
+    "@tinacms/search": "1.2.20",
+    "@tinacms/mdx": "2.1.8",
+    "@tinacms/schema-tools": "2.8.2"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -148,7 +144,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.6.1"
+    "@tinacms/scripts": "1.6.2"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/ui/icons.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export declare const ToolbarIcon: ({ name }: {
-    name: string;
-}) => any;
-export declare const EllipsisIcon: ({ title }: {
-    title: any;
-}) => React.JSX.Element;
-export declare function UnorderedListIcon(props: any): React.JSX.Element;
-export declare function HeadingIcon(props: any): React.JSX.Element;
-export declare function OrderedListIcon(props: any): React.JSX.Element;
-export declare function QuoteIcon(props: any): React.JSX.Element;
-export declare function LinkIcon(props: any): React.JSX.Element;
-export declare function CodeIcon(props: any): React.JSX.Element;
-export declare function CodeBlockIcon(props: any): React.JSX.Element;
-export declare function ImageIcon(props: any): React.JSX.Element;
-export declare function BoldIcon(props: any): React.JSX.Element;
-export declare function ItalicIcon(props: any): React.JSX.Element;
-export declare function UnderlineIcon(props: any): React.JSX.Element;
-export declare function StrikethroughIcon(props: any): React.JSX.Element;
-export declare function LightningIcon(props: any): React.JSX.Element;
-export declare function ArrowDownIcon(props: any): React.JSX.Element;
-export declare function PlusIcon({ className }: {
-    className?: string;
-}): React.JSX.Element;

package/dist/toolkit/react-datetime/parts/ViewNavigation.d.ts

@@ -1,9 +0,0 @@
-export default function ViewNavigation({ onClickPrev, onClickSwitch, onClickNext, switchContent, switchColSpan, switchProps, }: {
-    onClickPrev: any;
-    onClickSwitch: any;
-    onClickNext: any;
-    switchContent: any;
-    switchColSpan: any;
-    switchProps: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/toolkit/react-datetime/views/DaysView.d.ts

@@ -1,16 +0,0 @@
-export default class DaysView extends React.Component<any, any, any> {
-    static defaultProps: {
-        isValidDate: () => boolean;
-        renderDay: (props: any, date: any) => React.JSX.Element;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): React.JSX.Element;
-    renderNavigation(): React.JSX.Element;
-    renderDayHeaders(): React.JSX.Element;
-    renderDays(): React.JSX.Element[];
-    renderDay(date: any, startOfMonth: any, endOfMonth: any): any;
-    renderFooter(): React.JSX.Element;
-    _setDate: (e: any) => void;
-}
-import React from 'react';

package/dist/toolkit/react-datetime/views/MonthsView.d.ts

@@ -1,12 +0,0 @@
-export default class MonthsView extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): React.JSX.Element;
-    renderNavigation(): React.JSX.Element;
-    renderMonths(): React.JSX.Element[];
-    renderMonth(month: any): any;
-    isDisabledMonth(month: any): boolean;
-    getMonthText(month: any): any;
-    _updateSelectedMonth: (event: any) => void;
-}
-import React from 'react';

package/dist/toolkit/react-datetime/views/TimeView.d.ts

@@ -1,32 +0,0 @@
-export default class TimeView extends React.Component<any, any, any> {
-    constructor(props: any);
-    constraints: {};
-    state: {
-        hours: string;
-        minutes: string;
-        seconds: string;
-        milliseconds: string;
-        ampm: string;
-    };
-    render(): React.JSX.Element;
-    renderCounter(type: any, value: any): React.JSX.Element;
-    renderHeader(): React.JSX.Element;
-    onStartClicking(e: any, action: any, type: any): void;
-    timer: NodeJS.Timeout;
-    increaseTimer: NodeJS.Timeout;
-    mouseUpListener: any;
-    toggleDayPart(): void;
-    increase(type: any): string;
-    decrease(type: any): string;
-    getCounters(): string[];
-    isAMPM(): boolean;
-    getTimeParts(date: any): {
-        hours: string;
-        minutes: string;
-        seconds: string;
-        milliseconds: string;
-        ampm: string;
-    };
-    componentDidUpdate(prevProps: any): void;
-}
-import React from 'react';

package/dist/toolkit/react-datetime/views/YearsView.d.ts

@@ -1,17 +0,0 @@
-export default class YearsView extends React.Component<any, any, any> {
-    static defaultProps: {
-        renderYear: (props: any, year: any) => React.JSX.Element;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): React.JSX.Element;
-    renderNavigation(): React.JSX.Element;
-    renderYears(): React.JSX.Element[];
-    renderYear(year: any): any;
-    getViewYear(): number;
-    getSelectedYear(): any;
-    disabledYearsCache: {};
-    isDisabledYear(year: any): any;
-    _updateSelectedYear: (event: any) => void;
-}
-import React from 'react';