import { Chart as ChartJS, ChartType, Plugin } from 'chart.js';
/**
 * Resolve a CSS custom property to its computed value at runtime.
 * Falls back to the provided fallback string when running outside a browser
 * (e.g. SSR / tests) or when the variable is not defined.
 */
export declare function getCssVar(name: string, fallback: string): string;
export declare function getCssNumberVar(name: string, fallback: number): number;
export declare const chartColors: {
    readonly teal: string;
    readonly indigo: string;
    readonly blue: string;
    readonly pink: string;
    readonly gold: string;
    readonly tealDark: string;
    readonly indigoDark: string;
    readonly blueDark: string;
    readonly pinkDark: string;
    readonly goldDark: string;
};
export declare function getDefaultColors(): string[];
/** @deprecated Use getDefaultColors() for theme-reactive colors */
export declare const defaultColors: string[];
export declare function getExtendedColors(): string[];
/** @deprecated Use getExtendedColors() for theme-reactive colors */
export declare const extendedColors: string[];
export declare const statusColors: {
    readonly positive: string;
    readonly warning: string;
    readonly critical: string;
    readonly neutral: string;
};
export declare function getStatusColorsArray(): string[];
export declare const statusColorsArray: string[];
export declare function getMonochromeColors(): string[];
export declare const monochromeColors: string[];
export declare function getNeutralScaleColors(): string[];
export declare const neutralScaleColors: string[];
export declare function getPositiveScaleColors(): string[];
export declare const positiveScaleColors: string[];
export declare function getWarningScaleColors(): string[];
export declare const warningScaleColors: string[];
export declare function getDangerScaleColors(): string[];
export declare const dangerScaleColors: string[];
export declare const ftChartColors: {
    readonly text: {
        primary: string;
        secondary: string;
        muted: string;
    };
    readonly border: {
        primary: string;
        secondary: string;
    };
    readonly background: {
        primary: string;
        secondary: string;
    };
    readonly grid: string;
};
export declare function getChartGlowTokens(): {
    blurSm: string;
    blurMd: string;
    blurLg: string;
    alphaPrimary: number;
    alphaSecondary: number;
};
export declare function toRgba(color: string | undefined | null, alpha: number): string;
export declare function createLineGlowPlugin<TType extends ChartType = 'line'>(id?: string): Plugin<TType>;
export declare function createArcGlowPlugin<TType extends ChartType = 'doughnut'>(id?: string, targetDataIndex?: number): Plugin<TType>;
export declare function createBarGlowPlugin<TType extends ChartType = 'bar'>(id?: string): Plugin<TType>;
export declare function createScatterGlowPlugin<TType extends ChartType = 'scatter'>(id?: string): Plugin<TType>;
export declare function createPolarAreaGlowPlugin<TType extends ChartType = 'polarArea'>(id?: string): Plugin<TType>;
export declare function getDefaultChartOptions(): {
    responsive: boolean;
    maintainAspectRatio: boolean;
    plugins: {
        legend: {
            display: boolean;
            position: "top";
            labels: {
                font: {
                    family: string;
                    size: number;
                    weight: number;
                };
                color: string;
                padding: number;
                usePointStyle: boolean;
            };
        };
        tooltip: {
            backgroundColor: string;
            titleColor: string;
            bodyColor: string;
            borderColor: string;
            borderWidth: number;
            padding: number;
            titleFont: {
                family: string;
                size: number;
                weight: number;
            };
            bodyFont: {
                family: string;
                size: number;
                weight: number;
            };
            boxPadding: number;
        };
        title: {
            display: boolean;
            font: {
                family: string;
                size: number;
                weight: number;
            };
            color: string;
            padding: {
                top: number;
                bottom: number;
            };
        };
    };
    scales: {
        x: {
            grid: {
                color: string;
                drawBorder: boolean;
            };
            ticks: {
                color: string;
                font: {
                    family: string;
                    size: number;
                    weight: number;
                };
                padding: number;
            };
            border: {
                color: string;
            };
        };
        y: {
            grid: {
                color: string;
                drawBorder: boolean;
            };
            ticks: {
                color: string;
                font: {
                    family: string;
                    size: number;
                    weight: number;
                };
                padding: number;
            };
            border: {
                color: string;
            };
        };
    };
};
export declare const defaultChartOptions: {
    responsive: boolean;
    maintainAspectRatio: boolean;
    plugins: {
        legend: {
            display: boolean;
            position: "top";
            labels: {
                font: {
                    family: string;
                    size: number;
                    weight: number;
                };
                color: string;
                padding: number;
                usePointStyle: boolean;
            };
        };
        tooltip: {
            backgroundColor: string;
            titleColor: string;
            bodyColor: string;
            borderColor: string;
            borderWidth: number;
            padding: number;
            titleFont: {
                family: string;
                size: number;
                weight: number;
            };
            bodyFont: {
                family: string;
                size: number;
                weight: number;
            };
            boxPadding: number;
        };
        title: {
            display: boolean;
            font: {
                family: string;
                size: number;
                weight: number;
            };
            color: string;
            padding: {
                top: number;
                bottom: number;
            };
        };
    };
    scales: {
        x: {
            grid: {
                color: string;
                drawBorder: boolean;
            };
            ticks: {
                color: string;
                font: {
                    family: string;
                    size: number;
                    weight: number;
                };
                padding: number;
            };
            border: {
                color: string;
            };
        };
        y: {
            grid: {
                color: string;
                drawBorder: boolean;
            };
            ticks: {
                color: string;
                font: {
                    family: string;
                    size: number;
                    weight: number;
                };
                padding: number;
            };
            border: {
                color: string;
            };
        };
    };
};
export default ChartJS;
//# sourceMappingURL=chartConfig.d.ts.map