@krizaka/charts 0.1.0 → 0.2.1

package/dist/pie.js

@@ -2,12 +2,12 @@
 import {
   DonutChart,
   PieChart
-} from "./chunk-WIRCIOLH.js";
+} from "./chunk-PBQV3B6O.js";
 import "./chunk-ANUCSRUN.js";
-import "./chunk-OB5EFDDH.js";
 import "./chunk-W5FX4TU3.js";
+import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   DonutChart,

package/dist/radar.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   RadarChart
-} from "./chunk-7TIFCK5E.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-VKZZY2QD.js";
+import "./chunk-PWMMXRMC.js";
 import "./chunk-W5FX4TU3.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   RadarChart

package/dist/sankey.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Sankey
-} from "./chunk-XC6BQ3RN.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-MXLITIGU.js";
+import "./chunk-PWMMXRMC.js";
 import "./chunk-W5FX4TU3.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   Sankey

package/dist/scatter.js

@@ -2,11 +2,11 @@
 import {
   ScatterChart,
   correlation
-} from "./chunk-EK3Z647J.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-4LBXEAGC.js";
+import "./chunk-PWMMXRMC.js";
 import "./chunk-W5FX4TU3.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   ScatterChart,

package/dist/sparkline.js

@@ -1,13 +1,14 @@
 "use client";
+import "./chunk-POQIHFAZ.js";
 import {
   Sparkline
-} from "./chunk-VKO2OYYM.js";
+} from "./chunk-ARARFMNE.js";
 import "./chunk-BISL7DYW.js";
 import "./chunk-ANUCSRUN.js";
-import "./chunk-OB5EFDDH.js";
 import "./chunk-W5FX4TU3.js";
+import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   Sparkline

package/dist/throughput.d.ts

@@ -0,0 +1,37 @@
+import { f as ThroughputLabels } from './labels-DE_743fQ.js';
+export { T as THROUGHPUT_LABELS } from './labels-DE_743fQ.js';
+import { j as Tone, g as Datum, A as Accessor, C as CategoryFormat } from './context-BgYUymEO.js';
+import * as react from 'react';
+import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import './frame-I7_xYGy5.js';
+
+/** A status of a job: the field holding its count per period, its name, its tone, and its part in the success rate. */
+interface JobStatus {
+    /** The field of the row holding the count (`"completed"`). */
+    readonly key: string;
+    /** Its name, passed translated (`"Completed"`). */
+    readonly label: string;
+    /** Its tone: the status colours (`success`, `danger`, `info`, `neutral`). */
+    readonly tone: Tone;
+    /** `succeeded` or `failed`: counted in the success rate. Absent: still running or waiting. */
+    readonly outcome?: "succeeded" | "failed";
+}
+/** The four statuses of an Orazaka job, in English: pass your own (translated) `statuses`. */
+declare const DEFAULT_STATUSES: readonly JobStatus[];
+
+interface JobThroughputProps<T extends Datum> extends Omit<CartesianProps<T>, "y" | "yLabel" | "series" | "format" | "x" | "xFormat" | "labels"> {
+    /** The field (or function) of the period. Default `"day"`. */
+    x?: Accessor<T, unknown>;
+    /** How the periods are written. Default `"day"` (`Oct 11`); `"time"` for hours. */
+    period?: CategoryFormat;
+    /** The statuses, in stacking order, with their field, name and tone. Default: completed, failed, running, queued. */
+    statuses?: readonly JobStatus[];
+    /** Hide the total and the success rate above the bars. */
+    hideSummary?: boolean;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<ThroughputLabels>;
+}
+/** Jobs per period, stacked by status, with the total and the success rate. */
+declare function JobThroughput<T extends Datum>({ x, period, statuses, hideSummary, labels: given, description, data, ...props }: JobThroughputProps<T>): react.JSX.Element;
+
+export { DEFAULT_STATUSES, type JobStatus, JobThroughput, type JobThroughputProps, ThroughputLabels };

package/dist/throughput.js

@@ -0,0 +1,24 @@
+"use client";
+import {
+  DEFAULT_STATUSES,
+  JobThroughput
+} from "./chunk-SLEJDQ3A.js";
+import "./chunk-WVTIKOII.js";
+import "./chunk-CVWSMUUB.js";
+import "./chunk-WBHFVBSK.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-W5FX4TU3.js";
+import {
+  THROUGHPUT_LABELS
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  DEFAULT_STATUSES,
+  JobThroughput,
+  THROUGHPUT_LABELS
+};
+//# sourceMappingURL=throughput.js.map

package/dist/throughput.js.map

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

package/dist/ticker.d.ts

@@ -0,0 +1,38 @@
+import { g as TickerLabels } from './labels-DE_743fQ.js';
+export { e as TICKER_LABELS } from './labels-DE_743fQ.js';
+import * as react from 'react';
+import { C as CategoryFormat } from './context-BgYUymEO.js';
+import { LineChartProps } from './line.js';
+import './cartesian-BRhNQ3ib.js';
+import './frame-I7_xYGy5.js';
+
+/** A bid: when (an ISO date-time or a `Date`) and how much, in money minor units. */
+interface Bid {
+    readonly at: string | Date;
+    readonly amount: number;
+}
+
+type Point = {
+    at: string | Date;
+    amount: number;
+};
+interface PriceTickerProps extends Omit<LineChartProps<Point>, "data" | "x" | "y" | "yLabel" | "series" | "format" | "xFormat" | "thresholds" | "curve" | "labels"> {
+    /** The bids, in any order: when and how much (minor units). */
+    bids: readonly Bid[];
+    /** The opening price, in minor units. */
+    opening: number;
+    /** When the auction opened: the first point of the line. */
+    openedAt?: string | Date;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** The reserve price, drawn as a line until it is met. */
+    reserve?: number;
+    /** How the times are written. Default `"time"` (`14:30`); `"datetime"` for auctions over several days. */
+    timeFormat?: CategoryFormat;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<TickerLabels>;
+}
+/** A live auction's price: the current bid, the change since the opening, the steps of the bids, the reserve. */
+declare function PriceTicker({ bids, opening, openedAt, currency, reserve, timeFormat, labels: given, description, live, ...props }: PriceTickerProps): react.JSX.Element;
+
+export { type Bid, PriceTicker, type PriceTickerProps, TickerLabels };

package/dist/ticker.js

@@ -0,0 +1,22 @@
+"use client";
+import {
+  PriceTicker
+} from "./chunk-KNDHO67X.js";
+import "./chunk-C4MFZLJM.js";
+import "./chunk-CVWSMUUB.js";
+import "./chunk-WBHFVBSK.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-W5FX4TU3.js";
+import {
+  TICKER_LABELS
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  PriceTicker,
+  TICKER_LABELS
+};
+//# sourceMappingURL=ticker.js.map

package/dist/ticker.js.map

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

package/dist/treemap.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   Treemap
-} from "./chunk-VKTZD7UT.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-W5ILLSPK.js";
+import "./chunk-PWMMXRMC.js";
 import "./chunk-ANUCSRUN.js";
 import "./chunk-W5FX4TU3.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   Treemap

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krizaka/charts",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Krizaka's data visualisation: typed, declarative React charts (line, area, bar, pie, radar, heatmap, calendar, sankey, funnel, gauge, sparkline, candlestick, treemap, scatter, geo map, 3D globe) on the --kz-* tokens and the brand palettes — an accessible data table, a written summary and keyboard navigation in every chart, SSR without layout shift, and React Native for the simple types.",
   "keywords": [
     "krizaka",
@@ -18,7 +18,7 @@
     "sankey",
     "globe"
   ],
-  "homepage": "https://www.krizaka.com/docs/ui",
+  "homepage": "https://www.krizaka.com/en/docs/ui",
   "bugs": "https://github.com/krizaka/krizaka-ui/issues",
   "repository": {
     "type": "git",
@@ -40,6 +40,30 @@
       "types": "./dist/provider.d.ts",
       "import": "./dist/provider.js"
     },
+    "./earnings": {
+      "types": "./dist/earnings.d.ts",
+      "import": "./dist/earnings.js"
+    },
+    "./throughput": {
+      "types": "./dist/throughput.d.ts",
+      "import": "./dist/throughput.js"
+    },
+    "./latency": {
+      "types": "./dist/latency.d.ts",
+      "import": "./dist/latency.js"
+    },
+    "./credits": {
+      "types": "./dist/credits.d.ts",
+      "import": "./dist/credits.js"
+    },
+    "./goal": {
+      "types": "./dist/goal.d.ts",
+      "import": "./dist/goal.js"
+    },
+    "./ticker": {
+      "types": "./dist/ticker.d.ts",
+      "import": "./dist/ticker.js"
+    },
     "./line": {
       "types": "./dist/line.d.ts",
       "import": "./dist/line.js"
@@ -126,7 +150,7 @@
     "d3-geo": "^3.1.1",
     "echarts": "^6.1.0",
     "topojson-client": "^3.1.0",
-    "@krizaka/intl": "^0.1.0"
+    "@krizaka/intl": "^0.1.1"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -184,8 +208,8 @@
     "typescript": "^5.9.0",
     "vitest": "^4.1.11",
     "world-atlas": "^2.0.2",
-    "@krizaka/config": "0.1.0",
-    "@krizaka/tokens": "2.3.0"
+    "@krizaka/tokens": "3.4.0",
+    "@krizaka/config": "0.3.1"
   },
   "engines": {
     "node": ">=20"
@@ -242,6 +266,78 @@
         "react-native-svg"
       ]
     },
+    {
+      "name": "./earnings",
+      "path": "dist/earnings.js",
+      "limit": "14.5 kB",
+      "gzip": true,
+      "ignore": [
+        "react",
+        "react-dom",
+        "react-native",
+        "react-native-svg"
+      ]
+    },
+    {
+      "name": "./throughput",
+      "path": "dist/throughput.js",
+      "limit": "14.5 kB",
+      "gzip": true,
+      "ignore": [
+        "react",
+        "react-dom",
+        "react-native",
+        "react-native-svg"
+      ]
+    },
+    {
+      "name": "./latency",
+      "path": "dist/latency.js",
+      "limit": "14.5 kB",
+      "gzip": true,
+      "ignore": [
+        "react",
+        "react-dom",
+        "react-native",
+        "react-native-svg"
+      ]
+    },
+    {
+      "name": "./credits",
+      "path": "dist/credits.js",
+      "limit": "11.5 kB",
+      "gzip": true,
+      "ignore": [
+        "react",
+        "react-dom",
+        "react-native",
+        "react-native-svg"
+      ]
+    },
+    {
+      "name": "./goal",
+      "path": "dist/goal.js",
+      "limit": "9.5 kB",
+      "gzip": true,
+      "ignore": [
+        "react",
+        "react-dom",
+        "react-native",
+        "react-native-svg"
+      ]
+    },
+    {
+      "name": "./ticker",
+      "path": "dist/ticker.js",
+      "limit": "14.5 kB",
+      "gzip": true,
+      "ignore": [
+        "react",
+        "react-dom",
+        "react-native",
+        "react-native-svg"
+      ]
+    },
     {
       "name": "./sparkline",
       "path": "dist/sparkline.js",
@@ -401,7 +497,7 @@
     {
       "name": "./native (bundled by Metro: a regression guard)",
       "path": "dist/native.js",
-      "limit": "10.5 kB",
+      "limit": "13 kB",
       "gzip": true,
       "ignore": [
         "react",

package/registry/area-chart.json

@@ -9,6 +9,7 @@
   "category": "charts",
   "platforms": "both",
   "engine": "svg",
+  "tier": "core",
   "whenToUse": [
     "A volume whose size matters, not only its direction: credits consumed, storage used.",
     "The parts of a total over time, stacked: credits by model, views by source."

package/registry/bar-chart.json

@@ -9,6 +9,7 @@
   "category": "charts",
   "platforms": "both",
   "engine": "svg",
+  "tier": "core",
   "whenToUse": [
     "Counts per category or per period: jobs per day by status, revenue per plan.",
     "A ranking with long names, as horizontal bars: top supporters, busiest models.",

package/registry/calendar-heatmap.json

@@ -9,6 +9,7 @@
   "category": "charts",
   "platforms": "web",
   "engine": "echarts",
+  "tier": "advanced",
   "whenToUse": [
     "A daily habit or activity over months: publications, contributions, active days."
   ],

package/registry/candlestick.json

@@ -9,6 +9,7 @@
   "category": "charts",
   "platforms": "web",
   "engine": "echarts",
+  "tier": "advanced",
   "whenToUse": [
     "A price that moves within each period: an auction's bids per hour, a credit's market price per day."
   ],

package/registry/chart.json

@@ -9,6 +9,7 @@
   "category": "charts",
   "platforms": "web",
   "engine": "echarts",
+  "tier": "advanced",
   "whenToUse": [
     "A chart type the typed components do not cover: polar bars, a sunburst, a parallel axis, a graph."
   ],

package/registry/charts-provider.json

@@ -9,6 +9,7 @@
   "category": "charts",
   "platforms": "both",
   "engine": null,
+  "tier": "core",
   "whenToUse": [
     "Once near the root of an app: its locale (`fr-FR`), its brand (`orazaka`), its translated words.",
     "An app that loads a brand stylesheet on `:root` rather than a `.brand-<id>` class: set `brand` here."