@sckyzo/cosmos-charts 0.2.0 → 0.3.1

package/dist/chunk-DI2FBGKM.js

@@ -0,0 +1,44 @@
+"use client";
+import { useFontsLoaded } from './chunk-56WD3OHA.js';
+import { MUTED, GRID } from './chunk-UATB2IRY.js';
+
+// src/core/axes.ts
+var TEXT_SIZE = "var(--text-xs, 0.75rem)";
+var AXIS = {
+  axisLine: false,
+  tickLine: false,
+  tickMargin: 8,
+  tick: { fill: MUTED, style: { fontSize: TEXT_SIZE } }
+};
+var AXIS_AFTER_FONTS = { ...AXIS, tick: { ...AXIS.tick } };
+var useAxis = () => useFontsLoaded() ? AXIS_AFTER_FONTS : AXIS;
+var GRID_PROPS = {
+  vertical: false,
+  stroke: GRID,
+  strokeDasharray: "4 4"
+};
+var titleStyle = { fill: MUTED, fontSize: TEXT_SIZE };
+var xAxisTitle = (title) => title ? {
+  height: 52,
+  label: {
+    value: title,
+    position: "insideBottom",
+    offset: 0,
+    fill: MUTED,
+    style: titleStyle
+  }
+} : {};
+var yAxisTitle = (title) => title ? {
+  label: {
+    value: title,
+    angle: -90,
+    position: "insideLeft",
+    offset: 4,
+    fill: MUTED,
+    style: { ...titleStyle, textAnchor: "middle" }
+  }
+} : {};
+
+export { AXIS, GRID_PROPS, TEXT_SIZE, useAxis, xAxisTitle, yAxisTitle };
+//# sourceMappingURL=chunk-DI2FBGKM.js.map
+//# sourceMappingURL=chunk-DI2FBGKM.js.map

package/dist/chunk-DI2FBGKM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/axes.ts"],"names":[],"mappings":";;;;;AAMO,IAAM,SAAA,GAAY;AAGlB,IAAM,IAAA,GAAO;AAAA,EAClB,QAAA,EAAU,KAAA;AAAA,EACV,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,CAAA;AAAA,EACZ,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA,EAAO,OAAO,EAAE,QAAA,EAAU,WAAU;AACpD;AAMA,IAAM,gBAAA,GAAmB,EAAE,GAAG,IAAA,EAAM,MAAM,EAAE,GAAG,IAAA,CAAK,IAAA,EAAK,EAAE;AAQpD,IAAM,OAAA,GAAU,MAAO,cAAA,EAAe,GAAI,gBAAA,GAAmB;AAG7D,IAAM,UAAA,GAAa;AAAA,EACxB,QAAA,EAAU,KAAA;AAAA,EACV,MAAA,EAAQ,IAAA;AAAA,EACR,eAAA,EAAiB;AACnB;AAGA,IAAM,UAAA,GAAa,EAAE,IAAA,EAAM,KAAA,EAAO,UAAU,SAAA,EAAU;AAG/C,IAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,GACK;AAAA,EACC,MAAA,EAAQ,EAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,cAAA;AAAA,IACV,MAAA,EAAQ,CAAA;AAAA,IACR,IAAA,EAAM,KAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAA,GACA;AAGC,IAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,GACK;AAAA,EACC,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,KAAA,EAAO,GAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,CAAA;AAAA,IACR,IAAA,EAAM,KAAA;AAAA,IACN,KAAA,EAAO,EAAE,GAAG,UAAA,EAAY,YAAY,QAAA;AAAS;AAEjD,CAAA,GACA","file":"chunk-DI2FBGKM.js","sourcesContent":["import { GRID, MUTED } from './colors';\nimport { useFontsLoaded } from './frame';\n\n// Axis text is 12px at the normal text size and follows the text size setting:\n// `--text-xs` is rescaled on <html> by `data-text-size`. The fallback is the\n// normal size, for an app that doesn't load the theme.\nexport const TEXT_SIZE = 'var(--text-xs, 0.75rem)';\n\n/** The look of every axis: no line, no tick mark, muted text. */\nexport const AXIS = {\n  axisLine: false,\n  tickLine: false,\n  tickMargin: 8,\n  tick: { fill: MUTED, style: { fontSize: TEXT_SIZE } },\n} as const;\n\n// `AXIS` again, with a `tick` object of its own. Recharts measures a\n// `width=\"auto\"` axis when its settings change, and reads the same `tick`\n// object as no change: handing it a new one after a web font has loaded makes\n// the axis measure its labels again, in the font that is drawn.\nconst AXIS_AFTER_FONTS = { ...AXIS, tick: { ...AXIS.tick } } as const;\n\n/**\n * `AXIS` for the axes of a chart. Once a web font has finished loading after\n * the chart mounted it is another object, once: the labels were measured in\n * the fallback font, and an axis with `width=\"auto\"` makes room for them in\n * the font that is drawn (recharts 3.10.1 measures on a settings change).\n */\nexport const useAxis = () => (useFontsLoaded() ? AXIS_AFTER_FONTS : AXIS);\n\n/** The grid: horizontal dashed lines only. */\nexport const GRID_PROPS = {\n  vertical: false,\n  stroke: GRID,\n  strokeDasharray: '4 4',\n} as const;\n\n// `fill` as an attribute too: the label's own default is gray.\nconst titleStyle = { fill: MUTED, fontSize: TEXT_SIZE } as const;\n\n/** Props for an `XAxis` with an optional title under it. The title is SVG text: markup shows as written. */\nexport const xAxisTitle = (title?: string) =>\n  title\n    ? ({\n        height: 52,\n        label: {\n          value: title,\n          position: 'insideBottom',\n          offset: 0,\n          fill: MUTED,\n          style: titleStyle,\n        },\n      } as const)\n    : {};\n\n/** Props for a `YAxis` with an optional title beside it. */\nexport const yAxisTitle = (title?: string) =>\n  title\n    ? ({\n        label: {\n          value: title,\n          angle: -90,\n          position: 'insideLeft',\n          offset: 4,\n          fill: MUTED,\n          style: { ...titleStyle, textAnchor: 'middle' },\n        },\n      } as const)\n    : {};\n"]}

package/dist/chunk-ESVGCUJN.js

@@ -0,0 +1,58 @@
+"use client";
+import { TEXT_SIZE } from './chunk-DI2FBGKM.js';
+import { INTENT_COLORS, MUTED } from './chunk-UATB2IRY.js';
+import { ReferenceArea, ReferenceLine } from 'recharts';
+import { jsx } from 'react/jsx-runtime';
+
+var DASH = "6 4";
+var BAND_LAYER = 50;
+var labelOf = (value, position) => ({
+  value,
+  position,
+  className: "recharts-reference-label",
+  fill: MUTED,
+  style: { fontSize: TEXT_SIZE }
+});
+var referenceMarks = ({
+  referenceLines = [],
+  referenceBands = [],
+  axis = "y",
+  axisId
+}) => {
+  const onAxis = axisId === void 0 ? {} : { [`${axis}AxisId`]: axisId };
+  return [
+    ...referenceBands.map((band, i) => {
+      const [low, high] = [Math.min(band.from, band.to), Math.max(band.from, band.to)];
+      return /* @__PURE__ */ jsx(
+        ReferenceArea,
+        {
+          ...{ [`${axis}1`]: low, [`${axis}2`]: high },
+          ...onAxis,
+          fill: INTENT_COLORS[band.intent ?? "neutral"],
+          fillOpacity: 0.14,
+          ifOverflow: "extendDomain",
+          zIndex: BAND_LAYER,
+          label: band.label ? labelOf(band.label, "insideTopLeft") : void 0
+        },
+        `band-${i}`
+      );
+    }),
+    ...referenceLines.map((line, i) => /* @__PURE__ */ jsx(
+      ReferenceLine,
+      {
+        ...{ [axis]: line.value },
+        ...onAxis,
+        stroke: INTENT_COLORS[line.intent ?? "neutral"],
+        strokeWidth: 1.5,
+        strokeDasharray: line.dashed ? DASH : void 0,
+        ifOverflow: "extendDomain",
+        label: line.label ? labelOf(line.label, "insideTopRight") : void 0
+      },
+      `line-${i}`
+    ))
+  ];
+};
+
+export { referenceMarks };
+//# sourceMappingURL=chunk-ESVGCUJN.js.map
+//# sourceMappingURL=chunk-ESVGCUJN.js.map

package/dist/chunk-ESVGCUJN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/reference.tsx"],"names":[],"mappings":";;;;;;AAYA,IAAM,IAAA,GAAO,KAAA;AAEb,IAAM,UAAA,GAAa,EAAA;AAInB,IAAM,OAAA,GAAU,CAAC,KAAA,EAAe,QAAA,MAAkD;AAAA,EAChF,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,EAAW,0BAAA;AAAA,EACX,IAAA,EAAM,KAAA;AAAA,EACN,KAAA,EAAO,EAAE,QAAA,EAAU,SAAA;AACrB,CAAA,CAAA;AASO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,EAAC;AAAA,EAClB,iBAAiB,EAAC;AAAA,EAClB,IAAA,GAAO,GAAA;AAAA,EACP;AACF,CAAA,KAAwB;AACtB,EAAA,MAAM,MAAA,GAAS,MAAA,KAAW,MAAA,GAAY,EAAC,GAAI,EAAE,CAAC,CAAA,EAAG,IAAI,CAAA,MAAA,CAAQ,GAAG,MAAA,EAAO;AACvE,EAAA,OAAO;AAAA,IACL,GAAG,cAAA,CAAe,GAAA,CAAI,CAAC,MAAM,CAAA,KAAM;AACjC,MAAA,MAAM,CAAC,GAAA,EAAK,IAAI,IAAI,CAAC,IAAA,CAAK,IAAI,IAAA,CAAK,IAAA,EAAM,IAAA,CAAK,EAAE,GAAG,IAAA,CAAK,GAAA,CAAI,KAAK,IAAA,EAAM,IAAA,CAAK,EAAE,CAAC,CAAA;AAC/E,MAAA,uBACE,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UAEE,GAAG,EAAE,CAAC,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,GAAG,GAAA,EAAK,CAAC,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,GAAG,IAAA,EAAK;AAAA,UAC3C,GAAG,MAAA;AAAA,UACJ,IAAA,EAAM,aAAA,CAAc,IAAA,CAAK,MAAA,IAAU,SAAS,CAAA;AAAA,UAC5C,WAAA,EAAa,IAAA;AAAA,UACb,UAAA,EAAW,cAAA;AAAA,UACX,MAAA,EAAQ,UAAA;AAAA,UACR,OAAO,IAAA,CAAK,KAAA,GAAQ,QAAQ,IAAA,CAAK,KAAA,EAAO,eAAe,CAAA,GAAI;AAAA,SAAA;AAAA,QAPtD,QAAQ,CAAC,CAAA;AAAA,OAQhB;AAAA,IAEJ,CAAC,CAAA;AAAA,IACD,GAAG,cAAA,CAAe,GAAA,CAAI,CAAC,MAAM,CAAA,qBAC3B,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QAEE,GAAG,EAAE,CAAC,IAAI,GAAG,KAAK,KAAA,EAAM;AAAA,QACxB,GAAG,MAAA;AAAA,QACJ,MAAA,EAAQ,aAAA,CAAc,IAAA,CAAK,MAAA,IAAU,SAAS,CAAA;AAAA,QAC9C,WAAA,EAAa,GAAA;AAAA,QACb,eAAA,EAAiB,IAAA,CAAK,MAAA,GAAS,IAAA,GAAO,MAAA;AAAA,QACtC,UAAA,EAAW,cAAA;AAAA,QACX,OAAO,IAAA,CAAK,KAAA,GAAQ,QAAQ,IAAA,CAAK,KAAA,EAAO,gBAAgB,CAAA,GAAI;AAAA,OAAA;AAAA,MAPvD,QAAQ,CAAC,CAAA;AAAA,KASjB;AAAA,GACH;AACF","file":"chunk-ESVGCUJN.js","sourcesContent":["import { ReferenceArea, ReferenceLine } from 'recharts';\nimport type { ChartReferenceProps } from '../types';\nimport { TEXT_SIZE } from './axes';\nimport { INTENT_COLORS, MUTED } from './colors';\n\ntype ReferenceOptions = ChartReferenceProps & {\n  /** The axis the values are read on: `y` (default), or `x` on a chart of horizontal bars. */\n  axis?: 'x' | 'y';\n  /** The id of that axis, when the chart has several. */\n  axisId?: string;\n};\n\nconst DASH = '6 4';\n// Behind the series (an area is at 100, a bar at 300) and above the grid.\nconst BAND_LAYER = 50;\n\n// Plain SVG text in the muted color: an amber or red label would not read on\n// the card in every theme, so the line and the band carry the intent.\nconst labelOf = (value: string, position: 'insideTopRight' | 'insideTopLeft') => ({\n  value,\n  position,\n  className: 'recharts-reference-label',\n  fill: MUTED,\n  style: { fontSize: TEXT_SIZE },\n});\n\n/**\n * The `ReferenceArea`s then the `ReferenceLine`s of a chart's `referenceBands`\n * and `referenceLines`, to render inside it, before `children`. A mark outside\n * the data makes the axis reach it (`ifOverflow=\"extendDomain\"`) instead of\n * vanishing. Colors come from `INTENT_COLORS`, so a theme switch repaints\n * them; labels are text, not markup.\n */\nexport const referenceMarks = ({\n  referenceLines = [],\n  referenceBands = [],\n  axis = 'y',\n  axisId,\n}: ReferenceOptions) => {\n  const onAxis = axisId === undefined ? {} : { [`${axis}AxisId`]: axisId };\n  return [\n    ...referenceBands.map((band, i) => {\n      const [low, high] = [Math.min(band.from, band.to), Math.max(band.from, band.to)];\n      return (\n        <ReferenceArea\n          key={`band-${i}`}\n          {...{ [`${axis}1`]: low, [`${axis}2`]: high }}\n          {...onAxis}\n          fill={INTENT_COLORS[band.intent ?? 'neutral']}\n          fillOpacity={0.14}\n          ifOverflow=\"extendDomain\"\n          zIndex={BAND_LAYER}\n          label={band.label ? labelOf(band.label, 'insideTopLeft') : undefined}\n        />\n      );\n    }),\n    ...referenceLines.map((line, i) => (\n      <ReferenceLine\n        key={`line-${i}`}\n        {...{ [axis]: line.value }}\n        {...onAxis}\n        stroke={INTENT_COLORS[line.intent ?? 'neutral']}\n        strokeWidth={1.5}\n        strokeDasharray={line.dashed ? DASH : undefined}\n        ifOverflow=\"extendDomain\"\n        label={line.label ? labelOf(line.label, 'insideTopRight') : undefined}\n      />\n    )),\n  ];\n};\n"]}

package/dist/chunk-F2PMFYJ5.cjs

@@ -0,0 +1,40 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+// src/core/categoryKeys.ts
+var AS_RECHARTS = {
+  ArrowDown: "ArrowLeft",
+  ArrowRight: "ArrowLeft",
+  ArrowUp: "ArrowRight",
+  ArrowLeft: "ArrowRight"
+};
+var remapped = /* @__PURE__ */ new WeakSet();
+var useCategoryKeys = (layout) => react.useCallback(
+  (svg) => {
+    if (!svg || layout !== "vertical") return;
+    const onKeyDown = (event) => {
+      const key = AS_RECHARTS[event.key];
+      if (!key || remapped.has(event) || event.ctrlKey || event.metaKey || event.altKey) return;
+      if (event.key === "ArrowUp" || event.key === "ArrowDown") event.preventDefault();
+      event.stopPropagation();
+      const copy = new KeyboardEvent("keydown", {
+        key,
+        bubbles: true,
+        cancelable: true,
+        repeat: event.repeat,
+        shiftKey: event.shiftKey
+      });
+      remapped.add(copy);
+      svg.dispatchEvent(copy);
+    };
+    svg.addEventListener("keydown", onKeyDown, true);
+    return () => svg.removeEventListener("keydown", onKeyDown, true);
+  },
+  [layout]
+);
+
+exports.useCategoryKeys = useCategoryKeys;
+//# sourceMappingURL=chunk-F2PMFYJ5.cjs.map
+//# sourceMappingURL=chunk-F2PMFYJ5.cjs.map

package/dist/chunk-F2PMFYJ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/categoryKeys.ts"],"names":["useCallback"],"mappings":";;;;;;AAWA,IAAM,WAAA,GAAsC;AAAA,EAC1C,SAAA,EAAW,WAAA;AAAA,EACX,UAAA,EAAY,WAAA;AAAA,EACZ,OAAA,EAAS,YAAA;AAAA,EACT,SAAA,EAAW;AACb,CAAA;AAGA,IAAM,QAAA,uBAAe,OAAA,EAAe;AAc7B,IAAM,eAAA,GAAkB,CAAC,MAAA,KAC9BA,iBAAA;AAAA,EACE,CAAC,GAAA,KAA8B;AAC7B,IAAA,IAAI,CAAC,GAAA,IAAO,MAAA,KAAW,UAAA,EAAY;AACnC,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,MAAA,MAAM,GAAA,GAAM,WAAA,CAAY,KAAA,CAAM,GAAG,CAAA;AACjC,MAAA,IAAI,CAAC,GAAA,IAAO,QAAA,CAAS,GAAA,CAAI,KAAK,CAAA,IAAK,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,MAAA,EAAQ;AACnF,MAAA,IAAI,MAAM,GAAA,KAAQ,SAAA,IAAa,MAAM,GAAA,KAAQ,WAAA,QAAmB,cAAA,EAAe;AAC/E,MAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,MAAA,MAAM,IAAA,GAAO,IAAI,aAAA,CAAc,SAAA,EAAW;AAAA,QACxC,GAAA;AAAA,QACA,OAAA,EAAS,IAAA;AAAA,QACT,UAAA,EAAY,IAAA;AAAA,QACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,UAAU,KAAA,CAAM;AAAA,OACjB,CAAA;AACD,MAAA,QAAA,CAAS,IAAI,IAAI,CAAA;AACjB,MAAA,GAAA,CAAI,cAAc,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,SAAA,EAAW,SAAA,EAAW,IAAI,CAAA;AAC/C,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,SAAA,EAAW,WAAW,IAAI,CAAA;AAAA,EACjE,CAAA;AAAA,EACA,CAAC,MAAM;AACT","file":"chunk-F2PMFYJ5.cjs","sourcesContent":["import { useCallback } from 'react';\n\n// Recharts 3.10.1: `keyboardEventsMiddleware` reads ArrowLeft and ArrowRight\n// only, and treats every chart direction but `left-to-right` as reversed.\n// `selectChartDirection` answers `top-to-bottom` for a vertical layout, so\n// there ArrowRight goes back, ArrowLeft goes forward and ArrowUp and ArrowDown\n// do nothing. Remove this once a Recharts release walks the categories\n// downward on ArrowDown.\n\n// The key to hand Recharts for each key pressed: in a vertical layout its\n// ArrowLeft is the next category and its ArrowRight the previous one.\nconst AS_RECHARTS: Record<string, string> = {\n  ArrowDown: 'ArrowLeft',\n  ArrowRight: 'ArrowLeft',\n  ArrowUp: 'ArrowRight',\n  ArrowLeft: 'ArrowRight',\n};\n\n// The events this hook made, which it must let through.\nconst remapped = new WeakSet<Event>();\n\n/**\n * The `ref` of a Recharts chart whose `layout` is `vertical`, the categories on\n * the vertical axis (a horizontal `BarChart`): ArrowDown and ArrowRight move\n * to the next category and ArrowUp and ArrowLeft to the previous one. In a\n * `horizontal` layout the ref does nothing.\n *\n * Recharts reads `event.key` from the keydown that reaches its wrapper, so the\n * arrow key is replaced there by the one Recharts reads the way we want: the\n * original is stopped on the chart and a copy with the other key is dispatched\n * in its place. ArrowUp and ArrowDown walk the chart now, so they no longer\n * scroll the page.\n */\nexport const useCategoryKeys = (layout: 'horizontal' | 'vertical') =>\n  useCallback(\n    (svg: SVGSVGElement | null) => {\n      if (!svg || layout !== 'vertical') return;\n      const onKeyDown = (event: KeyboardEvent) => {\n        const key = AS_RECHARTS[event.key];\n        if (!key || remapped.has(event) || event.ctrlKey || event.metaKey || event.altKey) return;\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') event.preventDefault();\n        event.stopPropagation();\n        const copy = new KeyboardEvent('keydown', {\n          key,\n          bubbles: true,\n          cancelable: true,\n          repeat: event.repeat,\n          shiftKey: event.shiftKey,\n        });\n        remapped.add(copy);\n        svg.dispatchEvent(copy);\n      };\n      svg.addEventListener('keydown', onKeyDown, true);\n      return () => svg.removeEventListener('keydown', onKeyDown, true);\n    },\n    [layout]\n  );\n"]}

package/dist/chunk-FUZW3H5X.js

@@ -0,0 +1,38 @@
+"use client";
+import { useCallback } from 'react';
+
+// src/core/categoryKeys.ts
+var AS_RECHARTS = {
+  ArrowDown: "ArrowLeft",
+  ArrowRight: "ArrowLeft",
+  ArrowUp: "ArrowRight",
+  ArrowLeft: "ArrowRight"
+};
+var remapped = /* @__PURE__ */ new WeakSet();
+var useCategoryKeys = (layout) => useCallback(
+  (svg) => {
+    if (!svg || layout !== "vertical") return;
+    const onKeyDown = (event) => {
+      const key = AS_RECHARTS[event.key];
+      if (!key || remapped.has(event) || event.ctrlKey || event.metaKey || event.altKey) return;
+      if (event.key === "ArrowUp" || event.key === "ArrowDown") event.preventDefault();
+      event.stopPropagation();
+      const copy = new KeyboardEvent("keydown", {
+        key,
+        bubbles: true,
+        cancelable: true,
+        repeat: event.repeat,
+        shiftKey: event.shiftKey
+      });
+      remapped.add(copy);
+      svg.dispatchEvent(copy);
+    };
+    svg.addEventListener("keydown", onKeyDown, true);
+    return () => svg.removeEventListener("keydown", onKeyDown, true);
+  },
+  [layout]
+);
+
+export { useCategoryKeys };
+//# sourceMappingURL=chunk-FUZW3H5X.js.map
+//# sourceMappingURL=chunk-FUZW3H5X.js.map

package/dist/chunk-FUZW3H5X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/categoryKeys.ts"],"names":[],"mappings":";;;;AAWA,IAAM,WAAA,GAAsC;AAAA,EAC1C,SAAA,EAAW,WAAA;AAAA,EACX,UAAA,EAAY,WAAA;AAAA,EACZ,OAAA,EAAS,YAAA;AAAA,EACT,SAAA,EAAW;AACb,CAAA;AAGA,IAAM,QAAA,uBAAe,OAAA,EAAe;AAc7B,IAAM,eAAA,GAAkB,CAAC,MAAA,KAC9B,WAAA;AAAA,EACE,CAAC,GAAA,KAA8B;AAC7B,IAAA,IAAI,CAAC,GAAA,IAAO,MAAA,KAAW,UAAA,EAAY;AACnC,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,MAAA,MAAM,GAAA,GAAM,WAAA,CAAY,KAAA,CAAM,GAAG,CAAA;AACjC,MAAA,IAAI,CAAC,GAAA,IAAO,QAAA,CAAS,GAAA,CAAI,KAAK,CAAA,IAAK,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,MAAA,EAAQ;AACnF,MAAA,IAAI,MAAM,GAAA,KAAQ,SAAA,IAAa,MAAM,GAAA,KAAQ,WAAA,QAAmB,cAAA,EAAe;AAC/E,MAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,MAAA,MAAM,IAAA,GAAO,IAAI,aAAA,CAAc,SAAA,EAAW;AAAA,QACxC,GAAA;AAAA,QACA,OAAA,EAAS,IAAA;AAAA,QACT,UAAA,EAAY,IAAA;AAAA,QACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,UAAU,KAAA,CAAM;AAAA,OACjB,CAAA;AACD,MAAA,QAAA,CAAS,IAAI,IAAI,CAAA;AACjB,MAAA,GAAA,CAAI,cAAc,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,SAAA,EAAW,SAAA,EAAW,IAAI,CAAA;AAC/C,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,SAAA,EAAW,WAAW,IAAI,CAAA;AAAA,EACjE,CAAA;AAAA,EACA,CAAC,MAAM;AACT","file":"chunk-FUZW3H5X.js","sourcesContent":["import { useCallback } from 'react';\n\n// Recharts 3.10.1: `keyboardEventsMiddleware` reads ArrowLeft and ArrowRight\n// only, and treats every chart direction but `left-to-right` as reversed.\n// `selectChartDirection` answers `top-to-bottom` for a vertical layout, so\n// there ArrowRight goes back, ArrowLeft goes forward and ArrowUp and ArrowDown\n// do nothing. Remove this once a Recharts release walks the categories\n// downward on ArrowDown.\n\n// The key to hand Recharts for each key pressed: in a vertical layout its\n// ArrowLeft is the next category and its ArrowRight the previous one.\nconst AS_RECHARTS: Record<string, string> = {\n  ArrowDown: 'ArrowLeft',\n  ArrowRight: 'ArrowLeft',\n  ArrowUp: 'ArrowRight',\n  ArrowLeft: 'ArrowRight',\n};\n\n// The events this hook made, which it must let through.\nconst remapped = new WeakSet<Event>();\n\n/**\n * The `ref` of a Recharts chart whose `layout` is `vertical`, the categories on\n * the vertical axis (a horizontal `BarChart`): ArrowDown and ArrowRight move\n * to the next category and ArrowUp and ArrowLeft to the previous one. In a\n * `horizontal` layout the ref does nothing.\n *\n * Recharts reads `event.key` from the keydown that reaches its wrapper, so the\n * arrow key is replaced there by the one Recharts reads the way we want: the\n * original is stopped on the chart and a copy with the other key is dispatched\n * in its place. ArrowUp and ArrowDown walk the chart now, so they no longer\n * scroll the page.\n */\nexport const useCategoryKeys = (layout: 'horizontal' | 'vertical') =>\n  useCallback(\n    (svg: SVGSVGElement | null) => {\n      if (!svg || layout !== 'vertical') return;\n      const onKeyDown = (event: KeyboardEvent) => {\n        const key = AS_RECHARTS[event.key];\n        if (!key || remapped.has(event) || event.ctrlKey || event.metaKey || event.altKey) return;\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') event.preventDefault();\n        event.stopPropagation();\n        const copy = new KeyboardEvent('keydown', {\n          key,\n          bubbles: true,\n          cancelable: true,\n          repeat: event.repeat,\n          shiftKey: event.shiftKey,\n        });\n        remapped.add(copy);\n        svg.dispatchEvent(copy);\n      };\n      svg.addEventListener('keydown', onKeyDown, true);\n      return () => svg.removeEventListener('keydown', onKeyDown, true);\n    },\n    [layout]\n  );\n"]}

package/dist/chunk-G4WOPX4D.cjs

@@ -0,0 +1,51 @@
+"use client";
+'use strict';
+
+var chunkSR2ESX3R_cjs = require('./chunk-SR2ESX3R.cjs');
+var chunkLT3UC65O_cjs = require('./chunk-LT3UC65O.cjs');
+
+// src/core/axes.ts
+var TEXT_SIZE = "var(--text-xs, 0.75rem)";
+var AXIS = {
+  axisLine: false,
+  tickLine: false,
+  tickMargin: 8,
+  tick: { fill: chunkLT3UC65O_cjs.MUTED, style: { fontSize: TEXT_SIZE } }
+};
+var AXIS_AFTER_FONTS = { ...AXIS, tick: { ...AXIS.tick } };
+var useAxis = () => chunkSR2ESX3R_cjs.useFontsLoaded() ? AXIS_AFTER_FONTS : AXIS;
+var GRID_PROPS = {
+  vertical: false,
+  stroke: chunkLT3UC65O_cjs.GRID,
+  strokeDasharray: "4 4"
+};
+var titleStyle = { fill: chunkLT3UC65O_cjs.MUTED, fontSize: TEXT_SIZE };
+var xAxisTitle = (title) => title ? {
+  height: 52,
+  label: {
+    value: title,
+    position: "insideBottom",
+    offset: 0,
+    fill: chunkLT3UC65O_cjs.MUTED,
+    style: titleStyle
+  }
+} : {};
+var yAxisTitle = (title) => title ? {
+  label: {
+    value: title,
+    angle: -90,
+    position: "insideLeft",
+    offset: 4,
+    fill: chunkLT3UC65O_cjs.MUTED,
+    style: { ...titleStyle, textAnchor: "middle" }
+  }
+} : {};
+
+exports.AXIS = AXIS;
+exports.GRID_PROPS = GRID_PROPS;
+exports.TEXT_SIZE = TEXT_SIZE;
+exports.useAxis = useAxis;
+exports.xAxisTitle = xAxisTitle;
+exports.yAxisTitle = yAxisTitle;
+//# sourceMappingURL=chunk-G4WOPX4D.cjs.map
+//# sourceMappingURL=chunk-G4WOPX4D.cjs.map

package/dist/chunk-G4WOPX4D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/axes.ts"],"names":["MUTED","useFontsLoaded","GRID"],"mappings":";;;;;;;AAMO,IAAM,SAAA,GAAY;AAGlB,IAAM,IAAA,GAAO;AAAA,EAClB,QAAA,EAAU,KAAA;AAAA,EACV,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,CAAA;AAAA,EACZ,IAAA,EAAM,EAAE,IAAA,EAAMA,uBAAA,EAAO,OAAO,EAAE,QAAA,EAAU,WAAU;AACpD;AAMA,IAAM,gBAAA,GAAmB,EAAE,GAAG,IAAA,EAAM,MAAM,EAAE,GAAG,IAAA,CAAK,IAAA,EAAK,EAAE;AAQpD,IAAM,OAAA,GAAU,MAAOC,gCAAA,EAAe,GAAI,gBAAA,GAAmB;AAG7D,IAAM,UAAA,GAAa;AAAA,EACxB,QAAA,EAAU,KAAA;AAAA,EACV,MAAA,EAAQC,sBAAA;AAAA,EACR,eAAA,EAAiB;AACnB;AAGA,IAAM,UAAA,GAAa,EAAE,IAAA,EAAMF,uBAAA,EAAO,UAAU,SAAA,EAAU;AAG/C,IAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,GACK;AAAA,EACC,MAAA,EAAQ,EAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,cAAA;AAAA,IACV,MAAA,EAAQ,CAAA;AAAA,IACR,IAAA,EAAMA,uBAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAA,GACA;AAGC,IAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,GACK;AAAA,EACC,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,KAAA,EAAO,GAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,CAAA;AAAA,IACR,IAAA,EAAMA,uBAAA;AAAA,IACN,KAAA,EAAO,EAAE,GAAG,UAAA,EAAY,YAAY,QAAA;AAAS;AAEjD,CAAA,GACA","file":"chunk-G4WOPX4D.cjs","sourcesContent":["import { GRID, MUTED } from './colors';\nimport { useFontsLoaded } from './frame';\n\n// Axis text is 12px at the normal text size and follows the text size setting:\n// `--text-xs` is rescaled on <html> by `data-text-size`. The fallback is the\n// normal size, for an app that doesn't load the theme.\nexport const TEXT_SIZE = 'var(--text-xs, 0.75rem)';\n\n/** The look of every axis: no line, no tick mark, muted text. */\nexport const AXIS = {\n  axisLine: false,\n  tickLine: false,\n  tickMargin: 8,\n  tick: { fill: MUTED, style: { fontSize: TEXT_SIZE } },\n} as const;\n\n// `AXIS` again, with a `tick` object of its own. Recharts measures a\n// `width=\"auto\"` axis when its settings change, and reads the same `tick`\n// object as no change: handing it a new one after a web font has loaded makes\n// the axis measure its labels again, in the font that is drawn.\nconst AXIS_AFTER_FONTS = { ...AXIS, tick: { ...AXIS.tick } } as const;\n\n/**\n * `AXIS` for the axes of a chart. Once a web font has finished loading after\n * the chart mounted it is another object, once: the labels were measured in\n * the fallback font, and an axis with `width=\"auto\"` makes room for them in\n * the font that is drawn (recharts 3.10.1 measures on a settings change).\n */\nexport const useAxis = () => (useFontsLoaded() ? AXIS_AFTER_FONTS : AXIS);\n\n/** The grid: horizontal dashed lines only. */\nexport const GRID_PROPS = {\n  vertical: false,\n  stroke: GRID,\n  strokeDasharray: '4 4',\n} as const;\n\n// `fill` as an attribute too: the label's own default is gray.\nconst titleStyle = { fill: MUTED, fontSize: TEXT_SIZE } as const;\n\n/** Props for an `XAxis` with an optional title under it. The title is SVG text: markup shows as written. */\nexport const xAxisTitle = (title?: string) =>\n  title\n    ? ({\n        height: 52,\n        label: {\n          value: title,\n          position: 'insideBottom',\n          offset: 0,\n          fill: MUTED,\n          style: titleStyle,\n        },\n      } as const)\n    : {};\n\n/** Props for a `YAxis` with an optional title beside it. */\nexport const yAxisTitle = (title?: string) =>\n  title\n    ? ({\n        label: {\n          value: title,\n          angle: -90,\n          position: 'insideLeft',\n          offset: 4,\n          fill: MUTED,\n          style: { ...titleStyle, textAnchor: 'middle' },\n        },\n      } as const)\n    : {};\n"]}

package/dist/chunk-GDZLYYL2.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+
+// src/core/roundedBar.tsx
+var roundedRect = (x, y, w, h, [tl, tr, br, bl]) => `M${x + tl},${y}H${x + w - tr}a${tr},${tr} 0 0 1 ${tr},${tr}V${y + h - br}a${br},${br} 0 0 1 ${-br},${br}H${x + bl}a${bl},${bl} 0 0 1 ${-bl},${-bl}V${y + tl}a${tl},${tl} 0 0 1 ${tl},${-tl}Z`;
+var roundedBarShape = ({ layout, radius, dataKey, isOuter, fillFor }) => (props) => {
+  const { x, y, width, height } = props;
+  const row = props.payload ?? {};
+  const fill = fillFor?.(Number(row[dataKey]), props.index) ?? props.fill;
+  const left = Math.min(x, x + width);
+  const top = Math.min(y, y + height);
+  const w = Math.abs(width);
+  const h = Math.abs(height);
+  if (!(w > 0) || !(h > 0)) return null;
+  const negative = Number(row[dataKey]) < 0;
+  const r = !isOuter || isOuter(row) ? Math.min(radius, w / 2, h / 2) : 0;
+  const corners = layout === "horizontal" ? negative ? [0, 0, r, r] : [r, r, 0, 0] : negative ? [r, 0, 0, r] : [0, r, r, 0];
+  return /* @__PURE__ */ jsx("path", { d: roundedRect(left, top, w, h, corners), fill });
+};
+var isOuterInStack = (keys, key) => (row) => {
+  const value = Number(row[key]);
+  return !keys.slice(keys.indexOf(key) + 1).some((other) => Number(row[other]) !== 0 && Number(row[other]) * value > 0);
+};
+
+export { isOuterInStack, roundedBarShape };
+//# sourceMappingURL=chunk-GDZLYYL2.js.map
+//# sourceMappingURL=chunk-GDZLYYL2.js.map

package/dist/chunk-GDZLYYL2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/roundedBar.tsx"],"names":[],"mappings":"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","file":"chunk-GDZLYYL2.js","sourcesContent":["import type { BarShapeProps } from 'recharts';\n\n/** The side of the plot a bar grows from: `horizontal` is a column chart, `vertical` a chart of horizontal bars (Recharts' own words for `layout`). */\nexport type BarLayout = 'horizontal' | 'vertical';\n\n// A rectangle with its own radius at each corner: top-left, top-right,\n// bottom-right, bottom-left.\nconst roundedRect = (\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  [tl, tr, br, bl]: [number, number, number, number]\n) =>\n  `M${x + tl},${y}H${x + w - tr}a${tr},${tr} 0 0 1 ${tr},${tr}V${y + h - br}` +\n  `a${br},${br} 0 0 1 ${-br},${br}H${x + bl}a${bl},${bl} 0 0 1 ${-bl},${-bl}` +\n  `V${y + tl}a${tl},${tl} 0 0 1 ${tl},${-tl}Z`;\n\ntype RoundedBarOptions = {\n  layout: BarLayout;\n  /** The corner radius of the outer end, in px. */\n  radius: number;\n  /** The key of the series in the data rows, to read the sign of the value. */\n  dataKey: string;\n  /**\n   * Whether this bar is the outer end of its stack in `row`. A bar outside a\n   * stack, or the last of it on its side of the axis, is. Default: always.\n   */\n  isOuter?: (row: Record<string, unknown>) => boolean;\n  /**\n   * The fill of a bar from its value and the index of its category, or\n   * `undefined` for the series' own color.\n   */\n  fillFor?: (value: number, index: number) => string | undefined;\n};\n\n/**\n * The `shape` of a `Bar` that rounds the end away from the axis only: the top\n * of a column, the right of a horizontal bar, and the other end when the value\n * is negative. In a stack only the outermost segment on each side is rounded,\n * so the stack reads as one bar. The radius shrinks to fit a short bar. With\n * `fillFor`, a bar can take a color of its own.\n */\nexport const roundedBarShape =\n  ({ layout, radius, dataKey, isOuter, fillFor }: RoundedBarOptions) =>\n  (props: BarShapeProps) => {\n    const { x, y, width, height } = props;\n    const row = (props.payload ?? {}) as Record<string, unknown>;\n    const fill = fillFor?.(Number(row[dataKey]), props.index) ?? props.fill;\n    // The rectangle has a negative size when the value is below zero.\n    const left = Math.min(x, x + width);\n    const top = Math.min(y, y + height);\n    const w = Math.abs(width);\n    const h = Math.abs(height);\n    if (!(w > 0) || !(h > 0)) return null;\n    const negative = Number(row[dataKey]) < 0;\n    const r = !isOuter || isOuter(row) ? Math.min(radius, w / 2, h / 2) : 0;\n    const corners: [number, number, number, number] =\n      layout === 'horizontal'\n        ? negative\n          ? [0, 0, r, r]\n          : [r, r, 0, 0]\n        : negative\n          ? [r, 0, 0, r]\n          : [0, r, r, 0];\n    return <path d={roundedRect(left, top, w, h, corners)} fill={fill} />;\n  };\n\n/**\n * For a stack, whether the series `key` is the last one drawn on its side of\n * the axis in a row, among the `keys` of the series that are shown.\n */\nexport const isOuterInStack =\n  (keys: readonly string[], key: string) => (row: Record<string, unknown>) => {\n    const value = Number(row[key]);\n    return !keys\n      .slice(keys.indexOf(key) + 1)\n      .some((other) => Number(row[other]) !== 0 && Number(row[other]) * value > 0);\n  };\n"]}

package/dist/chunk-GVTMZYOM.cjs

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/core/roundedBar.tsx
+var roundedRect = (x, y, w, h, [tl, tr, br, bl]) => `M${x + tl},${y}H${x + w - tr}a${tr},${tr} 0 0 1 ${tr},${tr}V${y + h - br}a${br},${br} 0 0 1 ${-br},${br}H${x + bl}a${bl},${bl} 0 0 1 ${-bl},${-bl}V${y + tl}a${tl},${tl} 0 0 1 ${tl},${-tl}Z`;
+var roundedBarShape = ({ layout, radius, dataKey, isOuter, fillFor }) => (props) => {
+  const { x, y, width, height } = props;
+  const row = props.payload ?? {};
+  const fill = fillFor?.(Number(row[dataKey]), props.index) ?? props.fill;
+  const left = Math.min(x, x + width);
+  const top = Math.min(y, y + height);
+  const w = Math.abs(width);
+  const h = Math.abs(height);
+  if (!(w > 0) || !(h > 0)) return null;
+  const negative = Number(row[dataKey]) < 0;
+  const r = !isOuter || isOuter(row) ? Math.min(radius, w / 2, h / 2) : 0;
+  const corners = layout === "horizontal" ? negative ? [0, 0, r, r] : [r, r, 0, 0] : negative ? [r, 0, 0, r] : [0, r, r, 0];
+  return /* @__PURE__ */ jsxRuntime.jsx("path", { d: roundedRect(left, top, w, h, corners), fill });
+};
+var isOuterInStack = (keys, key) => (row) => {
+  const value = Number(row[key]);
+  return !keys.slice(keys.indexOf(key) + 1).some((other) => Number(row[other]) !== 0 && Number(row[other]) * value > 0);
+};
+
+exports.isOuterInStack = isOuterInStack;
+exports.roundedBarShape = roundedBarShape;
+//# sourceMappingURL=chunk-GVTMZYOM.cjs.map
+//# sourceMappingURL=chunk-GVTMZYOM.cjs.map

package/dist/chunk-GVTMZYOM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/roundedBar.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-GVTMZYOM.cjs","sourcesContent":["import type { BarShapeProps } from 'recharts';\n\n/** The side of the plot a bar grows from: `horizontal` is a column chart, `vertical` a chart of horizontal bars (Recharts' own words for `layout`). */\nexport type BarLayout = 'horizontal' | 'vertical';\n\n// A rectangle with its own radius at each corner: top-left, top-right,\n// bottom-right, bottom-left.\nconst roundedRect = (\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  [tl, tr, br, bl]: [number, number, number, number]\n) =>\n  `M${x + tl},${y}H${x + w - tr}a${tr},${tr} 0 0 1 ${tr},${tr}V${y + h - br}` +\n  `a${br},${br} 0 0 1 ${-br},${br}H${x + bl}a${bl},${bl} 0 0 1 ${-bl},${-bl}` +\n  `V${y + tl}a${tl},${tl} 0 0 1 ${tl},${-tl}Z`;\n\ntype RoundedBarOptions = {\n  layout: BarLayout;\n  /** The corner radius of the outer end, in px. */\n  radius: number;\n  /** The key of the series in the data rows, to read the sign of the value. */\n  dataKey: string;\n  /**\n   * Whether this bar is the outer end of its stack in `row`. A bar outside a\n   * stack, or the last of it on its side of the axis, is. Default: always.\n   */\n  isOuter?: (row: Record<string, unknown>) => boolean;\n  /**\n   * The fill of a bar from its value and the index of its category, or\n   * `undefined` for the series' own color.\n   */\n  fillFor?: (value: number, index: number) => string | undefined;\n};\n\n/**\n * The `shape` of a `Bar` that rounds the end away from the axis only: the top\n * of a column, the right of a horizontal bar, and the other end when the value\n * is negative. In a stack only the outermost segment on each side is rounded,\n * so the stack reads as one bar. The radius shrinks to fit a short bar. With\n * `fillFor`, a bar can take a color of its own.\n */\nexport const roundedBarShape =\n  ({ layout, radius, dataKey, isOuter, fillFor }: RoundedBarOptions) =>\n  (props: BarShapeProps) => {\n    const { x, y, width, height } = props;\n    const row = (props.payload ?? {}) as Record<string, unknown>;\n    const fill = fillFor?.(Number(row[dataKey]), props.index) ?? props.fill;\n    // The rectangle has a negative size when the value is below zero.\n    const left = Math.min(x, x + width);\n    const top = Math.min(y, y + height);\n    const w = Math.abs(width);\n    const h = Math.abs(height);\n    if (!(w > 0) || !(h > 0)) return null;\n    const negative = Number(row[dataKey]) < 0;\n    const r = !isOuter || isOuter(row) ? Math.min(radius, w / 2, h / 2) : 0;\n    const corners: [number, number, number, number] =\n      layout === 'horizontal'\n        ? negative\n          ? [0, 0, r, r]\n          : [r, r, 0, 0]\n        : negative\n          ? [r, 0, 0, r]\n          : [0, r, r, 0];\n    return <path d={roundedRect(left, top, w, h, corners)} fill={fill} />;\n  };\n\n/**\n * For a stack, whether the series `key` is the last one drawn on its side of\n * the axis in a row, among the `keys` of the series that are shown.\n */\nexport const isOuterInStack =\n  (keys: readonly string[], key: string) => (row: Record<string, unknown>) => {\n    const value = Number(row[key]);\n    return !keys\n      .slice(keys.indexOf(key) + 1)\n      .some((other) => Number(row[other]) !== 0 && Number(row[other]) * value > 0);\n  };\n"]}

package/dist/chunk-IW6EWB26.cjs

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+// src/core/useElementWidth.ts
+var useElementWidth = () => {
+  const [element, ref] = react.useState(null);
+  const [width, setWidth] = react.useState();
+  react.useEffect(() => {
+    if (!element) return;
+    const observer = new ResizeObserver(([entry]) => setWidth(entry.contentRect.width));
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [element]);
+  return { ref, width };
+};
+
+exports.useElementWidth = useElementWidth;
+//# sourceMappingURL=chunk-IW6EWB26.cjs.map
+//# sourceMappingURL=chunk-IW6EWB26.cjs.map

package/dist/chunk-IW6EWB26.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/useElementWidth.ts"],"names":["useState","useEffect"],"mappings":";;;;;;AAMO,IAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,CAAC,OAAA,EAAS,GAAG,CAAA,GAAIA,eAA6B,IAAI,CAAA;AACxD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAA,EAAiB;AAC3C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,CAAC,CAAC,KAAK,CAAA,KAAM,QAAA,CAAS,KAAA,CAAM,WAAA,CAAY,KAAK,CAAC,CAAA;AAClF,IAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AACxB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAA,OAAO,EAAE,KAAK,KAAA,EAAM;AACtB","file":"chunk-IW6EWB26.cjs","sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * The width of an element, kept up to date while it resizes. Attach `ref` to\n * the element; `width` is `undefined` until it is measured (and in SSR).\n */\nexport const useElementWidth = () => {\n  const [element, ref] = useState<HTMLElement | null>(null);\n  const [width, setWidth] = useState<number>();\n  useEffect(() => {\n    if (!element) return;\n    const observer = new ResizeObserver(([entry]) => setWidth(entry.contentRect.width));\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [element]);\n  return { ref, width };\n};\n"]}

package/dist/chunk-K3R7JGOW.cjs

@@ -0,0 +1,18 @@
+"use client";
+'use strict';
+
+// src/core/data.ts
+var seriesKey = (index) => `s${index}`;
+var toRows = (categories, series) => categories.map((category, i) => ({
+  category,
+  ...Object.fromEntries(series.map((s, k) => [seriesKey(k), s.data[i]]))
+}));
+var hasNoData = (series) => series.every((s) => s.data.length === 0);
+var safeId = (id) => id.replace(/[^a-zA-Z0-9_-]/g, "");
+
+exports.hasNoData = hasNoData;
+exports.safeId = safeId;
+exports.seriesKey = seriesKey;
+exports.toRows = toRows;
+//# sourceMappingURL=chunk-K3R7JGOW.cjs.map
+//# sourceMappingURL=chunk-K3R7JGOW.cjs.map

package/dist/chunk-K3R7JGOW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/data.ts"],"names":[],"mappings":";;;;AAGO,IAAM,SAAA,GAAY,CAAC,KAAA,KAAkB,CAAA,CAAA,EAAI,KAAK,CAAA;AAG9C,IAAM,MAAA,GAAS,CAAC,UAAA,EAA0C,MAAA,KAC/D,WAAW,GAAA,CAAI,CAAC,UAAU,CAAA,MAAO;AAAA,EAC/B,QAAA;AAAA,EACA,GAAG,MAAA,CAAO,WAAA,CAAY,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM,CAAC,SAAA,CAAU,CAAC,CAAA,EAAG,CAAA,CAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACvE,CAAA,CAAE;AAGG,IAAM,SAAA,GAAY,CAAC,MAAA,KACxB,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,KAAM,CAAA,CAAE,IAAA,CAAK,MAAA,KAAW,CAAC;AAGlC,IAAM,SAAS,CAAC,EAAA,KAAe,EAAA,CAAG,OAAA,CAAQ,mBAAmB,EAAE","file":"chunk-K3R7JGOW.cjs","sourcesContent":["export type SeriesInput = { name: string; data: number[] };\n\n/** The data key of series `index`. Series are keyed by position: a name may hold dots, which Recharts reads as a path. */\nexport const seriesKey = (index: number) => `s${index}`;\n\n/** One row per category, with a value under each series key. */\nexport const toRows = (categories: readonly (string | number)[], series: readonly SeriesInput[]) =>\n  categories.map((category, i) => ({\n    category,\n    ...Object.fromEntries(series.map((s, k) => [seriesKey(k), s.data[i]])),\n  }));\n\n/** Whether there is nothing to draw: no series, or only series without a point. */\nexport const hasNoData = (series: readonly { data: readonly unknown[] }[]): boolean =>\n  series.every((s) => s.data.length === 0);\n\n/** An id safe in `url(#…)`, from React's `useId` (`:r1:`). */\nexport const safeId = (id: string) => id.replace(/[^a-zA-Z0-9_-]/g, '');\n"]}

package/dist/chunk-LT3UC65O.cjs

@@ -0,0 +1,68 @@
+"use client";
+'use strict';
+
+// src/core/colors.ts
+var token = (name, fallback) => `var(${name}, ${fallback})`;
+var SERIES_FALLBACKS = [
+  "#465fff",
+  "#06b6d4",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#f97316",
+  "#14b8a6",
+  "#84cc16"
+];
+var SERIES_TOKENS = [
+  "--color-brand-500",
+  ...SERIES_FALLBACKS.slice(1).map((_, i) => `--color-chart-${i + 2}`)
+];
+var SERIES = SERIES_TOKENS.map((name, i) => token(name, SERIES_FALLBACKS[i]));
+var seriesColor = (index, colors) => colors?.length ? colors[index % colors.length] : SERIES[index % SERIES.length];
+var SUCCESS = token("--color-success-500", "#12b76a");
+var ERROR = token("--color-error-500", "#f04438");
+var STATUS_WARN = token("--color-status-warn", "#f59e0b");
+var STATUS_CRIT = token("--color-status-crit", "#ef4444");
+var PANEL = token("--color-bg-panel", "#fff");
+var TEXT = token("--color-text-primary", "#101828");
+var MUTED = token("--color-text-muted", "#677185");
+var BORDER = token("--color-border", "#d0d5dd");
+var GRID = `color-mix(in srgb, ${BORDER} 55%, transparent)`;
+var TRACK = `color-mix(in srgb, ${BORDER} 70%, transparent)`;
+var INTENT_COLORS = {
+  neutral: MUTED,
+  warning: STATUS_WARN,
+  danger: STATUS_CRIT,
+  success: SUCCESS
+};
+var SEQUENTIAL = [42, 56, 70, 84, 100].map(
+  (share) => `color-mix(in oklab, ${SERIES[0]} ${share}%, ${PANEL})`
+);
+var calendarStep = (index, share) => `color-mix(in oklab, ${SERIES[0]} calc(var(--calendar-share-${index}, ${share}) * 1%), ${PANEL})`;
+var CALENDAR_STEPS = [
+  TRACK,
+  calendarStep(1, 48),
+  calendarStep(2, 65),
+  calendarStep(3, 82),
+  `var(--calendar-top, ${SERIES[0]})`
+];
+var CALENDAR_DARK_CLASS = "dark:[--calendar-share-1:50] dark:[--calendar-share-2:70] dark:[--calendar-share-3:100] dark:[--calendar-top:var(--color-brand-400)]";
+
+exports.BORDER = BORDER;
+exports.CALENDAR_DARK_CLASS = CALENDAR_DARK_CLASS;
+exports.CALENDAR_STEPS = CALENDAR_STEPS;
+exports.ERROR = ERROR;
+exports.GRID = GRID;
+exports.INTENT_COLORS = INTENT_COLORS;
+exports.MUTED = MUTED;
+exports.PANEL = PANEL;
+exports.SEQUENTIAL = SEQUENTIAL;
+exports.SERIES = SERIES;
+exports.STATUS_CRIT = STATUS_CRIT;
+exports.STATUS_WARN = STATUS_WARN;
+exports.SUCCESS = SUCCESS;
+exports.TEXT = TEXT;
+exports.TRACK = TRACK;
+exports.seriesColor = seriesColor;
+//# sourceMappingURL=chunk-LT3UC65O.cjs.map
+//# sourceMappingURL=chunk-LT3UC65O.cjs.map

package/dist/chunk-LT3UC65O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/colors.ts"],"names":[],"mappings":";;;;AASA,IAAM,QAAQ,CAAC,IAAA,EAAc,aAAqB,CAAA,IAAA,EAAO,IAAI,KAAK,QAAQ,CAAA,CAAA,CAAA;AAGnE,IAAM,gBAAA,GAAmB;AAAA,EAC9B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA;AAEA,IAAM,aAAA,GAAgB;AAAA,EACpB,mBAAA;AAAA,EACA,GAAG,gBAAA,CAAiB,KAAA,CAAM,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,cAAA,EAAiB,CAAA,GAAI,CAAC,CAAA,CAAE;AACrE,CAAA;AAOO,IAAM,MAAA,GAAS,aAAA,CAAc,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM,KAAA,CAAM,IAAA,EAAM,gBAAA,CAAiB,CAAC,CAAC,CAAC;AAG9E,IAAM,WAAA,GAAc,CAAC,KAAA,EAAe,MAAA,KACzC,QAAQ,MAAA,GAAS,MAAA,CAAO,KAAA,GAAQ,MAAA,CAAO,MAAM,CAAA,GAAI,MAAA,CAAO,KAAA,GAAQ,OAAO,MAAM;AAGxE,IAAM,OAAA,GAAU,KAAA,CAAM,qBAAA,EAAuB,SAAS;AAEtD,IAAM,KAAA,GAAQ,KAAA,CAAM,mBAAA,EAAqB,SAAS;AAElD,IAAM,WAAA,GAAc,KAAA,CAAM,qBAAA,EAAuB,SAAS;AAC1D,IAAM,WAAA,GAAc,KAAA,CAAM,qBAAA,EAAuB,SAAS;AAG1D,IAAM,KAAA,GAAQ,KAAA,CAAM,kBAAA,EAAoB,MAAM;AAC9C,IAAM,IAAA,GAAO,KAAA,CAAM,sBAAA,EAAwB,SAAS;AACpD,IAAM,KAAA,GAAQ,KAAA,CAAM,oBAAA,EAAsB,SAAS;AACnD,IAAM,MAAA,GAAS,KAAA,CAAM,gBAAA,EAAkB,SAAS;AAGhD,IAAM,IAAA,GAAO,sBAAsB,MAAM,CAAA,kBAAA;AACzC,IAAM,KAAA,GAAQ,sBAAsB,MAAM,CAAA,kBAAA;AAG1C,IAAM,aAAA,GAA6C;AAAA,EACxD,OAAA,EAAS,KAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,MAAA,EAAQ,WAAA;AAAA,EACR,OAAA,EAAS;AACX;AASO,IAAM,aAAa,CAAC,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,GAAG,CAAA,CAAE,GAAA;AAAA,EAC9C,CAAC,UAAU,CAAA,oBAAA,EAAuB,MAAA,CAAO,CAAC,CAAC,CAAA,CAAA,EAAI,KAAK,CAAA,GAAA,EAAM,KAAK,CAAA,CAAA;AACjE;AAKA,IAAM,YAAA,GAAe,CAAC,KAAA,EAAe,KAAA,KACnC,CAAA,oBAAA,EAAuB,MAAA,CAAO,CAAC,CAAC,CAAA,2BAAA,EAA8B,KAAK,CAAA,EAAA,EAAK,KAAK,YAAY,KAAK,CAAA,CAAA,CAAA;AAUzF,IAAM,cAAA,GAAiB;AAAA,EAC5B,KAAA;AAAA,EACA,YAAA,CAAa,GAAG,EAAE,CAAA;AAAA,EAClB,YAAA,CAAa,GAAG,EAAE,CAAA;AAAA,EAClB,YAAA,CAAa,GAAG,EAAE,CAAA;AAAA,EAClB,CAAA,oBAAA,EAAuB,MAAA,CAAO,CAAC,CAAC,CAAA,CAAA;AAClC;AAGO,IAAM,mBAAA,GACX","file":"chunk-LT3UC65O.cjs","sourcesContent":["import type { ChartIntent } from '../types';\n\n// The colors every Recharts-based chart draws with. Each one is a CSS variable\n// string handed straight to the SVG (`fill`, `stroke`, `stopColor`, `cursor`):\n// a theme, accent or text size switch on <html> repaints the chart with no\n// observer and no `getComputedStyle`. The hex after the comma is the fallback\n// when the theme CSS isn't loaded or during SSR; with the theme it is never\n// used, since `@sckyzo/cosmos-theme` always emits these variables.\n\nconst token = (name: string, fallback: string) => `var(${name}, ${fallback})`;\n\n/** The hex of each series color in the default theme, series 1 first: the blue accent, then the hues of `--color-chart-2` to `--color-chart-8`. */\nexport const SERIES_FALLBACKS = [\n  '#465fff',\n  '#06b6d4',\n  '#8b5cf6',\n  '#ec4899',\n  '#64748b',\n  '#f97316',\n  '#14b8a6',\n  '#84cc16',\n];\n\nconst SERIES_TOKENS = [\n  '--color-brand-500',\n  ...SERIES_FALLBACKS.slice(1).map((_, i) => `--color-chart-${i + 2}`),\n];\n\n/**\n * The categorical palette: the accent, then seven hues. Which hues is decided\n * in the theme CSS: each accent skips the ones that look like it. None of the\n * first four reads as a status (green, amber, red).\n */\nexport const SERIES = SERIES_TOKENS.map((name, i) => token(name, SERIES_FALLBACKS[i]));\n\n/** The color of series `index`: `colors[index]` when given (cycling), the palette otherwise. */\nexport const seriesColor = (index: number, colors?: readonly string[]): string =>\n  colors?.length ? colors[index % colors.length] : SERIES[index % SERIES.length];\n\n// A chart whose series are statuses passes these as `colors`.\nexport const SUCCESS = token('--color-success-500', '#12b76a');\nexport const WARNING = token('--color-warning-500', '#f79009');\nexport const ERROR = token('--color-error-500', '#f04438');\n/** The monitoring statuses, for thresholds. */\nexport const STATUS_WARN = token('--color-status-warn', '#f59e0b');\nexport const STATUS_CRIT = token('--color-status-crit', '#ef4444');\n\n/** The card the chart sits on. */\nexport const PANEL = token('--color-bg-panel', '#fff');\nexport const TEXT = token('--color-text-primary', '#101828');\nexport const MUTED = token('--color-text-muted', '#677185');\nexport const BORDER = token('--color-border', '#d0d5dd');\n// One semantic border variable reads right on every theme; the grid and the\n// empty part of a gauge are lighter steps of it.\nexport const GRID = `color-mix(in srgb, ${BORDER} 55%, transparent)`;\nexport const TRACK = `color-mix(in srgb, ${BORDER} 70%, transparent)`;\n\n/** The color of a reference line or band by its meaning: muted text for `neutral`, the status colors otherwise. */\nexport const INTENT_COLORS: Record<ChartIntent, string> = {\n  neutral: MUTED,\n  warning: STATUS_WARN,\n  danger: STATUS_CRIT,\n  success: SUCCESS,\n};\n\n/**\n * Five sequential steps of the accent over the card, low to high, on any\n * theme. Mixed in OKLab, which spaces the steps evenly to the eye: against the\n * card, the lowest step stays at 1.5:1 or more in the dark themes whatever the\n * accent (where a 24% share sat at 1.2:1), and two neighbors differ by 1.19:1\n * or more.\n */\nexport const SEQUENTIAL = [42, 56, 70, 84, 100].map(\n  (share) => `color-mix(in oklab, ${SERIES[0]} ${share}%, ${PANEL})`\n);\n\n// A calendar step: a share of the accent over the card. The shares and the top\n// step are variables so that the dark themes can set their own on the chart's\n// root (`CalendarChart`); the fallbacks are the light themes' values.\nconst calendarStep = (index: number, share: number) =>\n  `color-mix(in oklab, ${SERIES[0]} calc(var(--calendar-share-${index}, ${share}) * 1%), ${PANEL})`;\n\n/**\n * Five steps for a calendar of days: the neutral track for a day with no\n * value, then four of the accent. A day without activity is a cell of its own,\n * not a hole, and the four steps stay apart on any theme and accent. In the\n * light themes they are 48, 65, 82 and 100% of the accent over the card; the\n * dark themes set lower shares and a light accent for the top step through\n * `--calendar-share-1` to `-3` and `--calendar-top`.\n */\nexport const CALENDAR_STEPS = [\n  TRACK,\n  calendarStep(1, 48),\n  calendarStep(2, 65),\n  calendarStep(3, 82),\n  `var(--calendar-top, ${SERIES[0]})`,\n];\n\n/** Sets the dark themes' calendar scale on the chart's root: Tailwind's `dark:` covers both of them. */\nexport const CALENDAR_DARK_CLASS =\n  'dark:[--calendar-share-1:50] dark:[--calendar-share-2:70] dark:[--calendar-share-3:100] dark:[--calendar-top:var(--color-brand-400)]';\n"]}

package/dist/chunk-OCD6JIIX.js

@@ -0,0 +1,23 @@
+"use client";
+import { STATUS_CRIT, STATUS_WARN, SUCCESS } from './chunk-UATB2IRY.js';
+
+// src/core/gauge.ts
+var percent = (value) => `${value}%`;
+var clampTo = (value, min, max) => Math.min(max, Math.max(min, value));
+var gaugeName = (name, formatted) => `${name}: ${formatted}`;
+var statusColor = (value, warnAt, critAt) => value >= (critAt ?? Infinity) ? STATUS_CRIT : value >= (warnAt ?? Infinity) ? STATUS_WARN : SUCCESS;
+var rangeShare = (value, min, max) => (clampTo(value, min, max) - min) / (max - min);
+var arcMark = ({ cx, cy }, { inner, outer }, share) => {
+  const angle = Math.PI * (1 - share);
+  const [cos, sin] = [Math.cos(angle), Math.sin(angle)];
+  return {
+    x1: cx + inner * cos,
+    y1: cy - inner * sin,
+    x2: cx + outer * cos,
+    y2: cy - outer * sin
+  };
+};
+
+export { arcMark, clampTo, gaugeName, percent, rangeShare, statusColor };
+//# sourceMappingURL=chunk-OCD6JIIX.js.map
+//# sourceMappingURL=chunk-OCD6JIIX.js.map

package/dist/chunk-OCD6JIIX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/gauge.ts"],"names":[],"mappings":";;;;AAGO,IAAM,OAAA,GAAU,CAAC,KAAA,KAAkB,CAAA,EAAG,KAAK,CAAA,CAAA;AAG3C,IAAM,OAAA,GAAU,CAAC,KAAA,EAAe,GAAA,EAAa,GAAA,KAClD,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,KAAK,CAAC;AAG7B,IAAM,YAAY,CAAC,IAAA,EAAc,cAAsB,CAAA,EAAG,IAAI,KAAK,SAAS,CAAA;AAM5E,IAAM,WAAA,GAAc,CAAC,KAAA,EAAe,MAAA,EAAiB,MAAA,KAC1D,KAAA,KAAU,MAAA,IAAU,QAAA,CAAA,GAChB,WAAA,GACA,KAAA,KAAU,MAAA,IAAU,QAAA,CAAA,GAClB,WAAA,GACA;AAGD,IAAM,UAAA,GAAa,CAAC,KAAA,EAAe,GAAA,EAAa,GAAA,KAAA,CACpD,OAAA,CAAQ,KAAA,EAAO,GAAA,EAAK,GAAG,CAAA,GAAI,GAAA,KAAQ,GAAA,GAAM,GAAA;AAOrC,IAAM,OAAA,GAAU,CACrB,EAAE,EAAA,EAAI,EAAA,IACN,EAAE,KAAA,EAAO,KAAA,EAAM,EACf,KAAA,KACG;AACH,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,EAAA,IAAM,CAAA,GAAI,KAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,GAAA,EAAK,GAAG,CAAA,GAAI,CAAC,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,KAAK,CAAC,CAAA;AACpD,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,KAAK,KAAA,GAAQ,GAAA;AAAA,IACjB,EAAA,EAAI,KAAK,KAAA,GAAQ,GAAA;AAAA,IACjB,EAAA,EAAI,KAAK,KAAA,GAAQ,GAAA;AAAA,IACjB,EAAA,EAAI,KAAK,KAAA,GAAQ;AAAA,GACnB;AACF","file":"chunk-OCD6JIIX.js","sourcesContent":["import { STATUS_CRIT, STATUS_WARN, SUCCESS } from './colors';\n\n/** A value as a percentage, the default `formatValue` of the radial charts. */\nexport const percent = (value: number) => `${value}%`;\n\n/** The value clamped to `min`–`max`: a gauge's arc stops at an end, its text still gives the value. */\nexport const clampTo = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\n/** The name a gauge is read by: `name` (the host's `ariaLabel`, else the label) and the formatted value. */\nexport const gaugeName = (name: string, formatted: string) => `${name}: ${formatted}`;\n\n/**\n * The arc color of a status gauge: success, then warning from `warnAt` and\n * critical from `critAt`. A threshold left out is never reached.\n */\nexport const statusColor = (value: number, warnAt?: number, critAt?: number) =>\n  value >= (critAt ?? Infinity)\n    ? STATUS_CRIT\n    : value >= (warnAt ?? Infinity)\n      ? STATUS_WARN\n      : SUCCESS;\n\n/** Where `value` sits in `min`–`max`, from 0 (the start) to 1 (the end); one outside the range stops at an end. */\nexport const rangeShare = (value: number, min: number, max: number) =>\n  (clampTo(value, min, max) - min) / (max - min);\n\n/**\n * The two ends of a radial mark across a half-circle arc that opens upward,\n * centered on (`cx`, `cy`): at `share` of the arc (0 on the left end, 1 on the\n * right one), from the radius `inner` to the radius `outer`.\n */\nexport const arcMark = (\n  { cx, cy }: { cx: number; cy: number },\n  { inner, outer }: { inner: number; outer: number },\n  share: number\n) => {\n  const angle = Math.PI * (1 - share);\n  const [cos, sin] = [Math.cos(angle), Math.sin(angle)];\n  return {\n    x1: cx + inner * cos,\n    y1: cy - inner * sin,\n    x2: cx + outer * cos,\n    y2: cy - outer * sin,\n  };\n};\n"]}