@sproutsocial/seeds-react-data-viz 0.24.2 → 0.24.3

package/dist/esm/line-area/index.js

@@ -2,11 +2,11 @@ import {
   buildAnnotationConfig,
   defaultValueAxisLabelFormatter,
   makeValueAxisLabelFormatter
-} from "../chunk-MQDI7D54.js";
+} from "../chunk-AUU3KROF.js";
 import {
   buildDimensionalAxis,
   resolveTooltipOptions
-} from "../chunk-Y4RJJBJQ.js";
+} from "../chunk-DF5PVRXT.js";
 import {
   getChartContainerProps
 } from "../chunk-P3MVYSHX.js";
@@ -17,8 +17,8 @@ import {
   ChartRenderer,
   buildBaseChartOptions,
   useSeedsChartSetup
-} from "../chunk-ISP4A622.js";
-import "../chunk-NZX3WPXT.js";
+} from "../chunk-EWAD675C.js";
+import "../chunk-32QLJDP2.js";
 
 // src/charts/line-area/LineAreaChart.tsx
 import { memo, useMemo } from "react";

package/dist/esm/sparkline/index.js

@@ -1,12 +1,12 @@
 import {
   buildDimensionalAxis,
   resolveTooltipOptions
-} from "../chunk-Y4RJJBJQ.js";
+} from "../chunk-DF5PVRXT.js";
 import {
   ChartRenderer,
   buildBaseChartOptions
-} from "../chunk-ISP4A622.js";
-import "../chunk-NZX3WPXT.js";
+} from "../chunk-EWAD675C.js";
+import "../chunk-32QLJDP2.js";
 
 // src/charts/sparkline/SparklineChart.tsx
 import { memo } from "react";

package/dist/index.js

@@ -34,8 +34,7 @@ var _chunk33Y5FZTTjs = require('./chunk-33Y5FZTT.js');
 
 
 
-
-var _chunk2H2Z7PKZjs = require('./chunk-2H2Z7PKZ.js');
+var _chunkW57R2V23js = require('./chunk-W57R2V23.js');
 
 // src/components/AreaChart/AreaChart.tsx
 var _react = require('react');
@@ -53,7 +52,7 @@ var _seedsreacttheme = require('@sproutsocial/seeds-react-theme');
 // src/components/ColorBox/DatavizColorBox.tsx
 
 
-var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunk2H2Z7PKZjs.ColorBox).attrs(
+var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunkW57R2V23js.ColorBox).attrs(
   ({ colorIndex }) => ({
     style: {
       background: getDatavizColor(colorIndex),
@@ -83,22 +82,38 @@ var NetworkColorBox = ({
   networkColor,
   ...props
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
 };
 
+// src/components/ChartLegend/components/ChartLegendLabelContentWithIcon.tsx
+
+
+
+var ChartLegendLabelContentWithIcon = _react.memo.call(void 0, 
+  function ChartLegendLabelContentWithIcon2({
+    children,
+    icon
+  }) {
+    return icon ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 200, children: [
+      icon,
+      children
+    ] }) : children;
+  }
+);
+
 // src/components/AreaChart/components/AreaChartLegend.tsx
 
 var getAreaChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
   }
 );
 
@@ -131,7 +146,7 @@ var AreaChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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, 
@@ -179,16 +194,16 @@ var AreaChartTooltip = _react.memo.call(void 0,
         isAppendedRow: true
       }
     ] : [];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2H2Z7PKZjs.ChartTooltipTable,
+        _chunkW57R2V23js.ChartTooltipTable,
         {
           rows: [...rows, ...appendedRows]
         }
       ),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunkW57R2V23js.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
@@ -721,7 +736,7 @@ var useTimeSeriesChartOptions = ({
             return onClick({ x: _optionalChain([this, 'optionalAccess', _28 => _28.hoverPoint, 'optionalAccess', _29 => _29.x]) });
           } : void 0,
           load: function() {
-            const tooltipId = _chunk2H2Z7PKZjs.generateChartTooltipPortalId.call(void 0, this.index);
+            const tooltipId = _chunkW57R2V23js.generateChartTooltipPortalId.call(void 0, this.index);
             attachTooltipEventListeners(this.series, tooltipId);
           }
         }
@@ -887,7 +902,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)`
-  ${_chunk2H2Z7PKZjs.areaChartStyles}
+  ${_chunkW57R2V23js.areaChartStyles}
 `;
 var AreaChart = _react.memo.call(void 0, function AreaChart2(props) {
   const { data } = props;
@@ -930,7 +945,7 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
     (series, index) => _nullishCoalesce(_optionalChain([series, 'access', _32 => _32.styles, 'optionalAccess', _33 => _33.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index]))
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox,
       {
@@ -955,11 +970,11 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2H2Z7PKZjs.ChartTooltipPortal,
+            _chunkW57R2V23js.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -1002,7 +1017,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, _chunk2H2Z7PKZjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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 })
     ] }) });
@@ -1051,13 +1066,13 @@ var getDonutChartLegendLabels = ({
   data
 }) => {
   return data.map((slice, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon: slice.icon, children: slice.name }),
+    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]
   }));
 };
 var DonutChartLegend = _react.memo.call(void 0, 
   function DonutChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
   }
 );
 
@@ -1087,7 +1102,7 @@ var DonutChartTooltip = _react.memo.call(void 0,
       {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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: [
@@ -1116,9 +1131,9 @@ var DonutChartTooltip = _react.memo.call(void 0,
         ]
       }
     ];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunkW57R2V23js.ChartTooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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
@@ -1147,7 +1162,7 @@ var transformDonutChartTooltipData = ({
 
 _accessibility2.default.call(void 0, _highcharts2.default);
 var StyledBox2 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunk2H2Z7PKZjs.donutChartStyles}
+  ${_chunkW57R2V23js.donutChartStyles}
 `;
 var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
   const { data } = props;
@@ -1185,7 +1200,7 @@ var DonutChartWithData = _react.memo.call(void 0,
           events: {
             render: function() {
               const allSlices = _nullishCoalesce(_optionalChain([this, 'access', _49 => _49.series, 'access', _50 => _50[0], 'optionalAccess', _51 => _51.data]), () => ( []));
-              const tooltipId = _chunk2H2Z7PKZjs.generateChartTooltipPortalId.call(void 0, this.index);
+              const tooltipId = _chunkW57R2V23js.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)]);
@@ -1225,7 +1240,7 @@ var DonutChartWithData = _react.memo.call(void 0,
       (series, index) => _nullishCoalesce(_nullishCoalesce(_optionalChain([series, 'access', _60 => _60.styles, 'optionalAccess', _61 => _61.color]), () => ( _seedsreacttheme.theme.colors.DATAVIZ_COLORS_LIST[index])), () => ( ""))
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox2,
         {
@@ -1242,7 +1257,7 @@ var DonutChartWithData = _react.memo.call(void 0,
               }
             ),
             chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk2H2Z7PKZjs.ChartTooltipPortal,
+              _chunkW57R2V23js.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
@@ -1302,7 +1317,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon, children: name }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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: [
@@ -1355,7 +1370,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       }
     ];
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2H2Z7PKZjs.ChartTable,
+      _chunkW57R2V23js.ChartTable,
       {
         rows: [...rows, ...totalRow]
       }
@@ -1380,13 +1395,13 @@ var getLineChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    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]
   }));
 };
 var LineChartLegend = _react.memo.call(void 0, 
   function LineChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
   }
 );
 
@@ -1417,7 +1432,7 @@ var LineChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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, 
@@ -1435,11 +1450,11 @@ var LineChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunkW57R2V23js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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
@@ -1453,7 +1468,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)`
-  ${_chunk2H2Z7PKZjs.lineChartStyles}
+  ${_chunkW57R2V23js.lineChartStyles}
 `;
 var LineChart = _react.memo.call(void 0, function LineChart2(props) {
   const { data } = props;
@@ -1507,7 +1522,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, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox3,
       {
@@ -1533,11 +1548,11 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2H2Z7PKZjs.ChartTooltipPortal,
+            _chunkW57R2V23js.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -1586,13 +1601,13 @@ var getVerticalBarChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    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]
   }));
 };
 var VerticalBarChartLegend = _react.memo.call(void 0, 
   function VerticalbarChartLegend({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
   }
 );
 
@@ -1623,7 +1638,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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, 
@@ -1641,11 +1656,11 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunkW57R2V23js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.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
@@ -1659,7 +1674,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
 // src/components/VerticalBarChart/styles.ts
 
 var verticalBarChartStyles = _styledcomponents.css`
-  ${_chunk2H2Z7PKZjs.timeSeriesChartStyles}
+  ${_chunkW57R2V23js.timeSeriesChartStyles}
 
   /*
     When the chart container is hovered, reduce the opacity of all columns.
@@ -1787,7 +1802,7 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
       }
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox4,
         {
@@ -1812,11 +1827,11 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
               }
             ) : null,
             chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk2H2Z7PKZjs.ChartTooltipPortal,
+              _chunkW57R2V23js.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
-                  const tooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
+                  const tooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
                     context,
                     data
                   });
@@ -1901,5 +1916,5 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
 
 
 
-exports.AreaChart = AreaChart; exports.BUBBLE_CHART_DEFAULT_MAX_SIZE = _chunk33Y5FZTTjs.BUBBLE_CHART_DEFAULT_MAX_SIZE; exports.BUBBLE_CHART_DEFAULT_PADDING = _chunk33Y5FZTTjs.BUBBLE_CHART_DEFAULT_PADDING; exports.BUBBLE_CHART_HEIGHT = _chunk33Y5FZTTjs.BUBBLE_CHART_HEIGHT; exports.ChartLegend = _chunk2H2Z7PKZjs.ChartLegend; exports.ChartLegendLabel = _chunk2H2Z7PKZjs.ChartLegendLabel; exports.ChartTable = _chunk2H2Z7PKZjs.ChartTable; exports.ChartTooltip = _chunk2H2Z7PKZjs.ChartTooltip; exports.ChartTooltipFooter = _chunk2H2Z7PKZjs.ChartTooltipFooter; exports.ChartTooltipHeader = _chunk2H2Z7PKZjs.ChartTooltipHeader; exports.ChartTooltipPortal = _chunk2H2Z7PKZjs.ChartTooltipPortal; exports.ChartTooltipTable = _chunk2H2Z7PKZjs.ChartTooltipTable; exports.ChartTooltipTitle = _chunk2H2Z7PKZjs.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunk2H2Z7PKZjs.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunk33Y5FZTTjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunk33Y5FZTTjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunk33Y5FZTTjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunk2H2Z7PKZjs.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunk33Y5FZTTjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunk33Y5FZTTjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.areaChartOptions = _chunk33Y5FZTTjs.areaChartOptions; exports.areaChartStyles = _chunk2H2Z7PKZjs.areaChartStyles; exports.baseChartOptions = _chunk33Y5FZTTjs.baseChartOptions; exports.baseChartStyles = _chunk2H2Z7PKZjs.baseChartStyles; exports.columnChartOptions = _chunk33Y5FZTTjs.columnChartOptions; exports.defaultBubbleChartWidth = _chunk33Y5FZTTjs.defaultBubbleChartWidth; exports.donutChartOptions = _chunk33Y5FZTTjs.donutChartOptions; exports.donutChartStyles = _chunk2H2Z7PKZjs.donutChartStyles; exports.generateChartTooltipPortalId = _chunk2H2Z7PKZjs.generateChartTooltipPortalId; exports.getDatavizColor = getDatavizColor; exports.getDatavizColorWithAlpha = getDatavizColorWithAlpha; exports.getDatavizOpacity = getDatavizOpacity; exports.getStorybookCategoricalData = getStorybookCategoricalData; exports.getStorybookSparseTimelineData = getStorybookSparseTimelineData; exports.isCategoricalHourData = isCategoricalHourData; exports.isHourlyTimeData = isHourlyTimeData; exports.lineChartOptions = _chunk33Y5FZTTjs.lineChartOptions; exports.lineChartStyles = _chunk2H2Z7PKZjs.lineChartStyles; exports.timeSeriesChartOptions = _chunk33Y5FZTTjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunk2H2Z7PKZjs.timeSeriesChartStyles; exports.transformDataToSeries = transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = xAxisLabelFormatter; exports.yAxisLabelFormatter = yAxisLabelFormatter;
+exports.AreaChart = AreaChart; exports.BUBBLE_CHART_DEFAULT_MAX_SIZE = _chunk33Y5FZTTjs.BUBBLE_CHART_DEFAULT_MAX_SIZE; exports.BUBBLE_CHART_DEFAULT_PADDING = _chunk33Y5FZTTjs.BUBBLE_CHART_DEFAULT_PADDING; exports.BUBBLE_CHART_HEIGHT = _chunk33Y5FZTTjs.BUBBLE_CHART_HEIGHT; exports.ChartLegend = _chunkW57R2V23js.ChartLegend; exports.ChartLegendLabel = _chunkW57R2V23js.ChartLegendLabel; exports.ChartTable = _chunkW57R2V23js.ChartTable; exports.ChartTooltip = _chunkW57R2V23js.ChartTooltip; exports.ChartTooltipFooter = _chunkW57R2V23js.ChartTooltipFooter; exports.ChartTooltipHeader = _chunkW57R2V23js.ChartTooltipHeader; exports.ChartTooltipPortal = _chunkW57R2V23js.ChartTooltipPortal; exports.ChartTooltipTable = _chunkW57R2V23js.ChartTooltipTable; exports.ChartTooltipTitle = _chunkW57R2V23js.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunkW57R2V23js.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunk33Y5FZTTjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunk33Y5FZTTjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunk33Y5FZTTjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunkW57R2V23js.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunk33Y5FZTTjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunk33Y5FZTTjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.areaChartOptions = _chunk33Y5FZTTjs.areaChartOptions; exports.areaChartStyles = _chunkW57R2V23js.areaChartStyles; exports.baseChartOptions = _chunk33Y5FZTTjs.baseChartOptions; exports.baseChartStyles = _chunkW57R2V23js.baseChartStyles; exports.columnChartOptions = _chunk33Y5FZTTjs.columnChartOptions; exports.defaultBubbleChartWidth = _chunk33Y5FZTTjs.defaultBubbleChartWidth; exports.donutChartOptions = _chunk33Y5FZTTjs.donutChartOptions; exports.donutChartStyles = _chunkW57R2V23js.donutChartStyles; exports.generateChartTooltipPortalId = _chunkW57R2V23js.generateChartTooltipPortalId; exports.getDatavizColor = getDatavizColor; exports.getDatavizColorWithAlpha = getDatavizColorWithAlpha; exports.getDatavizOpacity = getDatavizOpacity; exports.getStorybookCategoricalData = getStorybookCategoricalData; exports.getStorybookSparseTimelineData = getStorybookSparseTimelineData; exports.isCategoricalHourData = isCategoricalHourData; exports.isHourlyTimeData = isHourlyTimeData; exports.lineChartOptions = _chunk33Y5FZTTjs.lineChartOptions; exports.lineChartStyles = _chunkW57R2V23js.lineChartStyles; exports.timeSeriesChartOptions = _chunk33Y5FZTTjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunkW57R2V23js.timeSeriesChartStyles; exports.transformDataToSeries = transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = xAxisLabelFormatter; exports.yAxisLabelFormatter = yAxisLabelFormatter;
 //# sourceMappingURL=index.js.map