tinacms 0.0.0-c6a6335-20250416234606 → 0.0.0-c706b9f-20251222081038

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,7 @@ 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';
+export { NavCloudLink } from './components/nav-components';
+export { NavProvider, useNav } from './components/nav-context';
+export { NavMenuTrigger } from './components/NavMenuTrigger';

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-cms.d.ts

@@ -1,11 +1,11 @@
+import { Alerts, type EventsToAlerts } from './alerts';
 import { CMS, type CMSConfig, type PluginType } from './core';
 import type { FieldPlugin } from './form-builder';
-import type { ScreenPlugin } from './react-screens';
 import type { Form } from './forms';
-import { Alerts, type EventsToAlerts } from './alerts';
+import type { ScreenPlugin } from './react-screens';
 import { SidebarState, type SidebarStateOptions } from './react-sidebar';
-import type { TinaAction, TinaState } from './tina-state';
 import type { Client } from '../internalClient';
+import type { TinaAction, TinaState } from './tina-state';
 export interface TinaCMSConfig extends CMSConfig {
     sidebar?: SidebarStateOptions | boolean;
     alerts?: EventsToAlerts;

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

@@ -1,5 +1,24 @@
 import { Form } from './react-tinacms';
 import { TinaCMS } from './tina-cms';
+export declare const ACTION_TYPES: {
+    readonly FORMS_ADD: "forms:add";
+    readonly FORMS_REMOVE: "forms:remove";
+    readonly FORMS_CLEAR: "forms:clear";
+    readonly FORMS_SET_ACTIVE_FORM_ID: "forms:set-active-form-id";
+    readonly FORMS_SET_ACTIVE_FIELD_NAME: "forms:set-active-field-name";
+    readonly FORMS_SET_HOVERED_FIELD_NAME: "forms:set-hovered-field-name";
+    readonly FORM_LISTS_ADD: "form-lists:add";
+    readonly FORM_LISTS_REMOVE: "form-lists:remove";
+    readonly FORM_LISTS_CLEAR: "form-lists:clear";
+    readonly SET_EDIT_MODE: "set-edit-mode";
+    readonly INCREMENT_OPERATION_INDEX: "increment-operation-index";
+    readonly SET_QUICK_EDITING_SUPPORTED: "set-quick-editing-supported";
+    readonly SET_QUICK_EDITING_ENABLED: "set-quick-editing-enabled";
+    readonly TOGGLE_QUICK_EDITING_ENABLED: "toggle-quick-editing-enabled";
+    readonly TOGGLE_EDIT_STATE: "toggle-edit-state";
+    readonly SIDEBAR_SET_DISPLAY_STATE: "sidebar:set-display-state";
+    readonly SIDEBAR_SET_LOADING_STATE: "sidebar:set-loading-state";
+};
 type FormListItem = {
     type: 'document';
     path: string;
@@ -15,54 +34,67 @@ type FormList = {
     items: FormListItem[];
     formIds: string[];
 };
+type Breadcrumb = {
+    label: string;
+    formId: string;
+    formName: string;
+    namespace: string[];
+};
 export type TinaAction = {
-    type: 'forms:add';
+    type: typeof ACTION_TYPES.FORMS_ADD;
     value: Form;
 } | {
-    type: 'forms:remove';
+    type: typeof ACTION_TYPES.FORMS_REMOVE;
     value: string;
 } | {
-    type: 'forms:clear';
+    type: typeof ACTION_TYPES.FORMS_CLEAR;
 } | {
-    type: 'form-lists:add';
+    type: typeof ACTION_TYPES.FORM_LISTS_ADD;
     value: FormList;
 } | {
-    type: 'form-lists:remove';
+    type: typeof ACTION_TYPES.FORM_LISTS_REMOVE;
     value: string;
 } | {
-    type: 'forms:set-active-form-id';
+    type: typeof ACTION_TYPES.FORMS_SET_ACTIVE_FORM_ID;
     value: string;
 } | {
-    type: 'forms:set-active-field-name';
+    type: typeof ACTION_TYPES.FORMS_SET_ACTIVE_FIELD_NAME;
     value: {
         formId: string;
         fieldName: string;
     };
 } | {
-    type: 'form-lists:clear';
+    type: typeof ACTION_TYPES.FORMS_SET_HOVERED_FIELD_NAME;
+    value: {
+        formId: string;
+        fieldName: string | null;
+    };
+} | {
+    type: typeof ACTION_TYPES.FORM_LISTS_CLEAR;
 } | {
-    type: 'set-edit-mode';
+    type: typeof ACTION_TYPES.SET_EDIT_MODE;
     value: 'visual' | 'basic';
 } | {
-    type: 'increment-operation-index';
+    type: typeof ACTION_TYPES.INCREMENT_OPERATION_INDEX;
 } | {
-    type: 'set-quick-editing-supported';
+    type: typeof ACTION_TYPES.SET_QUICK_EDITING_SUPPORTED;
     value: boolean;
 } | {
-    type: 'set-quick-editing-enabled';
+    type: typeof ACTION_TYPES.SET_QUICK_EDITING_ENABLED;
     value?: boolean;
 } | {
-    type: 'toggle-quick-editing-enabled';
+    type: typeof ACTION_TYPES.TOGGLE_QUICK_EDITING_ENABLED;
 } | {
-    type: 'toggle-edit-state';
+    type: typeof ACTION_TYPES.TOGGLE_EDIT_STATE;
 } | {
-    type: 'sidebar:set-display-state';
+    type: typeof ACTION_TYPES.SIDEBAR_SET_DISPLAY_STATE;
     value: TinaState['sidebarDisplayState'] | 'openOrFull';
 } | {
-    type: 'sidebar:set-loading-state';
+    type: typeof ACTION_TYPES.SIDEBAR_SET_LOADING_STATE;
     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
@@ -76,6 +108,7 @@ export interface TinaState {
     forms: {
         activeFieldName?: string | null;
         tinaForm: Form;
+        hoveringFieldName?: string | null;
     }[];
     formLists: FormList[];
     editingMode: 'visual' | 'basic';
@@ -85,4 +118,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/unifiedClient/index.d.ts

@@ -29,7 +29,7 @@ export declare class TinaClient<GenQueries> {
     initialized: boolean;
     cacheLock: AsyncLock | undefined;
     cacheDir: string;
-    cache: Cache;
+    cache: Cache | null;
     constructor({ token, url, queries, errorPolicy, cacheDir, }: TinaClientArgs<GenQueries>);
     init(): Promise<void>;
     request<DataType extends Record<string, any> = any>({ errorPolicy, ...args }: TinaClientRequestArgs, options: {

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;

package/package.json

@@ -1,39 +1,19 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-c6a6335-20250416234606",
+  "type": "module",
+  "typings": "dist/index.d.ts",
+  "version": "0.0.0-c706b9f-20251222081038",
   "main": "dist/index.js",
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./dist/client": {
-      "types": "./dist/client.d.ts",
-      "import": "./dist/client.mjs",
-      "require": "./dist/client.js"
-    },
-    "./dist/edit-state": {
-      "types": "./dist/edit-state.d.ts",
-      "import": "./dist/edit-state.mjs",
-      "require": "./dist/edit-state.js"
-    },
-    "./dist/react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.mjs",
-      "require": "./dist/react.js"
-    },
-    "./dist/rich-text": {
-      "types": "./dist/rich-text/index.d.ts",
-      "import": "./dist/rich-text/index.mjs",
-      "require": "./dist/rich-text/index.js"
-    },
-    "./dist/rich-text/prism": {
-      "types": "./dist/rich-text/prism.d.ts",
-      "import": "./dist/rich-text/prism.mjs",
-      "require": "./dist/rich-text/prism.js"
-    }
+    ".": "./dist/index.js",
+    "./dist/client": "./dist/client.js",
+    "./dist/edit-state": "./dist/edit-state.js",
+    "./react": "./dist/react.js",
+    "./dist/react": "./dist/react.js",
+    "./dist/rich-text": "./dist/rich-text/index.js",
+    "./dist/rich-text/static": "./dist/rich-text/static.js",
+    "./dist/rich-text/prism": "./dist/rich-text/prism.js"
   },
   "files": [
     "dist"
@@ -42,25 +22,21 @@
     "entryPoints": [
       "src/index.ts",
       "src/rich-text/index.tsx",
+      "src/rich-text/static.tsx",
       "src/rich-text/prism.tsx",
       "src/react.tsx",
-      "src/client.ts"
-    ],
-    "build": {
-      "rollupOptions": {
-        "external": [
-          "crypto",
-          "fs",
-          "path",
-          "os"
-        ]
+      {
+        "name": "src/client.ts",
+        "target": "node"
       }
-    }
+    ]
   },
-  "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
     "@ariakit/react": "^0.4.15",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/dom": "^1.6.13",
     "@floating-ui/react-dom": "^2.1.2",
     "@graphql-inspector/core": "^6.2.1",
@@ -70,28 +46,37 @@
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-toolbar": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.8",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@react-hook/window-size": "^3.1.1",
-    "@udecode/cn": "^33.0.0",
-    "@udecode/plate": "^36.5.9",
-    "@udecode/plate-autoformat": "^36.5.6",
-    "@udecode/plate-block-quote": "^36.0.0",
-    "@udecode/plate-code-block": "^36.5.6",
-    "@udecode/plate-combobox": "^36.0.0",
-    "@udecode/plate-common": "^36.5.9",
-    "@udecode/plate-floating": "^36.3.8",
-    "@udecode/plate-heading": "^36.0.12",
-    "@udecode/plate-indent-list": "^36.5.2",
-    "@udecode/plate-link": "^36.5.9",
-    "@udecode/plate-list": "^36.5.2",
-    "@udecode/plate-paragraph": "^36.0.0",
-    "@udecode/plate-resizable": "36.0.0",
-    "@udecode/plate-slash-command": "^36.0.0",
-    "@udecode/plate-table": "36.5.8",
+    "@udecode/cmdk": "^0.2.1",
+    "@udecode/cn": "^48.0.3",
+    "@udecode/plate": "^48.0.3",
+    "@udecode/plate-autoformat": "^48.0.0",
+    "@udecode/plate-basic-marks": "^48.0.0",
+    "@udecode/plate-block-quote": "^48",
+    "@udecode/plate-break": "^48",
+    "@udecode/plate-code-block": "^48.0.0",
+    "@udecode/plate-combobox": "^48",
+    "@udecode/plate-dnd": "^48.0.0",
+    "@udecode/plate-floating": "^48.0.0",
+    "@udecode/plate-heading": "^48",
+    "@udecode/plate-horizontal-rule": "^48",
+    "@udecode/plate-indent-list": "^48.0.0",
+    "@udecode/plate-link": "^48.0.0",
+    "@udecode/plate-list": "^48.0.0",
+    "@udecode/plate-node-id": "^48.0.0",
+    "@udecode/plate-reset-node": "^48",
+    "@udecode/plate-resizable": "^48",
+    "@udecode/plate-selection": "^48.0.0",
+    "@udecode/plate-slash-command": "^48.0.0",
+    "@udecode/plate-table": "^48.0.0",
+    "@udecode/plate-trailing-block": "^48.0.0",
+    "add": "^2.0.6",
     "async-lock": "^1.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -99,63 +84,54 @@
     "color-string": "^1.9.1",
     "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
+    "es-toolkit": "^1.42.0",
     "final-form": "4.20.10",
     "final-form-arrays": "^3.1.0",
     "final-form-set-field-data": "^1.0.2",
     "graphql": "15.8.0",
     "graphql-tag": "^2.12.6",
     "is-hotkey": "^0.2.0",
-    "lodash.get": "^4.4.2",
-    "lodash.set": "^4.3.2",
     "lucide-react": "^0.424.0",
     "mermaid": "9.3.0",
     "moment": "2.29.4",
+    "moment-timezone": "^0.6.0",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-color": "^2.19.3",
+    "react-colorful": "^5.6.1",
     "react-datetime": "^3.3.1",
+    "react-day-picker": "^9.11.1",
     "react-dropzone": "14.2.3",
     "react-final-form": "^6.5.9",
     "react-icons": "^5.4.0",
     "react-router-dom": "6.3.0",
     "react-use": "^17.6.0",
-    "slate": "^0.103.0",
-    "slate-history": "^0.100.0",
-    "slate-hyperscript": "^0.100.0",
-    "slate-react": "^0.107.1",
     "tailwind-merge": "^2.6.0",
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.6.2",
-    "@tinacms/schema-tools": "1.7.3",
-    "@tinacms/search": "1.0.43"
+    "@tinacms/mdx": "0.0.0-c706b9f-20251222081038",
+    "@tinacms/schema-tools": "0.0.0-c706b9f-20251222081038",
+    "@tinacms/search": "0.0.0-c706b9f-20251222081038"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/atob": "^2.1.4",
     "@types/codemirror": "^5.60.15",
     "@types/color-string": "^1.5.5",
-    "@types/lodash.debounce": "^4.0.9",
-    "@types/lodash.get": "^4.4.9",
     "@types/node": "^22.13.1",
     "@types/prop-types": "^15.7.14",
     "@types/react": "^18.3.18",
-    "@types/react-beautiful-dnd": "^13.1.8",
-    "@types/react-color": "^3.0.13",
     "@types/react-dom": "^18.3.5",
-    "@types/yup": "^0.32.0",
     "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
-    "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
-    "next": "14.2.10",
+    "lowlight": "^3.3.0",
+    "next": "14.2.35",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
@@ -164,7 +140,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.3.4"
+    "@tinacms/scripts": "1.4.2"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

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

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const IndexingPage: FC;