import { ReactElement, ReactNode } from 'react';
import { Control, ControllerRenderProps, FieldPath, FieldPathValue, FieldValues, RegisterOptions } from 'react-hook-form';
import { AsmaFormsOptions } from './types';
export interface AutofillAnimationEvent {
    animationName: string;
    target: EventTarget | null;
}
export interface AsmaFieldRenderProps<TValue = unknown> {
    value: TValue;
    onChange: (...event: unknown[]) => void;
    onBlur: () => void;
    onAnimationStart: (event: AutofillAnimationEvent) => void;
    name: string;
    ref: ControllerRenderProps['ref'];
    error: boolean;
    helperText: ReactNode;
    reserveHelperText: boolean;
}
export interface AsmaFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
    name: TName;
    control?: Control<TFieldValues>;
    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
    helperText?: ReactNode;
    /** For controls that own their input ref (comboboxes, rich editors): RHF focuses the field through this instead of a DOM node. */
    requestFocus?: () => void;
    render: (props: AsmaFieldRenderProps<FieldPathValue<TFieldValues, TName>>) => ReactElement;
}
export declare function createAsmaFieldController({ getLanguageCode, browserAutofill, }: AsmaFormsOptions): <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, rules, helperText, requestFocus, render, }: AsmaFieldControllerProps<TFieldValues, TName>) => ReactElement;