import { LitElement } from 'lit';
import { SxProps } from '../types.js';
/**
 * Form input component with label and error states.
 * Uses design-tokens classes (.input, .label, .field-group).
 *
 * @fires tc-input - Fired when input value changes
 * @fires tc-blur - Fired when input loses focus
 * @fires tc-keydown - Fired when a key is pressed
 * @fires tc-paste - Fired when content is pasted
 * @csspart wrapper - The input wrapper element
 * @csspart input - The input element
 * @csspart label - The label element
 * @csspart ink-line - The animated ink line
 * @csspart error - The error message element
 * @attr {string} label - The input label
 * @attr {string} type - The input type
 * @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} required - Whether the input is required
 * @attr {string} name - The input name
 * @attr {string} autocomplete - The autocomplete attribute
 * @attr {string} inputmode - The inputmode attribute
 * @attr {number} maxlength - The maximum length
 */
export declare class TcInput extends LitElement {
    label: string;
    type: string;
    placeholder: string;
    value: string;
    error: string;
    disabled: boolean;
    required: boolean;
    name: string;
    autocomplete: string;
    inputmode: string;
    maxlength: number;
    sx: SxProps;
    private inputId;
    private isFocused;
    static styles: import('lit').CSSResult[];
    render(): import('lit').TemplateResult<1>;
    private handleInput;
    private handleFocus;
    private handleBlur;
    private handleKeydown;
    private handlePaste;
    focus(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'tc-input': TcInput;
    }
}
//# sourceMappingURL=tc-input.d.ts.map