@krizaka/charts 0.1.0 → 0.2.0

package/dist/{chunk-7TIFCK5E.js → chunk-VKZZY2QD.js}

@@ -3,7 +3,7 @@ import {
   EChartHost,
   baseOption,
   tooltipHtml
-} from "./chunk-I5QUZVU2.js";
+} from "./chunk-PWMMXRMC.js";
 import {
   normalizeSeries,
   summarize,
@@ -16,7 +16,7 @@ import {
 import {
   Legend,
   useSettings
-} from "./chunk-DWJPPEMC.js";
+} from "./chunk-JTKR7ZWP.js";
 import {
   fill
 } from "./chunk-3CJHBJXA.js";
@@ -100,4 +100,4 @@ function RadarChart(props) {
 export {
   RadarChart
 };
-//# sourceMappingURL=chunk-7TIFCK5E.js.map
+//# sourceMappingURL=chunk-VKZZY2QD.js.map

package/dist/{chunk-VKTZD7UT.js → chunk-W5ILLSPK.js}

@@ -3,7 +3,7 @@ import {
   EChartHost,
   baseOption,
   tooltipHtml
-} from "./chunk-I5QUZVU2.js";
+} from "./chunk-PWMMXRMC.js";
 import {
   describeParts
 } from "./chunk-ANUCSRUN.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-XLLYNNC6.js";
 import {
   useSettings
-} from "./chunk-DWJPPEMC.js";
+} from "./chunk-JTKR7ZWP.js";
 import {
   contrast
 } from "./chunk-3CJHBJXA.js";
@@ -104,4 +104,4 @@ ${fmt.value(p.value)}` },
 export {
   Treemap
 };
-//# sourceMappingURL=chunk-VKTZD7UT.js.map
+//# sourceMappingURL=chunk-W5ILLSPK.js.map

package/dist/chunk-WBHFVBSK.js

@@ -0,0 +1,25 @@
+"use client";
+
+// src/needs/kpi.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ARROW = { up: "M7 17 17 7M8 7h9v9", down: "M7 7l10 10M17 8v9H8", flat: "M5 12h14M13 6l6 6-6 6" };
+function Kpi({ value, label, delta, direction, tone = "neutral" }) {
+  return /* @__PURE__ */ jsxs("span", { className: "kzc-kpi", children: [
+    /* @__PURE__ */ jsx("span", { className: "kzc-kpi-value", children: value }),
+    label ? /* @__PURE__ */ jsx("span", { className: "kzc-kpi-label", children: label }) : null,
+    delta ? /* @__PURE__ */ jsxs("span", { className: "kzc-kpi-delta", "data-tone": tone, children: [
+      direction ? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: ARROW[direction] }) }) : null,
+      delta
+    ] }) : null
+  ] });
+}
+function toneOf(direction, good) {
+  if (!direction || direction === "flat") return "neutral";
+  return direction === good ? "success" : "danger";
+}
+
+export {
+  Kpi,
+  toneOf
+};
+//# sourceMappingURL=chunk-WBHFVBSK.js.map

package/dist/chunk-WBHFVBSK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/needs/kpi.tsx"],"sourcesContent":["// The key figure of a ready-made chart, written under its title: the value, what it is, and the change in words with\n// a decorative arrow in the direction's tone (the words carry the meaning: colour is never alone). Spans only — it\n// sits in the chart's description paragraph.\nimport type { ReactNode } from \"react\";\n\nimport type { Tone } from \"../core/types\";\n\nconst ARROW = { up: \"M7 17 17 7M8 7h9v9\", down: \"M7 7l10 10M17 8v9H8\", flat: \"M5 12h14M13 6l6 6-6 6\" } as const;\n\nexport interface KpiProps {\n  readonly value: ReactNode;\n  readonly label?: ReactNode;\n  /** The change, in words (`+12 % vs September`). */\n  readonly delta?: ReactNode;\n  readonly direction?: \"up\" | \"down\" | \"flat\" | null;\n  /** The arrow's tone: a rise of earnings is good (`success`), a rise of latency is not (`danger`). */\n  readonly tone?: Tone;\n}\n\nexport function Kpi({ value, label, delta, direction, tone = \"neutral\" }: KpiProps) {\n  return (\n    <span className=\"kzc-kpi\">\n      <span className=\"kzc-kpi-value\">{value}</span>\n      {label ? <span className=\"kzc-kpi-label\">{label}</span> : null}\n      {delta ? (\n        <span className=\"kzc-kpi-delta\" data-tone={tone}>\n          {direction ? (\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n              <path d={ARROW[direction]} />\n            </svg>\n          ) : null}\n          {delta}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\n/** The tone of a change: `good` says which direction is good news (earnings up, latency down). */\nexport function toneOf(direction: \"up\" | \"down\" | \"flat\" | null, good: \"up\" | \"down\"): Tone {\n  if (!direction || direction === \"flat\") return \"neutral\";\n  return direction === good ? \"success\" : \"danger\";\n}\n"],"mappings":";;;AAsBM,cAGE,YAHF;AAfN,IAAM,QAAQ,EAAE,IAAI,sBAAsB,MAAM,uBAAuB,MAAM,wBAAwB;AAY9F,SAAS,IAAI,EAAE,OAAO,OAAO,OAAO,WAAW,OAAO,UAAU,GAAa;AAClF,SACE,qBAAC,UAAK,WAAU,WACd;AAAA,wBAAC,UAAK,WAAU,iBAAiB,iBAAM;AAAA,IACtC,QAAQ,oBAAC,UAAK,WAAU,iBAAiB,iBAAM,IAAU;AAAA,IACzD,QACC,qBAAC,UAAK,WAAU,iBAAgB,aAAW,MACxC;AAAA,kBACC,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAW,MACnI,8BAAC,UAAK,GAAG,MAAM,SAAS,GAAG,GAC7B,IACE;AAAA,MACH;AAAA,OACH,IACE;AAAA,KACN;AAEJ;AAGO,SAAS,OAAO,WAA0C,MAA2B;AAC1F,MAAI,CAAC,aAAa,cAAc,OAAQ,QAAO;AAC/C,SAAO,cAAc,OAAO,YAAY;AAC1C;","names":[]}

package/dist/chunk-WNUFGMS7.js

@@ -0,0 +1,113 @@
+"use client";
+
+// src/needs/labels.ts
+var EARNINGS_LABELS = {
+  total: "earned over {count} periods",
+  change: "{change} vs the previous period",
+  gross: "Gross",
+  net: "Net"
+};
+var THROUGHPUT_LABELS = { total: "jobs over {count} periods", success: "{rate} succeeded" };
+var LATENCY_LABELS = {
+  p50: "Median (p50)",
+  p95: "p95",
+  slowest: "p95 of {name}, the slowest",
+  over: "{count} over the objective",
+  within: "all within the objective"
+};
+var CREDIT_LABELS = {
+  remaining: "left of {limit}",
+  used: "{used} used ({percent})",
+  runsOut: "At this pace, runs out on {date}",
+  steady: "No use lately",
+  renews: "Renews on {date}",
+  daily: "Use per day"
+};
+var GOAL_LABELS = { raised: "raised of {goal}", reached: "Goal reached", supporters: "{count} supporters", left: "{time} left" };
+var TICKER_LABELS = {
+  current: "current bid",
+  change: "{change} since the opening \xB7 {count} bids",
+  opening: "opening price, no bid yet",
+  reserve: "Reserve price",
+  price: "Price"
+};
+
+// src/needs/model.ts
+import { currencyDigits, getNumberFormat } from "@krizaka/intl";
+function numberOf(row, accessor, index) {
+  const value = typeof accessor === "function" ? accessor(row, index) : row[accessor];
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function total(rows, accessor) {
+  return rows.reduce((sum, row, i) => sum + (numberOf(row, accessor, i) ?? 0), 0);
+}
+function lastChange(values) {
+  if (values.length < 2) return null;
+  const last = values[values.length - 1];
+  const previous = values[values.length - 2];
+  if (last == null || previous == null || previous === 0) return null;
+  return last / previous - 1;
+}
+function direction(change) {
+  if (change == null) return null;
+  return Math.abs(change) < 5e-3 ? "flat" : change > 0 ? "up" : "down";
+}
+function successRate(succeeded, failed) {
+  const finished = succeeded + failed;
+  return finished > 0 ? succeeded / finished : null;
+}
+function daysLeft(remaining, daily, days = 7) {
+  const recent = daily.slice(-days).filter((v) => v != null && v >= 0);
+  if (recent.length === 0) return null;
+  const pace = recent.reduce((a, b) => a + b, 0) / recent.length;
+  if (pace <= 0) return null;
+  return Math.max(0, Math.floor(remaining / pace));
+}
+var addDays = (from, days) => new Date(from.getTime() + days * 864e5);
+function quotaLevel(ratio, warning = 0.8, danger = 0.95) {
+  return ratio >= danger ? "danger" : ratio >= warning ? "warning" : "ok";
+}
+function fillIn(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, key) => key in values ? String(values[key]) : match);
+}
+function signedPercent(change, locale) {
+  return getNumberFormat(locale, { style: "percent", signDisplay: "exceptZero", maximumFractionDigits: Math.abs(change) < 0.1 ? 1 : 0 }).format(change);
+}
+function formatDuration(ms, locale) {
+  const unit = (value, name, digits) => getNumberFormat(locale, { style: "unit", unit: name, unitDisplay: "short", maximumFractionDigits: digits }).format(value);
+  const abs = Math.abs(ms);
+  if (abs < 1e3) return unit(Math.round(ms), "millisecond", 0);
+  if (abs < 6e4) return unit(ms / 1e3, "second", abs < 1e4 ? 1 : 0);
+  if (abs < 36e5) return unit(ms / 6e4, "minute", 1);
+  return unit(ms / 36e5, "hour", 1);
+}
+function roundMoney(currency) {
+  const digits = currencyDigits(currency);
+  return (value, locale) => {
+    const minor = Math.round(value);
+    const whole = minor % 10 ** digits === 0;
+    return getNumberFormat(locale, { style: "currency", currency, minimumFractionDigits: whole ? 0 : digits, maximumFractionDigits: whole ? 0 : digits }).format(minor / 10 ** digits);
+  };
+}
+
+export {
+  EARNINGS_LABELS,
+  THROUGHPUT_LABELS,
+  LATENCY_LABELS,
+  CREDIT_LABELS,
+  GOAL_LABELS,
+  TICKER_LABELS,
+  numberOf,
+  total,
+  lastChange,
+  direction,
+  successRate,
+  daysLeft,
+  addDays,
+  quotaLevel,
+  fillIn,
+  signedPercent,
+  formatDuration,
+  roundMoney
+};
+//# sourceMappingURL=chunk-WNUFGMS7.js.map

package/dist/chunk-WNUFGMS7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/needs/labels.ts","../src/needs/model.ts"],"sourcesContent":["// The words of the ready-made charts: English by default, an app passes its own (translated) through `labels`.\n// Placeholders are written `{name}`.\n\nexport interface EarningsLabels {\n  /** Under the total: `earned over {count} months`. `{count}` is the number of periods. */\n  total: string;\n  /** The change of the last period: `{change} vs the previous month`. */\n  change: string;\n  /** The gross series' name. */\n  gross: string;\n  /** The net series' name. */\n  net: string;\n}\n\nexport const EARNINGS_LABELS: EarningsLabels = {\n  total: \"earned over {count} periods\",\n  change: \"{change} vs the previous period\",\n  gross: \"Gross\",\n  net: \"Net\",\n};\n\nexport interface ThroughputLabels {\n  /** Under the total: `jobs over {count} days`. */\n  total: string;\n  /** The success rate of the finished jobs: `{rate} succeeded`. */\n  success: string;\n}\n\nexport const THROUGHPUT_LABELS: ThroughputLabels = { total: \"jobs over {count} periods\", success: \"{rate} succeeded\" };\n\nexport interface LatencyLabels {\n  /** The median series. */\n  p50: string;\n  /** The 95th percentile series. */\n  p95: string;\n  /** The slowest p95: `slowest: {name}`. */\n  slowest: string;\n  /** How many go past the objective: `{count} over the objective`. */\n  over: string;\n  /** All within the objective. */\n  within: string;\n}\n\nexport const LATENCY_LABELS: LatencyLabels = {\n  p50: \"Median (p50)\",\n  p95: \"p95\",\n  slowest: \"p95 of {name}, the slowest\",\n  over: \"{count} over the objective\",\n  within: \"all within the objective\",\n};\n\nexport interface CreditLabels {\n  /** Under the remaining amount: `left of {limit}`. */\n  remaining: string;\n  /** The used part: `{used} used ({percent})`. */\n  used: string;\n  /** The projection: `at this pace, runs out on {date}`. */\n  runsOut: string;\n  /** No use lately: it does not run out. */\n  steady: string;\n  /** The renewal: `renews on {date}`. */\n  renews: string;\n  /** The daily use sparkline's title. */\n  daily: string;\n}\n\nexport const CREDIT_LABELS: CreditLabels = {\n  remaining: \"left of {limit}\",\n  used: \"{used} used ({percent})\",\n  runsOut: \"At this pace, runs out on {date}\",\n  steady: \"No use lately\",\n  renews: \"Renews on {date}\",\n  daily: \"Use per day\",\n};\n\nexport interface GoalLabels {\n  /** Under the amount: `raised of {goal}`. */\n  raised: string;\n  /** Reached: `goal reached`. */\n  reached: string;\n  /** The supporters: `{count} supporters`. */\n  supporters: string;\n  /** The time left: `{time} left`. */\n  left: string;\n}\n\nexport const GOAL_LABELS: GoalLabels = { raised: \"raised of {goal}\", reached: \"Goal reached\", supporters: \"{count} supporters\", left: \"{time} left\" };\n\nexport interface TickerLabels {\n  /** Under the price: `current bid`. */\n  current: string;\n  /** The change since the opening: `{change} since the opening ({count} bids)`. */\n  change: string;\n  /** No bid yet: `opening price`. */\n  opening: string;\n  /** The reserve line. */\n  reserve: string;\n  /** The series' name. */\n  price: string;\n}\n\nexport const TICKER_LABELS: TickerLabels = {\n  current: \"current bid\",\n  change: \"{change} since the opening · {count} bids\",\n  opening: \"opening price, no bid yet\",\n  reserve: \"Reserve price\",\n  price: \"Price\",\n};\n","// The arithmetic of the ready-made charts (EarningsChart, JobThroughput, LatencyChart, CreditUsage, GoalProgress,\n// PriceTicker), shared by the web and React Native: totals, the change between the last two periods, a success rate,\n// the day a balance runs out at the current pace. Pure functions: no React, no DOM.\nimport { currencyDigits, getNumberFormat } from \"@krizaka/intl\";\n\nimport type { Accessor, Datum, Locale } from \"../core/types\";\n\n/** Reads a field (or calls a function) of a row; `null` for anything that is not a finite number. */\nexport function numberOf<T extends Datum>(row: T, accessor: Accessor<T, number | null | undefined>, index: number): number | null {\n  const value = typeof accessor === \"function\" ? accessor(row, index) : (row as Record<string, unknown>)[accessor];\n  return typeof value === \"number\" && Number.isFinite(value) ? value : null;\n}\n\n/** The sum of a column, `null` values left out. */\nexport function total<T extends Datum>(rows: readonly T[], accessor: Accessor<T, number | null | undefined>): number {\n  return rows.reduce((sum, row, i) => sum + (numberOf(row, accessor, i) ?? 0), 0);\n}\n\n/**\n * The change of the last period against the one before, as a ratio (`0.12` = +12 %): `null` when it cannot be said\n * (fewer than two periods, a previous period at zero or missing).\n */\nexport function lastChange(values: readonly (number | null)[]): number | null {\n  if (values.length < 2) return null;\n  const last = values[values.length - 1];\n  const previous = values[values.length - 2];\n  if (last == null || previous == null || previous === 0) return null;\n  return last / previous - 1;\n}\n\n/** `up`, `down` or `flat` (within ±0.5 %): the direction of a change, `null` when there is none. */\nexport function direction(change: number | null): \"up\" | \"down\" | \"flat\" | null {\n  if (change == null) return null;\n  return Math.abs(change) < 0.005 ? \"flat\" : change > 0 ? \"up\" : \"down\";\n}\n\n/** Succeeded out of finished (succeeded + failed); `null` when nothing finished. */\nexport function successRate(succeeded: number, failed: number): number | null {\n  const finished = succeeded + failed;\n  return finished > 0 ? succeeded / finished : null;\n}\n\n/**\n * When a balance runs out at the pace of the last `days` days of use (oldest first): the number of whole days left,\n * or `null` when nothing is being used (it never runs out) or there is no history.\n */\nexport function daysLeft(remaining: number, daily: readonly (number | null)[], days = 7): number | null {\n  const recent = daily.slice(-days).filter((v): v is number => v != null && v >= 0);\n  if (recent.length === 0) return null;\n  const pace = recent.reduce((a, b) => a + b, 0) / recent.length;\n  if (pace <= 0) return null;\n  return Math.max(0, Math.floor(remaining / pace));\n}\n\n/** `from` + `days` days, at the same time of day. */\nexport const addDays = (from: Date, days: number) => new Date(from.getTime() + days * 86_400_000);\n\n/** The level of a quota: `ok` below `warning` (default 0.8), `warning` below `danger` (0.95), then `danger`. */\nexport function quotaLevel(ratio: number, warning = 0.8, danger = 0.95): \"ok\" | \"warning\" | \"danger\" {\n  return ratio >= danger ? \"danger\" : ratio >= warning ? \"warning\" : \"ok\";\n}\n\n/** Replaces `{name}` placeholders. */\nexport function fillIn(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match, key: string) => (key in values ? String(values[key]) : match));\n}\n\n/** A signed ratio as a percentage for a change (`+12 %`, `−3 %`), in the locale's way. */\nexport function signedPercent(change: number, locale: Locale): string {\n  return getNumberFormat(locale, { style: \"percent\", signDisplay: \"exceptZero\", maximumFractionDigits: Math.abs(change) < 0.1 ? 1 : 0 }).format(change);\n}\n\n/** Milliseconds as a duration: `840 ms`, `1.2 s`, `2.5 min` — the unit follows the size, through Intl. */\nexport function formatDuration(ms: number, locale: Locale): string {\n  const unit = (value: number, name: string, digits: number) =>\n    getNumberFormat(locale, { style: \"unit\", unit: name, unitDisplay: \"short\", maximumFractionDigits: digits }).format(value);\n  const abs = Math.abs(ms);\n  if (abs < 1000) return unit(Math.round(ms), \"millisecond\", 0);\n  if (abs < 60_000) return unit(ms / 1000, \"second\", abs < 10_000 ? 1 : 0);\n  if (abs < 3_600_000) return unit(ms / 60_000, \"minute\", 1);\n  return unit(ms / 3_600_000, \"hour\", 1);\n}\n\n/** Money in minor units, without the cents of a round amount (`$500`, `$262.50`): a goal reads as people say it. */\nexport function roundMoney(currency: string): (value: number, locale: Locale) => string {\n  const digits = currencyDigits(currency);\n  return (value, locale) => {\n    const minor = Math.round(value);\n    const whole = minor % 10 ** digits === 0;\n    return getNumberFormat(locale, { style: \"currency\", currency, minimumFractionDigits: whole ? 0 : digits, maximumFractionDigits: whole ? 0 : digits }).format(minor / 10 ** digits);\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-XR4ZJDOV.js → chunk-WVTIKOII.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Cartesian
-} from "./chunk-UNK4MJVG.js";
+} from "./chunk-CVWSMUUB.js";
 
 // src/bar/bar-chart.tsx
 import { jsx } from "react/jsx-runtime";
@@ -12,4 +12,4 @@ function BarChart({ stacked, horizontal, valueLabels = true, ...props }) {
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-XR4ZJDOV.js.map
+//# sourceMappingURL=chunk-WVTIKOII.js.map

package/dist/{chunk-7CSAGFBW.js → chunk-XDDALY4C.js}

@@ -4,7 +4,7 @@ import {
   baseOption,
   categoryAxis,
   tooltipHtml
-} from "./chunk-I5QUZVU2.js";
+} from "./chunk-PWMMXRMC.js";
 import {
   read
 } from "./chunk-W5FX4TU3.js";
@@ -16,7 +16,7 @@ import {
 import {
   RampLegend,
   useSettings
-} from "./chunk-DWJPPEMC.js";
+} from "./chunk-JTKR7ZWP.js";
 import {
   capitalize,
   fill
@@ -163,4 +163,4 @@ export {
   Heatmap,
   CalendarHeatmap
 };
-//# sourceMappingURL=chunk-7CSAGFBW.js.map
+//# sourceMappingURL=chunk-XDDALY4C.js.map

package/dist/credits.d.ts

@@ -0,0 +1,42 @@
+import { a as CreditLabels } from './labels-DE_743fQ.js';
+export { C as CREDIT_LABELS } from './labels-DE_743fQ.js';
+import * as react from 'react';
+import { ReactNode, CSSProperties } from 'react';
+import { f as ChartsSettings, V as ValueFormat } from './context-BgYUymEO.js';
+
+interface CreditUsageProps extends Omit<ChartsSettings, "labels"> {
+    /** What the allowance is (“Credits this month”): the heading and the meter's name. */
+    title: string;
+    /** A line under the title: the plan, the period. */
+    description?: ReactNode;
+    /** Visually hide the title (it stays the accessible name). */
+    hideTitle?: boolean;
+    /** How much is used. */
+    used: number;
+    /** The allowance. */
+    limit: number;
+    /** How the amounts are written. Default `"integer"`; a `{ style: "unit", unit: "gigabyte" }` for storage. */
+    format?: ValueFormat;
+    /** The use of each recent day, oldest first: the sparkline and the projection. */
+    daily?: readonly (number | null)[];
+    /** The days of `daily` (ISO dates), for the sparkline's summary. */
+    days?: readonly unknown[];
+    /** When the allowance renews (an ISO date or a `Date`). */
+    renewsAt?: string | Date;
+    /** Today, for the projection (pass it from the server to render the same date on both sides). Default: now. */
+    now?: Date;
+    /** The share where the meter turns to warning, then danger. Default `[0.8, 0.95]`. */
+    levels?: readonly [number, number];
+    /** The data is on its way. */
+    loading?: boolean;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<CreditLabels>;
+    /** A class on the figure (layout). */
+    className?: string;
+    /** Inline style on the figure (layout only). */
+    style?: CSSProperties;
+}
+/** What is left of an allowance: the remaining amount, a meter in tones, the use per day and the run-out date. */
+declare function CreditUsage({ title, description, hideTitle, used, limit, format, daily, days, renewsAt, now, levels, loading, labels: given, className, style, ...settings }: CreditUsageProps): react.JSX.Element;
+
+export { CreditLabels, CreditUsage, type CreditUsageProps };

package/dist/credits.js

@@ -0,0 +1,21 @@
+"use client";
+import {
+  CreditUsage
+} from "./chunk-L2EKYWVI.js";
+import "./chunk-ARARFMNE.js";
+import "./chunk-WBHFVBSK.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-W5FX4TU3.js";
+import {
+  CREDIT_LABELS
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  CREDIT_LABELS,
+  CreditUsage
+};
+//# sourceMappingURL=credits.js.map

package/dist/credits.js.map

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

package/dist/earnings.d.ts

@@ -0,0 +1,29 @@
+import { b as EarningsLabels } from './labels-DE_743fQ.js';
+export { E as EARNINGS_LABELS } from './labels-DE_743fQ.js';
+import * as react from 'react';
+import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import { g as Datum, A as Accessor, C as CategoryFormat, T as Threshold } from './context-BgYUymEO.js';
+import './frame-I7_xYGy5.js';
+
+interface EarningsChartProps<T extends Datum> extends Omit<CartesianProps<T>, "y" | "yLabel" | "series" | "format" | "x" | "xFormat" | "thresholds" | "labels"> {
+    /** The field (or function) of the period: an ISO month (`"2026-04"`), a day. Default `"month"`. */
+    x?: Accessor<T, unknown>;
+    /** The net amount of each period, in **minor units** (cents), as the ledger stores it. */
+    net: Accessor<T, number | null | undefined>;
+    /** The gross amount (before fees), drawn beside the net when given. */
+    gross?: Accessor<T, number | null | undefined>;
+    /** The ISO 4217 currency (`"USD"`, `"EUR"`). */
+    currency: string;
+    /** How the periods are written. Default `"month"` (`Apr 2026`). */
+    period?: CategoryFormat;
+    /** The minimum to withdraw, drawn as a line: `{ value: 5000, label: "Payout threshold" }`. */
+    payoutThreshold?: Threshold;
+    /** Hide the total and the change above the bars. */
+    hideSummary?: boolean;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<EarningsLabels>;
+}
+/** Earnings per period in money — the total, the change of the last period, the payout threshold. */
+declare function EarningsChart<T extends Datum>({ x, net, gross, currency, period, payoutThreshold, hideSummary, labels: given, description, data, ...props }: EarningsChartProps<T>): react.JSX.Element;
+
+export { EarningsChart, type EarningsChartProps, EarningsLabels };

package/dist/earnings.js

@@ -0,0 +1,22 @@
+"use client";
+import {
+  EarningsChart
+} from "./chunk-OIRHLJBC.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 {
+  EARNINGS_LABELS
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  EARNINGS_LABELS,
+  EarningsChart
+};
+//# sourceMappingURL=earnings.js.map

package/dist/earnings.js.map

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

package/dist/funnel.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Funnel
-} from "./chunk-XAJ3KCC4.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-CSSZLFLO.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 {
   Funnel

package/dist/gauge.js

@@ -1,10 +1,11 @@
 "use client";
+import "./chunk-G2KF2WL4.js";
 import {
   Gauge
-} from "./chunk-DZB6HEVO.js";
+} from "./chunk-EQLC2QVN.js";
 import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   Gauge

package/dist/geo.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   GeoMap
-} from "./chunk-WBH2QU77.js";
+} from "./chunk-BV4DBGN7.js";
 import "./chunk-6FINSUOS.js";
 import "./chunk-W5FX4TU3.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   GeoMap

package/dist/globe.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Globe3D
-} from "./chunk-PTSB3H5Q.js";
+} from "./chunk-I3D7KUGN.js";
 import "./chunk-6FINSUOS.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   Globe3D

package/dist/goal.d.ts

@@ -0,0 +1,26 @@
+import { c as GoalLabels } from './labels-DE_743fQ.js';
+export { G as GOAL_LABELS } from './labels-DE_743fQ.js';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { GaugeProps } from './gauge.js';
+import './context-BgYUymEO.js';
+import './frame-I7_xYGy5.js';
+
+interface GoalProgressProps extends Omit<GaugeProps, "value" | "min" | "max" | "format" | "caption" | "target" | "zones" | "tone" | "labels"> {
+    /** The amount raised, in **minor units** (cents). */
+    raised: number;
+    /** The goal, in minor units. */
+    goal: number;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** How many people chipped in. */
+    supporters?: number;
+    /** The time left, written by the app (a `Countdown`, “2 days”). */
+    timeLeft?: ReactNode;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<GoalLabels>;
+}
+/** A pot towards its goal, in money: the arc fills, the words say how much of what, and who chipped in. */
+declare function GoalProgress({ raised, goal, currency, supporters, timeLeft, labels: given, description, ...props }: GoalProgressProps): react.JSX.Element;
+
+export { GoalLabels, GoalProgress, type GoalProgressProps };

package/dist/goal.js

@@ -0,0 +1,17 @@
+"use client";
+import {
+  GoalProgress
+} from "./chunk-EEP7PS2L.js";
+import "./chunk-EQLC2QVN.js";
+import {
+  GOAL_LABELS
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  GOAL_LABELS,
+  GoalProgress
+};
+//# sourceMappingURL=goal.js.map

package/dist/goal.js.map

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

package/dist/heatmap.js

@@ -2,11 +2,11 @@
 import {
   CalendarHeatmap,
   Heatmap
-} from "./chunk-7CSAGFBW.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-XDDALY4C.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 {
   CalendarHeatmap,

package/dist/index.d.ts

@@ -4,11 +4,16 @@ 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 { C as CREDIT_LABELS, a as CreditLabels, E as EARNINGS_LABELS, b as EarningsLabels, G as GOAL_LABELS, c as GoalLabels, L as LATENCY_LABELS, d as LatencyLabels, T as THROUGHPUT_LABELS, e as TICKER_LABELS, f as ThroughputLabels, g as TickerLabels } from './labels-DE_743fQ.js';
+export { CreditUsage, CreditUsageProps } from './credits.js';
+export { EarningsChart, EarningsChartProps } from './earnings.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 { GoalProgress, GoalProgressProps } from './goal.js';
 export { CalendarHeatmap, CalendarHeatmapProps, Heatmap, HeatmapProps } from './heatmap.js';
+export { LatencyChart, LatencyChartProps, formatDuration } from './latency.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';
@@ -17,6 +22,8 @@ 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 { DEFAULT_STATUSES, JobStatus, JobThroughput, JobThroughputProps } from './throughput.js';
+export { Bid, PriceTicker, PriceTickerProps } from './ticker.js';
 export { Treemap, TreemapNode, TreemapProps } from './treemap.js';
 import 'react';
 import 'echarts/core';