import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * ColorPicker — WealthX Design System
 *
 * Popover-based color picker with preset swatches and a hex input field.
 * Designed for tenant white-label brand color configuration.
 *
 * Figma: https://www.figma.com/design/9V9F0NGVsif8LGmEhVjOcT/Design-System---shadcn
 */
declare const COLOR_PICKER_PRESETS: string[];
/** Returns true if the string is a valid 6-digit or 3-digit hex color. */
declare function isValidHex(value: string): boolean;
/** Ensures value always has a leading `#`. */
declare function normalizeHex(value: string): string;
interface ColorSwatchProps {
    color: string;
    selected?: boolean;
    size?: "sm" | "md";
    onClick?: (color: string) => void;
    className?: string;
}
declare function ColorSwatch({ color, selected, size, onClick, className, }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
interface ColorPickerContentProps {
    value: string;
    onChange: (color: string) => void;
    presets?: string[];
}
declare function ColorPickerContent({ value, onChange, presets, }: ColorPickerContentProps): react_jsx_runtime.JSX.Element;
interface ColorPickerProps {
    /** The current color value (hex string, e.g. `"#3B82F6"`). */
    value?: string;
    /** Default value when uncontrolled. */
    defaultValue?: string;
    /** Called whenever the selected color changes. */
    onChange?: (color: string) => void;
    /** Preset colors shown in the swatch grid. Defaults to `COLOR_PICKER_PRESETS`. */
    presets?: string[];
    /** Disable the picker. */
    disabled?: boolean;
    /** Optional label shown above the trigger. */
    label?: string;
    className?: string;
}
declare function ColorPicker({ value: controlledValue, defaultValue, onChange, presets, disabled, label, className, }: ColorPickerProps): react_jsx_runtime.JSX.Element;

export { COLOR_PICKER_PRESETS, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, isValidHex, normalizeHex };