import type { App } from 'vue';
import type { SDOptions } from '../_utils/types';
import _ColorPicker from './color-picker';
declare const ColorPicker: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        borderless: BooleanConstructor;
        clearable: BooleanConstructor;
        colorModes: {
            type: import("vue").PropType<import("./interface").ColorModes>;
            default: () => string[];
        };
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        modelValue: StringConstructor;
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        format: {
            type: import("vue").PropType<import("./interface").ColorFormat | import("./interface").LegacyFormat>;
            default: string;
        };
        size: {
            type: import("vue").PropType<import("..").Size | "small" | "medium" | "large">;
            default: string;
        };
        enableAlpha: BooleanConstructor;
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        inputProps: {
            type: import("vue").PropType<Record<string, unknown>>;
        };
        recentColors: {
            type: import("vue").PropType<import("./interface").RecentColorsValue>;
            default: undefined;
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("./interface").RecentColorsValue>;
            default: () => never[];
        };
        swatchColors: {
            type: import("vue").PropType<string[] | null>;
            default: undefined;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: {
            type: (StringConstructor | BooleanConstructor)[];
            default: boolean;
        };
        hideTrigger: BooleanConstructor;
        triggerProps: {
            type: import("vue").PropType<Partial<import("..").TriggerProps>>;
        };
        floatingOptions: {
            type: import("vue").PropType<import("..").FloatingOptions>;
        };
    }>> & Readonly<{
        onClear?: ((_context: {
            e: MouseEvent;
        }) => any) | undefined;
        onChange?: ((_value: string, _context: {
            color: import("./interface").ColorObject;
            trigger: import("./interface").ColorPickerChangeTrigger;
        }) => any) | undefined;
        "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
        "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
        "onPalette-bar-change"?: ((_context: {
            color: import("./interface").ColorObject;
        }) => any) | undefined;
        "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        'update:modelValue': (_value: string) => true;
        change: (_value: string, _context: {
            color: import("./interface").ColorObject;
            trigger: import("./interface").ColorPickerChangeTrigger;
        }) => true;
        'popup-visible-change': (_visible: boolean, _value: string) => true;
        clear: (_context: {
            e: MouseEvent;
        }) => true;
        'palette-bar-change': (_context: {
            color: import("./interface").ColorObject;
        }) => true;
        'recent-colors-change': (_value: string[]) => true;
    }, import("vue").PublicProps, {
        size: "small" | "medium" | "large" | "mini";
        disabled: boolean;
        readonly: string | boolean;
        defaultValue: string;
        clearable: boolean;
        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
        hideTrigger: boolean;
        enableAlpha: boolean;
        colorModes: import("./interface").ColorModes;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
        recentColors: import("./interface").RecentColorsValue;
        swatchColors: string[] | null;
        borderless: boolean;
        defaultRecentColors: import("./interface").RecentColorsValue;
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        borderless: BooleanConstructor;
        clearable: BooleanConstructor;
        colorModes: {
            type: import("vue").PropType<import("./interface").ColorModes>;
            default: () => string[];
        };
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        modelValue: StringConstructor;
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        format: {
            type: import("vue").PropType<import("./interface").ColorFormat | import("./interface").LegacyFormat>;
            default: string;
        };
        size: {
            type: import("vue").PropType<import("..").Size | "small" | "medium" | "large">;
            default: string;
        };
        enableAlpha: BooleanConstructor;
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        inputProps: {
            type: import("vue").PropType<Record<string, unknown>>;
        };
        recentColors: {
            type: import("vue").PropType<import("./interface").RecentColorsValue>;
            default: undefined;
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("./interface").RecentColorsValue>;
            default: () => never[];
        };
        swatchColors: {
            type: import("vue").PropType<string[] | null>;
            default: undefined;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: {
            type: (StringConstructor | BooleanConstructor)[];
            default: boolean;
        };
        hideTrigger: BooleanConstructor;
        triggerProps: {
            type: import("vue").PropType<Partial<import("..").TriggerProps>>;
        };
        floatingOptions: {
            type: import("vue").PropType<import("..").FloatingOptions>;
        };
    }>> & Readonly<{
        onClear?: ((_context: {
            e: MouseEvent;
        }) => any) | undefined;
        onChange?: ((_value: string, _context: {
            color: import("./interface").ColorObject;
            trigger: import("./interface").ColorPickerChangeTrigger;
        }) => any) | undefined;
        "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
        "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
        "onPalette-bar-change"?: ((_context: {
            color: import("./interface").ColorObject;
        }) => any) | undefined;
        "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        size: "small" | "medium" | "large" | "mini";
        disabled: boolean;
        readonly: string | boolean;
        defaultValue: string;
        clearable: boolean;
        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
        hideTrigger: boolean;
        enableAlpha: boolean;
        colorModes: import("./interface").ColorModes;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
        recentColors: import("./interface").RecentColorsValue;
        swatchColors: string[] | null;
        borderless: boolean;
        defaultRecentColors: import("./interface").RecentColorsValue;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    borderless: BooleanConstructor;
    clearable: BooleanConstructor;
    colorModes: {
        type: import("vue").PropType<import("./interface").ColorModes>;
        default: () => string[];
    };
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    modelValue: StringConstructor;
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    format: {
        type: import("vue").PropType<import("./interface").ColorFormat | import("./interface").LegacyFormat>;
        default: string;
    };
    size: {
        type: import("vue").PropType<import("..").Size | "small" | "medium" | "large">;
        default: string;
    };
    enableAlpha: BooleanConstructor;
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    inputProps: {
        type: import("vue").PropType<Record<string, unknown>>;
    };
    recentColors: {
        type: import("vue").PropType<import("./interface").RecentColorsValue>;
        default: undefined;
    };
    defaultRecentColors: {
        type: import("vue").PropType<import("./interface").RecentColorsValue>;
        default: () => never[];
    };
    swatchColors: {
        type: import("vue").PropType<string[] | null>;
        default: undefined;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    readonly: {
        type: (StringConstructor | BooleanConstructor)[];
        default: boolean;
    };
    hideTrigger: BooleanConstructor;
    triggerProps: {
        type: import("vue").PropType<Partial<import("..").TriggerProps>>;
    };
    floatingOptions: {
        type: import("vue").PropType<import("..").FloatingOptions>;
    };
}>> & Readonly<{
    onClear?: ((_context: {
        e: MouseEvent;
    }) => any) | undefined;
    onChange?: ((_value: string, _context: {
        color: import("./interface").ColorObject;
        trigger: import("./interface").ColorPickerChangeTrigger;
    }) => any) | undefined;
    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
    "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
    "onPalette-bar-change"?: ((_context: {
        color: import("./interface").ColorObject;
    }) => any) | undefined;
    "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    'update:modelValue': (_value: string) => true;
    change: (_value: string, _context: {
        color: import("./interface").ColorObject;
        trigger: import("./interface").ColorPickerChangeTrigger;
    }) => true;
    'popup-visible-change': (_visible: boolean, _value: string) => true;
    clear: (_context: {
        e: MouseEvent;
    }) => true;
    'palette-bar-change': (_context: {
        color: import("./interface").ColorObject;
    }) => true;
    'recent-colors-change': (_value: string[]) => true;
}, string, {
    size: "small" | "medium" | "large" | "mini";
    disabled: boolean;
    readonly: string | boolean;
    defaultValue: string;
    clearable: boolean;
    format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
    hideTrigger: boolean;
    enableAlpha: boolean;
    colorModes: import("./interface").ColorModes;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
    recentColors: import("./interface").RecentColorsValue;
    swatchColors: string[] | null;
    borderless: boolean;
    defaultRecentColors: import("./interface").RecentColorsValue;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
    install: (app: App, options?: SDOptions) => void;
};
export type { RGB, HSV, HSVA, Color, ColorMode, ColorModes, ColorFormat, ColorObject, ColorValueState, ColorPickerChangeTrigger, ColorPickerTriggerSlotProps, GradientColorPoint, RecentColorsValue, } from './interface';
export type ColorPickerInstance = InstanceType<typeof _ColorPicker>;
export default ColorPicker;