@sproutsocial/seeds-react-data-viz 0.14.0 → 0.15.0

package/dist/index.js

@@ -11,6 +11,7 @@
 
 
 
+var _chunkJXARPHQEjs = require('./chunk-JXARPHQE.js');
 
 
 
@@ -42,7 +43,8 @@
 
 
 
-var _chunkVFBZ7FNKjs = require('./chunk-VFBZ7FNK.js');
+
+var _chunkEEVKTTT3js = require('./chunk-EEVKTTT3.js');
 
 // src/components/AreaChart/AreaChart.tsx
 var _react = require('react');
@@ -61,13 +63,13 @@ var getAreaChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
     color: _optionalChain([series, 'access', _ => _.styles, 'optionalAccess', _2 => _2.color]) || _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]
   }));
 };
 var AreaChartLegend = _react.memo.call(void 0, 
   function AreaChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
   }
 );
 
@@ -100,7 +102,7 @@ var AreaChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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, 
@@ -148,16 +150,16 @@ var AreaChartTooltip = _react.memo.call(void 0,
         isAppendedRow: true
       }
     ] : [];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVFBZ7FNKjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEEVKTTT3js.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVFBZ7FNKjs.ChartTooltipTable,
+        _chunkEEVKTTT3js.ChartTooltipTable,
         {
           rows: [...rows, ...appendedRows]
         }
       ),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.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, _chunkEEVKTTT3js.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
@@ -278,13 +280,13 @@ var useTimeSeriesChartOptions = ({
   const getBaseChartOptions = (type) => {
     switch (type) {
       case "areaspline":
-        return _chunkVFBZ7FNKjs.areaChartOptions;
+        return _chunkJXARPHQEjs.areaChartOptions;
       case "spline":
-        return _chunkVFBZ7FNKjs.lineChartOptions;
+        return _chunkJXARPHQEjs.lineChartOptions;
       case "column":
-        return _chunkVFBZ7FNKjs.columnChartOptions;
+        return _chunkJXARPHQEjs.columnChartOptions;
       default:
-        return _chunkVFBZ7FNKjs.lineChartOptions;
+        return _chunkJXARPHQEjs.lineChartOptions;
     }
   };
   const baseChartOptions2 = getBaseChartOptions(seriesType);
@@ -314,7 +316,7 @@ var useTimeSeriesChartOptions = ({
             return onClick({ x: _optionalChain([this, 'optionalAccess', _16 => _16.hoverPoint, 'optionalAccess', _17 => _17.x]) });
           } : void 0,
           load: function() {
-            const tooltipId = _chunkVFBZ7FNKjs.generateChartTooltipPortalId.call(void 0, this.index);
+            const tooltipId = _chunkEEVKTTT3js.generateChartTooltipPortalId.call(void 0, this.index);
             attachTooltipEventListeners(this.series, tooltipId);
           }
         }
@@ -393,7 +395,7 @@ var useTimeSeriesChartOptions = ({
           }
         }
       },
-      series: _chunkVFBZ7FNKjs.transformDataToSeries.call(void 0, { data }, seriesType),
+      series: _chunkEEVKTTT3js.transformDataToSeries.call(void 0, { data }, seriesType),
       time: { timezone },
       tooltip: {
         enabled: !disableTooltips
@@ -441,7 +443,7 @@ var useTimeSeriesChartOptions = ({
             return yAxisLabelFormatter2 ? yAxisLabelFormatter2({
               y: this.value,
               yValues: this.axis.tickPositions
-            }) : _chunkVFBZ7FNKjs.yAxisLabelFormatter.call(void 0, {
+            }) : _chunkEEVKTTT3js.yAxisLabelFormatter.call(void 0, {
               currency,
               numberFormat,
               numberLocale,
@@ -472,7 +474,7 @@ var useTimeSeriesChartOptions = ({
   ]);
   return { options, chart, callback };
 };
-var xAxisLabelFormatterDefault = _chunkVFBZ7FNKjs.xAxisLabelFormatter;
+var xAxisLabelFormatterDefault = _chunkEEVKTTT3js.xAxisLabelFormatter;
 
 // src/components/AreaChart/AreaChart.tsx
 
@@ -480,7 +482,7 @@ var xAxisLabelFormatterDefault = _chunkVFBZ7FNKjs.xAxisLabelFormatter;
 _accessibility2.default.call(void 0, _highcharts2.default);
 _annotations2.default.call(void 0, _highcharts2.default);
 var StyledBox = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunkVFBZ7FNKjs.areaChartStyles}
+  ${_chunkEEVKTTT3js.areaChartStyles}
 `;
 var AreaChart = _react.memo.call(void 0, function AreaChart2(props) {
   const { data } = props;
@@ -523,7 +525,7 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
     (series, index) => _nullishCoalesce(_optionalChain([series, 'access', _20 => _20.styles, 'optionalAccess', _21 => _21.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]))
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox,
       {
@@ -548,11 +550,11 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVFBZ7FNKjs.ChartTooltipPortal,
+            _chunkEEVKTTT3js.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunkVFBZ7FNKjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkEEVKTTT3js.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -595,7 +597,7 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
 
 var ChartXAnnotationDetails = _react.memo.call(void 0, 
   ({ iconName, text }) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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 })
     ] }) });
@@ -644,13 +646,13 @@ var getDonutChartLegendLabels = ({
   data
 }) => {
   return data.map((slice, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon: slice.icon, children: slice.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabelContentWithIcon, { icon: slice.icon, children: slice.name }),
     color: _optionalChain([slice, 'access', _28 => _28.styles, 'optionalAccess', _29 => _29.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, _chunkVFBZ7FNKjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
   }
 );
 
@@ -680,7 +682,7 @@ var DonutChartTooltip = _react.memo.call(void 0,
       {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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: [
@@ -709,9 +711,9 @@ var DonutChartTooltip = _react.memo.call(void 0,
         ]
       }
     ];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVFBZ7FNKjs.ChartTooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.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, _chunkEEVKTTT3js.ChartTooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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
@@ -740,7 +742,7 @@ var transformDonutChartTooltipData = ({
 
 _accessibility2.default.call(void 0, _highcharts2.default);
 var StyledBox2 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunkVFBZ7FNKjs.donutChartStyles}
+  ${_chunkEEVKTTT3js.donutChartStyles}
 `;
 var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
   const { data } = props;
@@ -760,7 +762,7 @@ var DonutChartWithData = _react.memo.call(void 0,
     onClick,
     tooltipClickLabel
   }) {
-    const [options, setOptions] = _react.useState.call(void 0, _chunkVFBZ7FNKjs.donutChartOptions);
+    const [options, setOptions] = _react.useState.call(void 0, _chunkJXARPHQEjs.donutChartOptions);
     const [chart, setChart] = _react.useState.call(void 0, null);
     const callback = _react.useCallback.call(void 0, (chartInstance) => {
       setChart(chartInstance);
@@ -778,7 +780,7 @@ var DonutChartWithData = _react.memo.call(void 0,
           events: {
             render: function() {
               const allSlices = _nullishCoalesce(_optionalChain([this, 'access', _37 => _37.series, 'access', _38 => _38[0], 'optionalAccess', _39 => _39.data]), () => ( []));
-              const tooltipId = _chunkVFBZ7FNKjs.generateChartTooltipPortalId.call(void 0, this.index);
+              const tooltipId = _chunkEEVKTTT3js.generateChartTooltipPortalId.call(void 0, this.index);
               allSlices.forEach((slice) => {
                 const sliceElement = _optionalChain([slice, 'optionalAccess', _40 => _40.graphic, 'optionalAccess', _41 => _41.element]);
                 _optionalChain([sliceElement, 'optionalAccess', _42 => _42.setAttribute, 'call', _43 => _43("aria-describedby", tooltipId)]);
@@ -818,7 +820,7 @@ var DonutChartWithData = _react.memo.call(void 0,
       (series, index) => _nullishCoalesce(_nullishCoalesce(_optionalChain([series, 'access', _48 => _48.styles, 'optionalAccess', _49 => _49.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox2,
         {
@@ -835,7 +837,7 @@ var DonutChartWithData = _react.memo.call(void 0,
               }
             ),
             chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVFBZ7FNKjs.ChartTooltipPortal,
+              _chunkEEVKTTT3js.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
@@ -895,7 +897,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon, children: name }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabelContentWithIcon, { icon, children: name }) })
           },
           {
             content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "inline-flex", alignItems: "center", gap: 350, children: [
@@ -948,7 +950,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       }
     ];
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVFBZ7FNKjs.ChartTable,
+      _chunkEEVKTTT3js.ChartTable,
       {
         rows: [...rows, ...totalRow]
       }
@@ -973,13 +975,13 @@ var getLineChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
     color: _optionalChain([series, 'access', _51 => _51.styles, 'optionalAccess', _52 => _52.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, _chunkVFBZ7FNKjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
   }
 );
 
@@ -1010,7 +1012,7 @@ var LineChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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, 
@@ -1028,11 +1030,11 @@ var LineChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVFBZ7FNKjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEEVKTTT3js.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.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, _chunkEEVKTTT3js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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
@@ -1046,7 +1048,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)`
-  ${_chunkVFBZ7FNKjs.lineChartStyles}
+  ${_chunkEEVKTTT3js.lineChartStyles}
 `;
 var LineChart = _react.memo.call(void 0, function LineChart2(props) {
   const { data } = props;
@@ -1100,7 +1102,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, _chunkVFBZ7FNKjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox3,
       {
@@ -1126,11 +1128,11 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVFBZ7FNKjs.ChartTooltipPortal,
+            _chunkEEVKTTT3js.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunkVFBZ7FNKjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkEEVKTTT3js.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -1179,13 +1181,13 @@ var getVerticalBarChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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]
   }));
 };
 var VerticalBarChartLegend = _react.memo.call(void 0, 
   function VerticalbarChartLegend({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
   }
 );
 
@@ -1216,7 +1218,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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, 
@@ -1234,11 +1236,11 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVFBZ7FNKjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEEVKTTT3js.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.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, _chunkEEVKTTT3js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.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
@@ -1252,12 +1254,12 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
 _accessibility2.default.call(void 0, _highcharts2.default);
 _annotations2.default.call(void 0, _highcharts2.default);
 var StyledBox4 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunkVFBZ7FNKjs.verticalBarChartStyles}
+  ${_chunkJXARPHQEjs.verticalBarChartStyles}
 `;
 var VerticalBarChart = _react.memo.call(void 0, 
   function VerticalBarChart2(props) {
     const { data, showSeriesLimitWarning = true } = props;
-    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunkVFBZ7FNKjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
+    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunkJXARPHQEjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
     const isSeriesLimitOverridden = props.seriesLimit !== void 0;
     if (data.length === 0) {
       return null;
@@ -1292,7 +1294,7 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
     xAnnotations,
     xAxisLabelFormatter: xAxisLabelFormatter2
   }) {
-    const shouldUseTimeFormatter = _chunkVFBZ7FNKjs.isHourlyTimeData.call(void 0, data) || _chunkVFBZ7FNKjs.isCategoricalHourData.call(void 0, data);
+    const shouldUseTimeFormatter = _chunkEEVKTTT3js.isHourlyTimeData.call(void 0, data) || _chunkEEVKTTT3js.isCategoricalHourData.call(void 0, data);
     const autoTimeXAxisLabelFormatter = ({
       value,
       timeFormat: timeFormat2
@@ -1359,7 +1361,7 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
       }
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFBZ7FNKjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEVKTTT3js.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox4,
         {
@@ -1384,11 +1386,11 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
               }
             ) : null,
             chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVFBZ7FNKjs.ChartTooltipPortal,
+              _chunkEEVKTTT3js.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
-                  const tooltipData = _chunkVFBZ7FNKjs.transformTimeSeriesTooltipData.call(void 0, {
+                  const tooltipData = _chunkEEVKTTT3js.transformTimeSeriesTooltipData.call(void 0, {
                     context,
                     data
                   });
@@ -1469,5 +1471,5 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
 
 
 
-exports.AreaChart = AreaChart; exports.ChartLegend = _chunkVFBZ7FNKjs.ChartLegend; exports.ChartLegendLabel = _chunkVFBZ7FNKjs.ChartLegendLabel; exports.ChartTable = _chunkVFBZ7FNKjs.ChartTable; exports.ChartTooltip = _chunkVFBZ7FNKjs.ChartTooltip; exports.ChartTooltipFooter = _chunkVFBZ7FNKjs.ChartTooltipFooter; exports.ChartTooltipHeader = _chunkVFBZ7FNKjs.ChartTooltipHeader; exports.ChartTooltipPortal = _chunkVFBZ7FNKjs.ChartTooltipPortal; exports.ChartTooltipTable = _chunkVFBZ7FNKjs.ChartTooltipTable; exports.ChartTooltipTitle = _chunkVFBZ7FNKjs.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunkVFBZ7FNKjs.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunkVFBZ7FNKjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunkVFBZ7FNKjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunkVFBZ7FNKjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = _chunkVFBZ7FNKjs.DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunkVFBZ7FNKjs.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = _chunkVFBZ7FNKjs.NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunkVFBZ7FNKjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunkVFBZ7FNKjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.areaChartOptions = _chunkVFBZ7FNKjs.areaChartOptions; exports.areaChartStyles = _chunkVFBZ7FNKjs.areaChartStyles; exports.baseChartOptions = _chunkVFBZ7FNKjs.baseChartOptions; exports.baseChartStyles = _chunkVFBZ7FNKjs.baseChartStyles; exports.columnChartOptions = _chunkVFBZ7FNKjs.columnChartOptions; exports.donutChartOptions = _chunkVFBZ7FNKjs.donutChartOptions; exports.donutChartStyles = _chunkVFBZ7FNKjs.donutChartStyles; exports.generateChartTooltipPortalId = _chunkVFBZ7FNKjs.generateChartTooltipPortalId; exports.getDatavizColor = _chunkVFBZ7FNKjs.getDatavizColor; exports.getDatavizColorWithAlpha = _chunkVFBZ7FNKjs.getDatavizColorWithAlpha; exports.getDatavizOpacity = _chunkVFBZ7FNKjs.getDatavizOpacity; exports.getStorybookCategoricalData = _chunkVFBZ7FNKjs.getStorybookCategoricalData; exports.getStorybookSparseTimelineData = _chunkVFBZ7FNKjs.getStorybookSparseTimelineData; exports.isCategoricalHourData = _chunkVFBZ7FNKjs.isCategoricalHourData; exports.isHourlyTimeData = _chunkVFBZ7FNKjs.isHourlyTimeData; exports.lineChartOptions = _chunkVFBZ7FNKjs.lineChartOptions; exports.lineChartStyles = _chunkVFBZ7FNKjs.lineChartStyles; exports.timeSeriesChartOptions = _chunkVFBZ7FNKjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunkVFBZ7FNKjs.timeSeriesChartStyles; exports.transformDataToSeries = _chunkVFBZ7FNKjs.transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunkVFBZ7FNKjs.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = _chunkVFBZ7FNKjs.xAxisLabelFormatter; exports.yAxisLabelFormatter = _chunkVFBZ7FNKjs.yAxisLabelFormatter;
+exports.AreaChart = AreaChart; exports.ChartLegend = _chunkEEVKTTT3js.ChartLegend; exports.ChartLegendLabel = _chunkEEVKTTT3js.ChartLegendLabel; exports.ChartTable = _chunkEEVKTTT3js.ChartTable; exports.ChartTooltip = _chunkEEVKTTT3js.ChartTooltip; exports.ChartTooltipFooter = _chunkEEVKTTT3js.ChartTooltipFooter; exports.ChartTooltipHeader = _chunkEEVKTTT3js.ChartTooltipHeader; exports.ChartTooltipPortal = _chunkEEVKTTT3js.ChartTooltipPortal; exports.ChartTooltipTable = _chunkEEVKTTT3js.ChartTooltipTable; exports.ChartTooltipTitle = _chunkEEVKTTT3js.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunkEEVKTTT3js.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunkJXARPHQEjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunkJXARPHQEjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunkJXARPHQEjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = _chunkEEVKTTT3js.DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunkEEVKTTT3js.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = _chunkEEVKTTT3js.NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunkJXARPHQEjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunkJXARPHQEjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.areaChartOptions = _chunkJXARPHQEjs.areaChartOptions; exports.areaChartStyles = _chunkEEVKTTT3js.areaChartStyles; exports.baseChartOptions = _chunkJXARPHQEjs.baseChartOptions; exports.baseChartStyles = _chunkEEVKTTT3js.baseChartStyles; exports.columnChartOptions = _chunkJXARPHQEjs.columnChartOptions; exports.donutChartOptions = _chunkJXARPHQEjs.donutChartOptions; exports.donutChartStyles = _chunkEEVKTTT3js.donutChartStyles; exports.generateChartTooltipPortalId = _chunkEEVKTTT3js.generateChartTooltipPortalId; exports.getDatavizColor = _chunkEEVKTTT3js.getDatavizColor; exports.getDatavizColorWithAlpha = _chunkEEVKTTT3js.getDatavizColorWithAlpha; exports.getDatavizOpacity = _chunkEEVKTTT3js.getDatavizOpacity; exports.getStorybookCategoricalData = _chunkEEVKTTT3js.getStorybookCategoricalData; exports.getStorybookSparseTimelineData = _chunkEEVKTTT3js.getStorybookSparseTimelineData; exports.isCategoricalHourData = _chunkEEVKTTT3js.isCategoricalHourData; exports.isHourlyTimeData = _chunkEEVKTTT3js.isHourlyTimeData; exports.lineChartOptions = _chunkJXARPHQEjs.lineChartOptions; exports.lineChartStyles = _chunkEEVKTTT3js.lineChartStyles; exports.timeSeriesChartOptions = _chunkJXARPHQEjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunkEEVKTTT3js.timeSeriesChartStyles; exports.transformDataToSeries = _chunkEEVKTTT3js.transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunkEEVKTTT3js.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = _chunkEEVKTTT3js.xAxisLabelFormatter; exports.yAxisLabelFormatter = _chunkEEVKTTT3js.yAxisLabelFormatter;
 //# sourceMappingURL=index.js.map