export declare const colorpicker: (props: {
    [key: string]: any;
}, emit: (name: string, prop: any) => void) => {
    val: import("vue").Ref<{
        readonly rgba: {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        isValid: () => boolean;
        brightness: () => number;
        isDark: () => boolean;
        isLight: () => boolean;
        toHex: () => string;
        toRgb: () => import("colord").RgbaColor;
        toRgbString: () => string;
        toHsl: () => import("colord").HslaColor;
        toHslString: () => string;
        toHsv: () => import("colord").HsvaColor;
        invert: () => import("colord").Colord;
        saturate: (amount?: number | undefined) => import("colord").Colord;
        desaturate: (amount?: number | undefined) => import("colord").Colord;
        grayscale: () => import("colord").Colord;
        lighten: (amount?: number | undefined) => import("colord").Colord;
        darken: (amount?: number | undefined) => import("colord").Colord;
        rotate: (amount?: number | undefined) => import("colord").Colord;
        alpha: {
            (): number;
            (value: number): import("colord").Colord;
        };
        hue: {
            (): number;
            (value: number): import("colord").Colord;
        };
        isEqual: (color: import("colord").Colord | import("colord").AnyColor) => boolean;
    }>;
    colors: import("vue").WritableComputedRef<{
        readonly rgba: {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        isValid: () => boolean;
        brightness: () => number;
        isDark: () => boolean;
        isLight: () => boolean;
        toHex: () => string;
        toRgb: () => import("colord").RgbaColor;
        toRgbString: () => string;
        toHsl: () => import("colord").HslaColor;
        toHslString: () => string;
        toHsv: () => import("colord").HsvaColor;
        invert: () => import("colord").Colord;
        saturate: (amount?: number | undefined) => import("colord").Colord;
        desaturate: (amount?: number | undefined) => import("colord").Colord;
        grayscale: () => import("colord").Colord;
        lighten: (amount?: number | undefined) => import("colord").Colord;
        darken: (amount?: number | undefined) => import("colord").Colord;
        rotate: (amount?: number | undefined) => import("colord").Colord;
        alpha: {
            (): number;
            (value: number): import("colord").Colord;
        };
        hue: {
            (): number;
            (value: number): import("colord").Colord;
        };
        isEqual: (color: import("colord").Colord | import("colord").AnyColor) => boolean;
    }>;
    hue: import("vue").Ref<number>;
    colorChange: (data?: any) => void;
    changeHue: (val: number) => void;
};