import { InputSize } from '../../shared/types';
declare const LuksoColorPicker_base: typeof import('lit').LitElement;
/**
 * A color picker input combining a native color swatch with a hex text field, kept in sync.
 */
export declare class LuksoColorPicker extends LuksoColorPicker_base {
    value: string | undefined;
    name: string | undefined;
    placeholder: string;
    label: string | undefined;
    id: string | undefined;
    description: string | undefined;
    error: string | undefined;
    customClass: string | undefined;
    isFullWidth: boolean;
    isReadonly: boolean;
    isDisabled: boolean;
    autofocus: boolean;
    keepFocusOnEscape: boolean;
    size: InputSize;
    private hasFocus;
    private hasHighlight;
    private styles;
    connectedCallback(): void;
    inputTemplate(styles: string): import('lit-html').TemplateResult<1>;
    colorPickerTemplate(styles: string, colorInputStyles: string): import('lit-html').TemplateResult<1>;
    private handleFocus;
    private handleBlur;
    private handleChange;
    private handleInput;
    private handleKeyUp;
    private handleKeyDown;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-color-picker': LuksoColorPicker;
    }
}
export {};
//# sourceMappingURL=index.d.ts.map