import { default as tinycolor } from 'tinycolor2';
import { HTMLAttributes } from 'vue';
export type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsb';
export interface ColorPickerProps {
    modelValue: string | tinycolor.ColorInput;
    label?: string;
    class?: HTMLAttributes['class'];
    formats?: ColorFormat[];
    defaultFormat?: ColorFormat;
    colorSwatchLabel?: string;
}
export interface ColorPickerEmits {
    'update:modelValue': [value: string];
}
interface ColorSelectionOptions {
    signal?: AbortSignal;
}
interface ColorSelectionResult {
    sRGBHex: string;
}
interface EyeDropper {
    open: (options?: ColorSelectionOptions) => Promise<ColorSelectionResult>;
}
interface EyeDropperConstructor {
    new (): EyeDropper;
}
declare global {
    interface Window {
        EyeDropper?: EyeDropperConstructor | undefined;
    }
}
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ColorPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: string) => any;
}, string, import('vue').PublicProps, Readonly<ColorPickerProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
}>, {
    label: string;
    modelValue: string | tinycolor.ColorInput;
    formats: ColorFormat[];
    colorSwatchLabel: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
    swatches?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};