import * as React from 'react';
import { Popover } from '../popover/index.js';
export interface ColorPickerValue {
    space: 'srgb' | 'oklch';
    value: string;
}
type PickerValueLike = ColorPickerValue | string;
export interface ColorPickerRootProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'defaultValue' | 'onChange'> {
    /** Controlled color: { space:'srgb'|'oklch', value:'#rrggbb[aa]'|'oklch(l c h[ / a])' }.
       A bare string is treated as space:'srgb'. */
    value?: PickerValueLike;
    /** Initial value when uncontrolled. */
    defaultValue?: PickerValueLike;
    /** Called with the new value whenever it changes. */
    onValueChange?: (value: ColorPickerValue, details: {
        committed: boolean;
    }) => void;
    /** Controlled open state. Pair with `onOpenChange`. */
    open?: boolean;
    /** Initial open state when uncontrolled. */
    defaultOpen?: boolean;
    /** Called with the next open state when it changes. */
    onOpenChange?: (open: boolean, details: unknown) => void;
}
declare function Root({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, children, className, ref, ...rest }: ColorPickerRootProps & {
    /** Ref to the rendered root element. */
    ref?: React.Ref<HTMLSpanElement> | undefined;
}): React.JSX.Element;
declare function Trigger({ className, ref, ...rest }: React.ComponentProps<typeof Popover.Trigger>): React.JSX.Element;
declare function Content(props: React.ComponentProps<typeof Popover.Content>): React.JSX.Element;
export interface AreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
    'aria-label'?: string;
}
declare function Area({ className, ref, 'aria-label': ariaLabel, ...rest }: AreaProps & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element | null;
declare function Hue({ className, ref, 'aria-label': ariaLabel, ...rest }: AreaProps & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element | null;
export interface ChannelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onValueChange' | 'defaultValue' | 'onChange'> {
    /** Channel to edit: hsv h/s/v or rgb r/g/b (default 's'). */
    channel?: 'h' | 's' | 'v' | 'r' | 'g' | 'b';
    'aria-label'?: string;
}
declare function Channel({ channel, className, ref, 'aria-label': ariaLabel, ...rest }: ChannelProps & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element | null;
export interface AlphaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onValueChange' | 'defaultValue' | 'onChange'> {
    'aria-label'?: string;
}
declare function Alpha({ className, ref, 'aria-label': ariaLabel, ...rest }: AlphaProps & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element | null;
export interface InputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onValueChange' | 'defaultValue' | 'onChange'> {
    'aria-label'?: string;
}
declare function Input({ className, ref, 'aria-label': ariaLabel, ...rest }: InputProps & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element | null;
export declare const ColorPicker: {
    Root: typeof Root;
    Trigger: typeof Trigger;
    Content: typeof Content;
    Area: typeof Area;
    Hue: typeof Hue;
    Channel: typeof Channel;
    Alpha: typeof Alpha;
    Input: typeof Input;
};
export {};
//# sourceMappingURL=ColorPicker.client.d.ts.map