import { type EventEmitter } from "../../stencil-public-runtime";
export declare class SearchBar {
    el: HTMLIfxSearchBarElement;
    /**
     * Controls whether the search bar is expanded (open) or collapsed.
     * This is mirrored into internal state and drives the visible UI.
     */
    readonly isOpen: boolean;
    /**
     * Disables user interaction with the search field and close control.
     */
    readonly disabled: boolean;
    /**
     * Current input value of the search field.
     * This is updated when the field emits input events.
     */
    value: string | undefined;
    /**
     * Maximum allowed length for the search input.
     */
    readonly maxlength?: number;
    /**
     * Autocomplete behavior passed to the underlying search field.
     */
    readonly autocomplete: string;
    /**
     * Toggles the close button outside the input field
     */
    readonly showCloseButton: boolean;
    /**
     * Emits when the search input value changes.
     */
    ifxInput: EventEmitter;
    /**
     * Emits when the search bar is opened or closed.
     * Payload is the new open state.
     */
    ifxOpen: EventEmitter;
    internalState: boolean;
    private pendingFocus;
    /**
     * Opens the search bar when triggered programatically
     * Emits `ifxOpen` with `false` and updates internal state.
     */
    open(): Promise<void>;
    /**
    * Closes the search bar when triggered programatically
    * Emits `ifxOpen` with `true` and updates internal state.
    */
    close(): Promise<void>;
    handlePropChange(): void;
    private handleCloseButton;
    private setInitialState;
    componentWillLoad(): void;
    componentDidUpdate(): void;
    componentDidLoad(): Promise<void>;
    private handleInput;
    private handleOpenSearchKeyDown;
    render(): any;
}