import './alpha-slider.js';
import * as _yamada_ui_core from '@yamada-ui/core';
import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
import { PortalProps } from '@yamada-ui/portal';
import { FC, ReactNode, RefAttributes } from 'react';
import { ColorSelectorProps } from './color-selector.js';
import { ColorSwatchProps } from './color-swatch.js';
import { UseColorPickerProps } from './use-color-picker.js';
import './hue-slider.js';
import './saturation-slider.js';
import './use-saturation-slider.js';
import './use-color-slider.js';
import '@yamada-ui/form-control';
import './color-selector-body.js';
import './color-selector-eye-dropper.js';
import '@yamada-ui/button';
import '@yamada-ui/icon';
import './color-selector-sliders.js';
import './color-selector-channels.js';
import '@yamada-ui/input';
import './color-selector-swatches.js';
import './use-color-selector.js';
import '@yamada-ui/utils';
import '@yamada-ui/popover';

interface ColorPickerOptions {
    children?: FC<{
        value: string;
        onClose: () => void;
    }> | ReactNode;
    /**
     * The border color when the input is invalid.
     */
    errorBorderColor?: string;
    /**
     * The border color when the input is focused.
     */
    focusBorderColor?: string;
    /**
     * If `true`, display the eye dropper component.
     *
     * @default true
     */
    withEyeDropper?: boolean;
    /**
     * If `true`, display the color swatch component.
     *
     * @default true
     */
    withSwatch?: boolean;
    /**
     * Props for color picker container element.
     */
    containerProps?: Omit<HTMLUIProps, "children">;
    /**
     * Props for color eye dropper component.
     */
    eyeDropperProps?: ColorPickerEyeDropperProps;
    /**
     * Props for color picker field element.
     */
    fieldProps?: Omit<ColorPickerFieldProps, "children" | "inputProps">;
    /**
     * Props for color picker input element.
     */
    inputProps?: HTMLUIProps<"input">;
    /**
     * Props to be forwarded to the portal component.
     *
     * @default '{ disabled: true }'
     */
    portalProps?: Omit<PortalProps, "children">;
    /**
     * Props for color swatch component.
     */
    swatchProps?: ColorPickerSwatchProps;
}
interface ColorPickerProps extends ThemeProps<"ColorPicker">, UseColorPickerProps, ColorPickerOptions, Pick<ColorSelectorProps, "alphaSliderProps" | "alphaSliderRef" | "channelProps" | "channelsProps" | "hueSliderProps" | "hueSliderRef" | "saturationSliderProps" | "saturationSliderRef" | "swatchesProps"> {
}
/**
 * `ColorPicker` is a component used by the user to select a color or enter an arbitrary color value.
 *
 * @see Docs https://yamada-ui.com/components/forms/color-picker
 */
declare const ColorPicker: _yamada_ui_core.Component<"input", ColorPickerProps>;
interface ColorPickerFieldOptions {
    inputProps?: HTMLUIProps<"input"> & RefAttributes<HTMLInputElement>;
}
interface ColorPickerFieldProps extends HTMLUIProps, ColorPickerFieldOptions {
}
interface ColorPickerSwatchProps extends ColorSwatchProps {
}
interface ColorPickerEyeDropperProps extends HTMLUIProps<"button"> {
}

export { ColorPicker, type ColorPickerProps };