@sproutsocial/seeds-react-data-viz 0.21.2 → 0.22.0

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

@@ -2,23 +2,23 @@ import {
   buildAnnotationConfig,
   defaultValueAxisLabelFormatter,
   makeValueAxisLabelFormatter
-} from "../chunk-KMFRRUTY.js";
+} from "../chunk-KQKAVIYW.js";
+import {
+  buildDimensionalAxis,
+  resolveTooltipTimezone
+} from "../chunk-NAKJY5PA.js";
 import {
   getChartContainerProps
 } from "../chunk-P3MVYSHX.js";
 import {
   TIME_SERIES_CHART_HEIGHT
-} from "../chunk-XMYGML25.js";
-import {
-  buildDimensionalAxis,
-  resolveTooltipTimezone
-} from "../chunk-NAKJY5PA.js";
+} from "../chunk-XRZJACCB.js";
 import {
   ChartRenderer,
   buildBaseChartOptions,
   useSeedsChartSetup
-} from "../chunk-QSSYSKRP.js";
-import "../chunk-XEKQTAUH.js";
+} from "../chunk-JGM4M7QV.js";
+import "../chunk-NZX3WPXT.js";
 
 // src/charts/line-area/LineAreaChart.tsx
 import { memo, useMemo } from "react";

package/dist/esm/sparkline/index.js

@@ -5,8 +5,8 @@ import {
 import {
   ChartRenderer,
   buildBaseChartOptions
-} from "../chunk-QSSYSKRP.js";
-import "../chunk-XEKQTAUH.js";
+} from "../chunk-JGM4M7QV.js";
+import "../chunk-NZX3WPXT.js";
 
 // src/charts/sparkline/SparklineChart.tsx
 import { memo } from "react";

package/dist/index.d.mts

@@ -5,10 +5,11 @@ export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotatio
 import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
 import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
 import { Table } from '@sproutsocial/seeds-react-table';
-import { Chart, TooltipFormatterContextObject, Options, SeriesSplineOptions, SeriesAreasplineOptions, SeriesColumnOptions, AxisTickPositionsArray, AxisLabelsFormatterContextObject } from 'highcharts';
+import { Chart, TooltipFormatterContextObject, SeriesSplineOptions, SeriesAreasplineOptions, SeriesColumnOptions, AxisTickPositionsArray, AxisLabelsFormatterContextObject } from 'highcharts';
 import { TypeIconName } from '@sproutsocial/seeds-react-icon';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as styled_components from 'styled-components';
+export { B as BUBBLE_CHART_DEFAULT_MAX_SIZE, a as BUBBLE_CHART_DEFAULT_PADDING, b as BUBBLE_CHART_HEIGHT, D as DONUT_CHART_HALO_SIZE, c as DONUT_CHART_HEIGHT, d as DONUT_CHART_WIDTH, T as TIME_SERIES_CHART_HEIGHT, V as VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT, e as areaChartOptions, f as baseChartOptions, g as columnChartOptions, h as defaultBubbleChartWidth, i as donutChartOptions, l as lineChartOptions, t as timeSeriesChartOptions } from './chartOptions-DHzoGRdG.mjs';
 
 type TypeAreaChartProps = Readonly<{
     data: ReadonlyArray<Readonly<{
@@ -391,23 +392,6 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
     }) => string;
 }>>;
 
-declare const baseChartOptions: Options;
-declare const TIME_SERIES_CHART_HEIGHT = 275;
-declare const timeSeriesChartOptions: Options;
-declare const lineChartOptions: Options;
-declare const areaChartOptions: Options;
-declare const columnChartOptions: Options;
-/**
- * The default series limit for VerticalBarChart.
- * This limit is recommended to maintain chart readability and accessibility.
- * @see {VerticalBarChart}
- */
-declare const VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = 10;
-declare const DONUT_CHART_HALO_SIZE = 10;
-declare const DONUT_CHART_HEIGHT: number;
-declare const DONUT_CHART_WIDTH: number;
-declare const donutChartOptions: Options;
-
 type TypeTimeSeriesOptions = SeriesSplineOptions | SeriesAreasplineOptions | SeriesColumnOptions;
 declare const transformDataToSeries: ({ data, }: {
     data: TypeAreaChartProps["data"] | TypeLineChartProps["data"] | TypeVerticalBarChartProps["data"];
@@ -536,4 +520,4 @@ declare const donutChartStyles: styled_components.FlattenInterpolation<styled_co
     $hasOnClick: TypeChartStyleHasOnClick;
 }>, any>>;
 
-export { AreaChart, ChartLegend, ChartLegendLabel, ChartTable, ChartTooltip, ChartTooltipFooter, ChartTooltipHeader, ChartTooltipPortal, ChartTooltipTable, ChartTooltipTitle, ChartXAnnotationDetails, ChartXAnnotationMarker, ColorBox, DONUT_CHART_HALO_SIZE, DONUT_CHART_HEIGHT, DONUT_CHART_WIDTH, DatavizColorBox, DonutChart, DonutChartLegendTable, ExtendedTimeTicksInfoObject, GlobalChartStyleOverrides, LineChart, NetworkColorBox, TIME_SERIES_CHART_HEIGHT, type TypeAreaChartProps, TypeChartDataPoint, TypeChartDataStyles, type TypeChartLegendLabelProps, type TypeChartLegendProps, TypeChartNumberFormat, TypeChartStyleColor, TypeChartStyleHasOnClick, TypeChartStylePattern, type TypeChartTableProps, TypeChartTimeFormat, TypeChartTooltipDateFormatter, TypeChartTooltipProps, type TypeChartTooltipTableProps, TypeChartXAnnotations, TypeChartYAxisLabelFormatter, type TypeColorBoxProps, type TypeDatavizColorBox, type TypeDatavizColorBoxProps, type TypeDonutChartDataItem, type TypeDonutChartLegendTableProps, type TypeDonutChartProps, type TypeDonutChartTooltipProps, type TypeLegendLabel, type TypeLineChartProps, TypeSeriesType, TypeVerticalBarChartProps, VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT, VerticalBarChart, areaChartOptions, areaChartStyles, baseChartOptions, baseChartStyles, columnChartOptions, donutChartOptions, donutChartStyles, generateChartTooltipPortalId, getDatavizColor, getDatavizColorWithAlpha, getDatavizOpacity, getStorybookCategoricalData, getStorybookSparseTimelineData, isCategoricalHourData, isHourlyTimeData, lineChartOptions, lineChartStyles, timeSeriesChartOptions, timeSeriesChartStyles, transformDataToSeries, transformTimeSeriesTooltipData, xAxisLabelFormatter, yAxisLabelFormatter };
+export { AreaChart, ChartLegend, ChartLegendLabel, ChartTable, ChartTooltip, ChartTooltipFooter, ChartTooltipHeader, ChartTooltipPortal, ChartTooltipTable, ChartTooltipTitle, ChartXAnnotationDetails, ChartXAnnotationMarker, ColorBox, DatavizColorBox, DonutChart, DonutChartLegendTable, ExtendedTimeTicksInfoObject, GlobalChartStyleOverrides, LineChart, NetworkColorBox, type TypeAreaChartProps, TypeChartDataPoint, TypeChartDataStyles, type TypeChartLegendLabelProps, type TypeChartLegendProps, TypeChartNumberFormat, TypeChartStyleColor, TypeChartStyleHasOnClick, TypeChartStylePattern, type TypeChartTableProps, TypeChartTimeFormat, TypeChartTooltipDateFormatter, TypeChartTooltipProps, type TypeChartTooltipTableProps, TypeChartXAnnotations, TypeChartYAxisLabelFormatter, type TypeColorBoxProps, type TypeDatavizColorBox, type TypeDatavizColorBoxProps, type TypeDonutChartDataItem, type TypeDonutChartLegendTableProps, type TypeDonutChartProps, type TypeDonutChartTooltipProps, type TypeLegendLabel, type TypeLineChartProps, TypeSeriesType, TypeVerticalBarChartProps, VerticalBarChart, areaChartStyles, baseChartStyles, donutChartStyles, generateChartTooltipPortalId, getDatavizColor, getDatavizColorWithAlpha, getDatavizOpacity, getStorybookCategoricalData, getStorybookSparseTimelineData, isCategoricalHourData, isHourlyTimeData, lineChartStyles, timeSeriesChartStyles, transformDataToSeries, transformTimeSeriesTooltipData, xAxisLabelFormatter, yAxisLabelFormatter };

package/dist/index.d.ts

@@ -5,10 +5,11 @@ export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotatio
 import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
 import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
 import { Table } from '@sproutsocial/seeds-react-table';
-import { Chart, TooltipFormatterContextObject, Options, SeriesSplineOptions, SeriesAreasplineOptions, SeriesColumnOptions, AxisTickPositionsArray, AxisLabelsFormatterContextObject } from 'highcharts';
+import { Chart, TooltipFormatterContextObject, SeriesSplineOptions, SeriesAreasplineOptions, SeriesColumnOptions, AxisTickPositionsArray, AxisLabelsFormatterContextObject } from 'highcharts';
 import { TypeIconName } from '@sproutsocial/seeds-react-icon';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as styled_components from 'styled-components';
+export { B as BUBBLE_CHART_DEFAULT_MAX_SIZE, a as BUBBLE_CHART_DEFAULT_PADDING, b as BUBBLE_CHART_HEIGHT, D as DONUT_CHART_HALO_SIZE, c as DONUT_CHART_HEIGHT, d as DONUT_CHART_WIDTH, T as TIME_SERIES_CHART_HEIGHT, V as VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT, e as areaChartOptions, f as baseChartOptions, g as columnChartOptions, h as defaultBubbleChartWidth, i as donutChartOptions, l as lineChartOptions, t as timeSeriesChartOptions } from './chartOptions-DHzoGRdG.js';
 
 type TypeAreaChartProps = Readonly<{
     data: ReadonlyArray<Readonly<{
@@ -391,23 +392,6 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
     }) => string;
 }>>;
 
-declare const baseChartOptions: Options;
-declare const TIME_SERIES_CHART_HEIGHT = 275;
-declare const timeSeriesChartOptions: Options;
-declare const lineChartOptions: Options;
-declare const areaChartOptions: Options;
-declare const columnChartOptions: Options;
-/**
- * The default series limit for VerticalBarChart.
- * This limit is recommended to maintain chart readability and accessibility.
- * @see {VerticalBarChart}
- */
-declare const VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = 10;
-declare const DONUT_CHART_HALO_SIZE = 10;
-declare const DONUT_CHART_HEIGHT: number;
-declare const DONUT_CHART_WIDTH: number;
-declare const donutChartOptions: Options;
-
 type TypeTimeSeriesOptions = SeriesSplineOptions | SeriesAreasplineOptions | SeriesColumnOptions;
 declare const transformDataToSeries: ({ data, }: {
     data: TypeAreaChartProps["data"] | TypeLineChartProps["data"] | TypeVerticalBarChartProps["data"];
@@ -536,4 +520,4 @@ declare const donutChartStyles: styled_components.FlattenInterpolation<styled_co
     $hasOnClick: TypeChartStyleHasOnClick;
 }>, any>>;
 
-export { AreaChart, ChartLegend, ChartLegendLabel, ChartTable, ChartTooltip, ChartTooltipFooter, ChartTooltipHeader, ChartTooltipPortal, ChartTooltipTable, ChartTooltipTitle, ChartXAnnotationDetails, ChartXAnnotationMarker, ColorBox, DONUT_CHART_HALO_SIZE, DONUT_CHART_HEIGHT, DONUT_CHART_WIDTH, DatavizColorBox, DonutChart, DonutChartLegendTable, ExtendedTimeTicksInfoObject, GlobalChartStyleOverrides, LineChart, NetworkColorBox, TIME_SERIES_CHART_HEIGHT, type TypeAreaChartProps, TypeChartDataPoint, TypeChartDataStyles, type TypeChartLegendLabelProps, type TypeChartLegendProps, TypeChartNumberFormat, TypeChartStyleColor, TypeChartStyleHasOnClick, TypeChartStylePattern, type TypeChartTableProps, TypeChartTimeFormat, TypeChartTooltipDateFormatter, TypeChartTooltipProps, type TypeChartTooltipTableProps, TypeChartXAnnotations, TypeChartYAxisLabelFormatter, type TypeColorBoxProps, type TypeDatavizColorBox, type TypeDatavizColorBoxProps, type TypeDonutChartDataItem, type TypeDonutChartLegendTableProps, type TypeDonutChartProps, type TypeDonutChartTooltipProps, type TypeLegendLabel, type TypeLineChartProps, TypeSeriesType, TypeVerticalBarChartProps, VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT, VerticalBarChart, areaChartOptions, areaChartStyles, baseChartOptions, baseChartStyles, columnChartOptions, donutChartOptions, donutChartStyles, generateChartTooltipPortalId, getDatavizColor, getDatavizColorWithAlpha, getDatavizOpacity, getStorybookCategoricalData, getStorybookSparseTimelineData, isCategoricalHourData, isHourlyTimeData, lineChartOptions, lineChartStyles, timeSeriesChartOptions, timeSeriesChartStyles, transformDataToSeries, transformTimeSeriesTooltipData, xAxisLabelFormatter, yAxisLabelFormatter };
+export { AreaChart, ChartLegend, ChartLegendLabel, ChartTable, ChartTooltip, ChartTooltipFooter, ChartTooltipHeader, ChartTooltipPortal, ChartTooltipTable, ChartTooltipTitle, ChartXAnnotationDetails, ChartXAnnotationMarker, ColorBox, DatavizColorBox, DonutChart, DonutChartLegendTable, ExtendedTimeTicksInfoObject, GlobalChartStyleOverrides, LineChart, NetworkColorBox, type TypeAreaChartProps, TypeChartDataPoint, TypeChartDataStyles, type TypeChartLegendLabelProps, type TypeChartLegendProps, TypeChartNumberFormat, TypeChartStyleColor, TypeChartStyleHasOnClick, TypeChartStylePattern, type TypeChartTableProps, TypeChartTimeFormat, TypeChartTooltipDateFormatter, TypeChartTooltipProps, type TypeChartTooltipTableProps, TypeChartXAnnotations, TypeChartYAxisLabelFormatter, type TypeColorBoxProps, type TypeDatavizColorBox, type TypeDatavizColorBoxProps, type TypeDonutChartDataItem, type TypeDonutChartLegendTableProps, type TypeDonutChartProps, type TypeDonutChartTooltipProps, type TypeLegendLabel, type TypeLineChartProps, TypeSeriesType, TypeVerticalBarChartProps, VerticalBarChart, areaChartStyles, baseChartStyles, donutChartStyles, generateChartTooltipPortalId, getDatavizColor, getDatavizColorWithAlpha, getDatavizOpacity, getStorybookCategoricalData, getStorybookSparseTimelineData, isCategoricalHourData, isHourlyTimeData, lineChartStyles, timeSeriesChartStyles, transformDataToSeries, transformTimeSeriesTooltipData, xAxisLabelFormatter, yAxisLabelFormatter };

package/dist/index.js

@@ -10,11 +10,11 @@
 
 
 
-var _chunkCYQXUAJCjs = require('./chunk-CYQXUAJC.js');
 
 
 
 
+var _chunk33Y5FZTTjs = require('./chunk-33Y5FZTT.js');
 
 
 
@@ -31,7 +31,11 @@ var _chunkCYQXUAJCjs = require('./chunk-CYQXUAJC.js');
 
 
 
-var _chunk46L4YBLCjs = require('./chunk-46L4YBLC.js');
+
+
+
+
+var _chunk2H2Z7PKZjs = require('./chunk-2H2Z7PKZ.js');
 
 // src/components/AreaChart/AreaChart.tsx
 var _react = require('react');
@@ -49,7 +53,7 @@ var _seedsreacttheme = require('@sproutsocial/seeds-react-theme');
 // src/components/ColorBox/DatavizColorBox.tsx
 
 
-var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunk46L4YBLCjs.ColorBox).attrs(
+var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunk2H2Z7PKZjs.ColorBox).attrs(
   ({ colorIndex }) => ({
     style: {
       background: getDatavizColor(colorIndex),
@@ -79,7 +83,7 @@ var NetworkColorBox = ({
   networkColor,
   ...props
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
 };
 
 // src/components/AreaChart/components/AreaChartLegend.tsx
@@ -88,13 +92,13 @@ var getAreaChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunk46L4YBLCjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
   }
 );
 
@@ -127,7 +131,7 @@ var AreaChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            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: 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, 
@@ -175,16 +179,16 @@ var AreaChartTooltip = _react.memo.call(void 0,
         isAppendedRow: true
       }
     ] : [];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46L4YBLCjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk46L4YBLCjs.ChartTooltipTable,
+        _chunk2H2Z7PKZjs.ChartTooltipTable,
         {
           rows: [...rows, ...appendedRows]
         }
       ),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.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, _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, _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
@@ -681,13 +685,13 @@ var useTimeSeriesChartOptions = ({
   const getBaseChartOptions = (type) => {
     switch (type) {
       case "areaspline":
-        return _chunkCYQXUAJCjs.areaChartOptions;
+        return _chunk33Y5FZTTjs.areaChartOptions;
       case "spline":
-        return _chunkCYQXUAJCjs.lineChartOptions;
+        return _chunk33Y5FZTTjs.lineChartOptions;
       case "column":
-        return _chunkCYQXUAJCjs.columnChartOptions;
+        return _chunk33Y5FZTTjs.columnChartOptions;
       default:
-        return _chunkCYQXUAJCjs.lineChartOptions;
+        return _chunk33Y5FZTTjs.lineChartOptions;
     }
   };
   const baseChartOptions2 = getBaseChartOptions(seriesType);
@@ -717,7 +721,7 @@ var useTimeSeriesChartOptions = ({
             return onClick({ x: _optionalChain([this, 'optionalAccess', _28 => _28.hoverPoint, 'optionalAccess', _29 => _29.x]) });
           } : void 0,
           load: function() {
-            const tooltipId = _chunk46L4YBLCjs.generateChartTooltipPortalId.call(void 0, this.index);
+            const tooltipId = _chunk2H2Z7PKZjs.generateChartTooltipPortalId.call(void 0, this.index);
             attachTooltipEventListeners(this.series, tooltipId);
           }
         }
@@ -883,7 +887,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)`
-  ${_chunk46L4YBLCjs.areaChartStyles}
+  ${_chunk2H2Z7PKZjs.areaChartStyles}
 `;
 var AreaChart = _react.memo.call(void 0, function AreaChart2(props) {
   const { data } = props;
@@ -926,7 +930,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, _chunk46L4YBLCjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox,
       {
@@ -951,11 +955,11 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk46L4YBLCjs.ChartTooltipPortal,
+            _chunk2H2Z7PKZjs.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunk46L4YBLCjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -998,7 +1002,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, _chunk46L4YBLCjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    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: [
       /* @__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 })
     ] }) });
@@ -1047,13 +1051,13 @@ var getDonutChartLegendLabels = ({
   data
 }) => {
   return data.map((slice, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon: slice.icon, children: slice.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunk46L4YBLCjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
   }
 );
 
@@ -1083,7 +1087,7 @@ var DonutChartTooltip = _react.memo.call(void 0,
       {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            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.jsxs.call(void 0, _seedsreactbox.Box, { display: "inline-flex", alignItems: "center", gap: 350, children: [
@@ -1112,9 +1116,9 @@ var DonutChartTooltip = _react.memo.call(void 0,
         ]
       }
     ];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46L4YBLCjs.ChartTooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.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, _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: [
         /* @__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
@@ -1143,7 +1147,7 @@ var transformDonutChartTooltipData = ({
 
 _accessibility2.default.call(void 0, _highcharts2.default);
 var StyledBox2 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunk46L4YBLCjs.donutChartStyles}
+  ${_chunk2H2Z7PKZjs.donutChartStyles}
 `;
 var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
   const { data } = props;
@@ -1163,7 +1167,7 @@ var DonutChartWithData = _react.memo.call(void 0,
     onClick,
     tooltipClickLabel
   }) {
-    const [options, setOptions] = _react.useState.call(void 0, _chunkCYQXUAJCjs.donutChartOptions);
+    const [options, setOptions] = _react.useState.call(void 0, _chunk33Y5FZTTjs.donutChartOptions);
     const [chart, setChart] = _react.useState.call(void 0, null);
     const callback = _react.useCallback.call(void 0, (chartInstance) => {
       setChart(chartInstance);
@@ -1181,7 +1185,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 = _chunk46L4YBLCjs.generateChartTooltipPortalId.call(void 0, this.index);
+              const tooltipId = _chunk2H2Z7PKZjs.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)]);
@@ -1221,7 +1225,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, _chunk46L4YBLCjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox2,
         {
@@ -1238,7 +1242,7 @@ var DonutChartWithData = _react.memo.call(void 0,
               }
             ),
             chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk46L4YBLCjs.ChartTooltipPortal,
+              _chunk2H2Z7PKZjs.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
@@ -1298,7 +1302,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon, children: name }) })
+            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.jsxs.call(void 0, _seedsreactbox.Box, { display: "inline-flex", alignItems: "center", gap: 350, children: [
@@ -1351,7 +1355,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       }
     ];
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk46L4YBLCjs.ChartTable,
+      _chunk2H2Z7PKZjs.ChartTable,
       {
         rows: [...rows, ...totalRow]
       }
@@ -1376,13 +1380,13 @@ var getLineChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunk46L4YBLCjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
   }
 );
 
@@ -1413,7 +1417,7 @@ var LineChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            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: 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, 
@@ -1431,11 +1435,11 @@ var LineChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46L4YBLCjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.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, _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, _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
@@ -1449,7 +1453,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)`
-  ${_chunk46L4YBLCjs.lineChartStyles}
+  ${_chunk2H2Z7PKZjs.lineChartStyles}
 `;
 var LineChart = _react.memo.call(void 0, function LineChart2(props) {
   const { data } = props;
@@ -1503,7 +1507,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, _chunk46L4YBLCjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox3,
       {
@@ -1529,11 +1533,11 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk46L4YBLCjs.ChartTooltipPortal,
+            _chunk2H2Z7PKZjs.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunk46L4YBLCjs.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -1582,13 +1586,13 @@ var getVerticalBarChartLegendLabels = ({
   data
 }) => {
   return data.map((series, index) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon: series.icon, children: series.name }),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.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, _chunk46L4YBLCjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
   }
 );
 
@@ -1619,7 +1623,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartLegendLabelContentWithIcon, { icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${name}: `, children: name }) }) })
+            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: 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, 
@@ -1637,11 +1641,11 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46L4YBLCjs.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.ChartTooltipTable, { rows }),
-      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.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, _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, _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
@@ -1655,7 +1659,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
 // src/components/VerticalBarChart/styles.ts
 
 var verticalBarChartStyles = _styledcomponents.css`
-  ${_chunk46L4YBLCjs.timeSeriesChartStyles}
+  ${_chunk2H2Z7PKZjs.timeSeriesChartStyles}
 
   /*
     When the chart container is hovered, reduce the opacity of all columns.
@@ -1681,7 +1685,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, () => ( _chunkCYQXUAJCjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
+    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunk33Y5FZTTjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
     const isSeriesLimitOverridden = props.seriesLimit !== void 0;
     if (data.length === 0) {
       return null;
@@ -1783,7 +1787,7 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
       }
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46L4YBLCjs.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox4,
         {
@@ -1808,11 +1812,11 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
               }
             ) : null,
             chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk46L4YBLCjs.ChartTooltipPortal,
+              _chunk2H2Z7PKZjs.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
-                  const tooltipData = _chunk46L4YBLCjs.transformTimeSeriesTooltipData.call(void 0, {
+                  const tooltipData = _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
                     context,
                     data
                   });
@@ -1893,5 +1897,9 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
 
 
 
-exports.AreaChart = AreaChart; exports.ChartLegend = _chunk46L4YBLCjs.ChartLegend; exports.ChartLegendLabel = _chunk46L4YBLCjs.ChartLegendLabel; exports.ChartTable = _chunk46L4YBLCjs.ChartTable; exports.ChartTooltip = _chunk46L4YBLCjs.ChartTooltip; exports.ChartTooltipFooter = _chunk46L4YBLCjs.ChartTooltipFooter; exports.ChartTooltipHeader = _chunk46L4YBLCjs.ChartTooltipHeader; exports.ChartTooltipPortal = _chunk46L4YBLCjs.ChartTooltipPortal; exports.ChartTooltipTable = _chunk46L4YBLCjs.ChartTooltipTable; exports.ChartTooltipTitle = _chunk46L4YBLCjs.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunk46L4YBLCjs.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunkCYQXUAJCjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunkCYQXUAJCjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunkCYQXUAJCjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunk46L4YBLCjs.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunkCYQXUAJCjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunkCYQXUAJCjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.areaChartOptions = _chunkCYQXUAJCjs.areaChartOptions; exports.areaChartStyles = _chunk46L4YBLCjs.areaChartStyles; exports.baseChartOptions = _chunkCYQXUAJCjs.baseChartOptions; exports.baseChartStyles = _chunk46L4YBLCjs.baseChartStyles; exports.columnChartOptions = _chunkCYQXUAJCjs.columnChartOptions; exports.donutChartOptions = _chunkCYQXUAJCjs.donutChartOptions; exports.donutChartStyles = _chunk46L4YBLCjs.donutChartStyles; exports.generateChartTooltipPortalId = _chunk46L4YBLCjs.generateChartTooltipPortalId; exports.getDatavizColor = getDatavizColor; exports.getDatavizColorWithAlpha = getDatavizColorWithAlpha; exports.getDatavizOpacity = getDatavizOpacity; exports.getStorybookCategoricalData = getStorybookCategoricalData; exports.getStorybookSparseTimelineData = getStorybookSparseTimelineData; exports.isCategoricalHourData = isCategoricalHourData; exports.isHourlyTimeData = isHourlyTimeData; exports.lineChartOptions = _chunkCYQXUAJCjs.lineChartOptions; exports.lineChartStyles = _chunk46L4YBLCjs.lineChartStyles; exports.timeSeriesChartOptions = _chunkCYQXUAJCjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunk46L4YBLCjs.timeSeriesChartStyles; exports.transformDataToSeries = transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunk46L4YBLCjs.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 = _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;
 //# sourceMappingURL=index.js.map