tinacms 0.0.0-a30bc52-20251201062201 → 0.0.0-a3cc5b1-20251202013216

package/dist/index.js

@@ -45879,7 +45879,7 @@ function MediaPicker({
     "ul",
     {
       ...rootProps,
-      className: `h-full grow overflow-y-auto transition duration-150 ease-out bg-gradient-to-b from-gray-50/50 to-gray-50 ${list.items.length === 0 || viewMode === "list" && "w-full flex flex-1 flex-col justify-start -mb-px"} ${list.items.length > 0 && viewMode === "grid" && "w-full p-4 gap-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 4xl:grid-cols-6 6xl:grid-cols-9 auto-rows-auto content-start justify-start"} ${isDragActive ? `border-2 border-blue-500 rounded-lg` : ``}`
+      className: `h-full grow overflow-y-auto transition duration-150 ease-out bg-gradient-to-b from-gray-50/50 to-gray-50 ${list.items.length === 0 || viewMode === "list" && "w-full flex flex-1 flex-col justify-start -mb-px"} ${list.items.length > 0 && viewMode === "grid" && "w-full p-4 gap-4 grid grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3 @2xl:grid-cols-4 @4xl:grid-cols-6 @6xl:grid-cols-9 auto-rows-auto content-start justify-start"} ${isDragActive ? `border-2 border-blue-500 rounded-lg` : ``}`
     },
     /* @__PURE__ */ React__default.createElement("input", { ...getInputProps() }),
     listState === "loaded" && list.items.length === 0 && /* @__PURE__ */ React__default.createElement(EmptyMediaList, null),
@@ -46390,7 +46390,31 @@ function FiInfo(props) {
 function VscNewFile(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 16 16", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "clipRule": "evenodd", "d": "M9.5 1.1l3.4 3.5.1.4v2h-1V6H8V2H3v11h4v1H2.5l-.5-.5v-12l.5-.5h6.7l.3.1zM9 2v3h2.9L9 2zm4 14h-1v-3H9v-1h3V9h1v3h3v1h-3v3z" }, "child": [] }] })(props);
 }
-const version$1 = "2.10.1";
+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 version$1 = "3.0.0";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -46575,8 +46599,8 @@ const SyncStatusButton = ({
 const Nav = ({
   isLocalMode,
   showHamburger = true,
-  menuIsOpen,
-  toggleMenu,
+  menuIsOpen: menuIsOpenProp,
+  toggleMenu: toggleMenuProp,
   className = "",
   children,
   showCollections,
@@ -46593,6 +46617,10 @@ const Nav = ({
 }) => {
   const cms = useCMS$1();
   const [eventsOpen, setEventsOpen] = React.useState(false);
+  const navContext = React.useContext(NavContext);
+  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(
     (acc, collection) => {
       if (collection.isAuthCollection) {
@@ -46615,7 +46643,7 @@ const Nav = ({
     },
     { Site: [] }
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, showHamburger && /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline" }, /* @__PURE__ */ React.createElement(
     "button",
     {
       className: cn(
@@ -46637,7 +46665,7 @@ const Nav = ({
       style: { maxWidth: `${sidebarWidth}px` },
       ...props
     },
-    /* @__PURE__ */ React.createElement("div", { className: "flex w-full px-4 py-3 justify-between items-center gap-2 border-b border-gray-200" }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "flex w-full px-4 py-3 justify-between items-center gap-2 border-b border-gray-200" }, /* @__PURE__ */ React.createElement("span", { className: "text-left inline-flex items-center text-xl tracking-wide text-gray-800/80 flex-1 gap-1" }, /* @__PURE__ */ React.createElement(TinaExtendedIcon, { className: "h-8 w-auto fill-orange-500" })), /* @__PURE__ */ React.createElement(
       "button",
       {
         className: cn(
@@ -46647,8 +46675,8 @@ const Nav = ({
           toggleMenu();
         }
       },
-      /* @__PURE__ */ React.createElement(BiMenu, { className: "h-8 w-auto text-gray-600" })
-    ), /* @__PURE__ */ React.createElement("span", { className: "text-left inline-flex items-center text-xl tracking-wide text-gray-800/80 flex-1 gap-1" }, /* @__PURE__ */ React.createElement(TinaExtendedIcon, { className: "h-8 w-auto fill-orange-500" }))),
+      /* @__PURE__ */ React.createElement(BiX, { className: "h-8 w-auto text-gray-600" })
+    )),
     children,
     /* @__PURE__ */ React.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "flex space-x-1 justify-items-start uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, /* @__PURE__ */ React.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(
       "a",
@@ -46758,6 +46786,20 @@ const Logout = ({
   };
   return /* @__PURE__ */ React.createElement("button", { onClick: handleLogout, ...buttonProps }, /* @__PURE__ */ React.createElement(BiExit, { className: "w-6 h-auto mr-2" }), " Log Out");
 };
+const NavCloudLink = ({ config }) => {
+  if (config.text) {
+    return /* @__PURE__ */ React__default.createElement("span", { className: "text-base tracking-wide text-gray-500 flex items-center opacity-90" }, config.text, " ", /* @__PURE__ */ React__default.createElement(
+      "a",
+      {
+        target: "_blank",
+        className: "ml-1 text-blue-600 hover:opacity-60",
+        href: config.link.href
+      },
+      config.link.text
+    ));
+  }
+  return /* @__PURE__ */ React__default.createElement("span", { className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100" }, /* @__PURE__ */ React__default.createElement(config.Icon, { className: "mr-2 h-6 opacity-80 w-auto" }), /* @__PURE__ */ React__default.createElement("a", { target: "_blank", href: config.link.href }, config.link.text));
+};
 const ResizeHandle = () => {
   const {
     resizingSidebar,
@@ -47422,7 +47464,7 @@ const Sidebar$1 = ({
               }
             }
           ),
-          RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink$1, { config }),
+          RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(NavCloudLink, { config }),
           RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
             SidebarCollectionLink,
             {
@@ -47530,20 +47572,6 @@ const SidebarSiteLink = ({
     view.name
   );
 };
-const SidebarCloudLink$1 = ({ config }) => {
-  if (config.text) {
-    return /* @__PURE__ */ React.createElement("span", { className: "text-base tracking-wide text-gray-500 flex items-center opacity-90" }, config.text, " ", /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        target: "_blank",
-        className: "ml-1 text-blue-600 hover:opacity-60",
-        href: config.link.href
-      },
-      config.link.text
-    ));
-  }
-  return /* @__PURE__ */ React.createElement("span", { className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100" }, /* @__PURE__ */ React.createElement(config.Icon, { className: "mr-2 h-6 opacity-80 w-auto" }), /* @__PURE__ */ React.createElement("a", { target: "_blank", href: config.link.href }, config.link.text));
-};
 const SidebarCollectionLink = ({
   Icon = ImFilesEmpty,
   collection,
@@ -47609,6 +47637,25 @@ const SidebarBody = ({ children }) => {
     children
   );
 };
+const NavMenuTrigger = ({
+  className = "",
+  label = "Toggle navigation menu"
+}) => {
+  const { toggleMenu, menuIsOpen } = useNav();
+  if (menuIsOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    "button",
+    {
+      className: `pointer-events-auto p-2 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded ${className}`,
+      onClick: toggleMenu,
+      "aria-label": label,
+      title: label
+    },
+    /* @__PURE__ */ React__default.createElement(BiMenu, { className: "h-8 w-auto text-gray-600" })
+  );
+};
 const DEFAULT_FIELDS = [
   TextFieldPlugin,
   TextareaFieldPlugin,
@@ -120507,8 +120554,7 @@ const Sidebar = ({ cms }) => {
   const collectionsInfo = useGetCollections(cms);
   const screens = cms.plugins.getType("screen").all();
   const cloudConfigs = cms.plugins.getType("cloud-config").all();
-  const isOnDashboard = location.pathname === "/";
-  const [menuIsOpen, setMenuIsOpen] = React__default.useState(isOnDashboard);
+  location.pathname === "/";
   const isLocalMode = (_b = (_a2 = cms.api) == null ? void 0 : _a2.tina) == null ? void 0 : _b.isLocalMode;
   const activeScreens = screens.filter(
     (screen) => {
@@ -120521,8 +120567,6 @@ const Sidebar = ({ cms }) => {
     {
       isLocalMode,
       showHamburger: false,
-      menuIsOpen,
-      toggleMenu: () => setMenuIsOpen((menu) => !menu),
       sidebarWidth: 360,
       showCollections: true,
       collectionsInfo,
@@ -120537,7 +120581,7 @@ const Sidebar = ({ cms }) => {
           Icon: view.Icon ? view.Icon : ImFilesEmpty
         }
       ),
-      RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default.createElement(SidebarCloudLink, { config }),
+      RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default.createElement(NavCloudLink, { config }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default.createElement(
         SidebarLink,
         {
@@ -120574,20 +120618,6 @@ const SidebarLink = (props) => {
     label
   );
 };
-const SidebarCloudLink = ({ config }) => {
-  if (config.text) {
-    return /* @__PURE__ */ React__default.createElement("span", { className: "text-base tracking-wide text-gray-500 flex items-center opacity-90" }, config.text, " ", /* @__PURE__ */ React__default.createElement(
-      "a",
-      {
-        target: "_blank",
-        className: "ml-1 text-blue-600 hover:opacity-60",
-        href: config.link.href
-      },
-      config.link.text
-    ));
-  }
-  return /* @__PURE__ */ React__default.createElement("span", { className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100" }, /* @__PURE__ */ React__default.createElement(config.Icon, { className: "mr-2 h-6 opacity-80 w-auto" }), /* @__PURE__ */ React__default.createElement("a", { target: "_blank", href: config.link.href }, config.link.text));
-};
 const ErrorDialog = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
@@ -120752,7 +120782,7 @@ const PageWrapper = ({
   headerClassName,
   children
 }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, /* @__PURE__ */ React__default.createElement("div", { className: `py-2 pr-4 w-full ${headerClassName}` }, /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React__default.createElement(TinaIcon, { className: "self-center h-10 min-w-10 w-auto text-orange-500" }), /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BranchButton, null), /* @__PURE__ */ React__default.createElement(BranchPreviewButton, null))), children);
+  return /* @__PURE__ */ React__default.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, /* @__PURE__ */ React__default.createElement("div", { className: `py-2 w-full ${headerClassName}` }, /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React__default.createElement(NavMenuTrigger, { className: "ml-2" }), /* @__PURE__ */ React__default.createElement(TinaIcon, { className: "self-center h-10 min-w-10 w-auto text-orange-500" }), /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BranchButton, null), /* @__PURE__ */ React__default.createElement(BranchPreviewButton, null))), children);
 };
 const PageHeader = ({
   children
@@ -122172,20 +122202,27 @@ const RenderForm$1 = ({
       ].filter((x) => !!x),
       onSubmit: async (values) => {
         try {
-          const folderName2 = folder.fullyQualifiedName ? folder.name : "";
           await createDocument(
             cms,
             collection,
             template,
             mutationInfo,
-            folderName2,
+            folderName,
             values
           );
           cms.alerts.success("Document created!");
+          const { filename } = values;
+          let editPath;
+          if (filename.startsWith("/")) {
+            const filenameWithoutSlash = filename.substring(1);
+            editPath = `/collections/edit/${collection.name}/${filenameWithoutSlash}`;
+          } else if (folder.fullyQualifiedName) {
+            editPath = `/collections/edit/${collection.name}/~/${folderName}/${filename}`;
+          } else {
+            editPath = `/collections/edit/${collection.name}/${filename}`;
+          }
           setTimeout(() => {
-            navigate(
-              `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`
-            );
+            navigate(editPath);
           }, 10);
         } catch (error2) {
           console.error(error2);
@@ -122485,7 +122522,7 @@ const ScreenPage = () => {
     const selectedScreen = screens.find(
       ({ name }) => slugify(name) === screenName
     );
-    return /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "py-2 px-6 w-fit " }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null)), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "py-2 w-full" }, /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React__default.createElement(NavMenuTrigger, { className: "ml-2" }), /* @__PURE__ */ React__default.createElement(TinaIcon, { className: "self-center h-10 min-w-10 w-auto text-orange-500" }), /* @__PURE__ */ React__default.createElement(LocalWarning, null))), /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `xl:hidden pl-6 py-5 border-b border-gray-200 bg-white`
@@ -122712,7 +122749,7 @@ const DefaultWrapper = ({
   cms,
   children
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Layout, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-stretch h-dvh overflow-hidden" }, /* @__PURE__ */ React__default.createElement(Sidebar, { cms }), /* @__PURE__ */ React__default.createElement("div", { className: "w-full relative" }, children)));
+  return /* @__PURE__ */ React__default.createElement(Layout, null, /* @__PURE__ */ React__default.createElement(NavProvider, { defaultOpen: false }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-stretch h-dvh overflow-hidden" }, /* @__PURE__ */ React__default.createElement(Sidebar, { cms }), /* @__PURE__ */ React__default.createElement("div", { className: "w-full relative" }, children))));
 };
 const PlainLayout = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement(
@@ -123001,6 +123038,9 @@ export {
   ModalProvider,
   NAMER,
   Nav,
+  NavCloudLink,
+  NavMenuTrigger,
+  NavProvider,
   NumberField,
   NumberFieldPlugin,
   NumberInput,
@@ -123094,6 +123134,7 @@ export {
   useFormPortal,
   useLocalStorage,
   useModalContainer,
+  useNav,
   useScreenPlugin,
   useTinaAuthRedirect,
   wrapFieldWithError,

package/dist/toolkit/index.d.ts

@@ -19,7 +19,7 @@ export type { TinaState } from './tina-state';
 export * from './forms';
 export * from './icons';
 export * from './react-dismissible';
-export { Nav, LocalWarning, BillingWarning, SyncStatusButton, } from './react-sidebar';
+export { Nav, NavCloudLink, NavProvider, NavMenuTrigger, useNav, LocalWarning, BillingWarning, SyncStatusButton, } from './react-sidebar';
 export { useCMS } from './react-core';
 /**
  * Custom `tinacms` things

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface NavMenuTriggerProps {
+    className?: string;
+    label?: string;
+}
+/**
+ * A button component that triggers the navigation menu
+ * Can be used anywhere within the NavProvider hierarchy
+ */
+export declare const NavMenuTrigger: React.FC<NavMenuTriggerProps>;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CloudConfigPlugin } from '../../react-cloud-config';
+interface NavCloudLinkProps {
+    config: CloudConfigPlugin;
+}
+/**
+ * Shared component for rendering cloud configuration links
+ * Used across both admin and sidebar navigation
+ */
+export declare const NavCloudLink: React.FC<NavCloudLinkProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+export interface NavContextValue {
+    menuIsOpen: boolean;
+    toggleMenu: () => void;
+    openMenu: () => void;
+    closeMenu: () => void;
+}
+export declare const NavContext: React.Context<NavContextValue>;
+export declare const useNav: () => NavContextValue;
+interface NavProviderProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+}
+export declare const NavProvider: React.FC<NavProviderProps>;
+export {};

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

@@ -9,8 +9,8 @@ interface NavCollection {
 interface NavProps {
     isLocalMode: boolean;
     showHamburger?: boolean;
-    menuIsOpen: boolean;
-    toggleMenu: () => void;
+    menuIsOpen?: boolean;
+    toggleMenu?: () => void;
     children?: any;
     className?: string;
     userName?: string;
@@ -41,5 +41,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, showHamburger, menuIsOpen, toggleMenu, 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, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

package/dist/toolkit/react-sidebar/index.d.ts

@@ -3,3 +3,6 @@ export { SidebarProvider } from './components/sidebar';
 export { Nav } from './components/nav';
 export { LocalWarning, BillingWarning } from './components/local-warning';
 export { SyncStatusButton } from './components/sync-status';
+export { NavCloudLink } from './components/nav-components';
+export { NavProvider, useNav } from './components/nav-context';
+export { NavMenuTrigger } from './components/NavMenuTrigger';

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "0.0.0-a30bc52-20251201062201",
+  "version": "0.0.0-a3cc5b1-20251202013216",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -117,9 +117,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "0.0.0-a30bc52-20251201062201",
-    "@tinacms/schema-tools": "0.0.0-a30bc52-20251201062201",
-    "@tinacms/search": "0.0.0-a30bc52-20251201062201"
+    "@tinacms/mdx": "2.0.0",
+    "@tinacms/schema-tools": "2.0.0",
+    "@tinacms/search": "1.1.4"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",