@sckyzo/cosmos-charts 0.3.0 → 0.3.1

package/dist/GradientRadial.js

@@ -1,10 +1,10 @@
 "use client";
-import { RadialGauge } from './chunk-YWYF5CCJ.js';
+import { RadialGauge } from './chunk-6FGJZBTC.js';
 import { percent } from './chunk-OCD6JIIX.js';
 import './chunk-URNXLVSK.js';
 import './chunk-5C2RLJYZ.js';
 import { safeId } from './chunk-UJIV5PVI.js';
-import './chunk-3N43QT36.js';
+import './chunk-56WD3OHA.js';
 import { SERIES, SUCCESS } from './chunk-UATB2IRY.js';
 import { useId } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/HeatmapChart.cjs

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
-var chunkTPH5T3DA_cjs = require('./chunk-TPH5T3DA.cjs');
+var chunkZWHCUYIN_cjs = require('./chunk-ZWHCUYIN.cjs');
 require('./chunk-DBZQI4HM.cjs');
-var chunkRLHGPHC7_cjs = require('./chunk-RLHGPHC7.cjs');
+var chunkG4WOPX4D_cjs = require('./chunk-G4WOPX4D.cjs');
 require('./chunk-T3K6Q34U.cjs');
 var chunkK3R7JGOW_cjs = require('./chunk-K3R7JGOW.cjs');
-var chunk6NRRABPF_cjs = require('./chunk-6NRRABPF.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
 var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -45,7 +45,7 @@ var legendStyle = (position) => {
     margin: 0,
     padding: 0,
     listStyle: "none",
-    fontSize: chunkRLHGPHC7_cjs.TEXT_SIZE,
+    fontSize: chunkG4WOPX4D_cjs.TEXT_SIZE,
     color: chunkLT3UC65O_cjs.MUTED
   };
 };
@@ -73,7 +73,7 @@ var HeatmapChart = ({
 }) => {
   const name = ariaLabel ?? `Heatmap: ${series.map((s) => s.name).join(", ")}`;
   if (chunkK3R7JGOW_cjs.hasNoData(series)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
   }
   const colorRanges = (ranges ?? evenRanges(
     series.flatMap((s) => s.data),
@@ -116,6 +116,8 @@ var HeatmapChart = ({
     "div",
     {
       style: {
+        // The axes keep their order under `dir="rtl"`, and so do the legend's sides.
+        direction: "ltr",
         display: "flex",
         gap: "1rem",
         width: width ?? "100%",
@@ -126,7 +128,7 @@ var HeatmapChart = ({
       children: [
         legend,
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: "1 1 0", minWidth: 0, minHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTPH5T3DA_cjs.HeatGrid,
+          chunkZWHCUYIN_cjs.HeatGrid,
           {
             rows: series.map((s) => s.name),
             columns: categories.map(String),

package/dist/HeatmapChart.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/HeatmapChart.tsx"],"names":["TEXT_SIZE","MUTED","hasNoData","ChartEmpty","SEQUENTIAL","seriesColor","jsx","jsxs","HeatGrid"],"mappings":"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","file":"HeatmapChart.cjs","sourcesContent":["import type { CSSProperties } from 'react';\nimport { TEXT_SIZE } from './core/axes';\nimport { MUTED, SEQUENTIAL, seriesColor } from './core/colors';\nimport { hasNoData } from './core/data';\nimport { ChartEmpty } from './core/frame';\nimport { HeatGrid, type HeatCell } from './core/HeatGrid';\nimport type {\n  ChartAxisTitleProps,\n  ChartEmptyProps,\n  ChartLegendPosition,\n  ChartLegendProps,\n  ChartProps,\n} from './types';\n\nexport type HeatmapColorRange = {\n  /** Lowest value of the range, inclusive. */\n  from: number;\n  /** Highest value of the range, inclusive. A value on a shared bound takes the later range. */\n  to: number;\n  color: string;\n  /** Legend label. Default: `from – to`, formatted with `formatValue`. */\n  name?: string;\n};\n\nexport type HeatmapChartProps = Omit<ChartProps, 'children'> &\n  ChartEmptyProps &\n  ChartLegendProps &\n  ChartAxisTitleProps & {\n    /** One row per series, drawn top to bottom; one value per category. */\n    series: { name: string; data: number[] }[];\n    categories: (string | number)[];\n    /**\n     * Color steps, low to high, spread over the data range in buckets with\n     * round bounds. Default: five steps of the current accent, mixed over the\n     * card.\n     */\n    colors?: string[];\n    /**\n     * Explicit color ranges (thresholds such as OK / WARN / CRIT), which take\n     * precedence over `colors`. Cover every value: a cell outside all ranges\n     * falls back to a series color.\n     */\n    ranges?: HeatmapColorRange[];\n    /** Format the values in the tooltip, the legend and the cells. */\n    formatValue?: (value: number) => string;\n    /** Print each value inside its cell. */\n    showValues?: boolean;\n    /** Show the color legend. Default true. */\n    showLegend?: boolean;\n  };\n\n// Round bucket sizes, × 10^n. Finer than 1-2-5 so that the buckets fit the\n// data instead of leaving the top colors unused.\nconst NICE_STEPS = [1, 2, 2.5, 3, 4, 5, 6, 8, 10];\n\n/** The smallest round bucket size that is at least `value`. */\nconst niceStep = (value: number): number => {\n  const magnitude = 10 ** Math.floor(Math.log10(value));\n  const step = NICE_STEPS.find((m) => m * magnitude >= value) ?? 10;\n  return step * magnitude;\n};\n\n// Drops the float noise of `start + i * step` (0.30000000000000004).\nconst round = (value: number) => Number(value.toPrecision(12));\n\n/** `colors.length` contiguous ranges with round bounds covering every value. */\nconst evenRanges = (values: number[], colors: string[]): HeatmapColorRange[] => {\n  const finite = values.filter(Number.isFinite);\n  if (finite.length === 0 || colors.length === 0) return [];\n  const min = finite.reduce((a, b) => Math.min(a, b));\n  const max = finite.reduce((a, b) => Math.max(a, b));\n  let step = niceStep((max - min) / colors.length || Math.abs(max) || 1);\n  let start = Math.floor(min / step) * step;\n  // Flooring the start can leave the top value out: take the next round step.\n  while (start + step * colors.length < max) {\n    step = niceStep(step * 1.001);\n    start = Math.floor(min / step) * step;\n  }\n  return colors.map((color, i) => ({\n    from: round(start + step * i),\n    to: round(start + step * (i + 1)),\n    color,\n  }));\n};\n\n/** The range a value falls in; on a bound shared by two ranges, the later one. */\nconst rangeOf = (value: number, ranges: HeatmapColorRange[]) =>\n  [...ranges].reverse().find((range) => value >= range.from && value <= range.to);\n\nconst legendStyle = (position: ChartLegendPosition): CSSProperties => {\n  const column = position === 'left' || position === 'right';\n  return {\n    display: 'flex',\n    flexDirection: column ? 'column' : 'row',\n    flexWrap: 'wrap',\n    gap: column ? '0.375rem' : '0.25rem 1rem',\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n    fontSize: TEXT_SIZE,\n    color: MUTED,\n  };\n};\n\nconst SIDES: Record<ChartLegendPosition, CSSProperties> = {\n  top: { flexDirection: 'column' },\n  bottom: { flexDirection: 'column-reverse' },\n  left: { flexDirection: 'row' },\n  right: { flexDirection: 'row-reverse' },\n};\n\nexport const HeatmapChart = ({\n  series,\n  categories,\n  colors,\n  ranges,\n  formatValue = String,\n  xTitle,\n  yTitle,\n  showValues = false,\n  showLegend = true,\n  legendPosition = 'top',\n  emptyMessage = 'No data',\n  ariaLabel,\n  height = 320,\n  width,\n}: HeatmapChartProps) => {\n  const name = ariaLabel ?? `Heatmap: ${series.map((s) => s.name).join(', ')}`;\n  if (hasNoData(series)) {\n    return <ChartEmpty message={emptyMessage} ariaLabel={name} height={height} width={width} />;\n  }\n  const colorRanges = (\n    ranges ??\n    evenRanges(\n      series.flatMap((s) => s.data),\n      colors ?? SEQUENTIAL\n    )\n  ).map((range) => ({\n    ...range,\n    name: range.name ?? `${formatValue(range.from)} – ${formatValue(range.to)}`,\n  }));\n  const cells = series.flatMap((s, row) =>\n    s.data.flatMap((value, column): HeatCell[] =>\n      Number.isFinite(value)\n        ? [\n            {\n              row,\n              column,\n              color: rangeOf(value, colorRanges)?.color ?? seriesColor(row),\n              title: String(categories[column] ?? column),\n              label: s.name,\n              value: formatValue(value),\n              text: showValues ? formatValue(value) : undefined,\n            },\n          ]\n        : []\n    )\n  );\n  const legend = showLegend && (\n    <ul data-heat-legend=\"\" style={legendStyle(legendPosition)}>\n      {colorRanges.map((range, i) => (\n        <li key={i} style={{ display: 'flex', alignItems: 'center', gap: '0.375rem' }}>\n          <span\n            aria-hidden\n            style={{\n              width: '0.625rem',\n              height: '0.625rem',\n              borderRadius: 3,\n              background: range.color,\n            }}\n          />\n          {range.name}\n        </li>\n      ))}\n    </ul>\n  );\n  return (\n    <div\n      style={{\n        display: 'flex',\n        gap: '1rem',\n        width: width ?? '100%',\n        height,\n        maxWidth: '100%',\n        ...SIDES[legendPosition],\n      }}\n    >\n      {legend}\n      <div style={{ flex: '1 1 0', minWidth: 0, minHeight: 0 }}>\n        <HeatGrid\n          rows={series.map((s) => s.name)}\n          columns={categories.map(String)}\n          cells={cells}\n          ariaLabel={name}\n          xTitle={xTitle}\n          yTitle={yTitle}\n        />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/HeatmapChart.tsx"],"names":["TEXT_SIZE","MUTED","hasNoData","ChartEmpty","SEQUENTIAL","seriesColor","jsx","jsxs","HeatGrid"],"mappings":"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","file":"HeatmapChart.cjs","sourcesContent":["import type { CSSProperties } from 'react';\nimport { TEXT_SIZE } from './core/axes';\nimport { MUTED, SEQUENTIAL, seriesColor } from './core/colors';\nimport { hasNoData } from './core/data';\nimport { ChartEmpty } from './core/frame';\nimport { HeatGrid, type HeatCell } from './core/HeatGrid';\nimport type {\n  ChartAxisTitleProps,\n  ChartEmptyProps,\n  ChartLegendPosition,\n  ChartLegendProps,\n  ChartProps,\n} from './types';\n\nexport type HeatmapColorRange = {\n  /** Lowest value of the range, inclusive. */\n  from: number;\n  /** Highest value of the range, inclusive. A value on a shared bound takes the later range. */\n  to: number;\n  color: string;\n  /** Legend label. Default: `from – to`, formatted with `formatValue`. */\n  name?: string;\n};\n\nexport type HeatmapChartProps = Omit<ChartProps, 'children'> &\n  ChartEmptyProps &\n  ChartLegendProps &\n  ChartAxisTitleProps & {\n    /** One row per series, drawn top to bottom; one value per category. */\n    series: { name: string; data: number[] }[];\n    categories: (string | number)[];\n    /**\n     * Color steps, low to high, spread over the data range in buckets with\n     * round bounds. Default: five steps of the current accent, mixed over the\n     * card.\n     */\n    colors?: string[];\n    /**\n     * Explicit color ranges (thresholds such as OK / WARN / CRIT), which take\n     * precedence over `colors`. Cover every value: a cell outside all ranges\n     * falls back to a series color.\n     */\n    ranges?: HeatmapColorRange[];\n    /** Format the values in the tooltip, the legend and the cells. */\n    formatValue?: (value: number) => string;\n    /** Print each value inside its cell. */\n    showValues?: boolean;\n    /** Show the color legend. Default true. */\n    showLegend?: boolean;\n  };\n\n// Round bucket sizes, × 10^n. Finer than 1-2-5 so that the buckets fit the\n// data instead of leaving the top colors unused.\nconst NICE_STEPS = [1, 2, 2.5, 3, 4, 5, 6, 8, 10];\n\n/** The smallest round bucket size that is at least `value`. */\nconst niceStep = (value: number): number => {\n  const magnitude = 10 ** Math.floor(Math.log10(value));\n  const step = NICE_STEPS.find((m) => m * magnitude >= value) ?? 10;\n  return step * magnitude;\n};\n\n// Drops the float noise of `start + i * step` (0.30000000000000004).\nconst round = (value: number) => Number(value.toPrecision(12));\n\n/** `colors.length` contiguous ranges with round bounds covering every value. */\nconst evenRanges = (values: number[], colors: string[]): HeatmapColorRange[] => {\n  const finite = values.filter(Number.isFinite);\n  if (finite.length === 0 || colors.length === 0) return [];\n  const min = finite.reduce((a, b) => Math.min(a, b));\n  const max = finite.reduce((a, b) => Math.max(a, b));\n  let step = niceStep((max - min) / colors.length || Math.abs(max) || 1);\n  let start = Math.floor(min / step) * step;\n  // Flooring the start can leave the top value out: take the next round step.\n  while (start + step * colors.length < max) {\n    step = niceStep(step * 1.001);\n    start = Math.floor(min / step) * step;\n  }\n  return colors.map((color, i) => ({\n    from: round(start + step * i),\n    to: round(start + step * (i + 1)),\n    color,\n  }));\n};\n\n/** The range a value falls in; on a bound shared by two ranges, the later one. */\nconst rangeOf = (value: number, ranges: HeatmapColorRange[]) =>\n  [...ranges].reverse().find((range) => value >= range.from && value <= range.to);\n\nconst legendStyle = (position: ChartLegendPosition): CSSProperties => {\n  const column = position === 'left' || position === 'right';\n  return {\n    display: 'flex',\n    flexDirection: column ? 'column' : 'row',\n    flexWrap: 'wrap',\n    gap: column ? '0.375rem' : '0.25rem 1rem',\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n    fontSize: TEXT_SIZE,\n    color: MUTED,\n  };\n};\n\nconst SIDES: Record<ChartLegendPosition, CSSProperties> = {\n  top: { flexDirection: 'column' },\n  bottom: { flexDirection: 'column-reverse' },\n  left: { flexDirection: 'row' },\n  right: { flexDirection: 'row-reverse' },\n};\n\nexport const HeatmapChart = ({\n  series,\n  categories,\n  colors,\n  ranges,\n  formatValue = String,\n  xTitle,\n  yTitle,\n  showValues = false,\n  showLegend = true,\n  legendPosition = 'top',\n  emptyMessage = 'No data',\n  ariaLabel,\n  height = 320,\n  width,\n}: HeatmapChartProps) => {\n  const name = ariaLabel ?? `Heatmap: ${series.map((s) => s.name).join(', ')}`;\n  if (hasNoData(series)) {\n    return <ChartEmpty message={emptyMessage} ariaLabel={name} height={height} width={width} />;\n  }\n  const colorRanges = (\n    ranges ??\n    evenRanges(\n      series.flatMap((s) => s.data),\n      colors ?? SEQUENTIAL\n    )\n  ).map((range) => ({\n    ...range,\n    name: range.name ?? `${formatValue(range.from)} – ${formatValue(range.to)}`,\n  }));\n  const cells = series.flatMap((s, row) =>\n    s.data.flatMap((value, column): HeatCell[] =>\n      Number.isFinite(value)\n        ? [\n            {\n              row,\n              column,\n              color: rangeOf(value, colorRanges)?.color ?? seriesColor(row),\n              title: String(categories[column] ?? column),\n              label: s.name,\n              value: formatValue(value),\n              text: showValues ? formatValue(value) : undefined,\n            },\n          ]\n        : []\n    )\n  );\n  const legend = showLegend && (\n    <ul data-heat-legend=\"\" style={legendStyle(legendPosition)}>\n      {colorRanges.map((range, i) => (\n        <li key={i} style={{ display: 'flex', alignItems: 'center', gap: '0.375rem' }}>\n          <span\n            aria-hidden\n            style={{\n              width: '0.625rem',\n              height: '0.625rem',\n              borderRadius: 3,\n              background: range.color,\n            }}\n          />\n          {range.name}\n        </li>\n      ))}\n    </ul>\n  );\n  return (\n    <div\n      style={{\n        // The axes keep their order under `dir=\"rtl\"`, and so do the legend's sides.\n        direction: 'ltr',\n        display: 'flex',\n        gap: '1rem',\n        width: width ?? '100%',\n        height,\n        maxWidth: '100%',\n        ...SIDES[legendPosition],\n      }}\n    >\n      {legend}\n      <div style={{ flex: '1 1 0', minWidth: 0, minHeight: 0 }}>\n        <HeatGrid\n          rows={series.map((s) => s.name)}\n          columns={categories.map(String)}\n          cells={cells}\n          ariaLabel={name}\n          xTitle={xTitle}\n          yTitle={yTitle}\n        />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/HeatmapChart.js

@@ -1,10 +1,10 @@
 "use client";
-import { HeatGrid } from './chunk-ICL5K2CW.js';
+import { HeatGrid } from './chunk-UL3SNXQR.js';
 import './chunk-BFEDLXVW.js';
-import { TEXT_SIZE } from './chunk-RILUG7JB.js';
+import { TEXT_SIZE } from './chunk-DI2FBGKM.js';
 import './chunk-VIOSQN4Z.js';
 import { hasNoData } from './chunk-UJIV5PVI.js';
-import { ChartEmpty } from './chunk-3N43QT36.js';
+import { ChartEmpty } from './chunk-56WD3OHA.js';
 import { seriesColor, SEQUENTIAL, MUTED } from './chunk-UATB2IRY.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -114,6 +114,8 @@ var HeatmapChart = ({
     "div",
     {
       style: {
+        // The axes keep their order under `dir="rtl"`, and so do the legend's sides.
+        direction: "ltr",
         display: "flex",
         gap: "1rem",
         width: width ?? "100%",

package/dist/HeatmapChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/HeatmapChart.tsx"],"names":[],"mappings":"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","file":"HeatmapChart.js","sourcesContent":["import type { CSSProperties } from 'react';\nimport { TEXT_SIZE } from './core/axes';\nimport { MUTED, SEQUENTIAL, seriesColor } from './core/colors';\nimport { hasNoData } from './core/data';\nimport { ChartEmpty } from './core/frame';\nimport { HeatGrid, type HeatCell } from './core/HeatGrid';\nimport type {\n  ChartAxisTitleProps,\n  ChartEmptyProps,\n  ChartLegendPosition,\n  ChartLegendProps,\n  ChartProps,\n} from './types';\n\nexport type HeatmapColorRange = {\n  /** Lowest value of the range, inclusive. */\n  from: number;\n  /** Highest value of the range, inclusive. A value on a shared bound takes the later range. */\n  to: number;\n  color: string;\n  /** Legend label. Default: `from – to`, formatted with `formatValue`. */\n  name?: string;\n};\n\nexport type HeatmapChartProps = Omit<ChartProps, 'children'> &\n  ChartEmptyProps &\n  ChartLegendProps &\n  ChartAxisTitleProps & {\n    /** One row per series, drawn top to bottom; one value per category. */\n    series: { name: string; data: number[] }[];\n    categories: (string | number)[];\n    /**\n     * Color steps, low to high, spread over the data range in buckets with\n     * round bounds. Default: five steps of the current accent, mixed over the\n     * card.\n     */\n    colors?: string[];\n    /**\n     * Explicit color ranges (thresholds such as OK / WARN / CRIT), which take\n     * precedence over `colors`. Cover every value: a cell outside all ranges\n     * falls back to a series color.\n     */\n    ranges?: HeatmapColorRange[];\n    /** Format the values in the tooltip, the legend and the cells. */\n    formatValue?: (value: number) => string;\n    /** Print each value inside its cell. */\n    showValues?: boolean;\n    /** Show the color legend. Default true. */\n    showLegend?: boolean;\n  };\n\n// Round bucket sizes, × 10^n. Finer than 1-2-5 so that the buckets fit the\n// data instead of leaving the top colors unused.\nconst NICE_STEPS = [1, 2, 2.5, 3, 4, 5, 6, 8, 10];\n\n/** The smallest round bucket size that is at least `value`. */\nconst niceStep = (value: number): number => {\n  const magnitude = 10 ** Math.floor(Math.log10(value));\n  const step = NICE_STEPS.find((m) => m * magnitude >= value) ?? 10;\n  return step * magnitude;\n};\n\n// Drops the float noise of `start + i * step` (0.30000000000000004).\nconst round = (value: number) => Number(value.toPrecision(12));\n\n/** `colors.length` contiguous ranges with round bounds covering every value. */\nconst evenRanges = (values: number[], colors: string[]): HeatmapColorRange[] => {\n  const finite = values.filter(Number.isFinite);\n  if (finite.length === 0 || colors.length === 0) return [];\n  const min = finite.reduce((a, b) => Math.min(a, b));\n  const max = finite.reduce((a, b) => Math.max(a, b));\n  let step = niceStep((max - min) / colors.length || Math.abs(max) || 1);\n  let start = Math.floor(min / step) * step;\n  // Flooring the start can leave the top value out: take the next round step.\n  while (start + step * colors.length < max) {\n    step = niceStep(step * 1.001);\n    start = Math.floor(min / step) * step;\n  }\n  return colors.map((color, i) => ({\n    from: round(start + step * i),\n    to: round(start + step * (i + 1)),\n    color,\n  }));\n};\n\n/** The range a value falls in; on a bound shared by two ranges, the later one. */\nconst rangeOf = (value: number, ranges: HeatmapColorRange[]) =>\n  [...ranges].reverse().find((range) => value >= range.from && value <= range.to);\n\nconst legendStyle = (position: ChartLegendPosition): CSSProperties => {\n  const column = position === 'left' || position === 'right';\n  return {\n    display: 'flex',\n    flexDirection: column ? 'column' : 'row',\n    flexWrap: 'wrap',\n    gap: column ? '0.375rem' : '0.25rem 1rem',\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n    fontSize: TEXT_SIZE,\n    color: MUTED,\n  };\n};\n\nconst SIDES: Record<ChartLegendPosition, CSSProperties> = {\n  top: { flexDirection: 'column' },\n  bottom: { flexDirection: 'column-reverse' },\n  left: { flexDirection: 'row' },\n  right: { flexDirection: 'row-reverse' },\n};\n\nexport const HeatmapChart = ({\n  series,\n  categories,\n  colors,\n  ranges,\n  formatValue = String,\n  xTitle,\n  yTitle,\n  showValues = false,\n  showLegend = true,\n  legendPosition = 'top',\n  emptyMessage = 'No data',\n  ariaLabel,\n  height = 320,\n  width,\n}: HeatmapChartProps) => {\n  const name = ariaLabel ?? `Heatmap: ${series.map((s) => s.name).join(', ')}`;\n  if (hasNoData(series)) {\n    return <ChartEmpty message={emptyMessage} ariaLabel={name} height={height} width={width} />;\n  }\n  const colorRanges = (\n    ranges ??\n    evenRanges(\n      series.flatMap((s) => s.data),\n      colors ?? SEQUENTIAL\n    )\n  ).map((range) => ({\n    ...range,\n    name: range.name ?? `${formatValue(range.from)} – ${formatValue(range.to)}`,\n  }));\n  const cells = series.flatMap((s, row) =>\n    s.data.flatMap((value, column): HeatCell[] =>\n      Number.isFinite(value)\n        ? [\n            {\n              row,\n              column,\n              color: rangeOf(value, colorRanges)?.color ?? seriesColor(row),\n              title: String(categories[column] ?? column),\n              label: s.name,\n              value: formatValue(value),\n              text: showValues ? formatValue(value) : undefined,\n            },\n          ]\n        : []\n    )\n  );\n  const legend = showLegend && (\n    <ul data-heat-legend=\"\" style={legendStyle(legendPosition)}>\n      {colorRanges.map((range, i) => (\n        <li key={i} style={{ display: 'flex', alignItems: 'center', gap: '0.375rem' }}>\n          <span\n            aria-hidden\n            style={{\n              width: '0.625rem',\n              height: '0.625rem',\n              borderRadius: 3,\n              background: range.color,\n            }}\n          />\n          {range.name}\n        </li>\n      ))}\n    </ul>\n  );\n  return (\n    <div\n      style={{\n        display: 'flex',\n        gap: '1rem',\n        width: width ?? '100%',\n        height,\n        maxWidth: '100%',\n        ...SIDES[legendPosition],\n      }}\n    >\n      {legend}\n      <div style={{ flex: '1 1 0', minWidth: 0, minHeight: 0 }}>\n        <HeatGrid\n          rows={series.map((s) => s.name)}\n          columns={categories.map(String)}\n          cells={cells}\n          ariaLabel={name}\n          xTitle={xTitle}\n          yTitle={yTitle}\n        />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/HeatmapChart.tsx"],"names":[],"mappings":"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","file":"HeatmapChart.js","sourcesContent":["import type { CSSProperties } from 'react';\nimport { TEXT_SIZE } from './core/axes';\nimport { MUTED, SEQUENTIAL, seriesColor } from './core/colors';\nimport { hasNoData } from './core/data';\nimport { ChartEmpty } from './core/frame';\nimport { HeatGrid, type HeatCell } from './core/HeatGrid';\nimport type {\n  ChartAxisTitleProps,\n  ChartEmptyProps,\n  ChartLegendPosition,\n  ChartLegendProps,\n  ChartProps,\n} from './types';\n\nexport type HeatmapColorRange = {\n  /** Lowest value of the range, inclusive. */\n  from: number;\n  /** Highest value of the range, inclusive. A value on a shared bound takes the later range. */\n  to: number;\n  color: string;\n  /** Legend label. Default: `from – to`, formatted with `formatValue`. */\n  name?: string;\n};\n\nexport type HeatmapChartProps = Omit<ChartProps, 'children'> &\n  ChartEmptyProps &\n  ChartLegendProps &\n  ChartAxisTitleProps & {\n    /** One row per series, drawn top to bottom; one value per category. */\n    series: { name: string; data: number[] }[];\n    categories: (string | number)[];\n    /**\n     * Color steps, low to high, spread over the data range in buckets with\n     * round bounds. Default: five steps of the current accent, mixed over the\n     * card.\n     */\n    colors?: string[];\n    /**\n     * Explicit color ranges (thresholds such as OK / WARN / CRIT), which take\n     * precedence over `colors`. Cover every value: a cell outside all ranges\n     * falls back to a series color.\n     */\n    ranges?: HeatmapColorRange[];\n    /** Format the values in the tooltip, the legend and the cells. */\n    formatValue?: (value: number) => string;\n    /** Print each value inside its cell. */\n    showValues?: boolean;\n    /** Show the color legend. Default true. */\n    showLegend?: boolean;\n  };\n\n// Round bucket sizes, × 10^n. Finer than 1-2-5 so that the buckets fit the\n// data instead of leaving the top colors unused.\nconst NICE_STEPS = [1, 2, 2.5, 3, 4, 5, 6, 8, 10];\n\n/** The smallest round bucket size that is at least `value`. */\nconst niceStep = (value: number): number => {\n  const magnitude = 10 ** Math.floor(Math.log10(value));\n  const step = NICE_STEPS.find((m) => m * magnitude >= value) ?? 10;\n  return step * magnitude;\n};\n\n// Drops the float noise of `start + i * step` (0.30000000000000004).\nconst round = (value: number) => Number(value.toPrecision(12));\n\n/** `colors.length` contiguous ranges with round bounds covering every value. */\nconst evenRanges = (values: number[], colors: string[]): HeatmapColorRange[] => {\n  const finite = values.filter(Number.isFinite);\n  if (finite.length === 0 || colors.length === 0) return [];\n  const min = finite.reduce((a, b) => Math.min(a, b));\n  const max = finite.reduce((a, b) => Math.max(a, b));\n  let step = niceStep((max - min) / colors.length || Math.abs(max) || 1);\n  let start = Math.floor(min / step) * step;\n  // Flooring the start can leave the top value out: take the next round step.\n  while (start + step * colors.length < max) {\n    step = niceStep(step * 1.001);\n    start = Math.floor(min / step) * step;\n  }\n  return colors.map((color, i) => ({\n    from: round(start + step * i),\n    to: round(start + step * (i + 1)),\n    color,\n  }));\n};\n\n/** The range a value falls in; on a bound shared by two ranges, the later one. */\nconst rangeOf = (value: number, ranges: HeatmapColorRange[]) =>\n  [...ranges].reverse().find((range) => value >= range.from && value <= range.to);\n\nconst legendStyle = (position: ChartLegendPosition): CSSProperties => {\n  const column = position === 'left' || position === 'right';\n  return {\n    display: 'flex',\n    flexDirection: column ? 'column' : 'row',\n    flexWrap: 'wrap',\n    gap: column ? '0.375rem' : '0.25rem 1rem',\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n    fontSize: TEXT_SIZE,\n    color: MUTED,\n  };\n};\n\nconst SIDES: Record<ChartLegendPosition, CSSProperties> = {\n  top: { flexDirection: 'column' },\n  bottom: { flexDirection: 'column-reverse' },\n  left: { flexDirection: 'row' },\n  right: { flexDirection: 'row-reverse' },\n};\n\nexport const HeatmapChart = ({\n  series,\n  categories,\n  colors,\n  ranges,\n  formatValue = String,\n  xTitle,\n  yTitle,\n  showValues = false,\n  showLegend = true,\n  legendPosition = 'top',\n  emptyMessage = 'No data',\n  ariaLabel,\n  height = 320,\n  width,\n}: HeatmapChartProps) => {\n  const name = ariaLabel ?? `Heatmap: ${series.map((s) => s.name).join(', ')}`;\n  if (hasNoData(series)) {\n    return <ChartEmpty message={emptyMessage} ariaLabel={name} height={height} width={width} />;\n  }\n  const colorRanges = (\n    ranges ??\n    evenRanges(\n      series.flatMap((s) => s.data),\n      colors ?? SEQUENTIAL\n    )\n  ).map((range) => ({\n    ...range,\n    name: range.name ?? `${formatValue(range.from)} – ${formatValue(range.to)}`,\n  }));\n  const cells = series.flatMap((s, row) =>\n    s.data.flatMap((value, column): HeatCell[] =>\n      Number.isFinite(value)\n        ? [\n            {\n              row,\n              column,\n              color: rangeOf(value, colorRanges)?.color ?? seriesColor(row),\n              title: String(categories[column] ?? column),\n              label: s.name,\n              value: formatValue(value),\n              text: showValues ? formatValue(value) : undefined,\n            },\n          ]\n        : []\n    )\n  );\n  const legend = showLegend && (\n    <ul data-heat-legend=\"\" style={legendStyle(legendPosition)}>\n      {colorRanges.map((range, i) => (\n        <li key={i} style={{ display: 'flex', alignItems: 'center', gap: '0.375rem' }}>\n          <span\n            aria-hidden\n            style={{\n              width: '0.625rem',\n              height: '0.625rem',\n              borderRadius: 3,\n              background: range.color,\n            }}\n          />\n          {range.name}\n        </li>\n      ))}\n    </ul>\n  );\n  return (\n    <div\n      style={{\n        // The axes keep their order under `dir=\"rtl\"`, and so do the legend's sides.\n        direction: 'ltr',\n        display: 'flex',\n        gap: '1rem',\n        width: width ?? '100%',\n        height,\n        maxWidth: '100%',\n        ...SIDES[legendPosition],\n      }}\n    >\n      {legend}\n      <div style={{ flex: '1 1 0', minWidth: 0, minHeight: 0 }}>\n        <HeatGrid\n          rows={series.map((s) => s.name)}\n          columns={categories.map(String)}\n          cells={cells}\n          ariaLabel={name}\n          xTitle={xTitle}\n          yTitle={yTitle}\n        />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/LineAreaChart.cjs

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunkZ4LZFMDH_cjs = require('./chunk-Z4LZFMDH.cjs');
-var chunkGZRMVE4X_cjs = require('./chunk-GZRMVE4X.cjs');
+var chunkXUGQ6VXO_cjs = require('./chunk-XUGQ6VXO.cjs');
+var chunkRCDTBZC2_cjs = require('./chunk-RCDTBZC2.cjs');
 var chunkTYQWZR3S_cjs = require('./chunk-TYQWZR3S.cjs');
-var chunkRLHGPHC7_cjs = require('./chunk-RLHGPHC7.cjs');
+var chunkG4WOPX4D_cjs = require('./chunk-G4WOPX4D.cjs');
 var chunkT3K6Q34U_cjs = require('./chunk-T3K6Q34U.cjs');
 var chunkK3R7JGOW_cjs = require('./chunk-K3R7JGOW.cjs');
-var chunk6NRRABPF_cjs = require('./chunk-6NRRABPF.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
 var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
 var react = require('react');
 var recharts = require('recharts');
@@ -35,17 +35,17 @@ var LineAreaChart = ({
   markers = false
 }) => {
   const uid = chunkK3R7JGOW_cjs.safeId(react.useId());
-  const hidden = chunkGZRMVE4X_cjs.useHiddenSeries();
-  const axis = chunkRLHGPHC7_cjs.useAxis();
+  const hidden = chunkRCDTBZC2_cjs.useHiddenSeries();
+  const axis = chunkG4WOPX4D_cjs.useAxis();
   const name = ariaLabel ?? `Area chart: ${series.map((s) => s.name).join(", ")}`;
   if (chunkK3R7JGOW_cjs.hasNoData(series)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
   }
   const legendVisible = showLegend ?? series.length > 1;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     recharts.AreaChart,
     {
-      ...chunk6NRRABPF_cjs.frameProps({ height, width, ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
       data: chunkK3R7JGOW_cjs.toRows(categories, series),
       margin: { top: 4, right: 8, bottom: 0, left: 0 },
       children: [
@@ -53,10 +53,10 @@ var LineAreaChart = ({
           /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: chunkLT3UC65O_cjs.seriesColor(i, colors), stopOpacity: 0.32 }),
           /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: chunkLT3UC65O_cjs.seriesColor(i, colors), stopOpacity: 0 })
         ] }, chunkK3R7JGOW_cjs.seriesKey(i))) }),
-        /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { ...chunkRLHGPHC7_cjs.GRID_PROPS }),
-        /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "category", ...axis, ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle) }),
-        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { width: "auto", tickFormatter: formatValue, ...axis, ...chunkRLHGPHC7_cjs.yAxisTitle(yTitle) }),
-        legendVisible && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { ...chunkGZRMVE4X_cjs.legendProps(legendPosition, hidden) }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { ...chunkG4WOPX4D_cjs.GRID_PROPS }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "category", ...axis, ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle) }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { width: "auto", tickFormatter: formatValue, ...axis, ...chunkG4WOPX4D_cjs.yAxisTitle(yTitle) }),
+        legendVisible && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { ...chunkRCDTBZC2_cjs.legendProps(legendPosition, hidden) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.Tooltip,
           {
@@ -86,7 +86,7 @@ var LineAreaChart = ({
             chunkK3R7JGOW_cjs.seriesKey(i)
           );
         }),
-        chunkZ4LZFMDH_cjs.referenceMarks({ referenceLines, referenceBands }),
+        chunkXUGQ6VXO_cjs.referenceMarks({ referenceLines, referenceBands }),
         children
       ]
     }

package/dist/LineAreaChart.js

@@ -1,11 +1,11 @@
 "use client";
-import { referenceMarks } from './chunk-SGG7XKOY.js';
-import { useHiddenSeries, legendProps } from './chunk-6ALKZLN2.js';
+import { referenceMarks } from './chunk-ESVGCUJN.js';
+import { useHiddenSeries, legendProps } from './chunk-4AKHZNWP.js';
 import { ANIMATION } from './chunk-5C2RLJYZ.js';
-import { useAxis, GRID_PROPS, xAxisTitle, yAxisTitle } from './chunk-RILUG7JB.js';
+import { useAxis, GRID_PROPS, xAxisTitle, yAxisTitle } from './chunk-DI2FBGKM.js';
 import { ChartTooltip } from './chunk-VIOSQN4Z.js';
 import { safeId, hasNoData, seriesKey, toRows } from './chunk-UJIV5PVI.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { seriesColor, BORDER, PANEL } from './chunk-UATB2IRY.js';
 import { useId } from 'react';
 import { AreaChart, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Area } from 'recharts';

package/dist/MixedChart.cjs

@@ -2,14 +2,14 @@
 'use strict';
 
 var chunkGVTMZYOM_cjs = require('./chunk-GVTMZYOM.cjs');
-var chunkZ4LZFMDH_cjs = require('./chunk-Z4LZFMDH.cjs');
-var chunk6BKLL7LZ_cjs = require('./chunk-6BKLL7LZ.cjs');
-var chunkGZRMVE4X_cjs = require('./chunk-GZRMVE4X.cjs');
+var chunkXUGQ6VXO_cjs = require('./chunk-XUGQ6VXO.cjs');
+var chunkXMFBVMW7_cjs = require('./chunk-XMFBVMW7.cjs');
+var chunkRCDTBZC2_cjs = require('./chunk-RCDTBZC2.cjs');
 var chunkTYQWZR3S_cjs = require('./chunk-TYQWZR3S.cjs');
-var chunkRLHGPHC7_cjs = require('./chunk-RLHGPHC7.cjs');
+var chunkG4WOPX4D_cjs = require('./chunk-G4WOPX4D.cjs');
 var chunkT3K6Q34U_cjs = require('./chunk-T3K6Q34U.cjs');
 var chunkK3R7JGOW_cjs = require('./chunk-K3R7JGOW.cjs');
-var chunk6NRRABPF_cjs = require('./chunk-6NRRABPF.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
 var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
 var react = require('react');
 var recharts = require('recharts');
@@ -24,7 +24,7 @@ var rightAxisTitle = (title) => title ? {
     position: "insideRight",
     offset: 4,
     fill: chunkLT3UC65O_cjs.MUTED,
-    style: { fill: chunkLT3UC65O_cjs.MUTED, fontSize: chunkRLHGPHC7_cjs.TEXT_SIZE, textAnchor: "middle" }
+    style: { fill: chunkLT3UC65O_cjs.MUTED, fontSize: chunkG4WOPX4D_cjs.TEXT_SIZE, textAnchor: "middle" }
   }
 } : {};
 var MixedChart = ({
@@ -48,11 +48,11 @@ var MixedChart = ({
   width
 }) => {
   const uid = chunkK3R7JGOW_cjs.safeId(react.useId());
-  const hidden = chunkGZRMVE4X_cjs.useHiddenSeries();
-  const axis = chunkRLHGPHC7_cjs.useAxis();
+  const hidden = chunkRCDTBZC2_cjs.useHiddenSeries();
+  const axis = chunkG4WOPX4D_cjs.useAxis();
   const name = ariaLabel ?? `Mixed chart: ${series.map((s) => s.name).join(", ")}`;
   if (chunkK3R7JGOW_cjs.hasNoData(series)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
   }
   const formatters = { left: formatValue, right: formatRightValue };
   const usedSides = SIDES.filter((side) => series.some((s) => axisOf(s) === side));
@@ -81,7 +81,7 @@ var MixedChart = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     recharts.ComposedChart,
     {
-      ...chunk6NRRABPF_cjs.frameProps({ height, width, ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
       data: chunkK3R7JGOW_cjs.toRows(categories, series),
       ...stackedColumns ? { stackOffset: "sign" } : {},
       margin: { top: 4, right: 8, bottom: 0, left: 0 },
@@ -94,14 +94,14 @@ var MixedChart = ({
             /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: chunkLT3UC65O_cjs.seriesColor(i, colors), stopOpacity: 0 })
           ] }, chunkK3R7JGOW_cjs.seriesKey(i)) : null
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { ...chunkRLHGPHC7_cjs.GRID_PROPS }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { ...chunkG4WOPX4D_cjs.GRID_PROPS }),
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.XAxis,
           {
             dataKey: "category",
             ...axis,
-            ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle),
-            ...chunk6BKLL7LZ_cjs.categoryAxis(categories, xTitle)
+            ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle),
+            ...chunkXMFBVMW7_cjs.categoryAxis(categories, xTitle)
           }
         ),
         sides.map((side) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -112,11 +112,11 @@ var MixedChart = ({
             width: "auto",
             tickFormatter: formatters[side],
             ...axis,
-            ...side === "left" ? chunkRLHGPHC7_cjs.yAxisTitle(yTitle) : rightAxisTitle(yRightTitle)
+            ...side === "left" ? chunkG4WOPX4D_cjs.yAxisTitle(yTitle) : rightAxisTitle(yRightTitle)
           },
           side
         )),
-        (showLegend ?? series.length > 1) && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { ...chunkGZRMVE4X_cjs.legendProps(legendPosition, hidden) }),
+        (showLegend ?? series.length > 1) && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { ...chunkRCDTBZC2_cjs.legendProps(legendPosition, hidden) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.Tooltip,
           {
@@ -183,7 +183,7 @@ var MixedChart = ({
             key
           );
         }),
-        chunkZ4LZFMDH_cjs.referenceMarks({ referenceLines, referenceBands, axisId: sides[0] }),
+        chunkXUGQ6VXO_cjs.referenceMarks({ referenceLines, referenceBands, axisId: sides[0] }),
         children
       ]
     }

package/dist/MixedChart.js

@@ -1,13 +1,13 @@
 "use client";
 import { roundedBarShape, isOuterInStack } from './chunk-GDZLYYL2.js';
-import { referenceMarks } from './chunk-SGG7XKOY.js';
-import { categoryAxis } from './chunk-HMH6DI7U.js';
-import { useHiddenSeries, legendProps } from './chunk-6ALKZLN2.js';
+import { referenceMarks } from './chunk-ESVGCUJN.js';
+import { categoryAxis } from './chunk-YMRNTIOK.js';
+import { useHiddenSeries, legendProps } from './chunk-4AKHZNWP.js';
 import { ANIMATION } from './chunk-5C2RLJYZ.js';
-import { useAxis, GRID_PROPS, xAxisTitle, yAxisTitle, TEXT_SIZE } from './chunk-RILUG7JB.js';
+import { useAxis, GRID_PROPS, xAxisTitle, yAxisTitle, TEXT_SIZE } from './chunk-DI2FBGKM.js';
 import { TooltipCard } from './chunk-VIOSQN4Z.js';
 import { safeId, hasNoData, seriesKey, toRows } from './chunk-UJIV5PVI.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { seriesColor, BORDER, PANEL, MUTED } from './chunk-UATB2IRY.js';
 import { useId } from 'react';
 import { ComposedChart, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Area, Line, Bar } from 'recharts';

package/dist/RadarChart.cjs

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunkGZRMVE4X_cjs = require('./chunk-GZRMVE4X.cjs');
+var chunkRCDTBZC2_cjs = require('./chunk-RCDTBZC2.cjs');
 var chunkIW6EWB26_cjs = require('./chunk-IW6EWB26.cjs');
 var chunkTYQWZR3S_cjs = require('./chunk-TYQWZR3S.cjs');
-var chunkRLHGPHC7_cjs = require('./chunk-RLHGPHC7.cjs');
+var chunkG4WOPX4D_cjs = require('./chunk-G4WOPX4D.cjs');
 var chunkT3K6Q34U_cjs = require('./chunk-T3K6Q34U.cjs');
 var chunkK3R7JGOW_cjs = require('./chunk-K3R7JGOW.cjs');
-var chunk6NRRABPF_cjs = require('./chunk-6NRRABPF.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
 var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -40,11 +40,11 @@ var RadarChart = ({
   height = 340,
   width
 }) => {
-  const hidden = chunkGZRMVE4X_cjs.useHiddenSeries();
+  const hidden = chunkRCDTBZC2_cjs.useHiddenSeries();
   const { ref: box, width: boxWidth } = chunkIW6EWB26_cjs.useElementWidth();
   const name = ariaLabel ?? `Radar chart: ${series.map((s) => s.name).join(", ")}`;
   if (chunkK3R7JGOW_cjs.hasNoData(series)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
   }
   const legendVisible = showLegend ?? series.length > 1;
   const radius = typeof height === "number" && boxWidth ? radarSize({
@@ -56,13 +56,13 @@ var RadarChart = ({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: box, style: { width: width ?? "100%", maxWidth: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     recharts.RadarChart,
     {
-      ...chunk6NRRABPF_cjs.frameProps({ height, width: "100%", ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width: "100%", ariaLabel: name }),
       data: chunkK3R7JGOW_cjs.toRows(categories, series),
       outerRadius: radius,
       margin: { top: 0, right: 0, bottom: 0, left: 0 },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(recharts.PolarGrid, { stroke: chunkLT3UC65O_cjs.GRID }),
-        /* @__PURE__ */ jsxRuntime.jsx(recharts.PolarAngleAxis, { dataKey: "category", tick: chunkRLHGPHC7_cjs.AXIS.tick, tickLine: false }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.PolarAngleAxis, { dataKey: "category", tick: chunkG4WOPX4D_cjs.AXIS.tick, tickLine: false }),
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.PolarRadiusAxis,
           {
@@ -70,11 +70,11 @@ var RadarChart = ({
             domain: [0, max ?? "auto"],
             tickCount: 6,
             tickFormatter: formatValue,
-            tick: showScale ? { fill: chunkLT3UC65O_cjs.MUTED, style: { fontSize: chunkRLHGPHC7_cjs.TEXT_SIZE } } : false,
+            tick: showScale ? { fill: chunkLT3UC65O_cjs.MUTED, style: { fontSize: chunkG4WOPX4D_cjs.TEXT_SIZE } } : false,
             axisLine: false
           }
         ),
-        legendVisible && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { ...chunkGZRMVE4X_cjs.legendProps(legendPosition, hidden) }),
+        legendVisible && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { ...chunkRCDTBZC2_cjs.legendProps(legendPosition, hidden) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.Tooltip,
           {

package/dist/RadarChart.js

@@ -1,11 +1,11 @@
 "use client";
-import { useHiddenSeries, legendProps } from './chunk-6ALKZLN2.js';
+import { useHiddenSeries, legendProps } from './chunk-4AKHZNWP.js';
 import { useElementWidth } from './chunk-AOSO5QHL.js';
 import { ANIMATION } from './chunk-5C2RLJYZ.js';
-import { AXIS, TEXT_SIZE } from './chunk-RILUG7JB.js';
+import { AXIS, TEXT_SIZE } from './chunk-DI2FBGKM.js';
 import { ChartTooltip } from './chunk-VIOSQN4Z.js';
 import { hasNoData, seriesKey, toRows } from './chunk-UJIV5PVI.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { GRID, MUTED, BORDER, seriesColor } from './chunk-UATB2IRY.js';
 import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Legend, Tooltip, Radar } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/RadialBarChart.cjs

@@ -5,7 +5,7 @@ var chunkAAYHG7YK_cjs = require('./chunk-AAYHG7YK.cjs');
 var chunkX3YZP5WF_cjs = require('./chunk-X3YZP5WF.cjs');
 var chunkTYQWZR3S_cjs = require('./chunk-TYQWZR3S.cjs');
 var chunkT3K6Q34U_cjs = require('./chunk-T3K6Q34U.cjs');
-var chunk6NRRABPF_cjs = require('./chunk-6NRRABPF.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
 var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
 var react = require('react');
 var recharts = require('recharts');
@@ -37,7 +37,7 @@ var RadialBarChart = ({
   const [active, setActive] = react.useState();
   const name = ariaLabel ?? `Radial bar chart: ${labels.join(", ")}`;
   if (series.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
   }
   const rings = labels.map((label, i) => ({
     name: label,
@@ -50,7 +50,7 @@ var RadialBarChart = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     recharts.RadialBarChart,
     {
-      ...chunk6NRRABPF_cjs.frameProps({ height, width, ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
       data: rings,
       startAngle: 90,
       endAngle: -270,

package/dist/RadialBarChart.js

@@ -3,7 +3,7 @@ import { percent } from './chunk-OCD6JIIX.js';
 import { CenterText } from './chunk-URNXLVSK.js';
 import { ANIMATION } from './chunk-5C2RLJYZ.js';
 import { TooltipCard } from './chunk-VIOSQN4Z.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { seriesColor, TRACK } from './chunk-UATB2IRY.js';
 import { useState } from 'react';
 import { RadialBarChart as RadialBarChart$1, PolarAngleAxis, PolarRadiusAxis, RadialBar, Tooltip } from 'recharts';

package/dist/RangeBarChart.cjs

@@ -2,13 +2,13 @@
 'use strict';
 
 var chunkF2PMFYJ5_cjs = require('./chunk-F2PMFYJ5.cjs');
-var chunkZ4LZFMDH_cjs = require('./chunk-Z4LZFMDH.cjs');
-var chunkGZRMVE4X_cjs = require('./chunk-GZRMVE4X.cjs');
+var chunkXUGQ6VXO_cjs = require('./chunk-XUGQ6VXO.cjs');
+var chunkRCDTBZC2_cjs = require('./chunk-RCDTBZC2.cjs');
 var chunkTYQWZR3S_cjs = require('./chunk-TYQWZR3S.cjs');
-var chunkRLHGPHC7_cjs = require('./chunk-RLHGPHC7.cjs');
+var chunkG4WOPX4D_cjs = require('./chunk-G4WOPX4D.cjs');
 var chunkT3K6Q34U_cjs = require('./chunk-T3K6Q34U.cjs');
 var chunkK3R7JGOW_cjs = require('./chunk-K3R7JGOW.cjs');
-var chunk6NRRABPF_cjs = require('./chunk-6NRRABPF.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
 var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -71,7 +71,7 @@ var SeriesLegend = ({
   hidden,
   onToggle,
   column
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkGZRMVE4X_cjs.ChartLegend, { payload: entries, hidden, onToggle, column });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkRCDTBZC2_cjs.ChartLegend, { payload: entries, hidden, onToggle, column });
 var RangeBarChart = ({
   series,
   groupRows = false,
@@ -89,12 +89,12 @@ var RangeBarChart = ({
   height = 320,
   width
 }) => {
-  const hidden = chunkGZRMVE4X_cjs.useHiddenSeries();
-  const axis = chunkRLHGPHC7_cjs.useAxis();
+  const hidden = chunkRCDTBZC2_cjs.useHiddenSeries();
+  const axis = chunkG4WOPX4D_cjs.useAxis();
   const categoryKeys = chunkF2PMFYJ5_cjs.useCategoryKeys("vertical");
   const name = ariaLabel ?? `Range chart: ${series.map((s) => s.name).join(", ")}`;
   if (chunkK3R7JGOW_cjs.hasNoData(series)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
   }
   const categories = [...new Set(series.flatMap((s) => s.data.map((p) => p.x)))];
   const all = series.flatMap((s) => s.data.flatMap((p) => p.y));
@@ -137,7 +137,7 @@ var RangeBarChart = ({
     recharts.BarChart,
     {
       ref: categoryKeys,
-      ...chunk6NRRABPF_cjs.frameProps({ height, width, ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
       data: rows,
       layout: "vertical",
       margin: { top: 4, right: 16, bottom: 0, left: 0 },
@@ -153,14 +153,14 @@ var RangeBarChart = ({
             ticks,
             tickFormatter: tickLabel,
             ...axis,
-            ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle)
+            ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle)
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { type: "category", dataKey: "category", width: "auto", ...axis, ...chunkRLHGPHC7_cjs.yAxisTitle(yTitle) }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { type: "category", dataKey: "category", width: "auto", ...axis, ...chunkG4WOPX4D_cjs.yAxisTitle(yTitle) }),
         (showLegend ?? series.length > 1) && /* @__PURE__ */ jsxRuntime.jsx(
           recharts.Legend,
           {
-            ...chunkGZRMVE4X_cjs.legendProps(legendPosition, hidden),
+            ...chunkRCDTBZC2_cjs.legendProps(legendPosition, hidden),
             content: /* @__PURE__ */ jsxRuntime.jsx(
               SeriesLegend,
               {
@@ -206,7 +206,7 @@ var RangeBarChart = ({
           },
           chunkK3R7JGOW_cjs.seriesKey(index)
         )),
-        chunkZ4LZFMDH_cjs.referenceMarks({ referenceLines, referenceBands, axis: "x" }),
+        chunkXUGQ6VXO_cjs.referenceMarks({ referenceLines, referenceBands, axis: "x" }),
         children
       ]
     }

package/dist/RangeBarChart.js

@@ -1,12 +1,12 @@
 "use client";
 import { useCategoryKeys } from './chunk-FUZW3H5X.js';
-import { referenceMarks } from './chunk-SGG7XKOY.js';
-import { useHiddenSeries, legendProps, ChartLegend } from './chunk-6ALKZLN2.js';
+import { referenceMarks } from './chunk-ESVGCUJN.js';
+import { useHiddenSeries, legendProps, ChartLegend } from './chunk-4AKHZNWP.js';
 import { ANIMATION } from './chunk-5C2RLJYZ.js';
-import { useAxis, xAxisTitle, yAxisTitle } from './chunk-RILUG7JB.js';
+import { useAxis, xAxisTitle, yAxisTitle } from './chunk-DI2FBGKM.js';
 import { TooltipCard } from './chunk-VIOSQN4Z.js';
 import { hasNoData, seriesKey } from './chunk-UJIV5PVI.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { GRID, BORDER, seriesColor } from './chunk-UATB2IRY.js';
 import { BarChart, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Bar } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';