import { PropertyValues } from 'lit';
import { ManzanoElement } from '@manzanohq/components/dist/internal/manzano-element.js';
import { Chart } from 'chart.js';
import type { ChartData, ChartOptions } from 'chart.js';
import type { MzChartType } from './chart.types.js';
/**
 * @tag mz-chart
 * @summary Chart.js wrapper with Manzano theming, shadow DOM support, and responsive resize.
 *
 * @event mz-chart-click - Fires when a data point is clicked. Detail: ChartClickDetail
 */
export declare class MzChart extends ManzanoElement {
    static styles: import("lit").CSSResult[];
    /** The type of chart to render. */
    type: MzChartType;
    /** Chart.js data object — { labels, datasets }. */
    data: ChartData;
    /** Chart.js options object (merged with Manzano defaults). */
    options: ChartOptions;
    private canvas;
    private tooltipEl;
    private tooltipVisible;
    private chart;
    private resizeObserver;
    private themeObserver;
    firstUpdated(_changedProps: PropertyValues): void;
    disconnectedCallback(): void;
    /** Returns the underlying Chart.js instance for advanced use cases. */
    getChartInstance(): Chart | null;
    /** Force the chart to re-render. */
    updateChart(): void;
    handleDataChange(): void;
    handleTypeChange(): void;
    handleOptionsChange(): void;
    private readThemeColor;
    private readThemeFont;
    /** Read palette colors from the current theme. */
    private getPaletteColors;
    /** Add alpha to a hex or CSS color string. */
    private withAlpha;
    /**
     * Apply Manzano theme colors to datasets that don't already have user-specified colors.
     * Returns a deep-ish copy so we don't mutate the user's original data object.
     */
    private applyThemeColors;
    /** Build the merged Chart.js options with Manzano defaults. */
    private buildOptions;
    /** Simple deep merge of two objects (b overrides a). */
    private deepMerge;
    /** Custom tooltip rendered inside shadow DOM. */
    private handleExternalTooltip;
    private createChart;
    private destroyChart;
    private recreateChart;
    private setupResizeObserver;
    private setupThemeObserver;
    render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=chart.component.d.ts.map