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

package/dist/{axis-B61qI-nm.d.mts → axis-3XKa6pW7.d.mts}

@@ -1,4 +1,4 @@
-import { D as DatetimeTimeFormat } from './chartBase-CptOt3V0.mjs';
+import { D as DatetimeTimeFormat } from './chartBase-D6WI2icR.mjs';
 
 /** A datetime data point: `[msSinceEpoch, value]` tuple or `{ x, y }` object. */
 type DatetimePoint = [number, number | null] | {

package/dist/{axis-B78FtYLh.d.ts → axis-BWvZqdQr.d.ts}

@@ -1,4 +1,4 @@
-import { D as DatetimeTimeFormat } from './chartBase-Nl6mcTB7.js';
+import { D as DatetimeTimeFormat } from './chartBase-BM97OBBE.js';
 
 /** A datetime data point: `[msSinceEpoch, value]` tuple or `{ x, y }` object. */
 type DatetimePoint = [number, number | null] | {

package/dist/bar/index.d.mts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { C as ChartAnnotation } from '../annotations-CjFoRPXf.mjs';
-import { V as ValueFormat, C as ChartTooltipProps } from '../chartBase-CptOt3V0.mjs';
+import { V as ValueFormat, C as ChartTooltipProps } from '../chartBase-D6WI2icR.mjs';
 import { C as ChartColorableEntity, a as ChartIconableEntity, b as ChartClickHandler, c as ChartHoverHandler } from '../interactions-pEXA1XxF.mjs';
 export { d as ChartHoverSeries } from '../interactions-pEXA1XxF.mjs';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.mjs';
-import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis, b as DatetimePoint } from '../axis-B61qI-nm.mjs';
+import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis, b as DatetimePoint } from '../axis-3XKa6pW7.mjs';
 import '@sproutsocial/seeds-react-icon';
 import '../types-DxrhdAdn.mjs';
 import 'highcharts';

package/dist/bar/index.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { C as ChartAnnotation } from '../annotations-CjFoRPXf.js';
-import { V as ValueFormat, C as ChartTooltipProps } from '../chartBase-Nl6mcTB7.js';
+import { V as ValueFormat, C as ChartTooltipProps } from '../chartBase-BM97OBBE.js';
 import { C as ChartColorableEntity, a as ChartIconableEntity, b as ChartClickHandler, c as ChartHoverHandler } from '../interactions-pEXA1XxF.js';
 export { d as ChartHoverSeries } from '../interactions-pEXA1XxF.js';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.js';
-import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis, b as DatetimePoint } from '../axis-B78FtYLh.js';
+import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis, b as DatetimePoint } from '../axis-BWvZqdQr.js';
 import '@sproutsocial/seeds-react-icon';
 import '../types-DxrhdAdn.js';
 import 'highcharts';

package/dist/bar/index.js

@@ -2,11 +2,11 @@
 
 
 
-var _chunkMTGYEUZNjs = require('../chunk-MTGYEUZN.js');
+var _chunkGHZHRFE6js = require('../chunk-GHZHRFE6.js');
 
 
 
-var _chunkOP6K5NDRjs = require('../chunk-OP6K5NDR.js');
+var _chunkLKUL4EFZjs = require('../chunk-LKUL4EFZ.js');
 
 
 var _chunk6EIJCJCNjs = require('../chunk-6EIJCJCN.js');
@@ -17,8 +17,8 @@ var _chunk33Y5FZTTjs = require('../chunk-33Y5FZTT.js');
 
 
 
-var _chunk3P6MPBSZjs = require('../chunk-3P6MPBSZ.js');
-require('../chunk-2H2Z7PKZ.js');
+var _chunk5JQXDK23js = require('../chunk-5JQXDK23.js');
+require('../chunk-W57R2V23.js');
 
 // src/charts/bar/BarChart.tsx
 var _react = require('react');
@@ -31,8 +31,8 @@ function buildBarChartOptions(props, direction, series = props.series) {
   const chartType = highchartsType(direction);
   const isDatetime = props.xAxis.type === "datetime";
   const isMultiSeries = series.length > 1;
-  const tooltipOptions = _chunkOP6K5NDRjs.resolveTooltipOptions.call(void 0, props);
-  const { annotations, lookup: annotationLookup } = _chunkMTGYEUZNjs.buildAnnotationConfig.call(void 0, 
+  const tooltipOptions = _chunkLKUL4EFZjs.resolveTooltipOptions.call(void 0, props);
+  const { annotations, lookup: annotationLookup } = _chunkGHZHRFE6js.buildAnnotationConfig.call(void 0, 
     props.annotations
   );
   const barTypeConfig = {
@@ -92,7 +92,7 @@ function buildBarChartOptions(props, direction, series = props.series) {
       }
     }
   };
-  const base = _chunk3P6MPBSZjs.buildBaseChartOptions.call(void 0, {
+  const base = _chunk5JQXDK23js.buildBaseChartOptions.call(void 0, {
     type: chartType,
     description: props.description,
     reserveTopMargin: Boolean(annotations),
@@ -113,7 +113,7 @@ function buildBarChartOptions(props, direction, series = props.series) {
       // spacing ([10, 10, 15, 10]) shrinks the plot area.
       spacing: [5, 1, 0, 2]
     },
-    xAxis: _chunkOP6K5NDRjs.buildDimensionalAxis.call(void 0, props.xAxis, _nullishCoalesce(tooltipOptions.timezone, () => ( "UTC"))),
+    xAxis: _chunkLKUL4EFZjs.buildDimensionalAxis.call(void 0, props.xAxis, _nullishCoalesce(tooltipOptions.timezone, () => ( "UTC"))),
     yAxis: {
       min: _optionalChain([props, 'access', _15 => _15.yAxis, 'optionalAccess', _16 => _16.min]),
       max: _optionalChain([props, 'access', _17 => _17.yAxis, 'optionalAccess', _18 => _18.max]),
@@ -127,7 +127,7 @@ function buildBarChartOptions(props, direction, series = props.series) {
         enabled: _optionalChain([props, 'access', _23 => _23.yAxis, 'optionalAccess', _24 => _24.showLabels]) !== false,
         // A declarative `format` drives ticks through the shared valueFormatter;
         // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).
-        formatter: _optionalChain([props, 'access', _25 => _25.yAxis, 'optionalAccess', _26 => _26.format]) ? _chunkMTGYEUZNjs.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunkMTGYEUZNjs.defaultValueAxisLabelFormatter
+        formatter: _optionalChain([props, 'access', _25 => _25.yAxis, 'optionalAccess', _26 => _26.format]) ? _chunkGHZHRFE6js.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunkGHZHRFE6js.defaultValueAxisLabelFormatter
       }
     },
     plotOptions: {
@@ -152,7 +152,7 @@ var BAR_CHART_DEFAULT_SERIES_LIMIT = 10;
 var _jsxruntime = require('react/jsx-runtime');
 var BarChart = _react.memo.call(void 0, function BarChart2(props) {
   const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( BAR_CHART_DEFAULT_SERIES_LIMIT));
-  const { colors, series } = _chunk3P6MPBSZjs.useSeedsChartSetup.call(void 0, {
+  const { colors, series } = _chunk5JQXDK23js.useSeedsChartSetup.call(void 0, {
     series: props.series,
     seriesLimit,
     isSeriesLimitOverridden: props.seriesLimit !== void 0,
@@ -172,7 +172,7 @@ var BarChart = _react.memo.call(void 0, function BarChart2(props) {
     className: props.className
   });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...containerProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3P6MPBSZjs.ChartRenderer,
+    _chunk5JQXDK23js.ChartRenderer,
     {
       options,
       series,

package/dist/bubble/index.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, MouseEventHandler } from 'react';
-import { C as ChartTooltipProps, a as ChartTooltipDataRow, V as ValueFormat } from '../chartBase-CptOt3V0.mjs';
+import { C as ChartTooltipProps, a as ChartTooltipDataRow, V as ValueFormat } from '../chartBase-D6WI2icR.mjs';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.mjs';
 import { C as ChartColorableEntity, a as ChartIconableEntity, c as ChartHoverHandler } from '../interactions-pEXA1XxF.mjs';
 export { h as defaultBubbleChartWidth } from '../chartOptions-DHzoGRdG.mjs';

package/dist/bubble/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, MouseEventHandler } from 'react';
-import { C as ChartTooltipProps, a as ChartTooltipDataRow, V as ValueFormat } from '../chartBase-Nl6mcTB7.js';
+import { C as ChartTooltipProps, a as ChartTooltipDataRow, V as ValueFormat } from '../chartBase-BM97OBBE.js';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.js';
 import { C as ChartColorableEntity, a as ChartIconableEntity, c as ChartHoverHandler } from '../interactions-pEXA1XxF.js';
 export { h as defaultBubbleChartWidth } from '../chartOptions-DHzoGRdG.js';

package/dist/bubble/index.js

@@ -11,8 +11,8 @@ var _chunk33Y5FZTTjs = require('../chunk-33Y5FZTT.js');
 
 
 
-var _chunk3P6MPBSZjs = require('../chunk-3P6MPBSZ.js');
-require('../chunk-2H2Z7PKZ.js');
+var _chunk5JQXDK23js = require('../chunk-5JQXDK23.js');
+require('../chunk-W57R2V23.js');
 
 // src/charts/bubble/BubbleChart.tsx
 var _react = require('react');
@@ -107,7 +107,7 @@ function mapBubbleTooltipRow(data) {
 }
 function buildBubbleChartOptions(props) {
   const hasOnClick = Boolean(props.onClick);
-  const base = _chunk3P6MPBSZjs.buildBaseChartOptions.call(void 0, {
+  const base = _chunk5JQXDK23js.buildBaseChartOptions.call(void 0, {
     type: "packedbubble",
     description: props.accessibility.description,
     svgContainerLabel: props.accessibility.svgContainerLabel,
@@ -182,7 +182,7 @@ function buildBubbleChartOptions(props) {
 // src/charts/bubble/BubbleChart.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var BubbleChart = _react.memo.call(void 0, function BubbleChart2(props) {
-  const { colors } = _chunk3P6MPBSZjs.useSeedsChartSetup.call(void 0, {
+  const { colors } = _chunk5JQXDK23js.useSeedsChartSetup.call(void 0, {
     series: props.data.map((d) => ({ color: d.color }))
   });
   const options = _react.useMemo.call(void 0, () => buildBubbleChartOptions(props), [props]);
@@ -206,7 +206,7 @@ var BubbleChart = _react.memo.call(void 0, function BubbleChart2(props) {
       ...hasOnPlotBackgroundClick ? { "data-has-on-plot-background-click": "" } : {},
       onClick: props.onPlotBackgroundClick,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3P6MPBSZjs.ChartRenderer,
+        _chunk5JQXDK23js.ChartRenderer,
         {
           options,
           series: props.data.map((d, i) => ({

package/dist/chart-styles.css

@@ -92,7 +92,9 @@
 
 .seeds-chart div.highcharts-annotation-label {
   top: 0 !important;
-  transform: translateX(-50%); /* centers the label on the targeted axis point */
+  transform: translateX(
+    -50%
+  ); /* centers the label on the targeted axis point */
   pointer-events: none; /* prevents tooltip hover from being interrupted by this element since it renders after on the dom */
 }
 
@@ -239,6 +241,13 @@
   margin-top: var(--space-350);
 }
 
+/* icon+label row shared by the v2 tooltip + legend */
+.seeds-chart-label-with-icon {
+  display: flex;
+  align-items: center;
+  gap: var(--space-200); /* 4px */
+}
+
 /* =========================================================================
  * shared cross-family time-series layer -> .seeds-chart-time-series
  *

package/dist/{chartBase-Nl6mcTB7.d.ts → chartBase-BM97OBBE.d.ts}

@@ -46,6 +46,8 @@ interface ChartTooltipDataRow {
     color: TypeChartStyleColor;
     name: string;
     value: number | null;
+    /** Seeds icon or partner-logo name shown before the row name; `undefined` when the row has none. */
+    icon?: TypeIconName;
     /** Slice percentage — populated by pie/donut tooltips; `undefined` for bar/line-area rows. */
     percent?: number;
     /** Outer category index — populated by bubble tooltips only; `undefined` elsewhere. */

package/dist/{chartBase-CptOt3V0.d.mts → chartBase-D6WI2icR.d.mts}

@@ -46,6 +46,8 @@ interface ChartTooltipDataRow {
     color: TypeChartStyleColor;
     name: string;
     value: number | null;
+    /** Seeds icon or partner-logo name shown before the row name; `undefined` when the row has none. */
+    icon?: TypeIconName;
     /** Slice percentage — populated by pie/donut tooltips; `undefined` for bar/line-area rows. */
     percent?: number;
     /** Outer category index — populated by bubble tooltips only; `undefined` elsewhere. */

package/dist/charts.css

@@ -104,7 +104,9 @@
 
 .seeds-chart div.highcharts-annotation-label {
   top: 0 !important;
-  transform: translateX(-50%); /* centers the label on the targeted axis point */
+  transform: translateX(
+    -50%
+  ); /* centers the label on the targeted axis point */
   pointer-events: none; /* prevents tooltip hover from being interrupted by this element since it renders after on the dom */
 }
 
@@ -251,6 +253,13 @@
   margin-top: var(--space-350);
 }
 
+/* icon+label row shared by the v2 tooltip + legend */
+.seeds-chart-label-with-icon {
+  display: flex;
+  align-items: center;
+  gap: var(--space-200); /* 4px */
+}
+
 /* =========================================================================
  * shared cross-family time-series layer -> .seeds-chart-time-series
  *

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

@@ -9,8 +9,7 @@
 
 
 
-
-var _chunk2H2Z7PKZjs = require('./chunk-2H2Z7PKZ.js');
+var _chunkW57R2V23js = require('./chunk-W57R2V23.js');
 
 // src/charts/shared/chartBase.tsx
 var _highcharts = require('highcharts'); var _highcharts2 = _interopRequireDefault(_highcharts);
@@ -135,6 +134,19 @@ var ChartAnnotationMarkerPortal = _react.memo.call(void 0,
 
 var _seedsreacttext = require('@sproutsocial/seeds-react-text');
 
+// src/charts/shared/ChartLabelWithIcon.tsx
+
+
+
+var ChartLabelWithIcon = _react.memo.call(void 0, 
+  function ChartLabelWithIcon2({ children, icon }) {
+    return icon ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "seeds-chart-label-with-icon", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: icon, fixedWidth: true, "aria-hidden": true }),
+      children
+    ] }) : children;
+  }
+);
+
 // src/charts/shared/formatters/datetimeFormatter.ts
 var DAY_MS = 864e5;
 var WEEK_MS = 6048e5;
@@ -368,11 +380,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, _chunk2H2Z7PKZjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, 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: [
       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, _chunk2H2Z7PKZjs.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, _chunkW57R2V23js.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { fontSize: 200, color: "text.subtext", children: description }) }) : null
   ] });
 }
 function DefaultChartTooltip({
@@ -393,7 +405,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, _chunk2H2Z7PKZjs.ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${d.name}: `, children: d.name }) })
+      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 }) }) })
     };
     return {
       cells: [
@@ -432,7 +444,7 @@ function DefaultChartTooltip({
       ]
     }
   ] : [];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2H2Z7PKZjs.ChartTooltip, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkW57R2V23js.ChartTooltip, { children: [
     annotation ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AnnotationHeader,
       {
@@ -441,7 +453,7 @@ function DefaultChartTooltip({
         description: annotation.description
       }
     ) : null,
-    hideTitle ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipTitle, { children: formatTitle({
+    hideTitle ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartTooltipTitle, { children: formatTitle({
       position,
       timezone,
       timeFormat,
@@ -449,12 +461,12 @@ function DefaultChartTooltip({
       textLocale
     }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2H2Z7PKZjs.ChartTooltipTable,
+      _chunkW57R2V23js.ChartTooltipTable,
       {
         rows: [...rows, ...totalRow]
       }
     ),
-    hasOnClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    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: [
       /* @__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
@@ -469,16 +481,10 @@ var SeriesLegend = _react.memo.call(void 0, function SeriesLegend2({
   items
 }) {
   const labels = items.map((item) => ({
-    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2H2Z7PKZjs.ChartLegendLabelContentWithIcon,
-      {
-        icon: item.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: item.icon, fixedWidth: true, "aria-hidden": true }) : void 0,
-        children: item.name
-      }
-    ),
+    content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: item.icon, children: item.name }),
     color: item.color
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.ChartLegend, { legendLabels: labels });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.ChartLegend, { legendLabels: labels });
 });
 
 // src/charts/shared/chartExport.ts
@@ -764,7 +770,7 @@ function ChartRenderer({
   const chartWithAnnotations = chart;
   const hasRenderedAnnotations = !!_optionalChain([chartWithAnnotations, 'optionalAccess', _46 => _46.annotations, 'optionalAccess', _47 => _47.length]) && !!_optionalChain([annotationLookup, 'optionalAccess', _48 => _48.size]) && plotHeight > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2H2Z7PKZjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57R2V23js.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _highchartsreactofficial.HighchartsReact,
       {
@@ -783,7 +789,7 @@ function ChartRenderer({
       }
     ) : null,
     chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2H2Z7PKZjs.ChartTooltipPortal,
+      _chunkW57R2V23js.ChartTooltipPortal,
       {
         chart,
         renderContent: (context) => {
@@ -807,27 +813,30 @@ function ChartRenderer({
               color: ctx.point.color,
               name: ctx.point.name,
               value: ctx.point.y,
-              percent: ctx.point.percentage
+              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])
             }
           ] : (
-            // Drop v1's `readonly` array wrapper and `icon` field at the seam —
-            // the v2 surface is mutable and doesn't expose row-level icons.
-            _chunk2H2Z7PKZjs.transformTimeSeriesTooltipData.call(void 0, {
+            // 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, {
               context,
               data: series.map((s, i) => ({
                 name: s.name,
                 points: [],
                 styles: { color: _nullishCoalesce(_nullishCoalesce(s.color, () => ( colors[i])), () => ( "")) }
               }))
-            }).map((row) => ({
+            }).map((row, i) => ({
               color: row.color,
               name: row.name,
-              value: row.value
+              value: row.value,
+              icon: _optionalChain([series, 'access', _55 => _55[i], 'optionalAccess', _56 => _56.icon])
             }))
           );
           const position = isPie || isPackedBubble ? _nullishCoalesce(ctx.key, () => ( ctx.point.name)) : context.x;
-          const tickPositions = _optionalChain([ctx, 'access', _53 => _53.points, 'optionalAccess', _54 => _54[0], 'optionalAccess', _55 => _55.series, 'optionalAccess', _56 => _56.xAxis, 'optionalAccess', _57 => _57.tickPositions]);
-          const resolved = _optionalChain([annotationLookup, 'optionalAccess', _58 => _58.get, 'call', _59 => _59(context.point.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 annotation = resolved ? {
             icon: resolved.icon,
             color: resolved.color,
@@ -904,4 +913,4 @@ function buildBaseChartOptions({
 
 
 exports.datetimeFormatter = datetimeFormatter; exports.valueFormatter = valueFormatter; exports.useSeedsChartSetup = useSeedsChartSetup; exports.ChartRenderer = ChartRenderer; exports.buildBaseChartOptions = buildBaseChartOptions;
-//# sourceMappingURL=chunk-3P6MPBSZ.js.map
+//# sourceMappingURL=chunk-5JQXDK23.js.map