import React from 'react';
import type { ColorPickerContextValue, ColorPickerProps } from './ColorPicker.types';
/**
 * ColorPicker Context
 */
export declare const ColorPickerContext: React.Context<ColorPickerContextValue | undefined>;
/**
 * Hook to access ColorPicker context
 */
export declare const useColorPicker: () => ColorPickerContextValue;
/**
 * Export compound component with sub-components
 * Following Flikkui pattern (like Accordion, Tabs, Table)
 */
export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>> & {
    Trigger: React.FC<import("./ColorPicker.types").ColorPickerTriggerProps>;
    Body: React.FC<import("./ColorPicker.types").ColorPickerBodyProps>;
    Canvas: React.FC<{
        className?: string;
    }>;
    Swatch: React.FC<import("./ColorPicker.types").ColorPickerSwatchProps>;
    Sliders: React.FC<import("./ColorPicker.types").ColorPickerSlidersProps>;
    Input: React.FC<import("./ColorPicker.types").ColorPickerInputProps>;
    FormatSelector: React.FC<import("./ColorPicker.types").ColorPickerFormatSelectorProps>;
    EyeDropper: React.FC<import("./ColorPicker.types").ColorPickerEyeDropperProps>;
    Presets: React.FC<import("./ColorPicker.types").ColorPickerPresetsProps>;
};
