export declare type FuncNumberReturn = (arg0: number, arg1?: number) => Vector2;
export declare type CurveMethod = "lamé" | "arc" | "pow" | "powY" | "powX" | "linear" | "easeInSine" | "easeOutSine" | "easeInOutSine" | "easeInQuad" | "easeOutQuad" | "easeInOutQuad" | "easeInCubic" | "easeOutCubic" | "easeInOutCubic" | "easeInQuart" | "easeOutQuart" | "easeInOutQuart" | "easeInQuint" | "easeOutQuint" | "easeInOutQuint" | "easeInExpo" | "easeOutExpo" | "easeInOutExpo" | "easeInCirc" | "easeOutCirc" | "easeInOutCirc" | "random" | FuncNumberReturn;
export declare type ColorModel = "hsl" | "hsv" | "lch" | "oklch";
export declare type Vector2 = [number, number];
export declare type Vector3 = [number, number, number];
export declare type GenerateRandomColorRampArgument = {
    total?: number;
    centerHue?: number;
    hueCycle?: number;
    offsetTint?: number;
    offsetShade?: number;
    curveAccent?: number;
    tintShadeHueShift?: number;
    curveMethod?: CurveMethod;
    offsetCurveModTint?: number;
    offsetCurveModShade?: number;
    minSaturationLight?: Vector2;
    maxSaturationLight?: Vector2;
    colorModel?: ColorModel;
};
export declare type easingFunctionsType = {
    CurveMethod: (x: number, accentuation?: number) => number;
};
export declare const easingFunctions: {
    linear: (x: number) => number;
    easeInSine: (x: number, accentuation?: number) => number;
    easeOutSine: (x: number, accentuation?: number) => number;
    easeInOutSine: (x: number, accentuation?: number) => number;
    easeInQuad: (x: number, accentuation?: number) => number;
    easeOutQuad: (x: number, accentuation?: number) => number;
    easeInOutQuad: (x: number, accentuation?: number) => number;
    easeInCubic: (x: number, accentuation?: number) => number;
    easeOutCubic: (x: number, accentuation?: number) => number;
    easeInOutCubic: (x: number, accentuation?: number) => number;
    easeInQuart: (x: number, accentuation?: number) => number;
    easeOutQuart: (x: number, accentuation?: number) => number;
    easeInOutQuart: (x: number, accentuation?: number) => number;
    easeInQuint: (x: number, accentuation?: number) => number;
    easeOutQuint: (x: number, accentuation?: number) => number;
    easeInOutQuint: (x: number, accentuation?: number) => number;
    easeInExpo: (x: number, accentuation?: number) => number;
    easeOutExpo: (x: number, accentuation?: number) => number;
    easeInOutExpo: (x: number, accentuation?: number) => number;
    easeInCirc: (x: number, accentuation?: number) => number;
    easeOutCirc: (x: number, accentuation?: number) => number;
    easeInOutCirc: (x: number, accentuation?: number) => number;
    random: () => number;
};
/**
 * function hsv2hsl
 * @param h {Number} hue value 0...360
 * @param s {Number} saturation 0...1
 * @param v {Number} value 0...1
 * @returns {Array} h:0...360 s:0...1 l:0...1
 */
export declare const hsv2hsl: (h: number, s: number, v: number, l?: number, m?: number) => Vector3;
/**
 * function hsv2hsx
 * @param h {Number} hue value 0...360
 * @param s {Number} saturation 0...1
 * @param v {Number} value 0...1
 * @returns {Array} h:0...360 s:0...1 l:0...1
 */
export declare const hsv2hsx: (h: number, s: number, v: number, mode: ColorModel) => Vector3;
/**
 * function pointOnCurve
 * @param curveMethod {String} Defines how the curve is drawn
 * @param i           {Number} Point in curve (used in iteration)
 * @param total       {Number} Total amount of points
 * @param curveAccent {Number} Modifier used for the the curveMethod
 * @param min         {Number} Start of the curve [0...1, 0...1]
 * @param max         {Number} Stop of the curve [0...1, 0...1]
 * @returns           {Array} Vector on curve x, y
 */
export declare const pointOnCurve: (curveMethod: CurveMethod, i: number, total: number, curveAccent: number, min?: Vector2, max?: Vector2) => Vector2;
/**
 * generateRandomColorRamp()
 * @param total: int 3... > Amount of base colors.
 * @param centerHu: float 0...1 > 0 Red, 180 Teal etc..
 * @param hueCycle: float 0...1 > How much the color changes over the curve 0: not at all, 1: full rainbow
 * @param offsetTint: float  0...1 > Tint curve difference
 * @param offsetShade: float  0...1 > Shade curve difference
 * @param curveAccent: float  0...1 > How pronounced should the curve be, depends a lot on the curve method
 * @param tintShadeHueShift: float 0...1 > Shifts the colors for the shades and tints
 * @param curveMethod: string 'lamé'|'arc'|'pow'|'powY'|'powX'|function > method used to generate the curve
 * @param offsetCurveModTint: float 0...1 > amplifies the curveAccent of for the tint colors
 * @param offsetCurveModShade: float 0...1 > amplifies the curveAccent of for the shade colors
 * @param minSaturationLight: array [0...1, 0...1] > minium saturation and light of the generated colors
 * @param maxSaturationLight: array [0...1, 0...1] > maximum saturation and light of the generated colors
 * @returns Object {
    light: [[h,s,l]...], // tints
    dark: [[h,s,l]...], // shades
    base: [[h,s,l]...], // smedium colors
    all: [[h,s,l]...], // all colors
  }
*/
export declare function generateRandomColorRamp({ total, centerHue, hueCycle, offsetTint, offsetShade, curveAccent, tintShadeHueShift, curveMethod, offsetCurveModTint, offsetCurveModShade, minSaturationLight, maxSaturationLight, colorModel, }?: GenerateRandomColorRampArgument): {
    light: Vector3[];
    dark: Vector3[];
    base: Vector3[];
    all: Vector3[];
};
export declare type colorToCSSxLCHMode = "oklch" | "lch" | "hsl";
/**
 * Converts Hxx (Hue, Chroma, Lightness) values to a CSS `oklch()` color function string.
 *
 * @param {Object} hxx - An object with hue, chroma, and lightness properties.
 * @param {number} hxx.hue - The hue value.
 * @param {number} hxx.chroma - The chroma value.
 * @param {number} hxx.lightness - The lightness value.
 * @returns {string} - The CSS color function string in the format `oklch(lightness% chroma hue)`.
 */
export declare const colorToCSS: (color: Vector3, mode?: colorToCSSxLCHMode) => string;
export declare const generateRandomColorRampParams: {
    curveMethod: {
        default: string;
        props: {
            options: string[];
        };
    };
    curveAccent: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    total: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    centerHue: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    hueCycle: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    offsetTint: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    offsetShade: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    tintShadeHueShift: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    offsetCurveModTint: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    offsetCurveModShade: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    minSaturation: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    minLight: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    maxSaturation: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
    maxLight: {
        default: number;
        props: {
            min: number;
            max: number;
            step: number;
        };
    };
};