import { OmniFormElement } from '../core/OmniFormElement.js';
/**
 * Control to input text.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/text-field';
 * ```
 *
 * @example
 * ```html
 * <omni-text-field
 *   label="Enter a value"
 *   value="Hello World"
 *   hint="Required"
 *   max-length: 5
 *   error="Field level error message"
 *   disabled>
 * </omni-text-field>
 * ```
 *
 * @element omni-text-field
 *
 * @cssprop --omni-text-field-text-align - Text field text align.
 * @cssprop --omni-text-field-font-color - Text field font color.
 * @cssprop --omni-text-field-font-family - Text field font family.
 * @cssprop --omni-text-field-font-size - Text field font size.
 * @cssprop --omni-text-field-font-weight - Text field font weight.
 * @cssprop --omni-text-field-padding - Text field padding.
 * @cssprop --omni-text-field-height - Text field height.
 * @cssprop --omni-text-field-width - Text field width.
 *
 * @cssprop --omni-text-field-disabled-font-color - Text field disabled font color.
 * @cssprop --omni-text-field-font-color - Text field error font color.
 *
 * @cssprop --omni-text-field-autofill-hover-transition - Text field input auto fill hover state transition.
 *
 */
export declare class TextField 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-text-field': TextField;
    }
}
//# sourceMappingURL=TextField.d.ts.map