tinacms 1.6.7 → 2.1.0

package/dist/internalClient/formify.d.ts

@@ -1,7 +1,7 @@
 /**
 
 */
-import { GraphQLSchema, GraphQLField, DocumentNode, FieldNode } from 'graphql';
+import { DocumentNode, FieldNode, GraphQLField, GraphQLSchema } from 'graphql';
 /**
  *
  * Given a valid GraphQL query,the `formify` will populate the query

package/dist/rich-text/index.d.ts

@@ -1,7 +1,7 @@
 /**
 
 */
-/// <reference types="react" />
+import React from 'react';
 declare type BaseComponents = {
     h1?: {
         children: JSX.Element;
@@ -135,5 +135,5 @@ export declare const TinaMarkdown: <CustomComponents extends {
 } = any>({ content, components, }: {
     content: TinaMarkdownContent | TinaMarkdownContent[];
     components?: Components<{}> | Components<{ [BK in keyof CustomComponents]: (props: CustomComponents[BK]) => JSX.Element; }>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/rich-text/prism.d.ts

@@ -1,10 +1,10 @@
 /**
 
 */
-/// <reference types="react" />
+import React from 'react';
 import { themes } from 'prism-react-renderer';
 export declare const Prism: (props: {
     value: string;
     lang?: string;
     theme?: keyof typeof themes;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/tina-cms.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { useDocumentCreatorPlugin } from './hooks/use-content-creator';
-import { TinaCMSProviderDefaultProps } from './types/cms';
+import type { TinaCMSProviderDefaultProps } from './types/cms';
 /**
  * @deprecated since version 1.0.
  * Tina no longer requires wrapping your site in the TinaProvider
  * See https://tina.io/blog/upgrading-to-iframe/ for full migration details
  */
-export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => JSX.Element;
+export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => React.JSX.Element;
 export declare type DocumentCreatorCallback = Parameters<typeof useDocumentCreatorPlugin>[0];
 /**
  * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/features/data-fetching/#querying-tina-content-in-nextjs for more details
@@ -30,9 +30,3 @@ export declare const staticRequest: ({ query, variables, }: {
     /** GraphQL variables */
     variables?: object;
 }) => Promise<unknown>;
-/**
- * A passthru function which allows editors
- * to know the temlpate string is a GraphQL
- * query or muation
- */
-export declare function gql(strings: TemplateStringsArray, ...args: string[]): string;

package/dist/toolkit/alerts/alerts.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EventBus, Callback, CMSEvent } from '../core';
+import type { EventBus, Callback, CMSEvent } from '../core';
 export interface EventsToAlerts {
     [key: string]: ToAlert | AlertArgs;
 }

package/dist/toolkit/components/account/update-password.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function UpdatePassword(props: {}): JSX.Element;
+import React from 'react';
+export declare function UpdatePassword(props: {}): React.JSX.Element;

package/dist/toolkit/components/active-field-indicator.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ActiveFieldIndicator: () => JSX.Element;
+import * as React from 'react';
+export declare const ActiveFieldIndicator: () => React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface BreadcrumbProps {
     directory?: string;
     setDirectory: (_directory: string) => void;
 }
-export declare function Breadcrumb({ directory, setDirectory }: BreadcrumbProps): JSX.Element;
+export declare function Breadcrumb({ directory, setDirectory }: BreadcrumbProps): React.JSX.Element;
 export {};

package/dist/toolkit/components/media/copy-field.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface CopyFieldProps {
     label?: string;
     description?: string;
     value: any;
 }
-export declare const CopyField: ({ label, description, value }: CopyFieldProps) => JSX.Element;
+export declare const CopyField: ({ label, description, value }: CopyFieldProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Media } from '../../core';
 interface MediaItemProps {
     item: Media & {
@@ -7,6 +7,6 @@ interface MediaItemProps {
     onClick(_item: Media | false): void;
     active: boolean;
 }
-export declare function ListMediaItem({ item, onClick, active }: MediaItemProps): JSX.Element;
-export declare function GridMediaItem({ item, active, onClick }: MediaItemProps): JSX.Element;
+export declare function ListMediaItem({ item, onClick, active }: MediaItemProps): React.JSX.Element;
+export declare function GridMediaItem({ item, active, onClick }: MediaItemProps): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Media } from '../../core';
 export interface MediaRequest {
     directory?: string;
@@ -6,5 +6,5 @@ export interface MediaRequest {
     close?(): void;
     allowDelete?: boolean;
 }
-export declare function MediaManager(): JSX.Element;
-export declare function MediaPicker({ allowDelete, onSelect, close, ...props }: MediaRequest): JSX.Element;
+export declare function MediaManager(): React.JSX.Element;
+export declare function MediaPicker({ allowDelete, onSelect, close, ...props }: MediaRequest): React.JSX.Element;

package/dist/toolkit/components/media/modal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface DeleteModalProps {
     close(): void;
     deleteFunc(): void;
@@ -8,6 +8,6 @@ interface NewFolderModalProps {
     onSubmit(filename: string): void;
     close(): void;
 }
-export declare const DeleteModal: ({ close, deleteFunc, filename, }: DeleteModalProps) => JSX.Element;
-export declare const NewFolderModal: ({ onSubmit, close }: NewFolderModalProps) => JSX.Element;
+export declare const DeleteModal: ({ close, deleteFunc, filename, }: DeleteModalProps) => React.JSX.Element;
+export declare const NewFolderModal: ({ onSubmit, close }: NewFolderModalProps) => React.JSX.Element;
 export {};

package/dist/toolkit/components/media/pagination.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface MediaPaginatorProps {
     navigateNext: () => void;
     navigatePrev: () => void;
@@ -6,4 +6,4 @@ export interface MediaPaginatorProps {
     hasPrev: boolean;
     variant?: 'primary' | 'secondary' | 'white' | 'ghost';
 }
-export declare function CursorPaginator({ navigateNext, navigatePrev, hasNext, hasPrev, variant, }: MediaPaginatorProps): JSX.Element;
+export declare function CursorPaginator({ navigateNext, navigatePrev, hasNext, hasPrev, variant, }: MediaPaginatorProps): React.JSX.Element;

package/dist/toolkit/components/mutation-signal.d.ts

@@ -5,7 +5,7 @@ export declare const MutationSignalContext: React.Context<number>;
  */
 export declare const MutationSignalProvider: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * Returns a value that changes when elements within the parent MutationSignalProvider change
  */

package/dist/toolkit/fields/components/image-upload/image-upload.d.ts

@@ -12,12 +12,12 @@ interface ImageUploadProps {
 }
 export declare const StyledImage: ({ src }: {
     src: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const StyledFile: ({ src }: {
     src: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ImageUpload: React.ForwardRefExoticComponent<ImageUploadProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const DeleteImageButton: ({ onClick, }: {
     onClick: (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface InputProps {
     error?: boolean;
     small?: boolean;
@@ -7,4 +7,4 @@ export interface InputProps {
 }
 export declare const Input: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -5,5 +5,5 @@ export interface PasswordFieldProps extends a {
     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 BasePasswordField: React.ForwardRefExoticComponent<Pick<PasswordFieldProps, "key" | "value" | "error" | "type" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "src" | "alt" | "name" | "dir" | "className" | "onClick" | "hidden" | "id" | "list" | "onChange" | "onSubmit" | "accept" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "step" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
+export declare const BasePasswordField: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -5,5 +5,5 @@ export interface TextFieldProps extends a {
     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 BaseTextField: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare const BaseTextField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -4,5 +4,5 @@ export interface TextAreaProps extends a {
     error?: boolean;
     ref?: any;
 }
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/toolkit/fields/plugins/blocks-field-plugin/block-selector-big.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BlockTemplate } from '.';
 export declare const BlockSelectorBig: ({ templates, addItem, label, }: {
     templates: {
@@ -6,4 +6,4 @@ export declare const BlockSelectorBig: ({ templates, addItem, label, }: {
     };
     addItem: any;
     label: string | boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/fields/plugins/blocks-field-plugin/block-selector.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BlockTemplate } from '.';
 export declare const BlockSelector: ({ templates, addItem, }: {
     templates: {
         [key: string]: BlockTemplate;
     };
     addItem: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Field, Form } from '../../../forms';
 export interface BlocksFieldDefinititon extends Field {
     component: 'blocks';
@@ -39,9 +39,9 @@ interface BlockFieldProps {
     tinaForm: Form;
     index?: number;
 }
-export declare const BlocksField: ({ tinaForm, form, field, input, meta, index, }: BlockFieldProps) => JSX.Element;
+export declare const BlocksField: ({ tinaForm, form, field, input, meta, index, }: BlockFieldProps) => React.JSX.Element;
 export declare const BlocksFieldPlugin: {
     name: string;
-    Component: ({ tinaForm, form, field, input, meta, index, }: BlockFieldProps) => JSX.Element;
+    Component: ({ tinaForm, form, field, input, meta, index, }: BlockFieldProps) => React.JSX.Element;
 };
 export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const ButtonToggleField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ButtonToggleProps, {}>) => JSX.Element;
+export declare const ButtonToggleField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ButtonToggleProps, {}>) => import("react").JSX.Element;
 export declare const ButtonToggleFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ButtonToggleProps, {}>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ButtonToggleProps, {}>) => import("react").JSX.Element;
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const CheckboxGroupField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").CheckboxGroupProps, {}>) => JSX.Element;
+export declare const CheckboxGroupField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").CheckboxGroupProps, {}>) => import("react").JSX.Element;
 export declare const CheckboxGroupFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").CheckboxGroupProps, {}>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").CheckboxGroupProps, {}>) => import("react").JSX.Element;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 export interface ColorFieldProps {
     colorFormat: string;
     colors: string[];
     widget?: 'sketch' | 'block';
 }
-export declare const ColorField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ColorFieldProps>) => JSX.Element;
+export declare const ColorField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ColorFieldProps>) => React.JSX.Element;
 export declare const ColorFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ColorFieldProps>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ColorFieldProps>) => React.JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 import type { DatetimepickerProps } from 'react-datetime';
 import { Field } from '../../forms';
-export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => JSX.Element;
-export declare const ReactDateTimeWithStyles: (props: DatetimepickerProps & Partial<Field>) => JSX.Element;
+export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
+export declare const ReactDateTimeWithStyles: (props: DatetimepickerProps & Partial<Field>) => React.JSX.Element;
 export declare const DateFieldPlugin: {
     __type: string;
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
     format: (val: string, _name: string, field: DatetimepickerProps) => string;
     parse: (val: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Field, Form } from '../../forms';
 export interface GroupFieldDefinititon extends Field {
     component: 'group';
@@ -11,26 +11,26 @@ export interface GroupProps {
     form: any;
     tinaForm: Form;
 }
-export declare const Group: (props: import("../../form-builder").InputFieldType<GroupProps, GroupFieldDefinititon>) => JSX.Element;
+export declare const Group: (props: import("../../form-builder").InputFieldType<GroupProps, GroupFieldDefinititon>) => React.JSX.Element;
 export declare const PanelHeader: ({ onClick, children }: {
     onClick: any;
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const PanelBody: ({ id, children }: {
     id: any;
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const GroupPanel: ({ isExpanded, className, style, ...props }: {
     [x: string]: any;
     isExpanded: any;
     className?: string;
     style?: {};
-}) => JSX.Element;
+}) => React.JSX.Element;
 export interface GroupFieldProps {
     field: Field;
 }
-export declare function GroupField(props: GroupFieldProps): JSX.Element;
+export declare function GroupField(props: GroupFieldProps): React.JSX.Element;
 export declare const GroupFieldPlugin: {
     name: string;
-    Component: (props: import("../../form-builder").InputFieldType<GroupProps, GroupFieldDefinititon>) => JSX.Element;
+    Component: (props: import("../../form-builder").InputFieldType<GroupProps, GroupFieldDefinititon>) => React.JSX.Element;
 };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Field, Form } from '../../forms';
 interface GroupFieldDefinititon extends Field {
     component: 'group';
@@ -36,22 +36,22 @@ interface GroupProps {
 export declare const ItemClickTarget: ({ children, ...props }: {
     [x: string]: any;
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const GroupLabel: ({ error, children, }: {
     children?: any;
     error?: boolean;
-}) => JSX.Element;
-export declare const ItemHeader: ({ isDragging, children, provider, ...props }: any) => JSX.Element;
+}) => React.JSX.Element;
+export declare const ItemHeader: ({ isDragging, children, provider, ...props }: any) => React.JSX.Element;
 export declare const ItemDeleteButton: ({ onClick, disabled }: {
     onClick: any;
     disabled?: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const DragHandle: ({ isDragging }: {
     isDragging: boolean;
-}) => JSX.Element;
-export declare const GroupListField: ({ tinaForm, form, field, input, meta, index }: GroupProps) => JSX.Element;
+}) => React.JSX.Element;
+export declare const GroupListField: ({ tinaForm, form, field, input, meta, index }: GroupProps) => React.JSX.Element;
 export declare const GroupListFieldPlugin: {
     name: string;
-    Component: ({ tinaForm, form, field, input, meta, index }: GroupProps) => JSX.Element;
+    Component: ({ tinaForm, form, field, input, meta, index }: GroupProps) => React.JSX.Element;
 };
 export {};

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const HiddenField: () => JSX.Element;
+import * as React from 'react';
+export declare const HiddenField: () => React.JSX.Element;
 export declare const HiddenFieldPlugin: {
     name: string;
-    Component: () => JSX.Element;
+    Component: () => React.JSX.Element;
     parse: (value?: string) => string;
 };

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 interface ImageProps {
     path: string;
     uploadDir?(formValues: any): string;
     clearable?: boolean;
 }
-export declare const ImageField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ImageProps>) => JSX.Element;
+export declare const ImageField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ImageProps>) => React.JSX.Element;
 export declare const ImageFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ImageProps>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ImageProps>) => React.JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -12,21 +12,21 @@ interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     triggerHoverEvents?: boolean;
     tinaForm: Form;
 }
-export declare const ListFieldMeta: ({ name, label, description, error, margin, children, actions, index, tinaForm, triggerHoverEvents, ...props }: FieldMetaProps) => JSX.Element;
+export declare const ListFieldMeta: ({ name, label, description, error, margin, children, actions, index, tinaForm, triggerHoverEvents, ...props }: FieldMetaProps) => React.JSX.Element;
 export declare const ListHeader: ({ children }: {
     children?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ListMeta: ({ children }: {
     children?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ListLabel: ({ children }: {
     children?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ListPanel: ({ className, ...props }: {
     [x: string]: any;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const EmptyList: ({ message }: {
     message?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Field, Form } from '../../forms';
 declare type DefaultItem = string | number | (() => string | number);
 interface ListFieldDefinititon extends Field {
@@ -35,10 +35,10 @@ interface ListProps {
     tinaForm: Form;
     index?: number;
 }
-export declare const ListField: ({ tinaForm, form, field, input, meta, index }: ListProps) => JSX.Element;
+export declare const ListField: ({ tinaForm, form, field, input, meta, index }: ListProps) => React.JSX.Element;
 export declare const ListFieldPlugin: {
     name: string;
-    Component: ({ tinaForm, form, field, input, meta, index }: ListProps) => JSX.Element;
+    Component: ({ tinaForm, form, field, input, meta, index }: ListProps) => React.JSX.Element;
     validate(value: any, values: any, meta: any, field: any): string;
 };
 export {};

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

@@ -1,20 +1,24 @@
 import React from 'react';
 import { InputProps } from 'react-select/lib/components/Input';
 import { InputFieldType } from '../wrap-field-with-meta';
+import { toolbarItemName } from './plate/plugins/ui/toolbar';
 import type { MdxTemplate } from './plate/types';
 export declare type RichTextType = React.PropsWithChildren<InputFieldType<InputProps, {
     templates: MdxTemplate[];
+    toolbarOverride?: toolbarItemName[];
 }>>;
 export declare const MdxFieldPlugin: {
     name: string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
-    }>) => JSX.Element;
+        toolbarOverride?: toolbarItemName[];
+    }>) => React.JSX.Element;
 };
 export declare const MdxFieldPluginExtendible: {
     name: string;
     validate(value: any): string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
-    }>) => JSX.Element;
+        toolbarOverride?: toolbarItemName[];
+    }>) => React.JSX.Element;
 };

package/dist/toolkit/fields/plugins/mdx-field-plugin/monaco/error-message.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type EmptyTextElement = {
     type: 'text';
     text: '';
@@ -34,5 +34,5 @@ export declare const buildError: (element: InvalidMarkdownElement) => ErrorType;
 export declare const buildErrorMessage: (element: InvalidMarkdownElement) => string;
 export declare function ErrorMessage({ error }: {
     error: InvalidMarkdownElement;
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RichTextType } from '..';
-declare const RawEditor: (props: RichTextType) => JSX.Element;
+declare const RawEditor: (props: RichTextType) => React.JSX.Element;
 export default RawEditor;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { RichTextType } from '..';
-export declare const RichEditor: (props: RichTextType) => JSX.Element;
+export declare const RichEditor: (props: RichTextType) => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/nested-form.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Field } from '../../../../forms';
 export declare const NestedForm: (props: {
     onClose: () => void;
@@ -7,4 +7,4 @@ export declare const NestedForm: (props: {
     fields: Field[];
     initialValues: object;
     onChange: (values: object) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/create-img-plugin/component.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const ImgEmbed: ({ attributes, children, element, editor, onChange, }: {
     attributes: any;
     children: any;
     element: any;
     editor: any;
     onChange: any;
-}) => JSX.Element;
-export declare const ImageForm: (props: any) => JSX.Element;
+}) => React.JSX.Element;
+export declare const ImageForm: (props: any) => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/create-invalid-markdown-plugin/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const ELEMENT_INVALID_MARKDOWN = "invalid_markdown";
 export declare const createInvalidMarkdownPlugin: <OP = import("@udecode/plate-headless").AnyObject, OV extends import("@udecode/plate-headless").Value = import("@udecode/plate-headless").Value, OE extends import("@udecode/plate-headless").PlateEditor<OV> = import("@udecode/plate-headless").PlateEditor<OV>>(override?: Partial<import("@udecode/plate-headless").PlatePlugin<import("@udecode/plate-headless").NoInfer<OP>, OV, OE>>, overrideByKey?: import("@udecode/plate-headless").OverrideByKey<OV, OE>) => import("@udecode/plate-headless").PlatePlugin<import("@udecode/plate-headless").NoInfer<OP>, OV, OE>;
 export declare function ErrorMessage({ error }: {
     error: any;
-}): JSX.Element;
+}): React.JSX.Element;