import { type ComponentInterface } from "../../stencil-public-runtime";
declare const ScoutSelect_base: abstract new (...args: any[]) => {
    validity?: string;
    scoutInputChange: import("@stencil/core").EventEmitter<{
        value: string;
        element: HTMLElement;
    }>;
    scoutBlur: import("@stencil/core").EventEmitter<void>;
    scoutValidate: import("@stencil/core").EventEmitter<{
        value: string;
        element: HTMLElement;
    }>;
    _scoutValidityChanged: import("@stencil/core").EventEmitter<{
        element: HTMLElement;
    }>;
    _scoutInvalid: import("@stencil/core").EventEmitter<void>;
    _scoutFieldId: import("@stencil/core").EventEmitter<string>;
    ariaId: string;
    "__#5@#inputElement": HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement;
    componentWillLoad(): void;
    componentDidLoad(): void;
    onInput(): void;
    onBlur(): void;
    onInvalid(): void;
    emitValidityEvent(value?: string): void;
    runValidation(): void;
    setInputRef(el: HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement | undefined): void;
};
/**
 * The select component is a dropdown menu that allows users to select one
 * option from a list. When used in a form, make sure to wrap it in a Field
 * component to display a label, help text, and error messages.
 */
export declare class ScoutSelect extends ScoutSelect_base implements ComponentInterface {
    /**
     * Value of the select element, in case you want to control it yourself.
     */
    value: string;
    /**
     * Whether the select is disabled. Disabled selects are not editable, excluded
     * from tab order and are not validated.
     */
    disabled: boolean;
    name: string;
    el: HTMLElement;
    private optionObserver?;
    render(): any;
    componentDidLoad(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private syncOptions;
}
export {};