import { CSSResultGroup } from 'lit';
import { default as BaseMdChip } from './base/base-chip.ts';
/**
 * @tag md-input-chip
 * @summary Material Design 3 Input Chip
 *
 * Input chips represent a piece of user-entered information (e.g., a contact
 * or filter value). They support an optional leading avatar or icon and a
 * trailing remove button.
 *
 * @slot - Label text
 * @slot leading-icon - Leading icon (18dp) — hidden when avatar is set
 * @slot avatar - Circular avatar image (24dp)
 * @slot trailing-icon - Icon inside the remove button — only used when `removable` is not set
 *
 * @fires remove - Fired when the trailing remove button is clicked
 * @fires change - Fired when selected state changes
 */
export default class MdInputChip extends BaseMdChip {
    static get styles(): CSSResultGroup;
    /** Show a circular avatar slot instead of the leading icon */
    avatar: boolean;
    /** Whether the chip is selected */
    selected: boolean;
    /** Show a built-in close button that fires the `remove` event on click */
    removable: boolean;
    private _hasTrailingIcon;
    protected _handleClick(_e: Event): void;
    private _handleRemove;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "md-input-chip": MdInputChip;
    }
}