/**
 * The field component is used to wrap form fields with a label, help text, and
 * error messages. It automatically captures validation events from its child
 * input components and displays error messages accordingly.
 */
export declare class ScoutField {
    /**
     * Label shown above the field.
     */
    label: string;
    /**
     * Help text shown below the field.
     */
    helpText?: string;
    inputId: string;
    errorText: string | null;
    errorHidden: boolean;
    hostElement: HTMLElement;
    catchFieldId(event: CustomEvent<string>): void;
    handleValidation(event: CustomEvent<{
        element: HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement;
    }>): void;
    showError(): void;
    render(): any;
}