import { type VariantProps } from 'class-variance-authority'; import * as React from 'react'; import type { ChartSeries } from '../LineChart/index.js'; declare const DEFAULT_DONUT_COLORS: ("var(--chart-1)" | "var(--chart-2)" | "var(--chart-3)" | "var(--chart-4)" | "var(--chart-5)")[]; declare const donutChartVariants: (props?: ({ size?: "lg" | "md" | "sm" | "xs" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export type DonutLegendPosition = 'none' | 'bottom' | 'right'; export interface DonutChartDataPoint { value: number; maxValue?: number; color?: string; } /** @deprecated Use `RadialChart` for progress rings and gauges instead. */ export interface DonutChartProps extends React.HTMLAttributes, VariantProps { /** Data points for each ring (outer to inner). */ data: DonutChartDataPoint[]; /** Series configuration used for ring labels and the legend. */ series?: ChartSeries[]; /** Center value to display. */ centerValue?: string | number; /** Label above the center value. */ centerLabel?: string; /** Gap between rings. */ ringGap?: number; /** Ring thickness. */ ringThickness?: number; /** Start angle in degrees. */ startAngle?: number; /** Legend position. */ legendPosition?: DonutLegendPosition; /** Show tooltip on hover. */ showTooltip?: boolean; /** Accessible label for screen readers. */ 'aria-label'?: string; } /** * @deprecated Use `RadialChart` for progress rings and gauges instead. * * This adapter preserves the DonutChart API while delegating rendering to the * canonical radial chart implementation. */ declare function DonutChart({ data, series, centerValue, centerLabel, legendPosition, ringGap, ringThickness, startAngle, showTooltip, size, className, 'aria-label': ariaLabel, ...props }: DonutChartProps): React.JSX.Element; declare namespace DonutChart { var displayName: string; } export { DEFAULT_DONUT_COLORS, DonutChart, donutChartVariants };