type AdvancedColorWheelHarmony = 'analogous' | 'split-complementary' | 'complementary' | 'triadic' | 'tetradic';
type AdvancedColorWheelValue = {
    hue: number;
    saturation: number;
    lightness: number;
};
type AdvancedColorWheelRgb = {
    r: number;
    g: number;
    b: number;
};
type AdvancedColorWheelColor = AdvancedColorWheelValue & {
    hex: string;
    rgb: AdvancedColorWheelRgb;
    rgbString: string;
    hslString: string;
    textColor: string;
};
type AdvancedColorWheelPalette = {
    mode: AdvancedColorWheelHarmony;
    base: AdvancedColorWheelValue;
    lightness: number;
    colors: AdvancedColorWheelColor[];
};
type Point = {
    x: number;
    y: number;
};
declare const DEFAULT_VALUE: {
    hue: number;
    saturation: number;
    lightness: number;
};
declare const DEFAULT_MODE = "tetradic";
declare const DEFAULT_LIGHTNESS = 0;
declare const WHEEL_VIEW_BOX_SIZE = 380;
declare const WHEEL_CENTER: number;
declare const WHEEL_RADIUS: number;
declare const LIGHTNESS_VIEW_BOX_SIZE = 490;
declare const LIGHTNESS_CENTER: number;
declare const LIGHTNESS_RADIUS = 242;
declare const LIGHTNESS_START_ANGLE = 30;
declare const LIGHTNESS_SWEEP_ANGLE = 180;
declare const HARMONY_DEFINITIONS: {
    readonly analogous: {
        readonly label: "Analogous";
        readonly offsets: readonly [-30, 0, 30];
    };
    readonly 'split-complementary': {
        readonly label: "Split complementary";
        readonly offsets: readonly [0, 150, 210];
    };
    readonly complementary: {
        readonly label: "Complementary";
        readonly offsets: readonly [0, 180];
    };
    readonly triadic: {
        readonly label: "Triadic";
        readonly offsets: readonly [0, 120, 240];
    };
    readonly tetradic: {
        readonly label: "Tetradic";
        readonly offsets: readonly [0, 90, 180, 270];
    };
};
declare const HARMONY_ORDER: readonly ["analogous", "split-complementary", "complementary", "triadic", "tetradic"];
declare const normalizeWheelValue: (value: AdvancedColorWheelValue) => AdvancedColorWheelValue;
declare const normalizeLightnessOffset: (value: number) => number;
declare const getPoint: (angle: number, radius: number, center?: number) => Point;
declare const getWheelPoint: ({ hue, saturation }: AdvancedColorWheelValue) => Point;
declare const describeArc: (startAngle: number, sweepAngle: number, radius: number, center?: number) => string;
declare const getConnectorPath: (points: Point[]) => string;
declare const createPalette: (value: AdvancedColorWheelValue, mode: AdvancedColorWheelHarmony, lightnessOffset: number) => AdvancedColorWheelPalette;
declare const createPaletteBackground: (colors: readonly AdvancedColorWheelColor[]) => string;
declare const getTextColorForPalette: (base: AdvancedColorWheelValue, lightnessOffset: number) => "#ffffff" | "#111319";
declare const getSelectionFromClientPoint: (clientX: number, clientY: number, rect: DOMRect, currentValue: AdvancedColorWheelValue) => AdvancedColorWheelValue;
declare const getLightnessFromClientPoint: (clientX: number, clientY: number, rect: DOMRect) => number;
declare const createRandomValue: (currentValue: AdvancedColorWheelValue) => AdvancedColorWheelValue;
export { DEFAULT_LIGHTNESS, DEFAULT_MODE, DEFAULT_VALUE, HARMONY_DEFINITIONS, HARMONY_ORDER, LIGHTNESS_CENTER, LIGHTNESS_RADIUS, LIGHTNESS_START_ANGLE, LIGHTNESS_SWEEP_ANGLE, LIGHTNESS_VIEW_BOX_SIZE, WHEEL_CENTER, WHEEL_RADIUS, WHEEL_VIEW_BOX_SIZE, createPalette, createPaletteBackground, createRandomValue, describeArc, getConnectorPath, getLightnessFromClientPoint, getPoint, getSelectionFromClientPoint, getTextColorForPalette, getWheelPoint, normalizeLightnessOffset, normalizeWheelValue, };
export type { AdvancedColorWheelColor, AdvancedColorWheelHarmony, AdvancedColorWheelPalette, AdvancedColorWheelRgb, AdvancedColorWheelValue, Point, };