@sckyzo/cosmos-charts 0.2.0 → 0.3.1

package/dist/CalendarChart.js

@@ -0,0 +1,216 @@
+"use client";
+import { HeatGrid } from './chunk-UL3SNXQR.js';
+import './chunk-BFEDLXVW.js';
+import { TEXT_SIZE } from './chunk-DI2FBGKM.js';
+import './chunk-VIOSQN4Z.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';
+
+// src/calendarGrid.ts
+var DAY_MS = 864e5;
+var mod = (n, by) => (n % by + by) % by;
+var parseDay = (iso) => {
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+  if (!match) return void 0;
+  const [year, month, date] = [Number(match[1]), Number(match[2]), Number(match[3])];
+  const time = Date.UTC(year, month - 1, date);
+  const check = new Date(time);
+  return check.getUTCFullYear() === year && check.getUTCMonth() === month - 1 && check.getUTCDate() === date ? time / DAY_MS : void 0;
+};
+var dayOf = (year, month, date) => Date.UTC(year, month, date) / DAY_MS;
+var weekdayOf = (day) => mod(day + 4, 7);
+var partsOf = (day) => {
+  const date = new Date(day * DAY_MS);
+  return { year: date.getUTCFullYear(), month: date.getUTCMonth(), date: date.getUTCDate() };
+};
+var rowOf = (day, weekStart) => mod(weekdayOf(day) - weekStart, 7);
+var weekGrid = (from, to, weekStart) => {
+  if (to < from) return { start: from, weeks: 0, days: [] };
+  const start = from - rowOf(from, weekStart);
+  const days = Array.from({ length: to - from + 1 }, (_, i) => {
+    const day = from + i;
+    return { day, row: rowOf(day, weekStart), column: Math.floor((day - start) / 7) };
+  });
+  return { start, weeks: Math.floor((to - start) / 7) + 1, days };
+};
+var yearSpans = (from, to) => {
+  const spans = [];
+  if (to < from) return spans;
+  for (let year = partsOf(from).year; year <= partsOf(to).year; year++) {
+    spans.push({
+      year,
+      from: Math.max(from, dayOf(year, 0, 1)),
+      to: Math.min(to, dayOf(year, 11, 31))
+    });
+  }
+  return spans;
+};
+var MIN_MARK_GAP = 3;
+var monthMarks = (grid) => {
+  if (grid.weeks === 0) return [];
+  const marks = [];
+  for (let column = 0; column < grid.weeks; column++) {
+    const { month, date } = partsOf(grid.start + column * 7);
+    if (date <= 7) marks.push({ column, month });
+  }
+  const first = grid.days[0];
+  const leading = partsOf(first.day).month;
+  const next = marks[0];
+  if (!next || next.month !== leading && next.column >= MIN_MARK_GAP) {
+    marks.unshift({ column: 0, month: leading });
+  }
+  return marks;
+};
+var stepOf = (value, max, steps = 4) => !(value > 0) || !(max > 0) ? 0 : Math.min(steps, Math.max(1, Math.ceil(value / max * steps)));
+var cellMetrics = (weeks) => weeks <= 26 ? { size: 18, gap: 4, radius: 4 } : { size: 12, gap: 3, radius: 3 };
+var collectDays = (data) => {
+  const values = /* @__PURE__ */ new Map();
+  for (const { day, value } of data) {
+    const n = parseDay(day);
+    if (n === void 0 || !Number.isFinite(value)) continue;
+    values.set(n, (values.get(n) ?? 0) + value);
+  }
+  if (values.size === 0) return void 0;
+  const days = [...values.keys()];
+  return { values, first: Math.min(...days), last: Math.max(...days) };
+};
+var EMPTY_HEIGHT = 120;
+var NAMED_WEEKDAYS = [1, 3, 5];
+var CalendarChart = ({
+  data,
+  from,
+  to,
+  layout = "calendar",
+  weekStart = 1,
+  formatValue = String,
+  locale = "en-US",
+  lessLabel = "Less",
+  moreLabel = "More",
+  emptyMessage = "No data",
+  ariaLabel,
+  width
+}) => {
+  const name = ariaLabel ?? "Calendar chart";
+  const days = collectDays(data);
+  if (!days) {
+    return /* @__PURE__ */ jsx(ChartEmpty, { message: emptyMessage, ariaLabel: name, height: EMPTY_HEIGHT, width });
+  }
+  const given = {
+    from: from === void 0 ? void 0 : parseDay(from),
+    to: to === void 0 ? void 0 : parseDay(to)
+  };
+  const calendar = layout === "calendar";
+  const start = given.from ?? (calendar ? dayOf(partsOf(days.first).year, 0, 1) : days.first);
+  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__ */ jsx(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" });
+  const weekday = new Intl.DateTimeFormat(locale, { weekday: "short", timeZone: "UTC" });
+  const monthName = (m) => month.format(Date.UTC(2024, m, 1));
+  const weekdayName = (d) => weekday.format(Date.UTC(2024, 0, 7 + d));
+  const rows = Array.from({ length: 7 }, (_, row) => {
+    const d = (row + weekStart) % 7;
+    return NAMED_WEEKDAYS.includes(d) ? weekdayName(d) : "";
+  });
+  const max = Math.max(0, ...days.values.values());
+  const color = (value) => CALENDAR_STEPS[stepOf(value, max)];
+  const grids = blocks.map((block) => {
+    const grid = weekGrid(block.from, block.to, weekStart);
+    const metrics2 = cellMetrics(grid.weeks);
+    const columns = Array.from({ length: grid.weeks }, () => "");
+    for (const mark of monthMarks(grid)) columns[mark.column] = monthName(mark.month);
+    const cells = grid.days.map((d) => {
+      const value = days.values.get(d.day) ?? 0;
+      return {
+        row: d.row,
+        column: d.column,
+        color: color(value),
+        title: date.format(d.day * DAY_MS),
+        label: "",
+        value: formatValue(value)
+      };
+    });
+    const label = block.year !== void 0 && blocks.length > 1 ? `${name}, ${block.year}` : name;
+    return { block, grid, metrics: metrics2, columns, cells, label };
+  });
+  const metrics = grids[0].metrics;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      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",
+        // As wide as the grid, so the scale lines up with its right edge.
+        width: width ?? "fit-content",
+        maxWidth: "100%",
+        minWidth: 0,
+        fontSize: TEXT_SIZE,
+        color: MUTED
+      },
+      children: [
+        grids.map(({ block, metrics: m, columns, cells, label }) => /* @__PURE__ */ jsxs("div", { "data-calendar-block": "", style: { minWidth: 0 }, children: [
+          blocks.length > 1 && /* @__PURE__ */ jsx("p", { style: { margin: "0 0 0.25rem", fontWeight: 600, color: TEXT }, children: block.year }),
+          /* @__PURE__ */ jsx(
+            HeatGrid,
+            {
+              rows,
+              columns,
+              cells,
+              cellHeight: m.size,
+              columnWidth: m.size,
+              gap: m.gap,
+              cellRadius: m.radius,
+              labelsAbove: true,
+              thinLabels: false,
+              ariaLabel: label
+            }
+          )
+        ] }, block.year ?? "range")),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-calendar-legend": "",
+            "aria-hidden": true,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-end",
+              // The grid sits in a box padded by 3px, room for its focus rings.
+              paddingRight: 3,
+              gap: metrics.gap
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { marginRight: 4 }, children: lessLabel }),
+              CALENDAR_STEPS.map((step, i) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-calendar-step": "",
+                  style: {
+                    width: metrics.size,
+                    height: metrics.size,
+                    borderRadius: metrics.radius,
+                    background: step
+                  }
+                },
+                i
+              )),
+              /* @__PURE__ */ jsx("span", { style: { marginLeft: 4 }, children: moreLabel })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { CalendarChart };
+//# sourceMappingURL=CalendarChart.js.map
+//# sourceMappingURL=CalendarChart.js.map

package/dist/CalendarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/calendarGrid.ts","../src/CalendarChart.tsx"],"names":["metrics"],"mappings":"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","file":"CalendarChart.js","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/DonutChart.cjs

@@ -0,0 +1,122 @@
+"use client";
+'use strict';
+
+var chunkRCDTBZC2_cjs = require('./chunk-RCDTBZC2.cjs');
+var chunkX3YZP5WF_cjs = require('./chunk-X3YZP5WF.cjs');
+var chunkTYQWZR3S_cjs = require('./chunk-TYQWZR3S.cjs');
+require('./chunk-G4WOPX4D.cjs');
+var chunkT3K6Q34U_cjs = require('./chunk-T3K6Q34U.cjs');
+var chunkK3R7JGOW_cjs = require('./chunk-K3R7JGOW.cjs');
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
+var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
+var react = require('react');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/core/shares.ts
+var shares = (values) => {
+  const parts = values.map((v) => Math.max(0, v));
+  const total = parts.reduce((sum, v) => sum + v, 0);
+  if (total === 0) return parts.map(() => 0);
+  const exact = parts.map((v) => v / total * 100);
+  const whole = exact.map(Math.floor);
+  const byRemainder = exact.map((v, i) => ({ i, rest: v - whole[i] })).sort((a, b) => b.rest - a.rest || a.i - b.i);
+  const missing = 100 - whole.reduce((sum, v) => sum + v, 0);
+  for (let k = 0; k < missing; k++) whole[byRemainder[k].i]++;
+  return whole;
+};
+var PieLegend = ({ payload, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  chunkRCDTBZC2_cjs.ChartLegend,
+  {
+    ...props,
+    payload: payload?.map((entry, i) => ({ ...entry, dataKey: chunkK3R7JGOW_cjs.seriesKey(i) }))
+  }
+);
+var DonutChart = ({
+  series,
+  labels,
+  colors,
+  formatValue = String,
+  variant = "donut",
+  centerLabel,
+  centerValue,
+  legendValues = false,
+  legendPosition = "bottom",
+  emptyMessage = "No data",
+  ariaLabel,
+  children,
+  height = 280,
+  width
+}) => {
+  const hidden = chunkRCDTBZC2_cjs.useHiddenSeries();
+  const [active, setActive] = react.useState();
+  const pie = variant === "pie";
+  const name = ariaLabel ?? `${pie ? "Pie" : "Donut"} chart: ${labels.join(", ")}`;
+  if (series.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSR2ESX3R_cjs.ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+  }
+  const data = labels.map((label, i) => ({
+    name: label,
+    value: hidden.hidden.has(chunkK3R7JGOW_cjs.seriesKey(i)) ? 0 : series[i],
+    fill: chunkLT3UC65O_cjs.seriesColor(i, colors)
+  }));
+  const total = data.reduce((sum, slice2) => sum + slice2.value, 0);
+  const slice = active === void 0 ? void 0 : data[active];
+  const legend = chunkRCDTBZC2_cjs.legendProps(legendPosition, hidden);
+  const percents = shares(series);
+  const detail = legendValues ? (index) => ({ value: formatValue(series[index]), share: `${percents[index]}%` }) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    recharts.PieChart,
+    {
+      ...chunkSR2ESX3R_cjs.frameProps({ height, width, ariaLabel: name }),
+      margin: { top: 0, right: 0, bottom: 0, left: 0 },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Pie,
+          {
+            data,
+            dataKey: "value",
+            nameKey: "name",
+            innerRadius: pie ? 0 : "70%",
+            outerRadius: "100%",
+            paddingAngle: pie ? 0 : 3,
+            cornerRadius: pie ? 0 : 6,
+            stroke: pie ? chunkLT3UC65O_cjs.PANEL : "none",
+            strokeWidth: pie ? 2 : void 0,
+            onMouseEnter: (_, index) => setActive(index),
+            onMouseLeave: () => setActive(void 0),
+            ...chunkTYQWZR3S_cjs.ANIMATION
+          }
+        ),
+        !pie && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkX3YZP5WF_cjs.CenterText,
+          {
+            value: slice ? formatValue(slice.value) : centerValue ?? formatValue(total),
+            label: slice ? slice.name : centerLabel ?? "Total"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(chunkT3K6Q34U_cjs.ChartTooltip, { format: formatValue, hideTitle: true }), animationDuration: 150 }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Legend,
+          {
+            ...legend,
+            content: /* @__PURE__ */ jsxRuntime.jsx(
+              PieLegend,
+              {
+                hidden: hidden.hidden,
+                onToggle: hidden.toggle,
+                column: legendPosition === "left" || legendPosition === "right",
+                detail
+              }
+            )
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+
+exports.DonutChart = DonutChart;
+//# sourceMappingURL=DonutChart.cjs.map
+//# sourceMappingURL=DonutChart.cjs.map

package/dist/DonutChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/shares.ts","../src/DonutChart.tsx"],"names":["jsx","ChartLegend","seriesKey","useHiddenSeries","useState","ChartEmpty","seriesColor","slice","legendProps","jsxs","PieChart","frameProps","Pie","PANEL","ANIMATION","CenterText","Tooltip","ChartTooltip","Legend"],"mappings":"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","file":"DonutChart.cjs","sourcesContent":["/**\n * The share of each value in their sum, as whole percents that add up to 100\n * (the largest remainders take the rounding). All zero when the sum is zero.\n * A negative value counts as zero.\n */\nexport const shares = (values: readonly number[]): number[] => {\n  const parts = values.map((v) => Math.max(0, v));\n  const total = parts.reduce((sum, v) => sum + v, 0);\n  if (total === 0) return parts.map(() => 0);\n  const exact = parts.map((v) => (v / total) * 100);\n  const whole = exact.map(Math.floor);\n  const byRemainder = exact\n    .map((v, i) => ({ i, rest: v - whole[i] }))\n    .sort((a, b) => b.rest - a.rest || a.i - b.i);\n  const missing = 100 - whole.reduce((sum, v) => sum + v, 0);\n  for (let k = 0; k < missing; k++) whole[byRemainder[k].i]++;\n  return whole;\n};\n","import { useState, type ComponentProps } from 'react';\nimport { Legend, Pie, PieChart, Tooltip } from 'recharts';\nimport { ANIMATION } from './core/animation';\nimport { ChartLegend, legendProps, useHiddenSeries } from './core/ChartLegend';\nimport { ChartTooltip } from './core/ChartTooltip';\nimport { PANEL, seriesColor } from './core/colors';\nimport { seriesKey } from './core/data';\nimport { ChartEmpty, frameProps } from './core/frame';\nimport { CenterText } from './core/radial';\nimport { shares } from './core/shares';\nimport type { ChartEmptyProps, ChartLegendProps, ChartProps } from './types';\n\nexport type DonutChartVariant = 'donut' | 'pie';\n\nexport type DonutChartProps = ChartProps &\n  ChartEmptyProps &\n  ChartLegendProps & {\n    series: number[];\n    labels: string[];\n    /** Override the default Cosmos palette. */\n    colors?: string[];\n    /** Format the slice values in the center and the tooltip, and the total. */\n    formatValue?: (value: number) => string;\n    /** `donut` (default) leaves a hole with the total in it; `pie` fills the disc, with no center text. */\n    variant?: DonutChartVariant;\n    /** The small text under the center value, in place of \"Total\". An empty string draws nothing. Ignored by `pie`. Drawn as plain text. */\n    centerLabel?: string;\n    /** The center value, in place of the total (which `formatValue` formats). Ignored by `pie`. Drawn as plain text. */\n    centerValue?: string;\n    /**\n     * Write each slice's value (through `formatValue`) and its share of the total in the\n     * legend, in whole percents that add up to 100. With the legend on the left or the right\n     * the figures sit in columns at the right edge of the legend.\n     */\n    legendValues?: boolean;\n  };\n\n// A pie's legend entries all carry the pie's data key: key them by position.\n// A component of its own, so the entries are not remounted at every render.\nconst PieLegend = ({ payload, ...props }: ComponentProps<typeof ChartLegend>) => (\n  <ChartLegend\n    {...props}\n    payload={payload?.map((entry, i) => ({ ...entry, dataKey: seriesKey(i) }))}\n  />\n);\n\nexport const DonutChart = ({\n  series,\n  labels,\n  colors,\n  formatValue = String,\n  variant = 'donut',\n  centerLabel,\n  centerValue,\n  legendValues = false,\n  legendPosition = 'bottom',\n  emptyMessage = 'No data',\n  ariaLabel,\n  children,\n  height = 280,\n  width,\n}: DonutChartProps) => {\n  const hidden = useHiddenSeries();\n  // The slice the pointer is on, shown in the center in place of the total.\n  const [active, setActive] = useState<number>();\n  const pie = variant === 'pie';\n  const name = ariaLabel ?? `${pie ? 'Pie' : 'Donut'} chart: ${labels.join(', ')}`;\n  if (series.length === 0) {\n    return <ChartEmpty message={emptyMessage} ariaLabel={name} height={height} width={width} />;\n  }\n  // A hidden slice keeps its place (and its legend entry) at zero.\n  const data = labels.map((label, i) => ({\n    name: label,\n    value: hidden.hidden.has(seriesKey(i)) ? 0 : series[i],\n    fill: seriesColor(i, colors),\n  }));\n  const total = data.reduce((sum, slice) => sum + slice.value, 0);\n  const slice = active === undefined ? undefined : data[active];\n  const legend = legendProps(legendPosition, hidden);\n  // The legend figures keep the whole series: hiding a slice does not move the others' share.\n  const percents = shares(series);\n  const detail = legendValues\n    ? (index: number) => ({ value: formatValue(series[index]), share: `${percents[index]}%` })\n    : undefined;\n  return (\n    <PieChart\n      {...frameProps({ height, width, ariaLabel: name })}\n      margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n    >\n      <Pie\n        data={data}\n        dataKey=\"value\"\n        nameKey=\"name\"\n        innerRadius={pie ? 0 : '70%'}\n        outerRadius=\"100%\"\n        paddingAngle={pie ? 0 : 3}\n        cornerRadius={pie ? 0 : 6}\n        // A pie has no gap between slices: a line in the color of the card tells them apart.\n        stroke={pie ? PANEL : 'none'}\n        strokeWidth={pie ? 2 : undefined}\n        onMouseEnter={(_, index) => setActive(index)}\n        onMouseLeave={() => setActive(undefined)}\n        {...ANIMATION}\n      />\n      {!pie && (\n        <CenterText\n          value={slice ? formatValue(slice.value) : (centerValue ?? formatValue(total))}\n          label={slice ? slice.name : (centerLabel ?? 'Total')}\n        />\n      )}\n      <Tooltip content={<ChartTooltip format={formatValue} hideTitle />} animationDuration={150} />\n      <Legend\n        {...legend}\n        content={\n          <PieLegend\n            hidden={hidden.hidden}\n            onToggle={hidden.toggle}\n            column={legendPosition === 'left' || legendPosition === 'right'}\n            detail={detail}\n          />\n        }\n      />\n      {children}\n    </PieChart>\n  );\n};\n"]}

package/dist/DonutChart.js

@@ -0,0 +1,120 @@
+"use client";
+import { useHiddenSeries, legendProps, ChartLegend } from './chunk-4AKHZNWP.js';
+import { CenterText } from './chunk-URNXLVSK.js';
+import { ANIMATION } from './chunk-5C2RLJYZ.js';
+import './chunk-DI2FBGKM.js';
+import { ChartTooltip } from './chunk-VIOSQN4Z.js';
+import { seriesKey } from './chunk-UJIV5PVI.js';
+import { ChartEmpty, frameProps } from './chunk-56WD3OHA.js';
+import { seriesColor, PANEL } from './chunk-UATB2IRY.js';
+import { useState } from 'react';
+import { PieChart, Pie, Tooltip, Legend } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/core/shares.ts
+var shares = (values) => {
+  const parts = values.map((v) => Math.max(0, v));
+  const total = parts.reduce((sum, v) => sum + v, 0);
+  if (total === 0) return parts.map(() => 0);
+  const exact = parts.map((v) => v / total * 100);
+  const whole = exact.map(Math.floor);
+  const byRemainder = exact.map((v, i) => ({ i, rest: v - whole[i] })).sort((a, b) => b.rest - a.rest || a.i - b.i);
+  const missing = 100 - whole.reduce((sum, v) => sum + v, 0);
+  for (let k = 0; k < missing; k++) whole[byRemainder[k].i]++;
+  return whole;
+};
+var PieLegend = ({ payload, ...props }) => /* @__PURE__ */ jsx(
+  ChartLegend,
+  {
+    ...props,
+    payload: payload?.map((entry, i) => ({ ...entry, dataKey: seriesKey(i) }))
+  }
+);
+var DonutChart = ({
+  series,
+  labels,
+  colors,
+  formatValue = String,
+  variant = "donut",
+  centerLabel,
+  centerValue,
+  legendValues = false,
+  legendPosition = "bottom",
+  emptyMessage = "No data",
+  ariaLabel,
+  children,
+  height = 280,
+  width
+}) => {
+  const hidden = useHiddenSeries();
+  const [active, setActive] = useState();
+  const pie = variant === "pie";
+  const name = ariaLabel ?? `${pie ? "Pie" : "Donut"} chart: ${labels.join(", ")}`;
+  if (series.length === 0) {
+    return /* @__PURE__ */ jsx(ChartEmpty, { message: emptyMessage, ariaLabel: name, height, width });
+  }
+  const data = labels.map((label, i) => ({
+    name: label,
+    value: hidden.hidden.has(seriesKey(i)) ? 0 : series[i],
+    fill: seriesColor(i, colors)
+  }));
+  const total = data.reduce((sum, slice2) => sum + slice2.value, 0);
+  const slice = active === void 0 ? void 0 : data[active];
+  const legend = legendProps(legendPosition, hidden);
+  const percents = shares(series);
+  const detail = legendValues ? (index) => ({ value: formatValue(series[index]), share: `${percents[index]}%` }) : void 0;
+  return /* @__PURE__ */ jsxs(
+    PieChart,
+    {
+      ...frameProps({ height, width, ariaLabel: name }),
+      margin: { top: 0, right: 0, bottom: 0, left: 0 },
+      children: [
+        /* @__PURE__ */ jsx(
+          Pie,
+          {
+            data,
+            dataKey: "value",
+            nameKey: "name",
+            innerRadius: pie ? 0 : "70%",
+            outerRadius: "100%",
+            paddingAngle: pie ? 0 : 3,
+            cornerRadius: pie ? 0 : 6,
+            stroke: pie ? PANEL : "none",
+            strokeWidth: pie ? 2 : void 0,
+            onMouseEnter: (_, index) => setActive(index),
+            onMouseLeave: () => setActive(void 0),
+            ...ANIMATION
+          }
+        ),
+        !pie && /* @__PURE__ */ jsx(
+          CenterText,
+          {
+            value: slice ? formatValue(slice.value) : centerValue ?? formatValue(total),
+            label: slice ? slice.name : centerLabel ?? "Total"
+          }
+        ),
+        /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(ChartTooltip, { format: formatValue, hideTitle: true }), animationDuration: 150 }),
+        /* @__PURE__ */ jsx(
+          Legend,
+          {
+            ...legend,
+            content: /* @__PURE__ */ jsx(
+              PieLegend,
+              {
+                hidden: hidden.hidden,
+                onToggle: hidden.toggle,
+                column: legendPosition === "left" || legendPosition === "right",
+                detail
+              }
+            )
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+
+export { DonutChart };
+//# sourceMappingURL=DonutChart.js.map
+//# sourceMappingURL=DonutChart.js.map

package/dist/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/shares.ts","../src/DonutChart.tsx"],"names":["slice"],"mappings":"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","file":"DonutChart.js","sourcesContent":["/**\n * The share of each value in their sum, as whole percents that add up to 100\n * (the largest remainders take the rounding). All zero when the sum is zero.\n * A negative value counts as zero.\n */\nexport const shares = (values: readonly number[]): number[] => {\n  const parts = values.map((v) => Math.max(0, v));\n  const total = parts.reduce((sum, v) => sum + v, 0);\n  if (total === 0) return parts.map(() => 0);\n  const exact = parts.map((v) => (v / total) * 100);\n  const whole = exact.map(Math.floor);\n  const byRemainder = exact\n    .map((v, i) => ({ i, rest: v - whole[i] }))\n    .sort((a, b) => b.rest - a.rest || a.i - b.i);\n  const missing = 100 - whole.reduce((sum, v) => sum + v, 0);\n  for (let k = 0; k < missing; k++) whole[byRemainder[k].i]++;\n  return whole;\n};\n","import { useState, type ComponentProps } from 'react';\nimport { Legend, Pie, PieChart, Tooltip } from 'recharts';\nimport { ANIMATION } from './core/animation';\nimport { ChartLegend, legendProps, useHiddenSeries } from './core/ChartLegend';\nimport { ChartTooltip } from './core/ChartTooltip';\nimport { PANEL, seriesColor } from './core/colors';\nimport { seriesKey } from './core/data';\nimport { ChartEmpty, frameProps } from './core/frame';\nimport { CenterText } from './core/radial';\nimport { shares } from './core/shares';\nimport type { ChartEmptyProps, ChartLegendProps, ChartProps } from './types';\n\nexport type DonutChartVariant = 'donut' | 'pie';\n\nexport type DonutChartProps = ChartProps &\n  ChartEmptyProps &\n  ChartLegendProps & {\n    series: number[];\n    labels: string[];\n    /** Override the default Cosmos palette. */\n    colors?: string[];\n    /** Format the slice values in the center and the tooltip, and the total. */\n    formatValue?: (value: number) => string;\n    /** `donut` (default) leaves a hole with the total in it; `pie` fills the disc, with no center text. */\n    variant?: DonutChartVariant;\n    /** The small text under the center value, in place of \"Total\". An empty string draws nothing. Ignored by `pie`. Drawn as plain text. */\n    centerLabel?: string;\n    /** The center value, in place of the total (which `formatValue` formats). Ignored by `pie`. Drawn as plain text. */\n    centerValue?: string;\n    /**\n     * Write each slice's value (through `formatValue`) and its share of the total in the\n     * legend, in whole percents that add up to 100. With the legend on the left or the right\n     * the figures sit in columns at the right edge of the legend.\n     */\n    legendValues?: boolean;\n  };\n\n// A pie's legend entries all carry the pie's data key: key them by position.\n// A component of its own, so the entries are not remounted at every render.\nconst PieLegend = ({ payload, ...props }: ComponentProps<typeof ChartLegend>) => (\n  <ChartLegend\n    {...props}\n    payload={payload?.map((entry, i) => ({ ...entry, dataKey: seriesKey(i) }))}\n  />\n);\n\nexport const DonutChart = ({\n  series,\n  labels,\n  colors,\n  formatValue = String,\n  variant = 'donut',\n  centerLabel,\n  centerValue,\n  legendValues = false,\n  legendPosition = 'bottom',\n  emptyMessage = 'No data',\n  ariaLabel,\n  children,\n  height = 280,\n  width,\n}: DonutChartProps) => {\n  const hidden = useHiddenSeries();\n  // The slice the pointer is on, shown in the center in place of the total.\n  const [active, setActive] = useState<number>();\n  const pie = variant === 'pie';\n  const name = ariaLabel ?? `${pie ? 'Pie' : 'Donut'} chart: ${labels.join(', ')}`;\n  if (series.length === 0) {\n    return <ChartEmpty message={emptyMessage} ariaLabel={name} height={height} width={width} />;\n  }\n  // A hidden slice keeps its place (and its legend entry) at zero.\n  const data = labels.map((label, i) => ({\n    name: label,\n    value: hidden.hidden.has(seriesKey(i)) ? 0 : series[i],\n    fill: seriesColor(i, colors),\n  }));\n  const total = data.reduce((sum, slice) => sum + slice.value, 0);\n  const slice = active === undefined ? undefined : data[active];\n  const legend = legendProps(legendPosition, hidden);\n  // The legend figures keep the whole series: hiding a slice does not move the others' share.\n  const percents = shares(series);\n  const detail = legendValues\n    ? (index: number) => ({ value: formatValue(series[index]), share: `${percents[index]}%` })\n    : undefined;\n  return (\n    <PieChart\n      {...frameProps({ height, width, ariaLabel: name })}\n      margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n    >\n      <Pie\n        data={data}\n        dataKey=\"value\"\n        nameKey=\"name\"\n        innerRadius={pie ? 0 : '70%'}\n        outerRadius=\"100%\"\n        paddingAngle={pie ? 0 : 3}\n        cornerRadius={pie ? 0 : 6}\n        // A pie has no gap between slices: a line in the color of the card tells them apart.\n        stroke={pie ? PANEL : 'none'}\n        strokeWidth={pie ? 2 : undefined}\n        onMouseEnter={(_, index) => setActive(index)}\n        onMouseLeave={() => setActive(undefined)}\n        {...ANIMATION}\n      />\n      {!pie && (\n        <CenterText\n          value={slice ? formatValue(slice.value) : (centerValue ?? formatValue(total))}\n          label={slice ? slice.name : (centerLabel ?? 'Total')}\n        />\n      )}\n      <Tooltip content={<ChartTooltip format={formatValue} hideTitle />} animationDuration={150} />\n      <Legend\n        {...legend}\n        content={\n          <PieLegend\n            hidden={hidden.hidden}\n            onToggle={hidden.toggle}\n            column={legendPosition === 'left' || legendPosition === 'right'}\n            detail={detail}\n          />\n        }\n      />\n      {children}\n    </PieChart>\n  );\n};\n"]}