import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import React__default from 'react';
import { BarChart as BarChart$1, LineChart as LineChart$1, AreaChart as AreaChart$1, ComposedChart as ComposedChart$1, ScatterChart as ScatterChart$1, PieChart as PieChart$1, RadarChart as RadarChart$1, RadialBarChart as RadialBarChart$1, TreemapProps as TreemapProps$1, FunnelChart as FunnelChart$1, Scatter as Scatter$1, CellProps, Pie as Pie$1, Radar as Radar$1, RadialBar as RadialBar$1, Funnel as Funnel$1 } from 'recharts';
export { Area, AreaProps, Bar, BarProps, Brush, CartesianGrid, CartesianGridProps, CellProps, FunnelProps, Label, LabelList, Legend, Line, LineProps, PieProps, PolarAngleAxis, PolarGrid, PolarRadiusAxis, RadarProps, RadialBarProps, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer, ScatterProps, Tooltip, XAxis, XAxisProps, YAxis, YAxisProps, ZAxis } from 'recharts';

interface ChartContainerLocale {
    emptyMessage?: React__default.ReactNode;
    loading?: React__default.ReactNode;
}
interface ChartContainerProps {
    /**
     * Height of the chart in pixels.
     * @default 300
     */
    height?: number;
    /**
     * Whether the chart is loading.
     */
    loading?: boolean;
    /**
     * Whether the chart has no data to display.
     */
    empty?: boolean;
    /**
     * Locale strings for empty/loading states.
     */
    locale?: ChartContainerLocale;
    /**
     * Theme of the chart
     * @default 'auto'
     */
    theme?: 'light' | 'dark' | 'auto';
    /**
     * Custom color palette that overrides the rsuite default palette.
     */
    colorPalette?: string[];
    /**
     * Custom placeholder rendered when the chart is empty.
     */
    renderEmptyPlaceholder?: () => React__default.ReactNode;
    className?: string;
    style?: React__default.CSSProperties;
    children: React__default.ReactElement | React__default.ReactElement[];
}
/**
 * ChartContainer wraps a recharts chart with responsive sizing, empty state,
 * loading state, and rsuite theming.
 *
 * @example
 * ```tsx
 * <ChartContainer height={300}>
 *   <BarChart data={data}>
 *     <Bar dataKey="value" />
 *     <XAxis dataKey="name" />
 *     <YAxis />
 *     <Tooltip />
 *     <Legend />
 *   </BarChart>
 * </ChartContainer>
 * ```
 */
declare function ChartContainer({ height, loading, empty, locale, theme, colorPalette, renderEmptyPlaceholder, className, style, children, }: ChartContainerProps): react_jsx_runtime.JSX.Element;
declare namespace ChartContainer {
    var displayName: string;
}

/**
 * rsuite design tokens for chart styling
 */
declare const palette: string[];
interface ColorTokens {
    axisLine: string;
    axisLabel: string;
    axisTick: string;
    grid: string;
    legendText: string;
    tooltipBackground: string;
    tooltipBorder: string;
    tooltipText: string;
    tooltipLabel: string;
    emptyText: string;
}
declare const colors: ColorTokens;

interface ChartContextValue {
    /**
     * Color palette used for automatic series coloring.
     */
    palette: string[];
    colors: typeof colors;
}
declare const ChartContext: React__default.Context<ChartContextValue>;
declare function useChartContext(): ChartContextValue;

type RechartsBarChartProps = React__default.ComponentPropsWithoutRef<typeof BarChart$1>;
interface BarChartProps extends Omit<RechartsBarChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
    /**
     * When true, uses a horizontal bar chart layout.
     * @default false
     */
    horizontal?: boolean;
}
/**
 * Bar chart with rsuite styling and responsive container.
 *
 * @example
 * ```tsx
 * <BarChart height={300} data={[{ name: 'Jan', value: 100 }]}>
 *   <Bar dataKey="value" />
 *   <XAxis dataKey="name" />
 *   <YAxis />
 *   <Tooltip />
 *   <Legend />
 *   <CartesianGrid />
 * </BarChart>
 * ```
 */
declare function BarChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, horizontal, data, children, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
declare namespace BarChart {
    var displayName: string;
}

type RechartsLineChartProps = React__default.ComponentPropsWithoutRef<typeof LineChart$1>;
interface LineChartProps extends Omit<RechartsLineChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Line chart with rsuite styling and responsive container.
 *
 * @example
 * ```tsx
 * <LineChart height={300} data={[{ name: 'Jan', value: 100 }]}>
 *   <Line dataKey="value" />
 *   <XAxis dataKey="name" />
 *   <YAxis />
 *   <Tooltip />
 *   <Legend />
 *   <CartesianGrid />
 * </LineChart>
 * ```
 */
declare function LineChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, data, children, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
declare namespace LineChart {
    var displayName: string;
}

type RechartsAreaChartProps = React__default.ComponentPropsWithoutRef<typeof AreaChart$1>;
interface AreaChartProps extends Omit<RechartsAreaChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Area chart with rsuite styling and responsive container.
 *
 * @example
 * ```tsx
 * <AreaChart height={300} data={[{ name: 'Jan', value: 100 }]}>
 *   <Area dataKey="value" />
 *   <XAxis dataKey="name" />
 *   <YAxis />
 *   <Tooltip />
 *   <Legend />
 *   <CartesianGrid />
 * </AreaChart>
 * ```
 */
declare function AreaChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, data, children, ...props }: AreaChartProps): react_jsx_runtime.JSX.Element;
declare namespace AreaChart {
    var displayName: string;
}

type RechartsComposedChartProps = React__default.ComponentPropsWithoutRef<typeof ComposedChart$1>;
interface ComposedChartProps extends Omit<RechartsComposedChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
    /**
     * When true, uses a vertical layout.
     * @default false
     */
    vertical?: boolean;
}
/**
 * Composed chart combining Bar, Line, and Area series with rsuite styling.
 *
 * @example
 * ```tsx
 * <ComposedChart height={300} data={data}>
 *   <Bar dataKey="bar" />
 *   <Line dataKey="line" />
 *   <Area dataKey="area" />
 *   <XAxis dataKey="name" />
 *   <YAxis />
 *   <Tooltip />
 *   <Legend />
 *   <CartesianGrid />
 * </ComposedChart>
 * ```
 */
declare function ComposedChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, vertical, data, children, ...props }: ComposedChartProps): react_jsx_runtime.JSX.Element;
declare namespace ComposedChart {
    var displayName: string;
}

type RechartsScatterChartProps = React__default.ComponentPropsWithoutRef<typeof ScatterChart$1>;
interface ScatterChartProps extends Omit<RechartsScatterChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Scatter chart with rsuite styling and responsive container.
 */
declare function ScatterChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, children, ...props }: ScatterChartProps): react_jsx_runtime.JSX.Element;
declare namespace ScatterChart {
    var displayName: string;
}

type RechartsPieChartProps = React__default.ComponentPropsWithoutRef<typeof PieChart$1>;
interface PieChartProps extends Omit<RechartsPieChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Pie / Donut chart with rsuite styling and responsive container.
 * Cells are automatically colored using the rsuite palette when not given explicit colors.
 */
declare function PieChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, children, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
declare namespace PieChart {
    var displayName: string;
}

type RechartsRadarChartProps = React__default.ComponentPropsWithoutRef<typeof RadarChart$1>;
interface RadarChartProps extends Omit<RechartsRadarChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Radar / Spider chart with rsuite styling and responsive container.
 */
declare function RadarChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, data, children, ...props }: RadarChartProps): react_jsx_runtime.JSX.Element;
declare namespace RadarChart {
    var displayName: string;
}

type RechartsRadialBarChartProps = React__default.ComponentPropsWithoutRef<typeof RadialBarChart$1>;
interface RadialBarChartProps extends Omit<RechartsRadialBarChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Radial Bar chart with rsuite styling and responsive container.
 */
declare function RadialBarChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, data, children, ...props }: RadialBarChartProps): react_jsx_runtime.JSX.Element;
declare namespace RadialBarChart {
    var displayName: string;
}

interface TreemapProps extends Omit<TreemapProps$1, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Treemap chart with rsuite styling and responsive container.
 * Uses rsuite palette for automatic block coloring.
 */
declare function Treemap({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, data, children, content, nameKey, ...props }: TreemapProps): react_jsx_runtime.JSX.Element;
declare namespace Treemap {
    var displayName: string;
}

type RechartsFunnelChartProps = React__default.ComponentPropsWithoutRef<typeof FunnelChart$1>;
interface FunnelChartProps extends Omit<RechartsFunnelChartProps, 'width' | 'height' | 'style'>, Pick<ChartContainerProps, 'theme' | 'colorPalette' | 'height' | 'loading' | 'locale' | 'renderEmptyPlaceholder' | 'className' | 'style'> {
}
/**
 * Funnel chart with rsuite styling and responsive container.
 */
declare function FunnelChart({ height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, data, children, ...props }: FunnelChartProps): react_jsx_runtime.JSX.Element;
declare namespace FunnelChart {
    var displayName: string;
}

interface SparklineProps extends Omit<ChartContainerProps, 'empty' | 'children' | 'htmlTitle'> {
    /**
     * The data for the sparkline. Can be an array of numbers or an array of objects.
     */
    data: number[] | Record<string, any>[];
    /**
     * The key to access data value if data is an array of objects.
     * If data is an array of numbers, this property is ignored.
     * @default 'value'
     */
    dataKey?: string;
    /**
     * The type of sparkline to render.
     * @default 'line'
     */
    type?: 'line' | 'area' | 'bar';
    /**
     * The curve algorithm for line and area charts.
     * @default 'monotone'
     */
    curveType?: 'monotone' | 'linear' | 'step' | 'stepBefore' | 'stepAfter';
    /**
     * The color of the sparkline. Defaults to the first color in the chart palette.
     */
    color?: string;
    /**
     * The width of the line or bar.
     * @default 2
     */
    strokeWidth?: number;
    /**
     * The opacity of the area chart fill.
     * @default 0.2
     */
    fillOpacity?: number;
    /**
     * Whether to scale the Y axis to the min and max of the data instead of starting from 0.
     * @default true
     */
    scaleToFit?: boolean;
}
/**
 * A beautiful, minimal chart without axes or grids to show data trends.
 * Inspired by Chakra UI Sparkline.
 */
declare function Sparkline({ data, dataKey, type, curveType, color, strokeWidth, fillOpacity, scaleToFit, height, loading, locale, renderEmptyPlaceholder, className, style, theme, colorPalette, }: SparklineProps): react_jsx_runtime.JSX.Element;
declare namespace Sparkline {
    var displayName: string;
}

/**
 * Scatter series component.
 * Re-exports recharts Scatter — fill colors are automatically injected
 * by the parent ScatterChart wrapper.
 */
declare const Scatter: typeof Scatter$1;

/**
 * Pie series component.
 * Re-exports recharts Pie — cell colors are automatically injected
 * by the parent PieChart wrapper.
 */
declare const Pie: typeof Pie$1;
/**
 * Cell component for individual slice coloring in PieChart.
 */
declare const Cell: React.FunctionComponent<CellProps>;

/**
 * Radar series component.
 * Re-exports recharts Radar — colors are automatically injected
 * by the parent RadarChart wrapper.
 */
declare const Radar: typeof Radar$1;

/**
 * RadialBar series component.
 * Re-exports recharts RadialBar — colors are automatically injected
 * by the parent RadialBarChart wrapper.
 */
declare const RadialBar: typeof RadialBar$1;

/**
 * Funnel series component.
 * Re-exports recharts Funnel — colors are automatically injected
 * by the parent FunnelChart wrapper.
 */
declare const Funnel: typeof Funnel$1;

export { AreaChart, type AreaChartProps, BarChart, type BarChartProps, Cell, ChartContainer, type ChartContainerLocale, type ChartContainerProps, ChartContext, type ChartContextValue, ComposedChart, type ComposedChartProps, Funnel, FunnelChart, type FunnelChartProps, LineChart, type LineChartProps, Pie, PieChart, type PieChartProps, Radar, RadarChart, type RadarChartProps, RadialBar, RadialBarChart, type RadialBarChartProps, Scatter, ScatterChart, type ScatterChartProps, Sparkline, type SparklineProps, Treemap, type TreemapProps, colors, palette, useChartContext };