import * as React from 'react';
import type { ColorPickerContextValue, ColorPickerProps } from './types.js';
export declare const ColorPickerProvider: React.FC<ColorPickerContextValue & {
    children: React.ReactNode;
}>, useColorPickerContext: (consumerName: string) => ColorPickerContextValue;
/**
 * Root of a colour picker: owns the colour and its notation, publishing both to every part through context and to CSS through custom properties.
 *
 * | Property | Example | For |
 * | --- | --- | --- |
 * | `--skdx-color-picker-hue` | `210deg` | the area's hue backdrop |
 * | `--skdx-color-picker-hue-position` | `58.333%` | the hue thumb's offset along its track |
 * | `--skdx-color-picker-saturation` | `65%` | the area thumb's horizontal offset |
 * | `--skdx-color-picker-brightness` | `85%` | the area thumb's vertical offset |
 * | `--skdx-color-picker-alpha` | `0.5` | an opacity, directly |
 * | `--skdx-color-picker-alpha-position` | `50%` | the alpha thumb's offset along its track |
 * | `--skdx-color-picker-value` | `#d94c4c` | the current colour as a swatch fill, always hex |
 *
 * Given no children, it derives its own area, hue and alpha tracks plus an optional
 * input, preset swatches and an eyedropper trigger from `showInput`, `showSwatches`,
 * `showEyeDropper` and `swatches`; given children, those props are ignored.
 *
 * @example
 * ```tsx
 * <ColorPicker defaultValue="#d94c4c" onValueCommit={save} swatches={['#e11d48', '#3b82f6']} />
 * ```
 */
export declare const ColorPicker: {
    ({ ref: forwardedRef, ...props }: ColorPickerProps): React.ReactNode;
    displayName: string;
};