tinacms 0.0.0-e024aec-20250526035050 → 0.0.0-e27c017-20250619233313

package/dist/toolkit/components/media/media-item.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Media } from '../../core';
+import React from 'react';
 interface MediaItemProps {
     item: Media & {
         new?: boolean;

package/dist/toolkit/components/ui/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/toolkit/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/toolkit/fields/components/password-field.d.ts

@@ -4,6 +4,6 @@ export interface PasswordFieldProps extends a {
     error?: boolean;
     ref?: any;
 }
-export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
+export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded";
 export declare const BasePasswordField: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/toolkit/fields/components/reference/components/button.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const buttonVariants: (props?: {
     variant?: "outline";
     size?: "default" | "icon" | "sm" | "lg";

package/dist/toolkit/fields/components/reference/components/popover.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/toolkit/fields/components/reference/model/reference-link-props.d.ts

@@ -9,6 +9,8 @@ export type Document = {
             name: string;
         };
         breadcrumbs: string[];
+        filename: string;
+        relativePath: string;
     };
 };
 export interface Response {

package/dist/toolkit/fields/components/select.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { Field } from '../../forms';
+import * as React from 'react';
 type Option = {
     value: string;
     label: string;
@@ -18,6 +18,6 @@ export interface SelectProps {
     options?: (Option | string)[];
     className?: string;
 }
-export declare const selectFieldClasses = "shadow appearance-none bg-white block pl-3 pr-8 py-2 truncate w-full text-base cursor-pointer border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md";
+export declare const selectFieldClasses = "shadow appearance-none bg-white block pl-3 pr-8 py-2 truncate w-full text-base cursor-pointer border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded";
 export declare const Select: React.FC<SelectProps>;
 export {};

package/dist/toolkit/fields/components/text-field.d.ts

@@ -4,6 +4,6 @@ export interface TextFieldProps extends a {
     error?: boolean;
     ref?: any;
 }
-export declare const textFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
+export declare const textFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded";
 export declare const BaseTextField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Field, Form } from '../../forms';
+import * as React from 'react';
 export interface GroupFieldDefinititon extends Field {
     component: 'group';
     fields: Field[];

package/dist/toolkit/fields/plugins/list-field-meta.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Form } from '../../forms';
+import * as React from 'react';
 interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     name: string;
     children: any;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { type InputFieldType } from '../wrap-field-with-meta';
-import type { MdxTemplate } from './plate/types';
 import type { InputProps } from '../../../fields/components';
-import type { ToolbarOverrides, ToolbarOverrideType } from './plate/toolbar/toolbar-overrides';
+import type { ToolbarOverrideType, ToolbarOverrides } from './plate/toolbar/toolbar-overrides';
+import type { MdxTemplate } from './plate/types';
 export type RichTextType = React.PropsWithChildren<InputFieldType<InputProps, {
     templates: MdxTemplate[];
     toolbarOverride?: ToolbarOverrideType[];

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

@@ -1,5 +1,5 @@
+import { Field, Form } from '../forms';
 import * as React from 'react';
-import { Form, Field } from '../forms';
 export interface FieldsBuilderProps {
     form: Form;
     activeFieldName?: string;

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

@@ -1,6 +1,6 @@
+import type { Form } from '../forms';
 import * as React from 'react';
 import { type FC } from 'react';
-import type { Form } from '../forms';
 export interface FormBuilderProps {
     form: {
         tinaForm: Form;
@@ -12,12 +12,11 @@ export interface FormBuilderProps {
 }
 export declare const FormBuilder: FC<FormBuilderProps>;
 export declare const FormStatus: ({ pristine }: {
-    pristine: any;
+    pristine: boolean;
 }) => React.JSX.Element;
-export declare const FormWrapper: ({ header, children, id, }: {
-    header?: React.ReactNode;
-    children: React.ReactNode;
+export declare const FormWrapper: ({ id, children, }: {
     id: string;
+    children: React.ReactNode;
 }) => React.JSX.Element;
 /**
  * @deprecated

package/dist/toolkit/forms/field.d.ts

@@ -1,3 +1,4 @@
+import { Parser } from '@tinacms/schema-tools';
 export type AnyField = Field & {
     [key: string]: any;
 };
@@ -7,10 +8,12 @@ export interface Field<F extends Field = AnyField> {
     description?: string;
     component: React.FC<any> | string | null;
     inlineComponent?: React.FC<any>;
+    parser?: Parser;
     parse?: (value: any, name: string, field: F) => any;
     format?: (value: any, name: string, field: F) => any;
     validate?(value: any, allValues: any, meta: any, field: Field): string | object | undefined;
     defaultValue?: any;
+    namespace?: string[];
     fields?: F[];
     /**
      * Focus events can come from outside of the component, this is not

package/dist/toolkit/forms/form.d.ts

@@ -1,7 +1,7 @@
-import { FormApi, Config, FormState } from 'final-form';
-import type { FormSubscription } from 'final-form';
 import type { Plugin } from '../core';
-import { Field, AnyField } from './field';
+import { Config, FormApi, FormState } from 'final-form';
+import type { FormSubscription } from 'final-form';
+import { AnyField, Field } from './field';
 export type { FormApi };
 type GlobalOptions = {
     global: true;
@@ -25,7 +25,16 @@ export interface FormOptions<S, F extends Field = AnyField> extends Config<S> {
     extraSubscribeValues?: FormSubscription;
     queries?: string[];
     crudType?: 'create' | 'update';
+    /**
+     * @deprecated
+     * Misleading name as per https://github.com/tinacms/tinacms/issues/5686#issuecomment-2899840518
+     * Use path property instead.
+     */
     relativePath?: string;
+    /**
+     * Where to save the form within the content directory on next submission.
+     */
+    path?: string;
 }
 export declare class Form<S = any, F extends Field = AnyField> implements Plugin {
     private _reset;
@@ -42,7 +51,16 @@ export declare class Form<S = any, F extends Field = AnyField> implements Plugin
     queries: string[];
     global: GlobalOptions | null;
     loading: boolean;
+    /**
+     * @deprecated
+     * Misleading name as per https://github.com/tinacms/tinacms/issues/5686#issuecomment-2899840518
+     * Use path property instead.
+     */
     relativePath: string;
+    /**
+     * Where to save the form within the content directory on next submission.
+     */
+    path: string;
     crudType?: 'create' | 'update';
     beforeSubmit?: (values: S) => Promise<void | S>;
     constructor({ id, label, fields, actions, buttons, global, reset, loadInitialValues, onChange, queries, ...options }: FormOptions<S, F>);
@@ -134,6 +152,7 @@ export declare class Form<S = any, F extends Field = AnyField> implements Plugin
         label?: string;
         name?: string;
         fields: Field[];
+        namespace?: string[];
     };
     private getFieldGroup;
 }

package/dist/toolkit/git-client/git-client.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare class GitClient {
     private baseUrl;
     constructor(baseUrl: string);
@@ -29,6 +33,9 @@ export declare class GitClient {
      * @deprecated
      */
     isAuthenticated(): boolean;
+    /**
+     * @deprecated
+     */
     commit(data: {
         files: string[];
         message?: string;
@@ -36,15 +43,17 @@ export declare class GitClient {
         email?: string;
     }): Promise<Response>;
     /**
-     *
      * TODO: Add return type.
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     push(): Promise<any>;
     /**
-     *
      * TODO: Add return type.
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     writeToDisk(data: {
         fileRelativePath: string;
@@ -53,6 +62,8 @@ export declare class GitClient {
     /**
      * Uploads a File to disk
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     writeMediaToDisk(data: {
         directory: string;
@@ -62,31 +73,43 @@ export declare class GitClient {
      * TODO: rename `data.relPath` to `data.fileRelativePath`
      * TODO: Add return type.
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     deleteFromDisk(data: {
         relPath: string;
     }): Promise<any>;
     /**
      * Resets the given files.
+     *
+     * @deprecated
      */
     reset(data: {
         files: string[];
     }): Promise<Response>;
     /**
      * Get the contents of a file or directory on disk.
+     *
+     * @deprecated
      */
     getFile(fileRelativePath: string): Promise<any>;
     /**
      * Get the contents of a file for the most recent commit.
+     *
+     * @deprecated
      */
     show(fileRelativePath: string): Promise<any>;
     /**
      * Get information about a local branch by name, or the current branch if no
      * name is specified.
+     *
+     * @deprecated
      */
     branch(name?: string): Promise<any>;
     /**
      * Get a list of the names of all local branches.
+     *
+     * @deprecated
      */
     branches(): Promise<any>;
 }

package/dist/toolkit/git-client/git-file.d.ts

@@ -1,4 +1,8 @@
 import { CMS } from '../core';
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare class GitFile {
     private cms;
     relativePath: string;
@@ -7,10 +11,24 @@ export declare class GitFile {
     constructor(cms: CMS, relativePath: string, format: (file: any) => string, parse: (content: string) => any);
     /**
      * Load the contents of this file at HEAD
+     *
+     * @deprecated
      */
     show: () => Promise<any>;
+    /**
+     * @deprecated
+     */
     commit: () => Promise<void>;
+    /**
+     * @deprecated
+     */
     reset: () => void;
+    /**
+     * @deprecated
+     */
     write: (values: any) => void;
+    /**
+     * @deprecated
+     */
     private get git();
 }

package/dist/toolkit/git-client/git-media-store.d.ts

@@ -1,11 +1,24 @@
 import { MediaStore, MediaUploadOptions, Media, MediaListOptions, MediaList } from '../core';
 import { GitClient } from './git-client';
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare class GitMediaStore implements MediaStore {
     private client;
     accept: string;
     constructor(client: GitClient);
+    /**
+     * @deprecated
+     */
     persist(files: MediaUploadOptions[]): Promise<Media[]>;
+    /**
+     * @deprecated
+     */
     list(options?: MediaListOptions): Promise<MediaList>;
+    /**
+     * @deprecated
+     */
     delete(media: Media): Promise<void>;
 }
 export declare const nextOffset: (offset: number, limit: number, count: number) => number;

package/dist/toolkit/git-client/use-git-file.d.ts

@@ -1,2 +1,6 @@
 import { GitFile } from './git-file';
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare function useGitFile(relativePath: string, format: (file: any) => string, parse: (content: string) => any): GitFile;

package/dist/toolkit/icons/Tina.d.ts

@@ -1,8 +1,3 @@
-/**
-
-
-
-*/
 import * as React from 'react';
 export declare const TinaIcon: ({ ...props }: {
     [x: string]: any;

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, SyncStatus, } from './react-sidebar';
+export { Nav, LocalWarning, BillingWarning, SyncStatusButton, } from './react-sidebar';
 export { useCMS } from './react-core';
 /**
  * Custom `tinacms` things

package/dist/toolkit/plugin-branch-switcher/branch-button.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare const BranchButton: () => React.JSX.Element;
+export declare const BranchPreviewButton: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/dist/toolkit/plugin-branch-switcher/index.d.ts

@@ -2,5 +2,4 @@ export * from './plugin';
 export * from './types';
 export * from './branch-switcher';
 export * from './branch-data';
-export * from './branch-banner';
 export * from './branch-button';

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

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

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { TinaState } from '../../tina-state';
+import * as React from 'react';
 type FormListItem = TinaState['formLists'][number]['items'][number];
 export interface FormsListProps {
     formList: FormListItem[];

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { ScreenPlugin } from '../../react-screens';
 import type { CloudConfigPlugin } from '../../react-cloud-config';
+import type { ScreenPlugin } from '../../react-screens';
+import * as React from 'react';
 interface NavCollection {
     label?: string;
     name: string;
@@ -8,6 +8,8 @@ interface NavCollection {
 }
 interface NavProps {
     isLocalMode: boolean;
+    showHamburger?: boolean;
+    toggleMenu: () => void;
     children?: any;
     className?: string;
     userName?: string;
@@ -38,5 +40,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
+export declare const Nav: ({ isLocalMode, showHamburger, toggleMenu, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

package/dist/toolkit/react-sidebar/components/resize-handle.d.ts

@@ -1,7 +1,2 @@
-/**
-
-
-
-*/
 import * as React from 'react';
 export declare const ResizeHandle: () => React.JSX.Element;

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

@@ -4,13 +4,6 @@ export interface FormsViewProps {
     loadingPlaceholder?: React.FC;
 }
 export declare const FormsView: ({ loadingPlaceholder }?: FormsViewProps) => React.JSX.Element;
-export interface MultiformFormHeaderProps {
-    activeForm: {
-        activeFieldName?: string;
-        tinaForm: Form;
-    };
-}
-export declare const MultiformFormHeader: ({ activeForm, }: MultiformFormHeaderProps) => React.JSX.Element;
 export interface FormHeaderProps {
     activeForm: {
         activeFieldName?: string;
@@ -18,3 +11,6 @@ export interface FormHeaderProps {
     };
 }
 export declare const FormHeader: ({ activeForm }: FormHeaderProps) => React.JSX.Element;
+export declare const FormBreadcrumbs: ({ rootBreadcrumbName, ...props }: {
+    rootBreadcrumbName?: string;
+} & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;

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

@@ -3,7 +3,6 @@ import type { SidebarState, SidebarStateOptions } from '../sidebar';
 export declare const SidebarContext: React.Context<any>;
 export declare const minPreviewWidth = 440;
 export declare const minSidebarWidth = 360;
-export declare const navBreakpoint = 1279;
 export interface SidebarProviderProps {
     sidebar: SidebarState;
     resizingSidebar: boolean;
@@ -13,9 +12,3 @@ export interface SidebarProviderProps {
     defaultState?: SidebarStateOptions['defaultState'];
 }
 export declare function SidebarProvider({ position, resizingSidebar, setResizingSidebar, defaultWidth, sidebar, }: SidebarProviderProps): React.JSX.Element;
-export declare const updateBodyDisplacement: ({ position, displayState, sidebarWidth, resizingSidebar, }: {
-    position?: string;
-    displayState: any;
-    sidebarWidth: any;
-    resizingSidebar: any;
-}) => void;

package/dist/toolkit/react-sidebar/components/sync-status.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TinaCMS } from '../../tina-cms';
+import * as React from 'react';
 export declare const useGetEvents: (cms: TinaCMS, cursor?: string, existingEvents?: {
     message: string;
     id: string;
@@ -18,14 +18,11 @@ export declare const useGetEvents: (cms: TinaCMS, cursor?: string, existingEvent
     loading: boolean;
     error: Error;
 };
-export declare const SyncErrorWidget: ({ cms }: {
-    cms: any;
-}) => React.JSX.Element;
 export declare const SyncStatusModal: ({ closeEventsModal, cms }: {
     closeEventsModal: any;
     cms: any;
 }) => React.JSX.Element;
-export declare const SyncStatus: ({ cms, setEventsOpen }: {
-    cms: any;
-    setEventsOpen: any;
-}) => React.JSX.Element;
+export declare const SyncStatusButton: ({ cms, setEventsOpen, ...buttonProps }: {
+    cms: TinaCMS;
+    setEventsOpen: (open: boolean) => void;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

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

@@ -2,4 +2,4 @@ export * from './sidebar';
 export { SidebarProvider } from './components/sidebar';
 export { Nav } from './components/nav';
 export { LocalWarning, BillingWarning } from './components/local-warning';
-export { SyncStatus } from './components/sync-status';
+export { SyncStatusButton } from './components/sync-status';

package/dist/toolkit/styles/button.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'white' | 'ghost' | 'danger';
+    variant?: 'primary' | 'secondary' | 'white' | 'ghost' | 'danger' | 'custom';
     as?: React.ElementType;
     href?: string;
     target?: string;
     size?: 'small' | 'medium' | 'custom';
     busy?: boolean;
-    rounded?: 'full' | 'left' | 'right' | 'custom';
+    rounded?: 'full' | 'left' | 'right' | 'custom' | 'none';
     disabled?: boolean;
     className?: string;
     children?: React.ReactNode;

package/dist/toolkit/tina-state.d.ts

@@ -15,6 +15,12 @@ type FormList = {
     items: FormListItem[];
     formIds: string[];
 };
+type Breadcrumb = {
+    label: string;
+    formId: string;
+    formName: string;
+    namespace: string[];
+};
 export type TinaAction = {
     type: 'forms:add';
     value: Form;
@@ -63,6 +69,7 @@ export type TinaAction = {
     value: boolean;
 };
 export interface TinaState {
+    breadcrumbs: Breadcrumb[];
     activeFormId: string | null;
     /**
      * Forms are wrapped here because we need `activeFieldName` to be reactive, so adding it as a propery
@@ -85,4 +92,8 @@ export interface TinaState {
 }
 export declare const initialState: (cms: TinaCMS) => TinaState;
 export declare function tinaReducer(state: TinaState, action: TinaAction): TinaState;
+export declare function calculateBreadcrumbs(forms: {
+    activeFieldName?: string | null;
+    tinaForm: Form;
+}[], activeFormId: string, activeFieldName?: string): Breadcrumb[];
 export {};

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-e024aec-20250526035050",
+  "version": "0.0.0-e27c017-20250619233313",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -129,9 +129,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.6.2",
-    "@tinacms/search": "0.0.0-e024aec-20250526035050",
-    "@tinacms/schema-tools": "1.7.3"
+    "@tinacms/mdx": "0.0.0-e27c017-20250619233313",
+    "@tinacms/schema-tools": "0.0.0-e27c017-20250619233313",
+    "@tinacms/search": "0.0.0-e27c017-20250619233313"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -164,7 +164,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "0.0.0-e024aec-20250526035050"
+    "@tinacms/scripts": "1.3.5"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

package/dist/toolkit/plugin-branch-switcher/branch-banner.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const BranchBanner: () => React.JSX.Element;