import { type EventEmitter } from "../../stencil-public-runtime";
import type { ChipItemSelectEvent } from "./interfaces";
export declare class Chip {
    chip: HTMLIfxChipElement;
    ifxChange: EventEmitter<{
        previousSelection: Array<ChipItemSelectEvent>;
        currentSelection: Array<ChipItemSelectEvent>;
        name: string;
    }>;
    readonly placeholder: string;
    readonly size: "small" | "medium" | "large";
    value: Array<string> | string;
    readonly variant: "single" | "multi";
    readonly theme: "outlined" | "filled-light" | "filled-dark";
    readonly readOnly: boolean;
    readonly ariaLabel: string | null;
    readonly disabled: boolean;
    readonly icon: string;
    opened: boolean;
    selectedOptions: Array<ChipItemSelectEvent>;
    handleValueChange(newValue: Array<string> | string): void;
    handleReadOnlyChange(newValue: boolean): void;
    closeDropdownOnOutsideClick(event: MouseEvent): void;
    handleKeyDown(event: KeyboardEvent): void;
    updateSelectedOptions(event: CustomEvent<ChipItemSelectEvent>): void;
    private getChipItems;
    private getSelectedOptions;
    private toggleDropdownMenu;
    /**
     * Focuses the chip item at the specified index.
     * @param index the index of the chip item to focus. -1 will focus the last chip item.
     */
    private focusChipItemAt;
    private focusChip;
    private handleUnselectButtonClick;
    private handleWrapperClick;
    private handleWrapperKeyDown;
    private handleDropdownKeyDown;
    private syncChipState;
    private syncSelectedOptionsWithProp;
    componentWillLoad(): void;
    componentDidLoad(): Promise<void>;
    render(): any;
}
