import { type VariantProps } from 'class-variance-authority'; import * as React from 'react'; import type { ChartDataPoint, ChartSeries } from '../../../../types/data.js'; declare const areaChartVariants: (props?: ({ size?: "default" | "lg" | "sm" | "xl" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export type AreaChartMode = 'overlaid' | 'stacked' | 'expanded'; export type AreaChartFill = 'solid' | 'gradient'; export type AreaChartCurve = 'linear' | 'smooth' | 'step'; export type AreaLegendPosition = 'none' | 'top' | 'bottom' | 'right'; export interface AreaChartProps extends React.HTMLAttributes, VariantProps { /** Data points for the chart. */ data: ChartDataPoint[]; /** Series configuration. */ series: ChartSeries[]; /** Show Y-axis labels. */ showYAxis?: boolean; /** Show X-axis labels. */ showXAxis?: boolean; /** Recharts interval strategy for X-axis tick labels. */ xAxisInterval?: number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd' | 'equidistantPreserveStart'; /** Show horizontal grid lines. */ showGrid?: boolean; /** Legend position. */ legendPosition?: AreaLegendPosition; /** Area stacking behavior. */ areaMode?: AreaChartMode; /** Area fill treatment. */ fillStyle?: AreaChartFill; /** Curve interpolation. */ curveType?: AreaChartCurve; /** Area opacity for solid fills. */ fillOpacity?: number; /** Stroke width for area outlines. */ strokeWidth?: number; /** Show data point markers. */ showDots?: boolean; /** Custom Y-axis tick values. */ yAxisTicks?: number[]; /** Format Y-axis values. */ yAxisFormat?: (value: number) => string; /** Show tooltip on hover. */ showTooltip?: boolean; /** Accessible label for screen readers. */ 'aria-label'?: string; } /** * @llms Filled time-series chart with overlaid, stacked, expanded, solid, and gradient presentations */ declare function AreaChart({ data, series, showYAxis, showXAxis, xAxisInterval, showGrid, legendPosition, areaMode, fillStyle, curveType, fillOpacity, strokeWidth, showDots, yAxisTicks, yAxisFormat, showTooltip, size, className, style, 'aria-label': ariaLabel, ...props }: AreaChartProps): React.JSX.Element; declare namespace AreaChart { var displayName: string; } export { AreaChart, areaChartVariants };