import { ReactNode, CSSProperties, ReactElement } from 'react';
import { ChartTheme } from '@axicharts/charts-theme';
import { SeriesTone } from '@axicharts/charts-canvas';
import { ChartSize } from '@axicharts/charts-core';
import { L as LiveAnimate, f as ChartAnimate } from './types-he-wcyye.js';

type LegendVariant = "pill" | "inline" | "compact";
type TooltipVariant = "card" | "minimal" | "dense";

type ChartDataState = "ready" | "loading" | "empty" | "error";

type ChromeInsetRegistrar = (id: string, height: number) => void;

type ChartConfig = Record<string, {
    label?: string;
    color?: string;
    tone?: SeriesTone;
}>;
type ChartLayoutContextValue = {
    size: ChartSize;
    ready: boolean;
    theme: ChartTheme;
    config?: ChartConfig;
    mode: "static" | "interactive" | "live" | "presentation";
    /** Live-mode wholesale replace crossfade — cartesian charts may override. */
    liveAnimate?: LiveAnimate;
    syncId?: string;
    /** When set, brush followers only mirror range from this leader syncId. */
    syncFollower?: string;
    dataState: ChartDataState;
    isStale: boolean;
    lastUpdatedAt?: number;
    staleAfterMs?: number;
    tagTones?: Record<string, SeriesTone>;
    legendVariant?: LegendVariant;
    tooltipVariant?: TooltipVariant;
    emptyMessage?: string;
    /** Reserve space below the plot slot (e.g. flow legend). */
    setChromeInset?: ChromeInsetRegistrar;
};
declare function useChartLayout(): ChartLayoutContextValue;

type ChartContainerProps = {
    children?: ReactNode;
    className?: string;
    style?: CSSProperties;
    width?: number | string;
    height?: number;
    minHeight?: number;
    maxHeight?: number;
    aspectRatio?: number;
    debounceMs?: number;
    theme?: ChartTheme;
    config?: ChartConfig;
    mode?: "static" | "interactive" | "live" | "presentation";
    syncId?: string;
    syncFollower?: string;
    dataState?: ChartDataState;
    staleAfterMs?: number;
    lastUpdatedAt?: number;
    loadingMessage?: string;
    emptyMessage?: string;
    errorMessage?: string;
    tagTones?: Record<string, SeriesTone>;
    legendVariant?: LegendVariant;
    tooltipVariant?: TooltipVariant;
    /** Chart-level animation default — cartesian charts may override. */
    animate?: ChartAnimate;
    /** Live-mode wholesale replace crossfade — default `"none"`. */
    liveAnimate?: LiveAnimate;
    /** When false, skip reading host `--chart-*` CSS vars (use theme tokens as-is). Default true. */
    inheritThemeTokens?: boolean;
    onResize?: (size: {
        width: number;
        height: number;
    }) => void;
};
declare function ChartContainer({ children, className, style, width, height, minHeight, maxHeight, aspectRatio, debounceMs, theme, config, mode, syncId, syncFollower, dataState, staleAfterMs, lastUpdatedAt, loadingMessage, emptyMessage, errorMessage, tagTones, legendVariant, tooltipVariant, animate, liveAnimate, inheritThemeTokens, onResize, }: ChartContainerProps): ReactElement;

export { type ChartConfig as C, type LegendVariant as L, type TooltipVariant as T, ChartContainer as a, type ChartContainerProps as b, type ChartLayoutContextValue as c, type ChartDataState as d, useChartLayout as u };