tinacms 0.0.0-dbef36f-20250616005720 → 0.0.0-dd2089d-20251128055623

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

@@ -0,0 +1 @@
+export declare const FloatingToolbarPlugin: import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"floating-toolbar", {}, {}, {}, {}>>;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/toolbar/toolbar-overrides.d.ts

@@ -1,4 +1,4 @@
-export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'strikethrough' | 'italic' | 'mermaid' | 'raw' | 'embed' | 'table';
+export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'strikethrough' | 'italic' | 'mermaid' | 'raw' | 'embed' | 'table' | 'hr';
 export declare const STANDARD_ICON_WIDTH = 32;
 export declare const HEADING_ICON_WITH_TEXT = 127;
 export declare const HEADING_ICON_ONLY = 58;

package/dist/toolkit/form-builder/create-branch-modal.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, }: {
+    safeSubmit: () => Promise<void>;
+    close: () => void;
+    path: string;
+    values: Record<string, unknown>;
+    crudType: string;
+}) => React.JSX.Element;
+export declare const PrefixedTextField: ({ label, prefix, ...props }: {
+    [x: string]: any;
+    label?: any;
+    prefix?: string;
+}) => React.JSX.Element;

package/dist/toolkit/form-builder/editorial-workflow-constants.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Editorial Workflow Status Constants
+ * These match the server-side constants in tinacloud/js/content-api/src/editorial-workflow.ts
+ */
+export declare const EDITORIAL_WORKFLOW_STATUS: {
+    readonly QUEUED: "queued";
+    readonly PROCESSING: "processing";
+    readonly SETTING_UP: "setting_up";
+    readonly CREATING_BRANCH: "creating_branch";
+    readonly INDEXING: "indexing";
+    readonly CONTENT_GENERATION: "content_generation";
+    readonly CREATING_PR: "creating_pr";
+    readonly COMPLETE: "complete";
+    readonly ERROR: "error";
+    readonly TIMEOUT: "timeout";
+};
+export type EditorialWorkflowStatus = (typeof EDITORIAL_WORKFLOW_STATUS)[keyof typeof EDITORIAL_WORKFLOW_STATUS];

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
@@ -30,14 +29,3 @@ export declare const CreateBranchModel: ({ close, safeSubmit, relativePath, valu
     values: Record<string, unknown>;
     crudType: string;
 }) => React.JSX.Element;
-export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, }: {
-    safeSubmit: () => Promise<void>;
-    close: () => void;
-    path: string;
-    values: Record<string, unknown>;
-    crudType: string;
-}) => React.JSX.Element;
-export declare const PrefixedTextField: ({ prefix, ...props }: {
-    [x: string]: any;
-    prefix?: string;
-}) => React.JSX.Element;

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

@@ -7,4 +7,5 @@ export * from './form-portal';
 export * from './loading-dots';
 export * from './reset-form';
 export * from './form-actions';
+export * from './create-branch-modal';
 export type { FieldRenderProps } from 'react-final-form';

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

@@ -13,6 +13,7 @@ export interface Field<F extends Field = AnyField> {
     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

@@ -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/icons/Tina.d.ts

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

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const TinaExtendedIcon: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;

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

@@ -52,3 +52,4 @@ export * from './Folder';
 export * from './File';
 export * from './Circle';
 export * from './CircleCheck';
+export * from './TinaExtended';

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,5 @@
 import * as React from 'react';
-export declare const BranchButton: () => React.JSX.Element;
+export declare const BranchButton: ({ className }: {
+    className?: string;
+}) => 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-modals/modal/modal-actions.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
-export declare const ModalActions: ({ children }: {
+export declare const ModalActions: ({ align, children }: {
+    align?: string;
     children: any;
 }) => React.JSX.Element;

package/dist/toolkit/react-modals/modal/modal-header.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export interface ModalHeaderProps {
-    children: React.ReactChild | React.ReactChild[];
+    children: React.ReactNode;
     close?(): void;
 }
 export declare const ModalHeader: ({ children, close }: ModalHeaderProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const Badge: ({ children, calloutStyle, className, displayIcon, ...props }: {
+    children?: React.ReactNode;
+    calloutStyle?: "warning" | "info" | "success" | "error";
+    displayIcon?: boolean;
+} & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Callout: ({ children, calloutStyle, className, ...props }: {
+    children?: React.ReactNode;
+    calloutStyle?: "warning" | "info" | "success" | "error";
+} & 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/local-warning.d.ts

@@ -1,3 +1,5 @@
 import * as React from 'react';
-export declare const LocalWarning: () => React.JSX.Element;
+export declare const LocalWarning: ({ className }: {
+    className?: string;
+}) => React.JSX.Element;
 export declare const BillingWarning: () => React.JSX.Element;

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,9 @@ interface NavCollection {
 }
 interface NavProps {
     isLocalMode: boolean;
+    showHamburger?: boolean;
+    menuIsOpen: boolean;
+    toggleMenu: () => void;
     children?: any;
     className?: string;
     userName?: string;
@@ -38,5 +41,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, menuIsOpen, 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' | 'accent' | '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/styles/dropdown-button.d.ts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { ButtonProps } from './button';
+export interface DropdownButtonItem {
+    label: string;
+    onClick: () => void;
+    variant?: 'default' | 'destructive';
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface DropdownButtonProps extends Omit<ButtonProps, 'onClick'> {
+    /**
+     * The main action to perform when the button is clicked
+     */
+    onMainAction?: () => void;
+    /**
+     * Array of dropdown menu items
+     */
+    items: DropdownButtonItem[];
+    /**
+     * Whether to show the dropdown arrow in a split button style
+     * @default true
+     */
+    showSplitButton?: boolean;
+    /**
+     * Alignment of the dropdown menu
+     * @default 'end'
+     */
+    align?: 'start' | 'center' | 'end';
+}
+/**
+ * A button component that combines a primary action with a dropdown menu of additional options.
+ *
+ * This component follows the split-button pattern found in TinaCMS, where the main button
+ * performs a primary action and a small arrow button opens a dropdown menu with additional options.
+ *
+ * @example
+ * // Basic usage with split button
+ * <DropdownButton
+ *   variant="primary"
+ *   onMainAction={() => console.log('Save to new branch')}
+ *   items={[
+ *     { label: 'Save to protected branch', onClick: () => console.log('Protected') },
+ *     { label: 'Save and publish', onClick: () => console.log('Publish') },
+ *   ]}
+ * >
+ *   Save to new branch
+ * </DropdownButton>
+ *
+ * @example
+ * // Dropdown-only button (no main action)
+ * <DropdownButton
+ *   variant="secondary"
+ *   showSplitButton={false}
+ *   items={[
+ *     { label: 'Save to new branch', onClick: () => console.log('New branch') },
+ *     { label: 'Save to protected branch', onClick: () => console.log('Protected') },
+ *   ]}
+ * >
+ *   Save options
+ * </DropdownButton>
+ *
+ * @example
+ * // With icons and destructive action
+ * <DropdownButton
+ *   variant="primary"
+ *   onMainAction={() => console.log('Save')}
+ *   items={[
+ *     { label: 'Duplicate', onClick: () => console.log('Duplicate'), icon: <CopyIcon /> },
+ *     { label: 'Delete', onClick: () => console.log('Delete'), variant: 'destructive', icon: <TrashIcon /> },
+ *   ]}
+ * >
+ *   Save
+ * </DropdownButton>
+ */
+export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -2,3 +2,4 @@ export * from './button';
 export * from './font-loader';
 export * from './overflow-menu';
 export * from './message';
+export * from './dropdown-button';

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/dist/utils/index.d.ts

@@ -20,3 +20,4 @@ export interface CreateClientProps {
 export declare const createClient: ({ clientId, isLocalClient, branch, tinaioConfig, schema, apiUrl, tinaGraphQLVersion, }: CreateClientProps) => Client;
 export declare function assertShape<T>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema, errorMessage?: string): asserts value is T;
 export declare function safeAssertShape<T>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema): boolean;
+export declare const get: (obj: any, path: any, defaultValue?: any) => any;