import { TailwindElement } from '../../shared/tailwind-element';
export declare class LuksoInput extends TailwindElement {
    value: string;
    name: string;
    type: string;
    placeholder: string;
    label: string;
    autocomplete: string;
    id: string;
    ref: string | undefined;
    accept: string | undefined;
    description: string;
    error: string;
    unit: string;
    customClass: string;
    isFullWidth: boolean;
    isReadonly: boolean;
    isDisabled: boolean;
    autofocus: boolean;
    max: number | undefined;
    min: number | undefined;
    borderless: boolean;
    private hasHocus;
    private hasHighlight;
    private defaultInputStyles;
    private defaultUnitStyles;
    inputTemplate(): import("lit-html").TemplateResult<1>;
    labelTemplate(): import("lit-html").TemplateResult<1>;
    descriptionTemplate(): import("lit-html").TemplateResult<1>;
    errorTemplate(): import("lit-html").TemplateResult<1>;
    unitTemplate(): import("lit-html").TemplateResult<1>;
    private handleFocus;
    private handleBlur;
    private handleChange;
    private handleInput;
    private handleKeyUp;
    private handleKeyDown;
    private handleKeyPress;
    private handleMouseOver;
    private handleMouseOut;
    private handleUnitClick;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-input': LuksoInput;
    }
}
//# sourceMappingURL=index.d.ts.map