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

package/dist/{chunk-5JQXDK23.js → chunk-TNZNBMSZ.js}

@@ -9,7 +9,251 @@
 
 
 
-var _chunkW57R2V23js = require('./chunk-W57R2V23.js');
+
+var _chunkLWDHU4QKjs = require('./chunk-LWDHU4QK.js');
+
+// src/charts/shared/baseChartOptions.ts
+function buildBaseChartOptions({
+  type,
+  description,
+  svgContainerLabel,
+  point,
+  reserveTopMargin = false,
+  timezone
+}) {
+  return {
+    chart: {
+      type,
+      styledMode: true,
+      animation: false,
+      ...reserveTopMargin ? { marginTop: 24 } : {}
+    },
+    accessibility: { description, svgContainerLabel, point },
+    title: { text: "" },
+    credits: { enabled: false },
+    legend: { enabled: false },
+    tooltip: {
+      enabled: true,
+      outside: true,
+      padding: 0,
+      shape: "rect",
+      shared: true,
+      hideDelay: 0
+    },
+    // Chart-global in Highcharts; only meaningful for datetime axes, so it's
+    // present only when a timezone was resolved (omitted for category axes).
+    ...timezone ? { time: { timezone } } : {}
+  };
+}
+
+// src/charts/wordcloud/adapter.ts
+var DEFAULT_OPACITY_RANGE = [0.6, 1];
+var WORD_CLOUD_MIN_FONT_SIZE = 13;
+var WORD_CLOUD_MAXIMUM_MAX_FONT_SIZE = 50;
+var WORD_CLOUD_MINIMUM_MAX_FONT_SIZE = 24;
+var WORD_CLOUD_MAX_FONT_SIZE_WIDTH_DIVISOR = 15;
+function deriveMaxFontSize(width) {
+  if (!width) return WORD_CLOUD_MAXIMUM_MAX_FONT_SIZE;
+  const derived = Math.floor(width / WORD_CLOUD_MAX_FONT_SIZE_WIDTH_DIVISOR);
+  return Math.min(
+    Math.max(derived, WORD_CLOUD_MINIMUM_MAX_FONT_SIZE),
+    WORD_CLOUD_MAXIMUM_MAX_FONT_SIZE
+  );
+}
+var WORD_CLOUD_MAXIMUM_WORD_COUNT = 100;
+var WORD_CLOUD_MINIMUM_WORD_COUNT = 40;
+var WORD_CLOUD_WORD_COUNT_WIDTH_DIVISOR = 9;
+function deriveMaxWordCount(width) {
+  if (!width) return WORD_CLOUD_MAXIMUM_WORD_COUNT;
+  const derived = Math.floor(width / WORD_CLOUD_WORD_COUNT_WIDTH_DIVISOR);
+  return Math.min(
+    Math.max(derived, WORD_CLOUD_MINIMUM_WORD_COUNT),
+    WORD_CLOUD_MAXIMUM_WORD_COUNT
+  );
+}
+var WORD_CLOUD_MAXIMUM_WORD_PADDING = 4;
+var WORD_CLOUD_MINIMUM_WORD_PADDING = 1;
+var WORD_CLOUD_WORD_PADDING_WIDTH_DIVISOR = 150;
+function deriveWordPadding(width) {
+  if (!width) return WORD_CLOUD_MAXIMUM_WORD_PADDING;
+  const derived = Math.floor(width / WORD_CLOUD_WORD_PADDING_WIDTH_DIVISOR);
+  return Math.min(
+    Math.max(derived, WORD_CLOUD_MINIMUM_WORD_PADDING),
+    WORD_CLOUD_MAXIMUM_WORD_PADDING
+  );
+}
+var wordCloudAspectArchimedeanSpiral = (attempt, { field }) => {
+  const maxDelta = field.width * field.width + field.height * field.height;
+  if (attempt > 1e4) return false;
+  const t = attempt * 0.8;
+  const result = {
+    x: field.ratioX * t * Math.cos(t),
+    y: field.ratioY * t * Math.sin(t)
+  };
+  if (!(Math.min(Math.abs(result.x), Math.abs(result.y)) < maxDelta)) {
+    return false;
+  }
+  return result;
+};
+var wordCloudPaddingPlacementStrategy = (point) => {
+  const wordPadding = _nullishCoalesce(point.series.options.wordPadding, () => ( 0));
+  point.dimensions = {
+    width: point.dimensions.width + wordPadding * 2,
+    height: point.dimensions.height + wordPadding * 2
+  };
+  return { x: 0, y: 0, rotation: false };
+};
+var EMOJI_ONLY_TERM_REGEX = /^(?:\p{Extended_Pictographic}|\p{Regional_Indicator}|\u{1F3FB}|\u{1F3FC}|\u{1F3FD}|\u{1F3FE}|\u{1F3FF}|\u200D|\uFE0F)+$/u;
+function isEmojiOnlyTerm(name) {
+  return EMOJI_ONLY_TERM_REGEX.test(name);
+}
+function resolveGroupColorIndex(groupId, groups) {
+  if (!groups || groups.length === 0 || groupId == null) return 0;
+  const index = groups.findIndex((group) => group.id === groupId);
+  return index === -1 ? 0 : index;
+}
+function normalizeWeight(weight, min, max) {
+  return max === min ? 1 : (weight - min) / (max - min);
+}
+function compressWeight(weight) {
+  return Math.log(Math.max(weight, 1));
+}
+function resolvePointOpacity({
+  weight,
+  min,
+  max,
+  hasGroups,
+  isEmojiOnly,
+  opacityRange
+}) {
+  if (hasGroups) return 1;
+  const [rangeMin, rangeMax] = opacityRange;
+  if (isEmojiOnly) return rangeMax;
+  const t = normalizeWeight(weight, min, max);
+  return rangeMin + t * (rangeMax - rangeMin);
+}
+function transformWordCloudDataToPoints(data, groups, opacityRange, maxWordCount = WORD_CLOUD_MAXIMUM_WORD_COUNT) {
+  const capped = [...data].sort((a, b) => b.weight - a.weight).slice(0, maxWordCount);
+  const hasGroups = Boolean(groups && groups.length > 0);
+  const compressedWeights = capped.map((point) => compressWeight(point.weight));
+  const min = Math.min(...compressedWeights);
+  const max = Math.max(...compressedWeights);
+  return capped.map((point, i) => {
+    const colorIndex = resolveGroupColorIndex(point.groupId, groups);
+    const weight = compressedWeights[i];
+    return {
+      name: point.name,
+      weight,
+      colorIndex,
+      opacity: resolvePointOpacity({
+        weight,
+        min,
+        max,
+        hasGroups,
+        isEmojiOnly: isEmojiOnlyTerm(point.name),
+        opacityRange
+      }),
+      className: `seeds-wordcloud-word--group-${colorIndex}`,
+      custom: { groupId: point.groupId, rawWeight: point.weight }
+    };
+  });
+}
+function transformWordCloudClickData(event) {
+  const base = {
+    name: event.point.name,
+    weight: _nullishCoalesce(_optionalChain([event, 'access', _ => _.point, 'access', _2 => _2.custom, 'optionalAccess', _3 => _3.rawWeight]), () => ( event.point.weight)),
+    groupId: _optionalChain([event, 'access', _4 => _4.point, 'access', _5 => _5.custom, 'optionalAccess', _6 => _6.groupId]),
+    pointIndex: event.point.index
+  };
+  const isClickEvent = event.type === "click";
+  if (!isClickEvent && event.target) {
+    const rect = event.target.getBoundingClientRect();
+    return { ...base, pageX: rect.x, pageY: rect.y };
+  }
+  return { ...base, pageX: _nullishCoalesce(event.pageX, () => ( 0)), pageY: _nullishCoalesce(event.pageY, () => ( 0)) };
+}
+function buildWordCloudOptions(props, containerWidth) {
+  const opacityRange = _nullishCoalesce(props.opacityRange, () => ( DEFAULT_OPACITY_RANGE));
+  const points = transformWordCloudDataToPoints(
+    props.data,
+    props.groups,
+    opacityRange,
+    deriveMaxWordCount(_nullishCoalesce(containerWidth, () => ( 0)))
+  );
+  const base = buildBaseChartOptions({
+    type: "wordcloud",
+    description: props.description
+  });
+  return {
+    ...base,
+    chart: {
+      ...base.chart,
+      type: "wordcloud",
+      height: _nullishCoalesce(props.height, () => ( _chunkLWDHU4QKjs.WORD_CLOUD_CHART_HEIGHT))
+    },
+    // `ChartRenderer`'s default-tooltip routing only recognizes "pie" and
+    // "packedbubble" as single-point (non-cartesian) series types
+    // (chartBase.tsx); an unrecognized type like "wordcloud" falls through to
+    // the time-series branch, which reads `context.x` as a timestamp and
+    // renders a bogus epoch-date title. Disabled entirely rather than adding
+    // a wordcloud branch to shared code — the word's size/opacity already
+    // communicates weight.
+    tooltip: { ...base.tooltip, enabled: false },
+    plotOptions: {
+      // `series.animation: false` matches the sibling-adapter convention, but
+      // the wordcloud series overrides it back to `true`: Highcharts 11.4.8's
+      // WordcloudSeries.drawPoints() only builds `animatableAttribs` inside an
+      // `if (animation)` branch (wordcloud.src.js ~line 1243). With animation
+      // off, any point that was previously placed but fails to re-place on a
+      // later redraw hits `DPU.draw()`'s point-removal path with
+      // `animatableAttribs: undefined`, and `Object.keys(undefined)` throws.
+      // A component's routine post-mount `chart.update()` triggers exactly
+      // this, so it surfaces on a plain mount, not just on resize.
+      series: { animation: false },
+      wordcloud: {
+        animation: true,
+        // Hover dim (layer 3). Off by default for column-derived series
+        // (wordcloud's base class) — pie is the only series type that
+        // defaults this to `true`. Without it, Highcharts never adds
+        // `.highcharts-point-inactive` to the other words on hover.
+        inactiveOtherPoints: true,
+        minFontSize: _nullishCoalesce(props.minFontSize, () => ( WORD_CLOUD_MIN_FONT_SIZE)),
+        // An explicit prop wins; otherwise derived from the measured
+        // container width (`WordCloud.tsx`'s `useMeasure` call). Must stay a
+        // number — see `WORD_CLOUD_MAXIMUM_MAX_FONT_SIZE`'s doc comment for
+        // why `undefined` breaks sizing.
+        maxFontSize: _nullishCoalesce(props.maxFontSize, () => ( deriveMaxFontSize(_nullishCoalesce(containerWidth, () => ( 0))))),
+        // Pinned horizontal — Highcharts' default tilts words vertical
+        // (`{from: 0, to: 90}`).
+        rotation: { from: 0, to: 0, orientations: 1 },
+        // `seedsAspectArchimedean` (a pure function above, registered onto
+        // Highcharts in chartBase.tsx) — Highcharts' own `archimedean` traces
+        // a true circle with no aspect term, so it can't grow into a wide
+        // container.
+        spiral: "seedsAspectArchimedean",
+        // `seedsWordPadding` (a pure function above, registered onto
+        // Highcharts in chartBase.tsx) approximates word spacing, which
+        // Highcharts' wordcloud module has no native option for; it reads
+        // `wordPadding` off this same resolved options object. An explicit
+        // prop wins; otherwise derived from the measured container width
+        // (`deriveWordPadding`) — see its doc comment for why a fixed
+        // padding disproportionately shrinks text on a narrow container.
+        placementStrategy: "seedsWordPadding",
+        wordPadding: _nullishCoalesce(props.wordPadding, () => ( deriveWordPadding(_nullishCoalesce(containerWidth, () => ( 0))))),
+        point: {
+          events: {
+            click: props.onClick ? (event) => {
+              _optionalChain([event, 'access', _7 => _7.stopPropagation, 'optionalCall', _8 => _8()]);
+              if (event.type !== "click" && !event.target) return;
+              props.onClick(transformWordCloudClickData(event));
+            } : void 0
+          }
+        }
+      }
+    },
+    series: points.length > 0 ? [{ type: "wordcloud", name: "Word Cloud", data: points }] : []
+  };
+}
 
 // src/charts/shared/chartBase.tsx
 var _highcharts = require('highcharts'); var _highcharts2 = _interopRequireDefault(_highcharts);
@@ -20,6 +264,7 @@ var _exporting = require('highcharts/modules/exporting'); var _exporting2 = _int
 var _offlineexporting = require('highcharts/modules/offline-exporting'); var _offlineexporting2 = _interopRequireDefault(_offlineexporting);
 var _exportdata = require('highcharts/modules/export-data'); var _exportdata2 = _interopRequireDefault(_exportdata);
 var _highchartsmore = require('highcharts/highcharts-more'); var _highchartsmore2 = _interopRequireDefault(_highchartsmore);
+var _wordcloud = require('highcharts/modules/wordcloud'); var _wordcloud2 = _interopRequireDefault(_wordcloud);
 
 
 
@@ -84,7 +329,7 @@ var ChartAnnotationMarkerPortal = _react.memo.call(void 0,
         (annotation) => annotation.setAttribute(MARKER_ATTR, "false")
       );
       annotationContext.labels.forEach((label) => {
-        const labelElement = _optionalChain([label, 'access', _ => _.graphic, 'optionalAccess', _2 => _2.div]);
+        const labelElement = _optionalChain([label, 'access', _9 => _9.graphic, 'optionalAccess', _10 => _10.div]);
         if (!labelElement) return;
         let annotationDiv = labelElement.querySelector(
           `div[${MARKER_ATTR}]`
@@ -94,7 +339,7 @@ var ChartAnnotationMarkerPortal = _react.memo.call(void 0,
           labelElement.appendChild(annotationDiv);
         }
         annotationDiv.setAttribute(MARKER_ATTR, "true");
-        const xValue = _optionalChain([label, 'access', _3 => _3.options, 'optionalAccess', _4 => _4.point, 'optionalAccess', _5 => _5.x]);
+        const xValue = _optionalChain([label, 'access', _11 => _11.options, 'optionalAccess', _12 => _12.point, 'optionalAccess', _13 => _13.x]);
         newContainers[xValue] = annotationDiv;
       });
       annotationContainers.current = newContainers;
@@ -161,9 +406,9 @@ var getDatePartsInTimezone = (date, timezone) => {
   });
   const parts = formatter.formatToParts(date);
   return {
-    day: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _6 => _6.find, 'call', _7 => _7((p) => p.type === "day"), 'optionalAccess', _8 => _8.value]), () => ( "0")), 10),
-    month: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _9 => _9.find, 'call', _10 => _10((p) => p.type === "month"), 'optionalAccess', _11 => _11.value]), () => ( "0")), 10),
-    year: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _12 => _12.find, 'call', _13 => _13((p) => p.type === "year"), 'optionalAccess', _14 => _14.value]), () => ( "0")), 10)
+    day: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _14 => _14.find, 'call', _15 => _15((p) => p.type === "day"), 'optionalAccess', _16 => _16.value]), () => ( "0")), 10),
+    month: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _17 => _17.find, 'call', _18 => _18((p) => p.type === "month"), 'optionalAccess', _19 => _19.value]), () => ( "0")), 10),
+    year: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _20 => _20.find, 'call', _21 => _21((p) => p.type === "year"), 'optionalAccess', _22 => _22.value]), () => ( "0")), 10)
   };
 };
 var deriveGranularity = (tickPositions) => {
@@ -222,20 +467,20 @@ function datetimeFormatter({
   switch (granularity) {
     case "hour":
       firstPartOptions = timeFormat === "24" ? { hour: "numeric", minute: "numeric", hour12: false } : { hour: "numeric" };
-      if (isFirst || valueParts.day !== _optionalChain([previousValueParts, 'optionalAccess', _15 => _15.day])) {
+      if (isFirst || valueParts.day !== _optionalChain([previousValueParts, 'optionalAccess', _23 => _23.day])) {
         secondPartOptions = { day: "numeric", month: "short" };
       }
       break;
     case "day":
     case "week":
       firstPartOptions = { day: "numeric" };
-      if (isFirst || valueParts.month !== _optionalChain([previousValueParts, 'optionalAccess', _16 => _16.month])) {
+      if (isFirst || valueParts.month !== _optionalChain([previousValueParts, 'optionalAccess', _24 => _24.month])) {
         secondPartOptions = { month: "short" };
       }
       break;
     case "month":
       firstPartOptions = { month: "short" };
-      if (isFirst || valueParts.year !== _optionalChain([previousValueParts, 'optionalAccess', _17 => _17.year])) {
+      if (isFirst || valueParts.year !== _optionalChain([previousValueParts, 'optionalAccess', _25 => _25.year])) {
         secondPartOptions = { year: "numeric" };
       }
       break;
@@ -380,11 +625,11 @@ function AnnotationHeader({
   const hasIconOrTitle = Boolean(icon || title);
   if (!hasIconOrTitle && !description) return null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    hasIconOrTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    hasIconOrTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
       icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: icon, size: "mini", color: "icon.base" }) : null,
       title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.body", fontSize: 200, children: title }) : null
     ] }) }) : null,
-    description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { fontSize: 200, color: "text.subtext", children: description }) }) : null
+    description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { fontSize: 200, color: "text.subtext", children: description }) }) : null
   ] });
 }
 function DefaultChartTooltip({
@@ -405,7 +650,7 @@ function DefaultChartTooltip({
   const rows = data.map((d) => {
     const formattedValue = d.value == null ? _nullishCoalesce(invalidNumberLabel, () => ( "\u2014")) : valueFormatter({ ...valueFormat, value: d.value, abbreviate: false });
     const nameCell = {
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: d.icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${d.name}: `, children: d.name }) }) })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: d.icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${d.name}: `, children: d.name }) }) })
     };
     return {
       cells: [
@@ -444,7 +689,7 @@ function DefaultChartTooltip({
       ]
     }
   ] : [];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLWDHU4QKjs.ChartTooltip, { children: [
     annotation ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AnnotationHeader,
       {
@@ -453,7 +698,7 @@ function DefaultChartTooltip({
         description: annotation.description
       }
     ) : null,
-    hideTitle ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTitle, { children: formatTitle({
+    hideTitle ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartTooltipTitle, { children: formatTitle({
       position,
       timezone,
       timeFormat,
@@ -461,12 +706,12 @@ function DefaultChartTooltip({
       textLocale
     }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkW57R2V23js.ChartTooltipTable,
+      _chunkLWDHU4QKjs.ChartTooltipTable,
       {
         rows: [...rows, ...totalRow]
       }
     ),
-    hasOnClick && 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: [
+    hasOnClick && 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
@@ -484,7 +729,7 @@ var SeriesLegend = _react.memo.call(void 0, function SeriesLegend2({
     content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: item.icon, children: item.name }),
     color: item.color
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: labels });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLWDHU4QKjs.ChartLegend, { legendLabels: labels });
 });
 
 // src/charts/shared/chartExport.ts
@@ -505,6 +750,10 @@ _exporting2.default.call(void 0, _highcharts2.default);
 _offlineexporting2.default.call(void 0, _highcharts2.default);
 _exportdata2.default.call(void 0, _highcharts2.default);
 _highchartsmore2.default.call(void 0, _highcharts2.default);
+_wordcloud2.default.call(void 0, _highcharts2.default);
+var wordcloudSeriesPrototype = _highcharts2.default.seriesTypes.wordcloud.prototype;
+wordcloudSeriesPrototype.spirals.seedsAspectArchimedean = wordCloudAspectArchimedeanSpiral;
+wordcloudSeriesPrototype.placementStrategy.seedsWordPadding = wordCloudPaddingPlacementStrategy;
 function isChartStacked(options) {
   const plotOptions = options.plotOptions;
   if (!plotOptions) return false;
@@ -564,7 +813,7 @@ function buildExportChartOptions({
   colors,
   exportTitle: rawTitle
 }) {
-  const exportTitle = _optionalChain([rawTitle, 'optionalAccess', _18 => _18.trim, 'call', _19 => _19()]);
+  const exportTitle = _optionalChain([rawTitle, 'optionalAccess', _26 => _26.trim, 'call', _27 => _27()]);
   const axisOptions = {
     lineColor: theme.colors.container.border.base,
     gridLineColor: theme.colors.container.border.base,
@@ -636,7 +885,7 @@ function buildExportChartOptions({
   };
 }
 function createChartExportHandle(chart, getExportChartOptions) {
-  const resolveName = (filename) => _nullishCoalesce(filename, () => ( defaultFilename(_optionalChain([chart, 'access', _20 => _20.options, 'access', _21 => _21.chart, 'optionalAccess', _22 => _22.type]), /* @__PURE__ */ new Date())));
+  const resolveName = (filename) => _nullishCoalesce(filename, () => ( defaultFilename(_optionalChain([chart, 'access', _28 => _28.options, 'access', _29 => _29.chart, 'optionalAccess', _30 => _30.type]), /* @__PURE__ */ new Date())));
   const exportImage = async (type, filename) => {
     chart.exportChartLocal(
       { type, filename: resolveName(filename) },
@@ -686,7 +935,7 @@ function ChartRenderer({
   const exportThemeRef = _react.useRef.call(void 0, { theme, colors, exportTitle });
   exportThemeRef.current = { theme, colors, exportTitle };
   const captureChart = _react.useCallback.call(void 0, (chartInstance) => {
-    const forExport = _optionalChain([chartInstance, 'access', _23 => _23.options, 'access', _24 => _24.chart, 'optionalAccess', _25 => _25.forExport]);
+    const forExport = _optionalChain([chartInstance, 'access', _31 => _31.options, 'access', _32 => _32.chart, 'optionalAccess', _33 => _33.forExport]);
     if (!forExport) {
       setChart(chartInstance);
       setPlotHeight(chartInstance.plotHeight);
@@ -696,7 +945,7 @@ function ChartRenderer({
   onReadyRef.current = onReady;
   _react.useEffect.call(void 0, () => {
     if (!chart) return;
-    _optionalChain([onReadyRef, 'access', _26 => _26.current, 'optionalCall', _27 => _27(
+    _optionalChain([onReadyRef, 'access', _34 => _34.current, 'optionalCall', _35 => _35(
       createChartExportHandle(
         chart,
         () => buildExportChartOptions(exportThemeRef.current)
@@ -712,18 +961,18 @@ function ChartRenderer({
     return () => unbind();
   }, [chart]);
   const highchartsOptions = _react.useMemo.call(void 0, () => {
-    const pointDescriptionFormatter = _optionalChain([options, 'access', _28 => _28.accessibility, 'optionalAccess', _29 => _29.point, 'optionalAccess', _30 => _30.descriptionFormatter]);
-    const svgContainerLabel = _optionalChain([options, 'access', _31 => _31.accessibility, 'optionalAccess', _32 => _32.svgContainerLabel]);
-    const packedBubbleDataLabelFormatter = _optionalChain([options, 'access', _33 => _33.plotOptions, 'optionalAccess', _34 => _34.packedbubble, 'optionalAccess', _35 => _35.dataLabels, 'optionalAccess', _36 => _36.formatter]);
+    const pointDescriptionFormatter = _optionalChain([options, 'access', _36 => _36.accessibility, 'optionalAccess', _37 => _37.point, 'optionalAccess', _38 => _38.descriptionFormatter]);
+    const svgContainerLabel = _optionalChain([options, 'access', _39 => _39.accessibility, 'optionalAccess', _40 => _40.svgContainerLabel]);
+    const packedBubbleDataLabelFormatter = _optionalChain([options, 'access', _41 => _41.plotOptions, 'optionalAccess', _42 => _42.packedbubble, 'optionalAccess', _43 => _43.dataLabels, 'optionalAccess', _44 => _44.formatter]);
     return {
       ...options,
       ...packedBubbleDataLabelFormatter ? {
         plotOptions: {
           ...options.plotOptions,
           packedbubble: {
-            ..._optionalChain([options, 'access', _37 => _37.plotOptions, 'optionalAccess', _38 => _38.packedbubble]),
+            ..._optionalChain([options, 'access', _45 => _45.plotOptions, 'optionalAccess', _46 => _46.packedbubble]),
             dataLabels: {
-              ..._optionalChain([options, 'access', _39 => _39.plotOptions, 'optionalAccess', _40 => _40.packedbubble, 'optionalAccess', _41 => _41.dataLabels]),
+              ..._optionalChain([options, 'access', _47 => _47.plotOptions, 'optionalAccess', _48 => _48.packedbubble, 'optionalAccess', _49 => _49.dataLabels]),
               formatter() {
                 const bubblePoint = this.point;
                 return packedBubbleDataLabelFormatter.call({
@@ -733,7 +982,7 @@ function ChartRenderer({
                     index: bubblePoint.index,
                     series: { index: bubblePoint.series.index }
                   },
-                  radius: _nullishCoalesce(_optionalChain([bubblePoint, 'access', _42 => _42.marker, 'optionalAccess', _43 => _43.radius]), () => ( 0))
+                  radius: _nullishCoalesce(_optionalChain([bubblePoint, 'access', _50 => _50.marker, 'optionalAccess', _51 => _51.radius]), () => ( 0))
                 });
               }
             }
@@ -741,7 +990,7 @@ function ChartRenderer({
         }
       } : {},
       accessibility: {
-        description: _optionalChain([options, 'access', _44 => _44.accessibility, 'optionalAccess', _45 => _45.description]),
+        description: _optionalChain([options, 'access', _52 => _52.accessibility, 'optionalAccess', _53 => _53.description]),
         ...pointDescriptionFormatter ? {
           point: {
             descriptionFormatter: (point) => {
@@ -768,9 +1017,9 @@ function ChartRenderer({
   }, [options]);
   if (series.length === 0) return null;
   const chartWithAnnotations = chart;
-  const hasRenderedAnnotations = !!_optionalChain([chartWithAnnotations, 'optionalAccess', _46 => _46.annotations, 'optionalAccess', _47 => _47.length]) && !!_optionalChain([annotationLookup, 'optionalAccess', _48 => _48.size]) && plotHeight > 0;
+  const hasRenderedAnnotations = !!_optionalChain([chartWithAnnotations, 'optionalAccess', _54 => _54.annotations, 'optionalAccess', _55 => _55.length]) && !!_optionalChain([annotationLookup, 'optionalAccess', _56 => _56.size]) && plotHeight > 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.jsx.call(void 0, 
       _highchartsreactofficial.HighchartsReact,
       {
@@ -789,12 +1038,12 @@ function ChartRenderer({
       }
     ) : null,
     chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkW57R2V23js.ChartTooltipPortal,
+      _chunkLWDHU4QKjs.ChartTooltipPortal,
       {
         chart,
         renderContent: (context) => {
           const ctx = context;
-          const isPackedBubble = !ctx.points && _optionalChain([ctx, 'access', _49 => _49.series, 'optionalAccess', _50 => _50.type]) === "packedbubble";
+          const isPackedBubble = !ctx.points && _optionalChain([ctx, 'access', _57 => _57.series, 'optionalAccess', _58 => _58.type]) === "packedbubble";
           const isPie = !ctx.points && !isPackedBubble;
           const data = isPackedBubble ? (
             // Mirrors v1's `transformBubbleChartTooltipData`: color comes from
@@ -804,7 +1053,7 @@ function ChartRenderer({
                 color: _nullishCoalesce((ctx.colorIndex !== void 0 ? colors[ctx.colorIndex] : void 0), () => ( "")),
                 name: _nullishCoalesce(ctx.key, () => ( ctx.point.name)),
                 value: ctx.point.y,
-                seriesIndex: _optionalChain([ctx, 'access', _51 => _51.series, 'optionalAccess', _52 => _52.index]),
+                seriesIndex: _optionalChain([ctx, 'access', _59 => _59.series, 'optionalAccess', _60 => _60.index]),
                 pointIndex: ctx.point.index
               }
             ]
@@ -815,12 +1064,12 @@ function ChartRenderer({
               value: ctx.point.y,
               percent: ctx.point.percentage,
               // Icon indexed by the hovered slice — same source the legend reads.
-              icon: _optionalChain([series, 'access', _53 => _53[ctx.point.index], 'optionalAccess', _54 => _54.icon])
+              icon: _optionalChain([series, 'access', _61 => _61[ctx.point.index], 'optionalAccess', _62 => _62.icon])
             }
           ] : (
             // Drop v1's `readonly` wrapper (v2 is mutable); icon is forwarded
             // from `series[]` by index below since the helper doesn't carry it.
-            _chunkW57R2V23js.transformTimeSeriesTooltipData.call(void 0, {
+            _chunkLWDHU4QKjs.transformTimeSeriesTooltipData.call(void 0, {
               context,
               data: series.map((s, i) => ({
                 name: s.name,
@@ -831,12 +1080,12 @@ function ChartRenderer({
               color: row.color,
               name: row.name,
               value: row.value,
-              icon: _optionalChain([series, 'access', _55 => _55[i], 'optionalAccess', _56 => _56.icon])
+              icon: _optionalChain([series, 'access', _63 => _63[i], 'optionalAccess', _64 => _64.icon])
             }))
           );
           const position = isPie || isPackedBubble ? _nullishCoalesce(ctx.key, () => ( ctx.point.name)) : context.x;
-          const tickPositions = _optionalChain([ctx, 'access', _57 => _57.points, 'optionalAccess', _58 => _58[0], 'optionalAccess', _59 => _59.series, 'optionalAccess', _60 => _60.xAxis, 'optionalAccess', _61 => _61.tickPositions]);
-          const resolved = _optionalChain([annotationLookup, 'optionalAccess', _62 => _62.get, 'call', _63 => _63(context.point.x)]);
+          const tickPositions = _optionalChain([ctx, 'access', _65 => _65.points, 'optionalAccess', _66 => _66[0], 'optionalAccess', _67 => _67.series, 'optionalAccess', _68 => _68.xAxis, 'optionalAccess', _69 => _69.tickPositions]);
+          const resolved = _optionalChain([annotationLookup, 'optionalAccess', _70 => _70.get, 'call', _71 => _71(context.point.x)]);
           const annotation = resolved ? {
             icon: resolved.icon,
             color: resolved.color,
@@ -872,39 +1121,6 @@ function ChartRenderer({
   ] });
 }
 
-// src/charts/shared/baseChartOptions.ts
-function buildBaseChartOptions({
-  type,
-  description,
-  svgContainerLabel,
-  point,
-  reserveTopMargin = false,
-  timezone
-}) {
-  return {
-    chart: {
-      type,
-      styledMode: true,
-      animation: false,
-      ...reserveTopMargin ? { marginTop: 24 } : {}
-    },
-    accessibility: { description, svgContainerLabel, point },
-    title: { text: "" },
-    credits: { enabled: false },
-    legend: { enabled: false },
-    tooltip: {
-      enabled: true,
-      outside: true,
-      padding: 0,
-      shape: "rect",
-      shared: true,
-      hideDelay: 0
-    },
-    // Chart-global in Highcharts; only meaningful for datetime axes, so it's
-    // present only when a timezone was resolved (omitted for category axes).
-    ...timezone ? { time: { timezone } } : {}
-  };
-}
 
 
 
@@ -912,5 +1128,8 @@ function buildBaseChartOptions({
 
 
 
-exports.datetimeFormatter = datetimeFormatter; exports.valueFormatter = valueFormatter; exports.useSeedsChartSetup = useSeedsChartSetup; exports.ChartRenderer = ChartRenderer; exports.buildBaseChartOptions = buildBaseChartOptions;
-//# sourceMappingURL=chunk-5JQXDK23.js.map
+
+
+
+exports.datetimeFormatter = datetimeFormatter; exports.valueFormatter = valueFormatter; exports.buildBaseChartOptions = buildBaseChartOptions; exports.deriveMaxFontSize = deriveMaxFontSize; exports.deriveMaxWordCount = deriveMaxWordCount; exports.deriveWordPadding = deriveWordPadding; exports.buildWordCloudOptions = buildWordCloudOptions; exports.useSeedsChartSetup = useSeedsChartSetup; exports.ChartRenderer = ChartRenderer;
+//# sourceMappingURL=chunk-TNZNBMSZ.js.map