export interface SwatchPickerPreview {
    /** CSS color used as the swatch base or as a complete flat-color preview. */
    backgroundColor?: string;
    /** CSS gradient used as the swatch image. */
    backgroundImage?: string;
    /** Optional preview-layer opacity, clamped to the inclusive 0–1 range. */
    opacity?: number;
}
export interface SwatchPickerOption {
    /** Stable value emitted when this option is selected. */
    value: string;
    /** Accessible option name; the visual preview never replaces this label. */
    label: string;
    preview: SwatchPickerPreview;
    isInactive?: boolean;
}
export interface SwatchPickerSection {
    /** Sections remain one radio group and are separated visually. */
    options: SwatchPickerOption[];
}
export type SwatchPickerNavigationKey = 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'Home' | 'End';
export declare function flattenSwatchPickerOptions(options: readonly SwatchPickerOption[], sections: readonly SwatchPickerSection[]): SwatchPickerOption[];
export declare function resolveSwatchPickerTabIndex(options: readonly SwatchPickerOption[], value: string): number;
export declare function resolveSwatchPickerNavigationIndex(options: readonly SwatchPickerOption[], currentIndex: number, key: SwatchPickerNavigationKey): number | null;
export declare function normalizeSwatchPickerOpacity(opacity: number | undefined): number;
//# sourceMappingURL=swatch-picker-types.d.ts.map