import { ChangeEvent, FocusEvent } from "react";
import { FieldValidation, FormAdapter, ValidatorType } from "../../utils/index.js";
export type UseFieldOptions<Form extends FormAdapter<any, any>, Value> = {
    attachFieldElement?: boolean;
    validate?: ValidatorType<Form, Value>;
    onChange?: (value: Value, event: ChangeEvent<any>) => void;
    onBlur?: (value: Value, event: FocusEvent<any, any>) => void;
} & FieldValidation<Form, Value>;
export type FieldElements = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
export type UseFieldOutput<Value> = {
    field: {
        value: Value;
        ref: React.RefObject<any>;
        onChange: (value: Value, event: ChangeEvent<any>) => void;
        onBlur: (event: FocusEvent<any, any>) => void;
    };
    error: string | undefined;
    isDirty: boolean;
    isTouched: boolean;
    isValidating: boolean;
};
export type UseField<Form extends FormAdapter<any, any>, Value> = (name: string, options?: UseFieldOptions<Form, Value>) => UseFieldOutput<Value>;