import { type ChartAnnotation } from "./chartAnnotations.js";
import { type DataLabelsProp } from "./chartDataLabels.js";
export type AreaChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
export type AreaChartDatum = {
    x: number | string;
    y: number;
};
export type AreaChartProps = {
    data: (number | AreaChartDatum)[];
    width?: number;
    height?: number;
    tone?: AreaChartTone;
    smooth?: boolean;
    label: string;
    /**
     * Annotation overlay in DATA space (points, labels, axis lines, regions,
     * polygons), resolved to pixels via the chart scales. Regions render behind
     * the area, every other kind above it. Additive: absent ⇒ unchanged.
     */
    annotations?: ChartAnnotation[];
    /**
     * Per-point value labels. `false`/absent (default) → none. `true` → each
     * point's value with the chart's numeric formatter. Object → `format(value)`
     * and/or a `position` override. Default position is `top` (above the point).
     * Labels are `aria-hidden` — the values already live in the accessible
     * ChartDataList.
     */
    dataLabels?: DataLabelsProp;
    /**
     * CONTROLLED synchronised hover key (FR-3). A datum's key is `String(x)`. When
     * provided (string or null), the crosshair + tooltip track this key instead of
     * the chart's internal pointer hover (null ⇒ nothing shown), letting a parent
     * share one hover channel across several aligned charts. Absent (`undefined`)
     * keeps the legacy uncontrolled behaviour.
     */
    hoverKey?: string | null;
    /**
     * Emitted when the user hovers a datum (its key) or leaves the plot (`null`).
     * Always fired on pointer move/leave — even while CONTROLLED — so dataviz can
     * keep the shared hover channel in sync.
     */
    onHoverKeyChange?: (key: string | null) => void;
    /**
     * FR-5 — keyboard navigation of the data points (roving tabindex). When `true`
     * (or implied by wiring `onSelectKey`), a thin focusable overlay is rendered
     * over the points: the chart owns ONE tab stop, ←/↑/→/↓ move the focus between
     * points (data order), Home/End jump to the first/last, Enter/Space select the
     * focused point (`onSelectKey`), Escape leaves the navigation. Each focused
     * point announces its `x` + value. Absent ⇒ no overlay, rendering unchanged.
     */
    keyboardNav?: boolean;
    /**
     * Emitted when the user selects the focused point via Enter/Space (its key,
     * `String(x)`), or `null` when the navigation is left via Escape. Wiring it
     * also turns the keyboard navigation on.
     */
    onSelectKey?: (key: string | null) => void;
    class?: string;
};
export declare const AreaChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    data: {
        type: () => (number | AreaChartDatum)[];
        default: () => never[];
    };
    width: {
        type: NumberConstructor;
        default: number;
    };
    height: {
        type: NumberConstructor;
        default: number;
    };
    tone: {
        type: () => AreaChartTone;
        default: string;
    };
    smooth: {
        type: BooleanConstructor;
        default: boolean;
    };
    label: {
        type: StringConstructor;
        required: true;
    };
    annotations: {
        type: () => ChartAnnotation[];
        default: undefined;
    };
    dataLabels: {
        type: () => DataLabelsProp;
        default: undefined;
    };
    hoverKey: {
        type: () => string | null;
        default: undefined;
    };
    onHoverKeyChange: {
        type: () => (key: string | null) => void;
        default: undefined;
    };
    keyboardNav: {
        type: BooleanConstructor;
        default: undefined;
    };
    onSelectKey: {
        type: () => (key: string | null) => void;
        default: undefined;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    data: {
        type: () => (number | AreaChartDatum)[];
        default: () => never[];
    };
    width: {
        type: NumberConstructor;
        default: number;
    };
    height: {
        type: NumberConstructor;
        default: number;
    };
    tone: {
        type: () => AreaChartTone;
        default: string;
    };
    smooth: {
        type: BooleanConstructor;
        default: boolean;
    };
    label: {
        type: StringConstructor;
        required: true;
    };
    annotations: {
        type: () => ChartAnnotation[];
        default: undefined;
    };
    dataLabels: {
        type: () => DataLabelsProp;
        default: undefined;
    };
    hoverKey: {
        type: () => string | null;
        default: undefined;
    };
    onHoverKeyChange: {
        type: () => (key: string | null) => void;
        default: undefined;
    };
    keyboardNav: {
        type: BooleanConstructor;
        default: undefined;
    };
    onSelectKey: {
        type: () => (key: string | null) => void;
        default: undefined;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>> & Readonly<{}>, {
    class: string;
    data: (number | AreaChartDatum)[];
    height: number;
    width: number;
    tone: AreaChartTone;
    smooth: boolean;
    annotations: ChartAnnotation[];
    dataLabels: DataLabelsProp;
    hoverKey: string | null;
    onHoverKeyChange: (key: string | null) => void;
    keyboardNav: boolean;
    onSelectKey: (key: string | null) => void;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
//# sourceMappingURL=AreaChart.d.ts.map