tinacms 1.6.7 → 2.0.0

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

@@ -9,12 +9,12 @@ export declare const MdxFieldPlugin: {
     name: string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
-    }>) => JSX.Element;
+    }>) => React.JSX.Element;
 };
 export declare const MdxFieldPluginExtendible: {
     name: string;
     validate(value: any): string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
-    }>) => JSX.Element;
+    }>) => 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;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PlateEditor, createLinkPlugin } from '@udecode/plate-headless';
 import { BaseRange } from 'slate';
 export { createLinkPlugin };
@@ -8,7 +8,7 @@ declare type LinkElement = {
     text: string | undefined;
 };
 export declare const wrapOrRewrapLink: (editor: any) => void;
-export declare const LinkForm: (props: any) => JSX.Element;
+export declare const LinkForm: (props: any) => React.JSX.Element;
 export declare const unwrapLink: (editor: PlateEditor, selection?: BaseRange) => void;
 export declare const getLinks: (editor: any) => Generator<import("@udecode/plate-headless").TNodeEntry<LinkElement>, void, undefined>;
 export declare const isLinkActive: (editor: any) => boolean;

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

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

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

@@ -6,4 +6,4 @@ export declare const CodeBlock: ({ attributes, editor, element, language: restri
     editor: PlateEditor;
     language?: string;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const components: () => {
     h1: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
@@ -6,28 +6,28 @@ export declare const components: () => {
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     h2: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
         attributes: any;
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     h3: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
         attributes: any;
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     h4: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
         attributes: any;
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** Tailwind prose doesn't style h5 and h6 elements */
     h5: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
@@ -35,64 +35,64 @@ export declare const components: () => {
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     h6: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
         attributes: any;
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     p: ({ attributes, className, editor, element, ...props }: {
         [x: string]: any;
         attributes: any;
         className: any;
         editor: any;
         element: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     blockquote: ({ className, attributes, editor, element, ...props }: {
         [x: string]: any;
         className: any;
         attributes: any;
         editor: any;
         element: any;
-    }) => JSX.Element;
-    code_block: (props: any) => JSX.Element;
+    }) => React.JSX.Element;
+    code_block: (props: any) => React.JSX.Element;
     html: ({ attributes, editor, element, children, className }: {
         attributes: any;
         editor: any;
         element: any;
         children: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     html_inline: ({ attributes, editor, element, children, className }: {
         attributes: any;
         editor: any;
         element: any;
         children: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     ul: ({ attributes, editor, className, element, ...props }: {
         [x: string]: any;
         attributes: any;
         editor: any;
         className: any;
         element: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     ol: ({ attributes, editor, className, element, ...props }: {
         [x: string]: any;
         attributes: any;
         editor: any;
         className: any;
         element: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     li: ({ attributes, className, editor, element, ...props }: {
         [x: string]: any;
         attributes: any;
         className: any;
         editor: any;
         element: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** "list item content" */
     lic: ({ attributes, editor, element, className, ...props }: {
         [x: string]: any;
@@ -100,7 +100,7 @@ export declare const components: () => {
         editor: any;
         element: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     a: ({ attributes, editor, element, nodeProps, className, ...props }: {
         [x: string]: any;
         attributes: any;
@@ -108,7 +108,7 @@ export declare const components: () => {
         element: any;
         nodeProps: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     code: ({ editor, leaf, text, attributes, className, ...props }: {
         [x: string]: any;
         editor: any;
@@ -116,19 +116,19 @@ export declare const components: () => {
         text: any;
         attributes: any;
         className: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     italic: ({ editor, leaf, text, ...props }: {
         [x: string]: any;
         editor: any;
         leaf: any;
         text: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     bold: ({ editor, leaf, text, ...props }: {
         [x: string]: any;
         editor: any;
         leaf: any;
         text: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     hr: ({ attributes, className, editor, element, children, ...props }: {
         [x: string]: any;
         attributes: any;
@@ -136,5 +136,5 @@ export declare const components: () => {
         editor: any;
         element: any;
         children: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

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

@@ -6,4 +6,4 @@ export declare function Dropdown({ label, items, }: {
         onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
         render: string | JSX.Element;
     }[];
-}): JSX.Element;
+}): React.JSX.Element;