@sckyzo/cosmos-charts 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to `@sckyzo/cosmos-charts` are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.4.0](https://github.com/SckyzO/cosmos/compare/@sckyzo/cosmos-charts@0.3.1...@sckyzo/cosmos-charts@0.4.0) (2026-10-30)
+
+
+### Documentation
+
+* **charts:** add the `@source` line to the install steps ([80f1687](https://github.com/SckyzO/cosmos/commit/80f16872bb9e68ad13924034a15eb6d2a123695b))
+
+## [0.3.1](https://github.com/SckyzO/cosmos/compare/@sckyzo/cosmos-charts@0.3.0...@sckyzo/cosmos-charts@0.3.1) (2026-10-30)
+
+
+### Bug Fixes
+
+* **charts:** keep the charts left to right under dir=rtl ([d9c5d80](https://github.com/SckyzO/cosmos/commit/d9c5d806a6f3718b369719ed8198681ea4116c35))
+
 ## [0.3.0](https://github.com/SckyzO/cosmos/compare/@sckyzo/cosmos-charts@0.2.0...@sckyzo/cosmos-charts@0.3.0) (2026-10-27)
 
 

package/README.md

@@ -15,6 +15,17 @@ pnpm add @sckyzo/cosmos-charts
 pnpm add react react-dom   # peers, react 19+
 ```
 
+A few charts carry Tailwind 4 classes: the legend's focus ring, the calendar's shades in a dark
+theme. Point Tailwind at this package too, in the CSS file that imports it, next to the `@source`
+line for `@sckyzo/cosmos-react`. Without it, those classes are not generated.
+
+```css
+@source '../node_modules/@sckyzo/cosmos-charts/dist/**/*.{js,cjs}';
+```
+
+From 0.4.0, the three Cosmos packages share one version number: install the same version of
+`@sckyzo/cosmos-charts` as of `@sckyzo/cosmos-react` and `@sckyzo/cosmos-theme`.
+
 ## How the charts are drawn
 
 Every chart is drawn with Recharts, except `HeatmapChart` and `FunnelChart`, drawn in HTML and SVG (Recharts has no heatmap, and its bars cannot be joined by a flow), and `WorldMap`, an SVG of its own (Recharts has no map). The rules every chart follows:
@@ -96,7 +107,7 @@ The scale has five steps of the accent, cut by quantiles of the values so that e
 
 `RadarChart` draws its polygons as large as its box allows and leaves the scale (0, 20 … 100) off them unless given `showScale`. `DonutChart` writes the total in the middle, and the value and name of the slice under the pointer in its place (`centerValue` and `centerLabel` replace the sum and "Total"; `variant="pie"` fills the disc and writes nothing in it; `legendValues` adds each slice's value and its share, in whole percents that add up to 100, to the legend, in columns when the legend is on a side); `RadialBarChart` does the same with the average and the ring.
 
-The charts that draw a legend take `legendPosition` (`top`, `right`, `bottom` or `left`): the legend sits above the plot by default, below the donut on `DonutChart`.
+The charts that draw a legend take `legendPosition` (`top`, `right`, `bottom` or `left`): the legend sits above the plot by default, below the donut on `DonutChart`. `left` and `right` are the sides of the screen, not of the line: a chart keeps its left-to-right axis in a right-to-left page, and its legend stays where you put it.
 
 A chart with no series, or only empty ones, draws `emptyMessage` (default `No data`, an empty string for nothing) in place of the plot. The gauges, which always have a value, and `RealtimeChart`, which fills its own window, have no such prop.
 

package/dist/BarChart.cjs

@@ -3,14 +3,14 @@
 
 var chunkGVTMZYOM_cjs = require('./chunk-GVTMZYOM.cjs');
 var chunkF2PMFYJ5_cjs = require('./chunk-F2PMFYJ5.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 recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -38,12 +38,12 @@ var BarChart = ({
   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(orientation === "horizontal" ? "vertical" : "horizontal");
   const name = ariaLabel ?? `Bar 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 horizontal = orientation === "horizontal";
   const layout = horizontal ? "vertical" : "horizontal";
@@ -53,7 +53,7 @@ var BarChart = ({
     recharts.BarChart,
     {
       ref: categoryKeys,
-      ...chunk6NRRABPF_cjs.frameProps({ height, width, ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
       data: chunkK3R7JGOW_cjs.toRows(categories, series),
       layout,
       stackOffset: "sign",
@@ -64,21 +64,21 @@ var BarChart = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.CartesianGrid,
           {
-            ...chunkRLHGPHC7_cjs.GRID_PROPS,
+            ...chunkG4WOPX4D_cjs.GRID_PROPS,
             ...horizontal ? { horizontal: false, vertical: true } : {}
           }
         ),
         horizontal ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { type: "number", tickFormatter: formatValue, ...axis, ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle) }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { type: "number", tickFormatter: formatValue, ...axis, ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             recharts.YAxis,
             {
               type: "category",
               dataKey: "category",
               width: "auto",
-              tickFormatter: chunk6BKLL7LZ_cjs.trimLabel,
+              tickFormatter: chunkXMFBVMW7_cjs.trimLabel,
               ...axis,
-              ...chunkRLHGPHC7_cjs.yAxisTitle(yTitle)
+              ...chunkG4WOPX4D_cjs.yAxisTitle(yTitle)
             }
           )
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -87,13 +87,13 @@ var BarChart = ({
             {
               dataKey: "category",
               ...axis,
-              ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle),
-              ...chunk6BKLL7LZ_cjs.categoryAxis(categories, xTitle)
+              ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle),
+              ...chunkXMFBVMW7_cjs.categoryAxis(categories, xTitle)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { width: "auto", tickFormatter: formatValue, ...axis, ...chunkRLHGPHC7_cjs.yAxisTitle(yTitle) })
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { width: "auto", tickFormatter: formatValue, ...axis, ...chunkG4WOPX4D_cjs.yAxisTitle(yTitle) })
         ] }),
-        (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,
           {
@@ -125,7 +125,7 @@ var BarChart = ({
             key
           );
         }),
-        chunkZ4LZFMDH_cjs.referenceMarks({ referenceLines, referenceBands, axis: horizontal ? "x" : "y" }),
+        chunkXUGQ6VXO_cjs.referenceMarks({ referenceLines, referenceBands, axis: horizontal ? "x" : "y" }),
         children
       ]
     }

package/dist/BarChart.js

@@ -1,14 +1,14 @@
 "use client";
 import { roundedBarShape, isOuterInStack } from './chunk-GDZLYYL2.js';
 import { useCategoryKeys } from './chunk-FUZW3H5X.js';
-import { referenceMarks } from './chunk-SGG7XKOY.js';
-import { trimLabel, categoryAxis } from './chunk-HMH6DI7U.js';
-import { useHiddenSeries, legendProps } from './chunk-6ALKZLN2.js';
+import { referenceMarks } from './chunk-ESVGCUJN.js';
+import { trimLabel, categoryAxis } from './chunk-YMRNTIOK.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 { hasNoData, seriesKey, toRows } from './chunk-UJIV5PVI.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { BORDER, seriesColor } from './chunk-UATB2IRY.js';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Bar } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/BoxPlotChart.cjs

@@ -2,14 +2,14 @@
 'use strict';
 
 var chunkF2PMFYJ5_cjs = require('./chunk-F2PMFYJ5.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 recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -80,12 +80,12 @@ var BoxPlotChart = ({
   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(orientation === "horizontal" ? "vertical" : "horizontal");
   const name = ariaLabel ?? `Box plot: ${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 horizontal = orientation === "horizontal";
   const rows = categories.map((category, i) => ({
@@ -122,7 +122,7 @@ var BoxPlotChart = ({
     recharts.BarChart,
     {
       ref: categoryKeys,
-      ...chunk6NRRABPF_cjs.frameProps({ height, width, ariaLabel: name }),
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
       data: rows,
       layout: horizontal ? "vertical" : "horizontal",
       margin: { top: 4, right: 12, bottom: 0, left: 0 },
@@ -132,7 +132,7 @@ var BoxPlotChart = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           recharts.CartesianGrid,
           {
-            ...chunkRLHGPHC7_cjs.GRID_PROPS,
+            ...chunkG4WOPX4D_cjs.GRID_PROPS,
             ...horizontal ? { horizontal: false, vertical: true } : {}
           }
         ),
@@ -144,7 +144,7 @@ var BoxPlotChart = ({
               domain: ["auto", "auto"],
               tickFormatter: formatValue,
               ...axis,
-              ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle)
+              ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -153,9 +153,9 @@ var BoxPlotChart = ({
               type: "category",
               dataKey: "category",
               width: "auto",
-              tickFormatter: chunk6BKLL7LZ_cjs.trimLabel,
+              tickFormatter: chunkXMFBVMW7_cjs.trimLabel,
               ...axis,
-              ...chunkRLHGPHC7_cjs.yAxisTitle(yTitle)
+              ...chunkG4WOPX4D_cjs.yAxisTitle(yTitle)
             }
           )
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -164,8 +164,8 @@ var BoxPlotChart = ({
             {
               dataKey: "category",
               ...axis,
-              ...chunkRLHGPHC7_cjs.xAxisTitle(xTitle),
-              ...chunk6BKLL7LZ_cjs.categoryAxis(categories, xTitle)
+              ...chunkG4WOPX4D_cjs.xAxisTitle(xTitle),
+              ...chunkXMFBVMW7_cjs.categoryAxis(categories, xTitle)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -176,11 +176,11 @@ var BoxPlotChart = ({
               width: "auto",
               tickFormatter: formatValue,
               ...axis,
-              ...chunkRLHGPHC7_cjs.yAxisTitle(yTitle)
+              ...chunkG4WOPX4D_cjs.yAxisTitle(yTitle)
             }
           )
         ] }),
-        (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,
           {
@@ -202,7 +202,7 @@ var BoxPlotChart = ({
           },
           chunkK3R7JGOW_cjs.seriesKey(index)
         )),
-        chunkZ4LZFMDH_cjs.referenceMarks({ referenceLines, referenceBands, axis: horizontal ? "x" : "y" }),
+        chunkXUGQ6VXO_cjs.referenceMarks({ referenceLines, referenceBands, axis: horizontal ? "x" : "y" }),
         children
       ]
     }

package/dist/BoxPlotChart.js

@@ -1,13 +1,13 @@
 "use client";
 import { useCategoryKeys } from './chunk-FUZW3H5X.js';
-import { referenceMarks } from './chunk-SGG7XKOY.js';
-import { trimLabel, categoryAxis } from './chunk-HMH6DI7U.js';
-import { useHiddenSeries, legendProps } from './chunk-6ALKZLN2.js';
+import { referenceMarks } from './chunk-ESVGCUJN.js';
+import { trimLabel, categoryAxis } from './chunk-YMRNTIOK.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 { 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 { BORDER, seriesColor } from './chunk-UATB2IRY.js';
 import { BarChart, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Bar } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/BumpChart.cjs

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunk6BKLL7LZ_cjs = require('./chunk-6BKLL7LZ.cjs');
+var chunkXMFBVMW7_cjs = require('./chunk-XMFBVMW7.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 react = require('react');
 var recharts = require('recharts');
@@ -136,7 +136,7 @@ var BumpChart = ({
     [periods, plotted]
   );
   if (chunkK3R7JGOW_cjs.hasNoData(series) || periods.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 compact = measured !== void 0 && measured < COMPACT_BELOW;
   const chars = compact ? NAME_CHARS.compact : NAME_CHARS.wide;
@@ -272,11 +272,11 @@ var BumpChart = ({
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         recharts.LineChart,
         {
-          ...chunk6NRRABPF_cjs.frameProps({ height, width: "100%", ariaLabel: name }),
+          ...chunkSR2ESX3R_cjs.frameProps({ height, width: "100%", ariaLabel: name }),
           data: rows,
           margin,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "category", ...chunkRLHGPHC7_cjs.AXIS, ...chunk6BKLL7LZ_cjs.categoryAxis(periods) }),
+            /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "category", ...chunkG4WOPX4D_cjs.AXIS, ...chunkXMFBVMW7_cjs.categoryAxis(periods) }),
             /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { hide: true, type: "number", reversed: true, domain }),
             /* @__PURE__ */ jsxRuntime.jsx(
               recharts.Tooltip,

package/dist/BumpChart.js

@@ -1,11 +1,11 @@
 "use client";
-import { categoryAxis } from './chunk-HMH6DI7U.js';
+import { categoryAxis } from './chunk-YMRNTIOK.js';
 import { useElementWidth } from './chunk-AOSO5QHL.js';
 import { ANIMATION } from './chunk-5C2RLJYZ.js';
-import { AXIS } from './chunk-RILUG7JB.js';
+import { AXIS } from './chunk-DI2FBGKM.js';
 import { TooltipCard } from './chunk-VIOSQN4Z.js';
 import { seriesKey, hasNoData } from './chunk-UJIV5PVI.js';
-import { ChartEmpty, frameProps } from './chunk-3N43QT36.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
 import { BORDER, seriesColor, MUTED, PANEL, TEXT } from './chunk-UATB2IRY.js';
 import { useState, useMemo } from 'react';
 import { LineChart, XAxis, YAxis, Tooltip, Line } from 'recharts';

package/dist/CalendarChart.cjs

@@ -1,11 +1,11 @@
 "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 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');
 
@@ -96,7 +96,7 @@ var CalendarChart = ({
   const name = ariaLabel ?? "Calendar chart";
   const days = collectDays(data);
   if (!days) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height: EMPTY_HEIGHT, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height: EMPTY_HEIGHT, width });
   }
   const given = {
     from: from === void 0 ? void 0 : parseDay(from),
@@ -107,7 +107,7 @@ var CalendarChart = ({
   const end = given.to ?? (calendar ? dayOf(partsOf(days.last).year, 11, 31) : days.last);
   const blocks = calendar ? yearSpans(start, end) : end >= start ? [{ year: void 0, from: start, to: end }] : [];
   if (blocks.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6NRRABPF_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height: EMPTY_HEIGHT, width });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height: EMPTY_HEIGHT, width });
   }
   const month = new Intl.DateTimeFormat(locale, { month: "short", timeZone: "UTC" });
   const date = new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" });
@@ -145,6 +145,8 @@ var CalendarChart = ({
     {
       className: chunkLT3UC65O_cjs.CALENDAR_DARK_CLASS,
       style: {
+        // Time keeps its order under `dir="rtl"`, as a chart's axis does.
+        direction: "ltr",
         display: "flex",
         flexDirection: "column",
         gap: "0.75rem",
@@ -152,14 +154,14 @@ var CalendarChart = ({
         width: width ?? "fit-content",
         maxWidth: "100%",
         minWidth: 0,
-        fontSize: chunkRLHGPHC7_cjs.TEXT_SIZE,
+        fontSize: chunkG4WOPX4D_cjs.TEXT_SIZE,
         color: chunkLT3UC65O_cjs.MUTED
       },
       children: [
         grids.map(({ block, metrics: m, columns, cells, label }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-calendar-block": "", style: { minWidth: 0 }, children: [
           blocks.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 0.25rem", fontWeight: 600, color: chunkLT3UC65O_cjs.TEXT }, children: block.year }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkTPH5T3DA_cjs.HeatGrid,
+            chunkZWHCUYIN_cjs.HeatGrid,
             {
               rows,
               columns,

package/dist/CalendarChart.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/calendarGrid.ts","../src/CalendarChart.tsx"],"names":["jsx","ChartEmpty","CALENDAR_STEPS","metrics","jsxs","CALENDAR_DARK_CLASS","TEXT_SIZE","MUTED","TEXT","HeatGrid"],"mappings":"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","file":"CalendarChart.cjs","sourcesContent":["// The date maths of `CalendarChart`. A day is a whole number: the days since\n// 1970-01-01 in UTC, so nothing here reads the time zone of the machine or the\n// date of today.\n\nexport const DAY_MS = 86_400_000;\n\n/** The weekday a week starts on: 0 is Sunday, 1 is Monday. */\nexport type WeekStart = 0 | 1;\n\nconst mod = (n: number, by: number) => ((n % by) + by) % by;\n\n/** The day number of an ISO date (`2026-03-14`), or `undefined` when it is not a real date. */\nexport const parseDay = (iso: string): number | undefined => {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!match) return undefined;\n  const [year, month, date] = [Number(match[1]), Number(match[2]), Number(match[3])];\n  const time = Date.UTC(year, month - 1, date);\n  const check = new Date(time);\n  // `Date.UTC` rolls 02-30 over to 03-02: a date that moved is not a date.\n  return check.getUTCFullYear() === year &&\n    check.getUTCMonth() === month - 1 &&\n    check.getUTCDate() === date\n    ? time / DAY_MS\n    : undefined;\n};\n\n/** The day number of a date: `month` is 0 to 11. */\nexport const dayOf = (year: number, month: number, date: number): number =>\n  Date.UTC(year, month, date) / DAY_MS;\n\n/** The ISO date of a day number. */\nexport const formatDay = (day: number): string => new Date(day * DAY_MS).toISOString().slice(0, 10);\n\n/** The weekday of a day number, 0 (Sunday) to 6. 1970-01-01 was a Thursday. */\nexport const weekdayOf = (day: number): number => mod(day + 4, 7);\n\n/** The year, month (0 to 11) and day of the month of a day number. */\nexport const partsOf = (day: number) => {\n  const date = new Date(day * DAY_MS);\n  return { year: date.getUTCFullYear(), month: date.getUTCMonth(), date: date.getUTCDate() };\n};\n\n/** The row of a day in a week that starts on `weekStart`: 0 for the first day of the week. */\nexport const rowOf = (day: number, weekStart: WeekStart): number =>\n  mod(weekdayOf(day) - weekStart, 7);\n\nexport type GridDay = { day: number; row: number; column: number };\n\nexport type WeekGrid = {\n  /** The first day of the first column: on or before `from`. */\n  start: number;\n  /** The number of columns. 0 when the range is empty. */\n  weeks: number;\n  /** Every day of the range, in order. The slots before `from` and after `to` have no day. */\n  days: GridDay[];\n};\n\n/** The days from `from` to `to` (inclusive) laid out as weeks in columns and weekdays in rows. */\nexport const weekGrid = (from: number, to: number, weekStart: WeekStart): WeekGrid => {\n  if (to < from) return { start: from, weeks: 0, days: [] };\n  const start = from - rowOf(from, weekStart);\n  const days = Array.from({ length: to - from + 1 }, (_, i): GridDay => {\n    const day = from + i;\n    return { day, row: rowOf(day, weekStart), column: Math.floor((day - start) / 7) };\n  });\n  return { start, weeks: Math.floor((to - start) / 7) + 1, days };\n};\n\nexport type YearSpan = { year: number; from: number; to: number };\n\n/** `from` to `to` cut at the turn of each year: one block of the `calendar` layout per span. */\nexport const yearSpans = (from: number, to: number): YearSpan[] => {\n  const spans: YearSpan[] = [];\n  if (to < from) return spans;\n  for (let year = partsOf(from).year; year <= partsOf(to).year; year++) {\n    spans.push({\n      year,\n      from: Math.max(from, dayOf(year, 0, 1)),\n      to: Math.min(to, dayOf(year, 11, 31)),\n    });\n  }\n  return spans;\n};\n\nexport type MonthMark = { column: number; month: number };\n\n// Room a month name needs, in columns: two months closer than this would\n// print over each other.\nconst MIN_MARK_GAP = 3;\n\n/**\n * Where the month names go: above the first full week of each month, that is\n * the first column whose first day falls in the first seven days of the\n * month. A range that starts in the middle of a month also names that month\n * above its first column, unless the next name is too close to leave room.\n */\nexport const monthMarks = (grid: WeekGrid): MonthMark[] => {\n  if (grid.weeks === 0) return [];\n  const marks: MonthMark[] = [];\n  for (let column = 0; column < grid.weeks; column++) {\n    const { month, date } = partsOf(grid.start + column * 7);\n    if (date <= 7) marks.push({ column, month });\n  }\n  const first = grid.days[0];\n  const leading = partsOf(first.day).month;\n  const next = marks[0];\n  if (!next || (next.month !== leading && next.column >= MIN_MARK_GAP)) {\n    marks.unshift({ column: 0, month: leading });\n  }\n  return marks;\n};\n\n/** The 0-based step a value takes on the scale: 0 is empty, 1 to `steps` split `(0, max]` evenly. */\nexport const stepOf = (value: number, max: number, steps = 4): number =>\n  !(value > 0) || !(max > 0) ? 0 : Math.min(steps, Math.max(1, Math.ceil((value / max) * steps)));\n\n/** How big the cells are: a short range gets larger ones, a long one fits more weeks on screen. */\nexport const cellMetrics = (weeks: number) =>\n  weeks <= 26 ? { size: 18, gap: 4, radius: 4 } : { size: 12, gap: 3, radius: 3 };\n\nexport type DayValues = {\n  /** The summed value of each valid day. */\n  values: Map<number, number>;\n  first: number;\n  last: number;\n};\n\n/** The valid days of `data` by day number, a day listed twice summed. `undefined` when none is valid. */\nexport const collectDays = (\n  data: readonly { day: string; value: number }[]\n): DayValues | undefined => {\n  const values = new Map<number, number>();\n  for (const { day, value } of data) {\n    const n = parseDay(day);\n    if (n === undefined || !Number.isFinite(value)) continue;\n    values.set(n, (values.get(n) ?? 0) + value);\n  }\n  if (values.size === 0) return undefined;\n  const days = [...values.keys()];\n  return { values, first: Math.min(...days), last: Math.max(...days) };\n};\n","import { TEXT_SIZE } from './core/axes';\nimport { CALENDAR_DARK_CLASS, CALENDAR_STEPS, MUTED, TEXT } from './core/colors';\nimport { ChartEmpty } from './core/frame';\nimport { HeatGrid, type HeatCell } from './core/HeatGrid';\nimport {\n  cellMetrics,\n  collectDays,\n  DAY_MS,\n  dayOf,\n  monthMarks,\n  parseDay,\n  partsOf,\n  stepOf,\n  weekGrid,\n  yearSpans,\n  type WeekStart,\n} from './calendarGrid';\nimport type { ChartEmptyProps, ChartProps } from './types';\n\nexport type CalendarDay = {\n  /** The date, `YYYY-MM-DD`. A day listed twice adds up; anything else is ignored. */\n  day: string;\n  value: number;\n};\n\nexport type CalendarChartProps = Omit<ChartProps, 'children' | 'height'> &\n  ChartEmptyProps & {\n    data: CalendarDay[];\n    /**\n     * First day shown, `YYYY-MM-DD`. Default: the first day of the earliest\n     * year of `data` in the `calendar` layout, the earliest day in `range`.\n     */\n    from?: string;\n    /** Last day shown, `YYYY-MM-DD`. Default: the end of the latest year, or the latest day in `range`. */\n    to?: string;\n    /**\n     * `calendar` draws one block per year, with the months named above their\n     * first full week. `range` draws one continuous grid from `from` to `to`,\n     * with larger cells when the range is short. Default `calendar`.\n     */\n    layout?: 'calendar' | 'range';\n    /** The weekday a week starts on: 1 for Monday (default), 0 for Sunday. */\n    weekStart?: WeekStart;\n    /** Format the value in the tooltip and in the name of each day. */\n    formatValue?: (value: number) => string;\n    /** Text at the low end of the scale under the grid. Default `Less`. */\n    lessLabel?: string;\n    /** Text at the high end of the scale under the grid. Default `More`. */\n    moreLabel?: string;\n    /** The language of the month, weekday and date names (BCP 47). Default `en-US`. */\n    locale?: string;\n  };\n\n// Height of the empty state, which has no grid to take one from.\nconst EMPTY_HEIGHT = 120;\n\n// Tuesday, Thursday and the weekend carry no name: a name every second row\n// leaves each one room.\nconst NAMED_WEEKDAYS = [1, 3, 5];\n\ntype Block = { year: number | undefined; from: number; to: number };\n\nexport const CalendarChart = ({\n  data,\n  from,\n  to,\n  layout = 'calendar',\n  weekStart = 1,\n  formatValue = String,\n  locale = 'en-US',\n  lessLabel = 'Less',\n  moreLabel = 'More',\n  emptyMessage = 'No data',\n  ariaLabel,\n  width,\n}: CalendarChartProps) => {\n  const name = ariaLabel ?? 'Calendar chart';\n  const days = collectDays(data);\n  if (!days) {\n    return (\n      <ChartEmpty message={emptyMessage} ariaLabel={name} height={EMPTY_HEIGHT} width={width} />\n    );\n  }\n  const given = {\n    from: from === undefined ? undefined : parseDay(from),\n    to: to === undefined ? undefined : parseDay(to),\n  };\n  const calendar = layout === 'calendar';\n  const start = given.from ?? (calendar ? dayOf(partsOf(days.first).year, 0, 1) : days.first);\n  const end = given.to ?? (calendar ? dayOf(partsOf(days.last).year, 11, 31) : days.last);\n  const blocks: Block[] = calendar\n    ? yearSpans(start, end)\n    : end >= start\n      ? [{ year: undefined, from: start, to: end }]\n      : [];\n  if (blocks.length === 0) {\n    return (\n      <ChartEmpty message={emptyMessage} ariaLabel={name} height={EMPTY_HEIGHT} width={width} />\n    );\n  }\n\n  const month = new Intl.DateTimeFormat(locale, { month: 'short', timeZone: 'UTC' });\n  const date = new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeZone: 'UTC' });\n  const weekday = new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' });\n  const monthName = (m: number) => month.format(Date.UTC(2024, m, 1));\n  // 2024-01-07 was a Sunday.\n  const weekdayName = (d: number) => weekday.format(Date.UTC(2024, 0, 7 + d));\n  const rows = Array.from({ length: 7 }, (_, row) => {\n    const d = (row + weekStart) % 7;\n    return NAMED_WEEKDAYS.includes(d) ? weekdayName(d) : '';\n  });\n\n  // One scale for every block, so two years compare.\n  const max = Math.max(0, ...days.values.values());\n  const color = (value: number) => CALENDAR_STEPS[stepOf(value, max)];\n\n  const grids = blocks.map((block) => {\n    const grid = weekGrid(block.from, block.to, weekStart);\n    const metrics = cellMetrics(grid.weeks);\n    const columns = Array.from({ length: grid.weeks }, () => '');\n    for (const mark of monthMarks(grid)) columns[mark.column] = monthName(mark.month);\n    const cells = grid.days.map((d): HeatCell => {\n      const value = days.values.get(d.day) ?? 0;\n      return {\n        row: d.row,\n        column: d.column,\n        color: color(value),\n        title: date.format(d.day * DAY_MS),\n        label: '',\n        value: formatValue(value),\n      };\n    });\n    const label = block.year !== undefined && blocks.length > 1 ? `${name}, ${block.year}` : name;\n    return { block, grid, metrics, columns, cells, label };\n  });\n\n  const metrics = grids[0].metrics;\n  return (\n    <div\n      className={CALENDAR_DARK_CLASS}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '0.75rem',\n        // As wide as the grid, so the scale lines up with its right edge.\n        width: width ?? 'fit-content',\n        maxWidth: '100%',\n        minWidth: 0,\n        fontSize: TEXT_SIZE,\n        color: MUTED,\n      }}\n    >\n      {grids.map(({ block, metrics: m, columns, cells, label }) => (\n        <div key={block.year ?? 'range'} data-calendar-block=\"\" style={{ minWidth: 0 }}>\n          {blocks.length > 1 && (\n            <p style={{ margin: '0 0 0.25rem', fontWeight: 600, color: TEXT }}>{block.year}</p>\n          )}\n          <HeatGrid\n            rows={rows}\n            columns={columns}\n            cells={cells}\n            cellHeight={m.size}\n            columnWidth={m.size}\n            gap={m.gap}\n            cellRadius={m.radius}\n            labelsAbove\n            thinLabels={false}\n            ariaLabel={label}\n          />\n        </div>\n      ))}\n      <div\n        data-calendar-legend=\"\"\n        aria-hidden\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          // The grid sits in a box padded by 3px, room for its focus rings.\n          paddingRight: 3,\n          gap: metrics.gap,\n        }}\n      >\n        <span style={{ marginRight: 4 }}>{lessLabel}</span>\n        {CALENDAR_STEPS.map((step, i) => (\n          <span\n            key={i}\n            data-calendar-step=\"\"\n            style={{\n              width: metrics.size,\n              height: metrics.size,\n              borderRadius: metrics.radius,\n              background: step,\n            }}\n          />\n        ))}\n        <span style={{ marginLeft: 4 }}>{moreLabel}</span>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/calendarGrid.ts","../src/CalendarChart.tsx"],"names":["jsx","ChartEmpty","CALENDAR_STEPS","metrics","jsxs","CALENDAR_DARK_CLASS","TEXT_SIZE","MUTED","TEXT","HeatGrid"],"mappings":"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","file":"CalendarChart.cjs","sourcesContent":["// The date maths of `CalendarChart`. A day is a whole number: the days since\n// 1970-01-01 in UTC, so nothing here reads the time zone of the machine or the\n// date of today.\n\nexport const DAY_MS = 86_400_000;\n\n/** The weekday a week starts on: 0 is Sunday, 1 is Monday. */\nexport type WeekStart = 0 | 1;\n\nconst mod = (n: number, by: number) => ((n % by) + by) % by;\n\n/** The day number of an ISO date (`2026-03-14`), or `undefined` when it is not a real date. */\nexport const parseDay = (iso: string): number | undefined => {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!match) return undefined;\n  const [year, month, date] = [Number(match[1]), Number(match[2]), Number(match[3])];\n  const time = Date.UTC(year, month - 1, date);\n  const check = new Date(time);\n  // `Date.UTC` rolls 02-30 over to 03-02: a date that moved is not a date.\n  return check.getUTCFullYear() === year &&\n    check.getUTCMonth() === month - 1 &&\n    check.getUTCDate() === date\n    ? time / DAY_MS\n    : undefined;\n};\n\n/** The day number of a date: `month` is 0 to 11. */\nexport const dayOf = (year: number, month: number, date: number): number =>\n  Date.UTC(year, month, date) / DAY_MS;\n\n/** The ISO date of a day number. */\nexport const formatDay = (day: number): string => new Date(day * DAY_MS).toISOString().slice(0, 10);\n\n/** The weekday of a day number, 0 (Sunday) to 6. 1970-01-01 was a Thursday. */\nexport const weekdayOf = (day: number): number => mod(day + 4, 7);\n\n/** The year, month (0 to 11) and day of the month of a day number. */\nexport const partsOf = (day: number) => {\n  const date = new Date(day * DAY_MS);\n  return { year: date.getUTCFullYear(), month: date.getUTCMonth(), date: date.getUTCDate() };\n};\n\n/** The row of a day in a week that starts on `weekStart`: 0 for the first day of the week. */\nexport const rowOf = (day: number, weekStart: WeekStart): number =>\n  mod(weekdayOf(day) - weekStart, 7);\n\nexport type GridDay = { day: number; row: number; column: number };\n\nexport type WeekGrid = {\n  /** The first day of the first column: on or before `from`. */\n  start: number;\n  /** The number of columns. 0 when the range is empty. */\n  weeks: number;\n  /** Every day of the range, in order. The slots before `from` and after `to` have no day. */\n  days: GridDay[];\n};\n\n/** The days from `from` to `to` (inclusive) laid out as weeks in columns and weekdays in rows. */\nexport const weekGrid = (from: number, to: number, weekStart: WeekStart): WeekGrid => {\n  if (to < from) return { start: from, weeks: 0, days: [] };\n  const start = from - rowOf(from, weekStart);\n  const days = Array.from({ length: to - from + 1 }, (_, i): GridDay => {\n    const day = from + i;\n    return { day, row: rowOf(day, weekStart), column: Math.floor((day - start) / 7) };\n  });\n  return { start, weeks: Math.floor((to - start) / 7) + 1, days };\n};\n\nexport type YearSpan = { year: number; from: number; to: number };\n\n/** `from` to `to` cut at the turn of each year: one block of the `calendar` layout per span. */\nexport const yearSpans = (from: number, to: number): YearSpan[] => {\n  const spans: YearSpan[] = [];\n  if (to < from) return spans;\n  for (let year = partsOf(from).year; year <= partsOf(to).year; year++) {\n    spans.push({\n      year,\n      from: Math.max(from, dayOf(year, 0, 1)),\n      to: Math.min(to, dayOf(year, 11, 31)),\n    });\n  }\n  return spans;\n};\n\nexport type MonthMark = { column: number; month: number };\n\n// Room a month name needs, in columns: two months closer than this would\n// print over each other.\nconst MIN_MARK_GAP = 3;\n\n/**\n * Where the month names go: above the first full week of each month, that is\n * the first column whose first day falls in the first seven days of the\n * month. A range that starts in the middle of a month also names that month\n * above its first column, unless the next name is too close to leave room.\n */\nexport const monthMarks = (grid: WeekGrid): MonthMark[] => {\n  if (grid.weeks === 0) return [];\n  const marks: MonthMark[] = [];\n  for (let column = 0; column < grid.weeks; column++) {\n    const { month, date } = partsOf(grid.start + column * 7);\n    if (date <= 7) marks.push({ column, month });\n  }\n  const first = grid.days[0];\n  const leading = partsOf(first.day).month;\n  const next = marks[0];\n  if (!next || (next.month !== leading && next.column >= MIN_MARK_GAP)) {\n    marks.unshift({ column: 0, month: leading });\n  }\n  return marks;\n};\n\n/** The 0-based step a value takes on the scale: 0 is empty, 1 to `steps` split `(0, max]` evenly. */\nexport const stepOf = (value: number, max: number, steps = 4): number =>\n  !(value > 0) || !(max > 0) ? 0 : Math.min(steps, Math.max(1, Math.ceil((value / max) * steps)));\n\n/** How big the cells are: a short range gets larger ones, a long one fits more weeks on screen. */\nexport const cellMetrics = (weeks: number) =>\n  weeks <= 26 ? { size: 18, gap: 4, radius: 4 } : { size: 12, gap: 3, radius: 3 };\n\nexport type DayValues = {\n  /** The summed value of each valid day. */\n  values: Map<number, number>;\n  first: number;\n  last: number;\n};\n\n/** The valid days of `data` by day number, a day listed twice summed. `undefined` when none is valid. */\nexport const collectDays = (\n  data: readonly { day: string; value: number }[]\n): DayValues | undefined => {\n  const values = new Map<number, number>();\n  for (const { day, value } of data) {\n    const n = parseDay(day);\n    if (n === undefined || !Number.isFinite(value)) continue;\n    values.set(n, (values.get(n) ?? 0) + value);\n  }\n  if (values.size === 0) return undefined;\n  const days = [...values.keys()];\n  return { values, first: Math.min(...days), last: Math.max(...days) };\n};\n","import { TEXT_SIZE } from './core/axes';\nimport { CALENDAR_DARK_CLASS, CALENDAR_STEPS, MUTED, TEXT } from './core/colors';\nimport { ChartEmpty } from './core/frame';\nimport { HeatGrid, type HeatCell } from './core/HeatGrid';\nimport {\n  cellMetrics,\n  collectDays,\n  DAY_MS,\n  dayOf,\n  monthMarks,\n  parseDay,\n  partsOf,\n  stepOf,\n  weekGrid,\n  yearSpans,\n  type WeekStart,\n} from './calendarGrid';\nimport type { ChartEmptyProps, ChartProps } from './types';\n\nexport type CalendarDay = {\n  /** The date, `YYYY-MM-DD`. A day listed twice adds up; anything else is ignored. */\n  day: string;\n  value: number;\n};\n\nexport type CalendarChartProps = Omit<ChartProps, 'children' | 'height'> &\n  ChartEmptyProps & {\n    data: CalendarDay[];\n    /**\n     * First day shown, `YYYY-MM-DD`. Default: the first day of the earliest\n     * year of `data` in the `calendar` layout, the earliest day in `range`.\n     */\n    from?: string;\n    /** Last day shown, `YYYY-MM-DD`. Default: the end of the latest year, or the latest day in `range`. */\n    to?: string;\n    /**\n     * `calendar` draws one block per year, with the months named above their\n     * first full week. `range` draws one continuous grid from `from` to `to`,\n     * with larger cells when the range is short. Default `calendar`.\n     */\n    layout?: 'calendar' | 'range';\n    /** The weekday a week starts on: 1 for Monday (default), 0 for Sunday. */\n    weekStart?: WeekStart;\n    /** Format the value in the tooltip and in the name of each day. */\n    formatValue?: (value: number) => string;\n    /** Text at the low end of the scale under the grid. Default `Less`. */\n    lessLabel?: string;\n    /** Text at the high end of the scale under the grid. Default `More`. */\n    moreLabel?: string;\n    /** The language of the month, weekday and date names (BCP 47). Default `en-US`. */\n    locale?: string;\n  };\n\n// Height of the empty state, which has no grid to take one from.\nconst EMPTY_HEIGHT = 120;\n\n// Tuesday, Thursday and the weekend carry no name: a name every second row\n// leaves each one room.\nconst NAMED_WEEKDAYS = [1, 3, 5];\n\ntype Block = { year: number | undefined; from: number; to: number };\n\nexport const CalendarChart = ({\n  data,\n  from,\n  to,\n  layout = 'calendar',\n  weekStart = 1,\n  formatValue = String,\n  locale = 'en-US',\n  lessLabel = 'Less',\n  moreLabel = 'More',\n  emptyMessage = 'No data',\n  ariaLabel,\n  width,\n}: CalendarChartProps) => {\n  const name = ariaLabel ?? 'Calendar chart';\n  const days = collectDays(data);\n  if (!days) {\n    return (\n      <ChartEmpty message={emptyMessage} ariaLabel={name} height={EMPTY_HEIGHT} width={width} />\n    );\n  }\n  const given = {\n    from: from === undefined ? undefined : parseDay(from),\n    to: to === undefined ? undefined : parseDay(to),\n  };\n  const calendar = layout === 'calendar';\n  const start = given.from ?? (calendar ? dayOf(partsOf(days.first).year, 0, 1) : days.first);\n  const end = given.to ?? (calendar ? dayOf(partsOf(days.last).year, 11, 31) : days.last);\n  const blocks: Block[] = calendar\n    ? yearSpans(start, end)\n    : end >= start\n      ? [{ year: undefined, from: start, to: end }]\n      : [];\n  if (blocks.length === 0) {\n    return (\n      <ChartEmpty message={emptyMessage} ariaLabel={name} height={EMPTY_HEIGHT} width={width} />\n    );\n  }\n\n  const month = new Intl.DateTimeFormat(locale, { month: 'short', timeZone: 'UTC' });\n  const date = new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeZone: 'UTC' });\n  const weekday = new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' });\n  const monthName = (m: number) => month.format(Date.UTC(2024, m, 1));\n  // 2024-01-07 was a Sunday.\n  const weekdayName = (d: number) => weekday.format(Date.UTC(2024, 0, 7 + d));\n  const rows = Array.from({ length: 7 }, (_, row) => {\n    const d = (row + weekStart) % 7;\n    return NAMED_WEEKDAYS.includes(d) ? weekdayName(d) : '';\n  });\n\n  // One scale for every block, so two years compare.\n  const max = Math.max(0, ...days.values.values());\n  const color = (value: number) => CALENDAR_STEPS[stepOf(value, max)];\n\n  const grids = blocks.map((block) => {\n    const grid = weekGrid(block.from, block.to, weekStart);\n    const metrics = cellMetrics(grid.weeks);\n    const columns = Array.from({ length: grid.weeks }, () => '');\n    for (const mark of monthMarks(grid)) columns[mark.column] = monthName(mark.month);\n    const cells = grid.days.map((d): HeatCell => {\n      const value = days.values.get(d.day) ?? 0;\n      return {\n        row: d.row,\n        column: d.column,\n        color: color(value),\n        title: date.format(d.day * DAY_MS),\n        label: '',\n        value: formatValue(value),\n      };\n    });\n    const label = block.year !== undefined && blocks.length > 1 ? `${name}, ${block.year}` : name;\n    return { block, grid, metrics, columns, cells, label };\n  });\n\n  const metrics = grids[0].metrics;\n  return (\n    <div\n      className={CALENDAR_DARK_CLASS}\n      style={{\n        // Time keeps its order under `dir=\"rtl\"`, as a chart's axis does.\n        direction: 'ltr',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '0.75rem',\n        // As wide as the grid, so the scale lines up with its right edge.\n        width: width ?? 'fit-content',\n        maxWidth: '100%',\n        minWidth: 0,\n        fontSize: TEXT_SIZE,\n        color: MUTED,\n      }}\n    >\n      {grids.map(({ block, metrics: m, columns, cells, label }) => (\n        <div key={block.year ?? 'range'} data-calendar-block=\"\" style={{ minWidth: 0 }}>\n          {blocks.length > 1 && (\n            <p style={{ margin: '0 0 0.25rem', fontWeight: 600, color: TEXT }}>{block.year}</p>\n          )}\n          <HeatGrid\n            rows={rows}\n            columns={columns}\n            cells={cells}\n            cellHeight={m.size}\n            columnWidth={m.size}\n            gap={m.gap}\n            cellRadius={m.radius}\n            labelsAbove\n            thinLabels={false}\n            ariaLabel={label}\n          />\n        </div>\n      ))}\n      <div\n        data-calendar-legend=\"\"\n        aria-hidden\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          // The grid sits in a box padded by 3px, room for its focus rings.\n          paddingRight: 3,\n          gap: metrics.gap,\n        }}\n      >\n        <span style={{ marginRight: 4 }}>{lessLabel}</span>\n        {CALENDAR_STEPS.map((step, i) => (\n          <span\n            key={i}\n            data-calendar-step=\"\"\n            style={{\n              width: metrics.size,\n              height: metrics.size,\n              borderRadius: metrics.radius,\n              background: step,\n            }}\n          />\n        ))}\n        <span style={{ marginLeft: 4 }}>{moreLabel}</span>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/CalendarChart.js

@@ -1,9 +1,9 @@
 "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 { ChartEmpty } from './chunk-3N43QT36.js';
+import { ChartEmpty } from './chunk-56WD3OHA.js';
 import { MUTED, CALENDAR_DARK_CLASS, TEXT, CALENDAR_STEPS } from './chunk-UATB2IRY.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -143,6 +143,8 @@ var CalendarChart = ({
     {
       className: CALENDAR_DARK_CLASS,
       style: {
+        // Time keeps its order under `dir="rtl"`, as a chart's axis does.
+        direction: "ltr",
         display: "flex",
         flexDirection: "column",
         gap: "0.75rem",