import { OmniFormElement } from '../core/OmniFormElement.js';
import '../icons/Clear.icon.js';
import '../icons/Search.icon.js';
/**
 * Search input control.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/search-field';
 * ```
 * @example
 *
 * ```html
 * <omni-search-field
 *   label="Enter a value"
 *   value="Hello World"
 *   hint="Required"
 *   error="Field level error message"
 *   disabled>
 * </omni-search-field>
 * ```
 *
 * @element omni-search-field
 *
 * @cssprop --omni-search-field-text-align - Search field text align.
 * @cssprop --omni-search-field-font-color - Search field font color.
 * @cssprop --omni-search-field-font-family - Search field font family.
 * @cssprop --omni-search-field-font-size - Search field font size.
 * @cssprop --omni-search-field-font-weight - Search field font weight.
 * @cssprop --omni-search-field-padding - Search field padding.
 * @cssprop --omni-search-field-height - Search field height.
 * @cssprop --omni-search-field-width - Search field width.
 *
 * @cssprop --omni-search-field-disabled-font-color - Search field disabled font color.
 * @cssprop --omni-search-field-error-font-color - Search field error font color.
 *
 * @cssprop --omni-search-field-control-margin-right - Search field control right margin.
 * @cssprop --omni-search-field-control-margin-left - Search field control left margin.
 * @cssprop --omni-search-field-control-width - Search field control width.
 *
 * @cssprop --omni-search-field-clear-icon-color - Search field clear icon color.
 * @cssprop --omni-search-field-clear-icon-width - Search field clear icon width.
 *
 * @cssprop --omni-search-field-search-icon-color - Search field search icon color.
 * @cssprop --omni-search-field-search-icon-width - Search field search icon width.
 * @cssprop --omni-search-field-search-icon-margin-left - Search field search icon left margin.
 *
 * @cssprop --omni-search-field-label-left-margin - Search field label left margin.
 *
 * @cssprop --omni-search-field-autofill-hover-transition - Search field suggestions input hover color.
 *
 */
export declare class SearchField 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;
    _keyInput(): void;
    _blurOnEnter(e: KeyboardEvent): void;
    static get styles(): import("lit").CSSResultGroup[];
    protected renderPrefix(): import("lit-html").TemplateResult<1>;
    protected renderContent(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-search-field': SearchField;
    }
}
//# sourceMappingURL=SearchField.d.ts.map