import * as React from 'react';
import { Button } from '../components/Button.js';
import { Select, SelectTrigger } from '../components/form/Select.js';
import { Input } from '../components/Input.js';
import { Popover, PopoverContent } from '../components/Popover.js';
import { Slider } from '../components/Slider.js';
import { type ColorFormat } from '../lib/color.js';
interface DivProps extends React.ComponentProps<'div'> {
    asChild?: boolean;
}
/**
 * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
 */
interface EyeDropper {
    open: (options?: {
        signal?: AbortSignal;
    }) => Promise<{
        sRGBHex: string;
    }>;
}
declare global {
    interface Window {
        EyeDropper?: {
            new (): EyeDropper;
        };
    }
}
type Direction = 'ltr' | 'rtl';
type ColorPickerContentProps = Omit<React.ComponentProps<typeof PopoverContent>, 'className' | 'style'> & {
    className?: string;
    style?: React.CSSProperties;
};
interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'onValueChange' | 'value'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'className'> {
}
interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'className' | 'color' | 'onChange' | 'value'> {
    className?: string;
    withoutAlpha?: boolean;
}
interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.ComponentProps<typeof Popover>, 'defaultOpen' | 'modal' | 'open'> {
    asChild?: boolean;
    defaultFormat?: ColorFormat;
    defaultValue?: string;
    dir?: Direction;
    disabled?: boolean;
    format?: ColorFormat;
    inline?: boolean;
    name?: string;
    onFormatChange?: (format: ColorFormat) => void;
    onOpenChange?: (open: boolean) => void;
    onValueChange?: (value: string) => void;
    readOnly?: boolean;
    required?: boolean;
    value?: string;
}
type ColorPickerTriggerProps = React.ComponentProps<typeof Button> & {
    asChild?: boolean;
};
declare function ColorPicker(props: ColorPickerProps): React.JSX.Element;
declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof Slider>): React.JSX.Element;
declare function ColorPickerArea(props: DivProps): React.JSX.Element;
declare function ColorPickerContent(props: ColorPickerContentProps): React.JSX.Element;
declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): React.JSX.Element | null;
declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): React.JSX.Element;
declare function ColorPickerHueSlider(props: React.ComponentProps<typeof Slider>): React.JSX.Element;
declare function ColorPickerInput(props: ColorPickerInputProps): React.JSX.Element | undefined;
declare function ColorPickerSwatch(props: DivProps): React.JSX.Element;
declare function ColorPickerTrigger(props: ColorPickerTriggerProps): React.JSX.Element;
export { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, type ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, };
//# sourceMappingURL=ColorPickerPrimitive.d.ts.map