@krizaka/charts 0.0.0-stage → 0.1.0

package/dist/chunk-3CJHBJXA.js

@@ -0,0 +1,186 @@
+"use client";
+
+// src/core/labels.ts
+var DEFAULT_LABELS = {
+  showData: "Show data",
+  hideData: "Hide data",
+  tableCaption: "{title} \u2014 data",
+  exportPng: "PNG",
+  exportSvg: "SVG",
+  exportCsv: "CSV",
+  loading: "Loading chart\u2026",
+  empty: "No data for this period yet.",
+  error: "The chart could not be loaded.",
+  keyboardHint: "Use the arrow keys to move between points, Home and End to jump to the ends.",
+  roleDescription: "chart",
+  summaryIntro: "{kind}, {count}.",
+  summarySeries: "{label}: from {first} to {last}",
+  summaryRange: "lowest {min} ({minAt}), highest {max} ({maxAt})",
+  summaryTrendUp: "up {change}",
+  summaryTrendDown: "down {change}",
+  summaryTrendFlat: "stable",
+  summaryTotal: "total {total}",
+  summaryThreshold: "{label} at {value}",
+  summaryShare: "{label} {value} ({share})",
+  summaryCorrelation: "correlation {r}",
+  summaryConversion: "{from} \u2192 {to} {rate}",
+  summaryOverall: "overall {rate}",
+  summaryPeak: "peak {value} ({at})",
+  summaryActive: "{count} with a value",
+  summaryOhlc: "opened at {open}, closed at {close}, low {low}, high {high}",
+  kinds: {
+    line: "Line chart",
+    area: "Area chart",
+    bar: "Bar chart",
+    pie: "Pie chart",
+    donut: "Donut chart",
+    gauge: "Gauge",
+    sparkline: "Sparkline",
+    radar: "Radar chart",
+    heatmap: "Heatmap",
+    calendar: "Calendar heatmap",
+    sankey: "Flow diagram",
+    funnel: "Funnel",
+    candlestick: "Candlestick chart",
+    treemap: "Treemap",
+    scatter: "Scatter chart",
+    map: "Map",
+    globe: "Globe",
+    chart: "Chart"
+  },
+  category: "Category",
+  value: "Value",
+  total: "Total",
+  noValue: "\u2014"
+};
+function mergeLabels(...layers) {
+  let out = DEFAULT_LABELS;
+  for (const layer of layers) {
+    if (!layer) continue;
+    out = { ...out, ...layer, kinds: { ...out.kinds, ...layer.kinds } };
+  }
+  return out;
+}
+function capitalize(text) {
+  return text.charAt(0).toLocaleUpperCase() + text.slice(1);
+}
+function fill(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => name in values ? String(values[name]) : match);
+}
+
+// src/web/context.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var DEFAULTS = { locale: "en-US", labels: mergeLabels() };
+var Context = createContext(DEFAULTS);
+function ChartsProvider({ locale, brand, labels, children }) {
+  const parent = useContext(Context);
+  const value = useMemo(() => {
+    const raw = labels ? { ...parent.raw, ...labels, kinds: { ...parent.raw?.kinds, ...labels.kinds } } : parent.raw;
+    return { locale: locale ?? parent.locale, brand: brand ?? parent.brand, labels: mergeLabels(raw), raw };
+  }, [locale, brand, labels, parent]);
+  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+}
+function useChartSettings(own) {
+  const shared = useContext(Context);
+  return useMemo(
+    () => ({ locale: own.locale ?? shared.locale, brand: own.brand ?? shared.brand, labels: own.labels ? mergeLabels(shared.raw, own.labels) : shared.labels }),
+    [own.locale, own.brand, own.labels, shared]
+  );
+}
+
+// src/core/palette.ts
+var HUES = {
+  blue: { light: "#2a78d6", dark: "#3987e5" },
+  orange: { light: "#eb6834", dark: "#d95926" },
+  aqua: { light: "#1baf7a", dark: "#199e70" },
+  yellow: { light: "#eda100", dark: "#c98500" },
+  magenta: { light: "#e87ba4", dark: "#d55181" },
+  green: { light: "#008300", dark: "#008300" },
+  violet: { light: "#6250d6", dark: "#9085e9" },
+  red: { light: "#e34948", dark: "#e66767" }
+};
+var ORDERS = {
+  krizaka: ["blue", "green", "magenta", "yellow", "aqua", "orange", "violet", "red"],
+  orazaka: ["orange", "aqua", "blue", "yellow", "magenta", "green", "violet", "red"],
+  orochia: ["violet", "magenta", "yellow", "aqua", "orange", "blue", "green", "red"]
+};
+function palette(brand, mode) {
+  return ORDERS[brand].map((hue) => HUES[hue][mode]);
+}
+var DIVERGING = {
+  light: { low: HUES.blue.light, high: HUES.red.light },
+  dark: { low: HUES.blue.dark, high: HUES.red.dark }
+};
+function parseColor(color) {
+  const hex2 = color.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i);
+  if (hex2) {
+    const h = hex2[1].length === 3 ? [...hex2[1]].map((c) => c + c).join("") : hex2[1];
+    return [0, 2, 4].map((i) => Number.parseInt(h.slice(i, i + 2), 16));
+  }
+  const rgb = color.trim().match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i);
+  if (rgb) return [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];
+  return null;
+}
+var toLinear = (c) => {
+  const v = c / 255;
+  return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+};
+var fromLinear = (v) => {
+  const c = v <= 31308e-7 ? v * 12.92 : 1.055 * v ** (1 / 2.4) - 0.055;
+  return Math.round(Math.min(1, Math.max(0, c)) * 255);
+};
+function toOklab([r8, g8, b8]) {
+  const [r, g, b] = [toLinear(r8), toLinear(g8), toLinear(b8)];
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  return [0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s, 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s, 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s];
+}
+function fromOklab([L, a, b]) {
+  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return [
+    fromLinear(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
+    fromLinear(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
+    fromLinear(-0.0041960863 * l - 0.7034186147 * m + 1.707614031 * s)
+  ];
+}
+var hex = ([r, g, b]) => `#${[r, g, b].map((c) => c.toString(16).padStart(2, "0")).join("")}`;
+function mix(a, b, t) {
+  const ca = parseColor(a);
+  const cb = parseColor(b);
+  if (!ca || !cb) return b;
+  const la = toOklab(ca);
+  const lb = toOklab(cb);
+  return hex(fromOklab([0, 1, 2].map((i) => la[i] + (lb[i] - la[i]) * t)));
+}
+function sequential(hue, surface, steps = 5) {
+  return Array.from({ length: steps }, (_, i) => mix(surface, hue, 0.22 + 0.78 * i / Math.max(1, steps - 1)));
+}
+function contrast(a, b) {
+  const lum = (c) => {
+    const rgb = parseColor(c);
+    if (!rgb) return 0;
+    const [r, g, bl] = rgb.map(toLinear);
+    return 0.2126 * r + 0.7152 * g + 0.0722 * bl;
+  };
+  const [hi, lo] = [lum(a), lum(b)].sort((x, y) => y - x);
+  return (hi + 0.05) / (lo + 0.05);
+}
+
+export {
+  DEFAULT_LABELS,
+  capitalize,
+  fill,
+  ChartsProvider,
+  useChartSettings,
+  HUES,
+  ORDERS,
+  palette,
+  DIVERGING,
+  sequential,
+  contrast
+};
+//# sourceMappingURL=chunk-3CJHBJXA.js.map

package/dist/chunk-3CJHBJXA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/labels.ts","../src/web/context.tsx","../src/core/palette.ts"],"sourcesContent":["// The words a chart says on its own: its controls, its states and its written summary. English by default; an app\n// passes its own (translated through its catalogue) once, to `ChartsProvider labels`, or to one chart's `labels`.\n// Placeholders are written `{name}`.\n\nexport interface ChartLabels {\n  /** The button that shows the data table. */\n  showData: string;\n  /** The button that hides it. */\n  hideData: string;\n  /** The caption of the data table: `{title}`. */\n  tableCaption: string;\n  /** The export buttons. */\n  exportPng: string;\n  exportSvg: string;\n  exportCsv: string;\n  /** Announced while the data loads. */\n  loading: string;\n  /** Shown when there is nothing to draw. */\n  empty: string;\n  /** Shown when the data could not be loaded. */\n  error: string;\n  /** The keyboard hint, read once when the plot takes the focus. */\n  keyboardHint: string;\n  /** The role description of the plot (`chart`). */\n  roleDescription: string;\n  /** Summary pieces. `{kind}` is the chart's name (`Line chart`), `{count}` a number of points or series. */\n  summaryIntro: string;\n  summarySeries: string;\n  summaryRange: string;\n  summaryTrendUp: string;\n  summaryTrendDown: string;\n  summaryTrendFlat: string;\n  summaryTotal: string;\n  summaryThreshold: string;\n  summaryShare: string;\n  /** Scatter: the correlation of x and y (Pearson's r). */\n  summaryCorrelation: string;\n  /** Funnel: from one stage to the next, and from the first to the last. */\n  summaryConversion: string;\n  summaryOverall: string;\n  /** Heatmap, calendar: the largest cell and the number of cells with a value. */\n  summaryPeak: string;\n  summaryActive: string;\n  /** Candlestick: the period's range. */\n  summaryOhlc: string;\n  /** The names of the charts, read first in the summary. */\n  kinds: Record<ChartKind, string>;\n  /** The column of the values, when the chart has no value label. */\n  value: string;\n  /** The column of the categories in the data table, when the chart has no x label. */\n  category: string;\n  /** The total row of a stacked chart, a pie, a funnel. */\n  total: string;\n  /** What a missing value reads as. */\n  noValue: string;\n}\n\nexport type ChartKind =\n  | \"line\"\n  | \"area\"\n  | \"bar\"\n  | \"pie\"\n  | \"donut\"\n  | \"gauge\"\n  | \"sparkline\"\n  | \"radar\"\n  | \"heatmap\"\n  | \"calendar\"\n  | \"sankey\"\n  | \"funnel\"\n  | \"candlestick\"\n  | \"treemap\"\n  | \"scatter\"\n  | \"map\"\n  | \"globe\"\n  | \"chart\";\n\nexport const DEFAULT_LABELS: ChartLabels = {\n  showData: \"Show data\",\n  hideData: \"Hide data\",\n  tableCaption: \"{title} — data\",\n  exportPng: \"PNG\",\n  exportSvg: \"SVG\",\n  exportCsv: \"CSV\",\n  loading: \"Loading chart…\",\n  empty: \"No data for this period yet.\",\n  error: \"The chart could not be loaded.\",\n  keyboardHint: \"Use the arrow keys to move between points, Home and End to jump to the ends.\",\n  roleDescription: \"chart\",\n  summaryIntro: \"{kind}, {count}.\",\n  summarySeries: \"{label}: from {first} to {last}\",\n  summaryRange: \"lowest {min} ({minAt}), highest {max} ({maxAt})\",\n  summaryTrendUp: \"up {change}\",\n  summaryTrendDown: \"down {change}\",\n  summaryTrendFlat: \"stable\",\n  summaryTotal: \"total {total}\",\n  summaryThreshold: \"{label} at {value}\",\n  summaryShare: \"{label} {value} ({share})\",\n  summaryCorrelation: \"correlation {r}\",\n  summaryConversion: \"{from} → {to} {rate}\",\n  summaryOverall: \"overall {rate}\",\n  summaryPeak: \"peak {value} ({at})\",\n  summaryActive: \"{count} with a value\",\n  summaryOhlc: \"opened at {open}, closed at {close}, low {low}, high {high}\",\n  kinds: {\n    line: \"Line chart\",\n    area: \"Area chart\",\n    bar: \"Bar chart\",\n    pie: \"Pie chart\",\n    donut: \"Donut chart\",\n    gauge: \"Gauge\",\n    sparkline: \"Sparkline\",\n    radar: \"Radar chart\",\n    heatmap: \"Heatmap\",\n    calendar: \"Calendar heatmap\",\n    sankey: \"Flow diagram\",\n    funnel: \"Funnel\",\n    candlestick: \"Candlestick chart\",\n    treemap: \"Treemap\",\n    scatter: \"Scatter chart\",\n    map: \"Map\",\n    globe: \"Globe\",\n    chart: \"Chart\",\n  },\n  category: \"Category\",\n  value: \"Value\",\n  total: \"Total\",\n  noValue: \"—\",\n};\n\n/** The words an app or a chart passes: any of them, and any of the chart names. */\nexport type ChartLabelsInput = Partial<Omit<ChartLabels, \"kinds\">> & { kinds?: Partial<Record<ChartKind, string>> };\n\n/** The default labels with an app's and a chart's on top (`kinds` merged too). */\nexport function mergeLabels(...layers: (ChartLabelsInput | undefined)[]): ChartLabels {\n  let out = DEFAULT_LABELS;\n  for (const layer of layers) {\n    if (!layer) continue;\n    out = { ...out, ...layer, kinds: { ...out.kinds, ...layer.kinds } };\n  }\n  return out;\n}\n\n/** A sentence's first letter in upper case (a template that may open a sentence: `total {total}`). */\nexport function capitalize(text: string): string {\n  return text.charAt(0).toLocaleUpperCase() + text.slice(1);\n}\n\n/** `{name}` → its value; an unknown placeholder stays as written. */\nexport function fill(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match, name: string) => (name in values ? String(values[name]) : match));\n}\n","\"use client\";\n// One place for what every chart of an app shares: the locale its figures are written in, the brand its palette\n// leads with, and the words it says (translated once, from the app's catalogue). Each chart may still override them.\nimport { createContext, type ReactNode, useContext, useMemo } from \"react\";\n\nimport { type ChartLabels, type ChartLabelsInput, mergeLabels } from \"../core/labels\";\nimport type { BrandId, Locale } from \"../core/types\";\n\nexport interface ChartsSettings {\n  /** The locale of every figure and date (`\"fr-FR\"`). Default `\"en-US\"`. */\n  locale?: Locale;\n  /**\n   * The brand whose palette the charts use. Without it, a chart follows a `.brand-<id>` ancestor, else Krizaka. Set it\n   * when the app loads a brand stylesheet on `:root` (`@krizaka/tokens/brands/orazaka.css`).\n   */\n  brand?: BrandId;\n  /** The words, translated: the buttons, the states, the written summary. */\n  labels?: ChartLabelsInput;\n}\n\ninterface ResolvedSettings {\n  readonly locale: Locale;\n  readonly brand?: BrandId;\n  readonly labels: ChartLabels;\n  readonly raw?: ChartLabelsInput;\n}\n\nconst DEFAULTS: ResolvedSettings = { locale: \"en-US\", labels: mergeLabels() };\nconst Context = createContext<ResolvedSettings>(DEFAULTS);\n\nexport interface ChartsProviderProps extends ChartsSettings {\n  children: ReactNode;\n}\n\n/** Sets the locale, the brand and the words of every chart below it. */\nexport function ChartsProvider({ locale, brand, labels, children }: ChartsProviderProps) {\n  const parent = useContext(Context);\n  const value = useMemo<ResolvedSettings>(() => {\n    const raw: ChartLabelsInput | undefined = labels ? { ...parent.raw, ...labels, kinds: { ...parent.raw?.kinds, ...labels.kinds } } : parent.raw;\n    return { locale: locale ?? parent.locale, brand: brand ?? parent.brand, labels: mergeLabels(raw), raw };\n  }, [locale, brand, labels, parent]);\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\n/** The settings of a chart: its own props over the provider's over the defaults. */\nexport function useChartSettings(own: ChartsSettings): { locale: Locale; brand?: BrandId; labels: ChartLabels } {\n  const shared = useContext(Context);\n  return useMemo(\n    () => ({ locale: own.locale ?? shared.locale, brand: own.brand ?? shared.brand, labels: own.labels ? mergeLabels(shared.raw, own.labels) : shared.labels }),\n    [own.locale, own.brand, own.labels, shared],\n  );\n}\n","// The data palettes. One categorical set of eight hues, stepped for each theme (the dark steps are chosen for the\n// dark surface, not flipped), ordered per brand so that the first series wears the brand's own hue — Krizaka blue,\n// Orazaka orange, Orochia violet then magenta, its gradient. Every order was chosen among the ones that pass the\n// colour-vision checks (scripts/palette.test: lightness band, chroma floor, adjacent ΔE under protan/deutan ≥ 8 —\n// Orochia light 7.2, inside the 6–8 band that requires the secondary encoding every chart carries: legend, direct\n// labels, data table —, normal-vision ΔE ≥ 15, ≥ 3:1 on the surface, the first three slots distinct all-pairs).\n// A 9th series never gets a generated hue: it folds into “Other” or a second chart.\nimport type { BrandId } from \"./types\";\n\nexport type Mode = \"dark\" | \"light\";\n\n/** The eight hues, light and dark steps. */\nexport const HUES = {\n  blue: { light: \"#2a78d6\", dark: \"#3987e5\" },\n  orange: { light: \"#eb6834\", dark: \"#d95926\" },\n  aqua: { light: \"#1baf7a\", dark: \"#199e70\" },\n  yellow: { light: \"#eda100\", dark: \"#c98500\" },\n  magenta: { light: \"#e87ba4\", dark: \"#d55181\" },\n  green: { light: \"#008300\", dark: \"#008300\" },\n  violet: { light: \"#6250d6\", dark: \"#9085e9\" },\n  red: { light: \"#e34948\", dark: \"#e66767\" },\n} as const;\n\nexport type Hue = keyof typeof HUES;\n\n/** The order of the hues for each brand: slot 1 is the brand. */\nexport const ORDERS: Record<BrandId, readonly Hue[]> = {\n  krizaka: [\"blue\", \"green\", \"magenta\", \"yellow\", \"aqua\", \"orange\", \"violet\", \"red\"],\n  orazaka: [\"orange\", \"aqua\", \"blue\", \"yellow\", \"magenta\", \"green\", \"violet\", \"red\"],\n  orochia: [\"violet\", \"magenta\", \"yellow\", \"aqua\", \"orange\", \"blue\", \"green\", \"red\"],\n};\n\n/** The categorical palette of a brand in a theme: eight hex colours, slot 1 first. */\nexport function palette(brand: BrandId, mode: Mode): string[] {\n  return ORDERS[brand].map((hue) => HUES[hue][mode]);\n}\n\n/** The diverging poles (below / above the midpoint): blue ↔ red, a neutral grey between them. */\nexport const DIVERGING = {\n  light: { low: HUES.blue.light, high: HUES.red.light },\n  dark: { low: HUES.blue.dark, high: HUES.red.dark },\n} as const;\n\n// --- Colour arithmetic (OKLab), for the sequential ramps the canvas engine needs as plain colours. ---------------\n\ntype Rgb = [number, number, number];\n\n/** `#rrggbb`, `#rgb`, `rgb(r, g, b)` / `rgba(…)` or `rgb(r g b / a)` → [r, g, b] in 0–255; null otherwise. */\nexport function parseColor(color: string): Rgb | null {\n  const hex = color.trim().match(/^#([\\da-f]{3}|[\\da-f]{6})$/i);\n  if (hex) {\n    const h = hex[1]!.length === 3 ? [...hex[1]!].map((c) => c + c).join(\"\") : hex[1]!;\n    return [0, 2, 4].map((i) => Number.parseInt(h.slice(i, i + 2), 16)) as Rgb;\n  }\n  const rgb = color.trim().match(/^rgba?\\(\\s*([\\d.]+)[\\s,]+([\\d.]+)[\\s,]+([\\d.]+)/i);\n  if (rgb) return [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];\n  return null;\n}\n\nconst toLinear = (c: number) => {\n  const v = c / 255;\n  return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;\n};\nconst fromLinear = (v: number) => {\n  const c = v <= 0.0031308 ? v * 12.92 : 1.055 * v ** (1 / 2.4) - 0.055;\n  return Math.round(Math.min(1, Math.max(0, c)) * 255);\n};\n\nfunction toOklab([r8, g8, b8]: Rgb): Rgb {\n  const [r, g, b] = [toLinear(r8), toLinear(g8), toLinear(b8)];\n  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);\n  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);\n  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);\n  return [0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s, 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s, 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s];\n}\n\nfunction fromOklab([L, a, b]: Rgb): Rgb {\n  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;\n  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;\n  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;\n  return [\n    fromLinear(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),\n    fromLinear(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),\n    fromLinear(-0.0041960863 * l - 0.7034186147 * m + 1.707614031 * s),\n  ];\n}\n\nconst hex = ([r, g, b]: Rgb) => `#${[r, g, b].map((c) => c.toString(16).padStart(2, \"0\")).join(\"\")}`;\n\n/** `a` → `b` at `t` (0–1), interpolated in OKLab (even steps to the eye). Unparseable colours return `b`. */\nexport function mix(a: string, b: string, t: number): string {\n  const ca = parseColor(a);\n  const cb = parseColor(b);\n  if (!ca || !cb) return b;\n  const la = toOklab(ca);\n  const lb = toOklab(cb);\n  return hex(fromOklab([0, 1, 2].map((i) => la[i]! + (lb[i]! - la[i]!) * t) as Rgb));\n}\n\n/**\n * A sequential ramp of `steps` colours, one hue from near the surface (`0`, “almost nothing”) to the full hue: the\n * magnitude of a heatmap, a calendar or a choropleth. The first step is still distinct from the surface.\n */\nexport function sequential(hue: string, surface: string, steps = 5): string[] {\n  return Array.from({ length: steps }, (_, i) => mix(surface, hue, 0.22 + (0.78 * i) / Math.max(1, steps - 1)));\n}\n\n/** WCAG contrast ratio between two colours (for the tests and the labels drawn inside a mark). */\nexport function contrast(a: string, b: string): number {\n  const lum = (c: string) => {\n    const rgb = parseColor(c);\n    if (!rgb) return 0;\n    const [r, g, bl] = rgb.map(toLinear) as Rgb;\n    return 0.2126 * r + 0.7152 * g + 0.0722 * bl;\n  };\n  const [hi, lo] = [lum(a), lum(b)].sort((x, y) => y - x) as [number, number];\n  return (hi + 0.05) / (lo + 0.05);\n}\n"],"mappings":"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","names":["hex"]}

package/dist/chunk-6FINSUOS.js

@@ -0,0 +1,49 @@
+"use client";
+
+// src/geo/world.ts
+import { useEffect, useState } from "react";
+import { feature } from "topojson-client";
+var world = null;
+function loadWorld() {
+  world ??= import("./world-110m-DVFWXS42.js").then((module) => {
+    const topology = module.default ?? module;
+    return feature(topology, topology.objects.countries);
+  });
+  return world;
+}
+function useWorld(enabled) {
+  const [state, setState] = useState({ world: null, failed: false });
+  useEffect(() => {
+    if (!enabled) return void 0;
+    let alive = true;
+    loadWorld().then(
+      (w) => alive && setState({ world: w, failed: false }),
+      () => alive && setState({ world: null, failed: true })
+    );
+    return () => {
+      alive = false;
+    };
+  }, [enabled]);
+  return state;
+}
+var displayNames = /* @__PURE__ */ new Map();
+function regionName(code, fallback, locale) {
+  if (!code) return fallback;
+  try {
+    const key = String(locale);
+    let names = displayNames.get(key);
+    if (!names) {
+      names = new Intl.DisplayNames(locale, { type: "region" });
+      displayNames.set(key, names);
+    }
+    return names.of(code) ?? fallback;
+  } catch {
+    return fallback;
+  }
+}
+
+export {
+  useWorld,
+  regionName
+};
+//# sourceMappingURL=chunk-6FINSUOS.js.map

package/dist/chunk-6FINSUOS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/geo/world.ts"],"sourcesContent":["\"use client\";\n// The world the maps draw: Natural Earth 1:110m countries (public domain) through world-atlas, keyed by ISO 3166-1\n// alpha-2 (scripts/world.mjs). ~38 kB gzipped, loaded on demand — only by GeoMap and Globe3D, once per page.\nimport type { Feature, FeatureCollection, Geometry } from \"geojson\";\nimport { useEffect, useState } from \"react\";\nimport { feature } from \"topojson-client\";\nimport type { GeometryCollection, Topology } from \"topojson-specification\";\n\nexport type Country = Omit<Feature<Geometry, { name: string }>, \"id\"> & { id?: string };\nexport type World = Omit<FeatureCollection<Geometry, { name: string }>, \"features\"> & { features: Country[] };\n\nlet world: Promise<World> | null = null;\n\n/** The countries, decoded once (a lazy chunk of the package). */\nexport function loadWorld(): Promise<World> {\n  world ??= import(\"./world-110m.json\").then((module) => {\n    const topology = (module.default ?? module) as unknown as Topology<{ countries: GeometryCollection<{ name: string }> }>;\n    return feature(topology, topology.objects.countries) as unknown as World;\n  });\n  return world;\n}\n\n/** The world once loaded (null before, or when `enabled` is false); an error leaves it null and says so. */\nexport function useWorld(enabled: boolean): { world: World | null; failed: boolean } {\n  const [state, setState] = useState<{ world: World | null; failed: boolean }>({ world: null, failed: false });\n  useEffect(() => {\n    if (!enabled) return undefined;\n    let alive = true;\n    loadWorld().then(\n      (w) => alive && setState({ world: w, failed: false }),\n      () => alive && setState({ world: null, failed: true }),\n    );\n    return () => {\n      alive = false;\n    };\n  }, [enabled]);\n  return state;\n}\n\nconst displayNames = new Map<string, Intl.DisplayNames>();\n\n/** A region's name in the reader's language (`Intl.DisplayNames`), else Natural Earth's English one. */\nexport function regionName(code: string | undefined, fallback: string, locale: string | readonly string[]): string {\n  if (!code) return fallback;\n  try {\n    const key = String(locale);\n    let names = displayNames.get(key);\n    if (!names) {\n      names = new Intl.DisplayNames(locale as string[], { type: \"region\" });\n      displayNames.set(key, names);\n    }\n    return names.of(code) ?? fallback;\n  } catch {\n    return fallback;\n  }\n}\n"],"mappings":";;;AAIA,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AAMxB,IAAI,QAA+B;AAG5B,SAAS,YAA4B;AAC1C,YAAU,OAAO,0BAAmB,EAAE,KAAK,CAAC,WAAW;AACrD,UAAM,WAAY,OAAO,WAAW;AACpC,WAAO,QAAQ,UAAU,SAAS,QAAQ,SAAS;AAAA,EACrD,CAAC;AACD,SAAO;AACT;AAGO,SAAS,SAAS,SAA4D;AACnF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAmD,EAAE,OAAO,MAAM,QAAQ,MAAM,CAAC;AAC3G,YAAU,MAAM;AACd,QAAI,CAAC,QAAS,QAAO;AACrB,QAAI,QAAQ;AACZ,cAAU,EAAE;AAAA,MACV,CAAC,MAAM,SAAS,SAAS,EAAE,OAAO,GAAG,QAAQ,MAAM,CAAC;AAAA,MACpD,MAAM,SAAS,SAAS,EAAE,OAAO,MAAM,QAAQ,KAAK,CAAC;AAAA,IACvD;AACA,WAAO,MAAM;AACX,cAAQ;AAAA,IACV;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,SAAO;AACT;AAEA,IAAM,eAAe,oBAAI,IAA+B;AAGjD,SAAS,WAAW,MAA0B,UAAkB,QAA4C;AACjH,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI;AACF,UAAM,MAAM,OAAO,MAAM;AACzB,QAAI,QAAQ,aAAa,IAAI,GAAG;AAChC,QAAI,CAAC,OAAO;AACV,cAAQ,IAAI,KAAK,aAAa,QAAoB,EAAE,MAAM,SAAS,CAAC;AACpE,mBAAa,IAAI,KAAK,KAAK;AAAA,IAC7B;AACA,WAAO,MAAM,GAAG,IAAI,KAAK;AAAA,EAC3B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/chunk-7CSAGFBW.js

@@ -0,0 +1,166 @@
+"use client";
+import {
+  EChartHost,
+  baseOption,
+  categoryAxis,
+  tooltipHtml
+} from "./chunk-I5QUZVU2.js";
+import {
+  read
+} from "./chunk-W5FX4TU3.js";
+import {
+  asDate,
+  categoryFormatter,
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  RampLegend,
+  useSettings
+} from "./chunk-DWJPPEMC.js";
+import {
+  capitalize,
+  fill
+} from "./chunk-3CJHBJXA.js";
+
+// src/heatmap/heatmap.tsx
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var engine = () => import("./heatmap-JWQOKUGM.js");
+var STEPS = 5;
+var pieces = (theme, min, max) => theme.ramp.map((color, i) => ({ gte: min + (max - min) * i / STEPS, ...i < STEPS - 1 ? { lt: min + (max - min) * (i + 1) / STEPS } : {}, color }));
+function Heatmap(props) {
+  const { data, x, y, value, xCategories, yCategories, format, xFormat, yFormat, xLabel, yLabel } = props;
+  const { locale, labels } = useSettings(props);
+  const fmt = useMemo(
+    () => ({ value: valueFormatter(format, locale, labels.noValue), axis: valueFormatter(format, locale, labels.noValue, true), x: categoryFormatter(xFormat ?? "text", locale), y: categoryFormatter(yFormat ?? "text", locale) }),
+    [format, xFormat, yFormat, locale, labels.noValue]
+  );
+  const model = useMemo(() => {
+    const xs = xCategories ? [...xCategories] : [...new Set(data.map((d, i) => read(x, d, i)))];
+    const ys = yCategories ? [...yCategories] : [...new Set(data.map((d, i) => read(y, d, i)))];
+    const cells = data.map((d, i) => ({ xi: xs.findIndex((c) => String(c) === String(read(x, d, i))), yi: ys.findIndex((c) => String(c) === String(read(y, d, i))), v: Number(read(value, d, i)) })).filter((c) => c.xi >= 0 && c.yi >= 0 && Number.isFinite(c.v));
+    const values = cells.map((c) => c.v);
+    return { xs: xs.map(fmt.x), ys: ys.map(fmt.y), cells, min: Math.min(...values, 0), max: Math.max(...values, 0) };
+  }, [data, x, y, value, xCategories, yCategories, fmt]);
+  const isEmpty = model.cells.length === 0;
+  const peak = model.cells.reduce((best, c) => !best || c.v > best.v ? c : best, null);
+  const summary = isEmpty ? labels.empty : `${fill(labels.summaryIntro, { kind: labels.kinds.heatmap, count: `${model.xs.length} \xD7 ${model.ys.length}` })} ${capitalize(fill(labels.summaryPeak, { value: fmt.value(peak.v), at: `${model.ys[peak.yi]}, ${model.xs[peak.xi]}` }))}, ${fill(labels.summaryActive, { count: model.cells.filter((c) => c.v !== 0).length })}.`;
+  const items = model.cells.map((c, i) => ({ seriesIndex: 0, dataIndex: i, text: `${model.ys[c.yi]}, ${model.xs[c.xi]}: ${fmt.value(c.v)}` }));
+  const build = useCallback(
+    (theme, size) => {
+      const base = baseOption(theme, true);
+      return {
+        ...base,
+        tooltip: {
+          ...base.tooltip,
+          trigger: "item",
+          formatter: (p) => {
+            const c = model.cells[p.dataIndex];
+            return tooltipHtml(`${model.ys[c.yi]} \xB7 ${model.xs[c.xi]}`, [{ label: labels.value, value: fmt.value(c.v) }]);
+          }
+        },
+        grid: { left: 8, right: 8, top: 8, bottom: 8, containLabel: true },
+        xAxis: { ...categoryAxis(theme, model.xs), axisLine: { show: false }, axisLabel: { color: theme.text2, interval: size.width < 480 ? "auto" : 0 } },
+        yAxis: { ...categoryAxis(theme, model.ys), axisLine: { show: false }, inverse: true },
+        visualMap: { show: false, type: "piecewise", pieces: pieces(theme, model.min, model.max), dimension: 2 },
+        series: [
+          {
+            type: "heatmap",
+            data: model.cells.map((c) => [c.xi, c.yi, c.v]),
+            itemStyle: { borderColor: theme.surface, borderWidth: 2, borderRadius: 3 },
+            emphasis: { itemStyle: { borderColor: theme.text, borderWidth: 2 } }
+          }
+        ]
+      };
+    },
+    [model, fmt, labels.value]
+  );
+  return /* @__PURE__ */ jsx(
+    EChartHost,
+    {
+      kind: "heatmap",
+      frame: props,
+      defaultHeight: 260,
+      table: { columns: [yLabel && xLabel ? `${yLabel} / ${xLabel}` : yLabel ?? labels.category, ...model.xs], rows: model.ys.map((row, yi) => [row, ...model.xs.map((_, xi) => fmt.value(model.cells.find((c) => c.xi === xi && c.yi === yi)?.v))]) },
+      summary,
+      isEmpty,
+      legend: isEmpty ? null : /* @__PURE__ */ jsx(RampLegend, { min: model.min, max: model.max, steps: STEPS, write: fmt.axis }),
+      engine,
+      build,
+      items
+    }
+  );
+}
+var iso = (date) => date.toISOString().slice(0, 10);
+function CalendarHeatmap(props) {
+  const { data, date, value, range, format, valueLabel } = props;
+  const { locale, labels } = useSettings(props);
+  const fmt = useMemo(() => ({ value: valueFormatter(format, locale, labels.noValue), axis: valueFormatter(format, locale, labels.noValue, true), day: categoryFormatter("date", locale) }), [format, locale, labels.noValue]);
+  const model = useMemo(() => {
+    const days = data.map((d, i) => ({ day: asDate(read(date, d, i)), v: Number(read(value, d, i)) })).filter((d) => d.day !== null && Number.isFinite(d.v)).map((d) => ({ day: iso(d.day), v: d.v })).sort((a, b) => a.day.localeCompare(b.day));
+    const last = days[days.length - 1]?.day ?? iso(/* @__PURE__ */ new Date(0));
+    const first = /* @__PURE__ */ new Date(`${last}T00:00:00Z`);
+    first.setUTCDate(first.getUTCDate() - 364);
+    const span = range ?? [iso(first), last];
+    const values = days.map((d) => d.v);
+    return { days, span, min: Math.min(...values, 0), max: Math.max(...values, 0) };
+  }, [data, date, value, range]);
+  const isEmpty = model.days.length === 0;
+  const peak = model.days.reduce((best, d) => !best || d.v > best.v ? d : best, null);
+  const total = model.days.reduce((sum, d) => sum + d.v, 0);
+  const summary = isEmpty ? labels.empty : `${fill(labels.summaryIntro, { kind: labels.kinds.calendar, count: `${fmt.day(model.span[0])} \u2013 ${fmt.day(model.span[1])}` })} ${capitalize(fill(labels.summaryTotal, { total: fmt.value(total) }))}, ${fill(labels.summaryPeak, { value: fmt.value(peak.v), at: fmt.day(peak.day) })}, ${fill(labels.summaryActive, { count: model.days.filter((d) => d.v !== 0).length })}.`;
+  const items = model.days.map((d, i) => ({ seriesIndex: 0, dataIndex: i, text: `${fmt.day(d.day)}: ${fmt.value(d.v)}` }));
+  const build = useCallback(
+    (theme, size) => {
+      const base = baseOption(theme, true);
+      const cell = Math.max(6, Math.min(18, Math.floor((size.width - 48) / 54)));
+      const monthNames = Array.from({ length: 12 }, (_, m) => new Intl.DateTimeFormat(locale, { month: "short", timeZone: "UTC" }).format(new Date(Date.UTC(2026, m, 1))));
+      const dayNames = Array.from({ length: 7 }, (_, d) => new Intl.DateTimeFormat(locale, { weekday: "narrow", timeZone: "UTC" }).format(new Date(Date.UTC(2026, 2, 1 + d))));
+      return {
+        ...base,
+        tooltip: {
+          ...base.tooltip,
+          trigger: "item",
+          formatter: (p) => tooltipHtml(fmt.day(p.data[0]), [{ label: valueLabel ?? labels.value, value: fmt.value(p.data[1]) }])
+        },
+        visualMap: { show: false, type: "piecewise", pieces: pieces(theme, model.min, model.max) },
+        calendar: {
+          range: [...model.span],
+          cellSize: [cell, cell],
+          top: 24,
+          left: 32,
+          right: 8,
+          orient: "horizontal",
+          splitLine: { show: false },
+          itemStyle: { color: theme.surface2, borderColor: theme.surface, borderWidth: 2 },
+          yearLabel: { show: false },
+          monthLabel: { color: theme.text2, nameMap: monthNames, fontSize: 11 },
+          dayLabel: { color: theme.text3, nameMap: dayNames, firstDay: 1, fontSize: 10 }
+        },
+        series: [{ type: "heatmap", coordinateSystem: "calendar", data: model.days.map((d) => [d.day, d.v]), itemStyle: { borderColor: theme.surface, borderWidth: 2, borderRadius: 2 } }]
+      };
+    },
+    [model, fmt, valueLabel, locale, labels.value]
+  );
+  return /* @__PURE__ */ jsx(
+    EChartHost,
+    {
+      kind: "calendar",
+      frame: props,
+      defaultHeight: 170,
+      table: { columns: [labels.category, valueLabel ?? labels.value], rows: model.days.map((d) => [fmt.day(d.day), fmt.value(d.v)]) },
+      summary,
+      isEmpty,
+      legend: isEmpty ? null : /* @__PURE__ */ jsx(RampLegend, { min: model.min, max: model.max, steps: STEPS, write: fmt.axis }),
+      engine,
+      build,
+      items
+    }
+  );
+}
+
+export {
+  Heatmap,
+  CalendarHeatmap
+};
+//# sourceMappingURL=chunk-7CSAGFBW.js.map

package/dist/chunk-7CSAGFBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/heatmap/heatmap.tsx"],"sourcesContent":["\"use client\";\n// Magnitude across two dimensions — activity by weekday and hour — and its calendar form, one cell a day over a year.\n// One sequential hue (the brand's) in even steps from near the surface; the legend writes each step's range; the\n// keyboard walks the cells that have a value. ECharts, loaded when the chart nears the screen.\nimport { useCallback, useMemo } from \"react\";\n\nimport { read } from \"../core/data\";\nimport { asDate, categoryFormatter, valueFormatter } from \"../core/format\";\nimport { capitalize, fill } from \"../core/labels\";\nimport type { Accessor, CategoryFormat, Datum, ValueFormat } from \"../core/types\";\nimport { EChartHost, type EngineProps, type WalkItem } from \"../echarts/host\";\nimport { baseOption, categoryAxis, type ResolvedTheme, tooltipHtml } from \"../echarts/theme\";\nimport type { ChartFrameProps } from \"../web/frame\";\nimport { useSettings } from \"../web/frame\";\nimport { RampLegend } from \"../web/parts\";\n\nconst engine = () => import(\"../echarts/engines/heatmap\");\nconst STEPS = 5;\n\nconst pieces = (theme: ResolvedTheme, min: number, max: number) =>\n  theme.ramp.map((color, i) => ({ gte: min + ((max - min) * i) / STEPS, ...(i < STEPS - 1 ? { lt: min + ((max - min) * (i + 1)) / STEPS } : {}), color }));\n\nexport interface HeatmapProps<T extends Datum> extends ChartFrameProps, EngineProps {\n  /** One row per cell. */\n  data: readonly T[];\n  /** The field of the column (an hour, a day) and of the row (a weekday, a team). */\n  x: Accessor<T, unknown>;\n/** The field of the row (a weekday, a team). */\n  y: Accessor<T, unknown>;\n  /** The field of the cell's value. */\n  value: Accessor<T, number>;\n  /** The order of the columns and the rows. Default: as they first appear. */\n  xCategories?: readonly unknown[];\n/** The order of the rows. Default: as they first appear. */\n  yCategories?: readonly unknown[];\n  /** How the values, the columns and the rows are written. */\n  format?: ValueFormat;\n/** How the columns are written. */\n  xFormat?: CategoryFormat;\n/** How the rows are written. */\n  yFormat?: CategoryFormat;\n  /** The headers of the data table. */\n  xLabel?: string;\n/** The header of the rows in the data table. */\n  yLabel?: string;\n}\n\nexport function Heatmap<T extends Datum>(props: HeatmapProps<T>) {\n  const { data, x, y, value, xCategories, yCategories, format, xFormat, yFormat, xLabel, yLabel } = props;\n  const { locale, labels } = useSettings(props);\n  const fmt = useMemo(\n    () => ({ value: valueFormatter(format, locale, labels.noValue), axis: valueFormatter(format, locale, labels.noValue, true), x: categoryFormatter(xFormat ?? \"text\", locale), y: categoryFormatter(yFormat ?? \"text\", locale) }),\n    [format, xFormat, yFormat, locale, labels.noValue],\n  );\n  const model = useMemo(() => {\n    const xs = xCategories ? [...xCategories] : [...new Set(data.map((d, i) => read(x, d, i)))];\n    const ys = yCategories ? [...yCategories] : [...new Set(data.map((d, i) => read(y, d, i)))];\n    const cells = data\n      .map((d, i) => ({ xi: xs.findIndex((c) => String(c) === String(read(x, d, i))), yi: ys.findIndex((c) => String(c) === String(read(y, d, i))), v: Number(read(value, d, i)) }))\n      .filter((c) => c.xi >= 0 && c.yi >= 0 && Number.isFinite(c.v));\n    const values = cells.map((c) => c.v);\n    return { xs: xs.map(fmt.x), ys: ys.map(fmt.y), cells, min: Math.min(...values, 0), max: Math.max(...values, 0) };\n  }, [data, x, y, value, xCategories, yCategories, fmt]);\n  const isEmpty = model.cells.length === 0;\n  const peak = model.cells.reduce<(typeof model.cells)[number] | null>((best, c) => (!best || c.v > best.v ? c : best), null);\n  const summary = isEmpty\n    ? labels.empty\n    : `${fill(labels.summaryIntro, { kind: labels.kinds.heatmap, count: `${model.xs.length} × ${model.ys.length}` })} ${capitalize(fill(labels.summaryPeak, { value: fmt.value(peak!.v), at: `${model.ys[peak!.yi]}, ${model.xs[peak!.xi]}` }))}, ${fill(labels.summaryActive, { count: model.cells.filter((c) => c.v !== 0).length })}.`;\n  const items: WalkItem[] = model.cells.map((c, i) => ({ seriesIndex: 0, dataIndex: i, text: `${model.ys[c.yi]}, ${model.xs[c.xi]}: ${fmt.value(c.v)}` }));\n\n  const build = useCallback(\n    (theme: ResolvedTheme, size: { width: number }) => {\n      const base = baseOption(theme, true);\n      return {\n        ...base,\n        tooltip: {\n          ...(base.tooltip as object),\n          trigger: \"item\",\n          formatter: (p: { dataIndex: number }) => {\n            const c = model.cells[p.dataIndex]!;\n            return tooltipHtml(`${model.ys[c.yi]} · ${model.xs[c.xi]}`, [{ label: labels.value, value: fmt.value(c.v) }]);\n          },\n        },\n        grid: { left: 8, right: 8, top: 8, bottom: 8, containLabel: true },\n        xAxis: { ...categoryAxis(theme, model.xs), axisLine: { show: false }, axisLabel: { color: theme.text2, interval: size.width < 480 ? \"auto\" : 0 } },\n        yAxis: { ...categoryAxis(theme, model.ys), axisLine: { show: false }, inverse: true },\n        visualMap: { show: false, type: \"piecewise\", pieces: pieces(theme, model.min, model.max), dimension: 2 },\n        series: [\n          {\n            type: \"heatmap\",\n            data: model.cells.map((c) => [c.xi, c.yi, c.v]),\n            itemStyle: { borderColor: theme.surface, borderWidth: 2, borderRadius: 3 },\n            emphasis: { itemStyle: { borderColor: theme.text, borderWidth: 2 } },\n          },\n        ],\n      };\n    },\n    [model, fmt, labels.value],\n  );\n\n  return (\n    <EChartHost\n      kind=\"heatmap\"\n      frame={props}\n      defaultHeight={260}\n      table={{ columns: [yLabel && xLabel ? `${yLabel} / ${xLabel}` : (yLabel ?? labels.category), ...model.xs], rows: model.ys.map((row, yi) => [row, ...model.xs.map((_, xi) => fmt.value(model.cells.find((c) => c.xi === xi && c.yi === yi)?.v))]) }}\n      summary={summary}\n      isEmpty={isEmpty}\n      legend={isEmpty ? null : <RampLegend min={model.min} max={model.max} steps={STEPS} write={fmt.axis} />}\n      engine={engine}\n      build={build}\n      items={items}\n    />\n  );\n}\n\nexport interface CalendarHeatmapProps<T extends Datum> extends ChartFrameProps, EngineProps {\n  /** One row per day (days without a row read as nothing). */\n  data: readonly T[];\n  /** The field of the day: an ISO date (`2026-04-12`), a `Date` or an epoch. */\n  date: Accessor<T, unknown>;\n  /** The field of the day's value. */\n  value: Accessor<T, number>;\n  /** The first and last days shown. Default: the year before the last day of the data. */\n  range?: readonly [string, string];\n  /** How the values are written. */\n  format?: ValueFormat;\n  /** The header of the values in the data table. */\n  valueLabel?: string;\n}\n\nconst iso = (date: Date) => date.toISOString().slice(0, 10);\n\nexport function CalendarHeatmap<T extends Datum>(props: CalendarHeatmapProps<T>) {\n  const { data, date, value, range, format, valueLabel } = props;\n  const { locale, labels } = useSettings(props);\n  const fmt = useMemo(() => ({ value: valueFormatter(format, locale, labels.noValue), axis: valueFormatter(format, locale, labels.noValue, true), day: categoryFormatter(\"date\", locale) }), [format, locale, labels.noValue]);\n  const model = useMemo(() => {\n    const days = data\n      .map((d, i) => ({ day: asDate(read(date, d, i)), v: Number(read(value, d, i)) }))\n      .filter((d): d is { day: Date; v: number } => d.day !== null && Number.isFinite(d.v))\n      .map((d) => ({ day: iso(d.day), v: d.v }))\n      .sort((a, b) => a.day.localeCompare(b.day));\n    const last = days[days.length - 1]?.day ?? iso(new Date(0));\n    const first = new Date(`${last}T00:00:00Z`);\n    first.setUTCDate(first.getUTCDate() - 364);\n    const span = range ?? ([iso(first), last] as const);\n    const values = days.map((d) => d.v);\n    return { days, span, min: Math.min(...values, 0), max: Math.max(...values, 0) };\n  }, [data, date, value, range]);\n  const isEmpty = model.days.length === 0;\n  const peak = model.days.reduce<(typeof model.days)[number] | null>((best, d) => (!best || d.v > best.v ? d : best), null);\n  const total = model.days.reduce((sum, d) => sum + d.v, 0);\n  const summary = isEmpty\n    ? labels.empty\n    : `${fill(labels.summaryIntro, { kind: labels.kinds.calendar, count: `${fmt.day(model.span[0])} – ${fmt.day(model.span[1])}` })} ${capitalize(fill(labels.summaryTotal, { total: fmt.value(total) }))}, ${fill(labels.summaryPeak, { value: fmt.value(peak!.v), at: fmt.day(peak!.day) })}, ${fill(labels.summaryActive, { count: model.days.filter((d) => d.v !== 0).length })}.`;\n  const items: WalkItem[] = model.days.map((d, i) => ({ seriesIndex: 0, dataIndex: i, text: `${fmt.day(d.day)}: ${fmt.value(d.v)}` }));\n\n  const build = useCallback(\n    (theme: ResolvedTheme, size: { width: number; height: number }) => {\n      const base = baseOption(theme, true);\n      const cell = Math.max(6, Math.min(18, Math.floor((size.width - 48) / 54)));\n      const monthNames = Array.from({ length: 12 }, (_, m) => new Intl.DateTimeFormat(locale as string, { month: \"short\", timeZone: \"UTC\" }).format(new Date(Date.UTC(2026, m, 1))));\n      const dayNames = Array.from({ length: 7 }, (_, d) => new Intl.DateTimeFormat(locale as string, { weekday: \"narrow\", timeZone: \"UTC\" }).format(new Date(Date.UTC(2026, 2, 1 + d))));\n      return {\n        ...base,\n        tooltip: {\n          ...(base.tooltip as object),\n          trigger: \"item\",\n          formatter: (p: { data: [string, number] }) => tooltipHtml(fmt.day(p.data[0]), [{ label: valueLabel ?? labels.value, value: fmt.value(p.data[1]) }]),\n        },\n        visualMap: { show: false, type: \"piecewise\", pieces: pieces(theme, model.min, model.max) },\n        calendar: {\n          range: [...model.span],\n          cellSize: [cell, cell],\n          top: 24,\n          left: 32,\n          right: 8,\n          orient: \"horizontal\",\n          splitLine: { show: false },\n          itemStyle: { color: theme.surface2, borderColor: theme.surface, borderWidth: 2 },\n          yearLabel: { show: false },\n          monthLabel: { color: theme.text2, nameMap: monthNames, fontSize: 11 },\n          dayLabel: { color: theme.text3, nameMap: dayNames, firstDay: 1, fontSize: 10 },\n        },\n        series: [{ type: \"heatmap\", coordinateSystem: \"calendar\", data: model.days.map((d) => [d.day, d.v]), itemStyle: { borderColor: theme.surface, borderWidth: 2, borderRadius: 2 } }],\n      };\n    },\n    [model, fmt, valueLabel, locale, labels.value],\n  );\n\n  return (\n    <EChartHost\n      kind=\"calendar\"\n      frame={props}\n      defaultHeight={170}\n      table={{ columns: [labels.category, valueLabel ?? labels.value], rows: model.days.map((d) => [fmt.day(d.day), fmt.value(d.v)]) }}\n      summary={summary}\n      isEmpty={isEmpty}\n      legend={isEmpty ? null : <RampLegend min={model.min} max={model.max} steps={STEPS} write={fmt.axis} />}\n      engine={engine}\n      build={build}\n      items={items}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-7TIFCK5E.js

@@ -0,0 +1,103 @@
+"use client";
+import {
+  EChartHost,
+  baseOption,
+  tooltipHtml
+} from "./chunk-I5QUZVU2.js";
+import {
+  normalizeSeries,
+  summarize,
+  tabulate
+} from "./chunk-W5FX4TU3.js";
+import {
+  categoryFormatter,
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  Legend,
+  useSettings
+} from "./chunk-DWJPPEMC.js";
+import {
+  fill
+} from "./chunk-3CJHBJXA.js";
+
+// src/radar/radar-chart.tsx
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var engine = () => import("./radar-75GRJ2IK.js");
+function RadarChart(props) {
+  const { data, x, series, format, max, xLabel } = props;
+  const { locale, labels } = useSettings(props);
+  const specs = useMemo(() => normalizeSeries(series, void 0, void 0), [series]);
+  const table = useMemo(() => tabulate(data, x, specs), [data, x, specs]);
+  const value = useMemo(() => valueFormatter(format, locale, labels.noValue), [format, locale, labels.noValue]);
+  const axisNames = useMemo(() => table.categories.map((c) => categoryFormatter("text", locale)(c)), [table, locale]);
+  const isEmpty = !data.length || !specs.length;
+  const top = max ?? Math.max(1, ...table.series.flatMap((s) => s.values.map((v) => v ?? 0))) * 1.1;
+  const summary = isEmpty ? labels.empty : [
+    fill(labels.summaryIntro, { kind: labels.kinds.radar, count: `${specs.length} \xD7 ${data.length}` }),
+    ...table.series.map((s) => {
+      const sum = summarize(s, axisNames, String);
+      return `${s.label}: ${fill(labels.summaryRange, { min: value(sum.min?.value), minAt: sum.min?.category ?? "", max: value(sum.max?.value), maxAt: sum.max?.category ?? "" })}.`;
+    })
+  ].join(" ");
+  const items = table.series.map((s, k) => ({ seriesIndex: 0, dataIndex: k, text: `${s.label}: ${axisNames.map((a, i) => `${a} ${value(s.values[i])}`).join(", ")}` }));
+  const build = useCallback(
+    (theme) => ({
+      ...baseOption(theme, true),
+      tooltip: {
+        ...baseOption(theme, true).tooltip,
+        trigger: "item",
+        formatter: (p) => {
+          const s = table.series[p.dataIndex];
+          return tooltipHtml(s.label, axisNames.map((a, i) => ({ label: a, value: value(s.values[i]) })));
+        }
+      },
+      radar: {
+        indicator: axisNames.map((name) => ({ name, max: top })),
+        radius: "68%",
+        splitNumber: 4,
+        axisName: { color: theme.text2, fontSize: 11 },
+        splitLine: { lineStyle: { color: theme.grid } },
+        splitArea: { show: false },
+        axisLine: { lineStyle: { color: theme.grid } }
+      },
+      series: [
+        {
+          type: "radar",
+          symbol: "circle",
+          symbolSize: 6,
+          data: table.series.map((s, k) => ({
+            name: s.label,
+            value: s.values.map((v) => v ?? 0),
+            lineStyle: { width: 2, color: theme.palette[k % 8] },
+            itemStyle: { color: theme.palette[k % 8], borderColor: theme.surface, borderWidth: 2 },
+            areaStyle: { color: theme.palette[k % 8], opacity: 0.12 }
+          })),
+          emphasis: { lineStyle: { width: 3 }, areaStyle: { opacity: 0.25 } }
+        }
+      ]
+    }),
+    [table, axisNames, value, top]
+  );
+  return /* @__PURE__ */ jsx(
+    EChartHost,
+    {
+      kind: "radar",
+      frame: props,
+      defaultHeight: 320,
+      table: { columns: [xLabel ?? labels.category, ...table.series.map((s) => s.label)], rows: axisNames.map((a, i) => [a, ...table.series.map((s) => value(s.values[i]))]) },
+      summary,
+      isEmpty,
+      legend: /* @__PURE__ */ jsx(Legend, { items: table.series.map((s) => ({ label: s.label, color: `var(--kzc-${s.slot})` })) }),
+      engine,
+      build,
+      items
+    }
+  );
+}
+
+export {
+  RadarChart
+};
+//# sourceMappingURL=chunk-7TIFCK5E.js.map

package/dist/chunk-7TIFCK5E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radar/radar-chart.tsx"],"sourcesContent":["\"use client\";\n// Several measures of a few entities at once — models compared on latency, cost, quality — on ECharts (loaded when\n// the chart comes near the screen). The rows are the axes, the series the entities, as in a line chart.\nimport { useCallback, useMemo } from \"react\";\n\nimport { normalizeSeries, summarize, tabulate } from \"../core/data\";\nimport { categoryFormatter, valueFormatter } from \"../core/format\";\nimport { fill } from \"../core/labels\";\nimport type { Accessor, Datum, SeriesSpec, ValueFormat } from \"../core/types\";\nimport { EChartHost, type EngineProps, type WalkItem } from \"../echarts/host\";\nimport { baseOption, type ResolvedTheme, tooltipHtml } from \"../echarts/theme\";\nimport type { ChartFrameProps } from \"../web/frame\";\nimport { useSettings } from \"../web/frame\";\nimport { Legend } from \"../web/parts\";\n\nconst engine = () => import(\"../echarts/engines/radar\");\n\nexport interface RadarChartProps<T extends Datum> extends ChartFrameProps, EngineProps {\n  /** One row per axis (“Latency”, “Quality”…). */\n  data: readonly T[];\n  /** The field (or function) naming the axis. */\n  x: Accessor<T, string>;\n  /** The entities compared, one value per axis each. */\n  series: readonly SeriesSpec<T>[];\n  /** How the values are written. */\n  format?: ValueFormat;\n  /** The end of every axis. Default: the largest value, rounded up. */\n  max?: number;\n  /** The header of the axes in the data table. */\n  xLabel?: string;\n}\n\nexport function RadarChart<T extends Datum>(props: RadarChartProps<T>) {\n  const { data, x, series, format, max, xLabel } = props;\n  const { locale, labels } = useSettings(props);\n  const specs = useMemo(() => normalizeSeries(series, undefined, undefined), [series]);\n  const table = useMemo(() => tabulate(data, x, specs), [data, x, specs]);\n  const value = useMemo(() => valueFormatter(format, locale, labels.noValue), [format, locale, labels.noValue]);\n  const axisNames = useMemo(() => table.categories.map((c) => categoryFormatter(\"text\", locale)(c)), [table, locale]);\n  const isEmpty = !data.length || !specs.length;\n  const top = max ?? Math.max(1, ...table.series.flatMap((s) => s.values.map((v) => v ?? 0))) * 1.1;\n\n  const summary = isEmpty\n    ? labels.empty\n    : [\n        fill(labels.summaryIntro, { kind: labels.kinds.radar, count: `${specs.length} × ${data.length}` }),\n        ...table.series.map((s) => {\n          const sum = summarize(s, axisNames, String);\n          return `${s.label}: ${fill(labels.summaryRange, { min: value(sum.min?.value), minAt: sum.min?.category ?? \"\", max: value(sum.max?.value), maxAt: sum.max?.category ?? \"\" })}.`;\n        }),\n      ].join(\" \");\n\n  const items: WalkItem[] = table.series.map((s, k) => ({ seriesIndex: 0, dataIndex: k, text: `${s.label}: ${axisNames.map((a, i) => `${a} ${value(s.values[i])}`).join(\", \")}` }));\n\n  const build = useCallback(\n    (theme: ResolvedTheme) => ({\n      ...baseOption(theme, true),\n      tooltip: {\n        ...(baseOption(theme, true).tooltip as object),\n        trigger: \"item\",\n        formatter: (p: { dataIndex: number }) => {\n          const s = table.series[p.dataIndex]!;\n          return tooltipHtml(s.label, axisNames.map((a, i) => ({ label: a, value: value(s.values[i]) })));\n        },\n      },\n      radar: {\n        indicator: axisNames.map((name) => ({ name, max: top })),\n        radius: \"68%\",\n        splitNumber: 4,\n        axisName: { color: theme.text2, fontSize: 11 },\n        splitLine: { lineStyle: { color: theme.grid } },\n        splitArea: { show: false },\n        axisLine: { lineStyle: { color: theme.grid } },\n      },\n      series: [\n        {\n          type: \"radar\",\n          symbol: \"circle\",\n          symbolSize: 6,\n          data: table.series.map((s, k) => ({\n            name: s.label,\n            value: s.values.map((v) => v ?? 0),\n            lineStyle: { width: 2, color: theme.palette[k % 8] },\n            itemStyle: { color: theme.palette[k % 8], borderColor: theme.surface, borderWidth: 2 },\n            areaStyle: { color: theme.palette[k % 8], opacity: 0.12 },\n          })),\n          emphasis: { lineStyle: { width: 3 }, areaStyle: { opacity: 0.25 } },\n        },\n      ],\n    }),\n    [table, axisNames, value, top],\n  );\n\n  return (\n    <EChartHost\n      kind=\"radar\"\n      frame={props}\n      defaultHeight={320}\n      table={{ columns: [xLabel ?? labels.category, ...table.series.map((s) => s.label)], rows: axisNames.map((a, i) => [a, ...table.series.map((s) => value(s.values[i]))]) }}\n      summary={summary}\n      isEmpty={isEmpty}\n      legend={<Legend items={table.series.map((s) => ({ label: s.label, color: `var(--kzc-${s.slot})` }))} />}\n      engine={engine}\n      build={build}\n      items={items}\n    />\n  );\n}\n"],"mappings":"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","names":[]}