tinacms 1.5.16 → 1.5.18

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

@@ -0,0 +1,14 @@
+import React from 'react';
+interface AutocompleteItem {
+    key: string;
+    label: string;
+    render: (item: Omit<AutocompleteItem, 'render'>) => string | JSX.Element;
+}
+interface AutocompleteProps {
+    value: Omit<AutocompleteItem, 'render'>;
+    defaultQuery?: string;
+    onChange: (item: AutocompleteItem) => void;
+    items: AutocompleteItem[];
+}
+export declare const Autocomplete: React.FC<AutocompleteProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PlateEditor, TElement } from '@udecode/plate-headless';
+export declare const CodeBlock: ({ attributes, editor, element, language: restrictLanguage, ...props }: {
+    attributes: Record<string, unknown>;
+    element: TElement;
+    editor: PlateEditor;
+    language?: string;
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1,140 @@
+/// <reference types="react" />
+export declare const components: () => {
+    h1: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    h2: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    h3: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    h4: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    /** Tailwind prose doesn't style h5 and h6 elements */
+    h5: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    h6: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    p: ({ attributes, className, editor, element, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        className: any;
+        editor: any;
+        element: any;
+    }) => 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;
+    html: ({ attributes, editor, element, children, className }: {
+        attributes: any;
+        editor: any;
+        element: any;
+        children: any;
+        className: any;
+    }) => JSX.Element;
+    html_inline: ({ attributes, editor, element, children, className }: {
+        attributes: any;
+        editor: any;
+        element: any;
+        children: any;
+        className: any;
+    }) => JSX.Element;
+    ul: ({ attributes, editor, className, element, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        className: any;
+        element: any;
+    }) => JSX.Element;
+    ol: ({ attributes, editor, className, element, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        className: any;
+        element: any;
+    }) => JSX.Element;
+    li: ({ attributes, className, editor, element, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        className: any;
+        editor: any;
+        element: any;
+    }) => JSX.Element;
+    /** "list item content" */
+    lic: ({ attributes, editor, element, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        className: any;
+    }) => JSX.Element;
+    a: ({ attributes, editor, element, nodeProps, className, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        editor: any;
+        element: any;
+        nodeProps: any;
+        className: any;
+    }) => JSX.Element;
+    code: ({ editor, leaf, text, attributes, className, ...props }: {
+        [x: string]: any;
+        editor: any;
+        leaf: any;
+        text: any;
+        attributes: any;
+        className: any;
+    }) => JSX.Element;
+    italic: ({ editor, leaf, text, ...props }: {
+        [x: string]: any;
+        editor: any;
+        leaf: any;
+        text: any;
+    }) => JSX.Element;
+    bold: ({ editor, leaf, text, ...props }: {
+        [x: string]: any;
+        editor: any;
+        leaf: any;
+        text: any;
+    }) => JSX.Element;
+    hr: ({ attributes, className, editor, element, children, ...props }: {
+        [x: string]: any;
+        attributes: any;
+        className: any;
+        editor: any;
+        element: any;
+        children: any;
+    }) => JSX.Element;
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function Dropdown({ label, items, }: {
+    label: string | JSX.Element;
+    items: {
+        key: string;
+        onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        render: string | JSX.Element;
+    }[];
+}): JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare function classNames(...classes: string[]): string;
+export declare const uuid: () => any;

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

@@ -0,0 +1,24 @@
+/// <reference types="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;
+export declare function PlusIcon({ className }: {
+    className?: string;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { MdxTemplate } from '../../../types';
+export declare function Toolbar({ templates, }: {
+    inlineOnly: boolean;
+    templates: MdxTemplate[];
+}): JSX.Element;
+export declare const FloatingToolbar: ({ templates, }: {
+    templates: MdxTemplate[];
+}) => JSX.Element;
+export declare const FloatingLink: () => JSX.Element;

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

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

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

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

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/transforms/insert-empty-block.d.ts

@@ -0,0 +1,2 @@
+import { PlateEditor } from '@udecode/plate-headless';
+export declare const insertEmptyCodeBlock: (editor: PlateEditor) => void;

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

@@ -0,0 +1,9 @@
+import type { Field } from '../../../../forms';
+export declare type MdxTemplate = {
+    label: string;
+    key: string;
+    inline?: boolean;
+    name: string;
+    defaultItem?: {};
+    fields: Field[];
+};

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

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

package/dist/toolkit/fields/plugins/number-format.d.ts

@@ -0,0 +1 @@
+export declare const parse: (value?: string) => number;

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

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

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

@@ -0,0 +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 ReferenceFieldPlugin: {
+    name: string;
+    type: string;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => 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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const SelectField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => JSX.Element;
+export declare const SelectFieldPlugin: {
+    name: string;
+    type: string;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => 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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="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 TextFieldPlugin: {
+    name: string;
+    Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+    validate(value: any, values: any, meta: any, field: any): string;
+    parse: (value?: string) => string;
+};
+export {};

package/dist/toolkit/fields/plugins/text-format.d.ts

@@ -0,0 +1 @@
+export declare const parse: (value?: string) => string;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { InputProps } from '../components';
+export declare const TextareaField: (props: import("./wrap-field-with-meta").InputFieldType<{
+    input: InputProps;
+}, {}>) => JSX.Element;
+export declare const TextareaFieldPlugin: {
+    name: string;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<{
+        input: InputProps;
+    }, {}>) => 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

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

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

@@ -0,0 +1,36 @@
+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;
+interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
+    name: string;
+    children: any;
+    label?: string | boolean;
+    description?: string;
+    error?: string;
+    margin?: boolean;
+    index?: number;
+    tinaForm: Form;
+}
+export declare const FieldMeta: ({ name, label, description, error, margin, children, index, tinaForm, ...props }: FieldMetaProps) => 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;
+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 FieldDescription: ({ children, className, ...props }: {
+    children?: any | any[];
+    className?: string;
+}) => JSX.Element;
+export declare const FieldError: ({ children, className, ...props }: {
+    children?: any | any[];
+    className?: string;
+}) => JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Field } from '../forms';
+import { InputFieldType } from '../fields/plugins/wrap-field-with-meta';
+export interface FieldPlugin<ExtraFieldProps = {}, InputProps = {}> {
+    __type: 'field';
+    name: string;
+    Component: React.FC<InputFieldType<ExtraFieldProps, InputProps>>;
+    type?: string;
+    validate?(value: any, allValues: any, meta: any, field: Field): string | object | undefined;
+    parse?: (value: any, name: string, field: Field) => any;
+    format?: (value: any, name: string, field: Field) => any;
+    defaultValue?: any;
+}
+export type { InputFieldType } from '../fields/plugins/wrap-field-with-meta';

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

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

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Form } from '../forms';
+export interface FormActionMenuProps {
+    form: Form;
+    actions: any[];
+}
+export declare const FormActionMenu: FC<FormActionMenuProps>;
+export declare const ActionButton: ({ className, ...props }: {
+    [x: string]: any;
+    className?: string;
+}) => JSX.Element;

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { FC } from 'react';
+import { Form } from '../forms';
+export interface FormBuilderProps {
+    form: {
+        tinaForm: Form;
+        activeFieldName?: string;
+    };
+    hideFooter?: boolean;
+    label?: string;
+    onPristineChange?: (_pristine: boolean) => unknown;
+}
+export declare const FormBuilder: FC<FormBuilderProps>;
+export declare const FormStatus: ({ pristine }: {
+    pristine: any;
+}) => JSX.Element;
+export declare const FormWrapper: ({ header, children, id, }: {
+    header?: React.ReactNode;
+    children: React.ReactNode;
+    id: string;
+}) => 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;
+export declare const PrefixedTextField: ({ prefix, ...props }: {
+    [x: string]: any;
+    prefix?: string;
+}) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Form } from '../forms';
+import { FormRenderProps } from 'react-final-form';
+import { FC } from 'react';
+export interface FormLegacyProps {
+    form: Form;
+    children(props: FormRenderProps<string>): any;
+}
+export declare const FormLegacy: FC<FormLegacyProps>;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare type FormPortal = React.FC<{
+    children(props: {
+        zIndexShift: number;
+    }): React.ReactNode | null;
+}>;
+export declare function useFormPortal(): FormPortal;
+export declare const FormPortalProvider: React.FC;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { Form } from '../forms';
+interface RenderProps {
+    isEditing: boolean;
+    setIsEditing(nextVal: boolean): any;
+}
+export interface Props {
+    form: Form;
+    children({ isEditing, setIsEditing }: RenderProps): any;
+}
+export declare function TinaForm({ form, children }: Props): JSX.Element;
+interface TinaFieldsProps {
+    name: string;
+    type?: string;
+    Component: any;
+    children: any;
+}
+export declare function TinaField({ Component, children, ...fieldProps }: TinaFieldsProps): any;
+export declare namespace TinaField {
+    var propTypes: {
+        name: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        Component: PropTypes.Validator<any>;
+        children: PropTypes.Requireable<any>;
+    };
+}
+export {};

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

@@ -0,0 +1,10 @@
+export * from './field-plugin';
+export * from './fields-builder';
+export * from './form';
+export * from './form-builder';
+export * from './form-legacy';
+export * from './form-portal';
+export * from './loading-dots';
+export * from './reset-form';
+export * from './form-actions';
+export type { FieldRenderProps } from 'react-final-form';

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { FC } from 'react';
+interface ResetFormProps {
+    children: any;
+    pristine: boolean;
+    reset(): void;
+    style?: React.CSSProperties;
+}
+export declare const ResetForm: FC<ResetFormProps>;
+export {};

package/dist/toolkit/forms/content-creator-plugin.d.ts

@@ -0,0 +1,13 @@
+import { CMS, Plugin } from '../core';
+import { Field } from './field';
+import { FormOptions } from './form';
+export interface ContentCreatorPlugin<FormShape> extends Plugin {
+    __type: 'content-creator';
+    fields: Field[];
+    actions?: FormOptions<any>['actions'];
+    buttons?: FormOptions<any>['buttons'];
+    initialValues?: FormShape;
+    onSubmit(value: FormShape, cms: CMS): Promise<void> | void;
+    reset?: FormOptions<any>['reset'];
+    onChange?: FormOptions<any>['onChange'];
+}

package/dist/toolkit/forms/field.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare type AnyField = Field & {
+    [key: string]: any;
+};
+export interface Field<F extends Field = AnyField> {
+    name: string;
+    label?: string | boolean;
+    description?: string;
+    component: React.FC<any> | string | null;
+    inlineComponent?: React.FC<any>;
+    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;
+    fields?: F[];
+    /**
+     * Focus events can come from outside of the component, this is not
+     * a guarantee that the given field will receive focus since that functionality
+     * needs to be built on a per-component basis.
+     *
+     * This is also a one-way stree. The "active field" for a given form isn't
+     * necessarily updated when a user clicks on a new field. So you can have a
+     * field which is marked as the active field, and have focus on another field
+     */
+    experimental_focusIntent?: boolean;
+}