@k2b/ui 0.48.0 → 0.50.0

package/dist/ssr/charts/core/termination.test-fixture.js

@@ -0,0 +1,162 @@
+// Draws every axis kind with values that the float spacing or the tick budget used to keep counting forever.
+// termination.test.ts runs this file in a child process with a deadline, so a regression fails instead of hanging.
+import { chartTimeStep, chartTimeTicks } from "../../content/chart-time-axis";
+import { renderChartSvg } from "./render";
+import { extendDomainToNice, stateTimeline } from "./svg";
+
+// One value at 1e17 has a float spacing of 16, so its ±1 padding collapses to a zero range.
+const big = 1e17;
+const pair = (x, y) => [{
+  x,
+  y
+}];
+const cases = {
+  "line, auto y": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: [...pair(0, big), ...pair(1, big)]
+    }]
+  }, 480, 280),
+  "line, nearly equal y": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: [...pair(0, big), ...pair(1, big + 16)]
+    }]
+  }, 480, 280),
+  "line, auto x": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: [...pair(big, 1), ...pair(big, 2)]
+    }]
+  }, 480, 280),
+  "line, fixed y with a tick target past the budget": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: pair(0, 0.5)
+    }],
+    yAxis: {
+      domain: [0, 1],
+      ticks: 1e9
+    }
+  }, 480, 280),
+  "line, time x": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: pair(big, 1)
+    }],
+    timeAxis: {
+      timeZone: "UTC"
+    }
+  }, 480, 280),
+  "scatter, auto x and y": () => renderChartSvg({
+    kind: "scatter",
+    series: [{
+      label: "A",
+      data: pair(big, big)
+    }]
+  }, 480, 280),
+  "histogram, auto x": () => renderChartSvg({
+    kind: "histogram",
+    data: [big, big, big]
+  }, 480, 280),
+  "boxplot, auto y": () => renderChartSvg({
+    kind: "boxplot",
+    groups: [{
+      label: "A",
+      values: [big, big, big]
+    }]
+  }, 480, 280),
+  "bar, auto y": () => renderChartSvg({
+    kind: "bar",
+    data: [{
+      label: "A",
+      value: -big
+    }]
+  }, 480, 280),
+  "bar, fixed y with a tick target past the budget": () => renderChartSvg({
+    kind: "bar",
+    data: [{
+      label: "A",
+      value: 0.5
+    }],
+    yAxis: {
+      domain: [0, 1],
+      ticks: 1e9
+    }
+  }, 480, 280),
+  "state timeline, time x": () => renderChartSvg({
+    kind: "stateTimeline",
+    rows: [{
+      label: "A",
+      intervals: [{
+        from: big,
+        to: big,
+        state: "on"
+      }]
+    }]
+  }, 480, 280),
+  "core state timeline, time x": () => stateTimeline({
+    width: 480,
+    height: 280,
+    rows: [{
+      label: "A",
+      intervals: [{
+        from: big,
+        to: big,
+        state: "on"
+      }]
+    }]
+  }),
+  "log y": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: pair(0, 1)
+    }],
+    yAxis: {
+      scale: "log",
+      domain: [1e-300, 1e300]
+    }
+  }, 480, 280),
+  "nice ticks, step below the float spacing": () => extendDomainToNice(big, big, 1).ticks,
+  "nice ticks, step past the budget": () => extendDomainToNice(0, 1, 1e-9).ticks,
+  "nice ticks, negative step": () => extendDomainToNice(0, 10, -1).ticks,
+  "time ticks, instants past the Date range": () => chartTimeTicks([big, big + 86_400_000], "UTC", chartTimeStep(86_400_000, 5)),
+  "time ticks, a step below the float spacing": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], "UTC", {
+    unit: "hour",
+    size: 1e-20
+  }),
+  "time ticks, a step that repeats one minute": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], "UTC", {
+    unit: "hour",
+    size: 1e-9
+  }),
+  "time ticks, a zero year step": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2036, 0, 1)], "UTC", {
+    unit: "year",
+    size: 0
+  }),
+  "time ticks, a negative step": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], "UTC", {
+    unit: "hour",
+    size: -1
+  })
+};
+for (const [name, draw] of Object.entries(cases)) {
+  const result = draw();
+  console.log(JSON.stringify({
+    name,
+    ...(typeof result === "string" ? {
+      svg: result.length,
+      nan: /NaN/.test(result)
+    } : {
+      ticks: result
+    })
+  }));
+}
+console.log(JSON.stringify({
+  done: Object.keys(cases).length
+}));
+//# sourceMappingURL=termination.test-fixture.js.map

package/dist/ssr/charts/core/termination.test-fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["line, auto y","line, nearly equal y","line, auto x","line, fixed y with a tick target past the budget","line, time x","scatter, auto x and y","histogram, auto x","boxplot, auto y","bar, auto y","bar, fixed y with a tick target past the budget","state timeline, time x","core state timeline, time x","log y","nice ticks, step below the float spacing","nice ticks, step past the budget","nice ticks, negative step","time ticks, instants past the Date range","time ticks, a step below the float spacing","time ticks, a step that repeats one minute","time ticks, a zero year step","time ticks, a negative step"],"sources":["charts/core/termination.test-fixture.ts"],"sourcesContent":["// Draws every axis kind with values that the float spacing or the tick budget used to keep counting forever.\n// termination.test.ts runs this file in a child process with a deadline, so a regression fails instead of hanging.\nimport { chartTimeStep, chartTimeTicks } from \"../../content/chart-time-axis\";\nimport { renderChartSvg } from \"./render\";\nimport { extendDomainToNice, stateTimeline } from \"./svg\";\n\n// One value at 1e17 has a float spacing of 16, so its ±1 padding collapses to a zero range.\nconst big = 1e17;\nconst pair = (x: number, y: number) => [{ x, y }];\nconst cases: Record<string, () => string | number[]> = {\n  \"line, auto y\": () => renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: [...pair(0, big), ...pair(1, big)] }] }, 480, 280),\n  \"line, nearly equal y\": () =>\n    renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: [...pair(0, big), ...pair(1, big + 16)] }] }, 480, 280),\n  \"line, auto x\": () => renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: [...pair(big, 1), ...pair(big, 2)] }] }, 480, 280),\n  \"line, fixed y with a tick target past the budget\": () =>\n    renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: pair(0, 0.5) }], yAxis: { domain: [0, 1], ticks: 1e9 } }, 480, 280),\n  \"line, time x\": () =>\n    renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: pair(big, 1) }], timeAxis: { timeZone: \"UTC\" } }, 480, 280),\n  \"scatter, auto x and y\": () => renderChartSvg({ kind: \"scatter\", series: [{ label: \"A\", data: pair(big, big) }] }, 480, 280),\n  \"histogram, auto x\": () => renderChartSvg({ kind: \"histogram\", data: [big, big, big] }, 480, 280),\n  \"boxplot, auto y\": () => renderChartSvg({ kind: \"boxplot\", groups: [{ label: \"A\", values: [big, big, big] }] }, 480, 280),\n  \"bar, auto y\": () => renderChartSvg({ kind: \"bar\", data: [{ label: \"A\", value: -big }] }, 480, 280),\n  \"bar, fixed y with a tick target past the budget\": () =>\n    renderChartSvg({ kind: \"bar\", data: [{ label: \"A\", value: 0.5 }], yAxis: { domain: [0, 1], ticks: 1e9 } }, 480, 280),\n  \"state timeline, time x\": () =>\n    renderChartSvg({ kind: \"stateTimeline\", rows: [{ label: \"A\", intervals: [{ from: big, to: big, state: \"on\" }] }] }, 480, 280),\n  \"core state timeline, time x\": () =>\n    stateTimeline({ width: 480, height: 280, rows: [{ label: \"A\", intervals: [{ from: big, to: big, state: \"on\" }] }] }),\n  \"log y\": () =>\n    renderChartSvg(\n      { kind: \"line\", series: [{ label: \"A\", data: pair(0, 1) }], yAxis: { scale: \"log\", domain: [1e-300, 1e300] } },\n      480,\n      280,\n    ),\n  \"nice ticks, step below the float spacing\": () => extendDomainToNice(big, big, 1).ticks,\n  \"nice ticks, step past the budget\": () => extendDomainToNice(0, 1, 1e-9).ticks,\n  \"nice ticks, negative step\": () => extendDomainToNice(0, 10, -1).ticks,\n  \"time ticks, instants past the Date range\": () => chartTimeTicks([big, big + 86_400_000], \"UTC\", chartTimeStep(86_400_000, 5)),\n  \"time ticks, a step below the float spacing\": () =>\n    chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], \"UTC\", { unit: \"hour\", size: 1e-20 }),\n  \"time ticks, a step that repeats one minute\": () =>\n    chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], \"UTC\", { unit: \"hour\", size: 1e-9 }),\n  \"time ticks, a zero year step\": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2036, 0, 1)], \"UTC\", { unit: \"year\", size: 0 }),\n  \"time ticks, a negative step\": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], \"UTC\", { unit: \"hour\", size: -1 }),\n};\n\nfor (const [name, draw] of Object.entries(cases)) {\n  const result = draw();\n  console.log(\n    JSON.stringify({ name, ...(typeof result === \"string\" ? { svg: result.length, nan: /NaN/.test(result) } : { ticks: result }) }),\n  );\n}\nconsole.log(JSON.stringify({ done: Object.keys(cases).length }));\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/charts/core/text.js

@@ -0,0 +1,13 @@
+/** Conservative proportional-font advances in em, shared by DOM-free SVG label layout.
+ * Wide glyphs retain their natural shape; fitting removes whole code points instead of stretching text.
+ */
+export function chartTextWidth(text, size) {
+  return Array.from(text).reduce((width, glyph) => width + (/\s/.test(glyph) ? 0.34 : /[ilI.,:;!|'`]/.test(glyph) ? 0.32 : /[MW@%&]/.test(glyph) ? 1 : /[A-Z0-9]/.test(glyph) ? 0.74 : /[a-zäöüßéèáàóúñç()-]/i.test(glyph) ? 0.64 : 1), 0) * size;
+}
+export function fitChartText(text, width, size) {
+  if (chartTextWidth(text, size) <= width) return text;
+  const glyphs = Array.from(text);
+  while (glyphs.length && chartTextWidth(glyphs.join("") + "…", size) > width) glyphs.pop();
+  return chartTextWidth("…", size) <= width ? glyphs.join("") + "…" : "";
+}
+//# sourceMappingURL=text.js.map

package/dist/ssr/charts/core/text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/core/text.ts"],"sourcesContent":["/** Conservative proportional-font advances in em, shared by DOM-free SVG label layout.\n * Wide glyphs retain their natural shape; fitting removes whole code points instead of stretching text.\n */\nexport function chartTextWidth(text: string, size: number): number {\n  return (\n    Array.from(text).reduce(\n      (width, glyph) =>\n        width +\n        (/\\s/.test(glyph)\n          ? 0.34\n          : /[ilI.,:;!|'`]/.test(glyph)\n            ? 0.32\n            : /[MW@%&]/.test(glyph)\n              ? 1\n              : /[A-Z0-9]/.test(glyph)\n                ? 0.74\n                : /[a-zäöüßéèáàóúñç()-]/i.test(glyph)\n                  ? 0.64\n                  : 1),\n      0,\n    ) * size\n  );\n}\n\nexport function fitChartText(text: string, width: number, size: number): string {\n  if (chartTextWidth(text, size) <= width) return text;\n  const glyphs = Array.from(text);\n  while (glyphs.length && chartTextWidth(glyphs.join(\"\") + \"…\", size) > width) glyphs.pop();\n  return chartTextWidth(\"…\", size) <= width ? glyphs.join(\"\") + \"…\" : \"\";\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,SAAS,cAAc,CAAC,IAAY,EAAE,IAAY,EAAU;EACjE,OACE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CACrB,CAAC,KAAK,EAAE,KAAK,KACX,KAAK,IACJ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GACb,IAAI,GACJ,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GACzB,IAAI,GACJ,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GACnB,CAAC,GACD,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GACpB,IAAI,GACJ,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,GACjC,IAAI,GACJ,CAAC,CAAC,EAChB,CACF,CAAC,GAAG,IAAI;AAEZ;AAEA,OAAO,SAAS,YAAY,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY,EAAU;EAC9E,IAAI,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,EAAE,OAAO,IAAI;EACpD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;EAC/B,OAAO,MAAM,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;EACzF,OAAO,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,EAAE;AACxE","ignoreList":[]}

package/dist/ssr/charts/core/types.js

@@ -0,0 +1,8 @@
+/** UI-owned kind union, derived from the renderer registry. */
+
+export const chartDatumRoles = ["point", "item", "bin", "box", "outlier", "value", "cell", "interval"];
+
+/** Renderer metadata. Anchors use the containing SVG's coordinate space. */
+
+/** Serializable number presentation, compatible with the editor's NumberFormat contract. */
+//# sourceMappingURL=types.js.map

package/dist/ssr/charts/core/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/core/types.ts"],"sourcesContent":["import type { chartRenderers } from \"./registry\";\n\n/** UI-owned kind union, derived from the renderer registry. */\nexport type ChartKind = keyof typeof chartRenderers;\nexport const chartDatumRoles = [\"point\", \"item\", \"bin\", \"box\", \"outlier\", \"value\", \"cell\", \"interval\"] as const;\nexport type ChartDatumRole = (typeof chartDatumRoles)[number];\n\n/** Renderer metadata. Anchors use the containing SVG's coordinate space. */\nexport type ChartDatum = {\n  index: number;\n  seriesIndex?: number;\n  role: ChartDatumRole;\n  label?: string;\n  anchor: [number, number];\n  grid?: [number, number];\n  values: { key: string; value: string | number; formatted?: string }[];\n};\n\n/** Serializable number presentation, compatible with the editor's NumberFormat contract. */\nexport type ChartNumberFormat = {\n  style?: \"number\" | \"percent\" | \"currency\";\n  currency?: string;\n  unit?: string;\n  decimals?: number;\n  compact?: boolean;\n};\nexport type ChartDateFormat = { date: \"day\" | \"minute\" | \"second\" };\nexport type ChartFormat = ChartNumberFormat | ChartDateFormat;\n"],"mappings":"AAEA;;AAEA,OAAO,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAU;;AAG/G;;AAWA","ignoreList":[]}

package/dist/ssr/charts.js

@@ -1,6 +1,8 @@
 /**
- * Pure chart renderers that share the `Chart` component's drawing without its Solid wrapper, for hosts that draw
- * SVG themselves, such as server previews and app frames.
+ * Drawing helpers and portable chart contracts. Import the Solid Chart component from `@k2b/ui`.
  */
+
+export * from "./charts/core";
 export { barChartLayout, renderBarChartSvg } from "./content/chart-bar";
+export { calendarInspectionNavigation, mountCalendarScroll } from "./content/chart-calendar";
 //# sourceMappingURL=charts.js.map

package/dist/ssr/charts.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["charts.ts"],"sourcesContent":["/**\n * Pure chart renderers that share the `Chart` component's drawing without its Solid wrapper, for hosts that draw\n * SVG themselves, such as server previews and app frames.\n */\nexport { type BarChartLayout, type BarChartOptions, barChartLayout, renderBarChartSvg } from \"./content/chart-bar\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,SAAoD,cAAc,EAAE,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"names":[],"sources":["charts.ts"],"sourcesContent":["/**\n * Drawing helpers and portable chart contracts. Import the Solid Chart component from `@k2b/ui`.\n */\n\nexport * from \"./charts/core\";\nexport type { ChartKindProps, ChartLabels, ChartProps, ChartRenderOptions } from \"./content/Chart\";\nexport { type BarChartLayout, type BarChartOptions, barChartLayout, renderBarChartSvg } from \"./content/chart-bar\";\n\nexport { calendarInspectionNavigation, mountCalendarScroll } from \"./content/chart-calendar\";\n"],"mappings":"AAAA;AACA;AACA;;AAEA,cAAc,eAAe;AAE7B,SAAoD,cAAc,EAAE,iBAAiB,QAAQ,qBAAqB;AAElH,SAAS,4BAA4B,EAAE,mBAAmB,QAAQ,0BAA0B","ignoreList":[]}

package/dist/ssr/content/BalanceSummary.js

@@ -0,0 +1,75 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<p", "><span class=\"k2b-balance__part\">", " <b>", "</b></span><span class=\"k2b-balance__op\" aria-hidden=\"true\">+</span>", "<span class=\"k2b-balance__op\" aria-hidden=\"true\">−</span>", "<span class=\"k2b-balance__op\" aria-hidden=\"true\">=</span><span class=\"k2b-balance__part\">", " <b>", "</b></span></p>"];
+import { useLocale } from "../intl/locale";
+import { useBalanceSummaryMessages } from "./balance-summary-messages";
+import { FlowAmount } from "./FlowAmount";
+/** A movement as an amount; a broken value stays broken, so it shows "—" and never a believable zero. */
+const amount = value => Number.isFinite(value) ? Math.abs(value) : Number.NaN;
+
+/**
+ * One line from the start of a period to its end: "Start 18,800 € + ↙ 29,260 € − ↗ 29,520 € = End 18,540 €". In and
+ * out show their direction with `FlowAmount`; start and end are balances and keep their sign.
+ */
+export function BalanceSummary(props) {
+  const locale = useLocale();
+  const t = useBalanceSummaryMessages(() => props.locale);
+  const lang = () => props.locale ?? locale();
+  const start = () => props.start;
+  const end = () => start() + amount(props.in) - amount(props.out);
+  // Whole amounts read best, but the line is an equation: when the rounded parts would not add up, show cents.
+  const decimals = () => {
+    if (props.decimals !== undefined) return props.decimals;
+    const whole = value => Math.round(value);
+    const parts = [start(), amount(props.in), amount(props.out)];
+    if (!parts.every(Number.isFinite)) return 0;
+    return whole(start()) + whole(amount(props.in)) - whole(amount(props.out)) === whole(end()) ? 0 : 2;
+  };
+  const balance = value => !Number.isFinite(value) ? "—" : new Intl.NumberFormat(lang(), {
+    style: "currency",
+    currency: props.currency,
+    minimumFractionDigits: decimals(),
+    maximumFractionDigits: decimals()
+  }).format(value === 0 ? 0 : value);
+  return _$ssr(_tmpl$, _$ssrAttribute("class", props.class ? `k2b-balance ${_$escape(props.class, true)}` : "k2b-balance", false), _$escape(props.labels?.start ?? t().start), _$escape(balance(start())), _$escape(_$createComponent(FlowAmount, {
+    get value() {
+      return amount(props.in);
+    },
+    get currency() {
+      return props.currency;
+    },
+    get locale() {
+      return lang();
+    },
+    get decimals() {
+      return decimals();
+    },
+    get labels() {
+      return {
+        in: props.labels?.in ?? t().in
+      };
+    }
+  })), _$escape(_$createComponent(FlowAmount, {
+    get value() {
+      return -amount(props.out);
+    },
+    get currency() {
+      return props.currency;
+    },
+    get locale() {
+      return lang();
+    },
+    get decimals() {
+      return decimals();
+    },
+    get labels() {
+      return {
+        out: props.labels?.out ?? t().out
+      };
+    }
+  })), _$escape(props.labels?.end ?? t().end), _$escape(balance(end())));
+}
+export default BalanceSummary;
+//# sourceMappingURL=BalanceSummary.js.map

package/dist/ssr/content/BalanceSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/BalanceSummary.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport { useBalanceSummaryMessages } from \"./balance-summary-messages\";\nimport { FlowAmount } from \"./FlowAmount\";\n\nexport type BalanceSummaryProps = {\n  /** The balance at the start of the period. */\n  start: number;\n  /** Money that came in during the period, as an amount (the sign is ignored). */\n  in: number;\n  /** Money that went out during the period, as an amount (the sign is ignored). */\n  out: number;\n  /** ISO 4217 currency code, e.g. `\"EUR\"`. */\n  currency: string;\n  /** Explicit locale override; defaults to the inherited render locale. */\n  locale?: string;\n  /** Fixed fraction digits. Defaults to whole amounts, or cents when whole amounts would not add up. */\n  decimals?: number;\n  /** Replaces the words \"Start\", \"End\", \"in\" and \"out\". */\n  labels?: { start?: string; end?: string; in?: string; out?: string };\n  class?: string;\n};\n\n/** A movement as an amount; a broken value stays broken, so it shows \"—\" and never a believable zero. */\nconst amount = (value: number) => (Number.isFinite(value) ? Math.abs(value) : Number.NaN);\n\n/**\n * One line from the start of a period to its end: \"Start 18,800 € + ↙ 29,260 € − ↗ 29,520 € = End 18,540 €\". In and\n * out show their direction with `FlowAmount`; start and end are balances and keep their sign.\n */\nexport function BalanceSummary(props: BalanceSummaryProps): JSX.Element {\n  const locale = useLocale();\n  const t = useBalanceSummaryMessages(() => props.locale);\n  const lang = () => props.locale ?? locale();\n  const start = () => props.start;\n  const end = () => start() + amount(props.in) - amount(props.out);\n  // Whole amounts read best, but the line is an equation: when the rounded parts would not add up, show cents.\n  const decimals = () => {\n    if (props.decimals !== undefined) return props.decimals;\n    const whole = (value: number) => Math.round(value);\n    const parts = [start(), amount(props.in), amount(props.out)];\n    if (!parts.every(Number.isFinite)) return 0;\n    return whole(start()) + whole(amount(props.in)) - whole(amount(props.out)) === whole(end()) ? 0 : 2;\n  };\n  const balance = (value: number) =>\n    !Number.isFinite(value)\n      ? \"—\"\n      : new Intl.NumberFormat(lang(), {\n          style: \"currency\",\n          currency: props.currency,\n          minimumFractionDigits: decimals(),\n          maximumFractionDigits: decimals(),\n        }).format(value === 0 ? 0 : value);\n  return (\n    <p class={props.class ? `k2b-balance ${props.class}` : \"k2b-balance\"}>\n      <span class=\"k2b-balance__part\">\n        {props.labels?.start ?? t().start} <b>{balance(start())}</b>\n      </span>\n      <span class=\"k2b-balance__op\" aria-hidden=\"true\">\n        +\n      </span>\n      <FlowAmount\n        value={amount(props.in)}\n        currency={props.currency}\n        locale={lang()}\n        decimals={decimals()}\n        labels={{ in: props.labels?.in ?? t().in }}\n      />\n      <span class=\"k2b-balance__op\" aria-hidden=\"true\">\n        −\n      </span>\n      <FlowAmount\n        value={-amount(props.out)}\n        currency={props.currency}\n        locale={lang()}\n        decimals={decimals()}\n        labels={{ out: props.labels?.out ?? t().out }}\n      />\n      <span class=\"k2b-balance__op\" aria-hidden=\"true\">\n        =\n      </span>\n      <span class=\"k2b-balance__part\">\n        {props.labels?.end ?? t().end} <b>{balance(end())}</b>\n      </span>\n    </p>\n  );\n}\n\nexport default BalanceSummary;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/Chart.js

@@ -9,26 +9,28 @@ var _tmpl$ = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
   _tmpl$3 = ["<div class=\"k2b-chart__controls\">", "", "", "</div>"],
   _tmpl$4 = ["<div class=\"", "\"", " data-interactive=\"true\" style=\"", "\" role=\"group\"", " tabindex=\"0\">", "<div class=\"k2b-chart__svg\"", " style=\"", "\">", "</div><span class=\"k2b-chart__anchor\" aria-hidden=\"true\"></span><span", " role=\"tooltip\" popover=\"manual\" data-instant=\"true\" class=\"k2b-tooltip k2b-chart__tooltip\"></span>", "</div>"],
   _tmpl$5 = ["<div class=\"", "\" style=\"", "\">", "</div>"],
-  _tmpl$6 = ["<span class=\"k2b-chart__legend-item\"><svg class=\"", "\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\"><rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"2\" class=\"", "\"></rect></svg><span>", "</span></span>"];
-import { charts } from "@k2b/stdlib";
-import { createEffect, createMemo, createSignal, createUniqueId, For, onCleanup, onMount, Show, splitProps, untrack } from "solid-js";
+  _tmpl$6 = ["<b data-chart-legend-value", ">", "</b>"],
+  _tmpl$7 = ["<span class=\"k2b-chart__legend-item\"><svg class=\"", "\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\"><rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"2\" class=\"", "\" fill=\"", "\" stroke=\"none\"></rect></svg><span>", "</span>", "</span>"];
+import { createEffect, createMemo, createSignal, createUniqueId, For, mergeProps, onCleanup, onMount, Show, splitProps, untrack } from "solid-js";
 import { isServer } from "solid-js/web";
 import { IconButton } from "../actions/Button";
+import { calendarLayout } from "../charts/core/calendar";
+import { chartKinds } from "../charts/core/registry";
+import { chartRenderHeight, preservesAspectRatio, renderChartSvg } from "../charts/core/render";
 import { suppressTextSelection } from "../internal/text-selection";
 import { useLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
-import { barChartLayout, renderBarChartSvg } from "./chart-bar";
+import { calendarInspectionNavigation, mountCalendarScroll } from "./chart-calendar";
 import { createChartInspection } from "./chart-inspection";
 import { closeChartInspectionOnOutside } from "./chart-inspection-core";
-import { lineGapsSvg } from "./chart-line-gaps";
 import { DEFAULT_MAP_VIEWPORT, normalizeMapViewport, panMapViewport, zoomMapViewport } from "./chart-map-viewport";
-import { useChartMessages } from "./chart-messages";
-import { panStateTimelineViewport, renderStateTimelineSvg, stateTimelineDomain, stateTimelineHeight, zoomStateTimelineViewport } from "./chart-state-timeline";
-import { responsiveChartSvg, responsiveMapSvg, selectedChartSvg } from "./chart-svg";
+import { resolveChartMessages, useChartMessages } from "./chart-messages";
+import { panStateTimelineViewport, stateTimelineDomain, stateTimelineHeight, zoomStateTimelineViewport } from "./chart-state-timeline";
+import { selectedChartSvg } from "./chart-svg";
 import { useViewportMessages } from "./viewport-messages";
 
 /**
- * Chart — minimal Solid wrapper around `stdlib.charts`.
+ * Chart — Solid interaction and sizing around the portable UI chart core.
  *
  * **Live-update story.** `charts.<kind>(opts)` returns an SVG string;
  * Solid's `innerHTML` is reactive, so any time a prop (signal, store
@@ -46,15 +48,15 @@ import { useViewportMessages } from "./viewport-messages";
  * from the row count and legend via `stateTimelineHeight()`.
  *
  * **Why so thin.** The props are a discriminated union over each
- * stdlib chart function — `kind: "line"` brings in exactly the params
+ * registered core chart renderer — `kind: "line"` brings in exactly the params
  * `charts.line` expects, `kind: "bar"` brings in `charts.bar`'s, etc.
- * Options stay aligned with stdlib without renaming. Every chart provides
+ * Options stay aligned with the core renderer without renaming. Every chart provides
  * renderer-owned inspection, tooltips and optional selection by default.
  * `interactive` adds bounded pan / zoom and reset controls to maps and state timelines.
- * If stdlib gains a new option, it's automatically available at every
+ * When a core renderer gains an option, it is automatically available at every
  * callsite.
  *
- * **Theming.** stdlib charts use `currentColor` for axes / ticks /
+ * **Theming.** The core renderers use `currentColor` for axes / ticks /
  * tick labels — set the wrapping element's `color` and everything
  * inherits. Series colors come from `--stdlib-chart-c1..c8` CSS
  * custom properties; override on the parent for per-chart palettes.
@@ -72,7 +74,7 @@ import { useViewportMessages } from "./viewport-messages";
  * ```
  */
 
-/** All chart kinds shipped by `stdlib.charts`. */
+/** All registered chart kinds. */
 
 /**
  * Per-kind props: `kind` discriminator + the exact options that
@@ -82,80 +84,14 @@ import { useViewportMessages } from "./viewport-messages";
  * get full type safety.
  */
 
-/** Pure renderer options: component layout, events and inspection are configured elsewhere. */
+export { chartRenderHeight, renderChartSvg } from "../charts/core/render";
 
-/** Keep the fixed 28-unit bar-gauge rows inside the shared SSR/browser coordinate space. */
-export const chartRenderHeight = props => {
-  if (props.kind === "stateTimeline") return stateTimelineHeight(props.rows.length, props.legend !== false);
-  if (props.kind === "bar") return barChartLayout(props).height;
-  if (props.kind === "barGauge") return Math.max(280, (props.title || props.subtitle ? 42 : 16) + props.data.length * 28 + 14);
-  return 280;
-};
-
-/**
- * Internal — strips wrapper-only keys from props and forwards the
- * rest (plus logical size) to `charts[kind]`. The `any` is the
- * price for dispatching one function call across 14 different option
- * types; an explicit per-kind switch would type it but balloon the
- * component for no runtime benefit.
- */
-export const renderChartSvg = (props, width, height, mapViewport, timelineViewport) => {
-  const {
-    kind,
-    class: _class,
-    style: _style,
-    labels: _labels,
-    interactive: _interactive,
-    onSelect: _onSelect,
-    selected: _selected,
-    tooltip: _tooltip,
-    cursor: _cursor,
-    zoomFocus: _zoomFocus,
-    legendPlacement: _legendPlacement,
-    ...opts
-  } = props;
-  if (kind === "stateTimeline") {
-    return responsiveChartSvg(renderStateTimelineSvg({
-      ...opts,
-      width,
-      height,
-      viewport: timelineViewport,
-      interactive: true
-    }));
-  }
-  if (kind === "bar") return responsiveChartSvg(renderBarChartSvg({
-    ...opts,
-    width,
-    height,
-    inspect: true
-  }));
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let svg = charts[kind]({
-    ...opts,
-    ...(props.kind === "line" && props.legend && props.legendPlacement === "top-start" ? {
-      legend: false
-    } : {}),
-    ...(kind === "map" ? {
-      viewport: DEFAULT_MAP_VIEWPORT
-    } : {}),
-    width,
-    height,
-    inspect: true
-  });
-  if (props.kind === "line" && props.maxGap !== undefined) {
-    if (props.area || props.errorBand) throw new Error("Chart maxGap does not support area or errorBand fills");
-    svg = lineGapsSvg(svg, props.maxGap, props);
-  }
-  if (props.kind === "map") return responsiveMapSvg(svg, width, height, normalizeMapViewport(mapViewport ?? props.viewport));
-  return preservesAspectRatio(kind) ? svg : responsiveChartSvg(svg);
-};
-const preservesAspectRatio = kind => kind === "map" || kind === "pie" || kind === "donut" || kind === "gauge";
-
-/** Empty-data short-circuit. Kept per-kind because stdlib's payload
+/** Empty-data short-circuit. Kept per-kind because each renderer's payload
  *  key differs (series vs data vs groups). We're conservative: only
  *  block on truly empty inputs; partially-filled series get rendered
- *  as-is and stdlib handles the gaps. */
+ *  as-is and the core handles the gaps. */
 const isEmpty = props => {
+  if (props.kind === "area") return !props.x.length || !props.series.length || props.x.every((_, i) => props.series.some(s => s.data[i] === null) || props.normalize && props.series.every(s => s.data[i] === 0));
   if (props.kind === "line" || props.kind === "scatter") {
     return !props.series?.length || props.series.every(s => !s.data.length);
   }
@@ -173,8 +109,8 @@ const isEmpty = props => {
   }
   return false;
 };
-const Chart = props => {
-  const [, drawingProps] = splitProps(props, ["selected", "onSelect", "tooltip", "cursor"]);
+const ChartRoot = props => {
+  const [, drawingProps] = splitProps(props, ["class", "style", "labels", "interactive", "selected", "onSelect", "tooltip", "cursor"]);
   const messages = useUiMessages();
   const chartMessages = useChartMessages();
   const viewportMessages = useViewportMessages();
@@ -184,12 +120,31 @@ const Chart = props => {
   let lineAnchorRef;
   // One deterministic coordinate space on the server and client. CSS fits the
   // SVG to its box; hydration must never replace it with measured geometry.
+  const calendar = () => props.kind === "heatmap" && props.layout === "calendar" ? calendarLayout({
+    ...props,
+    locale: props.locale ?? locale()
+  }) : undefined;
   const size = () => ({
-    width: 480,
+    width: calendar()?.width ?? 480,
     height: chartRenderHeight(props)
   });
-  const topLegend = () => props.kind === "line" && props.legend === true && props.legendPlacement === "top-start";
-  const legendSeries = () => props.kind === "line" ? props.series : [];
+  const topLegend = () => props.kind === "area" ? props.legend !== false : props.kind === "line" && props.legend === true && props.legendPlacement === "top-start";
+  const legendSeries = () => props.kind === "line" || props.kind === "area" ? props.series : [];
+  const legendValue = index => {
+    if (props.kind !== "area") return "";
+    const last = props.x.length - 1;
+    const amount = props.series[index]?.data[last];
+    const values = props.series.map(s => s.data[last]);
+    const total = values.reduce((sum, value) => sum + (value ?? 0), 0);
+    if (amount == null || values.some(v => v == null) || props.normalize && total === 0) return "—";
+    return props.normalize ? new Intl.NumberFormat(locale(), {
+      style: "percent",
+      minimumFractionDigits: 1,
+      maximumFractionDigits: 1
+    }).format(amount / total) : props.format?.(amount) ?? new Intl.NumberFormat(locale(), {
+      maximumFractionDigits: 2
+    }).format(amount);
+  };
   const dimensions = () => containerRef?.getBoundingClientRect() ?? size();
   const initialMapViewport = props.kind === "map" ? normalizeMapViewport(props.viewport) : DEFAULT_MAP_VIEWPORT;
   const [mapViewport, setMapViewport] = createSignal(initialMapViewport);
@@ -326,6 +281,7 @@ const Chart = props => {
     pointerFrame = requestAnimationFrame(flushPointerMove);
   };
   const stopDragging = event => {
+    inspection.up();
     if (pendingPointer?.pointerId === event.pointerId) flushPointerMove();
     if (timelineDrag?.pointerId === event.pointerId) {
       if (event.currentTarget.hasPointerCapture(event.pointerId)) {
@@ -395,22 +351,35 @@ const Chart = props => {
   };
   const inspection = createChartInspection({
     container: () => containerRef,
+    locale,
     cursor: () => props.cursor,
     tooltip: () => chartTooltipRef,
     anchor: () => lineAnchorRef,
     kind: () => props.kind,
+    nav: () => props.kind === "heatmap" && props.layout === "calendar" ? calendarInspectionNavigation : undefined,
     enabled: () => !isEmpty(props),
     select: selection => props.onSelect?.(selection),
     format: selection => {
       if (props.tooltip) return props.tooltip(selection);
-      const fields = chartMessages().chartFields;
+      const fields = props.kind === "heatmap" && props.layout === "calendar" ? resolveChartMessages(props.locale ?? locale()).chartFields : chartMessages().chartFields;
+      if (selection.kind === "area" && props.kind === "area") {
+        const amount = selection.datum.values.find(f => f.key === "value");
+        const share = selection.datum.values.find(f => f.key === "percent");
+        return {
+          title: selection.datum.values.find(f => f.key === "x")?.formatted ?? "",
+          rows: [{
+            label: selection.datum.label ?? chartMessages().series,
+            value: `${share ? `${share.formatted} · ` : ""}${amount.formatted}`
+          }]
+        };
+      }
       const format = new Intl.NumberFormat(locale(), {
         maximumFractionDigits: 6
       });
       return {
         title: selection.datum.label ?? (selection.datum.seriesIndex !== undefined ? `${labels().series ?? chartMessages().series} ${selection.datum.seriesIndex + 1}` : undefined),
         rows: selection.datum.values.map(field => ({
-          label: selection.kind === "line" && field.key === "y" ? selection.datum.label ?? labels().series ?? chartMessages().series : fields({
+          label: props.kind === "heatmap" && props.layout === "calendar" && field.key === "value" && props.label ? props.label : selection.kind === "line" && field.key === "y" ? selection.datum.label ?? labels().series ?? chartMessages().series : fields({
             key: field.key
           }),
           value: field.formatted ?? (field.key === "upperInclusive" ? field.value === "true" ? messages().yes : messages().no : typeof field.value === "number" ? `${format.format(field.value)}${field.key === "percent" ? "%" : ""}` : field.value)
@@ -419,7 +388,10 @@ const Chart = props => {
     }
   });
   const closeChartTooltip = () => inspection.close();
-  const svgMarkup = createMemo(() => renderChartSvg(drawingProps, size().width, size().height, interactiveMap() ? mapViewport() : undefined, interactiveTimeline() ? timelineViewport() : undefined));
+  const svgMarkup = createMemo(() => renderChartSvg(props.kind === "heatmap" && props.layout === "calendar" ? {
+    ...props,
+    locale: props.locale ?? locale()
+  } : drawingProps, size().width, size().height, interactiveMap() ? mapViewport() : undefined, interactiveTimeline() ? timelineViewport() : undefined, locale()));
   createEffect(() => {
     svgMarkup();
     inspection.invalidate();
@@ -434,10 +406,12 @@ const Chart = props => {
   });
   onMount(() => {
     if (!containerRef) return;
+    if (props.kind === "heatmap" && props.layout === "calendar") onCleanup(mountCalendarScroll(containerRef));
     onCleanup(closeChartInspectionOnOutside({
       container: () => containerRef,
       tooltip: () => chartTooltipRef,
-      close: closeChartTooltip
+      close: closeChartTooltip,
+      keepScroll: () => props.kind === "heatmap" && props.layout === "calendar"
     }));
   });
   const chartStyle = () => props.style ?? (props.kind === "stateTimeline" ? {
@@ -469,10 +443,17 @@ const Chart = props => {
             get each() {
               return legendSeries();
             },
-            children: (series, index) => _$ssr(_tmpl$6, `stdlib-chart k2b-chart__legend-swatch ${props.kind === "line" ? _$escape(props.className ?? "", true) : ""}`, `stdlib-chart-series-${_$escape(index(), true) % 8}`, series.label && series.label.length > 0 ? _$escape(series.label) : `Series ${_$escape(index()) + 1}`)
+            children: (series, index) => _$ssr(_tmpl$7, `stdlib-chart k2b-chart__legend-swatch ${props.kind === "line" ? _$escape(props.className ?? "", true) : ""}`, `stdlib-chart-series-${_$escape(index(), true) % 8}`, `var(--stdlib-chart-c${_$escape(index(), true) % 8 + 1}, ${_$escape(["#2563eb", "#16a34a", "#d97706", "#dc2626", "#a855f7", "#0891b2", "#db2777", "#65a30d"][index() % 8], true)})`, series.label && series.label.length > 0 ? _$escape(series.label) : `${_$escape(chartMessages().series)} ${_$escape(index()) + 1}`, _$escape(_$createComponent(Show, {
+              get when() {
+                return props.kind === "area";
+              },
+              get children() {
+                return _$ssr(_tmpl$6, _$ssrAttribute("data-series-index", _$escape(index(), true), false) + _$ssrAttribute("data-field", props.kind === "area" && props.normalize ? "percent" : "value", false) + _$ssrAttribute("data-default", _$escape(legendValue(index()), true), false), _$escape(legendValue(index())));
+              }
+            })))
           })));
         }
-      })), _$ssrAttribute("data-stretch", !preservesAspectRatio(props.kind) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(size().width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(size().height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(size().width, true)} / ${_$escape(size().height, true)}`), isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup(), _$ssrAttribute("id", _$escape(chartTooltipId, true), false), _$escape(_$createComponent(Show, {
+      })), _$ssrAttribute("data-stretch", !calendar() && !preservesAspectRatio(props.kind) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("min-width:", calendar() ? `${_$escape(calendar().minWidth, true)}px` : _$escape(undefined, true)) + _$ssrStyleProperty(";--k2b-chart-width:", `${_$escape(size().width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(size().height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(size().width, true)} / ${_$escape(size().height, true)}`), isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup(), _$ssrAttribute("id", _$escape(chartTooltipId, true), false), _$escape(_$createComponent(Show, {
         get when() {
           return draggable();
         },
@@ -483,5 +464,19 @@ const Chart = props => {
     }
   });
 };
+// Add a renderer to charts/core/registry.ts; its key defines the namespace member and discriminator.
+// Both entry styles share ChartRoot, preserving the same owner, markup and reactive props.
+const chartComponent = kind => props =>
+// Public namespace types correlate each discriminator with its options.
+ChartRoot(mergeProps(props, {
+  kind
+}));
+const components = Object.fromEntries(Object.entries(chartKinds).map(([name, kind]) => [name, chartComponent(kind)]));
+const Chart = Object.assign(ChartRoot, components, {
+  Calendar: props => ChartRoot(mergeProps(props, {
+    kind: "heatmap",
+    layout: "calendar"
+  }))
+});
 export default Chart;
 //# sourceMappingURL=Chart.js.map