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

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

@@ -2,23 +2,22 @@ import {
   buildAnnotationConfig,
   defaultValueAxisLabelFormatter,
   makeValueAxisLabelFormatter
-} from "../chunk-AUU3KROF.js";
+} from "../chunk-AJGRGRI6.js";
 import {
   buildDimensionalAxis,
   resolveTooltipOptions
-} from "../chunk-DF5PVRXT.js";
+} from "../chunk-CIG5NERD.js";
 import {
   getChartContainerProps
 } from "../chunk-P3MVYSHX.js";
-import {
-  TIME_SERIES_CHART_HEIGHT
-} from "../chunk-XRZJACCB.js";
 import {
   ChartRenderer,
   buildBaseChartOptions,
   useSeedsChartSetup
-} from "../chunk-EWAD675C.js";
-import "../chunk-32QLJDP2.js";
+} from "../chunk-V63L6753.js";
+import {
+  TIME_SERIES_CHART_HEIGHT
+} from "../chunk-VCTZWYEM.js";
 
 // src/charts/line-area/LineAreaChart.tsx
 import { memo, useMemo } from "react";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/charts/line-area/LineAreaChart.tsx","../../../src/charts/line-area/adapter.ts"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { getChartContainerProps } from \"../shared/chartContainer\";\nimport { buildLineAreaChartOptions } from \"./adapter\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\n/**\n * LineAreaChart — the v2 time-series line/area family.\n *\n * Like SparklineChart, the wrapper carries no styled-components: it is a plain\n * <div> whose className / inline custom properties / data-attributes come from\n * the shared getChartContainerProps contract (CE-164), and its Highcharts\n * styling ships as a static line-area.css. chart-styles.css owns the shared\n * base (background, per-series color fallback, click cursor, tooltip, legend)\n * AND the shared cross-family .seeds-chart-time-series layer (crosshair,\n * grid/axis lines, ticks, zero line, axis-label typography) that bar also uses;\n * line-area.css owns only the .seeds-chart-line / .seeds-chart-area selectors.\n * Neither is imported here — matching the Sparkline/bar convention, the component never\n * self-imports its stylesheet; consumers import both explicitly (see\n * charts/README.md).\n */\nexport const LineAreaChart = memo(function LineAreaChart(\n  props: LineAreaChartProps\n) {\n  const { colors, patterns } = useSeedsChartSetup({\n    series: props.series,\n    includePatterns: true,\n  });\n  const { options, annotationLookup, tooltipOptions } = useMemo(\n    () => buildLineAreaChartOptions(props),\n    [props]\n  );\n  const hasOnClick = Boolean(props.onClick);\n  const isArea = AREA_VARIANTS.has(props.variant);\n\n  return (\n    <div\n      {...getChartContainerProps({\n        familyClasses: [\n          \"seeds-chart-time-series\",\n          isArea ? \"seeds-chart-area\" : \"seeds-chart-line\",\n        ],\n        // RAW per-series colors: only an explicit consumer override is inlined\n        // as --highcharts-color-N; an unset series falls through to the DS\n        // palette default in chart-styles.css. ChartRenderer below still gets\n        // the palette-RESOLVED `colors` for its own styled-components engine.\n        colors: props.series.map((s) => s.color),\n        patterns,\n        hasOnClick,\n        className: props.className,\n      })}\n    >\n      <ChartRenderer\n        options={options}\n        series={props.series}\n        colors={colors}\n        tooltip={props.tooltip}\n        annotationLookup={annotationLookup}\n        hasOnClick={hasOnClick}\n        tooltipClickLabel={props.tooltipClickLabel}\n        tooltipOptions={tooltipOptions}\n        invalidNumberLabel={props.invalidNumberLabel}\n        valueFormat={props.yAxis?.format}\n        exportTitle={props.exportTitle}\n        onReady={props.onReady}\n      />\n    </div>\n  );\n});\n","import { buildAnnotationConfig } from \"../shared/annotations\";\nimport type { ChartAnnotationLookup } from \"../shared/annotations\";\nimport type {\n  ChartTooltipProps,\n  SeedsChartDataPoint,\n  SeedsChartOptions,\n} from \"../shared/chartBase\";\nimport { buildBaseChartOptions } from \"../shared/baseChartOptions\";\nimport { TIME_SERIES_CHART_HEIGHT } from \"../../constants/chartOptions\";\nimport {\n  buildDimensionalAxis,\n  resolveTooltipOptions,\n} from \"../shared/axisOptions\";\nimport {\n  defaultValueAxisLabelFormatter,\n  makeValueAxisLabelFormatter,\n} from \"../shared/valueAxisLabelFormatter\";\nimport type { ChartDataPoint } from \"../shared/axis\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\n// `stacking` is meaningful only for filled variants; on `line`/`spline` it's a\n// no-op, so the adapter drops it rather than emitting a misleading option.\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\ntype SeriesPoint =\n  | number\n  | null\n  | [number, number | null]\n  | SeedsChartDataPoint;\n\nfunction pointY(point: ChartDataPoint): number | null {\n  if (point === null) return null;\n  if (typeof point === \"number\") return point;\n  if (Array.isArray(point)) return point[1];\n  return point.y;\n}\n\n// Point markers are hidden by default (set on `plotOptions.series`), but an\n// *isolated* non-null point — one with a null (or the chart edge) on both\n// sides — gets a circle marker so a point with no connecting line segment\n// stays visible. Connected points pass through unchanged so the line/area\n// renders dot-free, matching the designs.\nfunction withIsolatedPointMarkers(\n  data: ReadonlyArray<ChartDataPoint>\n): SeriesPoint[] {\n  return data.map((point, i): SeriesPoint => {\n    if (point === null) return null; // explicit gap\n    if (pointY(point) === null) return point; // tuple/object with null y — a gap\n    const prevY = i === 0 ? null : pointY(data[i - 1]!);\n    const nextY = i === data.length - 1 ? null : pointY(data[i + 1]!);\n    if (prevY !== null || nextY !== null) return point; // connected → no marker\n    const marker = { enabled: true, symbol: \"circle\" as const };\n    if (typeof point === \"number\") return { y: point, marker };\n    if (Array.isArray(point)) return { x: point[0], y: point[1], marker };\n    return { ...point, marker };\n  });\n}\n\nexport function buildLineAreaChartOptions(props: LineAreaChartProps): {\n  options: SeedsChartOptions;\n  annotationLookup: ChartAnnotationLookup | undefined;\n  /** Resolved datetime-derived tooltip options (timezone / timeFormat / textLocale); all undefined on category axes. */\n  tooltipOptions: Pick<\n    ChartTooltipProps,\n    \"timezone\" | \"timeFormat\" | \"textLocale\"\n  >;\n} {\n  const tooltipOptions = resolveTooltipOptions(props);\n  const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n\n  const base = buildBaseChartOptions({\n    type: props.variant,\n    description: props.description,\n    reserveTopMargin: Boolean(annotations),\n    timezone: tooltipOptions.timezone,\n  });\n\n  const options: SeedsChartOptions = {\n    ...base,\n    // Default height baseline (overridable via `props.height`) so consumers\n    // who don't configure sizing keep the design-reviewed default.\n    chart: {\n      ...base.chart,\n      // Re-assert the definite `type` so spreading the optionally-typed\n      // `base.chart` doesn't widen the required `type` field to optional.\n      type: props.variant,\n      height: props.height ?? TIME_SERIES_CHART_HEIGHT,\n      // Tight time-series spacing (from constants/chartOptions.ts) so the plot\n      // area fills the 275px container; without it Highcharts' larger default\n      // spacing ([10, 10, 15, 10]) shrinks the plot area.\n      spacing: [5, 1, 0, 2],\n    },\n    xAxis: buildDimensionalAxis(props.xAxis, tooltipOptions.timezone ?? \"UTC\"),\n    yAxis: {\n      min: props.yAxis?.min,\n      max: props.yAxis?.max,\n      // Anchor the value axis to 0 (as the bar/area families do): line/spline otherwise\n      // auto-scale above 0, which truncates the axis and pushes the annotation\n      // anchor (y: 0) out of range. `soft` still extends for negative data.\n      softMin: 0,\n      softMax: 0,\n      gridLineWidth: props.yAxis?.showGridLines === false ? 0 : 1,\n      // A dedicated plotLine at 0, styled distinctly from regular gridlines\n      // (see chartStyles.ts).\n      plotLines: [{ value: 0, className: \"y-axis-zero-line\", zIndex: 3 }],\n      title: { text: props.yAxis?.title ?? \"\" },\n      // Zero-config default: abbreviate value-axis ticks (1.20K / 1.20M / 1.20B).\n      labels: {\n        // A declarative `format` drives ticks through the shared valueFormatter;\n        // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).\n        formatter: props.yAxis?.format\n          ? makeValueAxisLabelFormatter(props.yAxis.format)\n          : defaultValueAxisLabelFormatter,\n      },\n    },\n    plotOptions: {\n      series: {\n        animation: false,\n        // Hide point markers by default (per the designs); isolated points\n        // re-enable their own marker via `withIsolatedPointMarkers`.\n        marker: { enabled: false },\n        ...(props.onClick || props.onMouseEnter || props.onMouseLeave\n          ? {\n              point: {\n                events: {\n                  click: props.onClick\n                    ? (event) => props.onClick!({ position: event.point.x })\n                    : undefined,\n                  mouseOver: props.onMouseEnter\n                    ? function (this: { x: number | string }) {\n                        props.onMouseEnter!({ position: this.x });\n                      }\n                    : undefined,\n                  mouseOut: props.onMouseLeave\n                    ? function (this: { x: number | string }) {\n                        props.onMouseLeave!({ position: this.x });\n                      }\n                    : undefined,\n                },\n              },\n            }\n          : {}),\n      },\n      // Type-scoped stacking: only the (area) variant stacks. `isStacked` already\n      // guarantees `props.variant` is an area variant here, so the computed key is\n      // always a valid plotOptions slot. Matches bar's per-type placement and keeps\n      // line/spline unstacked.\n      ...(isStacked ? { [props.variant]: { stacking: props.stacking } } : {}),\n    },\n    series: props.series.map((s) => ({\n      type: props.variant,\n      name: s.name,\n      data: withIsolatedPointMarkers(s.data),\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipOptions };\n}\n"],"mappings":"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","names":["AREA_VARIANTS","LineAreaChart"]}
+{"version":3,"sources":["../../../src/charts/line-area/LineAreaChart.tsx","../../../src/charts/line-area/adapter.ts"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { getChartContainerProps } from \"../shared/chartContainer\";\nimport { buildLineAreaChartOptions } from \"./adapter\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\n/**\n * LineAreaChart — the v2 time-series line/area family.\n *\n * Like SparklineChart, the wrapper carries no styled-components: it is a plain\n * <div> whose className / inline custom properties / data-attributes come from\n * the shared getChartContainerProps contract (CE-164), and its Highcharts\n * styling ships as a static line-area.css. chart-styles.css owns the shared\n * base (background, per-series color fallback, click cursor, tooltip, legend)\n * AND the shared cross-family .seeds-chart-time-series layer (crosshair,\n * grid/axis lines, ticks, zero line, axis-label typography) that bar also uses;\n * line-area.css owns only the .seeds-chart-line / .seeds-chart-area selectors.\n * Neither is imported here — matching the Sparkline/bar convention, the component never\n * self-imports its stylesheet; consumers import both explicitly (see\n * charts/README.md).\n */\nexport const LineAreaChart = memo(function LineAreaChart(\n  props: LineAreaChartProps\n) {\n  const { colors, patterns } = useSeedsChartSetup({\n    series: props.series,\n    includePatterns: true,\n  });\n  const { options, annotationLookup, tooltipOptions } = useMemo(\n    () => buildLineAreaChartOptions(props),\n    [props]\n  );\n  const hasOnClick = Boolean(props.onClick);\n  const isArea = AREA_VARIANTS.has(props.variant);\n\n  return (\n    <div\n      {...getChartContainerProps({\n        familyClasses: [\n          \"seeds-chart-time-series\",\n          isArea ? \"seeds-chart-area\" : \"seeds-chart-line\",\n        ],\n        // RAW per-series colors: only an explicit consumer override is inlined\n        // as --highcharts-color-N; an unset series falls through to the DS\n        // palette default in chart-styles.css. ChartRenderer below still gets\n        // the palette-RESOLVED `colors` for its own styled-components engine.\n        colors: props.series.map((s) => s.color),\n        patterns,\n        hasOnClick,\n        className: props.className,\n      })}\n    >\n      <ChartRenderer\n        options={options}\n        series={props.series}\n        colors={colors}\n        tooltip={props.tooltip}\n        annotationLookup={annotationLookup}\n        hasOnClick={hasOnClick}\n        tooltipClickLabel={props.tooltipClickLabel}\n        tooltipOptions={tooltipOptions}\n        invalidNumberLabel={props.invalidNumberLabel}\n        valueFormat={props.yAxis?.format}\n        exportTitle={props.exportTitle}\n        onReady={props.onReady}\n      />\n    </div>\n  );\n});\n","import { buildAnnotationConfig } from \"../shared/annotations\";\nimport type { ChartAnnotationLookup } from \"../shared/annotations\";\nimport type {\n  ChartTooltipProps,\n  SeedsChartDataPoint,\n  SeedsChartOptions,\n} from \"../shared/chartBase\";\nimport { buildBaseChartOptions } from \"../shared/baseChartOptions\";\nimport { TIME_SERIES_CHART_HEIGHT } from \"../../constants/chartOptions\";\nimport {\n  buildDimensionalAxis,\n  resolveTooltipOptions,\n} from \"../shared/axisOptions\";\nimport {\n  defaultValueAxisLabelFormatter,\n  makeValueAxisLabelFormatter,\n} from \"../shared/valueAxisLabelFormatter\";\nimport type { ChartDataPoint } from \"../shared/axis\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\n// `stacking` is meaningful only for filled variants; on `line`/`spline` it's a\n// no-op, so the adapter drops it rather than emitting a misleading option.\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\ntype SeriesPoint =\n  | number\n  | null\n  | [number, number | null]\n  | SeedsChartDataPoint;\n\nfunction pointY(point: ChartDataPoint): number | null {\n  if (point === null) return null;\n  if (typeof point === \"number\") return point;\n  if (Array.isArray(point)) return point[1];\n  return point.y;\n}\n\n// Point markers are hidden by default (set on `plotOptions.series`), but an\n// *isolated* non-null point — one with a null (or the chart edge) on both\n// sides — gets a circle marker so a point with no connecting line segment\n// stays visible. Connected points pass through unchanged so the line/area\n// renders dot-free, matching the designs.\nfunction withIsolatedPointMarkers(\n  data: ReadonlyArray<ChartDataPoint>\n): SeriesPoint[] {\n  return data.map((point, i): SeriesPoint => {\n    if (point === null) return null; // explicit gap\n    if (pointY(point) === null) return point; // tuple/object with null y — a gap\n    const prevY = i === 0 ? null : pointY(data[i - 1]!);\n    const nextY = i === data.length - 1 ? null : pointY(data[i + 1]!);\n    if (prevY !== null || nextY !== null) return point; // connected → no marker\n    const marker = { enabled: true, symbol: \"circle\" as const };\n    if (typeof point === \"number\") return { y: point, marker };\n    if (Array.isArray(point)) return { x: point[0], y: point[1], marker };\n    return { ...point, marker };\n  });\n}\n\nexport function buildLineAreaChartOptions(props: LineAreaChartProps): {\n  options: SeedsChartOptions;\n  annotationLookup: ChartAnnotationLookup | undefined;\n  /** Resolved datetime-derived tooltip options (timezone / timeFormat / textLocale); all undefined on category axes. */\n  tooltipOptions: Pick<\n    ChartTooltipProps,\n    \"timezone\" | \"timeFormat\" | \"textLocale\"\n  >;\n} {\n  const tooltipOptions = resolveTooltipOptions(props);\n  const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n\n  const base = buildBaseChartOptions({\n    type: props.variant,\n    description: props.description,\n    reserveTopMargin: Boolean(annotations),\n    timezone: tooltipOptions.timezone,\n  });\n\n  const options: SeedsChartOptions = {\n    ...base,\n    // Default height baseline (overridable via `props.height`) so consumers\n    // who don't configure sizing keep the design-reviewed default.\n    chart: {\n      ...base.chart,\n      // Re-assert the definite `type` so spreading the optionally-typed\n      // `base.chart` doesn't widen the required `type` field to optional.\n      type: props.variant,\n      height: props.height ?? TIME_SERIES_CHART_HEIGHT,\n      // Tight time-series spacing (from constants/chartOptions.ts) so the plot\n      // area fills the 275px container; without it Highcharts' larger default\n      // spacing ([10, 10, 15, 10]) shrinks the plot area.\n      spacing: [5, 1, 0, 2],\n    },\n    xAxis: buildDimensionalAxis(props.xAxis, tooltipOptions.timezone ?? \"UTC\"),\n    yAxis: {\n      min: props.yAxis?.min,\n      max: props.yAxis?.max,\n      // Anchor the value axis to 0 (as the bar/area families do): line/spline otherwise\n      // auto-scale above 0, which truncates the axis and pushes the annotation\n      // anchor (y: 0) out of range. `soft` still extends for negative data.\n      softMin: 0,\n      softMax: 0,\n      gridLineWidth: props.yAxis?.showGridLines === false ? 0 : 1,\n      // A dedicated plotLine at 0, styled distinctly from regular gridlines\n      // (see chartStyles.ts).\n      plotLines: [{ value: 0, className: \"y-axis-zero-line\", zIndex: 3 }],\n      title: { text: props.yAxis?.title ?? \"\" },\n      // Zero-config default: abbreviate value-axis ticks (1.20K / 1.20M / 1.20B).\n      labels: {\n        // A declarative `format` drives ticks through the shared valueFormatter;\n        // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).\n        formatter: props.yAxis?.format\n          ? makeValueAxisLabelFormatter(props.yAxis.format)\n          : defaultValueAxisLabelFormatter,\n      },\n    },\n    plotOptions: {\n      series: {\n        animation: false,\n        // Hide point markers by default (per the designs); isolated points\n        // re-enable their own marker via `withIsolatedPointMarkers`.\n        marker: { enabled: false },\n        ...(props.onClick || props.onMouseEnter || props.onMouseLeave\n          ? {\n              point: {\n                events: {\n                  click: props.onClick\n                    ? (event) => props.onClick!({ position: event.point.x })\n                    : undefined,\n                  mouseOver: props.onMouseEnter\n                    ? function (this: { x: number | string }) {\n                        props.onMouseEnter!({ position: this.x });\n                      }\n                    : undefined,\n                  mouseOut: props.onMouseLeave\n                    ? function (this: { x: number | string }) {\n                        props.onMouseLeave!({ position: this.x });\n                      }\n                    : undefined,\n                },\n              },\n            }\n          : {}),\n      },\n      // Type-scoped stacking: only the (area) variant stacks. `isStacked` already\n      // guarantees `props.variant` is an area variant here, so the computed key is\n      // always a valid plotOptions slot. Matches bar's per-type placement and keeps\n      // line/spline unstacked.\n      ...(isStacked ? { [props.variant]: { stacking: props.stacking } } : {}),\n    },\n    series: props.series.map((s) => ({\n      type: props.variant,\n      name: s.name,\n      data: withIsolatedPointMarkers(s.data),\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipOptions };\n}\n"],"mappings":"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","names":["AREA_VARIANTS","LineAreaChart"]}

package/dist/esm/sparkline/index.js

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

package/dist/esm/wordcloud/index.js

@@ -0,0 +1,82 @@
+import {
+  getChartContainerProps
+} from "../chunk-P3MVYSHX.js";
+import {
+  ChartRenderer,
+  buildWordCloudOptions,
+  deriveMaxFontSize,
+  deriveMaxWordCount,
+  deriveWordPadding,
+  useSeedsChartSetup
+} from "../chunk-V63L6753.js";
+import "../chunk-VCTZWYEM.js";
+
+// src/charts/wordcloud/WordCloud.tsx
+import { memo, useMemo, useRef } from "react";
+import { useMeasure } from "@sproutsocial/seeds-react-hooks";
+import { jsx } from "react/jsx-runtime";
+function resolveActiveGroupIndex(activeGroupId, groups) {
+  if (activeGroupId == null || !groups?.length) return void 0;
+  const index = groups.findIndex((group) => group.id === activeGroupId);
+  return index === -1 ? void 0 : index;
+}
+var WordCloud = memo(function WordCloud2(props) {
+  const { colors } = useSeedsChartSetup({
+    series: props.groups?.length ? props.groups.map((group) => ({ color: group.color })) : [{ color: void 0 }]
+  });
+  const containerRef = useRef(null);
+  const { width: measuredWidth } = useMeasure(containerRef, true);
+  const width = props.width ?? measuredWidth;
+  const derivedMaxFontSize = deriveMaxFontSize(width);
+  const derivedMaxWordCount = deriveMaxWordCount(width);
+  const derivedWordPadding = deriveWordPadding(width);
+  const options = useMemo(
+    () => buildWordCloudOptions(props, width),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- `width` is intentionally excluded; see the comment above `derivedMaxFontSize`.
+    [props, derivedMaxFontSize, derivedMaxWordCount, derivedWordPadding]
+  );
+  const activeGroupIndex = resolveActiveGroupIndex(
+    props.activeGroupId,
+    props.groups
+  );
+  const containerProps = getChartContainerProps({
+    familyClasses: ["seeds-chart-wordcloud"],
+    // RAW per-group colors only — an unset group falls through to
+    // chart-styles.css's --highcharts-color-N default, matching the
+    // bubble/bar convention. Only an explicit consumer override is inlined.
+    colors: props.groups?.map((group) => group.color) ?? [],
+    hasOnClick: Boolean(props.onClick),
+    className: props.className
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      ...containerProps,
+      ...activeGroupIndex !== void 0 ? { "data-active-group-index": activeGroupIndex } : {},
+      // Gate the chart's one-and-only real mount on a genuinely measured
+      // width. This container `<div>` still always renders (measuring it
+      // is what produces `measuredWidth` in the first place) — but a
+      // `width` of 0 means "no room to lay out yet," not "assume the
+      // widest case," so nothing else renders until it's positive. This
+      // is also what makes Highcharts' native center-burst entrance
+      // animation (plotOptions.wordcloud.animation, above) fire on first
+      // paint: `chart.hasRendered` never gets set by a wrong-then-corrected
+      // double render.
+      children: width > 0 && /* @__PURE__ */ jsx(
+        ChartRenderer,
+        {
+          options,
+          series: options.series?.length ? [{ name: "Word Cloud" }] : [],
+          colors,
+          hideLegend: true,
+          onReady: props.onReady
+        }
+      )
+    }
+  );
+});
+export {
+  WordCloud
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/wordcloud/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/charts/wordcloud/WordCloud.tsx"],"sourcesContent":["import { memo, useMemo, useRef } from \"react\";\nimport { useMeasure } from \"@sproutsocial/seeds-react-hooks\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { getChartContainerProps } from \"../shared/chartContainer\";\nimport {\n  buildWordCloudOptions,\n  deriveMaxFontSize,\n  deriveMaxWordCount,\n  deriveWordPadding,\n} from \"./adapter\";\nimport type { WordCloudGroup, WordCloudProps } from \"./types\";\n\n/**\n * Resolves `activeGroupId` to its index in `groups` for the container's\n * `data-active-group-index` attribute (layer 2 CSS dimming, wordcloud.css).\n * An unresolvable id (unknown, or no `groups`) is treated the same as\n * null/undefined — no dimming — rather than falling back to group 0, which\n * would incorrectly mark group 0 as \"active\" and dim everything else.\n */\nfunction resolveActiveGroupIndex(\n  activeGroupId: string | null | undefined,\n  groups: ReadonlyArray<WordCloudGroup> | undefined\n): number | undefined {\n  if (activeGroupId == null || !groups?.length) return undefined;\n  const index = groups.findIndex((group) => group.id === activeGroupId);\n  return index === -1 ? undefined : index;\n}\n\n/**\n * WordCloud renders a Highcharts wordcloud chart from a flat list of weighted\n * words, optionally grouped (competitive coloring + externally-driven dimming\n * via `activeGroupId`).\n *\n * Like BubbleChart/DonutChart, it carries no `styled-components`: the wrapper\n * is a plain `<div>` and the Highcharts styling ships as static CSS. Consumers\n * import both `@sproutsocial/seeds-react-data-viz/chart-styles.css` and\n * `.../wordcloud.css` once (the component never self-imports its CSS).\n */\nexport const WordCloud = memo(function WordCloud(props: WordCloudProps) {\n  // One \"series\" input per group (or a single default entry when ungrouped),\n  // matching bubble/donut's convention: colorIndex slots map 1:1 to entries\n  // here, so the resolved `colors` array sizes and resolves correctly for\n  // both the live chart and the styledMode:false export clone.\n  const { colors } = useSeedsChartSetup({\n    series: props.groups?.length\n      ? props.groups.map((group) => ({ color: group.color }))\n      : [{ color: undefined }],\n  });\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  // `synchronous: true` reads the container's bounds before first paint\n  // instead of waiting on ResizeObserver's own (always-async) first\n  // callback — otherwise every derive* below sees a false `width: 0` on\n  // mount and renders the widest-case guess before snapping to the real\n  // layout a tick later (the flash this family shipped with through Slice\n  // 8). An explicit `props.width` skips measurement entirely.\n  const { width: measuredWidth } = useMeasure(containerRef, true);\n  const width = props.width ?? measuredWidth;\n  // These derived values, not raw `width`, drive the memo dependency below.\n  // Each is a step function of width (`deriveMaxFontSize`/`deriveMaxWordCount`/\n  // `deriveWordPadding` in adapter.ts), so a resize tick that lands in the\n  // same bucket for all three — most of them, during a drag-resize — leaves\n  // the dependency array unchanged and the options object keeps its identity\n  // instead of forcing Highcharts to re-lay out the cloud on every\n  // ResizeObserver callback.\n  const derivedMaxFontSize = deriveMaxFontSize(width);\n  const derivedMaxWordCount = deriveMaxWordCount(width);\n  const derivedWordPadding = deriveWordPadding(width);\n  const options = useMemo(\n    () => buildWordCloudOptions(props, width),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- `width` is intentionally excluded; see the comment above `derivedMaxFontSize`.\n    [props, derivedMaxFontSize, derivedMaxWordCount, derivedWordPadding]\n  );\n  const activeGroupIndex = resolveActiveGroupIndex(\n    props.activeGroupId,\n    props.groups\n  );\n\n  const containerProps = getChartContainerProps({\n    familyClasses: [\"seeds-chart-wordcloud\"],\n    // RAW per-group colors only — an unset group falls through to\n    // chart-styles.css's --highcharts-color-N default, matching the\n    // bubble/bar convention. Only an explicit consumer override is inlined.\n    colors: props.groups?.map((group) => group.color) ?? [],\n    hasOnClick: Boolean(props.onClick),\n    className: props.className,\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      {...containerProps}\n      {...(activeGroupIndex !== undefined\n        ? { \"data-active-group-index\": activeGroupIndex }\n        : {})}\n    >\n      {\n        // Gate the chart's one-and-only real mount on a genuinely measured\n        // width. This container `<div>` still always renders (measuring it\n        // is what produces `measuredWidth` in the first place) — but a\n        // `width` of 0 means \"no room to lay out yet,\" not \"assume the\n        // widest case,\" so nothing else renders until it's positive. This\n        // is also what makes Highcharts' native center-burst entrance\n        // animation (plotOptions.wordcloud.animation, above) fire on first\n        // paint: `chart.hasRendered` never gets set by a wrong-then-corrected\n        // double render.\n        width > 0 && (\n          <ChartRenderer\n            options={options}\n            // A single Highcharts series (all words), so a single entry here —\n            // its only job is satisfying ChartRenderer's non-empty-series check,\n            // since hideLegend suppresses the legend this would otherwise feed.\n            series={options.series?.length ? [{ name: \"Word Cloud\" }] : []}\n            colors={colors}\n            hideLegend\n            onReady={props.onReady}\n          />\n        )\n      }\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,MAAM,SAAS,cAAc;AACtC,SAAS,kBAAkB;AA0GjB;AAxFV,SAAS,wBACP,eACA,QACoB;AACpB,MAAI,iBAAiB,QAAQ,CAAC,QAAQ,OAAQ,QAAO;AACrD,QAAM,QAAQ,OAAO,UAAU,CAAC,UAAU,MAAM,OAAO,aAAa;AACpE,SAAO,UAAU,KAAK,SAAY;AACpC;AAYO,IAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AAKtE,QAAM,EAAE,OAAO,IAAI,mBAAmB;AAAA,IACpC,QAAQ,MAAM,QAAQ,SAClB,MAAM,OAAO,IAAI,CAAC,WAAW,EAAE,OAAO,MAAM,MAAM,EAAE,IACpD,CAAC,EAAE,OAAO,OAAU,CAAC;AAAA,EAC3B,CAAC;AAED,QAAM,eAAe,OAAuB,IAAI;AAOhD,QAAM,EAAE,OAAO,cAAc,IAAI,WAAW,cAAc,IAAI;AAC9D,QAAM,QAAQ,MAAM,SAAS;AAQ7B,QAAM,qBAAqB,kBAAkB,KAAK;AAClD,QAAM,sBAAsB,mBAAmB,KAAK;AACpD,QAAM,qBAAqB,kBAAkB,KAAK;AAClD,QAAM,UAAU;AAAA,IACd,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,IAExC,CAAC,OAAO,oBAAoB,qBAAqB,kBAAkB;AAAA,EACrE;AACA,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,QAAM,iBAAiB,uBAAuB;AAAA,IAC5C,eAAe,CAAC,uBAAuB;AAAA;AAAA;AAAA;AAAA,IAIvC,QAAQ,MAAM,QAAQ,IAAI,CAAC,UAAU,MAAM,KAAK,KAAK,CAAC;AAAA,IACtD,YAAY,QAAQ,MAAM,OAAO;AAAA,IACjC,WAAW,MAAM;AAAA,EACnB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAI,qBAAqB,SACtB,EAAE,2BAA2B,iBAAiB,IAC9C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAYH,kBAAQ,KACN;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UAIA,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC;AAAA,UAC7D;AAAA,UACA,YAAU;AAAA,UACV,SAAS,MAAM;AAAA;AAAA,MACjB;AAAA;AAAA,EAGN;AAEJ,CAAC;","names":["WordCloud"]}

package/dist/index.d.mts

@@ -9,7 +9,7 @@ import { Chart, TooltipFormatterContextObject, SeriesSplineOptions, SeriesAreasp
 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';
+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, W as WORD_CLOUD_CHART_HEIGHT, e as areaChartOptions, f as baseChartOptions, g as columnChartOptions, h as defaultBubbleChartWidth, i as donutChartOptions, l as lineChartOptions, t as timeSeriesChartOptions } from './chartOptions-D6MzNjbB.mjs';
 
 type TypeAreaChartProps = Readonly<{
     data: ReadonlyArray<Readonly<{

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { Chart, TooltipFormatterContextObject, SeriesSplineOptions, SeriesAreasp
 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';
+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, W as WORD_CLOUD_CHART_HEIGHT, e as areaChartOptions, f as baseChartOptions, g as columnChartOptions, h as defaultBubbleChartWidth, i as donutChartOptions, l as lineChartOptions, t as timeSeriesChartOptions } from './chartOptions-D6MzNjbB.js';
 
 type TypeAreaChartProps = Readonly<{
     data: ReadonlyArray<Readonly<{

package/dist/index.js

@@ -14,7 +14,6 @@
 
 
 
-var _chunk33Y5FZTTjs = require('./chunk-33Y5FZTT.js');
 
 
 
@@ -34,7 +33,7 @@ var _chunk33Y5FZTTjs = require('./chunk-33Y5FZTT.js');
 
 
 
-var _chunkW57R2V23js = require('./chunk-W57R2V23.js');
+var _chunkLWDHU4QKjs = require('./chunk-LWDHU4QK.js');
 
 // src/components/AreaChart/AreaChart.tsx
 var _react = require('react');
@@ -52,7 +51,7 @@ var _seedsreacttheme = require('@sproutsocial/seeds-react-theme');
 // src/components/ColorBox/DatavizColorBox.tsx
 
 
-var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunkW57R2V23js.ColorBox).attrs(
+var DatavizColorBox = _styledcomponents2.default.call(void 0, _chunkLWDHU4QKjs.ColorBox).attrs(
   ({ colorIndex }) => ({
     style: {
       background: getDatavizColor(colorIndex),
@@ -82,7 +81,7 @@ var NetworkColorBox = ({
   networkColor,
   ...props
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ColorBox, { ...props, bg: _seedsnetworkcolor2.default[networkColor] });
 };
 
 // src/components/ChartLegend/components/ChartLegendLabelContentWithIcon.tsx
@@ -113,7 +112,7 @@ var getAreaChartLegendLabels = ({
 };
 var AreaChartLegend = _react.memo.call(void 0, 
   function AreaChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartLegend, { legendLabels: getAreaChartLegendLabels({ data }) });
   }
 );
 
@@ -146,7 +145,7 @@ var AreaChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            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.jsx.call(void 0, _chunkLWDHU4QKjs.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, 
@@ -194,16 +193,16 @@ var AreaChartTooltip = _react.memo.call(void 0,
         isAppendedRow: true
       }
     ] : [];
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLWDHU4QKjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkW57R2V23js.ChartTooltipTable,
+        _chunkLWDHU4QKjs.ChartTooltipTable,
         {
           rows: [...rows, ...appendedRows]
         }
       ),
-      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: [
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.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
@@ -700,13 +699,13 @@ var useTimeSeriesChartOptions = ({
   const getBaseChartOptions = (type) => {
     switch (type) {
       case "areaspline":
-        return _chunk33Y5FZTTjs.areaChartOptions;
+        return _chunkLWDHU4QKjs.areaChartOptions;
       case "spline":
-        return _chunk33Y5FZTTjs.lineChartOptions;
+        return _chunkLWDHU4QKjs.lineChartOptions;
       case "column":
-        return _chunk33Y5FZTTjs.columnChartOptions;
+        return _chunkLWDHU4QKjs.columnChartOptions;
       default:
-        return _chunk33Y5FZTTjs.lineChartOptions;
+        return _chunkLWDHU4QKjs.lineChartOptions;
     }
   };
   const baseChartOptions2 = getBaseChartOptions(seriesType);
@@ -736,7 +735,7 @@ var useTimeSeriesChartOptions = ({
             return onClick({ x: _optionalChain([this, 'optionalAccess', _28 => _28.hoverPoint, 'optionalAccess', _29 => _29.x]) });
           } : void 0,
           load: function() {
-            const tooltipId = _chunkW57R2V23js.generateChartTooltipPortalId.call(void 0, this.index);
+            const tooltipId = _chunkLWDHU4QKjs.generateChartTooltipPortalId.call(void 0, this.index);
             attachTooltipEventListeners(this.series, tooltipId);
           }
         }
@@ -902,7 +901,7 @@ var xAxisLabelFormatterDefault = xAxisLabelFormatter;
 _accessibility2.default.call(void 0, _highcharts2.default);
 _annotations2.default.call(void 0, _highcharts2.default);
 var StyledBox = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunkW57R2V23js.areaChartStyles}
+  ${_chunkLWDHU4QKjs.areaChartStyles}
 `;
 var AreaChart = _react.memo.call(void 0, function AreaChart2(props) {
   const { data } = props;
@@ -945,7 +944,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, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox,
       {
@@ -970,11 +969,11 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkW57R2V23js.ChartTooltipPortal,
+            _chunkLWDHU4QKjs.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkLWDHU4QKjs.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -1017,7 +1016,7 @@ var AreaChartWithData = _react.memo.call(void 0, function AreaChartWithData2({
 
 var ChartXAnnotationDetails = _react.memo.call(void 0, 
   function ChartXAnnotationDetails2({ iconName, text }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.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 })
     ] }) });
@@ -1072,7 +1071,7 @@ var getDonutChartLegendLabels = ({
 };
 var DonutChartLegend = _react.memo.call(void 0, 
   function DonutChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartLegend, { legendLabels: getDonutChartLegendLabels({ data }) });
   }
 );
 
@@ -1102,7 +1101,7 @@ var DonutChartTooltip = _react.memo.call(void 0,
       {
         cells: [
           {
-            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.jsx.call(void 0, _chunkLWDHU4QKjs.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: [
@@ -1131,9 +1130,9 @@ var DonutChartTooltip = _react.memo.call(void 0,
         ]
       }
     ];
-    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: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLWDHU4QKjs.ChartTooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.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
@@ -1162,7 +1161,7 @@ var transformDonutChartTooltipData = ({
 
 _accessibility2.default.call(void 0, _highcharts2.default);
 var StyledBox2 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunkW57R2V23js.donutChartStyles}
+  ${_chunkLWDHU4QKjs.donutChartStyles}
 `;
 var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
   const { data } = props;
@@ -1182,7 +1181,7 @@ var DonutChartWithData = _react.memo.call(void 0,
     onClick,
     tooltipClickLabel
   }) {
-    const [options, setOptions] = _react.useState.call(void 0, _chunk33Y5FZTTjs.donutChartOptions);
+    const [options, setOptions] = _react.useState.call(void 0, _chunkLWDHU4QKjs.donutChartOptions);
     const [chart, setChart] = _react.useState.call(void 0, null);
     const callback = _react.useCallback.call(void 0, (chartInstance) => {
       setChart(chartInstance);
@@ -1200,7 +1199,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 = _chunkW57R2V23js.generateChartTooltipPortalId.call(void 0, this.index);
+              const tooltipId = _chunkLWDHU4QKjs.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)]);
@@ -1240,7 +1239,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, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox2,
         {
@@ -1257,7 +1256,7 @@ var DonutChartWithData = _react.memo.call(void 0,
               }
             ),
             chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkW57R2V23js.ChartTooltipPortal,
+              _chunkLWDHU4QKjs.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
@@ -1317,7 +1316,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       return {
         cells: [
           {
-            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegendLabel, { color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLegendLabelContentWithIcon, { icon, children: name }) })
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.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: [
@@ -1370,7 +1369,7 @@ var DonutChartLegendTable = _react.memo.call(void 0,
       }
     ];
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkW57R2V23js.ChartTable,
+      _chunkLWDHU4QKjs.ChartTable,
       {
         rows: [...rows, ...totalRow]
       }
@@ -1401,7 +1400,7 @@ var getLineChartLegendLabels = ({
 };
 var LineChartLegend = _react.memo.call(void 0, 
   function LineChartLegend2({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartLegend, { legendLabels: getLineChartLegendLabels({ data }) });
   }
 );
 
@@ -1432,7 +1431,7 @@ var LineChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            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.jsx.call(void 0, _chunkLWDHU4QKjs.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, 
@@ -1450,11 +1449,11 @@ var LineChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLWDHU4QKjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__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, _chunkLWDHU4QKjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.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
@@ -1468,7 +1467,7 @@ var LineChartTooltip = _react.memo.call(void 0,
 _accessibility2.default.call(void 0, _highcharts2.default);
 _annotations2.default.call(void 0, _highcharts2.default);
 var StyledBox3 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${_chunkW57R2V23js.lineChartStyles}
+  ${_chunkLWDHU4QKjs.lineChartStyles}
 `;
 var LineChart = _react.memo.call(void 0, function LineChart2(props) {
   const { data } = props;
@@ -1522,7 +1521,7 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
     }
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       StyledBox3,
       {
@@ -1548,11 +1547,11 @@ var LineChartWithData = _react.memo.call(void 0, function LineChartWithData2({
             }
           ) : null,
           chart && !disableTooltips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkW57R2V23js.ChartTooltipPortal,
+            _chunkLWDHU4QKjs.ChartTooltipPortal,
             {
               chart,
               renderContent: (context) => {
-                const tooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
+                const tooltipData = _chunkLWDHU4QKjs.transformTimeSeriesTooltipData.call(void 0, {
                   context,
                   data
                 });
@@ -1607,7 +1606,7 @@ var getVerticalBarChartLegendLabels = ({
 };
 var VerticalBarChartLegend = _react.memo.call(void 0, 
   function VerticalbarChartLegend({ data }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartLegend, { legendLabels: getVerticalBarChartLegendLabels({ data }) });
   }
 );
 
@@ -1638,7 +1637,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
       return {
         cells: [
           {
-            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.jsx.call(void 0, _chunkLWDHU4QKjs.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, 
@@ -1656,11 +1655,11 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
         ]
       };
     });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLWDHU4QKjs.ChartTooltip, { children: [
       xAnnotationDetails ? xAnnotationDetails() : void 0,
-      /* @__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, _chunkLWDHU4QKjs.ChartTooltipTitle, { children: tooltipDateFormatter({ x }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipTable, { rows }),
+      onClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.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
@@ -1674,7 +1673,7 @@ var VerticalBarChartTooltip = _react.memo.call(void 0,
 // src/components/VerticalBarChart/styles.ts
 
 var verticalBarChartStyles = _styledcomponents.css`
-  ${_chunkW57R2V23js.timeSeriesChartStyles}
+  ${_chunkLWDHU4QKjs.timeSeriesChartStyles}
 
   /*
     When the chart container is hovered, reduce the opacity of all columns.
@@ -1700,7 +1699,7 @@ var StyledBox4 = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
 var VerticalBarChart = _react.memo.call(void 0, 
   function VerticalBarChart2(props) {
     const { data, showSeriesLimitWarning = true } = props;
-    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunk33Y5FZTTjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
+    const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( _chunkLWDHU4QKjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT));
     const isSeriesLimitOverridden = props.seriesLimit !== void 0;
     if (data.length === 0) {
       return null;
@@ -1802,7 +1801,7 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
       }
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.GlobalChartStyleOverrides, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledBox4,
         {
@@ -1827,11 +1826,11 @@ var VerticalBarChartWithData = _react.memo.call(void 0,
               }
             ) : null,
             chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkW57R2V23js.ChartTooltipPortal,
+              _chunkLWDHU4QKjs.ChartTooltipPortal,
               {
                 chart,
                 renderContent: (context) => {
-                  const tooltipData = _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
+                  const tooltipData = _chunkLWDHU4QKjs.transformTimeSeriesTooltipData.call(void 0, {
                     context,
                     data
                   });
@@ -1916,5 +1915,6 @@ 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 = _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;
+
+exports.AreaChart = AreaChart; exports.BUBBLE_CHART_DEFAULT_MAX_SIZE = _chunkLWDHU4QKjs.BUBBLE_CHART_DEFAULT_MAX_SIZE; exports.BUBBLE_CHART_DEFAULT_PADDING = _chunkLWDHU4QKjs.BUBBLE_CHART_DEFAULT_PADDING; exports.BUBBLE_CHART_HEIGHT = _chunkLWDHU4QKjs.BUBBLE_CHART_HEIGHT; exports.ChartLegend = _chunkLWDHU4QKjs.ChartLegend; exports.ChartLegendLabel = _chunkLWDHU4QKjs.ChartLegendLabel; exports.ChartTable = _chunkLWDHU4QKjs.ChartTable; exports.ChartTooltip = _chunkLWDHU4QKjs.ChartTooltip; exports.ChartTooltipFooter = _chunkLWDHU4QKjs.ChartTooltipFooter; exports.ChartTooltipHeader = _chunkLWDHU4QKjs.ChartTooltipHeader; exports.ChartTooltipPortal = _chunkLWDHU4QKjs.ChartTooltipPortal; exports.ChartTooltipTable = _chunkLWDHU4QKjs.ChartTooltipTable; exports.ChartTooltipTitle = _chunkLWDHU4QKjs.ChartTooltipTitle; exports.ChartXAnnotationDetails = ChartXAnnotationDetails; exports.ChartXAnnotationMarker = ChartXAnnotationMarker; exports.ColorBox = _chunkLWDHU4QKjs.ColorBox; exports.DONUT_CHART_HALO_SIZE = _chunkLWDHU4QKjs.DONUT_CHART_HALO_SIZE; exports.DONUT_CHART_HEIGHT = _chunkLWDHU4QKjs.DONUT_CHART_HEIGHT; exports.DONUT_CHART_WIDTH = _chunkLWDHU4QKjs.DONUT_CHART_WIDTH; exports.DatavizColorBox = DatavizColorBox; exports.DonutChart = DonutChart; exports.DonutChartLegendTable = DonutChartLegendTable; exports.GlobalChartStyleOverrides = _chunkLWDHU4QKjs.GlobalChartStyleOverrides; exports.LineChart = LineChart; exports.NetworkColorBox = NetworkColorBox; exports.TIME_SERIES_CHART_HEIGHT = _chunkLWDHU4QKjs.TIME_SERIES_CHART_HEIGHT; exports.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = _chunkLWDHU4QKjs.VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT; exports.VerticalBarChart = VerticalBarChart; exports.WORD_CLOUD_CHART_HEIGHT = _chunkLWDHU4QKjs.WORD_CLOUD_CHART_HEIGHT; exports.areaChartOptions = _chunkLWDHU4QKjs.areaChartOptions; exports.areaChartStyles = _chunkLWDHU4QKjs.areaChartStyles; exports.baseChartOptions = _chunkLWDHU4QKjs.baseChartOptions; exports.baseChartStyles = _chunkLWDHU4QKjs.baseChartStyles; exports.columnChartOptions = _chunkLWDHU4QKjs.columnChartOptions; exports.defaultBubbleChartWidth = _chunkLWDHU4QKjs.defaultBubbleChartWidth; exports.donutChartOptions = _chunkLWDHU4QKjs.donutChartOptions; exports.donutChartStyles = _chunkLWDHU4QKjs.donutChartStyles; exports.generateChartTooltipPortalId = _chunkLWDHU4QKjs.generateChartTooltipPortalId; exports.getDatavizColor = getDatavizColor; exports.getDatavizColorWithAlpha = getDatavizColorWithAlpha; exports.getDatavizOpacity = getDatavizOpacity; exports.getStorybookCategoricalData = getStorybookCategoricalData; exports.getStorybookSparseTimelineData = getStorybookSparseTimelineData; exports.isCategoricalHourData = isCategoricalHourData; exports.isHourlyTimeData = isHourlyTimeData; exports.lineChartOptions = _chunkLWDHU4QKjs.lineChartOptions; exports.lineChartStyles = _chunkLWDHU4QKjs.lineChartStyles; exports.timeSeriesChartOptions = _chunkLWDHU4QKjs.timeSeriesChartOptions; exports.timeSeriesChartStyles = _chunkLWDHU4QKjs.timeSeriesChartStyles; exports.transformDataToSeries = transformDataToSeries; exports.transformTimeSeriesTooltipData = _chunkLWDHU4QKjs.transformTimeSeriesTooltipData; exports.xAxisLabelFormatter = xAxisLabelFormatter; exports.yAxisLabelFormatter = yAxisLabelFormatter;
 //# sourceMappingURL=index.js.map