tinacms 0.0.0-9e83b99-20250315180950 → 0.0.0-a1ff961-20250623024558

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/fields/plugins/mdx-field-plugin/plate/transforms/is-url.d.ts

@@ -1,6 +1,5 @@
 /**
- * RegExps. A URL must match #1 and then at least one of #2/#3. Use two levels
- * of REs to avoid REDOS.
+ * RegExps. A URL must match #1 or #2 or #3 or #4.
  */
 /** Loosely validate a URL `string`. */
 export declare const isUrl: (string: any) => boolean;

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,13 +12,16 @@ 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
+ * Original misspelt version of CreateBranchModal
+ */
 export declare const CreateBranchModel: ({ close, safeSubmit, relativePath, values, crudType, }: {
     safeSubmit: () => Promise<void>;
     close: () => void;
@@ -26,6 +29,13 @@ 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;

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/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,6 +1,6 @@
+import type { Config } from '@tinacms/schema-tools';
 import AsyncLock from 'async-lock';
 import type { GraphQLError } from 'graphql';
-import type { Config } from '@tinacms/schema-tools';
 import type { Cache } from '../cache/index';
 export declare const TINA_HOST = "content.tinajs.io";
 export interface TinaClientArgs<GenQueries = Record<string, unknown>> {

package/dist/utils/cn.d.ts

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