import { ComponentProps } from 'react';
import { Flex } from '../flex';
import { ColorObject, ModeType } from './utils';
type ColorPickerContextValue = {
    lightness: number;
    chroma: number;
    hue: number;
    alpha: number;
    mode: ModeType;
    setColor: (color: Partial<ColorObject>) => void;
    setMode: (mode: ModeType) => void;
};
export declare const useColorPicker: () => ColorPickerContextValue;
export interface ColorPickerProps extends Omit<ComponentProps<typeof Flex>, 'defaultValue'> {
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string, mode: string) => void;
    defaultMode?: ModeType;
    mode?: ModeType;
    onModeChange?: (mode: ModeType) => void;
}
export declare const ColorPickerRoot: {
    ({ value, defaultValue, onValueChange, defaultMode, mode: providedMode, onModeChange, ...props }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export {};
//# sourceMappingURL=color-picker-root.d.ts.map