@k2b/ui 0.50.0 → 0.52.0

package/dist/browser/charts/core/treemap.js

@@ -0,0 +1,138 @@
+import { chartDatumSvg, escapeXml, renderHeader, svgRoot } from "./svg";
+export function treemapLayout(spec, size = {
+  width: spec.width ?? 480,
+  height: spec.height ?? 280
+}) {
+  const width = spec.displayWidth ?? size.width,
+    height = size.height;
+  const data = spec.data.map((d, index) => {
+    if (!Number.isFinite(d.value) || d.value < 0) throw new RangeError("Treemap values must be finite and nonnegative.");
+    if (!spec.groups.includes(d.group)) throw new RangeError("Treemap groups must contain every item group.");
+    return {
+      ...d,
+      index
+    };
+  });
+  const total = data.reduce((s, d) => s + d.value, 0);
+  if (!Number.isFinite(total)) throw new RangeError("Treemap total must be finite.");
+  const header = renderHeader(width, spec.title, spec.subtitle);
+  const legend = [];
+  let lx = 0,
+    lr = 0;
+  if (spec.legend !== false) spec.groups.forEach((label, index) => {
+    const itemWidth = Math.min(width, label.length * 12 + 28);
+    if (lx && lx + itemWidth > width) {
+      lx = 0;
+      lr++;
+    }
+    legend.push({
+      label,
+      index,
+      x: lx,
+      row: lr
+    });
+    lx += itemWidth;
+  });
+  const legendHeight = legend.length ? (lr + 1) * 20 + 4 : 0,
+    plotHeight = Math.max(0, height - header.height - legendHeight);
+  const entries = data.filter(d => d.value > 0).sort((a, b) => b.value - a.value).map(d => ({
+    ...d,
+    area: d.value / (total || 1) * width * plotHeight
+  })).filter(d => d.area > 0);
+  const cells = [];
+  let x = 0,
+    y = header.height,
+    w = width,
+    h = plotHeight;
+  const worst = (areas, side) => {
+    if (!areas.length || side <= 0) return Infinity;
+    const sum = areas.reduce((s, a) => s + a, 0),
+      lo = Math.min(...areas),
+      hi = Math.max(...areas);
+    return Math.max(side * side * hi / (sum * sum), sum * sum / (side * side * lo));
+  };
+  let offset = 0;
+  while (offset < entries.length) {
+    if (w <= 0 || h <= 0) break;
+    const row = [entries[offset++]];
+    const side = Math.min(w, h);
+    while (offset < entries.length && worst(row.map(c => c.area), side) >= worst([...row.map(c => c.area), entries[offset].area], side)) row.push(entries[offset++]);
+    const sum = row.reduce((s, c) => s + c.area, 0);
+    const vertical = w >= h;
+    const thickness = Math.min(vertical ? w : h, sum / (vertical ? h : w));
+    let pos = vertical ? y : x;
+    for (const d of row) {
+      const length = d.area / thickness;
+      cells.push({
+        ...d,
+        x: vertical ? x : pos,
+        y: vertical ? pos : y,
+        width: vertical ? thickness : length,
+        height: vertical ? length : thickness
+      });
+      pos += length;
+    }
+    if (vertical) {
+      x += thickness;
+      w = Math.max(0, w - thickness);
+    } else {
+      y += thickness;
+      h = Math.max(0, h - thickness);
+    }
+  }
+  for (const d of data.filter(d => !cells.some(c => c.index === d.index))) cells.push({
+    ...d,
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  return {
+    width,
+    height,
+    total,
+    cells,
+    header,
+    legend,
+    legendTop: height - legendHeight,
+    plotHeight
+  };
+}
+export function renderTreemapSvg(spec) {
+  const scene = treemapLayout(spec);
+  const number = spec.format ?? new Intl.NumberFormat(spec.locale ?? "en", {
+    maximumSignificantDigits: 15
+  }).format;
+  const percent = new Intl.NumberFormat(spec.locale ?? "en", {
+    style: "percent",
+    maximumFractionDigits: 1
+  });
+  const body = scene.header.svg.replace(/<text class="stdlib-chart-title"/g, '<text fill="var(--k2b-text,#27272a)" font-size="14" class="stdlib-chart-title"').replace(/<text class="stdlib-chart-subtitle"/g, '<text fill="var(--k2b-text-muted,#45454e)" font-size="11" class="stdlib-chart-subtitle"') + scene.cells.map(c => {
+    const group = spec.groups.indexOf(c.group) % 8 + 1;
+    const color = `var(--stdlib-chart-c${group},${["#3b82f6", "#10b981", "#f59e0b", "#8b5cf6", "#ec4899", "#06b6d4", "#84cc16", "#f97316"][group - 1]})`;
+    const text = c.width * (spec.displayWidth ?? 296) / scene.width > Math.max(56, Math.max(c.label.length * 12, number(c.value).length * 11) + 16) && c.height * Math.min(1, 180 / scene.height) > 48 ? `<text data-treemap-name="true" style="translate:0 calc((var(--k2b-chart-inverse-y,1) - 1) * 18px)" x="${c.x + 8}" y="${c.y + 18}" font-size="12" font-weight="600" fill="var(--k2b-text,#27272a)">${escapeXml(c.label)}</text><text data-treemap-value="true" style="translate:0 calc((var(--k2b-chart-inverse-y,1) - 1) * 38px)" x="${c.x + 8}" y="${c.y + 38}" font-size="11" font-weight="400" fill="var(--k2b-text-muted,#45454e)">${escapeXml(number(c.value))}</text>` : "";
+    return chartDatumSvg(`<rect class="k2b-chart-treemap-cell" x="${c.x + 1}" y="${c.y + 1}" width="${Math.max(0, c.width - 2)}" height="${Math.max(0, c.height - 2)}" rx="4" fill="color-mix(in srgb,${color} 55%,var(--k2b-surface,#fff))" stroke="none"/>${text}`, {
+      role: "item",
+      index: c.index,
+      label: c.label,
+      anchor: [c.x + c.width / 2, c.y + c.height / 2],
+      values: [{
+        key: "group",
+        value: c.group
+      }, {
+        key: "value",
+        value: c.value,
+        formatted: number(c.value)
+      }, {
+        key: "percent",
+        value: scene.total ? c.value / scene.total * 100 : 0,
+        formatted: scene.total ? percent.format(c.value / scene.total) : "–"
+      }]
+    }, spec.inspect);
+  }).join("") + scene.legend.map(item => `<rect x="${item.x}" y="${scene.legendTop + item.row * 20 + 6}" width="8" height="8" rx="2" fill="var(--stdlib-chart-c${item.index % 8 + 1},${["#3b82f6", "#10b981", "#f59e0b", "#8b5cf6", "#ec4899", "#06b6d4", "#84cc16", "#f97316"][item.index % 8]})"/><text x="${item.x + 13}" y="${scene.legendTop + item.row * 20 + 14}" font-size="11" fill="var(--k2b-text-muted,#45454e)">${escapeXml(item.label.slice(0, Math.floor((scene.width - 28) / 12)))}</text>`).join("");
+  return svgRoot({
+    ...scene,
+    className: spec.className
+  }, body);
+}
+//# sourceMappingURL=treemap.js.map

package/dist/browser/charts/core/treemap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/core/treemap.ts"],"sourcesContent":["import { type ChartOptions, chartDatumSvg, escapeXml, renderHeader, svgRoot } from \"./svg\";\nexport type TreemapOptions = ChartOptions & {\n  groups: string[];\n  legend?: boolean;\n  data: { label: string; group: string; value: number }[];\n  locale?: string;\n  format?: (value: number) => string;\n  displayWidth?: number;\n};\nexport function treemapLayout(spec: TreemapOptions, size = { width: spec.width ?? 480, height: spec.height ?? 280 }) {\n  const width = spec.displayWidth ?? size.width,\n    height = size.height;\n  const data = spec.data.map((d, index) => {\n    if (!Number.isFinite(d.value) || d.value < 0) throw new RangeError(\"Treemap values must be finite and nonnegative.\");\n    if (!spec.groups.includes(d.group)) throw new RangeError(\"Treemap groups must contain every item group.\");\n    return { ...d, index };\n  });\n  const total = data.reduce((s, d) => s + d.value, 0);\n  if (!Number.isFinite(total)) throw new RangeError(\"Treemap total must be finite.\");\n  const header = renderHeader(width, spec.title, spec.subtitle);\n  const legend: { label: string; x: number; row: number; index: number }[] = [];\n  let lx = 0,\n    lr = 0;\n  if (spec.legend !== false)\n    spec.groups.forEach((label, index) => {\n      const itemWidth = Math.min(width, label.length * 12 + 28);\n      if (lx && lx + itemWidth > width) {\n        lx = 0;\n        lr++;\n      }\n      legend.push({ label, index, x: lx, row: lr });\n      lx += itemWidth;\n    });\n  const legendHeight = legend.length ? (lr + 1) * 20 + 4 : 0,\n    plotHeight = Math.max(0, height - header.height - legendHeight);\n  const entries = data\n    .filter((d) => d.value > 0)\n    .sort((a, b) => b.value - a.value)\n    .map((d) => ({ ...d, area: (d.value / (total || 1)) * width * plotHeight }))\n    .filter((d) => d.area > 0);\n  const cells: ((typeof data)[number] & { x: number; y: number; width: number; height: number })[] = [];\n  let x = 0,\n    y = header.height,\n    w = width,\n    h = plotHeight;\n  const worst = (areas: number[], side: number) => {\n    if (!areas.length || side <= 0) return Infinity;\n    const sum = areas.reduce((s, a) => s + a, 0),\n      lo = Math.min(...areas),\n      hi = Math.max(...areas);\n    return Math.max((side * side * hi) / (sum * sum), (sum * sum) / (side * side * lo));\n  };\n  let offset = 0;\n  while (offset < entries.length) {\n    if (w <= 0 || h <= 0) break;\n    const row = [entries[offset++]!];\n    const side = Math.min(w, h);\n    while (\n      offset < entries.length &&\n      worst(\n        row.map((c) => c.area),\n        side,\n      ) >= worst([...row.map((c) => c.area), entries[offset]!.area], side)\n    )\n      row.push(entries[offset++]!);\n    const sum = row.reduce((s, c) => s + c.area, 0);\n    const vertical = w >= h;\n    const thickness = Math.min(vertical ? w : h, sum / (vertical ? h : w));\n    let pos = vertical ? y : x;\n    for (const d of row) {\n      const length = d.area / thickness;\n      cells.push({\n        ...d,\n        x: vertical ? x : pos,\n        y: vertical ? pos : y,\n        width: vertical ? thickness : length,\n        height: vertical ? length : thickness,\n      });\n      pos += length;\n    }\n    if (vertical) {\n      x += thickness;\n      w = Math.max(0, w - thickness);\n    } else {\n      y += thickness;\n      h = Math.max(0, h - thickness);\n    }\n  }\n  for (const d of data.filter((d) => !cells.some((c) => c.index === d.index))) cells.push({ ...d, x: 0, y: 0, width: 0, height: 0 });\n  return { width, height, total, cells, header, legend, legendTop: height - legendHeight, plotHeight };\n}\nexport function renderTreemapSvg(spec: TreemapOptions): string {\n  const scene = treemapLayout(spec);\n  const number = spec.format ?? new Intl.NumberFormat(spec.locale ?? \"en\", { maximumSignificantDigits: 15 }).format;\n  const percent = new Intl.NumberFormat(spec.locale ?? \"en\", { style: \"percent\", maximumFractionDigits: 1 });\n  const body =\n    scene.header.svg\n      .replace(/<text class=\"stdlib-chart-title\"/g, '<text fill=\"var(--k2b-text,#27272a)\" font-size=\"14\" class=\"stdlib-chart-title\"')\n      .replace(\n        /<text class=\"stdlib-chart-subtitle\"/g,\n        '<text fill=\"var(--k2b-text-muted,#45454e)\" font-size=\"11\" class=\"stdlib-chart-subtitle\"',\n      ) +\n    scene.cells\n      .map((c) => {\n        const group = (spec.groups.indexOf(c.group) % 8) + 1;\n        const color = `var(--stdlib-chart-c${group},${[\"#3b82f6\", \"#10b981\", \"#f59e0b\", \"#8b5cf6\", \"#ec4899\", \"#06b6d4\", \"#84cc16\", \"#f97316\"][group - 1]})`;\n        const text =\n          (c.width * (spec.displayWidth ?? 296)) / scene.width >\n            Math.max(56, Math.max(c.label.length * 12, number(c.value).length * 11) + 16) && c.height * Math.min(1, 180 / scene.height) > 48\n            ? `<text data-treemap-name=\"true\" style=\"translate:0 calc((var(--k2b-chart-inverse-y,1) - 1) * 18px)\" x=\"${c.x + 8}\" y=\"${c.y + 18}\" font-size=\"12\" font-weight=\"600\" fill=\"var(--k2b-text,#27272a)\">${escapeXml(c.label)}</text><text data-treemap-value=\"true\" style=\"translate:0 calc((var(--k2b-chart-inverse-y,1) - 1) * 38px)\" x=\"${c.x + 8}\" y=\"${c.y + 38}\" font-size=\"11\" font-weight=\"400\" fill=\"var(--k2b-text-muted,#45454e)\">${escapeXml(number(c.value))}</text>`\n            : \"\";\n        return chartDatumSvg(\n          `<rect class=\"k2b-chart-treemap-cell\" x=\"${c.x + 1}\" y=\"${c.y + 1}\" width=\"${Math.max(0, c.width - 2)}\" height=\"${Math.max(0, c.height - 2)}\" rx=\"4\" fill=\"color-mix(in srgb,${color} 55%,var(--k2b-surface,#fff))\" stroke=\"none\"/>${text}`,\n          {\n            role: \"item\",\n            index: c.index,\n            label: c.label,\n            anchor: [c.x + c.width / 2, c.y + c.height / 2],\n            values: [\n              { key: \"group\", value: c.group },\n              { key: \"value\", value: c.value, formatted: number(c.value) },\n              {\n                key: \"percent\",\n                value: scene.total ? (c.value / scene.total) * 100 : 0,\n                formatted: scene.total ? percent.format(c.value / scene.total) : \"–\",\n              },\n            ],\n          },\n          spec.inspect,\n        );\n      })\n      .join(\"\") +\n    scene.legend\n      .map(\n        (item) =>\n          `<rect x=\"${item.x}\" y=\"${scene.legendTop + item.row * 20 + 6}\" width=\"8\" height=\"8\" rx=\"2\" fill=\"var(--stdlib-chart-c${(item.index % 8) + 1},${[\"#3b82f6\", \"#10b981\", \"#f59e0b\", \"#8b5cf6\", \"#ec4899\", \"#06b6d4\", \"#84cc16\", \"#f97316\"][item.index % 8]})\"/><text x=\"${item.x + 13}\" y=\"${scene.legendTop + item.row * 20 + 14}\" font-size=\"11\" fill=\"var(--k2b-text-muted,#45454e)\">${escapeXml(item.label.slice(0, Math.floor((scene.width - 28) / 12)))}</text>`,\n      )\n      .join(\"\");\n  return svgRoot({ ...scene, className: spec.className }, body);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,6 +3,4 @@
 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/browser/charts/core/types.js.map

@@ -1 +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":[]}
+{"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\nexport type { ChartDateFormat, ChartFormat, ChartNumberFormat } from \"../description\";\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","ignoreList":[]}

package/dist/browser/charts/core/waterfall.js

@@ -0,0 +1,162 @@
+import { chartDatumSvg, escapeXml, niceStep } from "./svg-renderers";
+/** Totals rest on zero; each change starts at the previous running balance. */
+export function waterfallLayout(spec, size) {
+  if (![size.width, size.height].every(value => Number.isFinite(value) && value > 0)) throw new RangeError("Invalid waterfall size");
+  let balance = spec.start.value;
+  if (!Number.isFinite(balance)) throw new RangeError("Waterfall values must be finite");
+  const bars = [{
+    ...spec.start,
+    from: 0,
+    to: balance,
+    total: true
+  }];
+  for (const step of spec.steps) {
+    const from = balance;
+    balance += step.value;
+    if (!Number.isFinite(step.value) || !Number.isFinite(balance)) throw new RangeError("Waterfall balances must be finite");
+    bars.push({
+      ...step,
+      from,
+      to: balance,
+      total: false
+    });
+  }
+  bars.push({
+    ...spec.end,
+    value: balance,
+    from: 0,
+    to: balance,
+    total: true
+  });
+  let lo = 0,
+    hi = 0;
+  for (const bar of bars) {
+    lo = Math.min(lo, bar.from, bar.to);
+    hi = Math.max(hi, bar.from, bar.to);
+  }
+  if (!Number.isFinite(hi - lo)) throw new RangeError("Waterfall range must be finite");
+  if (lo === hi) hi = lo + 1;
+  const step = niceStep(hi - lo, 5);
+  const lower = Math.floor(lo / step) * step;
+  const upper = Math.ceil(hi / step) * step;
+  if (!(step > 0) || ![step, lower, upper, upper - lower].every(Number.isFinite) || lower >= upper) throw new RangeError("Waterfall values cannot form a finite axis; rescale them first");
+  // Integer tick indices cannot stall when adjacent floats are large. The five-interval nice step bounds their count.
+  const scale = {
+    domain: [lower, upper],
+    ticks: Array.from({
+      length: Math.round((upper - lower) / step) + 1
+    }, (_, i) => lower + i * step)
+  };
+  const format = spec.format ?? new Intl.NumberFormat(spec.locale ?? "en", {
+    maximumFractionDigits: 2
+  }).format;
+  const displayWidth = spec.displayWidth ?? size.width;
+  if (!Number.isFinite(displayWidth) || displayWidth <= 0) throw new RangeError("Invalid waterfall display width");
+  const ratio = size.width / displayWidth;
+  const left = Math.min(size.width * 0.6, Math.max(48, ...scale.ticks.map(v => format(v).length * 7 + 12)) * ratio);
+  const top = spec.title || spec.subtitle ? 58 : 24;
+  const bottom = Math.max(top + 1, size.height - 30);
+  const right = size.width - 10;
+  const slot = (right - left) / bars.length;
+  const project = value => bottom - (value - scale.domain[0]) / (scale.domain[1] - scale.domain[0]) * (bottom - top);
+  const amount = bar => `${bar.total ? "" : bar.value > 0 ? "↙ " : bar.value < 0 ? "↗ " : "= "}${format(bar.total ? bar.value : Math.abs(bar.value))}`;
+  const datum = (bar, index, center, formattedAmount) => ({
+    role: "item",
+    index,
+    label: bar.label,
+    anchor: [center, top],
+    values: bar.total ? [{
+      key: "balance",
+      value: bar.to,
+      formatted: format(bar.to)
+    }] : [{
+      key: "before",
+      value: bar.from,
+      formatted: format(bar.from)
+    }, {
+      key: bar.value > 0 ? "inflow" : bar.value < 0 ? "outflow" : "change",
+      value: bar.value,
+      formatted: formattedAmount
+    }, {
+      key: "after",
+      value: bar.to,
+      formatted: format(bar.to)
+    }]
+  });
+  return {
+    bars,
+    balance,
+    scale,
+    left,
+    right,
+    top,
+    bottom,
+    slot,
+    ratio,
+    project,
+    format,
+    amount,
+    datum
+  };
+}
+const f = value => String(Math.round(value * 100) / 100);
+const text = (x, y, value, anchor = "middle", extra = "") => `<text x="${f(x)}" y="${f(y)}" text-anchor="${anchor}" fill="currentColor" stroke="none" font-family="var(--k2b-font-sans, sans-serif)" font-size="11" ${extra}>${escapeXml(value)}</text>`;
+
+/** Pure SVG, including presentation attributes for PDF and hosts outside .k2b-ui. */
+export function renderWaterfallSvg(spec, responsive = false) {
+  return renderWaterfallLayoutSvg(spec, waterfallLayout(spec, spec), responsive);
+}
+
+/** Draw the geometry already reserved by a host before its drawing module loads. */
+export function renderWaterfallLayoutSvg(spec, g, responsive = false) {
+  const parts = [];
+  // The Solid host stretches a stable viewBox. Container queries use its drawn CSS width on the first frame,
+  // rather than freezing the labels to the phone fallback or measuring and redrawing after hydration.
+  const visibility = minimumWidth => {
+    if (!responsive || minimumWidth <= 0) return "";
+    const threshold = f(minimumWidth);
+    parts.push(`<style>@container (max-width: ${f(minimumWidth - 0.01)}px) { .k2b-waterfall [data-waterfall-min-width="${threshold}"] { display: none; } }</style>`);
+    return ` data-waterfall-min-width="${threshold}"`;
+  };
+  if (spec.title) parts.push(text(spec.width / 2, 16, spec.title));
+  if (spec.subtitle) parts.push(text(spec.width / 2, spec.title ? 34 : 16, spec.subtitle));
+  parts.push(`<line class="stdlib-chart-axis" x1="${f(g.left)}" x2="${f(g.right)}" y1="${f(g.bottom)}" y2="${f(g.bottom)}" stroke="currentColor" stroke-opacity="0.2"/>`);
+  parts.push(`<line class="stdlib-chart-axis" x1="${f(g.left)}" x2="${f(g.left)}" y1="${f(g.top)}" y2="${f(g.bottom)}" stroke="none"/>`);
+  for (const tick of g.scale.ticks) {
+    const y = g.project(tick);
+    parts.push(`<line x1="${f(g.left)}" x2="${f(g.right)}" y1="${f(y)}" y2="${f(y)}" stroke="currentColor" stroke-opacity="${tick === 0 ? ".25" : ".09"}"/>`);
+    parts.push(text(g.left - 8, y + 4, g.format(tick), "end", 'class="stdlib-chart-tick-label"'));
+  }
+  const cssSlot = g.slot / g.ratio;
+  const longest = Math.max(1, ...g.bars.map(b => Math.min(18, b.label.length))) * 6;
+  const stride = Math.max(1, Math.ceil((longest + 8) / Math.max(1, cssSlot)));
+  const endLimit = Math.max(1, Math.min(18, Math.floor((g.right - g.left) / g.ratio / 12) - 1));
+  const endLength = Math.min(endLimit, spec.end.label.length);
+  g.bars.forEach((bar, index) => {
+    const center = g.left + (index + 0.5) * g.slot;
+    const width = Math.min(56, g.slot * 0.62);
+    const top = Math.min(g.project(bar.from), g.project(bar.to));
+    const height = Math.abs(g.project(bar.from) - g.project(bar.to));
+    const color = bar.total ? "color-mix(in srgb, var(--k2b-text-muted, #8b8b93) 55%, transparent)" : bar.value > 0 ? "var(--k2b-flow-in-mark, #0891b2)" : bar.value < 0 ? "var(--k2b-flow-out-mark, #8b5cf6)" : "color-mix(in srgb, var(--k2b-text-muted, #8b8b93) 55%, transparent)";
+    const amount = g.amount(bar);
+    const band = `<rect class="k2b-chart-category-band" x="${f(center - g.slot / 2)}" y="${f(g.top)}" width="${f(g.slot)}" height="${f(g.bottom - g.top)}" fill="currentColor" fill-opacity="0" stroke="none"/>`;
+    const mark = `<rect class="k2b-waterfall-bar" x="${f(center - width / 2)}" y="${f(top)}" width="${f(width)}" height="${f(Math.max(height, 1))}" rx="3" fill="${color}" stroke="none"/>`;
+    const valueWidth = Math.max(46 * spec.width / width, (amount.length * 6 + 8) * spec.width / g.slot);
+    const value = responsive || width / g.ratio >= 46 && amount.length * 6 + 8 <= cssSlot ? text(center, Math.max(g.top - 8, top - 6), amount, "middle", `class="k2b-waterfall-value" font-weight="600"${visibility(valueWidth)}`).replace('fill="currentColor"', 'fill="var(--k2b-text-secondary, #52525b)"') : "";
+    parts.push(chartDatumSvg(band + mark + value, g.datum(bar, index, center, amount), spec.inspect ?? false));
+    if (index < g.bars.length - 1) parts.push(`<line class="k2b-waterfall-connector" x1="${f(center + width / 2)}" x2="${f(center + g.slot - width / 2)}" y1="${f(g.project(bar.to))}" y2="${f(g.project(bar.to))}" stroke="currentColor" stroke-opacity=".3" stroke-dasharray="3 3"/>`);
+    const ending = index === g.bars.length - 1;
+    const endClearance = (Math.min(18, bar.label.length) * 3 + endLength * 6 + 8) / Math.max(1, g.right - center);
+    if (ending || responsive || index % stride === 0 && (index === 0 || endClearance * g.ratio <= 1)) {
+      // Power-of-two subsets keep adjacent labels at least one visible slot apart at every container width.
+      let spacing = 1;
+      if (index > 0) while (index % (spacing * 2) === 0) spacing *= 2;
+      const minimumWidth = index === 0 || ending ? 0 : Math.max((longest + 8) * spec.width / (g.slot * spacing), endClearance * spec.width);
+      const limit = ending ? endLimit : responsive ? 18 : Math.max(1, Math.floor(Math.min(cssSlot * stride - 8, 2 * Math.min(center, spec.width - center) / g.ratio) / 6) - 1);
+      const label = bar.label.length > limit ? `${bar.label.slice(0, Math.max(0, limit - 1))}…` : bar.label;
+      parts.push(text(ending ? g.right : center, g.bottom + 20, label, ending ? "end" : "middle", `class="stdlib-chart-tick-label stdlib-chart-category-label "${visibility(minimumWidth)}`));
+    }
+  });
+  return `<svg xmlns="http://www.w3.org/2000/svg" class="stdlib-chart k2b-waterfall ${escapeXml(spec.className ?? "")}" width="${spec.width}" height="${spec.height}" viewBox="0 0 ${spec.width} ${spec.height}" aria-hidden="true" focusable="false">${parts.join("")}</svg>`;
+}
+//# sourceMappingURL=waterfall.js.map

package/dist/browser/charts/core/waterfall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/core/waterfall.ts"],"sourcesContent":["import { chartDatumSvg, escapeXml, niceStep } from \"./svg-renderers\";\nimport type { ChartDatum } from \"./types\";\n\nexport type WaterfallOptions = {\n  start: { label: string; value: number };\n  steps: { label: string; value: number }[];\n  end: { label: string };\n  title?: string;\n  subtitle?: string;\n  className?: string;\n  /** Formats balances and absolute changes. */\n  format?: (value: number) => string;\n  locale?: string;\n  /** Displayed width in CSS pixels; defaults to the SVG width. Stretching hosts pass their layout width. */\n  displayWidth?: number;\n};\n\nexport type WaterfallBar = { label: string; value: number; from: number; to: number; total: boolean };\n\n/** Totals rest on zero; each change starts at the previous running balance. */\nexport function waterfallLayout(spec: WaterfallOptions, size: { width: number; height: number }) {\n  if (![size.width, size.height].every((value) => Number.isFinite(value) && value > 0)) throw new RangeError(\"Invalid waterfall size\");\n  let balance = spec.start.value;\n  if (!Number.isFinite(balance)) throw new RangeError(\"Waterfall values must be finite\");\n  const bars: WaterfallBar[] = [{ ...spec.start, from: 0, to: balance, total: true }];\n  for (const step of spec.steps) {\n    const from = balance;\n    balance += step.value;\n    if (!Number.isFinite(step.value) || !Number.isFinite(balance)) throw new RangeError(\"Waterfall balances must be finite\");\n    bars.push({ ...step, from, to: balance, total: false });\n  }\n  bars.push({ ...spec.end, value: balance, from: 0, to: balance, total: true });\n  let lo = 0,\n    hi = 0;\n  for (const bar of bars) {\n    lo = Math.min(lo, bar.from, bar.to);\n    hi = Math.max(hi, bar.from, bar.to);\n  }\n  if (!Number.isFinite(hi - lo)) throw new RangeError(\"Waterfall range must be finite\");\n  if (lo === hi) hi = lo + 1;\n  const step = niceStep(hi - lo, 5);\n  const lower = Math.floor(lo / step) * step;\n  const upper = Math.ceil(hi / step) * step;\n  if (!(step > 0) || ![step, lower, upper, upper - lower].every(Number.isFinite) || lower >= upper)\n    throw new RangeError(\"Waterfall values cannot form a finite axis; rescale them first\");\n  // Integer tick indices cannot stall when adjacent floats are large. The five-interval nice step bounds their count.\n  const scale = {\n    domain: [lower, upper] as [number, number],\n    ticks: Array.from({ length: Math.round((upper - lower) / step) + 1 }, (_, i) => lower + i * step),\n  };\n  const format = spec.format ?? new Intl.NumberFormat(spec.locale ?? \"en\", { maximumFractionDigits: 2 }).format;\n  const displayWidth = spec.displayWidth ?? size.width;\n  if (!Number.isFinite(displayWidth) || displayWidth <= 0) throw new RangeError(\"Invalid waterfall display width\");\n  const ratio = size.width / displayWidth;\n  const left = Math.min(size.width * 0.6, Math.max(48, ...scale.ticks.map((v) => format(v).length * 7 + 12)) * ratio);\n  const top = spec.title || spec.subtitle ? 58 : 24;\n  const bottom = Math.max(top + 1, size.height - 30);\n  const right = size.width - 10;\n  const slot = (right - left) / bars.length;\n  const project = (value: number) => bottom - ((value - scale.domain[0]) / (scale.domain[1] - scale.domain[0])) * (bottom - top);\n  const amount = (bar: WaterfallBar) =>\n    `${bar.total ? \"\" : bar.value > 0 ? \"↙ \" : bar.value < 0 ? \"↗ \" : \"= \"}${format(bar.total ? bar.value : Math.abs(bar.value))}`;\n  const datum = (bar: WaterfallBar, index: number, center: number, formattedAmount: string): ChartDatum => ({\n    role: \"item\",\n    index,\n    label: bar.label,\n    anchor: [center, top],\n    values: bar.total\n      ? [{ key: \"balance\", value: bar.to, formatted: format(bar.to) }]\n      : [\n          { key: \"before\", value: bar.from, formatted: format(bar.from) },\n          { key: bar.value > 0 ? \"inflow\" : bar.value < 0 ? \"outflow\" : \"change\", value: bar.value, formatted: formattedAmount },\n          { key: \"after\", value: bar.to, formatted: format(bar.to) },\n        ],\n  });\n  return { bars, balance, scale, left, right, top, bottom, slot, ratio, project, format, amount, datum };\n}\n\nexport type WaterfallLayout = ReturnType<typeof waterfallLayout>;\n\nconst f = (value: number) => String(Math.round(value * 100) / 100);\nconst text = (x: number, y: number, value: string, anchor = \"middle\", extra = \"\") =>\n  `<text x=\"${f(x)}\" y=\"${f(y)}\" text-anchor=\"${anchor}\" fill=\"currentColor\" stroke=\"none\" font-family=\"var(--k2b-font-sans, sans-serif)\" font-size=\"11\" ${extra}>${escapeXml(value)}</text>`;\n\n/** Pure SVG, including presentation attributes for PDF and hosts outside .k2b-ui. */\nexport function renderWaterfallSvg(\n  spec: WaterfallOptions & { width: number; height: number; inspect?: boolean },\n  responsive = false,\n): string {\n  return renderWaterfallLayoutSvg(spec, waterfallLayout(spec, spec), responsive);\n}\n\n/** Draw the geometry already reserved by a host before its drawing module loads. */\nexport function renderWaterfallLayoutSvg(\n  spec: WaterfallOptions & { width: number; height: number; inspect?: boolean },\n  g: WaterfallLayout,\n  responsive = false,\n): string {\n  const parts: string[] = [];\n  // The Solid host stretches a stable viewBox. Container queries use its drawn CSS width on the first frame,\n  // rather than freezing the labels to the phone fallback or measuring and redrawing after hydration.\n  const visibility = (minimumWidth: number) => {\n    if (!responsive || minimumWidth <= 0) return \"\";\n    const threshold = f(minimumWidth);\n    parts.push(\n      `<style>@container (max-width: ${f(minimumWidth - 0.01)}px) { .k2b-waterfall [data-waterfall-min-width=\"${threshold}\"] { display: none; } }</style>`,\n    );\n    return ` data-waterfall-min-width=\"${threshold}\"`;\n  };\n  if (spec.title) parts.push(text(spec.width / 2, 16, spec.title));\n  if (spec.subtitle) parts.push(text(spec.width / 2, spec.title ? 34 : 16, spec.subtitle));\n  parts.push(\n    `<line class=\"stdlib-chart-axis\" x1=\"${f(g.left)}\" x2=\"${f(g.right)}\" y1=\"${f(g.bottom)}\" y2=\"${f(g.bottom)}\" stroke=\"currentColor\" stroke-opacity=\"0.2\"/>`,\n  );\n  parts.push(`<line class=\"stdlib-chart-axis\" x1=\"${f(g.left)}\" x2=\"${f(g.left)}\" y1=\"${f(g.top)}\" y2=\"${f(g.bottom)}\" stroke=\"none\"/>`);\n  for (const tick of g.scale.ticks) {\n    const y = g.project(tick);\n    parts.push(\n      `<line x1=\"${f(g.left)}\" x2=\"${f(g.right)}\" y1=\"${f(y)}\" y2=\"${f(y)}\" stroke=\"currentColor\" stroke-opacity=\"${tick === 0 ? \".25\" : \".09\"}\"/>`,\n    );\n    parts.push(text(g.left - 8, y + 4, g.format(tick), \"end\", 'class=\"stdlib-chart-tick-label\"'));\n  }\n  const cssSlot = g.slot / g.ratio;\n  const longest = Math.max(1, ...g.bars.map((b) => Math.min(18, b.label.length))) * 6;\n  const stride = Math.max(1, Math.ceil((longest + 8) / Math.max(1, cssSlot)));\n  const endLimit = Math.max(1, Math.min(18, Math.floor((g.right - g.left) / g.ratio / 12) - 1));\n  const endLength = Math.min(endLimit, spec.end.label.length);\n  g.bars.forEach((bar, index) => {\n    const center = g.left + (index + 0.5) * g.slot;\n    const width = Math.min(56, g.slot * 0.62);\n    const top = Math.min(g.project(bar.from), g.project(bar.to));\n    const height = Math.abs(g.project(bar.from) - g.project(bar.to));\n    const color = bar.total\n      ? \"color-mix(in srgb, var(--k2b-text-muted, #8b8b93) 55%, transparent)\"\n      : bar.value > 0\n        ? \"var(--k2b-flow-in-mark, #0891b2)\"\n        : bar.value < 0\n          ? \"var(--k2b-flow-out-mark, #8b5cf6)\"\n          : \"color-mix(in srgb, var(--k2b-text-muted, #8b8b93) 55%, transparent)\";\n    const amount = g.amount(bar);\n    const band = `<rect class=\"k2b-chart-category-band\" x=\"${f(center - g.slot / 2)}\" y=\"${f(g.top)}\" width=\"${f(g.slot)}\" height=\"${f(g.bottom - g.top)}\" fill=\"currentColor\" fill-opacity=\"0\" stroke=\"none\"/>`;\n    const mark = `<rect class=\"k2b-waterfall-bar\" x=\"${f(center - width / 2)}\" y=\"${f(top)}\" width=\"${f(width)}\" height=\"${f(Math.max(height, 1))}\" rx=\"3\" fill=\"${color}\" stroke=\"none\"/>`;\n    const valueWidth = Math.max((46 * spec.width) / width, ((amount.length * 6 + 8) * spec.width) / g.slot);\n    const value =\n      responsive || (width / g.ratio >= 46 && amount.length * 6 + 8 <= cssSlot)\n        ? text(\n            center,\n            Math.max(g.top - 8, top - 6),\n            amount,\n            \"middle\",\n            `class=\"k2b-waterfall-value\" font-weight=\"600\"${visibility(valueWidth)}`,\n          ).replace('fill=\"currentColor\"', 'fill=\"var(--k2b-text-secondary, #52525b)\"')\n        : \"\";\n    parts.push(chartDatumSvg(band + mark + value, g.datum(bar, index, center, amount), spec.inspect ?? false));\n    if (index < g.bars.length - 1)\n      parts.push(\n        `<line class=\"k2b-waterfall-connector\" x1=\"${f(center + width / 2)}\" x2=\"${f(center + g.slot - width / 2)}\" y1=\"${f(g.project(bar.to))}\" y2=\"${f(g.project(bar.to))}\" stroke=\"currentColor\" stroke-opacity=\".3\" stroke-dasharray=\"3 3\"/>`,\n      );\n    const ending = index === g.bars.length - 1;\n    const endClearance = (Math.min(18, bar.label.length) * 3 + endLength * 6 + 8) / Math.max(1, g.right - center);\n    if (ending || responsive || (index % stride === 0 && (index === 0 || endClearance * g.ratio <= 1))) {\n      // Power-of-two subsets keep adjacent labels at least one visible slot apart at every container width.\n      let spacing = 1;\n      if (index > 0) while (index % (spacing * 2) === 0) spacing *= 2;\n      const minimumWidth =\n        index === 0 || ending ? 0 : Math.max(((longest + 8) * spec.width) / (g.slot * spacing), endClearance * spec.width);\n      const limit = ending\n        ? endLimit\n        : responsive\n          ? 18\n          : Math.max(1, Math.floor(Math.min(cssSlot * stride - 8, (2 * Math.min(center, spec.width - center)) / g.ratio) / 6) - 1);\n      const label = bar.label.length > limit ? `${bar.label.slice(0, Math.max(0, limit - 1))}…` : bar.label;\n      parts.push(\n        text(\n          ending ? g.right : center,\n          g.bottom + 20,\n          label,\n          ending ? \"end\" : \"middle\",\n          `class=\"stdlib-chart-tick-label stdlib-chart-category-label \"${visibility(minimumWidth)}`,\n        ),\n      );\n    }\n  });\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stdlib-chart k2b-waterfall ${escapeXml(spec.className ?? \"\")}\" width=\"${spec.width}\" height=\"${spec.height}\" viewBox=\"0 0 ${spec.width} ${spec.height}\" aria-hidden=\"true\" focusable=\"false\">${parts.join(\"\")}</svg>`;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/charts/description.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=description.js.map

package/dist/browser/charts/description.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/description.ts"],"sourcesContent":["/** JSON number formatting. Functions belong to the rendering host, never the saved description. */\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;\nexport type ChartLimits = { maxSeries: number; maxValues: number; maxMarks: number };\nexport type ChartDescriptionAxis = {\n  label?: string;\n  domain?: number[];\n  ticks?: number;\n  scale?: \"linear\" | \"log\";\n  format?: ChartFormat;\n};\ntype Reference = {\n  value: number | string;\n  axis?: \"x\" | \"y\";\n  label?: string;\n  style?: \"solid\" | \"dashed\" | \"dotted\";\n  tone?: \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n};\ntype Threshold = { value: number; label?: string };\ntype Series<N> = { label?: string; data: { x: N | string; y: N }[]; role?: \"reference\" };\ntype Common = { title: string; subtitle?: string; tooltip?: { label?: string; format?: ChartNumberFormat } };\ntype Variants<N> =\n  | {\n      kind: \"waterfall\";\n      start: { label: string; value: number };\n      steps: { label: string; value: number }[];\n      end: { label: string };\n      format?: ChartNumberFormat;\n    }\n  | {\n      kind: \"area\";\n      layout: \"stacked\";\n      normalize?: boolean;\n      x: (number | string)[];\n      series: { label: string; data: (number | null)[] }[];\n      legend?: boolean;\n      format?: ChartNumberFormat;\n    }\n  | {\n      kind: \"bar\";\n      data: { label: string; value: N }[];\n      x?: string[];\n      series?: { label: string; data: (number | null)[] }[];\n      layout?: \"columns\" | \"rows\" | \"grouped\" | \"stacked\";\n      normalize?: boolean;\n      share?: boolean;\n      limit?: number;\n      tone?: \"in\" | \"out\";\n      format?: ChartNumberFormat;\n      compare?: { label: string; data: (number | null)[] };\n      xAxis?: Pick<ChartDescriptionAxis, \"label\"> & { ordered?: boolean };\n      yAxis?: ChartDescriptionAxis;\n      colorByBar?: boolean;\n      showValues?: boolean;\n      legend?: boolean;\n      references?: Reference[];\n    }\n  | { kind: \"funnel\"; data: { label: string; value: number | null }[]; format?: ChartNumberFormat }\n  | {\n      kind: \"hbar\";\n      series: string[];\n      rows: { group?: string; label: string; values: (number | null)[] }[];\n      legend?: boolean;\n      format?: ChartNumberFormat;\n    }\n  | {\n      kind: \"line\";\n      series: (Series<N> & { style?: \"solid\" | \"dashed\" | \"dotted\" })[];\n      xAxis?: ChartDescriptionAxis;\n      yAxis?: ChartDescriptionAxis;\n      legend?: boolean;\n      area?: boolean;\n      smooth?: boolean;\n      references?: Reference[];\n    }\n  | {\n      kind: \"scatter\";\n      series: Series<N>[];\n      xAxis?: ChartDescriptionAxis;\n      yAxis?: ChartDescriptionAxis;\n      legend?: boolean;\n      references?: Reference[];\n    }\n  | { kind: \"pie\" | \"donut\"; data: { label: string; value: N }[]; legend?: boolean; showLabels?: boolean; format?: ChartNumberFormat }\n  | { kind: \"histogram\"; data: N[]; bins?: number | number[]; references?: Reference[] }\n  | {\n      kind: \"gauge\";\n      value: N;\n      min?: number;\n      max?: number;\n      label?: string;\n      unit?: string;\n      format?: ChartNumberFormat;\n      thresholds?: Threshold[];\n    }\n  | { kind: \"sparkline\"; data: N[]; area?: boolean }\n  | { kind: \"boxplot\"; data: { label: string; values: N[] }[]; yAxis?: ChartDescriptionAxis; references?: Reference[] }\n  | {\n      kind: \"heatmap\";\n      layout: \"calendar\";\n      data: [string, N | null][];\n      scale: \"sequential\" | \"diverging\";\n      label?: string;\n      format?: ChartNumberFormat;\n      locale?: string;\n    }\n  | {\n      kind: \"heatmap\";\n      layout?: undefined;\n      data: { x: string; y: string; value: N }[];\n      format?: ChartNumberFormat;\n      showValues?: boolean;\n      min?: number;\n      max?: number;\n    }\n  | {\n      kind: \"barGauge\";\n      data: { label: string; value: N; min?: number; max?: number }[];\n      min?: number;\n      max?: number;\n      unit?: string;\n      format?: ChartNumberFormat;\n      thresholds?: Threshold[];\n    }\n  | { kind: \"stat\"; value: N; format?: ChartNumberFormat; unit?: string; delta?: N; better?: \"up\" | \"down\"; sparkline?: N[] }\n  | {\n      kind: \"treemap\";\n      groups: string[];\n      data: { label: string; group: string; value: number }[];\n      legend?: boolean;\n      format?: ChartNumberFormat;\n      locale?: string;\n    }\n  | {\n      kind: \"pareto\";\n      labels: [string, string];\n      data: { label: string; value: number; prev: number }[];\n      format?: ChartNumberFormat;\n      locale?: string;\n    }\n  | {\n      kind: \"bubble\";\n      groups: string[];\n      data: { label: string; group: string; x: number; y: number; size?: number }[];\n      xLabel: string;\n      yLabel: string;\n      sizeLabel?: string;\n      averages?: boolean;\n      legend?: boolean;\n      xFormat?: ChartNumberFormat;\n      yFormat?: ChartNumberFormat;\n      format?: ChartNumberFormat;\n      locale?: string;\n    }\n  | {\n      kind: \"radar\";\n      axes: string[];\n      max: number;\n      unit?: string;\n      series: { label: string; data: number[] }[];\n      format?: ChartNumberFormat;\n      legend?: boolean;\n      locale?: string;\n    };\n\n/** Portable chart node. Dates are ISO text and missing observations are null, never zero. */\nexport type ChartDescription = Common &\n  (\n    | Exclude<Variants<number | null>, { kind: \"bar\" }>\n    // Aligned series omit flat data; the validator supplies an empty array.\n    | (Omit<Extract<Variants<number | null>, { kind: \"bar\" }>, \"data\"> & { data?: { label: string; value: number | null }[] })\n  );\n/** Validated renderer input. The portable validator normalizes null gaps to non-finite numbers for drawing. */\nexport type ChartInput = Common &\n  (\n    | Exclude<Variants<number>, { kind: \"stat\" }>\n    | (Omit<Extract<Variants<number>, { kind: \"stat\" }>, \"delta\"> & { delta: number | undefined })\n  );\n"],"mappings":"","ignoreList":[]}

package/dist/browser/charts.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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 * from \"./charts/description\";\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;AAG7B,SAAoD,cAAc,EAAE,iBAAiB,QAAQ,qBAAqB;AAElH,SAAS,4BAA4B,EAAE,mBAAmB,QAAQ,0BAA0B","ignoreList":[]}