@krizaka/charts 0.0.0-stage → 0.1.0

package/dist/funnel.d.ts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+import { g as Datum, A as Accessor, V as ValueFormat } from './context-BgYUymEO.js';
+import { E as EngineProps } from './host-_F8RgiIz.js';
+import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+
+interface FunnelProps<T extends Datum> extends ChartFrameProps, EngineProps {
+    /** One row per stage, first stage first. */
+    data: readonly T[];
+    /** The field (or function) naming the stage. */
+    label: Accessor<T, string>;
+    /** The field of how many reached it. */
+    value: Accessor<T, number>;
+    /** How the counts are written. Default `"integer"`. */
+    format?: ValueFormat;
+    /** The headers of the data table: the stage, the count, the share of the first, of the previous. */
+    stageLabel?: string;
+    /** The header of the counts. */
+    valueLabel?: string;
+    /** The header of the share of the first stage. Default “% first”. */
+    fromFirstLabel?: string;
+    /** The header of the share of the previous stage. Default “% previous”. */
+    fromPreviousLabel?: string;
+}
+declare function Funnel<T extends Datum>(props: FunnelProps<T>): react.JSX.Element;
+
+export { Funnel, type FunnelProps };

package/dist/funnel.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Funnel
+} from "./chunk-XAJ3KCC4.js";
+import "./chunk-I5QUZVU2.js";
+import "./chunk-W5FX4TU3.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  Funnel
+};
+//# sourceMappingURL=funnel.js.map

package/dist/funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/gauge.d.ts

@@ -0,0 +1,38 @@
+import * as react from 'react';
+import { V as ValueFormat, T as Threshold, j as Tone } from './context-BgYUymEO.js';
+import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+
+interface GaugeZone {
+    /** The zone runs from the previous one's end (or `min`) to this value. */
+    readonly to: number;
+    readonly tone: Tone;
+    /** Its name, in the summary and the table (“Over quota”). */
+    readonly label?: string;
+}
+interface GaugeProps extends Omit<ChartFrameProps, "dataTable" | "exportable"> {
+    /** The value. */
+    /** The value. */
+    value: number;
+    /** The start of the range. Default 0. */
+    /** The start of the range. Default 0. */
+    min?: number;
+    /** The end of the range. Default 100. */
+    /** The end of the range. Default 100. */
+    max?: number;
+    /** How the value is written. */
+    /** How the value and the range are written. */
+    format?: ValueFormat;
+    /** The words under the value (“of 50 000 credits”). */
+    caption?: string;
+    /** A tick on the arc: the objective. */
+    target?: Threshold;
+    /** Coloured zones along the arc: the value takes the tone of the zone it is in. */
+    zones?: readonly GaugeZone[];
+    /** The tone of the value without zones. Default `"accent"`. */
+    /** The tone of the value without zones. Default `"accent"`. */
+    tone?: Tone;
+}
+/** One figure against its range — credits used of a plan, a challenge's progress, a load. */
+declare function Gauge(props: GaugeProps): react.JSX.Element;
+
+export { Gauge, type GaugeProps, type GaugeZone };

package/dist/gauge.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  Gauge
+} from "./chunk-DZB6HEVO.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  Gauge
+};
+//# sourceMappingURL=gauge.js.map

package/dist/gauge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/geo.d.ts

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import { g as Datum, A as Accessor, V as ValueFormat } from './context-BgYUymEO.js';
+import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+
+/** A place on the map or the globe. */
+interface GeoPoint {
+    /** Longitude, then latitude, in degrees. */
+    readonly lon: number;
+    readonly lat: number;
+    /** Its name (“Montréal”, “eu-west-3 · Paris”). */
+    readonly label: string;
+    /** An amount: the bubble's area on a map; written in the tooltip and the table. */
+    readonly value?: number;
+}
+interface GeoMapProps<T extends Datum> extends ChartFrameProps {
+    /** One row per region with a value. */
+    data: readonly T[];
+    /** The field (or function) of the region's ISO 3166-1 alpha-2 code (`"FR"`, `"US"`). */
+    region: Accessor<T, string>;
+    /** The field (or function) of its value. */
+    value: Accessor<T, number>;
+    /** How the values are written. */
+    format?: ValueFormat;
+    /** Bubbles on places, their area by `value`. */
+    points?: readonly GeoPoint[];
+    /** The number of colour steps of the scale. Default 5. */
+    steps?: number;
+    /** The header of the regions and of the values in the table (“Country”, “Viewers”). */
+    regionLabel?: string;
+    /** The header of the values (“Viewers”). */
+    valueLabel?: string;
+    /** Called with the row when a region is clicked (or Enter is pressed on it). */
+    onSelect?: (datum: T, index: number) => void;
+}
+declare function GeoMap<T extends Datum>(props: GeoMapProps<T>): react.JSX.Element;
+
+export { GeoMap, type GeoMapProps, type GeoPoint };

package/dist/geo.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  GeoMap
+} from "./chunk-WBH2QU77.js";
+import "./chunk-6FINSUOS.js";
+import "./chunk-W5FX4TU3.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  GeoMap
+};
+//# sourceMappingURL=geo.js.map

package/dist/geo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/globe.d.ts

@@ -0,0 +1,36 @@
+import * as react from 'react';
+import { j as Tone, V as ValueFormat } from './context-BgYUymEO.js';
+import { GeoPoint } from './geo.js';
+import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+
+interface GlobePoint extends GeoPoint {
+    /** Its tone: a healthy region in `"success"`, a degraded one in `"warning"`. Default `"accent"`. */
+    readonly tone?: Tone;
+}
+interface GlobeArc {
+    /** The labels of two points (or their coordinates, `[lon, lat]`). */
+    readonly from: string | readonly [number, number];
+    readonly to: string | readonly [number, number];
+}
+interface Globe3DProps extends ChartFrameProps {
+    /** The places: deployment regions, data centres, audiences. */
+    points: readonly GlobePoint[];
+    /** Great-circle arcs between places: replication, traffic. */
+    arcs?: readonly GlobeArc[];
+    /** Countries to tint in the accent (ISO alpha-2): where the service is available. */
+    regions?: readonly string[];
+    /** How the points' values are written. */
+    format?: ValueFormat;
+    /** The longitude and latitude facing the reader at first. Default: the first point. */
+    center?: readonly [number, number];
+    /** Turn slowly while on screen (never under reduced motion). Default true. */
+    autoRotate?: boolean;
+    /** The header of the places and of their values in the table. */
+    pointLabel?: string;
+    /** The header of the points' values (“Availability”). */
+    valueLabel?: string;
+}
+/** The world as a lit sphere: deployment regions, the arcs between them, a slow turn. */
+declare function Globe3D(props: Globe3DProps): react.JSX.Element;
+
+export { Globe3D, type Globe3DProps, type GlobeArc, type GlobePoint };

package/dist/globe.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  Globe3D
+} from "./chunk-PTSB3H5Q.js";
+import "./chunk-6FINSUOS.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  Globe3D
+};
+//# sourceMappingURL=globe.js.map

package/dist/globe.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/heatmap-JWQOKUGM.js

@@ -0,0 +1,13 @@
+"use client";
+
+// src/echarts/engines/heatmap.ts
+import { HeatmapChart } from "echarts/charts";
+import { CalendarComponent, GridComponent, TooltipComponent, VisualMapComponent } from "echarts/components";
+import { use as register } from "echarts/core";
+function install() {
+  register([HeatmapChart, GridComponent, CalendarComponent, VisualMapComponent, TooltipComponent]);
+}
+export {
+  install
+};
+//# sourceMappingURL=heatmap-JWQOKUGM.js.map

package/dist/heatmap-JWQOKUGM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/echarts/engines/heatmap.ts"],"sourcesContent":["import { HeatmapChart } from \"echarts/charts\";\nimport { CalendarComponent, GridComponent, TooltipComponent, VisualMapComponent } from \"echarts/components\";\nimport { use as register } from \"echarts/core\";\n\n/**\n * Registers what this chart needs. A function, not a side effect of the import: the package is `sideEffects: false`,\n * and a bundler drops a module imported only for its side effects.\n */\nexport function install(): void {\n  register([HeatmapChart, GridComponent, CalendarComponent, VisualMapComponent, TooltipComponent]);\n}\n"],"mappings":";;;AAAA,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB,eAAe,kBAAkB,0BAA0B;AACvF,SAAS,OAAO,gBAAgB;AAMzB,SAAS,UAAgB;AAC9B,WAAS,CAAC,cAAc,eAAe,mBAAmB,oBAAoB,gBAAgB,CAAC;AACjG;","names":[]}

package/dist/heatmap.d.ts

@@ -0,0 +1,47 @@
+import * as react from 'react';
+import { g as Datum, A as Accessor, V as ValueFormat, C as CategoryFormat } from './context-BgYUymEO.js';
+import { E as EngineProps } from './host-_F8RgiIz.js';
+import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+
+interface HeatmapProps<T extends Datum> extends ChartFrameProps, EngineProps {
+    /** One row per cell. */
+    data: readonly T[];
+    /** The field of the column (an hour, a day) and of the row (a weekday, a team). */
+    x: Accessor<T, unknown>;
+    /** The field of the row (a weekday, a team). */
+    y: Accessor<T, unknown>;
+    /** The field of the cell's value. */
+    value: Accessor<T, number>;
+    /** The order of the columns and the rows. Default: as they first appear. */
+    xCategories?: readonly unknown[];
+    /** The order of the rows. Default: as they first appear. */
+    yCategories?: readonly unknown[];
+    /** How the values, the columns and the rows are written. */
+    format?: ValueFormat;
+    /** How the columns are written. */
+    xFormat?: CategoryFormat;
+    /** How the rows are written. */
+    yFormat?: CategoryFormat;
+    /** The headers of the data table. */
+    xLabel?: string;
+    /** The header of the rows in the data table. */
+    yLabel?: string;
+}
+declare function Heatmap<T extends Datum>(props: HeatmapProps<T>): react.JSX.Element;
+interface CalendarHeatmapProps<T extends Datum> extends ChartFrameProps, EngineProps {
+    /** One row per day (days without a row read as nothing). */
+    data: readonly T[];
+    /** The field of the day: an ISO date (`2026-04-12`), a `Date` or an epoch. */
+    date: Accessor<T, unknown>;
+    /** The field of the day's value. */
+    value: Accessor<T, number>;
+    /** The first and last days shown. Default: the year before the last day of the data. */
+    range?: readonly [string, string];
+    /** How the values are written. */
+    format?: ValueFormat;
+    /** The header of the values in the data table. */
+    valueLabel?: string;
+}
+declare function CalendarHeatmap<T extends Datum>(props: CalendarHeatmapProps<T>): react.JSX.Element;
+
+export { CalendarHeatmap, type CalendarHeatmapProps, Heatmap, type HeatmapProps };

package/dist/heatmap.js

@@ -0,0 +1,15 @@
+"use client";
+import {
+  CalendarHeatmap,
+  Heatmap
+} from "./chunk-7CSAGFBW.js";
+import "./chunk-I5QUZVU2.js";
+import "./chunk-W5FX4TU3.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  CalendarHeatmap,
+  Heatmap
+};
+//# sourceMappingURL=heatmap.js.map

package/dist/heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/host-_F8RgiIz.d.ts

@@ -0,0 +1,15 @@
+type Renderer = "svg" | "canvas";
+/** What the keyboard walks: one ECharts data item, and what it says. */
+interface WalkItem {
+    readonly seriesIndex: number;
+    readonly dataIndex: number;
+    /** A graph's link (`edge`) rather than its node: Sankey's flows. */
+    readonly dataType?: "node" | "edge";
+    readonly text: string;
+}
+interface EngineProps {
+    /** `svg` (default): sharp, exportable as SVG. `canvas`: for tens of thousands of marks. */
+    renderer?: Renderer;
+}
+
+export type { EngineProps as E, WalkItem as W };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+export { BarChart, BarChartProps } from './bar.js';
+export { Candlestick, CandlestickProps } from './candlestick.js';
+export { W as WalkItem } from './host-_F8RgiIz.js';
+export { T as TableModel } from './frame-I7_xYGy5.js';
+export { Chart, ChartProps, ResolvedTheme } from './chart.js';
+export { Funnel, FunnelProps } from './funnel.js';
+export { Gauge, GaugeProps, GaugeZone } from './gauge.js';
+export { GeoMap, GeoMapProps, GeoPoint } from './geo.js';
+export { Globe3D, Globe3DProps, GlobeArc, GlobePoint } from './globe.js';
+export { CalendarHeatmap, CalendarHeatmapProps, Heatmap, HeatmapProps } from './heatmap.js';
+export { AreaChart, AreaChartProps, LineChart, LineChartProps } from './line.js';
+export { DonutChart, PieChart, PieChartProps } from './pie.js';
+export { A as Accessor, B as BrandId, C as CategoryFormat, a as ChartKind, b as ChartLabels, c as ChartLabelsInput, d as ChartsProvider, e as ChartsProviderProps, f as ChartsSettings, D as DEFAULT_LABELS, g as Datum, L as Locale, M as Marker, S as SeriesColor, h as SeriesSpec, i as SeriesSummary, T as Threshold, j as Tone, V as ValueFormat } from './context-BgYUymEO.js';
+export { DIVERGING, HUES, ORDERS, SlidingWindow, palette, sequential, useSlidingWindow } from './provider.js';
+export { RadarChart, RadarChartProps } from './radar.js';
+export { Sankey, SankeyProps } from './sankey.js';
+export { ScatterChart, ScatterChartProps, correlation } from './scatter.js';
+export { Sparkline, SparklineProps } from './sparkline.js';
+export { Treemap, TreemapNode, TreemapProps } from './treemap.js';
+import 'react';
+import 'echarts/core';

package/dist/index.js

@@ -0,0 +1,101 @@
+"use client";
+import {
+  Chart
+} from "./chunk-AHQXJSAQ.js";
+import {
+  Globe3D
+} from "./chunk-PTSB3H5Q.js";
+import {
+  RadarChart
+} from "./chunk-7TIFCK5E.js";
+import {
+  CalendarHeatmap,
+  Heatmap
+} from "./chunk-7CSAGFBW.js";
+import {
+  Sankey
+} from "./chunk-XC6BQ3RN.js";
+import {
+  Funnel
+} from "./chunk-XAJ3KCC4.js";
+import {
+  Candlestick
+} from "./chunk-OER6ETT4.js";
+import {
+  Treemap
+} from "./chunk-VKTZD7UT.js";
+import {
+  ScatterChart,
+  correlation
+} from "./chunk-EK3Z647J.js";
+import "./chunk-I5QUZVU2.js";
+import {
+  useSlidingWindow
+} from "./chunk-TPJDOB7R.js";
+import {
+  AreaChart,
+  LineChart
+} from "./chunk-BZ5CQFPH.js";
+import {
+  BarChart
+} from "./chunk-XR4ZJDOV.js";
+import "./chunk-UNK4MJVG.js";
+import {
+  DonutChart,
+  PieChart
+} from "./chunk-WIRCIOLH.js";
+import {
+  Gauge
+} from "./chunk-DZB6HEVO.js";
+import {
+  Sparkline
+} from "./chunk-VKO2OYYM.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-OB5EFDDH.js";
+import {
+  GeoMap
+} from "./chunk-WBH2QU77.js";
+import "./chunk-6FINSUOS.js";
+import "./chunk-W5FX4TU3.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import {
+  ChartsProvider,
+  DEFAULT_LABELS,
+  DIVERGING,
+  HUES,
+  ORDERS,
+  palette,
+  sequential
+} from "./chunk-3CJHBJXA.js";
+export {
+  AreaChart,
+  BarChart,
+  CalendarHeatmap,
+  Candlestick,
+  Chart,
+  ChartsProvider,
+  DEFAULT_LABELS,
+  DIVERGING,
+  DonutChart,
+  Funnel,
+  Gauge,
+  GeoMap,
+  Globe3D,
+  HUES,
+  Heatmap,
+  LineChart,
+  ORDERS,
+  PieChart,
+  RadarChart,
+  Sankey,
+  ScatterChart,
+  Sparkline,
+  Treemap,
+  correlation,
+  palette,
+  sequential,
+  useSlidingWindow
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/line.d.ts

@@ -0,0 +1,25 @@
+import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import * as react from 'react';
+import { g as Datum } from './context-BgYUymEO.js';
+import './frame-I7_xYGy5.js';
+
+type Curve = "linear" | "monotone" | "step";
+
+interface LineChartProps<T extends Datum> extends CartesianProps<T> {
+    /** The shape between points: `monotone` (default, never overshoots), `linear`, `step` (a value that holds). */
+    curve?: Curve;
+    /** A dot on every point (short series). Default false: the end of each line carries one. */
+    dots?: boolean;
+    /** Write the last value at the end of each line (up to three series). Default true. */
+    endLabels?: boolean;
+}
+/** Change over time: one line per series, the last value written at its end, a crosshair tooltip, the keyboard. */
+declare function LineChart<T extends Datum>({ curve, dots, endLabels, ...props }: LineChartProps<T>): react.JSX.Element;
+interface AreaChartProps<T extends Datum> extends LineChartProps<T> {
+    /** Stack the series: a total and its parts over time. */
+    stacked?: boolean;
+}
+/** A volume over time: a line over a soft wash (stacked: the parts of a total). */
+declare function AreaChart<T extends Datum>({ curve, dots, endLabels, stacked, ...props }: AreaChartProps<T>): react.JSX.Element;
+
+export { AreaChart, type AreaChartProps, CartesianProps, LineChart, type LineChartProps };

package/dist/line.js

@@ -0,0 +1,18 @@
+"use client";
+import {
+  AreaChart,
+  LineChart
+} from "./chunk-BZ5CQFPH.js";
+import "./chunk-UNK4MJVG.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-W5FX4TU3.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-DWJPPEMC.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  AreaChart,
+  LineChart
+};
+//# sourceMappingURL=line.js.map

package/dist/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}