import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
import { type Color } from '../../lib/color';
type ColorSwatchPickerLayout = 'grid' | 'stack';
declare const pickerVariants: (props?: ({
    size?: "sm" | "md" | "lg" | "2xs" | "xs" | "xl" | "3xs" | null | undefined;
    layout?: "grid" | "stack" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const itemVariants: (props?: ({
    shape?: "circle" | "rounded" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type ColorSwatchPickerSize = NonNullable<VariantProps<typeof pickerVariants>['size']>;
type ColorSwatchPickerShape = NonNullable<VariantProps<typeof itemVariants>['shape']>;
interface ColorSwatchPickerProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color' | 'defaultValue' | 'onChange'> {
    /**
     * Selected color. Pass a `Color` or any CSS color string to control the component.
     * Inside a `ColorPicker` it can be left off: the control then reads and writes the
     * picker's color.
     */
    value?: Color | string;
    /** Color selected before any interaction, when the component is uncontrolled. */
    defaultValue?: Color | string;
    /** Fires with the color that was picked. */
    onValueChange?: (value: Color) => void;
    /**
     * Wrapping rows of swatches, or a single column.
     * @default 'grid'
     */
    layout?: ColorSwatchPickerLayout;
    /**
     * A preset scale, or a pixel number for an exact size. Sizes the button; the swatch
     * inside is smaller, so the selected ring has somewhere to sit.
     * @default 'md'
     */
    size?: ColorSwatchPickerSize | number;
    /**
     * Rounded square or full circle, applied to every swatch and to the ring.
     * @default 'rounded'
     */
    shape?: ColorSwatchPickerShape;
    /**
     * Prevent interaction and swap every color for a flat muted fill.
     * @default false
     */
    disabled?: boolean;
}
declare function ColorSwatchPicker({ value, defaultValue, onValueChange, layout, size, shape, disabled: disabledProp, className, style, children, ...props }: ColorSwatchPickerProps): React.JSX.Element;
interface ColorSwatchPickerItemProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color' | 'value'> {
    /** Color this swatch offers. Pass a `Color` or any CSS color string. */
    color: Color | string;
    /** Name announced for the color, in place of the description built from the color itself. */
    colorName?: string;
    /**
     * Prevent this swatch from being picked, and swap its color for a flat muted fill.
     * @default false
     */
    disabled?: boolean;
}
declare function ColorSwatchPickerItem({ color, colorName, disabled, className, children, ...props }: ColorSwatchPickerItemProps): React.JSX.Element;
export { ColorSwatchPicker, ColorSwatchPickerItem };
export type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };
//# sourceMappingURL=color-swatch-picker.d.ts.map