/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { ColorPickerBlurEvent } from './interfaces/ColorPickerBlurEvent';
import { ColorPickerChangeEvent } from './interfaces/ColorPickerChangeEvent';
import { ColorPickerFocusEvent } from './interfaces/ColorPickerFocusEvent';
import { ColorPickerActiveColorClick } from './interfaces/ColorPickerActiveColorClick';
import { ColorPaletteChangeEvent } from './interfaces/ColorPaletteChangeEvent';
import { FlatColorPickerViewChangeEvent } from './interfaces/FlatColorPickerViewChangeEvent';
import { PropType } from 'vue';
/**
 * @hidden
 */
declare const ColorPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    modelValue: PropType<string>;
    modelRgbaValue: PropType<string>;
    value: {
        type: PropType<string>;
        default: any;
    };
    defaultValue: PropType<string>;
    disabled: PropType<boolean>;
    dir: PropType<string>;
    id: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    showClearButton: {
        type: PropType<boolean>;
        default: boolean;
    };
    showPreview: {
        type: PropType<boolean>;
        default: boolean;
    };
    showButtons: {
        type: PropType<boolean>;
        default: boolean;
    };
    paletteSettings: {
        type: PropType<import('..').ColorPickerPaletteSettings>;
        default: () => {
            palette: string;
        };
    };
    valid: {
        type: PropType<boolean>;
        default: boolean;
    };
    tabIndex: {
        type: PropType<number>;
        default: number;
    };
    title: PropType<string>;
    icon: PropType<string>;
    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
    iconClassName: PropType<string>;
    popupSettings: {
        type: PropType<import('..').ColorPickerPopupSettings>;
        default: () => {};
    };
    gradientSettings: {
        type: PropType<import('./interfaces/ColorGradientProps').ColorGradientProps>;
        default: () => {
            opacity: boolean;
        };
    };
    flatColorPickerSettings: {
        type: PropType<import('./FlatColorPicker').FlatColorPickerProps>;
        default: () => {};
    };
    open: {
        type: PropType<boolean>;
        default: any;
    };
    size: {
        type: PropType<"small" | "medium" | "large">;
        validator: (value: string) => boolean;
    };
    rounded: {
        type: PropType<"small" | "medium" | "large" | "full" | "none">;
        validator: (value: string) => boolean;
    };
    fillMode: {
        type: PropType<"flat" | "solid" | "outline">;
        validator: (value: string) => boolean;
    };
    view: {
        type: PropType<string>;
        default: string;
        validator: (value: any) => any;
    };
    selectedView: {
        type: PropType<number>;
        default: any;
    };
    adaptive: {
        type: PropType<boolean>;
        default: boolean;
    };
    adaptiveTitle: {
        type: PropType<string>;
    };
}>, {}, {
    focused: boolean;
    currentValue: string;
    currentOpen: boolean;
    flatcolorpickerRef: any;
    windowWidth: number;
    observer: any;
}, {
    isValueControlled(): boolean;
    isOpenControlled(): boolean;
    computedValue(): any;
    computedOpen(): any;
    wrapperClassName(): {
        [x: string]: any;
        'k-picker': boolean;
        'k-colorpicker': boolean;
        'k-icon-picker': boolean;
        'k-invalid': boolean;
        'k-disabled': any;
        'k-focus': any;
    };
    animationStyles(): {
        top: number;
        width: string;
        height: string;
    };
    classNameAdaptive(): string;
    adaptiveState(): boolean;
}, {
    calculateMedia(entries: ResizeObserverEntry[]): void;
    focusElement(): void;
    setOpen(nextOpen: boolean, isBlur?: boolean): void;
    onButtonKeyDown(event: any): void;
    onKeyDownHandler(event: any): void;
    onOpenHandler(): void;
    onClickHandler(): void;
    onActiveColorClickHandler(event: any): void;
    isViewFocused(): boolean;
    onButtonBlur(event: any): void;
    onFocusHandler(event: any): void;
    onBlurTimeout(): void;
    onBlurHandler(): void;
    onViewChange(event: any): void;
    onChangeHandler(event: ColorPaletteChangeEvent, isPalette?: boolean): void;
    onFlatChangeHandler(event: FlatColorPickerViewChangeEvent): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    open: () => true;
    close: () => true;
    changemodel: (value: string) => true;
    'update:modelValue': (value: string) => true;
    'update:modelRgbaValue': (value: string) => true;
    activecolorclick: (event: ColorPickerActiveColorClick) => true;
    focus: (event: ColorPickerFocusEvent) => true;
    blur: (event: ColorPickerBlurEvent) => true;
    change: (event: ColorPickerChangeEvent) => true;
    viewchange: (event: FlatColorPickerViewChangeEvent) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    modelValue: PropType<string>;
    modelRgbaValue: PropType<string>;
    value: {
        type: PropType<string>;
        default: any;
    };
    defaultValue: PropType<string>;
    disabled: PropType<boolean>;
    dir: PropType<string>;
    id: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    showClearButton: {
        type: PropType<boolean>;
        default: boolean;
    };
    showPreview: {
        type: PropType<boolean>;
        default: boolean;
    };
    showButtons: {
        type: PropType<boolean>;
        default: boolean;
    };
    paletteSettings: {
        type: PropType<import('..').ColorPickerPaletteSettings>;
        default: () => {
            palette: string;
        };
    };
    valid: {
        type: PropType<boolean>;
        default: boolean;
    };
    tabIndex: {
        type: PropType<number>;
        default: number;
    };
    title: PropType<string>;
    icon: PropType<string>;
    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
    iconClassName: PropType<string>;
    popupSettings: {
        type: PropType<import('..').ColorPickerPopupSettings>;
        default: () => {};
    };
    gradientSettings: {
        type: PropType<import('./interfaces/ColorGradientProps').ColorGradientProps>;
        default: () => {
            opacity: boolean;
        };
    };
    flatColorPickerSettings: {
        type: PropType<import('./FlatColorPicker').FlatColorPickerProps>;
        default: () => {};
    };
    open: {
        type: PropType<boolean>;
        default: any;
    };
    size: {
        type: PropType<"small" | "medium" | "large">;
        validator: (value: string) => boolean;
    };
    rounded: {
        type: PropType<"small" | "medium" | "large" | "full" | "none">;
        validator: (value: string) => boolean;
    };
    fillMode: {
        type: PropType<"flat" | "solid" | "outline">;
        validator: (value: string) => boolean;
    };
    view: {
        type: PropType<string>;
        default: string;
        validator: (value: any) => any;
    };
    selectedView: {
        type: PropType<number>;
        default: any;
    };
    adaptive: {
        type: PropType<boolean>;
        default: boolean;
    };
    adaptiveTitle: {
        type: PropType<string>;
    };
}>> & Readonly<{
    onBlur?: (event: ColorPickerBlurEvent) => any;
    onChange?: (event: ColorPickerChangeEvent) => any;
    onClose?: () => any;
    onFocus?: (event: ColorPickerFocusEvent) => any;
    onChangemodel?: (value: string) => any;
    "onUpdate:modelValue"?: (value: string) => any;
    "onUpdate:modelRgbaValue"?: (value: string) => any;
    onOpen?: () => any;
    onViewchange?: (event: FlatColorPickerViewChangeEvent) => any;
    onActivecolorclick?: (event: ColorPickerActiveColorClick) => any;
}>, {
    view: string;
    value: string;
    tabIndex: number;
    adaptive: boolean;
    valid: boolean;
    showClearButton: boolean;
    open: boolean;
    popupSettings: import('..').ColorPickerPopupSettings;
    selectedView: number;
    showPreview: boolean;
    showButtons: boolean;
    gradientSettings: import('./interfaces/ColorGradientProps').ColorGradientProps;
    paletteSettings: import('..').ColorPickerPaletteSettings;
    flatColorPickerSettings: import('./FlatColorPicker').FlatColorPickerProps;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { ColorPicker };