@wick-charts/vue 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,68 +1,9 @@
-import { andromeda } from '@wick-charts/core';
-import { AxisBound } from '@wick-charts/core';
-import { AxisConfig } from '@wick-charts/core';
-import { ayuMirage } from '@wick-charts/core';
-import { BarSeriesOptions } from '@wick-charts/core';
-import { BarStacking } from '@wick-charts/core';
-import { buildTheme } from '@wick-charts/core';
-import { CandlestickSeriesOptions } from '@wick-charts/core';
-import { catppuccin } from '@wick-charts/core';
-import { ChartInstance } from '@wick-charts/core';
-import { ChartLayout } from '@wick-charts/core';
-import { ChartOptions } from '@wick-charts/core';
-import { ChartTheme } from '@wick-charts/core';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
-import { createTheme } from '@wick-charts/core';
-import { CrosshairPosition } from '@wick-charts/core';
-import { darkTheme } from '@wick-charts/core';
 import { DefineComponent } from 'vue';
-import { detectInterval } from '@wick-charts/core';
-import { dracula } from '@wick-charts/core';
-import { formatDate } from '@wick-charts/core';
-import { formatTime } from '@wick-charts/core';
-import { githubLight } from '@wick-charts/core';
-import { gruvbox } from '@wick-charts/core';
-import { handwritten } from '@wick-charts/core';
-import { highContrast } from '@wick-charts/core';
-import { lavenderMist } from '@wick-charts/core';
-import { lightPink } from '@wick-charts/core';
-import { lightTheme } from '@wick-charts/core';
-import { LineData } from '@wick-charts/core';
-import { LineSeriesOptions } from '@wick-charts/core';
-import { materialPalenight } from '@wick-charts/core';
-import { minimalLight } from '@wick-charts/core';
-import { mintBreeze } from '@wick-charts/core';
-import { monokaiPro } from '@wick-charts/core';
-import { nightOwl } from '@wick-charts/core';
-import { normalizeTime } from '@wick-charts/core';
-import { OHLCData } from '@wick-charts/core';
-import { OHLCInput } from '@wick-charts/core';
-import { oneDarkPro } from '@wick-charts/core';
-import { panda } from '@wick-charts/core';
-import { peachCream } from '@wick-charts/core';
-import { PieSeriesOptions } from '@wick-charts/core';
-import { PieSliceData } from '@wick-charts/core';
 import { PublicProps } from 'vue';
-import { quietLight } from '@wick-charts/core';
 import { Ref } from 'vue';
-import { rosePineDawn } from '@wick-charts/core';
-import { sandDune } from '@wick-charts/core';
-import { SeriesType } from '@wick-charts/core';
 import { ShallowRef } from 'vue';
-import { solarizedLight } from '@wick-charts/core';
-import { StackingMode } from '@wick-charts/core';
-import { ThemeConfig } from '@wick-charts/core';
-import { ThemePreset } from '@wick-charts/core';
-import { themes } from '@wick-charts/core';
-import { TimePoint } from '@wick-charts/core';
-import { TimePointInput } from '@wick-charts/core';
-import { TimeValue } from '@wick-charts/core';
-import { Typography } from '@wick-charts/core';
-import { VisibleRange } from '@wick-charts/core';
-import { XAxisConfig } from '@wick-charts/core';
-import { YAxisConfig } from '@wick-charts/core';
-import { YRange } from '@wick-charts/core';
 
 declare const __VLS_component: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {
 theme: ChartTheme;
@@ -82,7 +23,7 @@ declare type __VLS_Props_10 = {
 };
 
 declare type __VLS_Props_2 = {
-    data: OHLCData[];
+    data: OHLCInput[];
     options?: Partial<CandlestickSeriesOptions>;
 };
 
@@ -142,13 +83,25 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-export { andromeda }
+export declare const andromeda: ThemePreset;
 
-export { AxisBound }
+/**
+ * Defines a bound for the Y axis.
+ *
+ * - `"auto"` — fully automatic (default)
+ * - `number` — static value, e.g. `0` or `100`
+ * - `string` — percentage offset from the auto value, e.g. `"+10%"`, `"-5%"`
+ * - `(values: number[]) => number` — custom function receiving all visible values
+ */
+export declare type AxisBound = 'auto' | number | string | ((values: number[]) => number);
 
-export { AxisConfig }
+/** Grouped axis configuration for both axes. */
+export declare interface AxisConfig {
+    y?: YAxisConfig;
+    x?: XAxisConfig;
+}
 
-export { ayuMirage }
+export declare const ayuMirage: ThemePreset;
 
 export declare const BarSeries: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 seriesId: (id: string) => any;
@@ -156,11 +109,22 @@ seriesId: (id: string) => any;
 onSeriesId?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export { BarSeriesOptions }
+/** Visual options for a bar series. */
+export declare interface BarSeriesOptions {
+    /** Display label shown in the tooltip (e.g. "Volume"). */
+    label?: string;
+    /** One color per layer. */
+    colors: string[];
+    barWidthRatio: number;
+    /** Stacking mode. Default: 'off'. */
+    stacking: StackingMode;
+}
 
-export { BarStacking }
+/** @deprecated Use {@link StackingMode} instead. */
+export declare type BarStacking = StackingMode;
 
-export { buildTheme }
+/** Lookup a theme by name (defaults to "One Dark Pro") */
+export declare function buildTheme(themeName: string): ChartTheme;
 
 export declare const CandlestickSeries: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 seriesId: (id: string) => any;
@@ -168,51 +132,327 @@ seriesId: (id: string) => any;
 onSeriesId?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export { CandlestickSeriesOptions }
-
-export { catppuccin }
+/** Visual options for a candlestick series. */
+export declare interface CandlestickSeriesOptions {
+    /** Display label shown in the tooltip. */
+    label?: string;
+    upColor: string;
+    downColor: string;
+    wickUpColor: string;
+    wickDownColor: string;
+    /** Width of candle body as a fraction of the available bar slot (0-1). */
+    bodyWidthRatio: number;
+    /** Apply a subtle vertical gradient to candle bodies. Default: true. */
+    candleGradient?: boolean;
+}
+
+export declare const catppuccin: ThemePreset;
 
 export declare const ChartContainer: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export { ChartInstance }
-
-export { ChartLayout }
-
-export { ChartOptions }
-
-export { ChartTheme }
+/** Events emitted by {@link ChartInstance}. */
+declare interface ChartEvents {
+    crosshairMove: (pos: CrosshairPosition | null) => void;
+    viewportChange: () => void;
+    dataUpdate: () => void;
+    seriesChange: () => void;
+}
+
+/**
+ * Core chart controller. Manages series, viewport, scales, and rendering.
+ * Create one per chart container and call {@link destroy} on unmount.
+ */
+export declare class ChartInstance extends EventEmitter<ChartEvents> {
+    #private;
+    /** Maps time values to horizontal pixel coordinates. */
+    readonly timeScale: TimeScale;
+    /** Maps price/value to vertical pixel coordinates. */
+    readonly yScale: YScale;
+    get yAxisWidth(): number;
+    get xAxisHeight(): number;
+    constructor(container: HTMLElement, options?: ChartOptions);
+    /** Add a candlestick (OHLC) series and return its unique ID. */
+    addCandlestickSeries(options?: Partial<CandlestickSeriesOptions & {
+        id?: string;
+    }>): string;
+    /** Add a line series and return its unique ID. */
+    addLineSeries(options?: Partial<LineSeriesOptions & {
+        layers?: number;
+        id?: string;
+    }>): string;
+    /** @deprecated Pass options as first argument: `addLineSeries({ layers: N, ...options })` */
+    addLineSeries(layerCount: number, options?: Partial<LineSeriesOptions>): string;
+    /** Set data for a specific layer within a line series. */
+    setLineLayerData(id: string, layerIndex: number, data: TimePoint[]): void;
+    /** Add a bar series and return its unique ID. */
+    addBarSeries(options?: Partial<BarSeriesOptions & {
+        layers?: number;
+        id?: string;
+    }>): string;
+    /** @deprecated Pass options as first argument: `addBarSeries({ layers: N, ...options })` */
+    addBarSeries(layerCount: number, options?: Partial<BarSeriesOptions>): string;
+    /** Set data for a specific layer within a bar series. */
+    setBarLayerData(id: string, layerIndex: number, data: TimePoint[]): void;
+    /** Add a pie/donut series. Set `innerRadiusRatio > 0` for donut. */
+    addPieSeries(options?: Partial<PieSeriesOptions & {
+        id?: string;
+    }>): string;
+    /** Set data for a pie/donut series. */
+    setPieData(id: string, data: PieSliceData[]): void;
+    /** Remove a series by ID and clean up its resources. */
+    removeSeries(id: string): void;
+    /** Replace all data for a series (batch load). Accepts `Date` objects for time fields. */
+    setSeriesData(id: string, data: OHLCInput[] | TimePointInput[]): void;
+    /** Append a new data point to the end of a series (real-time tick). */
+    appendData(id: string, point: OHLCInput | TimePointInput): void;
+    /** Update the last data point of a series in place (e.g. live candle update). */
+    updateData(id: string, point: OHLCInput | TimePointInput): void;
+    /** Update visual options (color, width, etc.) for an existing series. */
+    updateSeriesOptions(id: string, options: Partial<CandlestickSeriesOptions> | Partial<LineSeriesOptions> | Partial<BarSeriesOptions> | Partial<PieSeriesOptions>): void;
+    /**
+     * Batch multiple updates: suppress recomputes until `fn` returns.
+     * Equivalent to `beginUpdate()` / `endUpdate()` but safer (always calls endUpdate even on throw).
+     */
+    batch(fn: () => void): void;
+    /** @deprecated Use {@link batch} instead. */
+    beginUpdate(): void;
+    /** @deprecated Use {@link batch} instead. */
+    endUpdate(): void;
+    /** Show or hide a series. Hidden series are not rendered and excluded from Y-range. */
+    setSeriesVisible(seriesId: string, visible: boolean): void;
+    isSeriesVisible(seriesId: string): boolean;
+    /** Show or hide a specific layer within a multi-layer series. */
+    setLayerVisible(seriesId: string, layerIndex: number, visible: boolean): void;
+    isLayerVisible(seriesId: string, layerIndex: number): boolean;
+    /** Auto-fit the viewport to show all data across every series. */
+    fitContent(): void;
+    getVisibleRange(): VisibleRange;
+    getYRange(): YRange;
+    getCrosshairPosition(): CrosshairPosition | null;
+    /** Get the last visible value and whether the absolute last point is on screen. */
+    getLastValue(seriesId: string): {
+        value: number;
+        isLive: boolean;
+    } | null;
+    /** Get the second-to-last value, useful for computing change. */
+    getPreviousClose(seriesId: string): number | null;
+    getLastData(seriesId: string): OHLCData | TimePoint | null;
+    /** Find the data point closest to the given timestamp within one data interval. */
+    getDataAtTime(seriesId: string, time: number): OHLCData | TimePoint | null;
+    /** Get all layers' data at a given time for multi-layer series (Bar/Line with stacking). */
+    getLayerSnapshots(seriesId: string, time: number): {
+        value: number;
+        color: string;
+    }[] | null;
+    getSeriesIds(): string[];
+    /** Get the primary display color for a series. */
+    getSeriesColor(seriesId: string): string | null;
+    getSeriesLabel(seriesId: string): string | undefined;
+    /** Get per-layer colors for a series. Returns null for non-bar/line series (e.g. candlestick, pie). */
+    getSeriesLayers(seriesId: string): {
+        color: string;
+    }[] | null;
+    /** Get all pie slices with computed colors and percentages. Returns null for non-pie series. */
+    getPieSlices(seriesId: string): {
+        label: string;
+        value: number;
+        percent: number;
+        color: string;
+    }[] | null;
+    /** Get the hovered pie slice info (label, value, percentage, color). Returns null if no hover. */
+    getPieHoverInfo(seriesId: string): {
+        label: string;
+        value: number;
+        percent: number;
+        color: string;
+    } | null;
+    /** Apply a new theme and update candlestick series colors. Line series keep their individual colors. */
+    setTheme(theme: ChartTheme): void;
+    getTheme(): ChartTheme;
+    /** Update axis configuration and re-render. */
+    setAxis(config: AxisConfig): void;
+    getMediaSize(): Size;
+    /** Returns layout metrics for the chart area, Y axis, and time axis. */
+    getLayout(): ChartLayout;
+    getDataInterval(): number;
+    /** Update viewport padding at runtime. Refits the visible range to current data bounds. */
+    setPadding(padding: ChartOptions['padding']): void;
+    /** Show or hide the background grid. Takes effect on the next render frame. */
+    setGrid(grid: boolean): void;
+    /** Notify chart that a YLabel is present (affects right padding). */
+    setYLabel(has: boolean): void;
+    private updatePieHover;
+    private updateViewportPadding;
+    /** Tear down the chart: cancel animations, remove listeners, and detach the canvas. */
+    destroy(): void;
+    /** Compute the earliest and latest timestamps across all series. */
+    private getDataBounds;
+    private onDataChanged;
+    /** Check whether the last data point of any series falls within the visible time range. */
+    private isLastPointVisible;
+    private updateDataInterval;
+    private updateYRange;
+    /** Resolve an {@link AxisBound} to a concrete numeric value. */
+    private resolveBound;
+    /**
+     * Lightweight scale sync: updates timeScale/yScale from current viewport state
+     * without advancing the Y smoothing animation. Called from the viewport 'change'
+     * handler so DOM axis components always read fresh coordinates on re-render.
+     */
+    private syncScales;
+    private updateScales;
+    /** Expensive: background, grid, all series. Only on data/viewport/resize change. */
+    private renderMain;
+    /** Cheap overlay: crosshair, nearest-point dots, pulse animation. */
+    private renderOverlay;
+}
+
+/** Layout metrics describing the chart area, Y axis, and time axis sizes. */
+export declare interface ChartLayout {
+    chartArea: Rect;
+    yAxisWidth: number;
+    xAxisHeight: number;
+}
+
+/** Options passed when creating a new {@link ChartInstance}. */
+export declare interface ChartOptions {
+    theme?: ChartTheme;
+    axis?: AxisConfig;
+    /**
+     * Viewport padding. `top`/`bottom` are in pixels. `left`/`right` accept either pixels (`50`)
+     * or data intervals (`{ intervals: 3 }`). Defaults: `{ top: 20, bottom: 20, right: { intervals: 3 }, left: { intervals: 0 } }`.
+     */
+    padding?: {
+        top?: number;
+        bottom?: number;
+        right?: number | {
+            intervals: number;
+        };
+        left?: number | {
+            intervals: number;
+        };
+    };
+    /** Enable zoom, pan, and crosshair interactions. Defaults to true. */
+    interactive?: boolean;
+    /** Show the background grid. Defaults to true. */
+    grid?: boolean;
+}
+
+/**
+ * Complete visual theme for a chart instance.
+ * Controls colors for every visual element: background, series, axes, crosshair, tooltip, etc.
+ */
+export declare interface ChartTheme {
+    /** Page/container background */
+    background: string;
+    /** Chart area gradient [top, bottom] — subtle vignette for depth */
+    chartGradient: [string, string];
+    typography: Typography;
+    /** Grid line appearance in the chart area. */
+    grid: {
+        color: string;
+        style: 'solid' | 'dashed' | 'dotted';
+    };
+    /** OHLC candlestick body and wick colors. */
+    candlestick: {
+        upColor: string;
+        downColor: string;
+        wickUpColor: string;
+        wickDownColor: string;
+    };
+    /** Default line series appearance including area gradient fill. */
+    line: {
+        color: string;
+        width: number;
+        areaTopColor: string;
+        areaBottomColor: string;
+    };
+    /** Color palette for multi-series charts (stacked bars, overlays). */
+    seriesColors: string[];
+    /** Bollinger band / envelope fill colors. */
+    bands: {
+        upper: string;
+        lower: string;
+    };
+    /** Crosshair line and axis label styling. */
+    crosshair: {
+        color: string;
+        labelBackground: string;
+        labelTextColor: string;
+    };
+    /** Axis tick label styling. */
+    axis: {
+        textColor: string;
+    };
+    /** Floating label shown at the current value level on the Y axis. */
+    yLabel: {
+        upBackground: string;
+        downBackground: string;
+        neutralBackground: string;
+        textColor: string;
+    };
+    /** Hover tooltip styling. */
+    tooltip: {
+        background: string;
+        textColor: string;
+        borderColor: string;
+    };
+}
 
-export { createTheme }
+/**
+ * Build a complete {@link ThemePreset} from a partial config.
+ * Only `background` is required — everything else is derived from it.
+ */
+export declare function createTheme(config: ThemeConfig): ThemePreset;
 
 export declare const Crosshair: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export { CrosshairPosition }
+/** Crosshair position in both pixel and data space. */
+export declare interface CrosshairPosition {
+    /** X position in CSS pixels relative to the chart container. */
+    mediaX: number;
+    /** Y position in CSS pixels relative to the chart container. */
+    mediaY: number;
+    /** Snapped time value (timestamp in milliseconds) under the crosshair. */
+    time: number;
+    /** Y (value) under the crosshair. */
+    y: number;
+}
 
-export { darkTheme }
+export declare const darkTheme: ChartTheme;
 
-export { detectInterval }
+export declare function detectInterval(times: number[]): number;
 
-export { dracula }
+export declare const dracula: ThemePreset;
 
-export { formatDate }
+declare class EventEmitter<Events = Record<string, Listener>> {
+    private listeners;
+    on<K extends string & keyof Events>(event: K, listener: Events[K] & Listener): void;
+    off<K extends string & keyof Events>(event: K, listener: Events[K] & Listener): void;
+    protected emit<K extends string & keyof Events>(event: K, ...args: Events[K] extends (...a: infer A) => any ? A : never): void;
+    removeAllListeners(): void;
+}
 
-export { formatTime }
+export declare function formatDate(timestamp: number): string;
 
-export { githubLight }
+export declare function formatTime(timestamp: number, interval: number): string;
 
-export { gruvbox }
+export declare const githubLight: ThemePreset;
 
-export { handwritten }
+export declare const gruvbox: ThemePreset;
 
-export { highContrast }
+export declare const handwritten: ThemePreset;
 
-export { lavenderMist }
+export declare const highContrast: ThemePreset;
 
-export { lightPink }
+export declare const lavenderMist: ThemePreset;
 
-export { lightTheme }
+export declare const lightPink: ThemePreset;
 
-export { LineData }
+export declare const lightTheme: ChartTheme;
+
+/** @deprecated Use {@link TimePoint} instead. */
+export declare type LineData = TimePoint;
 
 export declare const LineSeries: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 seriesId: (id: string) => any;
@@ -220,34 +460,61 @@ seriesId: (id: string) => any;
 onSeriesId?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export { LineSeriesOptions }
+/** Visual options for a line series. */
+export declare interface LineSeriesOptions {
+    /** Display label shown in the tooltip (e.g. "BTC", "Revenue"). */
+    label?: string;
+    /** One color per layer. */
+    colors: string[];
+    lineWidth: number;
+    /** Whether to render a gradient area fill below the line (or between stacked layers). */
+    areaFill: boolean;
+    /** Whether to show an animated pulsing dot at the last data point. */
+    pulse: boolean;
+    /** Stacking mode. Default: 'off'. */
+    stacking: StackingMode;
+}
 
-export { materialPalenight }
+declare type Listener = (...args: any[]) => void;
 
-export { minimalLight }
+export declare const materialPalenight: ThemePreset;
 
-export { mintBreeze }
+export declare const minimalLight: ThemePreset;
 
-export { monokaiPro }
+export declare const mintBreeze: ThemePreset;
 
-export { nightOwl }
+export declare const monokaiPro: ThemePreset;
 
-export { normalizeTime }
+export declare const nightOwl: ThemePreset;
+
+/** Convert a {@link TimeValue} (number ms or Date) to a millisecond timestamp. */
+export declare function normalizeTime(t: TimeValue): number;
 
 export declare const NumberFlow: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {
 locale: string;
 spinDuration: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-export { OHLCData }
-
-export { OHLCInput }
+/** A single OHLC(V) candlestick data point. Time is a timestamp in milliseconds. */
+export declare interface OHLCData {
+    time: number;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+    volume?: number;
+}
+
+/** {@link OHLCData} that also accepts `Date` for the time field. */
+export declare type OHLCInput = Omit<OHLCData, 'time'> & {
+    time: TimeValue;
+};
 
-export { oneDarkPro }
+export declare const oneDarkPro: ThemePreset;
 
-export { panda }
+export declare const panda: ThemePreset;
 
-export { peachCream }
+export declare const peachCream: ThemePreset;
 
 export declare const PieLegend: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {
 format: "value" | "percent";
@@ -259,37 +526,136 @@ seriesId: (id: string) => any;
 onSeriesId?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export { PieSeriesOptions }
+/** Visual options for a pie/donut series. `innerRadiusRatio > 0` makes it a donut. */
+export declare interface PieSeriesOptions {
+    /** Palette fallback (defaults to theme.seriesColors). */
+    colors?: string[];
+    /** 0 = pie, 0.6 = donut. Fraction of outer radius used as inner hole. */
+    innerRadiusRatio: number;
+    /** Gap between slices in radians (default 0.02). */
+    padAngle: number;
+    /** Slice border color (default transparent). */
+    strokeColor: string;
+    /** Slice border width (default 0). */
+    strokeWidth: number;
+    /** Display label shown in tooltip. */
+    label?: string;
+}
 
-export { PieSliceData }
+/** Optional min/max constraints for the Y axis. Omit a side for automatic scaling. */
+/** A single slice in a pie/donut chart. */
+export declare interface PieSliceData {
+    label: string;
+    value: number;
+    /** Override color for this slice. Falls back to seriesColors palette. */
+    color?: string;
+}
 
 export declare const PieTooltip: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export { quietLight }
-
-export { rosePineDawn }
-
-export { sandDune }
-
-export { SeriesType }
-
-export { solarizedLight }
-
-export { StackingMode }
-
-export { ThemeConfig }
-
-export { ThemePreset }
-
-export { themes }
+export declare const quietLight: ThemePreset;
+
+/** Axis-aligned rectangle in media (CSS) coordinates. */
+declare interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+export declare const rosePineDawn: ThemePreset;
+
+export declare const sandDune: ThemePreset;
+
+/** Supported primary series types. */
+export declare type SeriesType = 'candlestick' | 'line' | 'bar' | 'pie';
+
+/** Width and height pair. */
+declare interface Size {
+    width: number;
+    height: number;
+}
+
+export declare const solarizedLight: ThemePreset;
+
+/** Stacking mode for bar/line series: off (overlap), normal (stacked), percent (100% stacked). */
+export declare type StackingMode = 'off' | 'normal' | 'percent';
+
+/**
+ * Input config for {@link createTheme}. Mirrors the structure of {@link ChartTheme}
+ * but everything is optional except `background`. Missing values are derived automatically.
+ */
+export declare interface ThemeConfig {
+    name?: string;
+    description?: string;
+    background: string;
+    chartGradient?: [string, string];
+    typography?: Partial<ChartTheme['typography']>;
+    grid?: Partial<ChartTheme['grid']>;
+    candlestick?: Partial<ChartTheme['candlestick']>;
+    line?: Partial<ChartTheme['line']>;
+    seriesColors?: string[];
+    bands?: Partial<ChartTheme['bands']>;
+    crosshair?: Partial<ChartTheme['crosshair']>;
+    axis?: Partial<ChartTheme['axis']>;
+    yLabel?: Partial<ChartTheme['yLabel']>;
+    tooltip?: Partial<ChartTheme['tooltip']>;
+    /** URL to load the font (e.g. Google Fonts). */
+    fontUrl?: string | null;
+}
+
+export declare interface ThemePreset {
+    name: string;
+    description?: string;
+    fontUrl: string | null;
+    theme: ChartTheme;
+    dark: boolean;
+    /** Optional CSS background-image for the page */
+    backgroundImage?: string;
+    backgroundSize?: string;
+}
+
+/** All built-in themes keyed by display name */
+export declare const themes: Record<string, ThemePreset>;
 
 export declare const TimeAxis: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export { TimePoint }
+/** A single time-value data point for line and bar series. Time is a timestamp in milliseconds. */
+export declare interface TimePoint {
+    time: number;
+    value: number;
+}
+
+/** {@link TimePoint} that also accepts `Date` for the time field. */
+export declare type TimePointInput = Omit<TimePoint, 'time'> & {
+    time: TimeValue;
+};
 
-export { TimePointInput }
+declare class TimeScale {
+    private from;
+    private to;
+    private width;
+    private pixelRatio;
+    update(range: VisibleRange, mediaWidth: number, pixelRatio: number): void;
+    timeToX(time: number): number;
+    timeToBitmapX(time: number): number;
+    xToTime(x: number): number;
+    pixelDeltaToTimeDelta(pixelDelta: number): number;
+    barWidthMedia(dataInterval: number): number;
+    barWidthBitmap(dataInterval: number): number;
+    niceTickValues(dataInterval: number): {
+        ticks: number[];
+        tickInterval: number;
+    };
+    getRange(): VisibleRange;
+    getMediaWidth(): number;
+}
 
-export { TimeValue }
+/**
+ * Accepted time input: a timestamp in **milliseconds** (like `Date.now()`) or a `Date` object.
+ * `Date` values are converted to milliseconds internally via `Date.getTime()`.
+ */
+export declare type TimeValue = number | Date;
 
 export declare const Tooltip: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
 sort: TooltipSort;
@@ -297,7 +663,14 @@ sort: TooltipSort;
 
 declare type TooltipSort = 'none' | 'asc' | 'desc';
 
-export { Typography }
+/** Font family and size tokens used across the chart. */
+export declare interface Typography {
+    fontFamily: string;
+    fontSize: number;
+    axisFontSize: number;
+    yFontSize: number;
+    tooltipFontSize: number;
+}
 
 export declare function useChartInstance(): ChartInstance;
 
@@ -316,16 +689,65 @@ export declare function useVisibleRange(chart: ChartInstance): Ref<VisibleRange>
 
 export declare function useYRange(chart: ChartInstance): Ref<YRange>;
 
-export { VisibleRange }
+/** Time range (timestamps in milliseconds) of the currently visible portion of the chart. */
+export declare interface VisibleRange {
+    from: number;
+    to: number;
+}
 
-export { XAxisConfig }
+/** Configuration for the X (time) axis. */
+export declare interface XAxisConfig {
+    /** Height in pixels. Default: 30. */
+    height?: number;
+    /** Whether the axis is visible. Default: true. When false, height is treated as 0. */
+    visible?: boolean;
+}
 
 export declare const YAxis: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export { YAxisConfig }
+/** Configuration for the Y axis. */
+export declare interface YAxisConfig {
+    /** Width in pixels. Default: 55. */
+    width?: number;
+    /** Minimum bound. Default: 'auto'. */
+    min?: AxisBound;
+    /** Maximum bound. Default: 'auto'. */
+    max?: AxisBound;
+    /** Whether the axis is visible. Default: true. When false, width is treated as 0. */
+    visible?: boolean;
+}
 
 export declare const YLabel: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export { YRange }
+/** Min/max value range for the Y axis. */
+export declare interface YRange {
+    min: number;
+    max: number;
+}
+
+/**
+ * Maps values to vertical pixel positions (and vice versa).
+ * Also provides tick generation and value formatting for the Y axis.
+ */
+declare class YScale {
+    private min;
+    private max;
+    private height;
+    private pixelRatio;
+    /** Recalculate the scale with a new Y range, chart height, and device pixel ratio. */
+    update(range: YRange, mediaHeight: number, pixelRatio: number): void;
+    /** Convert a value to a Y position in CSS (media) pixels. */
+    valueToY(value: number): number;
+    /** Convert a value to a Y position in physical (bitmap) pixels. */
+    valueToBitmapY(value: number): number;
+    /** Convert a Y position in CSS pixels back to a value. */
+    yToValue(y: number): number;
+    /** Generate evenly spaced "nice" tick values that fit the current range and chart height. */
+    niceTickValues(): number[];
+    getRange(): YRange;
+    getMediaHeight(): number;
+    /** Format a value for display, adapting decimal places to the visible range magnitude. */
+    formatY(value: number): string;
+}
 
 export { }