import { OmniFormElement } from '../core/OmniFormElement.js';
/**
 * Email input control, used in forms for input validation and to display correct virtual keyboard on mobile.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/email-field';
 * ```
 *
 * @example
 * ```html
 * <omni-email-field
 *   label="Enter a value"
 *   value="JohnDoe@mail.com"
 *   max-length: 5
 *   hint="Required"
 *   error="Field level error message"
 *   disabled>
 * </omni-email-field>
 * ```
 *
 * @element omni-email-field
 *
 * @cssprop --omni-email-field-text-align - Email field text align.
 * @cssprop --omni-email-field-font-color - Email field font color.
 * @cssprop --omni-email-field-font-family - Email field font family.
 * @cssprop --omni-email-field-font-size - Email field font size.
 * @cssprop --omni-email-field-font-weight - Email field font weight.
 * @cssprop --omni-email-field-padding - Email field padding.
 * @cssprop --omni-email-field-height - Email field height.
 * @cssprop --omni-email-field-width - Email field width.
 *
 * @cssprop --omni-email-field-disabled-font-color - Email field disabled font color.
 * @cssprop --omni-email-field-error-font-color - Email field error font color.
 *
 * @cssprop --omni-email-field-autofill-hover-transition - Email field suggestions input hover color.
 */
export declare class EmailField extends OmniFormElement {
    private _inputElement?;
    /**
     * Disables native on screen keyboards for the component.
     * @attr [no-native-keyboard]
     */
    noNativeKeyboard?: boolean;
    /**
     * Maximum character input length.
     * @attr [max-length]
     */
    maxLength?: number;
    connectedCallback(): void;
    protected firstUpdated(): Promise<void>;
    focus(options?: FocusOptions | undefined): void;
    _blurOnEnter(e: KeyboardEvent): void;
    _keyInput(): void;
    static get styles(): import("lit").CSSResultGroup[];
    protected renderContent(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-email-field': EmailField;
    }
}
//# sourceMappingURL=EmailField.d.ts.map