tinacms 3.0.0 → 3.0.1

package/dist/index.js

@@ -45485,7 +45485,7 @@ function GridMediaItem({ item, active, onClick }) {
         src: thumbnail,
         alt: item.filename
       }
-    )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(FileIcon, { className: "w-[30%] h-auto fill-gray-300" }), /* @__PURE__ */ React__default.createElement("span", { className: "block text-base text-gray-600 w-full break-words truncate" }, item.filename)))
+    )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(FileIcon, { className: "w-[40%] h-auto fill-gray-300", size: 40 })))
   ));
 }
 const DeleteModal$1 = ({
@@ -46296,12 +46296,12 @@ const Callout = ({
   className = "",
   ...props
 }) => {
-  const commonAlertStyles = "text-sm px-4 py-3 rounded-md border";
+  const commonAlertStyles = "text-sm px-4 py-3 rounded-md border-2 font bg-white text-gray-700 font-medium";
   const styles = {
-    warning: `text-amber-700 bg-amber-100 border-amber-700/20`,
-    info: `text-blue-600 bg-blue-100/50 border-blue-600/20`,
-    success: `text-green-600 bg-green-100/50 border-green-600/20`,
-    error: `text-red-600 bg-red-100/50 border-red-600/20`
+    warning: `border-amber-700/20`,
+    info: `border-blue-600/20`,
+    success: `border-green-600/20`,
+    error: `border-red-600/20`
   };
   const icon = {
     warning: /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" }),
@@ -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 = "3.0.0";
+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.1";
 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,
@@ -48038,7 +48085,7 @@ function Alerts2({ alerts }) {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
     return alert.level !== "error";
   }).map((alert) => {
-    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto text-blue-500" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto text-green-500" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto text-yellow-500" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
       CloseAlert,
       {
         onClick: () => {
@@ -48079,21 +48126,21 @@ const Alert = ({
   ...props
 }) => {
   const colorClasses = {
-    info: "bg-white border-blue-500 text-blue-600 fill-blue-500",
-    success: "bg-white border-green-500 text-green-600 fill-green-500",
-    warn: "bg-white border-yellow-500 text-yellow-600 fill-yellow-500",
-    error: "bg-white border-red-500 text-red-600 fill-red-500"
+    info: "bg-white",
+    success: "bg-white",
+    warn: "bg-white",
+    error: "bg-white"
   };
   const borderClasses = {
-    info: "border-blue-200",
-    success: "border-green-200",
-    warn: "border-yellow-200",
-    error: "border-red-200"
+    info: "border-blue-500",
+    success: "border-green-500",
+    warn: "border-amber-500",
+    error: "border-red-500"
   };
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+      className: `rounded-md shadow-lg font-medium cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full text-gray-700 ${colorClasses[level]}`,
       style: {
         animationName: "fly-in-up, fade-in",
         animationTimingFunction: "ease-out",
@@ -48105,7 +48152,7 @@ const Alert = ({
     /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `flex items-center gap-1.5 w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
+        className: `flex items-center gap-2 w-[350px] rounded-md border px-4 py-3 ${borderClasses[level]}`,
         ...props
       }
     )
@@ -63987,6 +64034,10 @@ const CreateBranchModal = ({
       cms.alerts.success(
         `Branch created successfully - Pull Request at ${result.pullRequestUrl}`
       );
+      if (crudType === "create") {
+        const folderPath = relativePath2.includes("/") ? relativePath2.substring(0, relativePath2.lastIndexOf("/")) : "";
+        window.location.hash = `#/collections/${collection.name}${folderPath ? `/${folderPath}` : ""}`;
+      }
       close2();
     } catch (e3) {
       console.error(e3);
@@ -120507,8 +120558,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 +120571,6 @@ const Sidebar = ({ cms }) => {
     {
       isLocalMode,
       showHamburger: false,
-      menuIsOpen,
-      toggleMenu: () => setMenuIsOpen((menu) => !menu),
       sidebarWidth: 360,
       showCollections: true,
       collectionsInfo,
@@ -120537,7 +120585,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 +120622,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 +120786,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
@@ -122485,7 +122519,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 +122746,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 +123035,9 @@ export {
   ModalProvider,
   NAMER,
   Nav,
+  NavCloudLink,
+  NavMenuTrigger,
+  NavProvider,
   NumberField,
   NumberFieldPlugin,
   NumberInput,
@@ -123094,6 +123131,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": "3.0.0",
+  "version": "3.0.1",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {