/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { TableCell } from './models/table-cell';
import { ColorPaletteChangeEvent } from './interfaces/ColorPaletteChangeEvent';
import { ColorPaletteFocusEvent } from './interfaces/ColorPaletteFocusEvent';
import { ColorPaletteBlurEvent } from './interfaces/ColorPaletteBlurEvent';
import { PropType } from 'vue';
/**
 * @hidden
 */
export declare const DEFAULT_TILE_SIZE = 24;
/**
 * @hidden
 */
export declare const DEFAULT_COLUMNS_COUNT = 10;
/**
 * @hidden
 */
export declare const DEFAULT_PRESET = "office";
/**
 * @hidden
 */
declare const ColorPalette: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    palette: {
        type: PropType<string | string[]>;
        default: string;
    };
    columns: PropType<number>;
    tileSize: {
        type: PropType<number | import('./models/tile-size').TileSize>;
    };
    modelValue: PropType<string>;
    modelRgbaValue: PropType<string>;
    defaultValue: PropType<string>;
    value: PropType<string>;
    disabled: PropType<boolean>;
    tabIndex: PropType<number>;
    id: PropType<string>;
    class: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    size: {
        type: PropType<"small" | "medium" | "large">;
    };
}>, {}, {
    focusedColor: string;
    currentValue: any;
}, {
    focusedColorCooridanates(): TableCell | undefined;
    isUncontrolled(): boolean;
    selectedColor(): any;
}, {
    focus(): void;
    onKeyDown(event: any): void;
    onColorClick(color: string, event: any): void;
    onFocus(event: any): void;
    onBlur(event: any): void;
    handleCellNavigation(event: any, horizontalStep: number, verticalStep: number): void;
    handleEnter(event: any): void;
    dispatchChangeEvent(value: string, event: any): void;
    getPaletteInfo(): {
        colors: any;
        columns: any;
    };
    createCellId(cellCoords: TableCell): string;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    keydown: (event: KeyboardEvent) => true;
    focus: (event: ColorPaletteFocusEvent) => true;
    blur: (event: ColorPaletteBlurEvent) => true;
    changemodel: (value: string) => true;
    'update:modelValue': (value: string) => true;
    'update:modelRgbaValue': (value: string) => true;
    change: (event: ColorPaletteChangeEvent) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    palette: {
        type: PropType<string | string[]>;
        default: string;
    };
    columns: PropType<number>;
    tileSize: {
        type: PropType<number | import('./models/tile-size').TileSize>;
    };
    modelValue: PropType<string>;
    modelRgbaValue: PropType<string>;
    defaultValue: PropType<string>;
    value: PropType<string>;
    disabled: PropType<boolean>;
    tabIndex: PropType<number>;
    id: PropType<string>;
    class: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    size: {
        type: PropType<"small" | "medium" | "large">;
    };
}>> & Readonly<{
    onBlur?: (event: ColorPaletteBlurEvent) => any;
    onChange?: (event: ColorPaletteChangeEvent) => any;
    onFocus?: (event: ColorPaletteFocusEvent) => any;
    onKeydown?: (event: KeyboardEvent) => any;
    onChangemodel?: (value: string) => any;
    "onUpdate:modelValue"?: (value: string) => any;
    "onUpdate:modelRgbaValue"?: (value: string) => any;
}>, {
    palette: string | string[];
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { ColorPalette };