/**
 * Shared utility functions for DonutChart components
 */
/**
 * Resolves a CSS variable to its computed value
 * Falls back to the provided value if not a CSS variable or resolution fails
 */
export declare const resolveCssVariable: (value: string, fallback?: string) => string;
/**
 * Clamps a value between a minimum and maximum
 */
export declare const clamp: (value: number, min: number, max: number) => number;
/**
 * Converts polar coordinates to cartesian coordinates
 */
export declare const polarToCartesian: (centerX: number, centerY: number, radius: number, angleInDegrees: number) => {
    x: number;
    y: number;
};
/**
 * Creates an SVG path for a ring segment (donut segment)
 */
export declare const describeRingSegmentPath: (centerX: number, centerY: number, innerRadius: number, outerRadius: number, startAngle: number, endAngle: number) => string;
/**
 * Creates an SVG path for an arc (no inner radius)
 * Draws counter-clockwise (for backwards compatibility)
 */
export declare const describeArcPath: (centerX: number, centerY: number, radius: number, startAngle: number, endAngle: number) => string;
/**
 * Creates an SVG path for an arc that draws clockwise
 * Used for stroke-dashoffset animation that reveals clockwise
 */
export declare const describeArcPathClockwise: (centerX: number, centerY: number, radius: number, startAngle: number, endAngle: number) => string;
/**
 * Converts a hex color to RGB components
 */
export declare const hexToRgb: (value: string) => {
    r: number;
    g: number;
    b: number;
} | null;
/**
 * Interpolates between two hex colors
 */
export declare const interpolateHexColor: (from: string, to: string, factor: number) => string;
