import { Mode, ColorType, Theme, InputType, Local, IconClasses, GradientMode, ModelValue } from '../core/types/types.ts';
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        buttons?(_: {
            save: () => void;
            cancel: () => void;
        }): any;
    };
    refs: {
        pickerTemplateRef: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    modelValue: {
        default: string;
        type: () => ModelValue;
    };
    mode: {
        default: string;
        type: () => Mode;
    };
    type: {
        default: string;
        type: () => ColorType;
    };
    inputType: {
        default: string;
        type: () => InputType;
    };
    theme: {
        default: string;
        type: () => Theme;
    };
    colorListCount: {
        default: number;
        type: NumberConstructor;
    };
    showColorList: {
        default: boolean;
        type: BooleanConstructor;
    };
    showEyeDrop: {
        default: boolean;
        type: BooleanConstructor;
    };
    showPickerMode: {
        default: boolean;
        type: BooleanConstructor;
    };
    showAlpha: {
        default: boolean;
        type: BooleanConstructor;
    };
    showInputMenu: {
        default: boolean;
        type: BooleanConstructor;
    };
    showInputSet: {
        default: boolean;
        type: BooleanConstructor;
    };
    disabled: {
        default: boolean;
        type: BooleanConstructor;
    };
    gradientMode: {
        default: string;
        type: () => GradientMode;
    };
    local: {
        default: {
            angle: string;
            positionX: string;
            positionY: string;
            solid: string;
            gradient: string;
            linear: string;
            radial: string;
            colorPalette: string;
            btnSaveLabel: string;
            btnCancelLabel: string;
        };
        type: () => Local;
    };
    iconClasses: {
        default: {
            linear: string;
            radial: string;
            ruler: string;
            eyeDroper: string;
            inputMenu: string;
            save: string;
            delete: string;
        };
        type: () => IconClasses;
    };
    showButtons: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    onChange: (value: string) => any;
    "update:modelValue": (value: string) => any;
    onSave: (value: string) => any;
    onCancel: (value: string) => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    modelValue: {
        default: string;
        type: () => ModelValue;
    };
    mode: {
        default: string;
        type: () => Mode;
    };
    type: {
        default: string;
        type: () => ColorType;
    };
    inputType: {
        default: string;
        type: () => InputType;
    };
    theme: {
        default: string;
        type: () => Theme;
    };
    colorListCount: {
        default: number;
        type: NumberConstructor;
    };
    showColorList: {
        default: boolean;
        type: BooleanConstructor;
    };
    showEyeDrop: {
        default: boolean;
        type: BooleanConstructor;
    };
    showPickerMode: {
        default: boolean;
        type: BooleanConstructor;
    };
    showAlpha: {
        default: boolean;
        type: BooleanConstructor;
    };
    showInputMenu: {
        default: boolean;
        type: BooleanConstructor;
    };
    showInputSet: {
        default: boolean;
        type: BooleanConstructor;
    };
    disabled: {
        default: boolean;
        type: BooleanConstructor;
    };
    gradientMode: {
        default: string;
        type: () => GradientMode;
    };
    local: {
        default: {
            angle: string;
            positionX: string;
            positionY: string;
            solid: string;
            gradient: string;
            linear: string;
            radial: string;
            colorPalette: string;
            btnSaveLabel: string;
            btnCancelLabel: string;
        };
        type: () => Local;
    };
    iconClasses: {
        default: {
            linear: string;
            radial: string;
            ruler: string;
            eyeDroper: string;
            inputMenu: string;
            save: string;
            delete: string;
        };
        type: () => IconClasses;
    };
    showButtons: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onOnChange?: ((value: string) => any) | undefined;
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
    onOnSave?: ((value: string) => any) | undefined;
    onOnCancel?: ((value: string) => any) | undefined;
}>, {
    inputType: InputType;
    type: ColorType;
    mode: Mode;
    showInputMenu: boolean;
    showPickerMode: boolean;
    local: Local;
    iconClasses: IconClasses;
    modelValue: ModelValue;
    colorListCount: number;
    theme: Theme;
    showColorList: boolean;
    showEyeDrop: boolean;
    showAlpha: boolean;
    showInputSet: boolean;
    disabled: boolean;
    gradientMode: GradientMode;
    showButtons: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    pickerTemplateRef: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};