@optilogic/charts 1.0.0-beta.9 → 1.1.0

package/dist/index.d.ts

@@ -1,240 +1,537 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-
-/**
- * LineChart
- *
- * A reusable, theme-aware line chart component built on Recharts.
- * Supports multiple series, configurable axes, animations, and styling
- * that integrates with the project's CSS variable theming system.
- */
+import { TooltipProps } from 'recharts';
 
 /** Theme-aware chart colors from CSS variables */
-declare const CHART_COLORS: string[];
+declare const CHART_COLORS: readonly ["hsl(var(--chart-1))", "hsl(var(--chart-2))", "hsl(var(--chart-3))", "hsl(var(--chart-4))", "hsl(var(--chart-5))", "hsl(var(--chart-6))", "hsl(var(--chart-7))", "hsl(var(--chart-8))", "hsl(var(--chart-9))", "hsl(var(--chart-10))", "hsl(var(--chart-11))", "hsl(var(--chart-12))"];
 declare function getChartColor(index: number, custom?: string): string;
-/** Configuration for a single line series */
-interface LineChartSeries {
-    /** Key in data objects for this series' values */
-    dataKey: string;
-    /** Display name shown in legend/tooltip */
-    name: string;
-    /** Custom color (defaults to theme chart colors) */
-    color?: string;
-    /** Line stroke width (default: 2) */
-    strokeWidth?: number;
-    /** Show dots on data points (default: false) */
-    dot?: boolean;
-    /** Line interpolation type */
-    type?: "monotone" | "linear" | "step" | "basis" | "natural";
-}
-/** X-axis configuration */
-interface LineChartXAxis {
-    /** Key in data objects for x-axis values */
+type SemanticColorName = "positive" | "negative" | "neutral" | "warning";
+declare function getSemanticColor(name: SemanticColorName): string;
+
+/** X-axis configuration shared across cartesian charts */
+interface ChartXAxis {
     dataKey: string;
-    /** Axis label */
     label?: string;
-    /** Custom tick formatter */
     tickFormatter?: (value: unknown) => string;
-    /** Minimum gap between ticks in pixels */
     minTickGap?: number;
 }
-/** Y-axis configuration */
-interface LineChartYAxis {
-    /** Domain bounds [min, max] - use "auto" for automatic */
+/** Y-axis configuration shared across cartesian charts */
+interface ChartYAxis {
     domain?: [
         number | "auto" | "dataMin" | "dataMax",
         number | "auto" | "dataMin" | "dataMax"
     ];
-    /** Axis label */
     label?: string;
-    /** Custom tick formatter */
     tickFormatter?: (value: unknown) => string;
-    /** Axis width in pixels */
     width?: number;
 }
 /** Grid configuration */
-interface LineChartGrid {
-    /** Show vertical grid lines */
+interface ChartGrid {
     vertical?: boolean;
-    /** Show horizontal grid lines */
     horizontal?: boolean;
 }
 /** Legend configuration */
-interface LineChartLegend {
-    /** Vertical position */
+interface ChartLegend {
     position?: "top" | "bottom";
-    /** Horizontal alignment */
     align?: "left" | "center" | "right";
 }
-interface LineChartProps {
-    /** Array of data points */
-    data: Record<string, unknown>[];
-    /** Series configurations */
-    series: LineChartSeries[];
-    /** X-axis configuration */
-    xAxis: LineChartXAxis;
-    /** Y-axis configuration */
-    yAxis?: LineChartYAxis;
-    /** Grid configuration (true for default, false to hide, or object for fine control) */
-    grid?: boolean | LineChartGrid;
-    /** Show tooltip on hover */
-    tooltip?: boolean;
-    /** Legend configuration (true for default, false to hide, or object for fine control) */
-    legend?: boolean | LineChartLegend;
-    /** Enable animations */
+/** Chart margin */
+interface ChartMargin {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+/** Tooltip value formatter */
+type TooltipFormatter = (value: number, name: string) => string | [string, string];
+/** Tooltip configuration (pass true for defaults, false to disable) */
+interface ChartTooltipConfig {
+    formatter?: TooltipFormatter;
+    labelFormatter?: (label: string) => string;
+    showTotal?: boolean;
+    showDelta?: boolean;
+    baseline?: string;
+}
+type ChartTooltipProp = boolean | ChartTooltipConfig;
+/** Common props shared by all charts */
+interface BaseChartProps {
+    className?: string;
+    height?: number | string;
+    margin?: ChartMargin;
     animate?: boolean;
-    /** Additional CSS classes */
+    tooltip?: ChartTooltipProp;
+    /** Disables animation and optimises for frequent data updates */
+    live?: boolean;
+}
+
+interface ChartTooltipContentProps extends TooltipProps<number, string> {
+    config?: ChartTooltipConfig;
+}
+declare const ChartTooltipContent: React.NamedExoticComponent<ChartTooltipContentProps>;
+/** Resolve the tooltip prop into Recharts Tooltip props */
+declare function resolveTooltipProps(tooltip: boolean | ChartTooltipConfig | undefined): {
+    content: react_jsx_runtime.JSX.Element;
+} | null;
+
+interface LegendPayloadItem {
+    value: string;
+    color: string;
+    dataKey?: string;
+}
+interface ChartLegendContentProps {
+    payload?: LegendPayloadItem[];
+}
+declare const ChartLegendContent: React.NamedExoticComponent<ChartLegendContentProps>;
+declare function resolveLegendConfig(legend: boolean | ChartLegend | undefined): ChartLegend | null;
+
+interface ChartContainerProps {
+    children: React.ReactNode;
     className?: string;
-    /** Chart height (default: 100%) */
     height?: number | string;
-    /** Chart margins */
-    margin?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
+    loading?: boolean;
+    empty?: boolean;
+    emptyMessage?: string;
+    title?: string;
+    description?: string;
 }
-/**
- * A flexible, theme-aware line chart component.
- *
- * @example
- * <LineChart
- *   data={metrics}
- *   series={[
- *     { dataKey: "cpu", name: "CPU %" },
- *     { dataKey: "memory", name: "Memory %", color: "hsl(var(--success))" }
- *   ]}
- *   xAxis={{ dataKey: "time", tickFormatter: formatTime }}
- *   yAxis={{ domain: [0, 100] }}
- *   animate
- * />
- */
-declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+interface UseLiveDataConfig<T> {
+    /** Initial data snapshot */
+    initial?: T[];
+    /** Maximum number of data points to retain (ring buffer) */
+    maxPoints?: number;
+    /** Polling interval in ms (only used when mode is "poll") */
+    interval?: number;
+    /** Data fetch function for poll mode */
+    fetcher?: () => Promise<T[]>;
+    /** Start in paused state */
+    paused?: boolean;
+}
+interface UseLiveDataReturn<T> {
+    data: T[];
+    /** Push new data points */
+    push: (...items: T[]) => void;
+    /** Replace all data at once */
+    replace: (items: T[]) => void;
+    isPaused: boolean;
+    pause: () => void;
+    resume: () => void;
+}
+declare function useLiveData<T>(config?: UseLiveDataConfig<T>): UseLiveDataReturn<T>;
 
-/**
- * BarChart
- *
- * A reusable, theme-aware bar chart component built on Recharts.
- * Supports vertical/horizontal layouts, stacked/grouped bars,
- * configurable axes, animations, and styling that integrates
- * with the project's CSS variable theming system.
- */
+declare function formatCompact(value: number, decimals?: number): string;
+declare function formatCurrency(value: number, currency?: string, decimals?: number): string;
+declare function formatPercent(value: number, decimals?: number): string;
+declare function formatUnit(value: number, unit: string, decimals?: number): string;
+declare function formatDuration(seconds: number): string;
+
+interface LineChartSeries {
+    dataKey: string;
+    name: string;
+    color?: string;
+    strokeWidth?: number;
+    dot?: boolean;
+    type?: "monotone" | "linear" | "step" | "basis" | "natural";
+    strokeDasharray?: string;
+}
+interface LineChartProps extends BaseChartProps {
+    data: Record<string, unknown>[];
+    series: LineChartSeries[];
+    xAxis: ChartXAxis;
+    yAxis?: ChartYAxis;
+    grid?: boolean | ChartGrid;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
 
-/** Configuration for a single bar series */
 interface BarChartSeries {
-    /** Key in data objects for this series' values */
     dataKey: string;
-    /** Display name shown in legend/tooltip */
     name: string;
-    /** Custom color (defaults to theme chart colors) */
     color?: string;
-    /** Stack ID - bars with the same stackId will be stacked */
     stackId?: string;
-    /** Border radius for bars */
     radius?: number | [number, number, number, number];
 }
-/** X-axis configuration */
-interface BarChartXAxis {
-    /** Key in data objects for x-axis values (category axis in vertical layout) */
-    dataKey: string;
-    /** Axis label */
-    label?: string;
-    /** Custom tick formatter */
-    tickFormatter?: (value: unknown) => string;
-    /** Minimum gap between ticks in pixels */
-    minTickGap?: number;
-}
-/** Y-axis configuration */
-interface BarChartYAxis {
-    /** Domain bounds [min, max] - use "auto" for automatic */
-    domain?: [
-        number | "auto" | "dataMin" | "dataMax",
-        number | "auto" | "dataMin" | "dataMax"
-    ];
-    /** Axis label */
-    label?: string;
-    /** Custom tick formatter */
-    tickFormatter?: (value: unknown) => string;
-    /** Axis width in pixels */
-    width?: number;
-}
-/** Grid configuration */
-interface BarChartGrid {
-    /** Show vertical grid lines */
-    vertical?: boolean;
-    /** Show horizontal grid lines */
-    horizontal?: boolean;
-}
-/** Legend configuration */
-interface BarChartLegend {
-    /** Vertical position */
-    position?: "top" | "bottom";
-    /** Horizontal alignment */
-    align?: "left" | "center" | "right";
-}
-interface BarChartProps {
-    /** Array of data points */
+interface BarChartProps extends BaseChartProps {
     data: Record<string, unknown>[];
-    /** Series configurations */
     series: BarChartSeries[];
-    /** Chart layout orientation */
     layout?: "vertical" | "horizontal";
-    /** X-axis configuration */
-    xAxis: BarChartXAxis;
-    /** Y-axis configuration */
-    yAxis?: BarChartYAxis;
-    /** Grid configuration (true for default, false to hide, or object for fine control) */
-    grid?: boolean | BarChartGrid;
-    /** Show tooltip on hover */
-    tooltip?: boolean;
-    /** Legend configuration (true for default, false to hide, or object for fine control) */
-    legend?: boolean | BarChartLegend;
-    /** Enable animations */
-    animate?: boolean;
-    /** Bar width in pixels */
+    xAxis: ChartXAxis;
+    yAxis?: ChartYAxis;
+    grid?: boolean | ChartGrid;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
     barSize?: number;
-    /** Gap between bars in a group (pixels) */
     barGap?: number;
-    /** Gap between bar groups (pixels or percentage) */
     barCategoryGap?: number | string;
-    /** Additional CSS classes */
+    loading?: boolean;
+}
+declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface AreaChartSeries {
+    dataKey: string;
+    name: string;
+    color?: string;
+    fillOpacity?: number;
+    strokeWidth?: number;
+    type?: "monotone" | "linear" | "step" | "basis" | "natural";
+    stackId?: string;
+}
+interface AreaChartProps extends BaseChartProps {
+    data: Record<string, unknown>[];
+    series: AreaChartSeries[];
+    xAxis: ChartXAxis;
+    yAxis?: ChartYAxis;
+    grid?: boolean | ChartGrid;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const AreaChart: React.ForwardRefExoticComponent<AreaChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ScatterChartSeries {
+    name: string;
+    data: Record<string, unknown>[];
+    color?: string;
+    /** Key for bubble size (optional, creates bubble chart) */
+    zDataKey?: string;
+}
+interface ScatterChartProps extends BaseChartProps {
+    series: ScatterChartSeries[];
+    xAxis: ChartXAxis & {
+        name?: string;
+    };
+    yAxis?: ChartYAxis & {
+        name?: string;
+    };
+    zAxis?: {
+        range?: [number, number];
+    };
+    grid?: boolean | ChartGrid;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const ScatterChart: React.ForwardRefExoticComponent<ScatterChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ComposedChartSeries {
+    type: "line" | "bar" | "area";
+    dataKey: string;
+    name: string;
+    color?: string;
+    yAxisId?: string;
+    stackId?: string;
+    strokeWidth?: number;
+    strokeDasharray?: string;
+    fillOpacity?: number;
+    radius?: number | [number, number, number, number];
+}
+interface ComposedChartProps extends BaseChartProps {
+    data: Record<string, unknown>[];
+    series: ComposedChartSeries[];
+    xAxis: ChartXAxis;
+    yAxis?: ChartYAxis;
+    /** Secondary Y axis displayed on the right */
+    yAxisRight?: ChartYAxis & {
+        id: string;
+    };
+    grid?: boolean | ChartGrid;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const ComposedChart: React.ForwardRefExoticComponent<ComposedChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface WaterfallItem {
+    name: string;
+    value: number;
+    /** Mark as a summary/total bar rather than a delta */
+    isTotal?: boolean;
+}
+interface WaterfallChartProps extends BaseChartProps {
+    data: WaterfallItem[];
+    xAxis?: Partial<ChartXAxis>;
+    yAxis?: ChartYAxis;
+    tooltip?: ChartTooltipProp;
+    positiveColor?: string;
+    negativeColor?: string;
+    totalColor?: string;
+    loading?: boolean;
+}
+declare const WaterfallChart: React.ForwardRefExoticComponent<WaterfallChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface PieChartDatum {
+    name: string;
+    value: number;
+    color?: string;
+}
+interface PieChartProps extends BaseChartProps {
+    data: PieChartDatum[];
+    innerRadius?: number | string;
+    outerRadius?: number | string;
+    paddingAngle?: number;
+    startAngle?: number;
+    endAngle?: number;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    /** Label rendered on each slice */
+    label?: boolean | ((entry: PieChartDatum) => string);
+    loading?: boolean;
+}
+declare const PieChart: React.ForwardRefExoticComponent<PieChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DonutChartDatum {
+    name: string;
+    value: number;
+    color?: string;
+}
+interface DonutChartProps extends BaseChartProps {
+    data: DonutChartDatum[];
+    innerRadius?: number | string;
+    outerRadius?: number | string;
+    paddingAngle?: number;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    /** Content rendered in the center of the donut */
+    centerLabel?: string;
+    centerValue?: string;
+    loading?: boolean;
+}
+declare const DonutChart: React.ForwardRefExoticComponent<DonutChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface RadarChartSeries {
+    dataKey: string;
+    name: string;
+    color?: string;
+    fillOpacity?: number;
+    strokeWidth?: number;
+    /** Use dashed stroke for baseline/reference series */
+    strokeDasharray?: string;
+}
+interface RadarChartProps extends BaseChartProps {
+    data: Record<string, unknown>[];
+    series: RadarChartSeries[];
+    /** Key in data used for the angle axis labels */
+    categoryKey: string;
+    domain?: [number, number];
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const RadarChart: React.ForwardRefExoticComponent<RadarChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface RadialBarDatum {
+    name: string;
+    value: number;
+    fill?: string;
+}
+interface RadialBarChartProps extends BaseChartProps {
+    data: RadialBarDatum[];
+    innerRadius?: number | string;
+    outerRadius?: number | string;
+    startAngle?: number;
+    endAngle?: number;
+    legend?: boolean | ChartLegend;
+    tooltip?: ChartTooltipProp;
+    /** Show value labels on each bar */
+    showLabels?: boolean;
+    loading?: boolean;
+}
+declare const RadialBarChart: React.ForwardRefExoticComponent<RadialBarChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SankeyNode {
+    name: string;
+    color?: string;
+}
+interface SankeyLink {
+    source: number;
+    target: number;
+    value: number;
+}
+interface SankeyChartData {
+    nodes: SankeyNode[];
+    links: SankeyLink[];
+}
+interface SankeyChartProps extends BaseChartProps {
+    data: SankeyChartData;
+    nodeWidth?: number;
+    nodePadding?: number;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const SankeyChart: React.ForwardRefExoticComponent<SankeyChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TreemapDatum {
+    name: string;
+    value?: number;
+    color?: string;
+    children?: TreemapDatum[];
+}
+interface TreemapChartProps extends BaseChartProps {
+    data: TreemapDatum[];
+    dataKey?: string;
+    aspectRatio?: number;
+    tooltip?: ChartTooltipProp;
+    loading?: boolean;
+}
+declare const TreemapChart: React.ForwardRefExoticComponent<TreemapChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface FunnelDatum {
+    name: string;
+    value: number;
+    color?: string;
+}
+interface FunnelChartProps extends BaseChartProps {
+    data: FunnelDatum[];
+    tooltip?: ChartTooltipProp;
+    showLabels?: boolean;
+    loading?: boolean;
+}
+declare const FunnelChart: React.ForwardRefExoticComponent<FunnelChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface GanttTask {
+    id: string;
+    name: string;
+    start: Date;
+    end: Date;
+    /** 0–100 completion percentage */
+    progress?: number;
+    group?: string;
+    color?: string;
+    /** Task IDs this task depends on (renders dependency arrows) */
+    dependencies?: string[];
+}
+interface GanttMilestone {
+    id: string;
+    name: string;
+    date: Date;
+    color?: string;
+}
+type GanttTimeScale = "day" | "week" | "month";
+interface GanttChartProps {
+    tasks: GanttTask[];
+    milestones?: GanttMilestone[];
+    timeScale?: GanttTimeScale;
     className?: string;
-    /** Chart height (default: 100%) */
     height?: number | string;
-    /** Chart margins */
-    margin?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
+    rowHeight?: number;
+    labelWidth?: number;
+    onTaskClick?: (task: GanttTask) => void;
 }
-/**
- * A flexible, theme-aware bar chart component.
- *
- * @example
- * // Grouped bar chart
- * <BarChart
- *   data={salesData}
- *   series={[
- *     { dataKey: "revenue", name: "Revenue" },
- *     { dataKey: "profit", name: "Profit" }
- *   ]}
- *   xAxis={{ dataKey: "month" }}
- *   legend={{ position: "top" }}
- * />
- *
- * @example
- * // Stacked bar chart
- * <BarChart
- *   data={salesData}
- *   series={[
- *     { dataKey: "q1", name: "Q1", stackId: "revenue" },
- *     { dataKey: "q2", name: "Q2", stackId: "revenue" }
- *   ]}
- *   xAxis={{ dataKey: "category" }}
- * />
- */
-declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const GanttChart: React.ForwardRefExoticComponent<GanttChartProps & React.RefAttributes<HTMLDivElement>>;
+
+interface HeatmapCell {
+    x: string | number;
+    y: string | number;
+    value: number;
+}
+interface HeatmapColorScale {
+    min: string;
+    mid?: string;
+    max: string;
+}
+interface HeatmapChartProps {
+    data: HeatmapCell[];
+    xLabels: string[];
+    yLabels: string[];
+    colorScale?: HeatmapColorScale;
+    cellSize?: number;
+    showValues?: boolean;
+    valueFormatter?: (value: number) => string;
+    className?: string;
+    height?: number | string;
+    loading?: boolean;
+    onCellClick?: (cell: HeatmapCell) => void;
+}
+declare const HeatmapChart: React.ForwardRefExoticComponent<HeatmapChartProps & React.RefAttributes<HTMLDivElement>>;
+
+type SparklineVariant = "line" | "area" | "bar";
+interface SparklineProps {
+    data: number[];
+    variant?: SparklineVariant;
+    color?: string;
+    width?: number | string;
+    height?: number;
+    strokeWidth?: number;
+    className?: string;
+}
+declare const Sparkline: React.NamedExoticComponent<SparklineProps>;
+
+interface KPICardProps {
+    label: string;
+    value: string | number;
+    /** Previous period value for comparison */
+    previousValue?: number;
+    /** Change descriptor (e.g. "vs last month") */
+    changeLabel?: string;
+    sparklineData?: number[];
+    sparklineVariant?: SparklineVariant;
+    sparklineColor?: string;
+    icon?: React.ReactNode;
+    className?: string;
+}
+declare const KPICard: React.NamedExoticComponent<KPICardProps>;
+
+interface ScenarioData {
+    name: string;
+    color?: string;
+    data: Record<string, unknown>[];
+}
+type ScenarioComparisonMode = "side-by-side" | "overlay" | "delta" | "scorecard";
+interface ScenarioComparisonProps {
+    scenarios: ScenarioData[];
+    /** Data keys to compare */
+    metrics: string[];
+    /** Category axis key */
+    categoryKey: string;
+    mode?: ScenarioComparisonMode;
+    /** Index of the baseline scenario for delta calculations */
+    baselineIndex?: number;
+    tooltip?: ChartTooltipProp;
+    className?: string;
+    height?: number | string;
+}
+declare const ScenarioComparison: React.NamedExoticComponent<ScenarioComparisonProps>;
+
+interface ChartConfigSeries {
+    dataKey: string;
+    name: string;
+    color?: string;
+    /** Only used for composed chart */
+    composedType?: "line" | "bar" | "area";
+}
+interface ChartConfig {
+    type: "line" | "bar" | "area" | "pie" | "donut" | "scatter" | "radar" | "composed" | "waterfall" | "funnel" | "treemap" | "radialBar" | "heatmap";
+    categoryKey: string;
+    series: ChartConfigSeries[];
+    legend?: string;
+    grid?: boolean;
+    animate?: boolean;
+    tooltip?: ChartTooltipProp;
+}
+interface ChartRendererProps {
+    config: ChartConfig;
+    data: Record<string, unknown>[];
+    height?: number | string;
+    className?: string;
+}
+declare const ChartRenderer: React.NamedExoticComponent<ChartRendererProps>;
+
+interface ChartBuilderProps {
+    /** Available data columns the user can map to chart dimensions */
+    columns: string[];
+    /** The raw data rows */
+    data: Record<string, unknown>[];
+    /** Called when the config changes */
+    onChange?: (config: ChartConfig) => void;
+    /** Called when user explicitly saves */
+    onSave?: (config: ChartConfig) => void;
+    /** Initial config to start editing */
+    initialConfig?: Partial<ChartConfig>;
+    className?: string;
+}
+declare const ChartBuilder: React.NamedExoticComponent<ChartBuilderProps>;
 
-export { BarChart, type BarChartGrid, type BarChartLegend, type BarChartProps, type BarChartSeries, type BarChartXAxis, type BarChartYAxis, CHART_COLORS, LineChart, type LineChartGrid, type LineChartLegend, type LineChartProps, type LineChartSeries, type LineChartXAxis, type LineChartYAxis, getChartColor };
+export { AreaChart, type AreaChartProps, type AreaChartSeries, BarChart, type BarChartProps, type BarChartSeries, type BaseChartProps, CHART_COLORS, ChartBuilder, type ChartBuilderProps, type ChartConfig, type ChartConfigSeries, ChartContainer, type ChartContainerProps, type ChartGrid, type ChartLegend, ChartLegendContent, type ChartMargin, ChartRenderer, type ChartRendererProps, type ChartTooltipConfig, ChartTooltipContent, type ChartTooltipContentProps, type ChartTooltipProp, type ChartXAxis, type ChartYAxis, ComposedChart, type ComposedChartProps, type ComposedChartSeries, DonutChart, type DonutChartDatum, type DonutChartProps, FunnelChart, type FunnelChartProps, type FunnelDatum, GanttChart, type GanttChartProps, type GanttMilestone, type GanttTask, type GanttTimeScale, type HeatmapCell, HeatmapChart, type HeatmapChartProps, type HeatmapColorScale, KPICard, type KPICardProps, LineChart, type LineChartProps, type LineChartSeries, PieChart, type PieChartDatum, type PieChartProps, RadarChart, type RadarChartProps, type RadarChartSeries, RadialBarChart, type RadialBarChartProps, type RadialBarDatum, SankeyChart, type SankeyChartData, type SankeyChartProps, type SankeyLink, type SankeyNode, ScatterChart, type ScatterChartProps, type ScatterChartSeries, ScenarioComparison, type ScenarioComparisonMode, type ScenarioComparisonProps, type ScenarioData, type SemanticColorName, Sparkline, type SparklineProps, type SparklineVariant, type TooltipFormatter, TreemapChart, type TreemapChartProps, type TreemapDatum, type UseLiveDataConfig, type UseLiveDataReturn, WaterfallChart, type WaterfallChartProps, type WaterfallItem, formatCompact, formatCurrency, formatDuration, formatPercent, formatUnit, getChartColor, getSemanticColor, resolveLegendConfig, resolveTooltipProps, useLiveData };