tinacms 0.0.0-b1fe6d2-20241008011354 → 0.0.0-b25c5f0-20250618074247

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/branch-switcher-legacy.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BranchSwitcherProps, Branch } from './types';
+import { Branch, BranchSwitcherProps } from './types';
 export declare function formatBranchName(str: string): string;
 export declare const BranchSwitcherLegacy: ({ listBranches, createBranch, chooseBranch, }: BranchSwitcherProps) => React.JSX.Element;
 export declare const getFilteredBranchList: (branchList: Branch[], filter: string, currentBranchName: string) => Branch[];

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BranchSwitcherProps, Branch } from './types';
+import { Branch, BranchSwitcherProps } from './types';
 export declare function formatBranchName(str: string): string;
 export declare const BranchSwitcher: (props: BranchSwitcherProps) => React.JSX.Element;
 export declare const EditoralBranchSwitcher: ({ listBranches, createBranch, chooseBranch, setModalTitle, }: BranchSwitcherProps) => 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-cloud-config/cloud-config-plugin.d.ts

@@ -1,13 +1,13 @@
 import { Plugin } from '../core';
 import type { IconType } from 'react-icons';
 /**
- * Represents a Tina Cloud Config that should be accessible via the CMS.
+ * Represents a TinaCloud Config that should be accessible via the CMS.
  *
  * The purpose of these configs is to give a way to display & edit information
- * about TIna Cloud Configuration
+ * about TinaCloud Configuration
  * cases may include:
  *
- * * Tina Cloud Project Configuration
+ * * TinaCloud Project Configuration
  * * User Management
  */
 export interface CloudConfigPlugin extends Plugin {

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

@@ -1,15 +1,9 @@
-import * as React from 'react';
 import type { Form } from '../../forms';
-export declare const FormsView: ({ children, }: {
-    children?: React.ReactChild | React.ReactChild[];
-}) => React.JSX.Element;
-export interface MultiformFormHeaderProps {
-    activeForm: {
-        activeFieldName?: string;
-        tinaForm: Form;
-    };
+import * as React from 'react';
+export interface FormsViewProps {
+    loadingPlaceholder?: React.FC;
 }
-export declare const MultiformFormHeader: ({ activeForm, }: MultiformFormHeaderProps) => React.JSX.Element;
+export declare const FormsView: ({ loadingPlaceholder }?: FormsViewProps) => React.JSX.Element;
 export interface FormHeaderProps {
     activeForm: {
         activeFieldName?: string;
@@ -17,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-loading-placeholder.d.ts

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

package/dist/toolkit/react-sidebar/components/sidebar-no-forms-placeholder.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SidebarNoFormsPlaceholder: () => 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/react-sidebar/sidebar.d.ts

@@ -1,5 +1,5 @@
-import { EventBus, Callback } from '../core';
 import * as React from 'react';
+import { Callback, EventBus } from '../core';
 export interface SidebarStateOptions {
     position?: SidebarPosition;
     buttons?: SidebarButtons;
@@ -22,7 +22,7 @@ export declare type DefaultSidebarState = 'open' | 'closed';
 export declare class SidebarState {
     private events;
     private _isOpen;
-    placeholder: React.FC;
+    loadingPlaceholder: React.FC;
     defaultState: DefaultSidebarState;
     position: SidebarPosition;
     renderNav: boolean;

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-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

@@ -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;
@@ -58,8 +64,12 @@ export type TinaAction = {
 } | {
     type: 'sidebar:set-display-state';
     value: TinaState['sidebarDisplayState'] | 'openOrFull';
+} | {
+    type: '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,9 +86,14 @@ export interface TinaState {
     }[];
     formLists: FormList[];
     editingMode: 'visual' | 'basic';
+    isLoadingContent: boolean;
     quickEditSupported: boolean;
     sidebarDisplayState: 'closed' | 'open' | 'fullscreen';
 }
 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

@@ -1,4 +1,6 @@
 import type { Config } from '@tinacms/schema-tools';
+import AsyncLock from 'async-lock';
+import type { GraphQLError } from 'graphql';
 import type { Cache } from '../cache/index';
 export declare const TINA_HOST = "content.tinajs.io";
 export interface TinaClientArgs<GenQueries = Record<string, unknown>> {
@@ -25,12 +27,17 @@ export declare class TinaClient<GenQueries> {
     queries: GenQueries;
     errorPolicy: Config['client']['errorPolicy'];
     initialized: boolean;
+    cacheLock: AsyncLock | undefined;
     cacheDir: string;
     cache: Cache;
     constructor({ token, url, queries, errorPolicy, cacheDir, }: TinaClientArgs<GenQueries>);
     init(): Promise<void>;
     request<DataType extends Record<string, any> = any>({ errorPolicy, ...args }: TinaClientRequestArgs, options: {
         fetchOptions?: Parameters<typeof fetch>[1];
-    }): Promise<any>;
+    }): Promise<{
+        data: DataType;
+        errors: GraphQLError[] | null;
+        query: string;
+    }>;
 }
 export declare function createClient<GenQueries>(args: TinaClientArgs<GenQueries>): TinaClient<GenQueries>;

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-b1fe6d2-20241008011354",
+  "version": "0.0.0-b25c5f0-20250618074247",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -60,21 +60,21 @@
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
-    "@ariakit/react": "^0.4.11",
-    "@floating-ui/dom": "^1.6.11",
+    "@ariakit/react": "^0.4.15",
+    "@floating-ui/dom": "^1.6.13",
     "@floating-ui/react-dom": "^2.1.2",
-    "@graphql-inspector/core": "^6.1.0",
+    "@graphql-inspector/core": "^6.2.1",
     "@headlessui/react": "2.1.8",
     "@heroicons/react": "^1.0.6",
-    "@monaco-editor/react": "4.4.5",
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-popover": "^1.1.1",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-toolbar": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
+    "@monaco-editor/react": "4.7.0-rc.0",
+    "@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-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-toolbar": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.2.6",
     "@react-hook/window-size": "^3.1.1",
     "@udecode/cn": "^33.0.0",
     "@udecode/plate": "^36.5.9",
@@ -85,19 +85,20 @@
     "@udecode/plate-common": "^36.5.9",
     "@udecode/plate-floating": "^36.3.8",
     "@udecode/plate-heading": "^36.0.12",
-    "@udecode/plate-indent": "^36.0.0",
     "@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",
-    "class-variance-authority": "^0.7.0",
+    "@udecode/plate-table": "36.5.8",
+    "async-lock": "^1.4.1",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
+    "cmdk": "^1.0.4",
     "color-string": "^1.9.1",
     "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
-    "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.10",
     "final-form-arrays": "^3.1.0",
     "final-form-set-field-data": "^1.0.2",
@@ -107,49 +108,50 @@
     "lodash.get": "^4.4.2",
     "lodash.set": "^4.3.2",
     "lucide-react": "^0.424.0",
+    "mermaid": "9.3.0",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
-    "prism-react-renderer": "^2.4.0",
+    "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
     "react-beautiful-dnd": "^13.1.1",
     "react-color": "^2.19.3",
-    "react-datetime": "^3.2.0",
+    "react-datetime": "^3.3.1",
     "react-dropzone": "14.2.3",
     "react-final-form": "^6.5.9",
-    "react-icons": "^5.3.0",
-    "react-onclickoutside": "^6.13.1",
+    "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.5.2",
+    "tailwind-merge": "^2.6.0",
     "webfontloader": "1.6.28",
-    "yup": "^1.4.0",
-    "zod": "^3.23.8",
-    "@tinacms/mdx": "0.0.0-b1fe6d2-20241008011354",
-    "@tinacms/schema-tools": "0.0.0-b1fe6d2-20241008011354",
-    "@tinacms/search": "0.0.0-b1fe6d2-20241008011354"
+    "yup": "^1.6.1",
+    "zod": "^3.24.2",
+    "@tinacms/schema-tools": "0.0.0-b25c5f0-20250618074247",
+    "@tinacms/mdx": "0.0.0-b25c5f0-20250618074247",
+    "@tinacms/search": "0.0.0-b25c5f0-20250618074247"
   },
   "devDependencies": {
-    "@graphql-tools/utils": "^10.5.4",
+    "@graphql-tools/utils": "^10.8.1",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@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.7.4",
-    "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.10",
+    "@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.12",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-color": "^3.0.13",
+    "@types/react-dom": "^18.3.5",
     "@types/yup": "^0.32.0",
-    "happy-dom": "^14.12.3",
+    "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
@@ -158,11 +160,11 @@
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "tsc-alias": "^1.8.10",
-    "tslib": "^2.7.0",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
-    "vitest": "^2.1.1",
-    "@tinacms/scripts": "1.2.3"
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3",
+    "vite": "^5.4.14",
+    "vitest": "^2.1.9",
+    "@tinacms/scripts": "1.3.5"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

package/dist/__vite-browser-external-d06ac358.mjs

@@ -1,4 +0,0 @@
-const __viteBrowserExternal = {};
-export {
-  __viteBrowserExternal as default
-};

package/dist/node-cache-7fa2452c.mjs

@@ -1,43 +0,0 @@
-const makeCacheDir = async (dir, fs) => {
-  const path = await import("./__vite-browser-external-d06ac358.mjs");
-  const os = await import("./__vite-browser-external-d06ac358.mjs");
-  const parts = dir.split(path.sep).filter(Boolean);
-  let cacheDir = dir;
-  if (!fs.existsSync(path.join(path.sep, parts[0]))) {
-    cacheDir = path.join(os.tmpdir(), parts[parts.length - 1]);
-  }
-  fs.mkdirSync(cacheDir, { recursive: true });
-  return cacheDir;
-};
-const NodeCache = async (dir) => {
-  const fs = await import("./__vite-browser-external-d06ac358.mjs");
-  const { createHash } = await import("./__vite-browser-external-d06ac358.mjs");
-  const cacheDir = await makeCacheDir(dir, fs);
-  return {
-    makeKey: (key) => {
-      const input = key && key instanceof Object ? JSON.stringify(key) : key || "";
-      return createHash("sha256").update(input).digest("hex");
-    },
-    get: async (key) => {
-      try {
-        const data = await fs.promises.readFile(`${cacheDir}/${key}`, "utf-8");
-        return JSON.parse(data);
-      } catch (e) {
-        if (e.code === "ENOENT") {
-          return void 0;
-        }
-        throw e;
-      }
-    },
-    set: async (key, value) => {
-      await fs.promises.writeFile(
-        `${cacheDir}/${key}`,
-        JSON.stringify(value),
-        "utf-8"
-      );
-    }
-  };
-};
-export {
-  NodeCache
-};

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;

package/dist/toolkit/react-sidebar/components/no-forms-placeholder.d.ts

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