@ahoo-wang/wow-view-engine 9.2.0-rc.0

package/dist/ui/charts/EChart.d.ts

@@ -0,0 +1,177 @@
+import { EChartsCoreOption } from 'echarts/core';
+import { ReactNode } from 'react';
+import { LegendEntry } from './ChartLegend.js';
+import { ZoomWindow } from './cartesianZoom.js';
+import { ChartChunk } from './load.js';
+import { ChartTheme } from './theme.js';
+/** Where a legend drawn beside the plot stands. */
+export type LegendPlace = 'top' | 'bottom' | 'right';
+/**
+ * The narrowest frame a legend stands beside the plot in, in pixels. Beside
+ * a plot on a phone the legend takes two fifths of the width, and a pie
+ * squeezed into the rest had no room left for its labels — the library cut
+ * 47.7% to 「4」 (audit P0-6). Under the plot, the pie gets the width, as
+ * Metabase moves a narrow chart's legend below it.
+ */
+export declare const LEGEND_BESIDE_MIN = 480;
+/**
+ * Whether a menu stands over the chart — the follow-up menu on a pressed
+ * group (`DrillMenu`). The press puts the tooltip away, but the pointer is
+ * still on the mark: the least move before the menu's backdrop is up raised
+ * it again, and nothing afterwards reached the chart to take it down, so it
+ * sat over the menu's first items (2026-09-24 walk). While this holds, the
+ * tooltip is not drawn at all; it comes back with the next pointer over the
+ * chart once the menu has gone.
+ */
+export declare const ChartMenuOpen: import('react').Context<boolean>;
+/**
+ * The drawing in one sentence (`chartSentence`), said after its name as
+ * its description: how many groups, the highest and the lowest. Handed
+ * down by `AnalysisChart`, which reads it off the same data the marks are.
+ */
+export declare const ChartSentence: import('react').Context<string | undefined>;
+/**
+ * Whether a press on a mark is a follow-up here (`DrillMenu`): the tooltip
+ * then says so under its rows — and that a time axis is brushed by a drag,
+ * where it is — since nothing else on the page did (R2-40). A board, whose
+ * press filters and says so on its badge, leaves it off.
+ */
+export declare const ChartPressHint: import('react').Context<boolean>;
+/** What a press on a mark hands back: which one, and where the pointer was. */
+export interface ChartClick {
+    componentType: string;
+    seriesIndex?: number;
+    dataIndex: number;
+    /** The datum pressed, as the series holds it: a heatmap cell's `[x, y, …]`. */
+    value?: unknown;
+    /** The pointer event under the press, for the menu to hang from. */
+    event?: {
+        event?: {
+            clientX: number;
+            clientY: number;
+        };
+    };
+}
+export interface EChartProps {
+    /** What is drawn, in one line: the name of the `role="img"`. */
+    name: string;
+    className?: string;
+    /** The drawing for a theme; rebuilt when the theme or this changes. */
+    option: (theme: ChartTheme) => EChartsCoreOption;
+    /**
+     * What the plot's size changes: a category axis turns its names at a
+     * slant once they no longer fit side by side; a pie makes room for its
+     * labels or leaves them out. Merged into the drawing as it resizes, so
+     * the marks move rather than grow in again — and as it is zoomed, handed
+     * the part of the axis on screen (`window`), so a year narrowed to a week
+     * names every day again. Handed the chart's type (`ChartTheme.text`), so
+     * what it measures is measured at the size it is drawn at.
+     */
+    adapt?: (width: number, height: number, window: ZoomWindow | undefined, text: ChartTheme['text']) => EChartsCoreOption | undefined;
+    /**
+     * What a zoom belongs to: while this stays the same, a zoom survives a
+     * redraw — a theme switch, a series switched off in the legend; when it
+     * changes — a new result — the chart opens at its whole range again. A
+     * zoom is never saved (D33 Q51); it lives in this binding and nowhere
+     * else.
+     */
+    zoomFor?: unknown;
+    /**
+     * A press on a mark; left out, the marks are not pressable. On a touch
+     * screen the first tap on a mark shows its tooltip, which says to tap
+     * again (`label.drill.tap-again`), and the second tap on the same mark
+     * is the press: a tap that opened the menu at once left the tooltip no
+     * moment to be read (analysis-echarts.md 2.3).
+     */
+    onClick?: (click: ChartClick) => void;
+    /**
+     * A finished brush (`brushOption`, D33 Q52): the library's `brushEnd`
+     * event as it came, and where the pointer let go, for a menu to hang
+     * from. The cover stays while a menu stands over the chart
+     * (`ChartMenuOpen`) and goes when it closes.
+     */
+    onBrush?: (said: unknown, at: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    /**
+     * Drawn above the plot, beside it (`right`) or under it. Beside it only
+     * where the frame has room (`LEGEND_BESIDE_MIN`): narrower, it goes under
+     * — so the node is drawn for where it lands.
+     */
+    legend?: {
+        at: LegendPlace;
+        node: ReactNode | ((placed: LegendPlace) => ReactNode);
+    };
+    /** Said on the frame, for whoever reads the drawing's state back. */
+    data?: Record<`data-${string}`, string | number | undefined>;
+    /**
+     * The legend's entries as a picture of the chart draws them (D33 Q58):
+     * the ones on screen, a switched-off series left out. Left out where the
+     * chart shows no legend.
+     */
+    legendEntries?: readonly LegendEntry[];
+    /**
+     * The widest the plot grows beside a legend on its right, as a multiple
+     * of its height; the two are then centred in the frame together. A pie is
+     * a circle: in a wide frame the plot took all the width the legend left,
+     * the pie stood in its middle and the legend at the far edge, a hand's
+     * width from the slices it names (2026-09-23 audit). Left out, the plot
+     * takes all the room there is.
+     */
+    hug?: number;
+    /**
+     * The plot's own height, for a family whose drawing is sized by what it
+     * holds rather than by the frame's width — a funnel, by its stages. The
+     * frame then drops its 16:9 aspect and grows with its legend around the
+     * plot. Left out, the plot takes what the frame leaves.
+     */
+    plotHeight?: string;
+    /**
+     * The family's chunk of library modules, when it is not in the first one
+     * (`ChartChunk`): the frame and its name stand while it loads, as they do
+     * for the library itself.
+     */
+    chunk?: ChartChunk;
+}
+/**
+ * One chart, drawn by the library into an element of its own.
+ *
+ * The frame is ours and the drawing is the library's: `data-slot="chart"`
+ * lays out the legend and the plot, and the plot is one `role="img"` named
+ * by what it draws — the library's own accessibility layer stays off, and the
+ * numbers are said by `ChartReadingTable` beside it. Nothing in the drawing
+ * takes focus; the keyboard's way to a group is the table layout (F10).
+ *
+ * The rest is the thin binding the design asks for rather than a wrapper
+ * package (D21): the library is created once the element has a size, told
+ * every new size, handed a whole new option whenever the option changes
+ * (`notMerge`, so a series taken away is gone rather than left behind), and
+ * disposed with the element. The theme is read off the element when it
+ * mounts and again whenever the surface's mode or the tokens it reads change
+ * (`useSurfaceTheme`, `useSurfaceTokens`: one observer up the tree watches
+ * `class`, `data-theme`, `data-fve-preset` and `style`), so a switch to dark
+ * or to another set of `--fve-*` redraws in place rather than remounting.
+ */
+export declare function EChart({ name, className, option, adapt, onClick, legend, data, hug, zoomFor, onBrush, legendEntries, chunk, plotHeight, }: EChartProps): import('react').JSX.Element;
+/**
+ * The drawing as it goes to the library: the family's option, patterns over
+ * its colours where they are asked for, and a zoom kept from before put back
+ * on its slider — a whole new option replaces the last one (`notMerge`), and
+ * would otherwise open every redraw at the whole range again.
+ */
+export declare function composed(option: EChartsCoreOption, patterned: boolean, window: ZoomWindow | undefined): EChartsCoreOption;
+/**
+ * What a zoom event or a drawing says the window is: a slider's event
+ * carries it, an inside zoom's carries a batch of them, and a drawing lists
+ * its zooms (`dataZoom`), all moving the one axis together.
+ */
+export interface ZoomEvent {
+    start?: unknown;
+    end?: unknown;
+    batch?: unknown;
+    dataZoom?: unknown;
+}
+/** The window a zoom event or a drawing stands at, in percent. */
+export declare function zoomWindow(said: ZoomEvent): ZoomWindow | undefined;
+//# sourceMappingURL=EChart.d.ts.map

package/dist/ui/charts/EChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EChart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/EChart.tsx"],"names":[],"mappings":"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"}

package/dist/ui/charts/Funnel.d.ts

@@ -0,0 +1,27 @@
+import { FunnelData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A funnel, drawn by ECharts' own funnel from `funnelOption` and fitted to
+ * its plot by `funnelFit` (2026-09-25): a trapezoid a stage, the words in
+ * or beside it, and between two stages what was lost — the step that lost
+ * the largest share said so in words. Over the drawing, one line says the
+ * whole funnel's conversion (「总转化 85.4%（交易完成 / 下单）」) and one
+ * what its numbers are: the percentage beside a stage is of the first, the
+ * words between two are the drop from the one before. A funnel that
+ * accumulates says that there too: its numbers are "reached at least this
+ * stage", not the stage's own rows the table shows, and a number that
+ * differs from the table with nothing beside it reads as a wrong one.
+ *
+ * Its plot is as tall as its stages need (`funnelPlotHeight`) rather than
+ * the frame's 16:9 — unless the host sizes it, as a board's panel does
+ * (`className`), when the stages are centred in the panel at their
+ * longest.
+ *
+ * A funnel staged by a dimension's values is pressed a stage at a time, as
+ * a bar is (D33 batch C): the stage is its group, which opens the follow-up
+ * menu or sets a board's filter as the panel's click says, and on a board
+ * the stage pressed stands out. A funnel staged by metrics has no group to
+ * press.
+ */
+export declare function Funnel({ data, spec, className, label, column, name, onPick, highlight, }: FamilyProps<FunnelData>): import('react').JSX.Element;
+//# sourceMappingURL=Funnel.d.ts.map

package/dist/ui/charts/Funnel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Funnel.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Funnel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,WAAW,CAAC,UAAU,CAAC,+BAoIzB"}

package/dist/ui/charts/Gauge.d.ts

@@ -0,0 +1,9 @@
+import { GaugeData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A gauge, drawn by ECharts from `gaugeOption`: one number on a scale, and
+ * with a target how much of it is reached. It stands for no group, so
+ * nothing on it is pressed; a number off the scale is said over it.
+ */
+export declare function Gauge({ data, spec, className, label, name, }: FamilyProps<GaugeData>): import('react').JSX.Element;
+//# sourceMappingURL=Gauge.d.ts.map

package/dist/ui/charts/Gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gauge.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Gauge.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,IAAI,GACL,EAAE,WAAW,CAAC,SAAS,CAAC,+BA+BxB"}

package/dist/ui/charts/GeoMap.d.ts

@@ -0,0 +1,11 @@
+import { MapData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A map, drawn by ECharts from `mapOption` over the geography the host
+ * registered (D41). Until it has arrived the frame stands empty; when the
+ * host registered none, or not the one the spec names, or it failed to
+ * load, that is said over the frame. A region the map has no area for is
+ * counted and said, never guessed at. A pressed region is its group.
+ */
+export declare function GeoMap({ data, spec, className, label, column, name, onPick, highlight, }: FamilyProps<MapData>): import('react').JSX.Element;
+//# sourceMappingURL=GeoMap.d.ts.map

package/dist/ui/charts/GeoMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeoMap.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/GeoMap.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAKvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA8C/C;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,WAAW,CAAC,OAAO,CAAC,+BAiEtB"}

package/dist/ui/charts/Heatmap.d.ts

@@ -0,0 +1,9 @@
+import { HeatmapData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A heatmap, drawn by ECharts from `heatmapOption` (D21), with its colour
+ * scale under the cells. A pressed cell is the group of its row and its
+ * column; an empty one is no group, and draws nothing to press.
+ */
+export declare function Heatmap({ data, spec, className, label, column, name, onPick, highlight, }: FamilyProps<HeatmapData>): import('react').JSX.Element;
+//# sourceMappingURL=Heatmap.d.ts.map

package/dist/ui/charts/Heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Heatmap.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAK1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,WAAW,CAAC,WAAW,CAAC,+BA6G1B"}

package/dist/ui/charts/Hierarchy.d.ts

@@ -0,0 +1,12 @@
+import { HierarchyData, SankeyData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A sunburst, a tree or a sankey, drawn by ECharts from its option: a
+ * whole broken down level by level, or an amount flowing from one level
+ * to the next. A press on a part that is one group of the result — an
+ * innermost arc or node, a band of a two-level flow — opens the follow-up
+ * menu on it; over it, how many rows have no size and, over rows cut short,
+ * that the shares are of the groups shown.
+ */
+export declare function Hierarchy({ data, spec, className, label, column, name, onPick, cutShort, highlight, }: FamilyProps<HierarchyData | SankeyData>): import('react').JSX.Element;
+//# sourceMappingURL=Hierarchy.d.ts.map

package/dist/ui/charts/Hierarchy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hierarchy.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Hierarchy.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAMzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAY/C;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,CAAC,aAAa,GAAG,UAAU,CAAC,+BA+EzC"}

package/dist/ui/charts/MetricCard.d.ts

@@ -0,0 +1,4 @@
+import { MetricCardData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+export declare function MetricCard({ data, spec, className, label, change, column, name, filled, }: FamilyProps<MetricCardData>): import('react').JSX.Element;
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/ui/charts/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/MetricCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAgB,MAAM,yBAAyB,CAAC;AAW5E,OAAO,EAAc,KAAK,WAAW,EAAmB,MAAM,aAAa,CAAC;AA4P5E,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,MAAM,GACP,EAAE,WAAW,CAAC,cAAc,CAAC,+BA0K7B"}

package/dist/ui/charts/PieSlices.d.ts

@@ -0,0 +1,26 @@
+import { PieData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * How wide a pie's plot grows beside its legend, against its height: the
+ * circle and room either side for the shares written outside it. Wider, the
+ * legend stood a hand's width from the slices it names.
+ */
+export declare const PIE_HUG = 1.3;
+/**
+ * A pie or a donut, drawn by ECharts from `pieOption` (D21).
+ *
+ * The legend is the key to the picture, so it is always there unless the
+ * spec says none — beside the pie by default, as Metabase draws a donut's,
+ * and under it on a frame too narrow for both (`LEGEND_BESIDE_MIN`) — and
+ * it leads with what the slices measure, the column's own title, then each
+ * slice with its share. The labels outside the slices are written whole or
+ * not at all, as the plot's size allows (`pieFit`): the legend holds every
+ * share either way. When the rows are the first groups of more
+ * the lead also says the shares are of those groups: the remainder is not
+ * on the pie, and a share read as of the whole would be wrong by exactly it.
+ *
+ * It is drawn only with a slice to draw: data of none is the empty state,
+ * which `AnalysisChart` draws instead (`family`).
+ */
+export declare function PieSlices({ data, spec, className, label, column, seriesName, toneOf, adds, name, onPick, cutShort, highlight, }: FamilyProps<PieData>): import('react').JSX.Element;
+//# sourceMappingURL=PieSlices.d.ts.map

package/dist/ui/charts/PieSlices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieSlices.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/PieSlices.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C;;;;GAIG;AACH,eAAO,MAAM,OAAO,MAAM,CAAC;AAE3B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,CAAC,OAAO,CAAC,+BAkKtB"}

package/dist/ui/charts/Profiles.d.ts

@@ -0,0 +1,11 @@
+import { ParallelData, RadarData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A radar or parallel axes, drawn by ECharts from `radarOption` or
+ * `parallelOption`: a shape or a line per group, an axis per metric. A
+ * pressed shape or line is its group. The legend names the groups while
+ * each wears a colour of its own; what was left out is said over it —
+ * a radar's groups past the palette, the groups missing a number.
+ */
+export declare function Profiles({ data, spec, className, label, column, seriesName, name, onPick, highlight, }: FamilyProps<RadarData | ParallelData>): import('react').JSX.Element;
+//# sourceMappingURL=Profiles.d.ts.map

package/dist/ui/charts/Profiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profiles.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Profiles.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,WAAW,CAAC,SAAS,GAAG,YAAY,CAAC,+BAqFvC"}

package/dist/ui/charts/ScatterPoints.d.ts

@@ -0,0 +1,5 @@
+import { ScatterData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/** A scatter, drawn by ECharts from `scatterOption` (D21). */
+export declare function ScatterPoints({ data, spec, className, label, column, name, onPick, highlight, }: FamilyProps<ScatterData>): import('react').JSX.Element;
+//# sourceMappingURL=ScatterPoints.d.ts.map

package/dist/ui/charts/ScatterPoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPoints.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/ScatterPoints.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAM3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,8DAA8D;AAC9D,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,WAAW,CAAC,WAAW,CAAC,+BA6G1B"}

package/dist/ui/charts/TimeCharts.d.ts

@@ -0,0 +1,10 @@
+import { CalendarData, ThemeRiverData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A calendar heatmap or a theme river, drawn by ECharts from its option. A
+ * pressed day is its group; a pressed stream at a bucket is that stream's
+ * group there, the folded 「其他」 none. A river says over itself how many
+ * points it drew as 0 with nothing to say the group was empty.
+ */
+export declare function TimeCharts({ data, spec, className, label, column, seriesName, toneOf, name, onPick, highlight, }: FamilyProps<CalendarData | ThemeRiverData>): import('react').JSX.Element;
+//# sourceMappingURL=TimeCharts.d.ts.map

package/dist/ui/charts/TimeCharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeCharts.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/TimeCharts.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAO5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW/C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,WAAW,CAAC,YAAY,GAAG,cAAc,CAAC,+BAwH5C"}

package/dist/ui/charts/Treemap.d.ts

@@ -0,0 +1,12 @@
+import { TreemapData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A treemap, drawn by ECharts from `treemapOption`: tiles by area, each
+ * named on itself. A pressed tile is its group — both of them, when it
+ * nests — as a pressed cell of a heatmap is. What it could not draw is
+ * said over it: the groups whose number is not above zero, which have no
+ * area, and — over rows cut short — that the shares are of the groups
+ * shown.
+ */
+export declare function Treemap({ data, spec, className, label, column, name, onPick, cutShort, highlight, }: FamilyProps<TreemapData>): import('react').JSX.Element;
+//# sourceMappingURL=Treemap.d.ts.map

package/dist/ui/charts/Treemap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treemap.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Treemap.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAK3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,CAAC,WAAW,CAAC,+BAuE1B"}

package/dist/ui/charts/Waterfall.d.ts

@@ -0,0 +1,11 @@
+import { WaterfallData } from '../../analysis/index.js';
+import { FamilyProps } from './family.js';
+/**
+ * A waterfall, drawn by ECharts from `waterfallOption`: each step a bar
+ * floating on the running total, the closing total on zero. A pressed step
+ * is its group, as a pressed bar is; the total stands for no group and
+ * presses nothing. Over rows cut short the total is of the groups shown,
+ * which is said over the drawing, as a pie says its shares are.
+ */
+export declare function Waterfall({ data, spec, className, label, column, name, onPick, cutShort, highlight, }: FamilyProps<WaterfallData>): import('react').JSX.Element;
+//# sourceMappingURL=Waterfall.d.ts.map

package/dist/ui/charts/Waterfall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Waterfall.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/Waterfall.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAK7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,CAAC,aAAa,CAAC,+BAgG5B"}

package/dist/ui/charts/axis.d.ts

@@ -0,0 +1,101 @@
+import { AxisSpec, NumberFormat, ValueFormat } from '../../model/index.js';
+/**
+ * A number as the spec asks for it, in the surface's language — through the
+ * same `formatNumber` every other number goes through, so an axis tick is not
+ * the one number on the page grouped for the machine rather than the reader.
+ * `percent` is a ratio the kernel produced — `deltaOf` divides — and Intl's
+ * percent style is what scales it.
+ */
+export declare function formatValue(value: number, format: ValueFormat | undefined, locale: string | undefined): string;
+/** A tick on an axis the spec formats: `formatValue`, as `formatTick` writes it. */
+export declare function specTick(value: number, format: ValueFormat | undefined, locale: string | undefined): string;
+/**
+ * A tick written to as many more digits as it takes to be itself, up to
+ * three: ticks are round numbers, so a format that rounds one rounds it
+ * into its neighbour — a trend between 99.95% and 100% labelled every tick
+ * 「100%」 (R2-21) — where 「99.95%」 is the tick it is.
+ */
+export declare function formatTick(value: number, format: NumberFormat, locale: string | undefined): string;
+/**
+ * A part of a whole — a slice of a pie — as a percentage with one decimal,
+ * always the one: 「36.0%」 beside 「32.5%」, so a column of shares lines
+ * up and none reads rounder than it is. A part too small to reach the
+ * first decimal is 「<0.1%」 and one short of the whole by less is
+ * 「>99.9%」, as every percentage is (`formatNumber`): 51 records out of
+ * 1.8 million are few, and 「0%」 reads as none — the rare kinds are the
+ * ones an operator came to the pie for (audit P1-5, as Metabase writes it).
+ */
+export declare function formatShare(share: number, locale: string | undefined): string;
+/**
+ * A change, signed, as a ratio to one decimal always written — 「-15.0%」
+ * beside an amount of 「-14.4」, not 「-15%」 that reads as rounder than it
+ * is — and one too small for that decimal 「<+0.1%」, not 「+0%」 under an
+ * arrow (R2-21).
+ */
+export declare function formatChange(ratio: number, locale: string | undefined): string;
+/**
+ * The longest a category name is drawn on an axis before it is cut with an
+ * ellipsis. The axis sizes itself to the names rather than to a fixed 96px
+ * that cut 「OrderItemReservedTrackEventProcessor」 to
+ * 「kEventProcessor」 from the left; the whole name is in the tooltip.
+ */
+export declare const CATEGORY_LABEL_MAX = 24;
+/** A category name as an axis draws it, cut at `CATEGORY_LABEL_MAX`. */
+export declare function categoryTick(value: string | number): string;
+/**
+ * Whether every number an axis carries is whole — a count of records, a sum
+ * of counts. Such an axis takes no fractional ticks (`minInterval: 1`):
+ * between 0 and 2 the scale otherwise puts 0.5 and 1.5, and the metric's
+ * own format, which rounds a count, writes them 「1」 and 「2」 — an axis
+ * reading 0, 1, 1, 2, 2 (found on the real compensation service,
+ * 2026-09-23). Read off the values rather than the metric's kind: an
+ * average of counts is not whole, and a sum of whole amounts is. A hole is
+ * no number and says nothing either way.
+ */
+export declare function allWhole(values: Iterable<number | null | undefined>): boolean;
+/** Which numeric axis a series or a line belongs to; the left one by default. */
+export declare function axisId(axis: 'left' | 'right' | undefined): 'left' | 'right';
+/** Whether a title is set flat at its axis's head (`sideTitle`). */
+export declare function titleAtHead(name: string | undefined): boolean;
+/**
+ * The title of an axis that runs up the plot — a value axis of an upright
+ * chart, the category axis of one on its side, a scatter's or a heatmap's
+ * vertical axis.
+ *
+ * Latin text turned a quarter reads bottom to top, as Metabase sets it. A
+ * title in Chinese turned the same way lies on its side, every character
+ * rotated, and no one reads 「金额的总和」 like that (2026-09-23 audit).
+ * Stood upright, one character under the next, it would read — but it
+ * falls apart on the Latin, digits and brackets titles carry (「金额（CNY）」)
+ * and takes the plot's whole height. So it is set flat at the axis's head,
+ * over the tick labels and against the axis line: where Chinese BI charts,
+ * and the library's own default, put it. Decided by the title's own text,
+ * not the page's language — an English page can name a Chinese field.
+ *
+ * `head` is the end of the axis at the top of the plot: `end` for a value
+ * axis, `start` for an inverted one — a category axis listed top down.
+ */
+export declare function sideTitle(name: string | undefined, side: 'left' | 'right', head: 'start' | 'end', style: Record<string, unknown>, gap: number): Record<string, unknown>;
+/**
+ * What a value axis is titled when the analyst typed nothing: what it
+ * measures, when that is one thing — a split draws one metric many times,
+ * which is still one — as Metabase titles its axes. Two metrics on the one
+ * axis are named by the legend. On a chart of two axes the legend no longer
+ * says which series stands on which, so each axis names all it measures
+ * (「记录数、客户数」) rather than leaving a scale nobody can read
+ * (2026-09-23 audit). Undefined where there is nothing to say, or a column
+ * has no title to say it with.
+ */
+export declare function measuredTitle(measured: readonly string[], twoAxes: boolean, column: (alias: string | undefined) => string | undefined, join: string): string | undefined;
+/**
+ * A log axis's bounds: the analyst's where they are above zero — a log
+ * scale has no 0 to start at — and otherwise the powers of ten either side
+ * of `values`: left to the library, a bar axis started at 1 and ¥640 stood
+ * on three empty decades (the batch E walk).
+ */
+export declare function logBounds(axis: AxisSpec | undefined, values?: readonly number[]): {
+    logBase: number;
+    min?: number;
+    max?: number;
+};
+//# sourceMappingURL=axis.d.ts.map

package/dist/ui/charts/axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/axis.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQhF;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,MAAM,CAER;AAED,oFAAoF;AACpF,wBAAgB,QAAQ,CACtB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,MAAM,CAER;AAWD;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,MAAM,CAKR;AA0BD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAE7E;AASD;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,MAAM,CAMR;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAK3D;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,OAAO,CAK7E;AAED,iFAAiF;AACjF,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAE3E;AAKD,oEAAoE;AACpE,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAE7D;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,IAAI,EAAE,MAAM,GAAG,OAAO,EACtB,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,GAAG,EAAE,MAAM,GACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBzB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,EACzD,IAAI,EAAE,MAAM,GACX,MAAM,GAAG,SAAS,CAQpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,QAAQ,GAAG,SAAS,EAC1B,MAAM,GAAE,SAAS,MAAM,EAAO,GAC7B;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAsBjD"}

package/dist/ui/charts/boxplotOption.d.ts

@@ -0,0 +1,33 @@
+import { EChartsCoreOption } from 'echarts/core';
+import { BoxplotData } from '../../analysis/index.js';
+import { ChartSpec, RecordData } from '../../model/index.js';
+import { ColumnTitle, ValueLabel } from './family.js';
+import { ChartTheme } from './theme.js';
+/** What a boxplot reads besides its boxes. */
+export interface BoxplotContext {
+    spec?: ChartSpec;
+    label: ValueLabel;
+    column: ColumnTitle;
+    animate: boolean;
+    pickable: boolean;
+    /** The group a press set the board's filter to (D22 I): the rest faint. */
+    highlight?: (row: RecordData) => boolean;
+}
+/** One drawn box, as the tooltip, the press and the reading take it. */
+export interface DrawnBox {
+    /** The group value it stands for, keyed by the dimension's alias. */
+    row: RecordData;
+    /** Its name, as its column reads it. */
+    name: string;
+}
+/** Every box, in the order drawn; its place is how a press is read back. */
+export declare function drawnBoxes(data: BoxplotData, { spec, label }: Pick<BoxplotContext, 'spec' | 'label'>): DrawnBox[];
+/**
+ * A boxplot as the library draws it: a box per group from the lower to the
+ * upper quartile with the median across it, whiskers to the lowest and the
+ * highest — the five numbers Wow computed, never recomputed from records
+ * here. The value axis is the field's, read as its column reads it, and
+ * does not start at 0: a spread is read against itself.
+ */
+export declare function boxplotOption(data: BoxplotData, context: BoxplotContext, theme: ChartTheme): EChartsCoreOption;
+//# sourceMappingURL=boxplotOption.d.ts.map

package/dist/ui/charts/boxplotOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boxplotOption.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/boxplotOption.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG3D,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAGnE,8CAA8C;AAC9C,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;CAC1C;AAWD,wEAAwE;AACxE,MAAM,WAAW,QAAQ;IACvB,qEAAqE;IACrE,GAAG,EAAE,UAAU,CAAC;IAChB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd;AAQD,4EAA4E;AAC5E,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,GACtD,QAAQ,EAAE,CAMZ;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,UAAU,GAChB,iBAAiB,CAiEnB"}

package/dist/ui/charts/candlestickOption.d.ts

@@ -0,0 +1,42 @@
+import { EChartsCoreOption } from 'echarts/core';
+import { CandlestickData } from '../../analysis/index.js';
+import { ChartSpec, RecordData } from '../../model/index.js';
+import { ColumnTitle, ValueLabel } from './family.js';
+import { ChartTheme } from './theme.js';
+/** What a candlestick reads besides its candles. */
+export interface CandlestickContext {
+    spec?: ChartSpec;
+    label: ValueLabel;
+    column: ColumnTitle;
+    animate: boolean;
+    pickable: boolean;
+    /** The period a press set the board's filter to (D22 I): the rest faint. */
+    highlight?: (row: RecordData) => boolean;
+    /** How a candle's direction is said in the tooltip. */
+    words: {
+        rise: string;
+        fall: string;
+        flat: string;
+    };
+}
+/** One drawn candle, as the tooltip, the press and the reading take it. */
+export interface DrawnCandle {
+    /** The period it stands for, keyed by the dimension's alias. */
+    row: RecordData;
+    /** Its name, as its column reads it. */
+    name: string;
+}
+/** Every candle, in the order drawn; its place is how a press is read back. */
+export declare function drawnCandles(data: CandlestickData, { spec, label }: Pick<CandlestickContext, 'spec' | 'label'>): DrawnCandle[];
+/**
+ * A candlestick as the library draws it: a body from the open to the close,
+ * wicks to the highest and the lowest — the four numbers Wow computed. A
+ * candle that closed above its open wears the host's rise colour and one
+ * that closed below its fall colour (`--_fve-rise` / `--_fve-fall`, which
+ * the change convention crosses for a market that reads red as up); the
+ * tooltip says the direction in words as well, since red and green are one
+ * colour to a colour-blind eye. The value axis is the field's and does not
+ * start at 0: a price is read against itself.
+ */
+export declare function candlestickOption(data: CandlestickData, context: CandlestickContext, theme: ChartTheme): EChartsCoreOption;
+//# sourceMappingURL=candlestickOption.d.ts.map

package/dist/ui/charts/candlestickOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"candlestickOption.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/candlestickOption.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,oDAAoD;AACpD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;IACzC,uDAAuD;IACvD,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACrD;AAED,2EAA2E;AAC3E,MAAM,WAAW,WAAW;IAC1B,gEAAgE;IAChE,GAAG,EAAE,UAAU,CAAC;IAChB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd;AAKD,+EAA+E;AAC/E,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EACrB,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,GAC1D,WAAW,EAAE,CAMf;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,UAAU,GAChB,iBAAiB,CA8DnB"}