@automattic/charts 0.56.2 → 0.56.4

package/dist/chunk-ZXEFMKVP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-ZXEFMKVP.cjs","../src/charts/geo-chart/geo-chart.tsx","../src/charts/geo-chart/geo-chart.module.scss"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-ZXEFMKVP.cjs","sourcesContent":[null,"/**\n * External dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useContext, useMemo } from 'react';\nimport { Chart } from 'react-google-charts';\n/**\n * Internal dependencies\n */\nimport { GlobalChartsContext, GlobalChartsProvider, useGlobalChartsContext } from '../../providers';\nimport { lightenHexColor, normalizeColorToHex } from '../../utils/color-utils';\nimport { resolveCssVariable } from '../../utils/resolve-css-var';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './geo-chart.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_FEATURE_FILL_COLOR = '#ffffff';\nconst DEFAULT_BACKGROUND_COLOR = '#ffffff';\n\n/**\n * Renders a geographical chart using Google Charts GeoChart to visualize data.\n *\n * Supports the full Google Charts data format including custom tooltips, formatted values,\n * and multiple data columns for maximum flexibility.\n *\n * Locations can be identified by full name (e.g., 'United States', 'California') or codes\n * (e.g., 'US', 'US-CA'). Full names are recommended for better readability in tooltips.\n *\n * @param props                   - The props for the GeoChart component\n * @param props.data              - Data in Google Charts format (array of arrays with headers)\n * @param props.width             - Width of the chart in pixels\n * @param props.height            - Height of the chart in pixels\n * @param props.region            - Region to display ('world', 'US', or ISO 3166-1 alpha-2 code)\n * @param props.resolution        - Resolution level ('countries', 'provinces', or 'metros')\n * @param props.className         - Additional CSS class name for the chart container\n * @param props.renderPlaceholder - Optional render function for the loading placeholder\n * @return A React component displaying an interactive map with data visualization\n */\nconst GeoChartInternal = ({\n  className,\n  data,\n  width,\n  height,\n  region = 'world',\n  resolution = 'countries',\n  renderPlaceholder\n}) => {\n  const {\n    getElementStyles,\n    theme: {\n      geoChart: {\n        featureFillColor\n      },\n      backgroundColor\n    }\n  } = useGlobalChartsContext();\n\n  // Render loading placeholder\n  const loadingPlaceholder = /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height\n    },\n    children: renderPlaceholder ? renderPlaceholder() : __('Loading map', 'jetpack-charts')\n  });\n\n  // Google charts doesn't accept CSS variables, so we need to convert them to hex colors\n  const fullColorHex = getElementStyles({\n    index: 0\n  }).color;\n  const lightColorHex = lightenHexColor(fullColorHex, 0.8);\n  // Use normalizeColorToHex to ensure HSL/RGB values from CSS variables are converted to hex\n  const backgroundColorHex = normalizeColorToHex(backgroundColor, null, resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;\n  const defaultFillColorHex = normalizeColorToHex(featureFillColor, null, resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;\n\n  // Check if data has HTML tooltips (column with role: 'tooltip' and p.html: true)\n  const hasHtmlTooltips = useMemo(() => data.length > 0 && data[0].some(col => typeof col === 'object' && col !== null && 'role' in col && col.role === 'tooltip' && 'p' in col && typeof col.p === 'object' && col.p !== null && 'html' in col.p && col.p.html === true), [data]);\n  const options = useMemo(() => ({\n    ...(region !== 'world' && {\n      region\n    }),\n    ...(resolution !== 'countries' && {\n      resolution\n    }),\n    colorAxis: {\n      colors: [lightColorHex, fullColorHex]\n    },\n    backgroundColor: backgroundColorHex,\n    datalessRegionColor: defaultFillColorHex,\n    defaultColor: defaultFillColorHex,\n    tooltip: {\n      trigger: 'focus',\n      isHtml: hasHtmlTooltips\n    },\n    legend: 'none',\n    keepAspectRatio: true\n  }), [region, resolution, lightColorHex, fullColorHex, backgroundColorHex, defaultFillColorHex, hasHtmlTooltips]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height,\n      backgroundColor\n    },\n    children: /*#__PURE__*/_jsx(Chart, {\n      chartType: \"GeoChart\",\n      width: width,\n      height: height,\n      data: data,\n      options: options,\n      loader: loadingPlaceholder\n    })\n  });\n};\nconst GeoChartWithProvider = props => {\n  const existingContext = useContext(GlobalChartsContext);\n\n  // If we're already in a GlobalChartsProvider context, don't create a new one\n  if (existingContext) {\n    return /*#__PURE__*/_jsx(GeoChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(GeoChartInternal, {\n      ...props\n    })\n  });\n};\nGeoChartWithProvider.displayName = 'GeoChart';\nconst GeoChartResponsive = withResponsive(GeoChartWithProvider);\nexport { GeoChartResponsive as default, GeoChartWithProvider as GeoChartUnresponsive };","import 'css-chunk:src/charts/geo-chart/geo-chart.module.scss';export default {\n  \"container\": \"a8ccharts-JvcqOz\"\n};"]}

package/dist/chunk-ZY4FXLMM.js

@@ -0,0 +1,120 @@
+import {
+  withResponsive
+} from "./chunk-TYIH5LMV.js";
+import {
+  GlobalChartsContext,
+  GlobalChartsProvider,
+  useGlobalChartsContext
+} from "./chunk-AWNCAKZY.js";
+import {
+  lightenHexColor,
+  normalizeColorToHex,
+  resolveCssVariable
+} from "./chunk-TE63Y5PX.js";
+
+// src/charts/geo-chart/geo-chart.tsx
+import { __ } from "@wordpress/i18n";
+import clsx from "clsx";
+import { useContext, useMemo } from "react";
+import { Chart } from "react-google-charts";
+
+// src/charts/geo-chart/geo-chart.module.scss
+var geo_chart_module_default = {
+  "container": "a8ccharts-JvcqOz"
+};
+
+// src/charts/geo-chart/geo-chart.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_FEATURE_FILL_COLOR = "#ffffff";
+var DEFAULT_BACKGROUND_COLOR = "#ffffff";
+var GeoChartInternal = ({
+  className,
+  data,
+  width,
+  height,
+  region = "world",
+  resolution = "countries",
+  renderPlaceholder
+}) => {
+  const {
+    getElementStyles,
+    theme: {
+      geoChart: {
+        featureFillColor
+      },
+      backgroundColor
+    }
+  } = useGlobalChartsContext();
+  const loadingPlaceholder = /* @__PURE__ */ _jsx("div", {
+    className: clsx("geo-chart", geo_chart_module_default.container, className),
+    style: {
+      width,
+      height
+    },
+    children: renderPlaceholder ? renderPlaceholder() : __("Loading map", "jetpack-charts")
+  });
+  const fullColorHex = getElementStyles({
+    index: 0
+  }).color;
+  const lightColorHex = lightenHexColor(fullColorHex, 0.8);
+  const backgroundColorHex = normalizeColorToHex(backgroundColor, null, resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;
+  const defaultFillColorHex = normalizeColorToHex(featureFillColor, null, resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;
+  const hasHtmlTooltips = useMemo(() => data.length > 0 && data[0].some((col) => typeof col === "object" && col !== null && "role" in col && col.role === "tooltip" && "p" in col && typeof col.p === "object" && col.p !== null && "html" in col.p && col.p.html === true), [data]);
+  const options = useMemo(() => ({
+    ...region !== "world" && {
+      region
+    },
+    ...resolution !== "countries" && {
+      resolution
+    },
+    colorAxis: {
+      colors: [lightColorHex, fullColorHex]
+    },
+    backgroundColor: backgroundColorHex,
+    datalessRegionColor: defaultFillColorHex,
+    defaultColor: defaultFillColorHex,
+    tooltip: {
+      trigger: "focus",
+      isHtml: hasHtmlTooltips
+    },
+    legend: "none",
+    keepAspectRatio: true
+  }), [region, resolution, lightColorHex, fullColorHex, backgroundColorHex, defaultFillColorHex, hasHtmlTooltips]);
+  return /* @__PURE__ */ _jsx("div", {
+    className: clsx("geo-chart", geo_chart_module_default.container, className),
+    style: {
+      width,
+      height,
+      backgroundColor
+    },
+    children: /* @__PURE__ */ _jsx(Chart, {
+      chartType: "GeoChart",
+      width,
+      height,
+      data,
+      options,
+      loader: loadingPlaceholder
+    })
+  });
+};
+var GeoChartWithProvider = (props) => {
+  const existingContext = useContext(GlobalChartsContext);
+  if (existingContext) {
+    return /* @__PURE__ */ _jsx(GeoChartInternal, {
+      ...props
+    });
+  }
+  return /* @__PURE__ */ _jsx(GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsx(GeoChartInternal, {
+      ...props
+    })
+  });
+};
+GeoChartWithProvider.displayName = "GeoChart";
+var GeoChartResponsive = withResponsive(GeoChartWithProvider);
+
+export {
+  GeoChartWithProvider,
+  GeoChartResponsive
+};
+//# sourceMappingURL=chunk-ZY4FXLMM.js.map

package/dist/chunk-ZY4FXLMM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/geo-chart/geo-chart.tsx","../src/charts/geo-chart/geo-chart.module.scss"],"sourcesContent":["/**\n * External dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useContext, useMemo } from 'react';\nimport { Chart } from 'react-google-charts';\n/**\n * Internal dependencies\n */\nimport { GlobalChartsContext, GlobalChartsProvider, useGlobalChartsContext } from '../../providers';\nimport { lightenHexColor, normalizeColorToHex } from '../../utils/color-utils';\nimport { resolveCssVariable } from '../../utils/resolve-css-var';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './geo-chart.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_FEATURE_FILL_COLOR = '#ffffff';\nconst DEFAULT_BACKGROUND_COLOR = '#ffffff';\n\n/**\n * Renders a geographical chart using Google Charts GeoChart to visualize data.\n *\n * Supports the full Google Charts data format including custom tooltips, formatted values,\n * and multiple data columns for maximum flexibility.\n *\n * Locations can be identified by full name (e.g., 'United States', 'California') or codes\n * (e.g., 'US', 'US-CA'). Full names are recommended for better readability in tooltips.\n *\n * @param props                   - The props for the GeoChart component\n * @param props.data              - Data in Google Charts format (array of arrays with headers)\n * @param props.width             - Width of the chart in pixels\n * @param props.height            - Height of the chart in pixels\n * @param props.region            - Region to display ('world', 'US', or ISO 3166-1 alpha-2 code)\n * @param props.resolution        - Resolution level ('countries', 'provinces', or 'metros')\n * @param props.className         - Additional CSS class name for the chart container\n * @param props.renderPlaceholder - Optional render function for the loading placeholder\n * @return A React component displaying an interactive map with data visualization\n */\nconst GeoChartInternal = ({\n  className,\n  data,\n  width,\n  height,\n  region = 'world',\n  resolution = 'countries',\n  renderPlaceholder\n}) => {\n  const {\n    getElementStyles,\n    theme: {\n      geoChart: {\n        featureFillColor\n      },\n      backgroundColor\n    }\n  } = useGlobalChartsContext();\n\n  // Render loading placeholder\n  const loadingPlaceholder = /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height\n    },\n    children: renderPlaceholder ? renderPlaceholder() : __('Loading map', 'jetpack-charts')\n  });\n\n  // Google charts doesn't accept CSS variables, so we need to convert them to hex colors\n  const fullColorHex = getElementStyles({\n    index: 0\n  }).color;\n  const lightColorHex = lightenHexColor(fullColorHex, 0.8);\n  // Use normalizeColorToHex to ensure HSL/RGB values from CSS variables are converted to hex\n  const backgroundColorHex = normalizeColorToHex(backgroundColor, null, resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;\n  const defaultFillColorHex = normalizeColorToHex(featureFillColor, null, resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;\n\n  // Check if data has HTML tooltips (column with role: 'tooltip' and p.html: true)\n  const hasHtmlTooltips = useMemo(() => data.length > 0 && data[0].some(col => typeof col === 'object' && col !== null && 'role' in col && col.role === 'tooltip' && 'p' in col && typeof col.p === 'object' && col.p !== null && 'html' in col.p && col.p.html === true), [data]);\n  const options = useMemo(() => ({\n    ...(region !== 'world' && {\n      region\n    }),\n    ...(resolution !== 'countries' && {\n      resolution\n    }),\n    colorAxis: {\n      colors: [lightColorHex, fullColorHex]\n    },\n    backgroundColor: backgroundColorHex,\n    datalessRegionColor: defaultFillColorHex,\n    defaultColor: defaultFillColorHex,\n    tooltip: {\n      trigger: 'focus',\n      isHtml: hasHtmlTooltips\n    },\n    legend: 'none',\n    keepAspectRatio: true\n  }), [region, resolution, lightColorHex, fullColorHex, backgroundColorHex, defaultFillColorHex, hasHtmlTooltips]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height,\n      backgroundColor\n    },\n    children: /*#__PURE__*/_jsx(Chart, {\n      chartType: \"GeoChart\",\n      width: width,\n      height: height,\n      data: data,\n      options: options,\n      loader: loadingPlaceholder\n    })\n  });\n};\nconst GeoChartWithProvider = props => {\n  const existingContext = useContext(GlobalChartsContext);\n\n  // If we're already in a GlobalChartsProvider context, don't create a new one\n  if (existingContext) {\n    return /*#__PURE__*/_jsx(GeoChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(GeoChartInternal, {\n      ...props\n    })\n  });\n};\nGeoChartWithProvider.displayName = 'GeoChart';\nconst GeoChartResponsive = withResponsive(GeoChartWithProvider);\nexport { GeoChartResponsive as default, GeoChartWithProvider as GeoChartUnresponsive };","import 'css-chunk:src/charts/geo-chart/geo-chart.module.scss';export default {\n  \"container\": \"a8ccharts-JvcqOz\"\n};"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAS,UAAU;AACnB,OAAO,UAAU;AACjB,SAAS,YAAY,eAAe;AACpC,SAAS,aAAa;;;ACNwC,IAAO,2BAAQ;AAAA,EAC3E,aAAa;AACf;;;ADaA,SAAS,OAAO,YAAY;AAC5B,IAAM,6BAA6B;AACnC,IAAM,2BAA2B;AAqBjC,IAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,QACR;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,uBAAuB;AAG3B,QAAM,qBAAkC,qBAAK,OAAO;AAAA,IAClD,WAAW,KAAK,aAAa,yBAAO,WAAW,SAAS;AAAA,IACxD,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,UAAU,oBAAoB,kBAAkB,IAAI,GAAG,eAAe,gBAAgB;AAAA,EACxF,CAAC;AAGD,QAAM,eAAe,iBAAiB;AAAA,IACpC,OAAO;AAAA,EACT,CAAC,EAAE;AACH,QAAM,gBAAgB,gBAAgB,cAAc,GAAG;AAEvD,QAAM,qBAAqB,oBAAoB,iBAAiB,MAAM,kBAAkB,KAAK;AAC7F,QAAM,sBAAsB,oBAAoB,kBAAkB,MAAM,kBAAkB,KAAK;AAG/F,QAAM,kBAAkB,QAAQ,MAAM,KAAK,SAAS,KAAK,KAAK,CAAC,EAAE,KAAK,SAAO,OAAO,QAAQ,YAAY,QAAQ,QAAQ,UAAU,OAAO,IAAI,SAAS,aAAa,OAAO,OAAO,OAAO,IAAI,MAAM,YAAY,IAAI,MAAM,QAAQ,UAAU,IAAI,KAAK,IAAI,EAAE,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/Q,QAAM,UAAU,QAAQ,OAAO;AAAA,IAC7B,GAAI,WAAW,WAAW;AAAA,MACxB;AAAA,IACF;AAAA,IACA,GAAI,eAAe,eAAe;AAAA,MAChC;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,QAAQ,CAAC,eAAe,YAAY;AAAA,IACtC;AAAA,IACA,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR,iBAAiB;AAAA,EACnB,IAAI,CAAC,QAAQ,YAAY,eAAe,cAAc,oBAAoB,qBAAqB,eAAe,CAAC;AAC/G,SAAoB,qBAAK,OAAO;AAAA,IAC9B,WAAW,KAAK,aAAa,yBAAO,WAAW,SAAS;AAAA,IACxD,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,UAAuB,qBAAK,OAAO;AAAA,MACjC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAM,uBAAuB,WAAS;AACpC,QAAM,kBAAkB,WAAW,mBAAmB;AAGtD,MAAI,iBAAiB;AACnB,WAAoB,qBAAK,kBAAkB;AAAA,MACzC,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAGA,SAAoB,qBAAK,sBAAsB;AAAA,IAC7C,UAAuB,qBAAK,kBAAkB;AAAA,MAC5C,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACA,qBAAqB,cAAc;AACnC,IAAM,qBAAqB,eAAe,oBAAoB;","names":[]}

package/dist/components/legend/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkTVV7ZI7Ccjs = require('../../chunk-TVV7ZI7C.cjs');
+var _chunkLSV7F26Bcjs = require('../../chunk-LSV7F26B.cjs');
 require('../../chunk-ZVGEDXDP.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.Legend = _chunkTVV7ZI7Ccjs.Legend; exports.useChartLegendItems = _chunkTVV7ZI7Ccjs.useChartLegendItems;
+exports.Legend = _chunkLSV7F26Bcjs.Legend; exports.useChartLegendItems = _chunkLSV7F26Bcjs.useChartLegendItems;
 //# sourceMappingURL=index.cjs.map

package/dist/components/legend/index.css

@@ -1,3 +1,15 @@
+/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
+.a8ccharts-jCw5dQ {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  overflow: visible;
+  z-index: 1;
+  pointer-events: none;
+}
+
 /* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
 .a8ccharts-AELBvX {
   display: flex;

package/dist/components/legend/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss"],"sourcesContent":[".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}"],"mappings":";AAAA,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;","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"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 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}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACTA,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;","names":[]}

package/dist/components/legend/index.js

@@ -1,7 +1,7 @@
 import {
   Legend,
   useChartLegendItems
-} from "../../chunk-H34CJSR6.js";
+} from "../../chunk-AWNCAKZY.js";
 import "../../chunk-TE63Y5PX.js";
 import "../../chunk-G3PMV62Z.js";
 export {

package/dist/components/tooltip/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunk7HROSZRScjs = require('../../chunk-7HROSZRS.cjs');
+var _chunkY3NNQMAXcjs = require('../../chunk-Y3NNQMAX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
 
-exports.AccessibleTooltip = _chunk7HROSZRScjs.AccessibleTooltip; exports.BaseTooltip = _chunk7HROSZRScjs.BaseTooltip; exports.useKeyboardNavigation = _chunk7HROSZRScjs.useKeyboardNavigation;
+exports.AccessibleTooltip = _chunkY3NNQMAXcjs.AccessibleTooltip; exports.BaseTooltip = _chunkY3NNQMAXcjs.BaseTooltip; exports.useKeyboardNavigation = _chunkY3NNQMAXcjs.useKeyboardNavigation;
 //# sourceMappingURL=index.cjs.map

package/dist/components/tooltip/index.js

@@ -2,7 +2,7 @@ import {
   AccessibleTooltip,
   BaseTooltip,
   useKeyboardNavigation
-} from "../../chunk-5XI443YP.js";
+} from "../../chunk-BPYKWMI7.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   AccessibleTooltip,

package/dist/components/trend-indicator/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSRXJLAKGcjs = require('../../chunk-SRXJLAKG.cjs');
+var _chunkI2276W3Icjs = require('../../chunk-I2276W3I.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
-exports.TrendIndicator = _chunkSRXJLAKGcjs.TrendIndicator;
+exports.TrendIndicator = _chunkI2276W3Icjs.TrendIndicator;
 //# sourceMappingURL=index.cjs.map

package/dist/components/trend-indicator/index.js

@@ -1,6 +1,6 @@
 import {
   TrendIndicator
-} from "../../chunk-MMDLXS6O.js";
+} from "../../chunk-XWYZIFZW.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   TrendIndicator

package/dist/hooks/index.cjs

@@ -10,7 +10,8 @@
 
 
 
-var _chunkTVV7ZI7Ccjs = require('../chunk-TVV7ZI7C.cjs');
+
+var _chunkLSV7F26Bcjs = require('../chunk-LSV7F26B.cjs');
 require('../chunk-ZVGEDXDP.cjs');
 require('../chunk-EMMSS5I5.cjs');
 
@@ -25,5 +26,6 @@ require('../chunk-EMMSS5I5.cjs');
 
 
 
-exports.useChartDataTransform = _chunkTVV7ZI7Ccjs.useChartDataTransform; exports.useChartMargin = _chunkTVV7ZI7Ccjs.useChartMargin; exports.useChartMouseHandler = _chunkTVV7ZI7Ccjs.useChartMouseHandler; exports.useDeepMemo = _chunkTVV7ZI7Ccjs.useDeepMemo; exports.useElementHeight = _chunkTVV7ZI7Ccjs.useElementHeight; exports.useHasLegendChild = _chunkTVV7ZI7Ccjs.useHasLegendChild; exports.useInteractiveLegendData = _chunkTVV7ZI7Ccjs.useInteractiveLegendData; exports.usePrefersReducedMotion = _chunkTVV7ZI7Ccjs.usePrefersReducedMotion; exports.useTextTruncation = _chunkTVV7ZI7Ccjs.useTextTruncation; exports.useXYChartTheme = _chunkTVV7ZI7Ccjs.useXYChartTheme; exports.useZeroValueDisplay = _chunkTVV7ZI7Ccjs.useZeroValueDisplay;
+
+exports.useChartDataTransform = _chunkLSV7F26Bcjs.useChartDataTransform; exports.useChartMargin = _chunkLSV7F26Bcjs.useChartMargin; exports.useChartMouseHandler = _chunkLSV7F26Bcjs.useChartMouseHandler; exports.useDeepMemo = _chunkLSV7F26Bcjs.useDeepMemo; exports.useElementHeight = _chunkLSV7F26Bcjs.useElementHeight; exports.useHasLegendChild = _chunkLSV7F26Bcjs.useHasLegendChild; exports.useInteractiveLegendData = _chunkLSV7F26Bcjs.useInteractiveLegendData; exports.usePrefersReducedMotion = _chunkLSV7F26Bcjs.usePrefersReducedMotion; exports.useTextTruncation = _chunkLSV7F26Bcjs.useTextTruncation; exports.useTooltipPortalRelocator = _chunkLSV7F26Bcjs.useTooltipPortalRelocator; exports.useXYChartTheme = _chunkLSV7F26Bcjs.useXYChartTheme; exports.useZeroValueDisplay = _chunkLSV7F26Bcjs.useZeroValueDisplay;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,8tBAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"}
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+yBAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"}

package/dist/hooks/index.css

@@ -1,3 +1,15 @@
+/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
+.a8ccharts-jCw5dQ {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  overflow: visible;
+  z-index: 1;
+  pointer-events: none;
+}
+
 /* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
 .a8ccharts-AELBvX {
   display: flex;

package/dist/hooks/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss"],"sourcesContent":[".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}"],"mappings":";AAAA,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;","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"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 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}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACTA,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;","names":[]}

package/dist/hooks/index.d.cts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode, RefObject } from 'react';
 import { D as DataPoint, j as SeriesData, k as SeriesDataOptions, B as BaseChartProps, c as DataPointDate } from '../types-BCFQlzTM.cjs';
 import * as _visx_xychart from '@visx/xychart';
 import { XYChartTheme } from '@visx/xychart';
@@ -236,4 +236,30 @@ declare const useInteractiveLegendData: <T extends DataPointWithPercentage>({ da
  */
 declare function usePrefersReducedMotion(): boolean;
 
-export { useChartDataTransform, useChartMargin, useChartMouseHandler, useDeepMemo, useElementHeight, useHasLegendChild, useInteractiveLegendData, usePrefersReducedMotion, useTextTruncation, useXYChartTheme, useZeroValueDisplay };
+/**
+ * Relocates visx chart tooltip portals from `document.body` into a target
+ * container element. This allows the tooltips to participate in the same CSS
+ * stacking context as other elements in the container (e.g. a sticky header),
+ * so z-index ordering works correctly between them.
+ *
+ * The relocated portal divs use `position: fixed` at the viewport origin to
+ * preserve the tooltip coordinate system (visx calculates positions relative
+ * to the viewport).
+ *
+ * Because the visx Portal class calls `document.body.removeChild(node)` during
+ * unmount, we patch `document.body.removeChild` to gracefully handle nodes that
+ * were moved out of body. Without this, React throws a "not a child of this
+ * node" error when tooltips unmount.
+ *
+ * **Important:** The container and its ancestors must not have CSS `transform`,
+ * `perspective`, or `filter` properties set, as these create a new containing
+ * block for `position: fixed` children, breaking viewport-relative positioning.
+ *
+ * @param containerRef - Ref to the element that portals should be relocated into.
+ *                     The element referenced here, or one of its ancestors,
+ *                     should establish the desired stacking context (for example
+ *                     by using position and z-index).
+ */
+declare function useTooltipPortalRelocator(containerRef: RefObject<HTMLElement | null> | undefined): void;
+
+export { useChartDataTransform, useChartMargin, useChartMouseHandler, useDeepMemo, useElementHeight, useHasLegendChild, useInteractiveLegendData, usePrefersReducedMotion, useTextTruncation, useTooltipPortalRelocator, useXYChartTheme, useZeroValueDisplay };

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode, RefObject } from 'react';
 import { D as DataPoint, j as SeriesData, k as SeriesDataOptions, B as BaseChartProps, c as DataPointDate } from '../types-BCFQlzTM.js';
 import * as _visx_xychart from '@visx/xychart';
 import { XYChartTheme } from '@visx/xychart';
@@ -236,4 +236,30 @@ declare const useInteractiveLegendData: <T extends DataPointWithPercentage>({ da
  */
 declare function usePrefersReducedMotion(): boolean;
 
-export { useChartDataTransform, useChartMargin, useChartMouseHandler, useDeepMemo, useElementHeight, useHasLegendChild, useInteractiveLegendData, usePrefersReducedMotion, useTextTruncation, useXYChartTheme, useZeroValueDisplay };
+/**
+ * Relocates visx chart tooltip portals from `document.body` into a target
+ * container element. This allows the tooltips to participate in the same CSS
+ * stacking context as other elements in the container (e.g. a sticky header),
+ * so z-index ordering works correctly between them.
+ *
+ * The relocated portal divs use `position: fixed` at the viewport origin to
+ * preserve the tooltip coordinate system (visx calculates positions relative
+ * to the viewport).
+ *
+ * Because the visx Portal class calls `document.body.removeChild(node)` during
+ * unmount, we patch `document.body.removeChild` to gracefully handle nodes that
+ * were moved out of body. Without this, React throws a "not a child of this
+ * node" error when tooltips unmount.
+ *
+ * **Important:** The container and its ancestors must not have CSS `transform`,
+ * `perspective`, or `filter` properties set, as these create a new containing
+ * block for `position: fixed` children, breaking viewport-relative positioning.
+ *
+ * @param containerRef - Ref to the element that portals should be relocated into.
+ *                     The element referenced here, or one of its ancestors,
+ *                     should establish the desired stacking context (for example
+ *                     by using position and z-index).
+ */
+declare function useTooltipPortalRelocator(containerRef: RefObject<HTMLElement | null> | undefined): void;
+
+export { useChartDataTransform, useChartMargin, useChartMouseHandler, useDeepMemo, useElementHeight, useHasLegendChild, useInteractiveLegendData, usePrefersReducedMotion, useTextTruncation, useTooltipPortalRelocator, useXYChartTheme, useZeroValueDisplay };

package/dist/hooks/index.js

@@ -8,9 +8,10 @@ import {
   useInteractiveLegendData,
   usePrefersReducedMotion,
   useTextTruncation,
+  useTooltipPortalRelocator,
   useXYChartTheme,
   useZeroValueDisplay
-} from "../chunk-H34CJSR6.js";
+} from "../chunk-AWNCAKZY.js";
 import "../chunk-TE63Y5PX.js";
 import "../chunk-G3PMV62Z.js";
 export {
@@ -23,6 +24,7 @@ export {
   useInteractiveLegendData,
   usePrefersReducedMotion,
   useTextTruncation,
+  useTooltipPortalRelocator,
   useXYChartTheme,
   useZeroValueDisplay
 };

package/dist/index.cjs

@@ -1,50 +1,50 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkODF5O5PVcjs = require('./chunk-ODF5O5PV.cjs');
+var _chunkHNEG3EFJcjs = require('./chunk-HNEG3EFJ.cjs');
 
 
 
-var _chunkIZWC33YNcjs = require('./chunk-IZWC33YN.cjs');
+var _chunk4YYROZDJcjs = require('./chunk-4YYROZDJ.cjs');
 require('./chunk-7OZEQ5HE.cjs');
 
 
 
-var _chunkLHWRZMF7cjs = require('./chunk-LHWRZMF7.cjs');
-require('./chunk-OTZT3MC2.cjs');
-require('./chunk-HIWNB5PK.cjs');
+var _chunkRSYD434Gcjs = require('./chunk-RSYD434G.cjs');
+require('./chunk-2A34OA5O.cjs');
+require('./chunk-RCY6XLGU.cjs');
 
 
 
-var _chunkXVMXWV3Ccjs = require('./chunk-XVMXWV3C.cjs');
+var _chunkGBDFC74Ucjs = require('./chunk-GBDFC74U.cjs');
 
 
 
-var _chunkKOF32DBLcjs = require('./chunk-KOF32DBL.cjs');
+var _chunk66BXSWMWcjs = require('./chunk-66BXSWMW.cjs');
 
 
-var _chunkSRXJLAKGcjs = require('./chunk-SRXJLAKG.cjs');
+var _chunkI2276W3Icjs = require('./chunk-I2276W3I.cjs');
 
 
 
-var _chunkYYQ4IK5Vcjs = require('./chunk-YYQ4IK5V.cjs');
+var _chunk5N77S5N3cjs = require('./chunk-5N77S5N3.cjs');
 
 
 
-var _chunk7UJPVCMBcjs = require('./chunk-7UJPVCMB.cjs');
-require('./chunk-SH32YSZO.cjs');
-require('./chunk-I5467ZJ5.cjs');
+var _chunkCERFRCXDcjs = require('./chunk-CERFRCXD.cjs');
 
 
-var _chunk7HROSZRScjs = require('./chunk-7HROSZRS.cjs');
+var _chunkY3NNQMAXcjs = require('./chunk-Y3NNQMAX.cjs');
 
 
-var _chunkGRYNIPWHcjs = require('./chunk-GRYNIPWH.cjs');
+var _chunkKMYJJTSRcjs = require('./chunk-KMYJJTSR.cjs');
+require('./chunk-SH32YSZO.cjs');
+require('./chunk-I5467ZJ5.cjs');
 
 
 
-var _chunkMFRS2PEYcjs = require('./chunk-MFRS2PEY.cjs');
-require('./chunk-NW3RUYK2.cjs');
+var _chunkZXEFMKVPcjs = require('./chunk-ZXEFMKVP.cjs');
+require('./chunk-7QDEU3KN.cjs');
 
 
 
@@ -53,7 +53,7 @@ require('./chunk-NW3RUYK2.cjs');
 
 
 
-var _chunkTVV7ZI7Ccjs = require('./chunk-TVV7ZI7C.cjs');
+var _chunkLSV7F26Bcjs = require('./chunk-LSV7F26B.cjs');
 require('./chunk-ZVGEDXDP.cjs');
 require('./chunk-EMMSS5I5.cjs');
 
@@ -84,5 +84,5 @@ require('./chunk-EMMSS5I5.cjs');
 
 
 
-exports.BarChart = _chunk7UJPVCMBcjs.BarChartResponsive; exports.BarChartUnresponsive = _chunk7UJPVCMBcjs.BarChart; exports.BarListChart = _chunkYYQ4IK5Vcjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkYYQ4IK5Vcjs.BarListChart; exports.BaseTooltip = _chunk7HROSZRScjs.BaseTooltip; exports.ConversionFunnelChart = _chunkGRYNIPWHcjs.ConversionFunnelChartWithProvider; exports.GeoChart = _chunkMFRS2PEYcjs.GeoChartResponsive; exports.GeoChartUnresponsive = _chunkMFRS2PEYcjs.GeoChartWithProvider; exports.GlobalChartsContext = _chunkTVV7ZI7Ccjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkTVV7ZI7Ccjs.GlobalChartsProvider; exports.LeaderboardChart = _chunkODF5O5PVcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkODF5O5PVcjs.LeaderboardChart; exports.Legend = _chunkTVV7ZI7Ccjs.Legend; exports.LineChart = _chunkKOF32DBLcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkKOF32DBLcjs.LineChart; exports.PieChart = _chunkIZWC33YNcjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkIZWC33YNcjs.PieChart; exports.PieSemiCircleChart = _chunkLHWRZMF7cjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkLHWRZMF7cjs.PieSemiCircleChart; exports.Sparkline = _chunkXVMXWV3Ccjs.Sparkline; exports.SparklineUnresponsive = _chunkXVMXWV3Ccjs.SparklineUnresponsive; exports.ThemeProvider = _chunkTVV7ZI7Ccjs.GlobalChartsProvider; exports.TrendIndicator = _chunkSRXJLAKGcjs.TrendIndicator; exports.defaultTheme = _chunkTVV7ZI7Ccjs.defaultTheme; exports.useChartLegendItems = _chunkTVV7ZI7Ccjs.useChartLegendItems; exports.useGlobalChartsContext = _chunkTVV7ZI7Ccjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkTVV7ZI7Ccjs.useGlobalChartsTheme;
+exports.BarChart = _chunkCERFRCXDcjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkCERFRCXDcjs.BarChart; exports.BarListChart = _chunk5N77S5N3cjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunk5N77S5N3cjs.BarListChart; exports.BaseTooltip = _chunkY3NNQMAXcjs.BaseTooltip; exports.ConversionFunnelChart = _chunkKMYJJTSRcjs.ConversionFunnelChartWithProvider; exports.GeoChart = _chunkZXEFMKVPcjs.GeoChartResponsive; exports.GeoChartUnresponsive = _chunkZXEFMKVPcjs.GeoChartWithProvider; exports.GlobalChartsContext = _chunkLSV7F26Bcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkLSV7F26Bcjs.GlobalChartsProvider; exports.LeaderboardChart = _chunkHNEG3EFJcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkHNEG3EFJcjs.LeaderboardChart; exports.Legend = _chunkLSV7F26Bcjs.Legend; exports.LineChart = _chunk66BXSWMWcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunk66BXSWMWcjs.LineChart; exports.PieChart = _chunk4YYROZDJcjs.PieChartResponsive; exports.PieChartUnresponsive = _chunk4YYROZDJcjs.PieChart; exports.PieSemiCircleChart = _chunkRSYD434Gcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkRSYD434Gcjs.PieSemiCircleChart; exports.Sparkline = _chunkGBDFC74Ucjs.Sparkline; exports.SparklineUnresponsive = _chunkGBDFC74Ucjs.SparklineUnresponsive; exports.ThemeProvider = _chunkLSV7F26Bcjs.GlobalChartsProvider; exports.TrendIndicator = _chunkI2276W3Icjs.TrendIndicator; exports.defaultTheme = _chunkLSV7F26Bcjs.defaultTheme; exports.useChartLegendItems = _chunkLSV7F26Bcjs.useChartLegendItems; exports.useGlobalChartsContext = _chunkLSV7F26Bcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkLSV7F26Bcjs.useGlobalChartsTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,utDAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,utDAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs"}

package/dist/index.css

@@ -1,3 +1,15 @@
+/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
+.a8ccharts-jCw5dQ {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  overflow: visible;
+  z-index: 1;
+  pointer-events: none;
+}
+
 /* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
 .a8ccharts-AELBvX {
   display: flex;
@@ -182,7 +194,8 @@
   display: flex;
   gap: 16px;
   align-items: flex-end;
-  height: 200px;
+  flex: 1;
+  min-height: 200px;
   width: 100%;
 }
 .a8ccharts-VqFY0l {