import { Base } from "./Base.js";
import type { ControlVar } from "./ControlVar.js";
import type { InterpolatedVarsOptions, Value } from "./types.js";
/**
 * Creates a list of interpolated values from a given list of {@link ControlVar}s.
 *
 * ```ts
 *
 * const v1 = new ControlVar(Units.num, 0)
 * const v2 = new ControlVar(Units.num, 100)
 *
 * const interpolated = new InterpolatedVars("spacing", Units.px, [v1, v2])
 * // interpolates from 0-100
 *
 * v1.set(50) // interpolated will now update to interpolate from 50-100
 * ```
 *
 * It can be passed multiple stops.
 * ```ts
 * const interpolated = new InterpolatedVars("spacing", Units.px, [v1, v2, v3])
 * ```
 *
 * ... or stops with positions (otherwise they are evenly spaced).
 *
 * ```ts
 *	// positions should be in a 0-1 percentage range
 * const interpolated = new InterpolatedVars("spacing", Units.px, [[0, v1], [0.2, v2], [1, v3]])
 * ```
 *
 *
 * You can change interpolation control variables and any options using `set`:
 *
 * ```ts
 * interpolated.set("values", [vOther1, vOther2, vOther3])
 * interpolated.set("options", {steps: 20})
 * ```
 */
export declare class InterpolatedVars<TUnit extends Record<string, any> = Record<string, any>> extends Base {
    name: string;
    unit: (value: TUnit) => string;
    values: Value<TUnit>;
    ready: boolean;
    value: Record<string, any>[];
    interpolated: Record<string, string>;
    options: InterpolatedVarsOptions<ControlVar<any, TUnit>>;
    constructor(name: string, unit: (value: TUnit) => string, values: Value<TUnit>, options?: Partial<InterpolatedVarsOptions<ControlVar<any, TUnit>>>);
    setOpts(value: Partial<InterpolatedVarsOptions<ControlVar<any, TUnit>>>): void;
    set(value: Value<TUnit>): void;
    protected notify(): void;
    protected recompute(): void;
}
//# sourceMappingURL=InterpolatedVars.d.ts.map