@abdullahjaswal/tickyr-charts-solid 0.1.0

package/dist/charts/mark-buffers.d.ts

@@ -0,0 +1,105 @@
+/** Common discriminant - every SoA buffer carries its visible length so
+ *  the draw loop knows how many slots are populated. Capacity may
+ *  exceed length when buffers are pre-sized + grown by doubling. */
+export interface SoaBuffer {
+    readonly length: number;
+}
+/** LineChart per-mark layout. Drawn from a single contiguous Float64
+ *  pair (xs, ys) - the simplest SoA shape. */
+export interface LineMarkBuffer extends SoaBuffer {
+    readonly xs: Float64Array;
+    readonly ys: Float64Array;
+    /** Optional per-mark color index into a ColorStringTable. `null` =
+     *  mono-color, caller draws with a single strokeStyle. */
+    readonly colorIndices: Uint8Array | null;
+}
+/** CandleChart per-bar layout. Six parallel `Float64Array` pulled from
+ *  the engine's typed-array views (no copy). The body / wick are
+ *  derived per-bar from `opens/closes/highs/lows` at draw time; this
+ *  buffer matches the engine's SoA exactly. */
+export interface CandleMarkBuffer extends SoaBuffer {
+    readonly times: Float64Array;
+    readonly opens: Float64Array;
+    readonly highs: Float64Array;
+    readonly lows: Float64Array;
+    readonly closes: Float64Array;
+    readonly volumes: Float64Array | null;
+}
+/** BarChart per-bar layout. Bars are drawn from category + value pairs;
+ *  the orientation (vertical / horizontal) is a chart-level setting,
+ *  not a per-bar field. */
+export interface BarMarkBuffer extends SoaBuffer {
+    readonly categories: Float64Array;
+    readonly values: Float64Array;
+    readonly colorIndices: Uint8Array | null;
+}
+/** ScatterChart per-point layout. `sizes` may be null when every point
+ *  shares the same size (chart-level setting). */
+export interface ScatterMarkBuffer extends SoaBuffer {
+    readonly xs: Float64Array;
+    readonly ys: Float64Array;
+    readonly sizes: Float64Array | null;
+    readonly colorIndices: Uint8Array | null;
+}
+/** HistogramChart per-bin layout. */
+export interface HistogramBinBuffer extends SoaBuffer {
+    /** `length + 1` entries - N bins have N+1 boundary edges. */
+    readonly edges: Float64Array;
+    readonly counts: Uint32Array;
+    /** The y-axis value for each bin (count, frequency, or density -
+     *  depending on `yAxisMode`). */
+    readonly yValues: Float64Array;
+}
+/** HeatmapChart cell layout. Stored as a flat row-major Float64
+ *  matrix; (row, col) → values[row * cols + col]. */
+export interface HeatmapMatrixBuffer extends SoaBuffer {
+    readonly rows: number;
+    readonly cols: number;
+    /** Flat `rows * cols` cells in row-major order. */
+    readonly values: Float64Array;
+    /** Optional null-mask: `1` = present, `0` = null/missing. */
+    readonly mask: Uint8Array | null;
+}
+/** Renko brick layout. Each brick has a direction (+1 / -1), price
+ *  range (bottom→top), and a source-bar index for hover lookup. */
+export interface RenkoBricksBuffer extends SoaBuffer {
+    readonly bottomPrices: Float64Array;
+    readonly topPrices: Float64Array;
+    readonly directions: Int8Array;
+    readonly sourceIdx: Int32Array;
+    readonly brickSize: number;
+}
+/** Kagi leg layout. Legs alternate direction; `thick` is a per-leg
+ *  bit flag (yang vs yin) per the shoulder-waist rule. */
+export interface KagiLegsBuffer extends SoaBuffer {
+    readonly startPrices: Float64Array;
+    readonly endPrices: Float64Array;
+    readonly directions: Int8Array;
+    readonly thick: Uint8Array;
+    readonly sourceIdx: Int32Array;
+}
+/** Point & Figure column layout - each column is a stack of X's or O's
+ *  (depending on direction) covering boxes `bottomBoxes..topBoxes`. */
+export interface PnFColumnsBuffer extends SoaBuffer {
+    readonly bottomBoxes: Float64Array;
+    readonly topBoxes: Float64Array;
+    readonly directions: Int8Array;
+    readonly sourceIdx: Int32Array;
+    readonly boxSize: number;
+}
+/** Depth (orderbook) chart layout - bids and asks as parallel arrays. */
+export interface DepthBuffer extends SoaBuffer {
+    readonly bidPrices: Float64Array;
+    readonly bidSizes: Float64Array;
+    readonly bidCumulative: Float64Array;
+    readonly askPrices: Float64Array;
+    readonly askSizes: Float64Array;
+    readonly askCumulative: Float64Array;
+}
+/** Hit-test result SoA - used by spatial-index queries. Sortable by
+ *  distance via parallel-array sort (no per-result object). */
+export interface HitTestResultBuffer extends SoaBuffer {
+    readonly ids: Uint32Array;
+    readonly types: Uint8Array;
+    readonly distances: Float64Array;
+}

package/dist/charts/pie-chart-controller.d.ts

@@ -0,0 +1,83 @@
+import { Personalization, ThemeInput, VisualStyle, Theme, LabelPlacement, ResolvedLabelContent, SortOrder, ChartFormatter } from '../personalization';
+import { HoverState, PieChartBaseProps, PieChartTooltipProps } from './pie-chart-helpers';
+import { PieSeries } from './pie-slice-compute';
+export interface PieChartProviderSnapshot {
+    theme: ThemeInput;
+    palette: string;
+    locale: string;
+    timeZone: string | undefined;
+    visualStyle: VisualStyle;
+    outlineFillColor: "auto" | string;
+    outlineFillOpacity: number;
+    cornerRadius: number;
+    borderWidth: number;
+    accents: boolean;
+    osTheme: Theme;
+    appTheme: Theme;
+}
+export interface PieChartRenderContext {
+    personalization: Personalization;
+    formatter: ChartFormatter;
+    resolvedLocaleBase: string;
+    resolvedTimeZone: string | undefined;
+    resolvedSeries: PieSeries;
+    resolvedLabelPlacement: LabelPlacement;
+    resolvedLabelContent: ResolvedLabelContent;
+    resolvedSortOrder: SortOrder;
+    innerRadiusFraction: number;
+    /** Total value (post-combine) - useful for centerLabel. */
+    totalValue: number;
+    ariaLabel: string;
+    cssWidth: number;
+    cssHeight: number;
+}
+export interface PieChartControllerCallbacks {
+    onContextChange(ctx: PieChartRenderContext): void;
+    onHoverChange(hover: HoverState | null): void;
+}
+export interface PieChartControllerProps extends PieChartBaseProps {
+    tooltip?: undefined | false | ((p: PieChartTooltipProps) => unknown);
+}
+export interface PieChartControllerMountOptions extends PieChartControllerCallbacks {
+    container?: HTMLElement | null;
+    staticCanvas: HTMLCanvasElement;
+    dynamicCanvas: HTMLCanvasElement | null;
+    initialProps: PieChartControllerProps;
+    initialProvider: PieChartProviderSnapshot;
+    /** Default innerRadius when the host doesn't pass one. 0 = Pie, 0.5 = Donut. */
+    innerRadiusDefault: number;
+}
+export declare class PieChartController {
+    private staticCanvas;
+    private dynamicCanvas;
+    private callbacks;
+    private props;
+    private providerCtx;
+    private innerRadiusDefault;
+    private handle;
+    private hoverState;
+    private dynCfg;
+    private resolvedSeries;
+    private startAngles;
+    private endAngles;
+    private sliceColors;
+    private personalization;
+    private resolvedLocale;
+    private formatter;
+    private resolvedLabelPlacement;
+    private resolvedLabelContent;
+    private resolvedSortOrder;
+    private innerRadiusFraction;
+    private staticDrawAbort;
+    private disposed;
+    private visGate;
+    constructor(opts: PieChartControllerMountOptions);
+    update(props: PieChartControllerProps, providerCtx: PieChartProviderSnapshot): void;
+    handlePointerMove(e: PointerEvent): void;
+    handlePointerLeave(): void;
+    dispose(): void;
+    private setHover;
+    private resolveDerived;
+    private applyDynamicCfgFromProps;
+    private runStaticDraw;
+}

package/dist/charts/pie-chart-helpers.d.ts

@@ -0,0 +1,155 @@
+import { Personalization, ThemeInput, DigitGrouping, NumberAbbreviation, DecimalPlaces, CurrencyDisplay, PercentPrecision, DateFormat, TimeFormat, LegendPosition, LegendVisibility, LabelPlacement, LabelContentInput, ResolvedLabelContent, SortOrder, SmallSliceThresholdInput, ChartFormatter } from '../personalization';
+import { Viewport } from '../viewport/viewport-sizer';
+import { CrosshairMarker } from '../rendering/draw/crosshair';
+import { GridStyle } from '../rendering/draw/grid';
+import { PieSeries, PieSeriesInput } from './pie-slice-compute';
+export type { PieSeries, PieSeriesInput, PieSlice } from './pie-slice-compute';
+export interface PieChartTooltipProps {
+    /** Slice index in the post-sort/combine order. */
+    readonly idx: number;
+    readonly name: string;
+    readonly value: number;
+    /** 0–1 fraction of the total. */
+    readonly percent: number;
+    readonly color: string;
+    readonly pointerX: number;
+    readonly pointerY: number;
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly theme: import('../personalization').Theme;
+    readonly palette: import('../personalization').Palette;
+    readonly locale: string;
+    readonly timeZone: string | undefined;
+    readonly formatter: ChartFormatter;
+}
+export interface PieChartBaseProps {
+    /** Slice data - array of `{ name, value, color? }`. Each value
+     *  becomes a slice proportional to its share of the total. */
+    data?: PieSeriesInput;
+    /** Default -90° (12 o'clock). Degrees. */
+    startAngle?: number;
+    /** Default 270° (full circle). Degrees. */
+    endAngle?: number;
+    /** Default 3°. Gap between slices, in degrees. */
+    padAngle?: number;
+    /** Default 0 (Pie) / 0.5 (Donut). */
+    innerRadius?: number;
+    /** Default 'auto'. */
+    labelPlacement?: LabelPlacement;
+    /** Default 'name + percent'. */
+    labelContent?: LabelContentInput;
+    /** Default 'value-desc'. */
+    sortOrder?: SortOrder;
+    /** Default false. */
+    smallSliceThreshold?: SmallSliceThresholdInput;
+    legend?: LegendVisibility;
+    legendPosition?: LegendPosition;
+    crosshairVisible?: boolean;
+    crosshairLineStyle?: GridStyle;
+    crosshairMarker?: CrosshairMarker;
+    width?: number;
+    height?: number;
+    theme?: ThemeInput;
+    palette?: string;
+    visualStyle?: "Fill" | "Outline";
+    outlineFillColor?: "auto" | string;
+    outlineFillOpacity?: number;
+    pixelDensityCap?: number;
+    fastMode?: boolean;
+    /** Glow + glow-color axes. */
+    glow?: import('../personalization/axes/glow').GlowInput;
+    glowColor?: import('../personalization/axes/glow').GlowColorInput;
+    /** Pattern fills. */
+    pattern?: import('../personalization/axes/pattern').PatternInput;
+    patternScale?: number;
+    patternColor?: import('../personalization/axes/pattern').PatternColorInput;
+    ariaLabel?: string;
+    accents?: boolean;
+    locale?: string;
+    timeZone?: string;
+    cornerRadius?: number;
+    borderWidth?: number;
+    digitGrouping?: DigitGrouping;
+    numberAbbreviation?: NumberAbbreviation;
+    decimalPlaces?: DecimalPlaces;
+    currency?: string;
+    currencyDisplay?: CurrencyDisplay;
+    percentPrecision?: PercentPrecision;
+    dateFormat?: DateFormat;
+    timeFormat?: TimeFormat;
+}
+export declare const DEFAULT_FONT = "12px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+export declare const DEFAULT_LABEL_FONT_SIZE = 11;
+/** Slices smaller than this auto-hide their inside label. */
+export declare const INSIDE_LABEL_MIN_DEG = 18;
+export declare const DEFAULT_PAD_ANGLE_DEG = 3;
+export declare const DEFAULT_START_ANGLE_DEG = -90;
+export declare const DEFAULT_END_ANGLE_DEG = 270;
+export interface HoverState {
+    readonly pointerX: number;
+    readonly pointerY: number;
+    readonly snapX: number;
+    readonly snapY: number;
+    readonly idx: number;
+    readonly name: string;
+    readonly value: number;
+    readonly percent: number;
+    readonly color: string;
+}
+export interface DynamicCfg {
+    readonly crosshairVisible: boolean;
+    readonly crosshairLineStyle: GridStyle;
+    readonly crosshairMarker: CrosshairMarker;
+}
+export interface ChartLayout {
+    innerLeft: number;
+    innerRight: number;
+    innerTop: number;
+    innerBottom: number;
+    /** Center of the pie in CSS pixels. */
+    cx: number;
+    cy: number;
+    /** Outer radius in CSS pixels. */
+    outerR: number;
+    /** Inner radius in CSS pixels (donut hole; 0 for pie). */
+    innerR: number;
+    viewport: Viewport;
+}
+export interface ChartHandle {
+    readonly dynamicCtx: CanvasRenderingContext2D | null;
+    readonly layout: ChartLayout;
+    readonly crosshairLineColor: string;
+    readonly crosshairMarkerStroke: string;
+    /** Per-slice resolved CSS colors (length = sliceCount). */
+    readonly sliceColors: readonly string[];
+}
+export declare function computeLayout(opts: {
+    viewport: Viewport;
+    innerRadiusFraction: number;
+    /** Reserve room for outside labels when label placement extends beyond
+     *  the rim. We pass a single `padding` here at compute time. */
+    outerPadding: number;
+}): ChartLayout;
+export declare function defaultAriaLabel(series: PieSeries): string;
+export interface DrawFullPieArgs {
+    ctx: CanvasRenderingContext2D;
+    series: PieSeries;
+    /** Per-slice angles in radians (post-sort/combine). */
+    startAngles: Float64Array;
+    endAngles: Float64Array;
+    sliceColors: readonly string[];
+    personalization: Personalization;
+    layout: ChartLayout;
+    cornerRadius: number;
+    borderWidth: number;
+    /** Inter-slice gap (radians), rendered as a constant pixel width. */
+    padAngle: number;
+    labelPlacement: LabelPlacement;
+    resolvedLabelContent: ResolvedLabelContent;
+    formatter: ChartFormatter;
+    /** Total value for percent computation (post-combine). */
+    totalValue: number;
+}
+export declare function drawFullPieChart(args: DrawFullPieArgs): void;
+export declare function drawPieDynamicLayer(handle: ChartHandle, hover: HoverState | null, cfg: DynamicCfg): void;
+export declare function findSliceAt(layout: ChartLayout, startAngles: Float64Array, endAngles: Float64Array, sliceCount: number, px: number, py: number): number;

package/dist/charts/pie-slice-compute.d.ts

@@ -0,0 +1,44 @@
+import { SortOrder } from '../personalization/axes/sort-order';
+import { ResolvedSmallSliceThreshold } from '../personalization/axes/small-slice-threshold';
+export declare const TAU: number;
+export declare function degToRad(deg: number): number;
+export declare function radToDeg(rad: number): number;
+export interface PieSlice {
+    readonly name: string;
+    readonly value: number;
+    /** Optional CSS color override. When omitted, palette.categorical[i] cycles. */
+    readonly color?: string;
+}
+export type PieSeriesInput = {
+    readonly slices: readonly PieSlice[];
+} | {
+    readonly values: Float64Array | readonly number[];
+    readonly names: readonly string[];
+    readonly colors?: ReadonlyArray<string | undefined>;
+};
+export interface PieSeries {
+    readonly values: Float64Array;
+    readonly names: readonly string[];
+    /** `colorOverrides[i]` is null when the host didn't pass a color (auto-cycle). */
+    readonly colorOverrides: readonly (string | null)[];
+    readonly length: number;
+    readonly totalValue: number;
+}
+export declare function ingestPieSeries(input: PieSeriesInput): PieSeries;
+export declare function applySortOrder(series: PieSeries, order: SortOrder): PieSeries;
+export declare function combineSmallSlices(series: PieSeries, threshold: ResolvedSmallSliceThreshold | null): PieSeries;
+export interface SliceLayoutOptions {
+    /** Where the first slice begins (radians). Default: -90° = -π/2. */
+    readonly startAngle: number;
+    /** Where the last slice ends (radians). Default: 270° = 3π/2. */
+    readonly endAngle: number;
+    /** Gap between slices (radians). Default: 3° = π/60. */
+    readonly padAngle: number;
+}
+export interface SliceLayout {
+    /** Per-slice start angles in radians, indexed by post-sort/combine position. */
+    readonly startAngles: Float64Array;
+    readonly endAngles: Float64Array;
+    readonly length: number;
+}
+export declare function computeSliceLayout(series: PieSeries, opts: SliceLayoutOptions): SliceLayout;

package/dist/charts/pnf-chart-controller.d.ts

@@ -0,0 +1,153 @@
+import { Personalization, ThemeInput, VisualStyle, Theme, BoxSizingInput, TimeOffSource, PnFSymbolStyle, ChartFormatter, DigitGrouping, NumberAbbreviation, DecimalPlaces, CurrencyDisplay, PercentPrecision, DateFormat, TimeFormat } from '../personalization';
+import { YAxisPosition, XAxisPosition } from '../rendering/draw/axis';
+import { GridStyle } from '../rendering/draw/grid';
+import { CrosshairMarker } from '../rendering/draw/crosshair';
+import { CandleSeriesInput } from '../domain';
+import { PnFColumns } from './time-off-algorithms';
+export interface PnFChartTooltipProps {
+    readonly idx: number;
+    readonly direction: 1 | -1;
+    readonly bottomBox: number;
+    readonly topBox: number;
+    readonly pointerX: number;
+    readonly pointerY: number;
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly theme: import('../personalization').Theme;
+    readonly palette: import('../personalization').Palette;
+    readonly locale: string;
+    readonly timeZone: string | undefined;
+    readonly formatter: ChartFormatter;
+}
+export interface PnFChartBaseProps {
+    /** Required OHLC bars - the chart filters out time and renders X / O
+     *  symbols based on price-reversal logic. */
+    data?: CandleSeriesInput;
+    /** Box-size strategy - `"auto"` (ATR-derived) or explicit value. */
+    boxSize?: BoxSizingInput;
+    /** Number of boxes against the trend required to flip direction.
+     *  Standard is 3. */
+    reversalCount?: number;
+    /** Source field for price: `"close"` (default) or `"high-low"`. */
+    source?: TimeOffSource;
+    /** Symbol style for X / O columns. */
+    symbolStyle?: PnFSymbolStyle;
+    /** Padding between symbols within a column. */
+    symbolPadding?: number;
+    /** Toggle crosshair on hover. */
+    crosshairVisible?: boolean;
+    /** Crosshair line style. */
+    crosshairLineStyle?: GridStyle;
+    /** Snap-marker shape. */
+    crosshairMarker?: CrosshairMarker;
+    width?: number;
+    height?: number;
+    theme?: ThemeInput;
+    palette?: string;
+    visualStyle?: "Fill" | "Outline";
+    outlineFillColor?: "auto" | string;
+    outlineFillOpacity?: number;
+    pixelDensityCap?: number;
+    fastMode?: boolean;
+    /** Glow + glow-color axes. */
+    glow?: import('../personalization/axes/glow').GlowInput;
+    glowColor?: import('../personalization/axes/glow').GlowColorInput;
+    /** Pattern fills. */
+    pattern?: import('../personalization/axes/pattern').PatternInput;
+    patternScale?: number;
+    patternColor?: import('../personalization/axes/pattern').PatternColorInput;
+    ariaLabel?: string;
+    axisVisible?: boolean;
+    yAxisPosition?: YAxisPosition;
+    xAxisPosition?: XAxisPosition;
+    yAxisPadding?: number;
+    gridVisible?: boolean;
+    gridStyle?: GridStyle;
+    gridDensity?: "sparse" | "normal" | "dense";
+    accents?: boolean;
+    locale?: string;
+    timeZone?: string;
+    cornerRadius?: number;
+    borderWidth?: number;
+    digitGrouping?: DigitGrouping;
+    numberAbbreviation?: NumberAbbreviation;
+    decimalPlaces?: DecimalPlaces;
+    currency?: string;
+    currencyDisplay?: CurrencyDisplay;
+    percentPrecision?: PercentPrecision;
+    dateFormat?: DateFormat;
+    timeFormat?: TimeFormat;
+}
+export interface PnFChartProviderSnapshot {
+    theme: ThemeInput;
+    palette: string;
+    locale: string;
+    timeZone: string | undefined;
+    visualStyle: VisualStyle;
+    outlineFillColor: "auto" | string;
+    outlineFillOpacity: number;
+    cornerRadius: number;
+    borderWidth: number;
+    accents: boolean;
+    osTheme: Theme;
+    appTheme: Theme;
+}
+export interface PnFChartRenderContext {
+    personalization: Personalization;
+    formatter: ChartFormatter;
+    resolvedLocaleBase: string;
+    resolvedTimeZone: string | undefined;
+    columns: PnFColumns;
+    ariaLabel: string;
+    cssWidth: number;
+    cssHeight: number;
+}
+export interface HoverState {
+    readonly pointerX: number;
+    readonly pointerY: number;
+    readonly idx: number;
+    readonly direction: 1 | -1;
+    readonly bottomBox: number;
+    readonly topBox: number;
+}
+export interface PnFChartControllerProps extends PnFChartBaseProps {
+    tooltip?: undefined | false | ((p: PnFChartTooltipProps) => unknown);
+}
+export interface PnFChartControllerCallbacks {
+    onContextChange(ctx: PnFChartRenderContext): void;
+    onHoverChange(hover: HoverState | null): void;
+}
+export interface PnFChartControllerMountOptions extends PnFChartControllerCallbacks {
+    container?: HTMLElement | null;
+    staticCanvas: HTMLCanvasElement;
+    dynamicCanvas: HTMLCanvasElement | null;
+    initialProps: PnFChartControllerProps;
+    initialProvider: PnFChartProviderSnapshot;
+}
+export declare class PnFChartController {
+    private staticCanvas;
+    private dynamicCanvas;
+    private callbacks;
+    private props;
+    private providerCtx;
+    private handle;
+    private dynCfg;
+    private columns;
+    private personalization;
+    private resolvedLocale;
+    private formatter;
+    private symbolStyle;
+    private symbolPadding;
+    private staticDrawAbort;
+    private disposed;
+    private visGate;
+    constructor(opts: PnFChartControllerMountOptions);
+    update(props: PnFChartControllerProps, providerCtx: PnFChartProviderSnapshot): void;
+    handlePointerMove(e: PointerEvent): void;
+    handlePointerLeave(): void;
+    dispose(): void;
+    private setHover;
+    private resolveDerived;
+    private applyDynamicCfgFromProps;
+    private runStaticDraw;
+}

package/dist/charts/renko-chart-controller.d.ts

@@ -0,0 +1,151 @@
+import { Personalization, ThemeInput, VisualStyle, Theme, BoxSizingInput, TimeOffSource, ChartFormatter, DigitGrouping, NumberAbbreviation, DecimalPlaces, CurrencyDisplay, PercentPrecision, DateFormat, TimeFormat } from '../personalization';
+import { YAxisPosition, XAxisPosition } from '../rendering/draw/axis';
+import { GridStyle } from '../rendering/draw/grid';
+import { CrosshairMarker } from '../rendering/draw/crosshair';
+import { CandleSeriesInput } from '../domain';
+import { RenkoBricks } from './time-off-algorithms';
+export interface RenkoChartTooltipProps {
+    readonly idx: number;
+    readonly direction: 1 | -1;
+    readonly bottomPrice: number;
+    readonly topPrice: number;
+    readonly sourceTime: number;
+    readonly pointerX: number;
+    readonly pointerY: number;
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly theme: import('../personalization').Theme;
+    readonly palette: import('../personalization').Palette;
+    readonly locale: string;
+    readonly timeZone: string | undefined;
+    readonly formatter: ChartFormatter;
+}
+export interface RenkoChartBaseProps {
+    /** Required OHLC bars - Renko filters out time and renders fixed-
+     *  size price-movement bricks. */
+    data?: CandleSeriesInput;
+    /** Default 'atr-14'. */
+    brickSize?: BoxSizingInput;
+    /** Default 2. */
+    reversalThreshold?: number;
+    /** Default 'close'. */
+    source?: TimeOffSource;
+    /** Default 0 (touching bricks). */
+    brickGap?: number;
+    crosshairVisible?: boolean;
+    crosshairLineStyle?: GridStyle;
+    crosshairMarker?: CrosshairMarker;
+    width?: number;
+    height?: number;
+    theme?: ThemeInput;
+    palette?: string;
+    visualStyle?: "Fill" | "Outline";
+    outlineFillColor?: "auto" | string;
+    outlineFillOpacity?: number;
+    pixelDensityCap?: number;
+    fastMode?: boolean;
+    /** Glow + glow-color axes. */
+    glow?: import('../personalization/axes/glow').GlowInput;
+    glowColor?: import('../personalization/axes/glow').GlowColorInput;
+    /** Pattern fills. */
+    pattern?: import('../personalization/axes/pattern').PatternInput;
+    patternScale?: number;
+    patternColor?: import('../personalization/axes/pattern').PatternColorInput;
+    ariaLabel?: string;
+    axisVisible?: boolean;
+    yAxisPosition?: YAxisPosition;
+    xAxisPosition?: XAxisPosition;
+    yAxisPadding?: number;
+    gridVisible?: boolean;
+    gridStyle?: GridStyle;
+    gridDensity?: "sparse" | "normal" | "dense";
+    accents?: boolean;
+    locale?: string;
+    timeZone?: string;
+    cornerRadius?: number;
+    borderWidth?: number;
+    digitGrouping?: DigitGrouping;
+    numberAbbreviation?: NumberAbbreviation;
+    decimalPlaces?: DecimalPlaces;
+    currency?: string;
+    currencyDisplay?: CurrencyDisplay;
+    percentPrecision?: PercentPrecision;
+    dateFormat?: DateFormat;
+    timeFormat?: TimeFormat;
+}
+export interface RenkoChartProviderSnapshot {
+    theme: ThemeInput;
+    palette: string;
+    locale: string;
+    timeZone: string | undefined;
+    visualStyle: VisualStyle;
+    outlineFillColor: "auto" | string;
+    outlineFillOpacity: number;
+    cornerRadius: number;
+    borderWidth: number;
+    accents: boolean;
+    osTheme: Theme;
+    appTheme: Theme;
+}
+export interface RenkoChartRenderContext {
+    personalization: Personalization;
+    formatter: ChartFormatter;
+    resolvedLocaleBase: string;
+    resolvedTimeZone: string | undefined;
+    bricks: RenkoBricks;
+    ariaLabel: string;
+    cssWidth: number;
+    cssHeight: number;
+}
+export interface HoverState {
+    readonly pointerX: number;
+    readonly pointerY: number;
+    readonly snapX: number;
+    readonly snapY: number;
+    readonly idx: number;
+    readonly direction: 1 | -1;
+    readonly bottomPrice: number;
+    readonly topPrice: number;
+    readonly sourceTime: number;
+}
+export interface RenkoChartControllerProps extends RenkoChartBaseProps {
+    tooltip?: undefined | false | ((p: RenkoChartTooltipProps) => unknown);
+}
+export interface RenkoChartControllerCallbacks {
+    onContextChange(ctx: RenkoChartRenderContext): void;
+    onHoverChange(hover: HoverState | null): void;
+}
+export interface RenkoChartControllerMountOptions extends RenkoChartControllerCallbacks {
+    container?: HTMLElement | null;
+    staticCanvas: HTMLCanvasElement;
+    dynamicCanvas: HTMLCanvasElement | null;
+    initialProps: RenkoChartControllerProps;
+    initialProvider: RenkoChartProviderSnapshot;
+}
+export declare class RenkoChartController {
+    private staticCanvas;
+    private dynamicCanvas;
+    private callbacks;
+    private props;
+    private providerCtx;
+    private handle;
+    private dynCfg;
+    private bricks;
+    private candleTimes;
+    private personalization;
+    private resolvedLocale;
+    private formatter;
+    private brickGap;
+    private staticDrawAbort;
+    private disposed;
+    private visGate;
+    constructor(opts: RenkoChartControllerMountOptions);
+    update(props: RenkoChartControllerProps, providerCtx: RenkoChartProviderSnapshot): void;
+    handlePointerMove(e: PointerEvent): void;
+    handlePointerLeave(): void;
+    dispose(): void;
+    private setHover;
+    private resolveDerived;
+    private applyDynamicCfgFromProps;
+    private runStaticDraw;
+}