import { default as React } from 'react';
import { ColorPickerProps, MantineSize } from '@mantine/core';
import { ArchbaseDataSource } from '@archbase/data';
export type ArchbaseColorFormat = 'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla';
export interface ArchbaseColorGradientPickerProps extends Omit<ColorPickerProps, 'value' | 'onChange'> {
    /** Fonte de dados */
    dataSource?: ArchbaseDataSource<any, any>;
    /** Campo do DataSource */
    dataField?: string;
    /** Valor controlado */
    value?: string;
    /** Valor padrão */
    defaultValue?: string;
    /** Callback de mudança */
    onChange?: (value: string) => void;
    /** Formato do valor */
    format?: ArchbaseColorFormat;
    /** Swatches de cores */
    swatches?: string[];
    /** Se deve mostrar swatches */
    showSwatches?: boolean;
    /** Se deve mostrar hue slider */
    showHueSlider?: boolean;
    /** Se deve mostrar alpha slider */
    showAlphaSlider?: boolean;
    /** Se deve mostrar input de texto */
    showInput?: boolean;
    /** Se deve mostrar eyedropper (quando suportado) */
    showEyeDropper?: boolean;
    /** Label */
    label?: string;
    /** Descrição */
    description?: string;
    /** Erro */
    error?: string | boolean;
    /** Tamanho */
    size?: MantineSize;
    /** Se está desabilitado */
    disabled?: boolean;
    /** Se é somente leitura */
    readOnly?: boolean;
    /** Largura */
    width?: number | string;
    /** Se deve usar popover */
    withPopover?: boolean;
    /** Classe CSS */
    className?: string;
    /** Estilo */
    style?: React.CSSProperties;
}
export declare const ArchbaseColorGradientPicker: React.ForwardRefExoticComponent<Omit<ArchbaseColorGradientPickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export interface ArchbaseFlatColorPickerProps {
    /** Fonte de dados */
    dataSource?: ArchbaseDataSource<any, any>;
    /** Campo do DataSource */
    dataField?: string;
    /** Valor controlado */
    value?: string;
    /** Valor padrão */
    defaultValue?: string;
    /** Callback de mudança */
    onChange?: (value: string) => void;
    /** Swatches de cores */
    swatches?: string[];
    /** Número de colunas */
    columns?: number;
    /** Tamanho do swatch */
    swatchSize?: number;
    /** Espaçamento entre swatches */
    spacing?: number;
    /** Label */
    label?: string;
    /** Se está desabilitado */
    disabled?: boolean;
    /** Classe CSS */
    className?: string;
    /** Estilo */
    style?: React.CSSProperties;
}
export declare const ArchbaseFlatColorPicker: React.ForwardRefExoticComponent<ArchbaseFlatColorPickerProps & React.RefAttributes<HTMLDivElement>>;
