import React from 'react';
type BuiltinFlavor = 'primary' | 'success' | 'danger' | 'warning' | 'neutral';
type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
export interface TyInputEventDetail {
    value: any;
    formattedValue: string;
    rawValue: string;
    originalEvent: Event;
}
export interface TyInputCSSProperties extends React.CSSProperties {
    '--input-bg'?: string;
    '--input-color'?: string;
    '--input-border'?: string;
    '--input-border-hover'?: string;
    '--input-border-focus'?: string;
    '--input-shadow-focus'?: string;
    '--input-placeholder'?: string;
    '--input-disabled-bg'?: string;
    '--input-disabled-border'?: string;
    '--input-disabled-color'?: string;
}
export interface TyInputProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onFocus' | 'onBlur' | 'style'> {
    style?: TyInputCSSProperties;
    /** Input type */
    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'currency' | 'percent' | 'compact';
    /** Semantic styling variant */
    flavor?: ShadedFlavor | (string & {});
    /** Input size */
    /** Field size — fields come in exactly three; legacy xs/xl map to sm/lg */
    size?: 'sm' | 'md' | 'lg';
    /** Input value */
    value?: string;
    /** Placeholder text */
    placeholder?: string;
    /** Input label */
    label?: string;
    /** Error message */
    error?: string;
    /** Disable the input */
    disabled?: boolean;
    /** Required field */
    required?: boolean;
    /** Form field name for form submission */
    name?: string;
    /** Checked state for checkbox inputs */
    checked?: boolean;
    currency?: string;
    locale?: string;
    precision?: string | number;
    /** Debounce in milliseconds (0-5000) */
    debounce?: number;
    /**
     * Fires on every keystroke (React convention)
     * Maps to native 'input' event from ty-input
     */
    onChange?: (event: CustomEvent<TyInputEventDetail>) => void;
    /**
     * Fires on blur if value changed (native DOM behavior)
     * Maps to native 'change' event from ty-input
     */
    onChangeCommit?: (event: CustomEvent<TyInputEventDetail>) => void;
    /** Standard focus event */
    onFocus?: (event: FocusEvent) => void;
    /** Standard blur event */
    onBlur?: (event: FocusEvent) => void;
}
export declare const TyInput: React.ForwardRefExoticComponent<TyInputProps & React.RefAttributes<HTMLElement>>;
export {};
//# sourceMappingURL=TyInput.d.ts.map