@sproutsocial/seeds-react-data-viz 0.27.2 → 0.28.0

package/dist/index.js

@@ -33,7 +33,7 @@
 
 
 
-var _chunk34OKRQETjs = require('./chunk-34OKRQET.js');
+var _chunkXH7ZKGHDjs = require('./chunk-XH7ZKGHD.js');
 
 // src/components/AreaChart/AreaChart.tsx
 var _react = require('react');
@@ -51,7 +51,7 @@ var _seedsreacttheme = require('@sproutsocial/seeds-react-theme');
 // src/components/ColorBox/DatavizColorBox.tsx
 
 
-var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunk34OKRQETjs.ColorBox).attrs(
+var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunkXH7ZKGHDjs.ColorBox).attrs(
   ({ colorIndex }) => ({
     style: {
       background: getDatavizColor(colorIndex),
@@ -63,7 +63,7 @@ var getDatavizColor = (colorIndex) => _seedsreacttheme.theme.colors.DATAVIZ_COLO
 var getDatavizOpacity = (colorIndex) => {
   const opacitySteps = [1, 0.6, 0.4, 0.2];
   const opacityStep = Math.floor(colorIndex / _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST.length) % opacitySteps.length;
-  return opacitySteps[opacityStep];
+  return _nullishCoalesce(opacitySteps[opacityStep], () => ( 1));
 };
 var getDatavizColorWithAlpha = (colorIndex) => {
   const color = getDatavizColor(colorIndex);
@@ -81,7 +81,7 @@ var NetworkColorBox = ({
   networkColor,
   ...props
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
 };
 
 // src/components/ChartLegend/components/ChartLegendLabelContentWithIcon.tsx
@@ -112,7 +112,7 @@ var getAreaChartLegendLabels = ({
 };
 var AreaChartLegend = _react.memo.call(void 0, 
   function AreaChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
   }
 );
 
@@ -145,7 +145,7 @@ var AreaChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
           },
           {
             content: value === null && invalidNumberLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { children: invalidNumberLabel }) : numberFormat === "duration" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreactduration.Duration, { locale: textLocale, milliseconds: value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -193,16 +193,16 @@ var AreaChartTooltip = _react.memo.call(void 0,
         isAppendedRow: true
       }
     ] : [];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk34OKRQETjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXH7ZKGHDjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk34OKRQETjs.ChartTooltipTable,
+        _chunkXH7ZKGHDjs.ChartTooltipTable,
         {
           rows: [...rows, ...appendedRows]
         }
       ),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: "hand-pointer-clicking-outline", color: "icon.base" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.subtext", fontSize: 200, children: tooltipClickLabel })
       ] }) : tooltipClickLabel }) : null
@@ -283,8 +283,8 @@ var transformDataToSeries = ({
       let enableMarker = false;
       const isFirstPoint = pointsIndex === 0;
       const isLastPoint = pointsIndex === points.length - 1;
-      const previousY = isFirstPoint ? null : points[pointsIndex - 1].y;
-      const nextY = isLastPoint ? null : points[pointsIndex + 1].y;
+      const previousY = isFirstPoint ? null : _optionalChain([points, 'access', _10 => _10[pointsIndex - 1], 'optionalAccess', _11 => _11.y]);
+      const nextY = isLastPoint ? null : _optionalChain([points, 'access', _12 => _12[pointsIndex + 1], 'optionalAccess', _13 => _13.y]);
       if (isFirstPoint && nextY === null) {
         enableMarker = true;
       } else if (isLastPoint && previousY === null) {
@@ -358,9 +358,9 @@ var getDatePartsInTimezone = (date, timezone) => {
   });
   const parts = formatter.formatToParts(date);
   return {
-    day: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _10 => _10.find, 'call', _11 => _11((p) => p.type === "day"), 'optionalAccess', _12 => _12.value]), () => ( "0")), 10),
-    month: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _13 => _13.find, 'call', _14 => _14((p) => p.type === "month"), 'optionalAccess', _15 => _15.value]), () => ( "0")), 10),
-    year: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _16 => _16.find, 'call', _17 => _17((p) => p.type === "year"), 'optionalAccess', _18 => _18.value]), () => ( "0")), 10)
+    day: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _14 => _14.find, 'call', _15 => _15((p) => p.type === "day"), 'optionalAccess', _16 => _16.value]), () => ( "0")), 10),
+    month: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _17 => _17.find, 'call', _18 => _18((p) => p.type === "month"), 'optionalAccess', _19 => _19.value]), () => ( "0")), 10),
+    year: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _20 => _20.find, 'call', _21 => _21((p) => p.type === "year"), 'optionalAccess', _22 => _22.value]), () => ( "0")), 10)
   };
 };
 var xAxisLabelFormatter = ({
@@ -387,20 +387,20 @@ var xAxisLabelFormatter = ({
   switch (unitName) {
     case "hour":
       firstPartOptions = timeFormat === "24" ? { hour: "numeric", minute: "numeric", hour12: false } : { hour: "numeric" };
-      if (isFirst || valueParts.day !== _optionalChain([previousValueParts, 'optionalAccess', _19 => _19.day])) {
+      if (isFirst || valueParts.day !== _optionalChain([previousValueParts, 'optionalAccess', _23 => _23.day])) {
         secondPartOptions = { day: "numeric", month: "short" };
       }
       break;
     case "day":
     case "week":
       firstPartOptions = { day: "numeric" };
-      if (isFirst || valueParts.month !== _optionalChain([previousValueParts, 'optionalAccess', _20 => _20.month])) {
+      if (isFirst || valueParts.month !== _optionalChain([previousValueParts, 'optionalAccess', _24 => _24.month])) {
         secondPartOptions = { month: "short" };
       }
       break;
     case "month":
       firstPartOptions = { month: "short" };
-      if (isFirst || valueParts.year !== _optionalChain([previousValueParts, 'optionalAccess', _21 => _21.year])) {
+      if (isFirst || valueParts.year !== _optionalChain([previousValueParts, 'optionalAccess', _25 => _25.year])) {
         secondPartOptions = { year: "numeric" };
       }
       break;
@@ -672,7 +672,7 @@ var useTimeSeriesChartOptions = ({
     const handleFocus = (point) => point.series.chart.tooltip.refresh(point);
     const handleBlur = (point) => point.series.chart.tooltip.hide(0);
     series.flatMap((item) => item.data).forEach((point) => {
-      const pointElement = _optionalChain([point, 'optionalAccess', _22 => _22.graphic, 'optionalAccess', _23 => _23.element]);
+      const pointElement = _optionalChain([point, 'optionalAccess', _26 => _26.graphic, 'optionalAccess', _27 => _27.element]);
       if (pointElement) {
         pointElement.setAttribute("aria-describedby", tooltipId);
         pointElement.addEventListener("focus", () => handleFocus(point));
@@ -699,20 +699,20 @@ var useTimeSeriesChartOptions = ({
   const getBaseChartOptions = (type) => {
     switch (type) {
       case "areaspline":
-        return _chunk34OKRQETjs.areaChartOptions;
+        return _chunkXH7ZKGHDjs.areaChartOptions;
       case "spline":
-        return _chunk34OKRQETjs.lineChartOptions;
+        return _chunkXH7ZKGHDjs.lineChartOptions;
       case "column":
-        return _chunk34OKRQETjs.columnChartOptions;
+        return _chunkXH7ZKGHDjs.columnChartOptions;
       default:
-        return _chunk34OKRQETjs.lineChartOptions;
+        return _chunkXH7ZKGHDjs.lineChartOptions;
     }
   };
   const baseChartOptions2 = getBaseChartOptions(seriesType);
   const hasCategoricalData = data.some(
     (series) => series.points.some((point) => typeof point.x === "string")
   );
-  const categories = hasCategoricalData ? _optionalChain([data, 'access', _24 => _24[0], 'optionalAccess', _25 => _25.points, 'access', _26 => _26.map, 'call', _27 => _27((point) => point.x)]) || [] : [];
+  const categories = hasCategoricalData ? _optionalChain([data, 'access', _28 => _28[0], 'optionalAccess', _29 => _29.points, 'access', _30 => _30.map, 'call', _31 => _31((point) => point.x)]) || [] : [];
   const hasSparseTimelineData = !hasCategoricalData && seriesType === "column";
   const options = _react.useMemo.call(void 0, () => {
     return _lodash.merge.call(void 0, {}, baseChartOptions2, {
@@ -732,10 +732,10 @@ var useTimeSeriesChartOptions = ({
         marginTop: chartMarginTop,
         events: {
           click: onClick ? function() {
-            return onClick({ x: _optionalChain([this, 'optionalAccess', _28 => _28.hoverPoint, 'optionalAccess', _29 => _29.x]) });
+            return onClick({ x: _optionalChain([this, 'optionalAccess', _32 => _32.hoverPoint, 'optionalAccess', _33 => _33.x]) });
           } : void 0,
           load: function() {
-            const tooltipId = _chunk34OKRQETjs.generateChartTooltipPortalId.call(void 0, this.index);
+            const tooltipId = _chunkXH7ZKGHDjs.generateChartTooltipPortalId.call(void 0, this.index);
             attachTooltipEventListeners(this.series, tooltipId);
           }
         }
@@ -826,7 +826,7 @@ var useTimeSeriesChartOptions = ({
               Number
             );
             const value = this.value;
-            const unitName = _optionalChain([this, 'access', _30 => _30.tickPositionInfo, 'optionalAccess', _31 => _31.unitName]);
+            const unitName = _optionalChain([this, 'access', _34 => _34.tickPositionInfo, 'optionalAccess', _35 => _35.unitName]);
             if (typeof xAxisLabelFormatter2 === "function") {
               return xAxisLabelFormatter2({
                 textLocale,
@@ -901,7 +901,7 @@ var xAxisLabelFormatterDefault = xAxisLabelFormatter;
 _accessibility2.default.call(void 0, _highcharts2.default);
 _annotations2.default.call(void 0, _highcharts2.default);
 var StyledBox = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunk34OKRQETjs.areaChartStyles}
+  ${_chunkXH7ZKGHDjs.areaChartStyles}
 `;
 var AreaChart = _react.memo.call(void 0, function AreaChart2(props) {
   const { data } = props;
@@ -941,10 +941,10 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
     xAnnotations
   });
   const colors = data.map(
-    (series, index) => _nullishCoalesce(_optionalChain([series, 'access', _32 => _32.styles, 'optionalAccess', _33 => _33.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]))
+    (series, index) => _nullishCoalesce(_optionalChain([series, 'access', _36 => _36.styles, 'optionalAccess', _37 => _37.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]))
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox,
       {
@@ -960,26 +960,26 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
               callback
             }
           ),
-          chart && _optionalChain([chart, 'access', _34 => _34.annotations, 'optionalAccess', _35 => _35.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          chart && _optionalChain([chart, 'access', _38 => _38.annotations, 'optionalAccess', _39 => _39.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             ChartXAnnotationMarkerPortal,
             {
               xAnnotations,
-              annotationContext: _optionalChain([chart, 'access', _36 => _36.annotations, 'optionalAccess', _37 => _37[0]]),
+              annotationContext: _optionalChain([chart, 'access', _40 => _40.annotations, 'optionalAccess', _41 => _41[0]]),
               chartContainer: chart.container
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk34OKRQETjs.ChartTooltipPortal,
+            _chunkXH7ZKGHDjs.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunk34OKRQETjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkXH7ZKGHDjs.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
                 const x = context.x;
                 const total = context.total;
-                const xAnnotationDetails = _optionalChain([xAnnotations, 'optionalAccess', _38 => _38[x], 'optionalAccess', _39 => _39.details]);
+                const xAnnotationDetails = _optionalChain([xAnnotations, 'optionalAccess', _42 => _42[x], 'optionalAccess', _43 => _43.details]);
                 return tooltip ? tooltip({ data: tooltipData, total, x }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   AreaChartTooltip,
                   {
@@ -1016,7 +1016,7 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
 
 var ChartXAnnotationDetails = _react.memo.call(void 0, 
   function ChartXAnnotationDetails2({ iconName, text }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: iconName, size: "mini", color: "icon.base" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.body", fontSize: 200, children: text })
     ] }) });
@@ -1066,12 +1066,12 @@ var getDonutChartLegendLabels = ({
 }) => {
   return data.map((slice, index) => ({
     content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon: slice.icon, children: slice.name }),
-    color: _optionalChain([slice, 'access', _40 => _40.styles, 'optionalAccess', _41 => _41.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
+    color: _optionalChain([slice, 'access', _44 => _44.styles, 'optionalAccess', _45 => _45.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
   }));
 };
 var DonutChartLegend = _react.memo.call(void 0, 
   function DonutChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
   }
 );
 
@@ -1101,7 +1101,7 @@ var DonutChartTooltip = _react.memo.call(void 0,
       {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
           },
           {
             content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "inline-flex", alignItems: "center", gap: 350, children: [
@@ -1130,9 +1130,9 @@ var DonutChartTooltip = _react.memo.call(void 0,
         ]
       }
     ];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk34OKRQETjs.ChartTooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXH7ZKGHDjs.ChartTooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: "hand-pointer-clicking-outline", color: "icon.base" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.subtext", fontSize: 200, children: tooltipClickLabel })
       ] }) : tooltipClickLabel }) : null
@@ -1148,8 +1148,8 @@ var transformDonutChartTooltipData = ({
 }) => {
   const colorIndex = context.colorIndex;
   return {
-    color: _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'access', _42 => _42[colorIndex], 'optionalAccess', _43 => _43.styles, 'optionalAccess', _44 => _44.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[colorIndex])), () => ( "")),
-    ..._optionalChain([data, 'access', _45 => _45[colorIndex], 'optionalAccess', _46 => _46.icon]) ? { icon: _optionalChain([data, 'access', _47 => _47[colorIndex], 'optionalAccess', _48 => _48.icon]) } : {},
+    color: _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'access', _46 => _46[colorIndex], 'optionalAccess', _47 => _47.styles, 'optionalAccess', _48 => _48.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[colorIndex])), () => ( "")),
+    ..._optionalChain([data, 'access', _49 => _49[colorIndex], 'optionalAccess', _50 => _50.icon]) ? { icon: _optionalChain([data, 'access', _51 => _51[colorIndex], 'optionalAccess', _52 => _52.icon]) } : {},
     name: context.key,
     percent: context.percentage,
     value: context.y
@@ -1161,7 +1161,7 @@ var transformDonutChartTooltipData = ({
 
 _accessibility2.default.call(void 0, _highcharts2.default);
 var StyledBox2 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunk34OKRQETjs.donutChartStyles}
+  ${_chunkXH7ZKGHDjs.donutChartStyles}
 `;
 var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
   const { data } = props;
@@ -1181,7 +1181,7 @@ var DonutChartWithData = _react.memo.call(void 0,
     onClick,
     tooltipClickLabel
   }) {
-    const [options, setOptions] = _react.useState.call(void 0, _chunk34OKRQETjs.donutChartOptions);
+    const [options, setOptions] = _react.useState.call(void 0, _chunkXH7ZKGHDjs.donutChartOptions);
     const [chart, setChart] = _react.useState.call(void 0, null);
     const callback = _react.useCallback.call(void 0, (chartInstance) => {
       setChart(chartInstance);
@@ -1198,15 +1198,15 @@ var DonutChartWithData = _react.memo.call(void 0,
         chart: {
           events: {
             render: function() {
-              const allSlices = _nullishCoalesce(_optionalChain([this, 'access', _49 => _49.series, 'access', _50 => _50[0], 'optionalAccess', _51 => _51.data]), () => ( []));
-              const tooltipId = _chunk34OKRQETjs.generateChartTooltipPortalId.call(void 0, this.index);
+              const allSlices = _nullishCoalesce(_optionalChain([this, 'access', _53 => _53.series, 'access', _54 => _54[0], 'optionalAccess', _55 => _55.data]), () => ( []));
+              const tooltipId = _chunkXH7ZKGHDjs.generateChartTooltipPortalId.call(void 0, this.index);
               allSlices.forEach((slice) => {
-                const sliceElement = _optionalChain([slice, 'optionalAccess', _52 => _52.graphic, 'optionalAccess', _53 => _53.element]);
-                _optionalChain([sliceElement, 'optionalAccess', _54 => _54.setAttribute, 'call', _55 => _55("aria-describedby", tooltipId)]);
-                _optionalChain([sliceElement, 'optionalAccess', _56 => _56.addEventListener, 'call', _57 => _57("focus", () => {
+                const sliceElement = _optionalChain([slice, 'optionalAccess', _56 => _56.graphic, 'optionalAccess', _57 => _57.element]);
+                _optionalChain([sliceElement, 'optionalAccess', _58 => _58.setAttribute, 'call', _59 => _59("aria-describedby", tooltipId)]);
+                _optionalChain([sliceElement, 'optionalAccess', _60 => _60.addEventListener, 'call', _61 => _61("focus", () => {
                   slice.series.chart.tooltip.refresh(slice);
                 })]);
-                _optionalChain([sliceElement, 'optionalAccess', _58 => _58.addEventListener, 'call', _59 => _59("blur", () => {
+                _optionalChain([sliceElement, 'optionalAccess', _62 => _62.addEventListener, 'call', _63 => _63("blur", () => {
                   slice.series.chart.tooltip.hide(0);
                 })]);
               });
@@ -1236,10 +1236,10 @@ var DonutChartWithData = _react.memo.call(void 0,
       });
     }, [data]);
     const colors = data.map(
-      (series, index) => _nullishCoalesce(_nullishCoalesce(_optionalChain([series, 'access', _60 => _60.styles, 'optionalAccess', _61 => _61.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
+      (series, index) => _nullishCoalesce(_nullishCoalesce(_optionalChain([series, 'access', _64 => _64.styles, 'optionalAccess', _65 => _65.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox2,
         {
@@ -1256,7 +1256,7 @@ var DonutChartWithData = _react.memo.call(void 0,
               }
             ),
             chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk34OKRQETjs.ChartTooltipPortal,
+              _chunkXH7ZKGHDjs.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
@@ -1312,11 +1312,11 @@ var DonutChartLegendTable = _react.memo.call(void 0,
     );
     const rows = data.map((dataPoint, index) => {
       const { name, icon, styles, value } = dataPoint;
-      const color = _optionalChain([styles, 'optionalAccess', _62 => _62.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index];
+      const color = _optionalChain([styles, 'optionalAccess', _66 => _66.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index];
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: name }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: name }) })
           },
           {
             content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "inline-flex", alignItems: "center", gap: 350, children: [
@@ -1369,7 +1369,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       }
     ];
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk34OKRQETjs.ChartTable,
+      _chunkXH7ZKGHDjs.ChartTable,
       {
         rows: [...rows, ...totalRow]
       }
@@ -1395,12 +1395,12 @@ var getLineChartLegendLabels = ({
 }) => {
   return data.map((series, index) => ({
     content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
-    color: _optionalChain([series, 'access', _63 => _63.styles, 'optionalAccess', _64 => _64.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
+    color: _optionalChain([series, 'access', _67 => _67.styles, 'optionalAccess', _68 => _68.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
   }));
 };
 var LineChartLegend = _react.memo.call(void 0, 
   function LineChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
   }
 );
 
@@ -1431,7 +1431,7 @@ var LineChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
           },
           {
             content: value === null && invalidNumberLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { children: invalidNumberLabel }) : numberFormat === "duration" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreactduration.Duration, { locale: textLocale, milliseconds: value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1449,11 +1449,11 @@ var LineChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk34OKRQETjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXH7ZKGHDjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: "hand-pointer-clicking-outline", color: "icon.base" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.subtext", fontSize: 200, children: tooltipClickLabel })
       ] }) : tooltipClickLabel }) : null
@@ -1467,7 +1467,7 @@ var LineChartTooltip = _react.memo.call(void 0,
 _accessibility2.default.call(void 0, _highcharts2.default);
 _annotations2.default.call(void 0, _highcharts2.default);
 var StyledBox3 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunk34OKRQETjs.lineChartStyles}
+  ${_chunkXH7ZKGHDjs.lineChartStyles}
 `;
 var LineChart = _react.memo.call(void 0, function LineChart2(props) {
   const { data } = props;
@@ -1510,9 +1510,9 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
   const { colors, patterns } = data.reduce(
     (acc, item, index) => {
       acc.colors.push(
-        _nullishCoalesce(_nullishCoalesce(_optionalChain([item, 'access', _65 => _65.styles, 'optionalAccess', _66 => _66.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
+        _nullishCoalesce(_nullishCoalesce(_optionalChain([item, 'access', _69 => _69.styles, 'optionalAccess', _70 => _70.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
       );
-      acc.patterns.push(_nullishCoalesce(_optionalChain([item, 'access', _67 => _67.styles, 'optionalAccess', _68 => _68.pattern]), () => ( "solid")));
+      acc.patterns.push(_nullishCoalesce(_optionalChain([item, 'access', _71 => _71.styles, 'optionalAccess', _72 => _72.pattern]), () => ( "solid")));
       return acc;
     },
     {
@@ -1521,7 +1521,7 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
     }
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox3,
       {
@@ -1538,25 +1538,25 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
               callback
             }
           ),
-          chart && _optionalChain([chart, 'access', _69 => _69.annotations, 'optionalAccess', _70 => _70.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          chart && _optionalChain([chart, 'access', _73 => _73.annotations, 'optionalAccess', _74 => _74.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             ChartXAnnotationMarkerPortal,
             {
               xAnnotations,
-              annotationContext: _optionalChain([chart, 'access', _71 => _71.annotations, 'optionalAccess', _72 => _72[0]]),
+              annotationContext: _optionalChain([chart, 'access', _75 => _75.annotations, 'optionalAccess', _76 => _76[0]]),
               chartContainer: chart.container
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk34OKRQETjs.ChartTooltipPortal,
+            _chunkXH7ZKGHDjs.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunk34OKRQETjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkXH7ZKGHDjs.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
                 const x = context.x;
-                const xAnnotationDetails = _optionalChain([xAnnotations, 'optionalAccess', _73 => _73[x], 'optionalAccess', _74 => _74.details]);
+                const xAnnotationDetails = _optionalChain([xAnnotations, 'optionalAccess', _77 => _77[x], 'optionalAccess', _78 => _78.details]);
                 return tooltip ? tooltip({ data: tooltipData, x }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   LineChartTooltip,
                   {
@@ -1601,12 +1601,12 @@ var getVerticalBarChartLegendLabels = ({
 }) => {
   return data.map((series, index) => ({
     content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
-    color: _optionalChain([series, 'access', _75 => _75.styles, 'optionalAccess', _76 => _76.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
+    color: _optionalChain([series, 'access', _79 => _79.styles, 'optionalAccess', _80 => _80.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
   }));
 };
 var VerticalBarChartLegend = _react.memo.call(void 0, 
   function VerticalbarChartLegend({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
   }
 );
 
@@ -1637,7 +1637,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
           },
           {
             content: value === null && invalidNumberLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { children: invalidNumberLabel }) : numberFormat === "duration" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreactduration.Duration, { locale: textLocale, milliseconds: value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1655,11 +1655,11 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk34OKRQETjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXH7ZKGHDjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: "hand-pointer-clicking-outline", color: "icon.base" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.subtext", fontSize: 200, children: tooltipClickLabel })
       ] }) : tooltipClickLabel }) : null
@@ -1673,7 +1673,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
 // src/components/VerticalBarChart/styles.ts
 
 var verticalBarChartStyles = _styledcomponents.css`
-  ${_chunk34OKRQETjs.timeSeriesChartStyles}
+  ${_chunkXH7ZKGHDjs.timeSeriesChartStyles}
 
   /*
     When the chart container is hovered, reduce the opacity of all columns.
@@ -1699,7 +1699,7 @@ var StyledBox4 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
 var VerticalBarChart = _react.memo.call(void 0, 
   function VerticalBarChart2(props) {
     const { data, showSeriesLimitWarning = true } = props;
-    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunk34OKRQETjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
+    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunkXH7ZKGHDjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
     const isSeriesLimitOverridden = props.seriesLimit !== void 0;
     if (data.length === 0) {
       return null;
@@ -1790,9 +1790,9 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
     const { colors } = data.reduce(
       (acc, item, index) => {
         acc.colors.push(
-          _nullishCoalesce(_nullishCoalesce(_optionalChain([item, 'access', _77 => _77.styles, 'optionalAccess', _78 => _78.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
+          _nullishCoalesce(_nullishCoalesce(_optionalChain([item, 'access', _81 => _81.styles, 'optionalAccess', _82 => _82.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
         );
-        acc.patterns.push(_nullishCoalesce(_optionalChain([item, 'access', _79 => _79.styles, 'optionalAccess', _80 => _80.pattern]), () => ( "solid")));
+        acc.patterns.push(_nullishCoalesce(_optionalChain([item, 'access', _83 => _83.styles, 'optionalAccess', _84 => _84.pattern]), () => ( "solid")));
         return acc;
       },
       {
@@ -1801,7 +1801,7 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
       }
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox4,
         {
@@ -1817,25 +1817,25 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
                 callback
               }
             ),
-            chart && _optionalChain([chart, 'access', _81 => _81.annotations, 'optionalAccess', _82 => _82.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            chart && _optionalChain([chart, 'access', _85 => _85.annotations, 'optionalAccess', _86 => _86.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               ChartXAnnotationMarkerPortal,
               {
                 xAnnotations,
-                annotationContext: _optionalChain([chart, 'access', _83 => _83.annotations, 'optionalAccess', _84 => _84[0]]),
+                annotationContext: _optionalChain([chart, 'access', _87 => _87.annotations, 'optionalAccess', _88 => _88[0]]),
                 chartContainer: chart.container
               }
             ) : null,
             chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk34OKRQETjs.ChartTooltipPortal,
+              _chunkXH7ZKGHDjs.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
-                  const tooltipData = _chunk34OKRQETjs.transformTimeSeriesTooltipData.call(void 0, {
+                  const tooltipData = _chunkXH7ZKGHDjs.transformTimeSeriesTooltipData.call(void 0, {
                     context,
                     data
                   });
                   const x = context.x;
-                  const xAnnotationDetails = typeof x === "number" ? _optionalChain([xAnnotations, 'optionalAccess', _85 => _85[x], 'optionalAccess', _86 => _86.details]) : void 0;
+                  const xAnnotationDetails = typeof x === "number" ? _optionalChain([xAnnotations, 'optionalAccess', _89 => _89[x], 'optionalAccess', _90 => _90.details]) : void 0;
                   return tooltip ? tooltip({ data: tooltipData, x }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     VerticalBarChartTooltip,
                     {
@@ -1916,5 +1916,5 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
 
 
 
-exports.AreaChart = AreaChart; exports.BUBBLE_CHART_DEFAULT_MAX_SIZE = _chunk34OKRQETjs.BUBBLE_CHART_DEFAULT_MAX_SIZE; exports.BUBBLE_CHART_DEFAULT_PADDING = _chunk34OKRQETjs.BUBBLE_CHART_DEFAULT_PADDING; exports.BUBBLE_CHART_HEIGHT = _chunk34OKRQETjs.BUBBLE_CHART_HEIGHT; exports.ChartLegend = _chunk34OKRQETjs.ChartLegend; exports.ChartLegendLabel = _chunk34OKRQETjs.ChartLegendLabel; exports.ChartTable = _chunk34OKRQETjs.ChartTable; exports.ChartTooltip = _chunk34OKRQETjs.ChartTooltip; exports.ChartTooltipFooter = _chunk34OKRQETjs.ChartTooltipFooter; exports.ChartTooltipHeader = _chunk34OKRQETjs.ChartTooltipHeader; exports.ChartTooltipPortal = _chunk34OKRQETjs.ChartTooltipPortal; exports.ChartTooltipTable = _chunk34OKRQETjs.ChartTooltipTable; exports.ChartTooltipTitle = _chunk34OKRQETjs.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunk34OKRQETjs.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunk34OKRQETjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunk34OKRQETjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunk34OKRQETjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunk34OKRQETjs.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunk34OKRQETjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunk34OKRQETjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.WORD_CLOUD_CHART_HEIGHT = _chunk34OKRQETjs.WORD_CLOUD_CHART_HEIGHT; exports.areaChartOptions = _chunk34OKRQETjs.areaChartOptions; exports.areaChartStyles = _chunk34OKRQETjs.areaChartStyles; exports.baseChartOptions = _chunk34OKRQETjs.baseChartOptions; exports.baseChartStyles = _chunk34OKRQETjs.baseChartStyles; exports.columnChartOptions = _chunk34OKRQETjs.columnChartOptions; exports.defaultBubbleChartWidth = _chunk34OKRQETjs.defaultBubbleChartWidth; exports.donutChartOptions = _chunk34OKRQETjs.donutChartOptions; exports.donutChartStyles = _chunk34OKRQETjs.donutChartStyles; exports.generateChartTooltipPortalId = _chunk34OKRQETjs.generateChartTooltipPortalId; exports.getDatavizColor = getDatavizColor; exports.getDatavizColorWithAlpha = getDatavizColorWithAlpha; exports.getDatavizOpacity = getDatavizOpacity; exports.getStorybookCategoricalData = getStorybookCategoricalData; exports.getStorybookSparseTimelineData = getStorybookSparseTimelineData; exports.isCategoricalHourData = isCategoricalHourData; exports.isHourlyTimeData = isHourlyTimeData; exports.lineChartOptions = _chunk34OKRQETjs.lineChartOptions; exports.lineChartStyles = _chunk34OKRQETjs.lineChartStyles; exports.timeSeriesChartOptions = _chunk34OKRQETjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunk34OKRQETjs.timeSeriesChartStyles; exports.transformDataToSeries = transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunk34OKRQETjs.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = xAxisLabelFormatter; exports.yAxisLabelFormatter = yAxisLabelFormatter;
+exports.AreaChart = AreaChart; exports.BUBBLE_CHART_DEFAULT_MAX_SIZE = _chunkXH7ZKGHDjs.BUBBLE_CHART_DEFAULT_MAX_SIZE; exports.BUBBLE_CHART_DEFAULT_PADDING = _chunkXH7ZKGHDjs.BUBBLE_CHART_DEFAULT_PADDING; exports.BUBBLE_CHART_HEIGHT = _chunkXH7ZKGHDjs.BUBBLE_CHART_HEIGHT; exports.ChartLegend = _chunkXH7ZKGHDjs.ChartLegend; exports.ChartLegendLabel = _chunkXH7ZKGHDjs.ChartLegendLabel; exports.ChartTable = _chunkXH7ZKGHDjs.ChartTable; exports.ChartTooltip = _chunkXH7ZKGHDjs.ChartTooltip; exports.ChartTooltipFooter = _chunkXH7ZKGHDjs.ChartTooltipFooter; exports.ChartTooltipHeader = _chunkXH7ZKGHDjs.ChartTooltipHeader; exports.ChartTooltipPortal = _chunkXH7ZKGHDjs.ChartTooltipPortal; exports.ChartTooltipTable = _chunkXH7ZKGHDjs.ChartTooltipTable; exports.ChartTooltipTitle = _chunkXH7ZKGHDjs.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunkXH7ZKGHDjs.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunkXH7ZKGHDjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunkXH7ZKGHDjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunkXH7ZKGHDjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunkXH7ZKGHDjs.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunkXH7ZKGHDjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunkXH7ZKGHDjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.WORD_CLOUD_CHART_HEIGHT = _chunkXH7ZKGHDjs.WORD_CLOUD_CHART_HEIGHT; exports.areaChartOptions = _chunkXH7ZKGHDjs.areaChartOptions; exports.areaChartStyles = _chunkXH7ZKGHDjs.areaChartStyles; exports.baseChartOptions = _chunkXH7ZKGHDjs.baseChartOptions; exports.baseChartStyles = _chunkXH7ZKGHDjs.baseChartStyles; exports.columnChartOptions = _chunkXH7ZKGHDjs.columnChartOptions; exports.defaultBubbleChartWidth = _chunkXH7ZKGHDjs.defaultBubbleChartWidth; exports.donutChartOptions = _chunkXH7ZKGHDjs.donutChartOptions; exports.donutChartStyles = _chunkXH7ZKGHDjs.donutChartStyles; exports.generateChartTooltipPortalId = _chunkXH7ZKGHDjs.generateChartTooltipPortalId; exports.getDatavizColor = getDatavizColor; exports.getDatavizColorWithAlpha = getDatavizColorWithAlpha; exports.getDatavizOpacity = getDatavizOpacity; exports.getStorybookCategoricalData = getStorybookCategoricalData; exports.getStorybookSparseTimelineData = getStorybookSparseTimelineData; exports.isCategoricalHourData = isCategoricalHourData; exports.isHourlyTimeData = isHourlyTimeData; exports.lineChartOptions = _chunkXH7ZKGHDjs.lineChartOptions; exports.lineChartStyles = _chunkXH7ZKGHDjs.lineChartStyles; exports.timeSeriesChartOptions = _chunkXH7ZKGHDjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunkXH7ZKGHDjs.timeSeriesChartStyles; exports.transformDataToSeries = transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunkXH7ZKGHDjs.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = xAxisLabelFormatter; exports.yAxisLabelFormatter = yAxisLabelFormatter;
 //# sourceMappingURL=index.js.map