tinacms 1.6.7 → 2.1.0

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;

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

@@ -1,24 +1,24 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const ToolbarIcon: ({ name }: {
     name: string;
 }) => any;
 export declare const EllipsisIcon: ({ title }: {
     title: any;
-}) => JSX.Element;
-export declare function UnorderedListIcon(props: any): JSX.Element;
-export declare function HeadingIcon(props: any): JSX.Element;
-export declare function OrderedListIcon(props: any): JSX.Element;
-export declare function QuoteIcon(props: any): JSX.Element;
-export declare function LinkIcon(props: any): JSX.Element;
-export declare function CodeIcon(props: any): JSX.Element;
-export declare function CodeBlockIcon(props: any): JSX.Element;
-export declare function ImageIcon(props: any): JSX.Element;
-export declare function BoldIcon(props: any): JSX.Element;
-export declare function ItalicIcon(props: any): JSX.Element;
-export declare function UnderlineIcon(props: any): JSX.Element;
-export declare function StrikethroughIcon(props: any): JSX.Element;
-export declare function LightningIcon(props: any): JSX.Element;
-export declare function ArrowDownIcon(props: any): JSX.Element;
+}) => React.JSX.Element;
+export declare function UnorderedListIcon(props: any): React.JSX.Element;
+export declare function HeadingIcon(props: any): React.JSX.Element;
+export declare function OrderedListIcon(props: any): React.JSX.Element;
+export declare function QuoteIcon(props: any): React.JSX.Element;
+export declare function LinkIcon(props: any): React.JSX.Element;
+export declare function CodeIcon(props: any): React.JSX.Element;
+export declare function CodeBlockIcon(props: any): React.JSX.Element;
+export declare function ImageIcon(props: any): React.JSX.Element;
+export declare function BoldIcon(props: any): React.JSX.Element;
+export declare function ItalicIcon(props: any): React.JSX.Element;
+export declare function UnderlineIcon(props: any): React.JSX.Element;
+export declare function StrikethroughIcon(props: any): React.JSX.Element;
+export declare function LightningIcon(props: any): React.JSX.Element;
+export declare function ArrowDownIcon(props: any): React.JSX.Element;
 export declare function PlusIcon({ className }: {
     className?: string;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const FloatingToolbarWrapper: ({ children, position, }: {
     children: JSX.Element;
     position?: 'top' | 'bottom';
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,13 +1,16 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { MdxTemplate } from '../../../types';
 import type { Form } from '../../../../../../../forms';
-export declare function Toolbar({ templates, tinaForm, }: {
+export declare type toolbarItemName = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'raw';
+export declare function Toolbar({ templates, toolbarOverride, tinaForm, }: {
     tinaForm: Form;
     inlineOnly: boolean;
     templates: MdxTemplate[];
-}): JSX.Element;
-export declare const FloatingToolbar: ({ templates, tinaForm, }: {
+    toolbarOverride?: toolbarItemName[];
+}): React.JSX.Element;
+export declare const FloatingToolbar: ({ templates, tinaForm, toolbarOverride, }: {
     tinaForm: Form;
     templates: MdxTemplate[];
-}) => JSX.Element;
-export declare const FloatingLink: () => JSX.Element;
+    toolbarOverride?: toolbarItemName[];
+}) => React.JSX.Element;
+export declare const FloatingLink: () => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/ui/toolbar/overflow-menu.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const OverflowMenu: ({ toolbarItems, itemsShown, showEmbed }: {
     toolbarItems: any;
     itemsShown: any;
     showEmbed: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { PlateEditor } from '@udecode/plate-headless';
 import type { MdxTemplate } from '../../../types';
 import { Form } from '../../../../../../../forms';
@@ -10,12 +10,12 @@ export declare type ToolbarItemType = {
     active?: boolean;
     onMouseDown?: (event: any) => void;
     icon?: string;
-    options?: {}[];
+    options?: any[];
     isLastItem?: boolean;
     tinaForm: Form;
 };
-export declare const ToolbarItem: ({ hidden, label, active, onMouseDown, icon, options, name, isLastItem, tinaForm, }: ToolbarItemType) => JSX.Element;
+export declare const ToolbarItem: ({ hidden, label, active, onMouseDown, icon, options, name, isLastItem, tinaForm, }: ToolbarItemType) => React.JSX.Element;
 export declare const EmbedButton: ({ editor, templates, }: {
     editor: PlateEditor;
     templates: MdxTemplate[];
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 export declare const NumberField: (props: import("./wrap-field-with-meta").InputFieldType<{
     step: string | number;
     input: InputProps;
-}, {}>) => JSX.Element;
+}, {}>) => React.JSX.Element;
 export declare const NumberFieldPlugin: {
     name: string;
     Component: (props: import("./wrap-field-with-meta").InputFieldType<{
         step: string | number;
         input: InputProps;
-    }, {}>) => JSX.Element;
+    }, {}>) => React.JSX.Element;
     parse: (value?: string) => number;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 interface ExtraProps {
     placeholder: string;
     confirmPlaceholder: string;
     disabled?: boolean;
 }
-export declare const PasswordFieldComponent: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+export declare const PasswordFieldComponent: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => React.JSX.Element;
 export declare const PasswordFieldPlugin: {
     name: string;
-    Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+    Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => React.JSX.Element;
     validate(value: any, values: any, meta: any, field: any): string;
     parse: (value?: string) => string;
 };

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

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

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const ReferenceField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => JSX.Element;
+export declare const ReferenceField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => import("react").JSX.Element;
 export declare const ReferenceFieldPlugin: {
     name: string;
     type: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => import("react").JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const SelectField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => JSX.Element;
+export declare const SelectField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => import("react").JSX.Element;
 export declare const SelectFieldPlugin: {
     name: string;
     type: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => import("react").JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 export declare const TagsField: (props: import("./wrap-field-with-meta").InputFieldType<{
     placeholder: string;
-}, InputProps>) => JSX.Element;
+}, InputProps>) => React.JSX.Element;
 export declare const TagsFieldPlugin: {
     name: string;
     Component: (props: import("./wrap-field-with-meta").InputFieldType<{
         placeholder: string;
-    }, InputProps>) => JSX.Element;
+    }, InputProps>) => React.JSX.Element;
     parse: (value?: string) => string;
 };

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 interface ExtraProps {
     placeholder: string;
     disabled?: boolean;
 }
-export declare const TextField: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+export declare const TextField: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => React.JSX.Element;
 export declare const TextFieldPlugin: {
     name: string;
-    Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+    Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => React.JSX.Element;
     validate(value: any, allValues: any, meta: any, field: any): "Required" | "Item with this unique id already exists";
     parse: (value?: string) => string;
 };

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from '../components';
 export declare const TextareaField: (props: import("./wrap-field-with-meta").InputFieldType<{
     input: InputProps;
-}, {}>) => JSX.Element;
+}, {}>) => React.JSX.Element;
 export declare const TextareaFieldPlugin: {
     name: string;
     Component: (props: import("./wrap-field-with-meta").InputFieldType<{
         input: InputProps;
-    }, {}>) => JSX.Element;
+    }, {}>) => React.JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

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

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { FieldProps } from './field-props';
 import { Form } from '../../forms';
 export declare type InputFieldType<ExtraFieldProps, InputProps> = FieldProps<InputProps> & ExtraFieldProps;
-export declare function wrapFieldsWithMeta<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => JSX.Element;
-export declare function wrapFieldWithError<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => JSX.Element;
+export declare function wrapFieldsWithMeta<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
+export declare function wrapFieldWithError<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
 interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     name: string;
     children: any;
@@ -14,23 +14,23 @@ interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     index?: number;
     tinaForm: Form;
 }
-export declare const FieldMeta: ({ name, label, description, error, margin, children, index, tinaForm, ...props }: FieldMetaProps) => JSX.Element;
+export declare const FieldMeta: ({ name, label, description, error, margin, children, index, tinaForm, ...props }: FieldMetaProps) => React.JSX.Element;
 export declare const FieldWrapper: ({ margin, children, ...props }: {
     margin: boolean;
     children: React.ReactNode;
-} & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>>) => JSX.Element;
+} & Partial<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>) => React.JSX.Element;
 export interface FieldLabel extends React.HTMLAttributes<HTMLLabelElement> {
     children?: any | any[];
     className?: string;
     name?: string;
 }
-export declare const FieldLabel: ({ children, className, name, ...props }: FieldLabel) => JSX.Element;
+export declare const FieldLabel: ({ children, className, name, ...props }: FieldLabel) => React.JSX.Element;
 export declare const FieldDescription: ({ children, className, ...props }: {
     children?: any | any[];
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const FieldError: ({ children, className, ...props }: {
     children?: any | any[];
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/toolkit/form-builder/fields-builder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Form, Field } from '../forms';
 export interface FieldsBuilderProps {
     form: Form;
@@ -6,8 +6,8 @@ export interface FieldsBuilderProps {
     fields: Field[];
     padding?: boolean;
 }
-export declare function FieldsBuilder({ form, fields, activeFieldName, padding, }: FieldsBuilderProps): JSX.Element;
+export declare function FieldsBuilder({ form, fields, activeFieldName, padding, }: FieldsBuilderProps): React.JSX.Element;
 export declare const FieldsGroup: ({ padding, children, }: {
     padding?: boolean;
     children?: any | any[];
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/form-builder/form-actions.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { FC } from 'react';
 import { Form } from '../forms';
 export interface FormActionMenuProps {
@@ -8,4 +9,4 @@ export declare const FormActionMenu: FC<FormActionMenuProps>;
 export declare const ActionButton: ({ className, ...props }: {
     [x: string]: any;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/form-builder/form-builder.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FC } from 'react';
-import { Form } from '../forms';
+import { type FC } from 'react';
+import type { Form } from '../forms';
 export interface FormBuilderProps {
     form: {
         tinaForm: Form;
@@ -13,20 +13,20 @@ export interface FormBuilderProps {
 export declare const FormBuilder: FC<FormBuilderProps>;
 export declare const FormStatus: ({ pristine }: {
     pristine: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const FormWrapper: ({ header, children, id, }: {
     header?: React.ReactNode;
     children: React.ReactNode;
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const CreateBranchModel: ({ close, safeSubmit, relativePath, values, crudType, }: {
     safeSubmit: () => Promise<void>;
     close: () => void;
     relativePath: string;
     values: Record<string, unknown>;
     crudType: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const PrefixedTextField: ({ prefix, ...props }: {
     [x: string]: any;
     prefix?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/form-builder/form-portal.d.ts

@@ -5,4 +5,8 @@ export declare type FormPortal = React.FC<{
     }): React.ReactNode | null;
 }>;
 export declare function useFormPortal(): FormPortal;
-export declare const FormPortalProvider: React.FC;
+declare type FormPortalProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const FormPortalProvider: React.FC<FormPortalProviderProps>;
+export {};

package/dist/toolkit/form-builder/form.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Form } from '../forms';
 interface RenderProps {
@@ -9,7 +9,7 @@ export interface Props {
     form: Form;
     children({ isEditing, setIsEditing }: RenderProps): any;
 }
-export declare function TinaForm({ form, children }: Props): JSX.Element;
+export declare function TinaForm({ form, children }: Props): React.JSX.Element;
 interface TinaFieldsProps {
     name: string;
     type?: string;

package/dist/toolkit/form-builder/loading-dots.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface LoadingDotsProps {
     dotSize?: number;
     color?: string;
 }
-export declare const LoadingDots: ({ dotSize, color, }: LoadingDotsProps) => JSX.Element;
+export declare const LoadingDots: ({ dotSize, color, }: LoadingDotsProps) => React.JSX.Element;
 export {};

package/dist/toolkit/icons/Add.d.ts

@@ -3,7 +3,7 @@
 
 
 */
-/// <reference types="react" />
+import * as React from 'react';
 export declare const AddIcon: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/icons/Alert.d.ts

@@ -3,7 +3,7 @@
 
 
 */
-/// <reference types="react" />
+import * as React from 'react';
 export declare const AlertIcon: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/icons/AlignCenter.d.ts

@@ -3,7 +3,7 @@
 
 
 */
-/// <reference types="react" />
+import * as React from 'react';
 export declare const AlignCenter: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;