import { LitElement } from 'lit';
import { SxProps } from '../types.js';
/**
 * An input field with an attached chip indicator.
 * Useful for showing authentication method alongside email/username input.
 *
 * @fires tc-input - Fired when input value changes
 * @fires tc-blur - Fired when input loses focus
 * @fires tc-keydown - Fired on keydown
 * @csspart wrapper - The input wrapper container
 * @csspart input - The input element
 * @csspart chip - The chip element
 * @attr {string} label - The input label
 * @attr {string} placeholder - The placeholder text
 * @attr {string} value - The input value
 * @attr {string} error - The error message
 * @attr {boolean} disabled - Whether the input is disabled
 * @attr {boolean} readonly - Whether the input is readonly
 * @attr {string} chip-label - The chip label text
 * @attr {string} chip-icon - The chip icon name
 * @attr {string} chip-variant - The chip variant (default | success | error | info)
 */
export declare class TcInputWithChip extends LitElement {
    label: string;
    placeholder: string;
    value: string;
    error: string;
    disabled: boolean;
    readonly: boolean;
    chipLabel: string;
    chipIcon: string;
    chipVariant: 'default' | 'success' | 'error' | 'info';
    sx: SxProps;
    private inputId;
    private isFocused;
    static styles: import('lit').CSSResult[];
    render(): import('lit').TemplateResult<1>;
    private handleInput;
    private handleFocus;
    private handleBlur;
    private handleKeydown;
    focus(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'tc-input-with-chip': TcInputWithChip;
    }
}
//# sourceMappingURL=tc-input-with-chip.d.ts.map