import { TdColorPickerProps } from './type';
import './style';
export * from './type';
export type ColorPickerProps = TdColorPickerProps;
export type ColorPickerPanelProps = TdColorPickerProps;
export declare const ColorPickerPanel: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("./type").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>;
            default: import("./type").TdColorPickerPanelProps["format"];
            validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>;
            default: import("./type").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("./type").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>;
            default: import("./type").TdColorPickerPanelProps["format"];
            validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>;
            default: import("./type").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, {
        disabled: boolean;
        value: string;
        format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
        defaultValue: string;
        modelValue: string;
        colorModes: ("monochrome" | "linear-gradient")[];
        recentColors: boolean | string[];
        defaultRecentColors: boolean | string[];
        enableAlpha: boolean;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("./type").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>;
            default: import("./type").TdColorPickerPanelProps["format"];
            validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>;
            default: import("./type").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        disabled: boolean;
        value: string;
        format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
        defaultValue: string;
        modelValue: string;
        colorModes: ("monochrome" | "linear-gradient")[];
        recentColors: boolean | string[];
        defaultRecentColors: boolean | string[];
        enableAlpha: boolean;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    colorModes: {
        type: import("vue").PropType<import("./type").TdColorPickerPanelProps["colorModes"]>;
        default: () => import("./type").TdColorPickerPanelProps["colorModes"];
    };
    disabled: BooleanConstructor;
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>;
        default: import("./type").TdColorPickerPanelProps["format"];
        validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean;
    };
    recentColors: {
        type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>;
        default: import("./type").TdColorPickerPanelProps["recentColors"];
    };
    defaultRecentColors: {
        type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>;
        default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"];
    };
    selectInputProps: {
        type: import("vue").PropType<import("./type").TdColorPickerPanelProps["selectInputProps"]>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    swatchColors: {
        type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>;
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>;
    onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>;
    onRecentColorsChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onRecentColorsChange"]>;
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    disabled: boolean;
    value: string;
    format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
    defaultValue: string;
    modelValue: string;
    colorModes: ("monochrome" | "linear-gradient")[];
    recentColors: boolean | string[];
    defaultRecentColors: boolean | string[];
    enableAlpha: boolean;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const ColorPicker: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        borderless: BooleanConstructor;
        clearable: BooleanConstructor;
        colorModes: {
            type: import("vue").PropType<TdColorPickerProps["colorModes"]>;
            default: () => TdColorPickerProps["colorModes"];
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<TdColorPickerProps["format"]>;
            default: TdColorPickerProps["format"];
            validator(val: TdColorPickerProps["format"]): boolean;
        };
        inputProps: {
            type: import("vue").PropType<TdColorPickerProps["inputProps"]>;
        };
        popupProps: {
            type: import("vue").PropType<TdColorPickerProps["popupProps"]>;
        };
        recentColors: {
            type: import("vue").PropType<TdColorPickerProps["recentColors"]>;
            default: TdColorPickerProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>;
            default: () => TdColorPickerProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdColorPickerProps["size"]>;
            default: TdColorPickerProps["size"];
            validator(val: TdColorPickerProps["size"]): boolean;
        };
        swatchColors: {
            type: import("vue").PropType<TdColorPickerProps["swatchColors"]>;
            default: TdColorPickerProps["swatchColors"];
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<TdColorPickerProps["onChange"]>;
        onClear: import("vue").PropType<TdColorPickerProps["onClear"]>;
        onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<TdColorPickerProps["onRecentColorsChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        borderless: BooleanConstructor;
        clearable: BooleanConstructor;
        colorModes: {
            type: import("vue").PropType<TdColorPickerProps["colorModes"]>;
            default: () => TdColorPickerProps["colorModes"];
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<TdColorPickerProps["format"]>;
            default: TdColorPickerProps["format"];
            validator(val: TdColorPickerProps["format"]): boolean;
        };
        inputProps: {
            type: import("vue").PropType<TdColorPickerProps["inputProps"]>;
        };
        popupProps: {
            type: import("vue").PropType<TdColorPickerProps["popupProps"]>;
        };
        recentColors: {
            type: import("vue").PropType<TdColorPickerProps["recentColors"]>;
            default: TdColorPickerProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>;
            default: () => TdColorPickerProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdColorPickerProps["size"]>;
            default: TdColorPickerProps["size"];
            validator(val: TdColorPickerProps["size"]): boolean;
        };
        swatchColors: {
            type: import("vue").PropType<TdColorPickerProps["swatchColors"]>;
            default: TdColorPickerProps["swatchColors"];
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<TdColorPickerProps["onChange"]>;
        onClear: import("vue").PropType<TdColorPickerProps["onClear"]>;
        onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<TdColorPickerProps["onRecentColorsChange"]>;
    }>>, {
        disabled: boolean;
        value: string;
        format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
        size: import("..").SizeEnum;
        defaultValue: string;
        modelValue: string;
        borderless: boolean;
        clearable: boolean;
        colorModes: ("monochrome" | "linear-gradient")[];
        recentColors: boolean | string[];
        defaultRecentColors: boolean | string[];
        swatchColors: string[];
        enableAlpha: boolean;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        borderless: BooleanConstructor;
        clearable: BooleanConstructor;
        colorModes: {
            type: import("vue").PropType<TdColorPickerProps["colorModes"]>;
            default: () => TdColorPickerProps["colorModes"];
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<TdColorPickerProps["format"]>;
            default: TdColorPickerProps["format"];
            validator(val: TdColorPickerProps["format"]): boolean;
        };
        inputProps: {
            type: import("vue").PropType<TdColorPickerProps["inputProps"]>;
        };
        popupProps: {
            type: import("vue").PropType<TdColorPickerProps["popupProps"]>;
        };
        recentColors: {
            type: import("vue").PropType<TdColorPickerProps["recentColors"]>;
            default: TdColorPickerProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>;
            default: () => TdColorPickerProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdColorPickerProps["size"]>;
            default: TdColorPickerProps["size"];
            validator(val: TdColorPickerProps["size"]): boolean;
        };
        swatchColors: {
            type: import("vue").PropType<TdColorPickerProps["swatchColors"]>;
            default: TdColorPickerProps["swatchColors"];
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<TdColorPickerProps["onChange"]>;
        onClear: import("vue").PropType<TdColorPickerProps["onClear"]>;
        onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<TdColorPickerProps["onRecentColorsChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        disabled: boolean;
        value: string;
        format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
        size: import("..").SizeEnum;
        defaultValue: string;
        modelValue: string;
        borderless: boolean;
        clearable: boolean;
        colorModes: ("monochrome" | "linear-gradient")[];
        recentColors: boolean | string[];
        defaultRecentColors: boolean | string[];
        swatchColors: string[];
        enableAlpha: boolean;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    borderless: BooleanConstructor;
    clearable: BooleanConstructor;
    colorModes: {
        type: import("vue").PropType<TdColorPickerProps["colorModes"]>;
        default: () => TdColorPickerProps["colorModes"];
    };
    disabled: {
        type: BooleanConstructor;
        default: any;
    };
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: import("vue").PropType<TdColorPickerProps["format"]>;
        default: TdColorPickerProps["format"];
        validator(val: TdColorPickerProps["format"]): boolean;
    };
    inputProps: {
        type: import("vue").PropType<TdColorPickerProps["inputProps"]>;
    };
    popupProps: {
        type: import("vue").PropType<TdColorPickerProps["popupProps"]>;
    };
    recentColors: {
        type: import("vue").PropType<TdColorPickerProps["recentColors"]>;
        default: TdColorPickerProps["recentColors"];
    };
    defaultRecentColors: {
        type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>;
        default: () => TdColorPickerProps["defaultRecentColors"];
    };
    selectInputProps: {
        type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<TdColorPickerProps["size"]>;
        default: TdColorPickerProps["size"];
        validator(val: TdColorPickerProps["size"]): boolean;
    };
    swatchColors: {
        type: import("vue").PropType<TdColorPickerProps["swatchColors"]>;
        default: TdColorPickerProps["swatchColors"];
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: import("vue").PropType<TdColorPickerProps["onChange"]>;
    onClear: import("vue").PropType<TdColorPickerProps["onClear"]>;
    onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>;
    onRecentColorsChange: import("vue").PropType<TdColorPickerProps["onRecentColorsChange"]>;
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    disabled: boolean;
    value: string;
    format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
    size: import("..").SizeEnum;
    defaultValue: string;
    modelValue: string;
    borderless: boolean;
    clearable: boolean;
    colorModes: ("monochrome" | "linear-gradient")[];
    recentColors: boolean | string[];
    defaultRecentColors: boolean | string[];
    swatchColors: string[];
    enableAlpha: boolean;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;