import { type ReactElement } from 'react';
export type ColorPickerSize = 'sm' | 'md' | 'lg';
interface ColorPickerPopoverProps {
    /** Current color as `#RRGGBB` or `#RRGGBBAA`. */
    readonly value: string;
    readonly onChange: (hex: string) => void;
    /** Used as aria-label on the trigger and as the popover title. */
    readonly label?: string;
    /** Suggested colors offered as a quick-pick grid (e.g. parent palette). */
    readonly suggestedColors?: ReadonlyArray<string>;
    /** Allow editing the alpha channel; output uses `#RRGGBBAA` when alpha < 1. */
    readonly allowAlpha?: boolean;
    readonly disabled?: boolean;
    readonly size?: ColorPickerSize;
    /** Namespace for the recents persisted under `smartstack-color-picker-recent[:recentKey]`. */
    readonly recentKey?: string;
    /** Optional className applied to the trigger wrapper. */
    readonly className?: string;
}
export declare function ColorPickerPopover({ value, onChange, label, suggestedColors, allowAlpha, disabled, size, recentKey, className, }: ColorPickerPopoverProps): ReactElement;
export {};
//# sourceMappingURL=ColorPickerPopover.d.ts.map