@automattic/charts 0.56.7 → 0.58.0

package/dist/charts/sparkline/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}",".a8ccharts-AELBvX {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.a8ccharts-fX8uQe {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n  align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n  align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n  align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n  position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n  position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n  display: flex;\n  align-items: center;\n  font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n  opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n  outline: none;\n}\n.a8ccharts-ZtDY-Q {\n  opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n  text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n  overflow-wrap: break-word;\n  white-space: normal;\n  hyphens: auto;\n}\n.a8ccharts-FISUIO {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n  font-weight: 500;\n  flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n  padding: 0.5rem;\n  background-color: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: absolute;\n  pointer-events: none;\n  transform: translate(-50%, -100%);\n}",".a8ccharts-GSKfBD {\n  min-width: 0;\n  min-height: 0;\n}",".a8ccharts-v-oO8E {\n  position: relative;\n}\n.a8ccharts-cpMNjj {\n  flex: 1;\n  min-height: 0;\n}\n.a8ccharts-QrkuTW path {\n  transform-origin: 0 95%;\n  transform: scaleY(0);\n  animation: a8ccharts--rxDU3 1s ease-out forwards;\n}\n.a8ccharts-v-oO8E svg {\n  overflow: visible;\n}\n.a8ccharts-Tu0rR-, .a8ccharts--RSWXi {\n  background: #fff;\n  padding: 0.5rem;\n}\n.a8ccharts-Q-b5A1 {\n  font-weight: 700;\n  padding-bottom: 10px;\n}\n.a8ccharts-19N7T9 {\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  justify-content: space-between;\n}\n.a8ccharts-HOAXrD {\n  font-weight: 500;\n  padding-right: 1rem;\n}\n.a8ccharts-rQiY8O {\n  position: absolute;\n  left: 0;\n  top: 0;\n  overflow: visible;\n  pointer-events: none;\n}\n.a8ccharts-8AKWOe {\n  pointer-events: auto;\n}\n.a8ccharts-7mh3Cl {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: auto;\n  cursor: pointer;\n  border: none;\n  background: none;\n  padding: 0;\n}\n.a8ccharts--RSWXi {\n  min-width: 125px;\n  background: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: fixed;\n  margin: 0.5rem;\n  visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n  visibility: visible;\n}\n.a8ccharts-TEe-iV {\n  position: initial;\n  margin: auto;\n}\n.a8ccharts-LAUpx7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n}\n.a8ccharts-b76gEu {\n  padding: 0.5rem;\n}\n.a8ccharts-LIpFoS {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n  width: 10px;\n  height: 10px;\n}\n\n@keyframes a8ccharts--rxDU3 {\n  to {\n    transform: scaleY(1);\n  }\n}",".a8ccharts-o-3Z8B {\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n}\n.a8ccharts-o-3Z8B svg {\n  display: block;\n  overflow: visible;\n}\n.a8ccharts-o-3Z8B path {\n  vector-effect: non-scaling-stroke;\n}\n.a8ccharts-CbLbcd {\n  display: inline-block;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;;;AChGA,CAAC;AACC,WAAS;AACT,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,SAAO;AACP,iBAAe;AACf,aAAW;AACX,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,YAAU;AACV,kBAAgB;AAChB,aAAW,UAAU,IAAI,EAAE;AAC7B;;;ACVA,CAAC;AACC,aAAW;AACX,cAAY;AACd;;;ACHA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,QAAM;AACN,cAAY;AACd;AACA,CAAC,iBAAiB;AAChB,oBAAkB,EAAE;AACpB,aAAW,OAAO;AAClB,aAAW,iBAAiB,GAAG,SAAS;AAC1C;AACA,CAZC,iBAYiB;AAChB,YAAU;AACZ;AACA,CAAC;AAAkB,CAAC;AAClB,cAAY;AACZ,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,kBAAgB;AAClB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,WAAS,IAAI;AACb,mBAAiB;AACnB;AACA,CAAC;AACC,eAAa;AACb,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,YAAU;AACV,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,kBAAgB;AAChB,UAAQ;AACR,UAAQ;AACR,cAAY;AACZ,WAAS;AACX;AACA,CAtCoB;AAuClB,aAAW;AACX,cAAY;AACZ,UAAQ;AACR,iBAAe;AACf,aAAW;AACX,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,YAAU;AACV,UAAQ;AACR,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,mBAAiB;AACjB,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACX;AAEA,CAAC,mBAAmB;AAClB,SAAO;AACP,UAAQ;AACV;AAEA,WAvFa;AAwFX;AACE,eAAW,OAAO;AACpB;AACF;;;ACrGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AACA,CALC,iBAKiB;AAChB,WAAS;AACT,YAAU;AACZ;AACA,CATC,iBASiB;AAChB,iBAAe;AACjB;AACA,CAAC;AACC,WAAS;AACX;","names":[]}
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}",".a8ccharts-89ApsU {\n  align-self: stretch;\n}\n.a8ccharts-AELBvX {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.a8ccharts-fX8uQe {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n  align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n  align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n  align-items: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n  display: flex;\n  align-items: center;\n  font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n  opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n  outline: none;\n}\n.a8ccharts-ZtDY-Q {\n  opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n  text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n  overflow-wrap: break-word;\n  white-space: normal;\n  hyphens: auto;\n}\n.a8ccharts-FISUIO {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n  font-weight: 500;\n  flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n  padding: 0.5rem;\n  background-color: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: absolute;\n  pointer-events: none;\n  transform: translate(-50%, -100%);\n}",".a8ccharts-GSKfBD {\n  min-width: 0;\n  min-height: 0;\n}",".a8ccharts-v-oO8E {\n  position: relative;\n}\n.a8ccharts-cpMNjj {\n  flex: 1;\n  min-height: 0;\n}\n.a8ccharts-QrkuTW path {\n  transform-origin: 0 95%;\n  transform: scaleY(0);\n  animation: a8ccharts--rxDU3 1s ease-out forwards;\n}\n.a8ccharts-v-oO8E svg {\n  overflow: visible;\n}\n.a8ccharts-Tu0rR-, .a8ccharts--RSWXi {\n  background: #fff;\n  padding: 0.5rem;\n}\n.a8ccharts-Q-b5A1 {\n  font-weight: 700;\n  padding-bottom: 10px;\n}\n.a8ccharts-19N7T9 {\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  justify-content: space-between;\n}\n.a8ccharts-HOAXrD {\n  font-weight: 500;\n  padding-right: 1rem;\n}\n.a8ccharts-rQiY8O {\n  position: absolute;\n  left: 0;\n  top: 0;\n  overflow: visible;\n  pointer-events: none;\n}\n.a8ccharts-8AKWOe {\n  pointer-events: auto;\n}\n.a8ccharts-7mh3Cl {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: auto;\n  cursor: pointer;\n  border: none;\n  background: none;\n  padding: 0;\n}\n.a8ccharts--RSWXi {\n  min-width: 125px;\n  background: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: fixed;\n  margin: 0.5rem;\n  visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n  visibility: visible;\n}\n.a8ccharts-TEe-iV {\n  position: initial;\n  margin: auto;\n}\n.a8ccharts-LAUpx7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n}\n.a8ccharts-b76gEu {\n  padding: 0.5rem;\n}\n.a8ccharts-LIpFoS {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n  width: 10px;\n  height: 10px;\n}\n\n@keyframes a8ccharts--rxDU3 {\n  to {\n    transform: scaleY(1);\n  }\n}",".a8ccharts-o-3Z8B {\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n}\n.a8ccharts-o-3Z8B svg {\n  display: block;\n  overflow: visible;\n}\n.a8ccharts-o-3Z8B path {\n  vector-effect: non-scaling-stroke;\n}\n.a8ccharts-CbLbcd {\n  display: inline-block;\n}"],"mappings":"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","names":[]}

package/dist/charts/sparkline/index.js

@@ -1,14 +1,15 @@
 import {
   Sparkline,
   SparklineUnresponsive
-} from "../../chunk-E62LCBGD.js";
-import "../../chunk-OMS5QIJN.js";
+} from "../../chunk-MUNOKLLE.js";
+import "../../chunk-2ICEEQOC.js";
+import "../../chunk-KRWGSOJ2.js";
+import "../../chunk-WTQYGUNF.js";
 import "../../chunk-BPYKWMI7.js";
-import "../../chunk-IS5YYLTV.js";
-import "../../chunk-KNIMXN6Z.js";
+import "../../chunk-YAFQVVDI.js";
 import "../../chunk-OP6PHB2U.js";
-import "../../chunk-RFSHE3HL.js";
-import "../../chunk-TE63Y5PX.js";
+import "../../chunk-2I67QUIV.js";
+import "../../chunk-JJIMABHT.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   Sparkline,

package/dist/{chunk-RFSHE3HL.js → chunk-2I67QUIV.js}

@@ -1,5 +1,4 @@
 import {
-  formatPercentage,
   getColorDistance,
   getItemShapeStyles,
   getLongestTickWidth,
@@ -8,14 +7,53 @@ import {
   normalizeColorToHex,
   parseAsLocalDate,
   resolveCssVariable
-} from "./chunk-TE63Y5PX.js";
+} from "./chunk-JJIMABHT.js";
+import {
+  __commonJS,
+  __toESM
+} from "./chunk-G3PMV62Z.js";
+
+// ../../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/index.js
+var require_fast_deep_equal = __commonJS({
+  "../../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/index.js"(exports, module) {
+    "use strict";
+    module.exports = function equal(a, b) {
+      if (a === b) return true;
+      if (a && b && typeof a == "object" && typeof b == "object") {
+        if (a.constructor !== b.constructor) return false;
+        var length, i, keys;
+        if (Array.isArray(a)) {
+          length = a.length;
+          if (length != b.length) return false;
+          for (i = length; i-- !== 0; )
+            if (!equal(a[i], b[i])) return false;
+          return true;
+        }
+        if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
+        if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+        if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
+        keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length) return false;
+        for (i = length; i-- !== 0; )
+          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+        for (i = length; i-- !== 0; ) {
+          var key = keys[i];
+          if (!equal(a[key], b[key])) return false;
+        }
+        return true;
+      }
+      return a !== a && b !== b;
+    };
+  }
+});
 
 // src/hooks/use-deep-memo.ts
-import isEqual from "fast-deep-equal";
+var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
 import { useRef } from "react";
 var useDeepMemo = (value) => {
   const ref = useRef(value);
-  if (!isEqual(ref.current, value)) {
+  if (!(0, import_fast_deep_equal.default)(ref.current, value)) {
     ref.current = value;
   }
   return ref.current;
@@ -266,12 +304,14 @@ var defaultTheme = {
   gridColorDark: "",
   xTickLineStyles: { stroke: "black" },
   xAxisLineStyles: { stroke: "#DCDCDE", strokeWidth: 1 },
-  legendLabelStyles: {
-    color: "var(--jp-gray-80, #2c3338)"
+  legend: {
+    labelStyles: {
+      color: "var(--jp-gray-80, #2c3338)"
+    },
+    containerStyles: {},
+    shapeStyles: []
   },
-  legendContainerStyles: {},
   seriesLineStyles: [],
-  legendShapeStyles: [],
   glyphs: [],
   svgLabelSmall: { fill: "var(--jp-gray-80, #2c3338)" },
   annotationStyles: {
@@ -693,407 +733,12 @@ function useElementSize({
   return [refCallback, width, height];
 }
 
-// src/hooks/use-has-legend-child.ts
-import { Children, isValidElement, useMemo as useMemo8 } from "react";
-
-// src/components/legend/legend.tsx
-import { useContext as useContext5, useMemo as useMemo6, forwardRef as forwardRef2 } from "react";
-
-// src/charts/private/single-chart-context/single-chart-context.tsx
-import { createContext as createContext2 } from "react";
-var ChartInstanceContext = /* @__PURE__ */ createContext2(null);
-var SingleChartContext = ChartInstanceContext;
-
-// src/charts/private/single-chart-context/use-single-chart-context.ts
-import { useContext as useContext3 } from "react";
-var useChartInstanceContext = () => {
-  const context = useContext3(ChartInstanceContext);
-  if (!context) {
-    throw new Error("useChartInstanceContext must be used within a Chart component");
-  }
-  return context;
-};
-var useSingleChartContext = useChartInstanceContext;
-
-// src/components/legend/private/base-legend.tsx
-import { Group } from "@visx/group";
-import { LegendItem, LegendLabel, LegendOrdinal, LegendShape } from "@visx/legend";
-import { scaleOrdinal } from "@visx/scale";
-import clsx from "clsx";
-import { forwardRef, useCallback as useCallback4, useContext as useContext4 } from "react";
-
-// src/components/legend/utils/value-or-identity.ts
-function valueOrIdentity(_) {
-  if (_ && typeof _ === "object" && "value" in _ && typeof _.value !== "undefined")
-    return _.value;
-  return _;
-}
-function valueOrIdentityString(_) {
-  return String(valueOrIdentity(_));
-}
-
-// src/components/legend/utils/label-transform-factory.ts
-function labelTransformFactory({
-  scale,
-  labelFormat
-}) {
-  return (d, i) => ({
-    datum: d,
-    index: i,
-    text: `${labelFormat(d, i)}`,
-    value: scale(d)
-  });
-}
-
-// src/components/legend/private/base-legend.module.scss
-var base_legend_module_default = {
-  "legend--horizontal": "a8ccharts-AELBvX",
-  "legend--vertical": "a8ccharts-fX8uQe",
-  "legend--alignment-start": "a8ccharts-DEe0wg",
-  "legend--alignment-center": "a8ccharts-WBKF9I",
-  "legend--alignment-end": "a8ccharts-JfwMng",
-  "legend--position-top": "a8ccharts-8Y73Kh",
-  "legend--position-bottom": "a8ccharts-TVM-IY",
-  "legend-item": "a8ccharts-Vflwq8",
-  "legend-item--interactive": "a8ccharts-qGsavM",
-  "legend-item--inactive": "a8ccharts-ZtDY-Q",
-  "legend-item-label": "a8ccharts-2H65Kr",
-  "legend-item-text--wrap": "a8ccharts-faSDBI",
-  "legend-item-text--ellipsis": "a8ccharts-FISUIO",
-  "legend-item-value": "a8ccharts-DTZlT-"
-};
-
-// src/components/legend/private/base-legend.tsx
-import { jsx as _jsx2, jsxs as _jsxs } from "react/jsx-runtime";
-var orientationToFlexDirection = {
-  horizontal: "row",
-  vertical: "column"
-};
-var LegendText = ({
-  text,
-  textOverflow,
-  maxWidth
-}) => {
-  const isEllipsis = maxWidth != null && textOverflow === "ellipsis";
-  const [textRef, isTruncated] = useTextTruncation(Boolean(isEllipsis));
-  return /* @__PURE__ */ _jsx2("span", {
-    ref: textRef,
-    className: clsx(base_legend_module_default["legend-item-text"], maxWidth != null && base_legend_module_default[`legend-item-text--${textOverflow}`]),
-    style: {
-      ...maxWidth != null && {
-        maxWidth,
-        minWidth: 0
-      }
-    },
-    title: isEllipsis && isTruncated ? text : void 0,
-    children: text
-  });
-};
-var BaseLegend = /* @__PURE__ */ forwardRef(({
-  items,
-  className,
-  orientation = "horizontal",
-  position = "bottom",
-  alignment = "center",
-  maxWidth,
-  textOverflow = "wrap",
-  shape = "rect",
-  fill = valueOrIdentityString,
-  size = valueOrIdentityString,
-  labelFormat = valueOrIdentity,
-  labelTransform = labelTransformFactory,
-  shapeWidth = 16,
-  shapeHeight = 16,
-  shapeMargin = "2px 4px 2px 0",
-  labelAlign = "left",
-  labelFlex = "0 0 auto",
-  // Use natural width instead of expanding to fill space
-  labelMargin = "0 4px",
-  itemMargin = "0",
-  itemDirection = "row",
-  legendLabelProps,
-  legendItemClassName,
-  render,
-  interactive = false,
-  chartId,
-  ...legendItemProps
-}, ref) => {
-  const theme = useGlobalChartsTheme();
-  const context = useContext4(GlobalChartsContext);
-  const legendScale = scaleOrdinal({
-    domain: items.map((item) => item.label),
-    range: items.map((item) => item.color)
-  });
-  const domain = legendScale.domain();
-  const getShapeStyle = useCallback4(({
-    index
-  }) => items[index]?.shapeStyle, [items]);
-  const handleLegendClick = useCallback4((seriesLabel) => {
-    if (interactive && chartId && context) {
-      context.toggleSeriesVisibility(chartId, seriesLabel);
-    }
-  }, [interactive, chartId, context]);
-  const isSeriesVisible = useCallback4((seriesLabel) => {
-    if (!interactive || !chartId || !context) {
-      return true;
-    }
-    return context.isSeriesVisible(chartId, seriesLabel);
-  }, [interactive, chartId, context]);
-  const createClickHandler = useCallback4((labelText) => {
-    if (!interactive) {
-      return void 0;
-    }
-    return () => handleLegendClick(labelText);
-  }, [interactive, handleLegendClick]);
-  const createKeyDownHandler = useCallback4((labelText) => {
-    if (!interactive) {
-      return void 0;
-    }
-    return (event) => {
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleLegendClick(labelText);
-      }
-    };
-  }, [interactive, handleLegendClick]);
-  return render ? render(items) : /* @__PURE__ */ _jsx2(LegendOrdinal, {
-    scale: legendScale,
-    labelFormat,
-    labelTransform,
-    children: (labels) => /* @__PURE__ */ _jsx2("div", {
-      ref,
-      role: "list",
-      className: clsx(base_legend_module_default.legend, base_legend_module_default[`legend--${orientation}`], base_legend_module_default[`legend--alignment-${alignment}`], base_legend_module_default[`legend--position-${position}`], className),
-      style: {
-        flexDirection: orientationToFlexDirection[orientation],
-        ...theme.legendContainerStyles
-      },
-      children: labels.map((label, i) => {
-        const visible = isSeriesVisible(label.text);
-        const handleClick = createClickHandler(label.text);
-        const handleKeyDown = createKeyDownHandler(label.text);
-        return /* @__PURE__ */ _jsxs(LegendItem, {
-          className: clsx("visx-legend-item", base_legend_module_default["legend-item"], interactive && base_legend_module_default["legend-item--interactive"], !visible && base_legend_module_default["legend-item--inactive"], legendItemClassName),
-          margin: itemMargin,
-          flexDirection: orientation === "vertical" && alignment === "end" ? "row-reverse" : itemDirection,
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          role: interactive ? "button" : void 0,
-          tabIndex: interactive ? 0 : void 0,
-          "aria-pressed": interactive ? visible : void 0,
-          "aria-label": interactive ? `${label.text}: ${visible ? "visible" : "hidden"}. Toggle visibility.` : void 0,
-          ...legendItemProps,
-          children: [items[i]?.renderGlyph ? /* @__PURE__ */ _jsx2("svg", {
-            width: items[i]?.glyphSize * 2,
-            height: items[i]?.glyphSize * 2,
-            children: /* @__PURE__ */ _jsx2(Group, {
-              children: items[i]?.renderGlyph({
-                key: `legend-glyph-${label.text}`,
-                datum: {},
-                index: i,
-                color: fill(label),
-                size: items[i]?.glyphSize,
-                x: items[i]?.glyphSize,
-                y: items[i]?.glyphSize
-              })
-            })
-          }) : /* @__PURE__ */ _jsx2(LegendShape, {
-            shape,
-            height: shapeHeight,
-            width: shapeWidth,
-            margin: shapeMargin,
-            item: domain[i],
-            itemIndex: i,
-            label,
-            fill,
-            size,
-            shapeStyle: getShapeStyle
-          }), /* @__PURE__ */ _jsxs(LegendLabel, {
-            className: clsx("visx-legend-label", base_legend_module_default["legend-item-label"]),
-            style: {
-              justifyContent: labelAlign,
-              flex: labelFlex,
-              margin: labelMargin,
-              ...theme.legendLabelStyles
-            },
-            ...legendLabelProps,
-            children: [/* @__PURE__ */ _jsx2(LegendText, {
-              text: label.text,
-              textOverflow,
-              maxWidth
-            }), items.find((item) => item.label === label.text)?.value && /* @__PURE__ */ _jsxs("span", {
-              className: base_legend_module_default["legend-item-value"],
-              children: ["\xA0", items.find((item) => item.label === label.text)?.value]
-            })]
-          })]
-        }, `legend-${label.text}-${i}`);
-      })
-    })
-  });
-});
-
-// src/components/legend/legend.tsx
-import { jsx as _jsx3 } from "react/jsx-runtime";
-var Legend = /* @__PURE__ */ forwardRef2(({
-  chartId,
-  items,
-  ...props
-}, ref) => {
-  const context = useContext5(GlobalChartsContext);
-  const singleChartContext = useContext5(SingleChartContext);
-  const contextChartId = chartId ?? singleChartContext?.chartId;
-  const contextItems = useMemo6(() => {
-    return contextChartId && context ? context.getChartData(contextChartId)?.legendItems : void 0;
-  }, [contextChartId, context]);
-  const legendItems = items || contextItems;
-  if (!legendItems) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsx3(BaseLegend, {
-    ref,
-    items: legendItems,
-    ...props,
-    chartId: contextChartId
-  });
-});
-
-// src/components/legend/hooks/use-chart-legend-items.ts
-import { formatNumber } from "@automattic/number-formatters";
-import { useMemo as useMemo7 } from "react";
-function formatPointValue(point, showValues, legendValueDisplay = "percentage") {
-  if (!showValues || legendValueDisplay === "none") {
-    return "";
-  }
-  if ("percentage" in point) {
-    const percentagePoint = point;
-    switch (legendValueDisplay) {
-      case "percentage":
-        return formatPercentage(percentagePoint.percentage);
-      case "value":
-        return formatNumber(percentagePoint.value);
-      case "valueDisplay":
-        return percentagePoint.valueDisplay || formatNumber(percentagePoint.value);
-      default:
-        return "";
-    }
-  }
-  if ("value" in point) {
-    return point.value !== null ? formatNumber(point.value) : "";
-  }
-  return "";
-}
-function applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSize) {
-  if (withGlyph) {
-    const glyphToUse = glyph || renderGlyph;
-    if (glyphToUse) {
-      return {
-        ...baseItem,
-        glyphSize,
-        renderGlyph: glyphToUse
-      };
-    }
-  }
-  return baseItem;
-}
-function processSeriesData(seriesData, getElementStyles, showValues, withGlyph, glyphSize, renderGlyph, legendShape) {
-  const mapper = (series, index) => {
-    const { color, glyph, shapeStyles } = getElementStyles({
-      data: series,
-      index,
-      legendShape
-    });
-    const baseItem = {
-      label: series.label,
-      value: showValues ? series.data?.length?.toString() || "0" : "",
-      color,
-      shapeStyle: shapeStyles
-    };
-    return applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSize);
-  };
-  return seriesData.map(mapper);
-}
-function processPointData(pointData, getElementStyles, showValues, legendValueDisplay, withGlyph, glyphSize, renderGlyph, legendShape) {
-  const mapper = (point, index) => {
-    const { color, glyph, shapeStyles } = getElementStyles({
-      data: point,
-      index,
-      legendShape
-    });
-    const baseItem = {
-      label: point.label,
-      value: formatPointValue(point, showValues, legendValueDisplay),
-      color,
-      shapeStyle: shapeStyles
-    };
-    return applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSize);
-  };
-  return pointData.map(mapper);
-}
-function useChartLegendItems(data, options = {}, legendShape) {
-  const {
-    showValues = false,
-    legendValueDisplay = "percentage",
-    withGlyph = false,
-    glyphSize = 8,
-    renderGlyph
-  } = options;
-  const { getElementStyles } = useGlobalChartsContext();
-  return useMemo7(() => {
-    if (!data || !Array.isArray(data) || data.length === 0) {
-      return [];
-    }
-    if ("data" in data[0]) {
-      return processSeriesData(
-        data,
-        getElementStyles,
-        showValues,
-        withGlyph,
-        glyphSize,
-        renderGlyph,
-        legendShape
-      );
-    }
-    return processPointData(
-      data,
-      getElementStyles,
-      showValues,
-      legendValueDisplay,
-      withGlyph,
-      glyphSize,
-      renderGlyph,
-      legendShape
-    );
-  }, [
-    data,
-    getElementStyles,
-    showValues,
-    legendValueDisplay,
-    withGlyph,
-    glyphSize,
-    renderGlyph,
-    legendShape
-  ]);
-}
-
-// src/hooks/use-has-legend-child.ts
-function useHasLegendChild(children) {
-  return useMemo8(() => {
-    let found = false;
-    Children.forEach(children, (child) => {
-      if (isValidElement(child) && child.type === Legend) {
-        found = true;
-      }
-    });
-    return found;
-  }, [children]);
-}
-
 // src/hooks/use-text-truncation.ts
-import { useCallback as useCallback5, useRef as useRef4, useState as useState3 } from "react";
+import { useCallback as useCallback4, useRef as useRef4, useState as useState3 } from "react";
 function useTextTruncation(enabled = true) {
   const [isTruncated, setIsTruncated] = useState3(false);
   const observerRef = useRef4(null);
-  const refCallback = useCallback5(
+  const refCallback = useCallback4(
     (node) => {
       if (observerRef.current) {
         observerRef.current.disconnect();
@@ -1118,26 +763,29 @@ function useTextTruncation(enabled = true) {
 }
 
 // src/hooks/use-zero-value-display.ts
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo6 } from "react";
+var MIN_PIXEL_SIZE = 3;
+var ZERO_PIXEL_SIZE = MIN_PIXEL_SIZE - 1;
 var useZeroValueDisplay = (data, options = { enabled: false }) => {
-  const { enabled, minValueRatio = 0.6, maxValueRatio = 8e-3 } = options;
-  return useMemo9(() => {
-    if (!enabled) return data;
-    const nonZeroValues = [];
+  const { enabled, valueAxisLength } = options;
+  return useMemo6(() => {
+    if (!enabled || !valueAxisLength || valueAxisLength <= 0) return data;
+    let maxAbsoluteValue = 0;
     for (const series of data) {
       for (const point of series.data) {
         if (point.value !== null && point.value !== 0) {
-          nonZeroValues.push(point.value);
+          maxAbsoluteValue = Math.max(maxAbsoluteValue, Math.abs(point.value));
         }
       }
     }
-    if (nonZeroValues.length === 0) return data;
-    const absoluteValues = nonZeroValues.map(Math.abs);
-    const minAbsoluteValue = Math.min(...absoluteValues);
-    const maxAbsoluteValue = Math.max(...absoluteValues);
-    const minVisibleValue = Math.min(
-      minAbsoluteValue * minValueRatio,
-      maxAbsoluteValue * maxValueRatio
+    if (maxAbsoluteValue === 0) return data;
+    const minNonZeroValue = Math.min(
+      MIN_PIXEL_SIZE / valueAxisLength * maxAbsoluteValue,
+      maxAbsoluteValue
+    );
+    const zeroVisualValue = Math.min(
+      ZERO_PIXEL_SIZE / valueAxisLength * maxAbsoluteValue,
+      maxAbsoluteValue
     );
     return data.map((series) => ({
       ...series,
@@ -1145,24 +793,34 @@ var useZeroValueDisplay = (data, options = { enabled: false }) => {
         if (point.value === 0) {
           return {
             ...point,
-            visualValue: minVisibleValue
+            visualValue: zeroVisualValue
+          };
+        }
+        if (point.value === null) {
+          return point;
+        }
+        const absValue = Math.abs(point.value);
+        if (absValue < minNonZeroValue) {
+          return {
+            ...point,
+            visualValue: Math.sign(point.value) * minNonZeroValue
           };
         }
         return point;
       })
     }));
-  }, [data, enabled, minValueRatio, maxValueRatio]);
+  }, [data, enabled, valueAxisLength]);
 };
 
 // src/hooks/use-interactive-legend-data.ts
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo7 } from "react";
 var useInteractiveLegendData = ({
   data,
   chartId,
   legendInteractive,
   isSeriesVisible
 }) => {
-  const visibleData = useMemo10(() => {
+  const visibleData = useMemo7(() => {
     if (!chartId || !legendInteractive) {
       return data;
     }
@@ -1176,10 +834,10 @@ var useInteractiveLegendData = ({
       percentage: totalValue > 0 ? segment.value / totalValue * 100 : 0
     }));
   }, [data, chartId, isSeriesVisible, legendInteractive]);
-  const allSegmentsHidden = useMemo10(() => {
+  const allSegmentsHidden = useMemo7(() => {
     return legendInteractive && visibleData.length === 0;
   }, [legendInteractive, visibleData]);
-  const legendData = useMemo10(() => {
+  const legendData = useMemo7(() => {
     if (!legendInteractive || !chartId) {
       return data;
     }
@@ -1215,8 +873,6 @@ function usePrefersReducedMotion() {
 }
 
 export {
-  SingleChartContext,
-  useSingleChartContext,
   useTooltipPortalRelocator,
   defaultTheme,
   GlobalChartsContext,
@@ -1229,14 +885,11 @@ export {
   useChartDataTransform,
   useChartMargin,
   useElementSize,
-  useHasLegendChild,
   useTextTruncation,
   useZeroValueDisplay,
   useInteractiveLegendData,
   usePrefersReducedMotion,
   useChartRegistration,
-  useGlobalChartsTheme,
-  Legend,
-  useChartLegendItems
+  useGlobalChartsTheme
 };
-//# sourceMappingURL=chunk-RFSHE3HL.js.map
+//# sourceMappingURL=chunk-2I67QUIV.js.map