import { LitElement } from 'lit';
import { SxProps } from '../types.js';
/**
 * OTP (One-Time Password) input component with individual cells and progress indicator.
 * Uses shake animation from design-tokens.
 *
 * @fires tc-complete - Fired when all cells are filled
 * @fires tc-change - Fired when the OTP value changes
 * @csspart cells - The cells container
 * @csspart cell - Individual cell input
 * @csspart progress - The progress bar container
 * @csspart progress-bar - The progress bar fill
 * @attr {number} length - The number of OTP cells
 * @attr {boolean} error - Whether to show error state
 * @attr {boolean} disabled - Whether the input is disabled
 * @attr {boolean} show-progress - Whether to show the progress bar
 */
export declare class TcOtpInput extends LitElement {
    length: number;
    error: boolean;
    disabled: boolean;
    showProgress: boolean;
    sx: SxProps;
    private values;
    static styles: import('lit').CSSResult[];
    connectedCallback(): void;
    render(): import('lit').TemplateResult<1>;
    private handleInput;
    private handleKeydown;
    private handlePaste;
    private focusCell;
    /** Focus the first empty cell or the last cell */
    focus(): void;
    /** Clear all values */
    clear(): void;
    /** Get the current OTP value */
    getValue(): string;
}
declare global {
    interface HTMLElementTagNameMap {
        'tc-otp-input': TcOtpInput;
    }
}
//# sourceMappingURL=tc-otp-input.d.ts.map