@sproutsocial/seeds-react-data-viz 0.16.0 → 0.17.0

package/dist/esm/{chunk-ZXXFRUVF.js → chunk-LPQXJJNT.js}

@@ -10,7 +10,7 @@ import {
   ChartTooltipTitle,
   GlobalChartStyleOverrides,
   transformTimeSeriesTooltipData
-} from "./chunk-LC3HGWDD.js";
+} from "./chunk-Z4LOM4OZ.js";
 
 // src/charts/shared/chartBase.tsx
 import Highcharts from "highcharts";
@@ -210,27 +210,52 @@ function DefaultChartTooltip({
   tooltipClickLabel,
   timezone,
   invalidNumberLabel,
-  valueFormat
+  valueFormat,
+  hideTitle,
+  hideTotal = false
 }) {
-  const rows = data.map((d) => ({
-    cells: [
-      {
-        content: /* @__PURE__ */ jsx2(ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ jsx2(Text, { "aria-label": `${d.name}: `, children: d.name }) })
-      },
-      {
-        // Format non-null values through the shared formatter when a
-        // `valueFormat` is supplied. Tooltip values are always full precision
-        // (`abbreviate: false`) — the axis tick scan never applies here (v1
-        // parity: the bar tooltip always passed `abbreviate={false}`).
-        content: /* @__PURE__ */ jsx2(Text, { children: d.value == null ? invalidNumberLabel ?? "\u2014" : valueFormat ? valueFormatter({
-          ...valueFormat,
-          value: d.value,
-          abbreviate: false
-        }) : d.value }),
-        align: "right"
-      }
-    ]
-  }));
+  const rows = data.map((d) => {
+    const formattedValue = d.value == null ? invalidNumberLabel ?? "\u2014" : valueFormat ? valueFormatter({ ...valueFormat, value: d.value, abbreviate: false }) : d.value;
+    const nameCell = {
+      content: /* @__PURE__ */ jsx2(ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ jsx2(Text, { "aria-label": `${d.name}: `, children: d.name }) })
+    };
+    return {
+      cells: [
+        nameCell,
+        {
+          content: d.percent != null && !isNaN(d.percent) ? /* @__PURE__ */ jsxs2(Box2, { display: "inline-flex", alignItems: "center", gap: 350, children: [
+            /* @__PURE__ */ jsxs2(Text, { children: [
+              Math.round(d.percent),
+              "%"
+            ] }),
+            /* @__PURE__ */ jsx2(Text, { fontWeight: "semibold", children: formattedValue })
+          ] }) : /* @__PURE__ */ jsx2(Text, { children: formattedValue }),
+          align: "right"
+        }
+      ]
+    };
+  });
+  const contributing = data.filter((d) => d.value != null);
+  const total = contributing.length > 0 ? contributing.reduce((sum, d) => sum + d.value, 0) : null;
+  const totalRow = data.length > 1 && !hideTotal ? [
+    {
+      isAppendedRow: true,
+      cells: [
+        {
+          content: /* @__PURE__ */ jsx2(Text, { fontWeight: "semibold", "aria-label": "Total: ", children: "Total" })
+        },
+        {
+          // Mirror the per-series value cell's formatting path exactly.
+          content: /* @__PURE__ */ jsx2(Text, { fontWeight: "bold", children: total == null ? invalidNumberLabel ?? "\u2014" : valueFormat ? valueFormatter({
+            ...valueFormat,
+            value: total,
+            abbreviate: false
+          }) : total }),
+          align: "right"
+        }
+      ]
+    }
+  ] : [];
   return /* @__PURE__ */ jsxs2(ChartTooltip, { children: [
     annotation ? /* @__PURE__ */ jsx2(
       AnnotationHeader,
@@ -240,8 +265,13 @@ function DefaultChartTooltip({
         description: annotation.description
       }
     ) : null,
-    /* @__PURE__ */ jsx2(ChartTooltipTitle, { children: formatTitle(position, timezone) }),
-    /* @__PURE__ */ jsx2(ChartTooltipTable, { rows }),
+    hideTitle ? null : /* @__PURE__ */ jsx2(ChartTooltipTitle, { children: formatTitle(position, timezone) }),
+    /* @__PURE__ */ jsx2(
+      ChartTooltipTable,
+      {
+        rows: [...rows, ...totalRow]
+      }
+    ),
     hasOnClick && tooltipClickLabel ? /* @__PURE__ */ jsx2(ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ jsxs2(Box2, { display: "flex", alignItems: "center", gap: 300, children: [
       /* @__PURE__ */ jsx2(Icon2, { name: "hand-pointer-clicking-outline", color: "icon.base" }),
       /* @__PURE__ */ jsx2(Text, { color: "text.subtext", fontSize: 200, children: tooltipClickLabel })
@@ -286,6 +316,13 @@ highchartsAnnotations(Highcharts);
 highchartsExporting(Highcharts);
 highchartsOfflineExporting(Highcharts);
 highchartsExportData(Highcharts);
+function isChartStacked(options) {
+  const plotOptions = options.plotOptions;
+  if (!plotOptions) return false;
+  return Object.values(plotOptions).some(
+    (slot) => slot != null && typeof slot === "object" && Boolean(slot.stacking)
+  );
+}
 function useSeedsChartSetup({
   series,
   includePatterns = false,
@@ -421,11 +458,13 @@ function ChartRenderer({
   timezone,
   invalidNumberLabel,
   valueFormat,
+  hideLegend = false,
   onReady
 }) {
   const [chart, setChart] = useState2(null);
   const [plotHeight, setPlotHeight] = useState2(0);
-  const renderTooltip = tooltip ?? DefaultChartTooltip;
+  const chartIsStacked = isChartStacked(options);
+  const renderTooltip = tooltip ?? ((args) => DefaultChartTooltip({ ...args, hideTotal: !chartIsStacked }));
   const theme = useTheme();
   const exportThemeRef = useRef2({ theme, colors });
   exportThemeRef.current = { theme, colors };
@@ -500,19 +539,32 @@ function ChartRenderer({
       {
         chart,
         renderContent: (context) => {
-          const data = transformTimeSeriesTooltipData({
-            context,
-            data: series.map((s, i) => ({
-              name: s.name,
-              points: [],
-              styles: { color: s.color ?? colors[i] ?? "" }
+          const ctx = context;
+          const isPie = !ctx.points;
+          const data = isPie ? [
+            {
+              color: ctx.point.color,
+              name: ctx.point.name,
+              value: ctx.point.y,
+              percent: ctx.point.percentage
+            }
+          ] : (
+            // Drop v1's `readonly` array wrapper and `icon` field at the seam —
+            // the v2 surface is mutable and doesn't expose row-level icons.
+            transformTimeSeriesTooltipData({
+              context,
+              data: series.map((s, i) => ({
+                name: s.name,
+                points: [],
+                styles: { color: s.color ?? colors[i] ?? "" }
+              }))
+            }).map((row) => ({
+              color: row.color,
+              name: row.name,
+              value: row.value
             }))
-          }).map((row) => ({
-            color: row.color,
-            name: row.name,
-            value: row.value
-          }));
-          const position = context.x;
+          );
+          const position = isPie ? ctx.key ?? ctx.point.name : context.x;
           const resolved = annotationLookup?.get(context.point.x);
           const annotation = resolved ? {
             icon: resolved.icon,
@@ -523,6 +575,8 @@ function ChartRenderer({
           return renderTooltip({
             data,
             position,
+            // Pie has no x-axis position; its title would just repeat the slice name.
+            hideTitle: isPie,
             annotation,
             hasOnClick,
             tooltipClickLabel,
@@ -533,7 +587,7 @@ function ChartRenderer({
         }
       }
     ) : null,
-    /* @__PURE__ */ jsx4(Box3, { mt: 350, children: /* @__PURE__ */ jsx4(
+    hideLegend ? null : /* @__PURE__ */ jsx4(Box3, { mt: 350, children: /* @__PURE__ */ jsx4(
       SeriesLegend,
       {
         items: series.map((s, i) => ({
@@ -546,35 +600,6 @@ function ChartRenderer({
   ] });
 }
 
-// src/charts/shared/annotations.ts
-function buildAnnotationConfig(annotations) {
-  if (!annotations?.length) {
-    return { annotations: void 0, lookup: void 0 };
-  }
-  const labels = [];
-  const lookup = /* @__PURE__ */ new Map();
-  for (const annotation of annotations) {
-    const { position } = annotation;
-    labels.push({
-      // Highcharts anchor — always uses `x` regardless of chart orientation.
-      point: { x: position, y: 0, xAxis: 0, yAxis: 0 },
-      // Space (not empty) — Highcharts reverts to its built-in label text on empty string.
-      text: " "
-    });
-    lookup.set(position, annotation);
-  }
-  if (labels.length === 0) {
-    return { annotations: void 0, lookup: void 0 };
-  }
-  return {
-    // `useHTML: true` makes Highcharts attach an HTML `graphic.div` to each
-    // label, which the marker portal needs as its render target. `padding: 0`
-    // removes Highcharts' default left padding so markers stay centered.
-    annotations: [{ labels, labelOptions: { useHTML: true, padding: 0 } }],
-    lookup
-  };
-}
-
 // src/charts/shared/baseChartOptions.ts
 function buildBaseChartOptions({
   type,
@@ -609,188 +634,10 @@ function buildBaseChartOptions({
   };
 }
 
-// src/charts/shared/formatters/datetimeFormatter.ts
-var DAY_MS = 864e5;
-var WEEK_MS = 6048e5;
-var MIN_MONTH_MS = 24192e5;
-var MIN_YEAR_MS = 31536e6;
-var getDatePartsInTimezone = (date, timezone) => {
-  const formatter = new Intl.DateTimeFormat("en-US", {
-    year: "numeric",
-    month: "numeric",
-    day: "numeric",
-    timeZone: timezone
-  });
-  const parts = formatter.formatToParts(date);
-  return {
-    day: parseInt(parts.find((p) => p.type === "day")?.value ?? "0", 10),
-    month: parseInt(parts.find((p) => p.type === "month")?.value ?? "0", 10),
-    year: parseInt(parts.find((p) => p.type === "year")?.value ?? "0", 10)
-  };
-};
-var deriveGranularity = (tickPositions) => {
-  if (tickPositions.length < 2) {
-    return "day";
-  }
-  const deltas = [];
-  for (let i = 1; i < tickPositions.length; i++) {
-    const curr = tickPositions[i];
-    const prev = tickPositions[i - 1];
-    if (curr === void 0 || prev === void 0) {
-      continue;
-    }
-    deltas.push(Math.abs(curr - prev));
-  }
-  deltas.sort((a, b) => a - b);
-  const mid = Math.floor(deltas.length / 2);
-  const upper = deltas[mid];
-  const lower = deltas[mid - 1];
-  const median = deltas.length % 2 === 0 && lower !== void 0 ? (lower + upper) / 2 : upper;
-  if (median < DAY_MS) {
-    return "hour";
-  }
-  if (median < WEEK_MS) {
-    return "day";
-  }
-  if (median < MIN_MONTH_MS) {
-    return "week";
-  }
-  if (median < MIN_YEAR_MS) {
-    return "month";
-  }
-  return "year";
-};
-function datetimeFormatter({
-  value,
-  tickPositions = [],
-  // optional
-  timezone = "UTC",
-  timeFormat = "12",
-  textLocale = "en-US"
-}) {
-  if (typeof value === "string" || !Number.isFinite(value)) {
-    return { primary: String(value) };
-  }
-  const granularity = deriveGranularity(tickPositions);
-  const tickIndex = tickPositions.indexOf(value);
-  const isFirst = tickIndex === 0;
-  const previousValue = tickPositions[tickIndex - 1];
-  const valueDate = new Date(value);
-  const valueParts = getDatePartsInTimezone(valueDate, timezone);
-  const previousValueDate = previousValue ? new Date(previousValue) : void 0;
-  const previousValueParts = previousValueDate ? getDatePartsInTimezone(previousValueDate, timezone) : void 0;
-  let firstPartOptions = {};
-  let secondPartOptions = {};
-  switch (granularity) {
-    case "hour":
-      firstPartOptions = timeFormat === "24" ? { hour: "numeric", minute: "numeric", hour12: false } : { hour: "numeric" };
-      if (isFirst || valueParts.day !== previousValueParts?.day) {
-        secondPartOptions = { day: "numeric", month: "short" };
-      }
-      break;
-    case "day":
-    case "week":
-      firstPartOptions = { day: "numeric" };
-      if (isFirst || valueParts.month !== previousValueParts?.month) {
-        secondPartOptions = { month: "short" };
-      }
-      break;
-    case "month":
-      firstPartOptions = { month: "short" };
-      if (isFirst || valueParts.year !== previousValueParts?.year) {
-        secondPartOptions = { year: "numeric" };
-      }
-      break;
-    case "year":
-      firstPartOptions = { year: "numeric" };
-      break;
-    default:
-      firstPartOptions = {};
-      break;
-  }
-  const primary = new Intl.DateTimeFormat(textLocale, {
-    ...firstPartOptions,
-    timeZone: timezone
-  }).format(valueDate);
-  if (Object.keys(secondPartOptions).length > 0) {
-    const secondary = new Intl.DateTimeFormat(textLocale, {
-      ...secondPartOptions,
-      timeZone: timezone
-    }).format(valueDate);
-    return { primary, secondary };
-  }
-  return { primary };
-}
-
-// src/charts/shared/axisOptions.ts
-function makeDatetimeAxisLabelFormatter(timezone, timeFormat) {
-  return function() {
-    const { primary, secondary } = datetimeFormatter({
-      value: this.value,
-      tickPositions: this.axis.tickPositions ?? [],
-      timezone,
-      timeFormat
-    });
-    return secondary ? `${primary}<br/><span class="hc-axis-label-secondary">${secondary}</span>` : primary;
-  };
-}
-function buildDimensionalAxis(axis, timezone) {
-  if (axis.type === "datetime") {
-    return {
-      type: "datetime",
-      crosshair: axis.crosshair,
-      labels: {
-        formatter: makeDatetimeAxisLabelFormatter(timezone, axis.timeFormat)
-      }
-    };
-  }
-  return {
-    type: "category",
-    categories: [...axis.categories],
-    crosshair: axis.crosshair
-  };
-}
-function resolveTooltipTimezone(axis, timezone) {
-  return axis.type === "datetime" ? timezone ?? "UTC" : void 0;
-}
-
-// src/charts/shared/valueAxisLabelFormatter.ts
-import { formatNumeral as formatNumeral2 } from "@sproutsocial/seeds-react-numeral";
-var FIXED_LOCALE = "en-US";
-function deriveAbbreviateFromTicks(context) {
-  const tickPositions = context.axis.tickPositions;
-  const maxValue = tickPositions && tickPositions.length > 0 ? tickPositions[tickPositions.length - 1] : void 0;
-  return typeof maxValue === "number" && maxValue > 9999 ? 1e3 : true;
-}
-function defaultValueAxisLabelFormatter() {
-  const numberValue = Number(this.value);
-  if (numberValue === 0) {
-    return formatNumeral2({ locale: FIXED_LOCALE, number: 0 });
-  }
-  const abbreviate = deriveAbbreviateFromTicks(this);
-  return formatNumeral2({
-    abbreviate,
-    format: "decimal",
-    locale: FIXED_LOCALE,
-    number: numberValue
-  });
-}
-function makeValueAxisLabelFormatter(format) {
-  return function() {
-    const numberValue = Number(this.value);
-    const abbreviate = format.abbreviate === false ? false : deriveAbbreviateFromTicks(this);
-    return valueFormatter({ ...format, value: numberValue, abbreviate });
-  };
-}
-
 export {
+  valueFormatter,
   useSeedsChartSetup,
   ChartRenderer,
-  buildAnnotationConfig,
-  buildBaseChartOptions,
-  buildDimensionalAxis,
-  resolveTooltipTimezone,
-  defaultValueAxisLabelFormatter,
-  makeValueAxisLabelFormatter
+  buildBaseChartOptions
 };
-//# sourceMappingURL=chunk-ZXXFRUVF.js.map
+//# sourceMappingURL=chunk-LPQXJJNT.js.map

package/dist/esm/chunk-LPQXJJNT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/shared/chartBase.tsx","../../src/charts/shared/ChartAnnotationMarkerPortal.tsx","../../src/charts/shared/DefaultChartTooltip.tsx","../../src/charts/shared/formatters/valueFormatter.ts","../../src/charts/shared/SeriesLegend.tsx","../../src/charts/shared/chartExport.ts","../../src/charts/shared/baseChartOptions.ts"],"sourcesContent":["// Engine boundary for the v2 chart architecture. The only file under `charts/`\n// that imports from \"highcharts\". See `charts/README.md` for invariants.\n\nimport Highcharts from \"highcharts\";\nimport { HighchartsReact } from \"highcharts-react-official\";\nimport highchartsAccessibility from \"highcharts/modules/accessibility\";\nimport highchartsAnnotations from \"highcharts/modules/annotations\";\nimport highchartsExporting from \"highcharts/modules/exporting\";\nimport highchartsOfflineExporting from \"highcharts/modules/offline-exporting\";\nimport highchartsExportData from \"highcharts/modules/export-data\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { useTheme } from \"styled-components\";\n\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { ChartTooltipPortal } from \"../../components/ChartTooltip/components/ChartTooltipPortal\";\nimport { transformTimeSeriesTooltipData } from \"../../helpers\";\nimport { GlobalChartStyleOverrides } from \"../../styles/chartStyles\";\nimport { ChartAnnotationMarkerPortal } from \"./ChartAnnotationMarkerPortal\";\nimport { DefaultChartTooltip } from \"./DefaultChartTooltip\";\nimport { SeriesLegend } from \"./SeriesLegend\";\nimport type { TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport type { TypeTheme } from \"@sproutsocial/seeds-react-theme\";\nimport { defaultFilename } from \"./chartExport\";\nimport type { ChartAnnotationLookup } from \"./annotations\";\nimport type { ValueFormat } from \"./formatters/valueFormatter\";\nimport type { ChartExportHandle } from \"./chartExport\";\nimport type { TypeChartStyleColor, TypeChartStylePattern } from \"../../types\";\n\nhighchartsAccessibility(Highcharts);\nhighchartsAnnotations(Highcharts);\n// `exporting` must register before `offline-exporting` and `export-data`, which\n// extend it. `exporting` adds a native context (hamburger) button by default;\n// `ChartRenderer` disables it on the chart options so v2 charts expose export\n// only through the `onReady` handle. Export is client-side/offline only —\n// we never call the Highcharts export server.\nhighchartsExporting(Highcharts);\nhighchartsOfflineExporting(Highcharts);\nhighchartsExportData(Highcharts);\n\n/** Highcharts series type. `column` is vertical bars; `bar` is horizontal bars; the line/area family adds the rest; `pie` is donut/pie. */\nexport type SeedsChartType =\n  | \"column\"\n  | \"bar\"\n  | \"line\"\n  | \"spline\"\n  | \"area\"\n  | \"areaspline\"\n  | \"pie\";\n\nexport interface SeedsChartMarkerOptions {\n  enabled?: boolean;\n  symbol?: \"circle\";\n}\n\n/** Object form of a series point — carries an optional per-point `marker` override. */\nexport interface SeedsChartDataPoint {\n  x?: number;\n  y: number | null;\n  marker?: SeedsChartMarkerOptions;\n}\n\nexport interface SeedsChartSeriesOptions {\n  type: SeedsChartType;\n  name: string;\n  data: Array<number | null | [number, number | null] | SeedsChartDataPoint>;\n  color?: string;\n}\n\n/**\n * Seeds-local shape of the `this` context Highcharts binds when invoking an\n * axis-label `formatter`. Models only the fields our default formatter reads\n * (`value` and `axis.tickPositions`).\n */\nexport interface SeedsAxisLabelFormatterContext {\n  value: number | string;\n  axis: { tickPositions?: ReadonlyArray<number> };\n}\n\nexport interface SeedsChartAxisLabelOptions {\n  useHTML?: boolean;\n  /** Show the axis tick labels. Maps to Highcharts' `labels.enabled`; defaults to shown. */\n  enabled?: boolean;\n  /** `this`-bound tick-label formatter returning the rendered string. */\n  formatter?: (this: SeedsAxisLabelFormatterContext) => string;\n}\n\n/**\n * Highcharts datetime tick-label formats, keyed by the auto-selected tick unit.\n * Only the units the chart families set are modeled; Highcharts merges the rest\n * with its own defaults.\n */\nexport interface SeedsChartDateTimeLabelFormats {\n  hour?: string;\n  day?: string;\n  week?: string;\n  month?: string;\n  year?: string;\n}\n\nexport interface SeedsChartAxisTitleOptions {\n  text: string;\n}\n\nexport interface SeedsChartXAxisOptions {\n  type?: \"category\" | \"datetime\" | \"linear\";\n  categories?: Array<string>;\n  crosshair?: boolean;\n  min?: number;\n  max?: number;\n  /** Hide the axis line, ticks, and labels entirely (e.g. sparklines). Maps to Highcharts' `visible`. */\n  visible?: boolean;\n  labels?: SeedsChartAxisLabelOptions;\n  dateTimeLabelFormats?: SeedsChartDateTimeLabelFormats;\n}\n\nexport interface SeedsChartYAxisOptions {\n  min?: number;\n  max?: number;\n  /** Soft minimum — the axis won't start above this value, but may extend below it for negative data. */\n  softMin?: number;\n  /** Soft maximum — the axis won't end below this value, but may extend above it. */\n  softMax?: number;\n  gridLineWidth?: number;\n  /** Hide the axis line, ticks, and labels entirely (e.g. sparklines). Maps to Highcharts' `visible`. */\n  visible?: boolean;\n  title?: SeedsChartAxisTitleOptions;\n  labels?: SeedsChartAxisLabelOptions;\n}\n\nexport interface SeedsChartTooltipOptions {\n  enabled?: boolean;\n  // `useHTML` is intentionally not here — it's hardcoded `true` at the engine\n  // boundary (ChartRenderer) because the tooltip portal can't work without it.\n  outside?: boolean;\n  padding?: number;\n  shape?: \"rect\" | \"callout\";\n  shared?: boolean;\n  hideDelay?: number;\n  valueSuffix?: string;\n}\n\nexport interface SeedsChartSeriesPlotOptions {\n  animation?: boolean;\n  /** Stacking applied across all series. Used by the line/area family for `stacked-area`. */\n  stacking?: \"normal\" | \"percent\";\n  /** Point-level event wiring (e.g. click). The events shape is family-agnostic. */\n  point?: { events?: SeedsChartPointEvents };\n  /** Default point-marker visibility. The line/area family disables markers and re-enables them per isolated point. */\n  marker?: SeedsChartMarkerOptions;\n}\n\nexport interface SeedsChartPointEventContext {\n  x: number | string;\n  series: {\n    chart: {\n      series: ReadonlyArray<{\n        type: string;\n        data: ReadonlyArray<{\n          x: number | string;\n          graphic?: { element?: Element };\n        }>;\n      }>;\n    };\n  };\n}\n\nexport interface SeedsChartPointEvents {\n  mouseOver?: (this: SeedsChartPointEventContext) => void;\n  mouseOut?: (this: SeedsChartPointEventContext) => void;\n  click?: (event: { point: { x: number | string } }) => void;\n}\n\nexport interface SeedsChartColumnPointOptions {\n  events?: SeedsChartPointEvents;\n}\n\nexport interface SeedsChartColumnPlotOptions {\n  stacking?: \"normal\" | \"percent\";\n  pointPadding?: number;\n  groupPadding?: number;\n  pointWidth?: number;\n  borderRadius?: number;\n  borderWidth?: number;\n  point?: SeedsChartColumnPointOptions;\n}\n\n/** Type-scoped stacking for filled line-area variants (parity with `column`). */\nexport interface SeedsChartAreaPlotOptions {\n  stacking?: \"normal\" | \"percent\";\n}\n\nexport interface SeedsChartPiePlotOptions {\n  /** `\"60%\"` for donut (hollow center), `0` for a solid pie. */\n  innerSize?: string | number;\n  animation?: boolean;\n  /** Must be set in JS (not CSS) — Highcharts computes the arc path before CSS is applied. */\n  borderRadius?: number;\n  dataLabels?: { enabled?: boolean };\n  states?: { inactive?: { opacity?: number } };\n  /** Pie point click: `this` is the Highcharts Point object (carries `name`, etc.). */\n  point?: { events?: { click?: (this: { name: string }) => void } };\n}\n\n/** A single data point in a pie/donut series. Seeds-vocab — no Highcharts imports. */\nexport interface PiePoint {\n  name: string;\n  y: number | null;\n  color?: string;\n}\n\n/** Series options for pie/donut charts. `data` is per-point objects, not x/y tuples. */\nexport interface SeedsChartPieSeriesOptions {\n  type: \"pie\";\n  name: string;\n  data: Array<PiePoint>;\n  color?: string;\n}\n\nexport interface SeedsChartPlotOptions {\n  series?: SeedsChartSeriesPlotOptions;\n  // `column` (vertical bars) and `bar` (horizontal bars) take the same option\n  // shape; the bar adapter assigns one config under whichever key is active.\n  column?: SeedsChartColumnPlotOptions;\n  bar?: SeedsChartColumnPlotOptions;\n  area?: SeedsChartAreaPlotOptions;\n  areaspline?: SeedsChartAreaPlotOptions;\n  pie?: SeedsChartPiePlotOptions;\n}\n\nexport interface SeedsChartChartOptions {\n  type: SeedsChartType;\n  styledMode?: boolean;\n  animation?: boolean;\n  marginTop?: number;\n  height?: number;\n  /** `[top, right, bottom, left]` chart spacing. Donut zeroes it so the ring fills the height; sparklines zero it so the plot fills the container. */\n  spacing?: [number, number, number, number];\n}\n\nexport interface SeedsChartAnnotationLabelOptions {\n  point: { x: number; y: number; xAxis: 0; yAxis: 0 };\n  /** Highcharts shows a default label if this is empty; pass `\" \"` to suppress. */\n  text?: string;\n}\n\n/**\n * Shared options applied to every label in a Highcharts annotation block.\n * `useHTML: true` is load-bearing — it makes Highcharts attach an HTML\n * `graphic.div` to each label, which `ChartAnnotationMarkerPortal` portals\n * React content into. Without it, labels render as SVG `<text>` and the\n * portal finds no containers.\n */\nexport interface SeedsChartAnnotationLabelOptionsShared {\n  useHTML?: boolean;\n  padding?: number;\n}\n\nexport interface SeedsChartAnnotationsOptions {\n  labels?: SeedsChartAnnotationLabelOptions[];\n  labelOptions?: SeedsChartAnnotationLabelOptionsShared;\n}\n\nexport interface SeedsChartAccessibilityOptions {\n  description?: string;\n}\n\nexport interface SeedsChartTitleOptions {\n  text?: string;\n}\n\nexport interface SeedsChartCreditsOptions {\n  enabled?: boolean;\n}\n\nexport interface SeedsChartLegendOptions {\n  enabled?: boolean;\n}\n\n/** Maps to Highcharts `time` — chart-global; `timezone` only affects datetime axes. */\nexport interface SeedsChartTimeOptions {\n  timezone?: string;\n}\n\nexport interface SeedsChartOptions {\n  chart?: SeedsChartChartOptions;\n  accessibility?: SeedsChartAccessibilityOptions;\n  title?: SeedsChartTitleOptions;\n  credits?: SeedsChartCreditsOptions;\n  legend?: SeedsChartLegendOptions;\n  tooltip?: SeedsChartTooltipOptions;\n  time?: SeedsChartTimeOptions;\n  xAxis?: SeedsChartXAxisOptions;\n  yAxis?: SeedsChartYAxisOptions;\n  plotOptions?: SeedsChartPlotOptions;\n  series?: Array<SeedsChartSeriesOptions | SeedsChartPieSeriesOptions>;\n  annotations?: SeedsChartAnnotationsOptions[];\n}\n\n/**\n * A summed Total is only meaningful when the chart stacks its series (a stack\n * is, by definition, an additive composition). Returns true if any plotOptions\n * slot (series/column/bar/area/areaspline) carries a truthy `stacking`. Kept\n * key-agnostic so new stacked families are covered without changes here.\n */\nexport function isChartStacked(options: SeedsChartOptions): boolean {\n  const plotOptions = options.plotOptions;\n  if (!plotOptions) return false;\n  return Object.values(plotOptions).some(\n    (slot) =>\n      slot != null &&\n      typeof slot === \"object\" &&\n      Boolean((slot as { stacking?: unknown }).stacking)\n  );\n}\n\nexport interface SeedsChartSetupSeriesInput {\n  color?: string;\n  pattern?: TypeChartStylePattern;\n}\n\nexport interface UseSeedsChartSetupParams<\n  T extends SeedsChartSetupSeriesInput = SeedsChartSetupSeriesInput\n> {\n  series: Array<T>;\n  /** Opt-in for the pattern array. Families that apply patterns (line, area) pass `true`. */\n  includePatterns?: boolean;\n  /**\n   * Resolved effective cap (the family default, or the consumer's explicit\n   * value). Series beyond it are dropped. Omit to disable capping entirely.\n   */\n  seriesLimit?: number;\n  /**\n   * Whether the consumer set `seriesLimit` explicitly. Suppresses the over-limit\n   * warning (an explicit cap is intentional, not an accidental overflow).\n   * Default `false`.\n   */\n  isSeriesLimitOverridden?: boolean;\n  /** Opt out of the over-limit warning. Default `false`. */\n  hideSeriesLimitWarning?: boolean;\n  /** Component name used in the over-limit warning message (kept generic for future families). */\n  componentName?: string;\n}\n\nexport interface UseSeedsChartSetupResult<\n  T extends SeedsChartSetupSeriesInput = SeedsChartSetupSeriesInput\n> {\n  theme: TypeTheme;\n  colors: Array<TypeChartStyleColor>;\n  patterns: Array<TypeChartStylePattern>;\n  /** Series after applying the (optional) cap. Referentially equal to the input when no cap applies. */\n  series: Array<T>;\n}\n\nexport function useSeedsChartSetup<\n  T extends SeedsChartSetupSeriesInput = SeedsChartSetupSeriesInput\n>({\n  series,\n  includePatterns = false,\n  seriesLimit,\n  isSeriesLimitOverridden = false,\n  hideSeriesLimitWarning = false,\n  componentName,\n}: UseSeedsChartSetupParams<T>): UseSeedsChartSetupResult<T> {\n  const theme = useTheme() as TypeTheme;\n  const palette = theme.colors.DATAVIZ_COLORS_LIST;\n\n  // Cap the series at the resolved limit. Memoized so the input reference is\n  // preserved when no cap applies, keeping the colors/patterns memos\n  // referentially stable.\n  const cappedSeries = useMemo<Array<T>>(\n    () =>\n      seriesLimit !== undefined &&\n      seriesLimit >= 1 &&\n      series.length > seriesLimit\n        ? series.slice(0, seriesLimit)\n        : series,\n    [series, seriesLimit]\n  );\n\n  // Warn when the limit was exceeded, was not explicitly overridden by the\n  // consumer, and the warning isn't suppressed. Keyed off the gating conditions\n  // so it fires when those change rather than on every render.\n  useEffect(() => {\n    if (\n      seriesLimit !== undefined &&\n      seriesLimit >= 1 &&\n      series.length > seriesLimit &&\n      !isSeriesLimitOverridden &&\n      !hideSeriesLimitWarning &&\n      componentName != null\n    ) {\n      console.warn(\n        `${componentName}: Maximum number of series (${seriesLimit}) exceeded. Only the first ${seriesLimit} series will be displayed.`\n      );\n    }\n  }, [\n    series.length,\n    seriesLimit,\n    isSeriesLimitOverridden,\n    hideSeriesLimitWarning,\n    componentName,\n  ]);\n\n  const colors = useMemo<Array<TypeChartStyleColor>>(() => {\n    const out: TypeChartStyleColor[] = [];\n    const paletteLen = palette.length;\n    for (let i = 0; i < cappedSeries.length; i++) {\n      const s = cappedSeries[i]!;\n      out.push(s.color ?? palette[i % paletteLen] ?? \"\");\n    }\n    return out;\n  }, [cappedSeries, palette]);\n\n  const patterns = useMemo<Array<TypeChartStylePattern>>(() => {\n    if (!includePatterns) return [];\n    const out: TypeChartStylePattern[] = [];\n    for (let i = 0; i < cappedSeries.length; i++) {\n      const s = cappedSeries[i]!;\n      out.push(s.pattern ?? \"solid\");\n    }\n    return out;\n  }, [cappedSeries, includePatterns]);\n\n  return { theme, colors, patterns, series: cappedSeries };\n}\n\nexport interface ChartRendererSeries {\n  name: string;\n  color?: string;\n  /** Seeds icon or partner-logo name rendered before the series name in the legend label. */\n  icon?: TypeIconName;\n}\n\nexport interface ChartTooltipDataRow {\n  color: TypeChartStyleColor;\n  name: string;\n  value: number | null;\n  /** Slice percentage — populated by pie/donut tooltips; `undefined` for bar/line-area rows. */\n  percent?: number;\n}\n\n/** Tooltip render-prop signature for v2 charts. */\nexport interface ChartTooltipProps {\n  data: ChartTooltipDataRow[];\n  /** Resolved x-axis position. Category name for category axes, numeric for time/linear. */\n  position: number | string;\n  /** Suppress the default tooltip's title row. Set for pie/donut, which have no x-axis position — the title would just duplicate the single slice's name. */\n  hideTitle?: boolean;\n  /** Resolved chart timezone — pass to date formatters when `position` is a numeric timestamp. Undefined on category axes. */\n  timezone?: string;\n  /** Declarative annotation anchored at this position, if any. Rendered in the tooltip header. */\n  annotation?: {\n    icon?: TypeIconName;\n    color?: string;\n    title?: string;\n    description?: string;\n  };\n  /** True when the chart has an `onClick` handler — used by the default tooltip to render the click-label footer. */\n  hasOnClick?: boolean;\n  /** Footer content shown in the default tooltip when the chart is clickable. */\n  tooltipClickLabel?: ReactNode;\n  /** Content shown in place of a row's value when the value is null. Defaults to an em-dash. */\n  invalidNumberLabel?: ReactNode;\n  /** Declarative value format for the tooltip value cell. Omit for raw rendering. Applied at full precision (abbreviation off). */\n  valueFormat?: ValueFormat;\n}\n\nexport interface ChartRendererProps {\n  options: SeedsChartOptions;\n  series: Array<ChartRendererSeries>;\n  /** Theme-aware palette resolved by `useSeedsChartSetup`. Used as the swatch color for any series that doesn't carry an explicit `color`. */\n  colors: ReadonlyArray<TypeChartStyleColor>;\n  /** Override for the default tooltip content. Portal is always rendered — `GlobalChartStyleOverrides` makes Highcharts' native tooltip box transparent. */\n  tooltip?: (args: ChartTooltipProps) => ReactNode;\n  /**\n   * Resolved annotations keyed by numeric x. Drives both the in-chart marker\n   * portal and the tooltip-header `annotation` injection. The family component\n   * builds this map (resolving category-string positions to indices); the\n   * renderer is axis-type agnostic.\n   */\n  annotationLookup?: ChartAnnotationLookup;\n  /** Forwarded into the default tooltip so it can render the click-label footer. */\n  hasOnClick?: boolean;\n  /** Forwarded into the default tooltip for click-label footer rendering. */\n  tooltipClickLabel?: ReactNode;\n  /** Resolved chart timezone, forwarded to the tooltip so its date title matches the axis ticks. Undefined on category axes. */\n  timezone?: string;\n  /** Forwarded into the default tooltip as the null-value override. */\n  invalidNumberLabel?: ReactNode;\n  /** Forwarded into the default tooltip to format the value cell declaratively. */\n  valueFormat?: ValueFormat;\n  /**\n   * Suppress the Seeds series legend beneath the chart. Default `false` (the\n   * legend renders). Decorative charts (e.g. sparklines) pass `true` to hide it.\n   */\n  hideLegend?: boolean;\n  /**\n   * Fired once per chart instance with an opaque {@link ChartExportHandle} for\n   * triggering PNG/SVG/PDF/CSV downloads. Re-fires only on a genuine remount,\n   * never on data or prop updates.\n   */\n  onReady?: (handle: ChartExportHandle) => void;\n}\n\n/**\n * Runtime shape of one Highcharts annotation label — only the fields the\n * marker portal reads. Re-exported so the portal stays inside the engine\n * boundary (no direct \"highcharts\" import).\n */\nexport interface ChartAnnotationRuntimeLabel {\n  graphic?: { div?: HTMLDivElement };\n  options?: { point?: { x?: number } };\n}\n\n/** Runtime shape of one Highcharts annotation block (a group of labels). */\nexport interface ChartAnnotationRuntime {\n  labels?: ChartAnnotationRuntimeLabel[];\n}\n\n/** Highcharts doesn't include the `annotations` array on its `Chart` type. */\ninterface ChartWithAnnotations extends Highcharts.Chart {\n  annotations?: ChartAnnotationRuntime[];\n}\n\n/**\n * Theme→options map for the `styledMode: false` export clone, which can't see\n * the scoped CSS v2 charts normally style with. Mirrors `styles/chartStyles`.\n */\nfunction buildExportChartOptions(\n  theme: TypeTheme,\n  colors: ReadonlyArray<TypeChartStyleColor>\n): Highcharts.Options {\n  // Line, gridline, and label styling are identical for both axes.\n  const axisOptions = {\n    lineColor: theme.colors.container.border.base,\n    gridLineColor: theme.colors.container.border.base,\n    labels: {\n      style: {\n        color: theme.colors.text.subtext,\n        fontFamily: theme.fontFamily,\n        fontSize: theme.typography[100].fontSize,\n        fontWeight: String(theme.fontWeights.normal),\n      },\n    },\n  };\n  return {\n    chart: {\n      styledMode: false,\n      backgroundColor: theme.colors.container.background.base,\n    },\n    // Series without an explicit `color` fall through to this palette by index.\n    colors: [...colors],\n    // The on-screen legend is a React sibling (`SeriesLegend`) outside the chart\n    // SVG, so the export can't capture it. Turn on Highcharts' native legend for\n    // the clone instead, themed to approximate the Seeds `ChartLegend` (centered\n    // row of swatch + `text.subtext` label). It can't reproduce per-series Seeds\n    // icons — those series show colour + name only.\n    legend: {\n      enabled: true,\n      symbolRadius: 4,\n      symbolHeight: 12,\n      symbolWidth: 12,\n      itemStyle: {\n        color: theme.colors.text.subtext,\n        fontFamily: theme.fontFamily,\n        fontSize: theme.typography[200].fontSize,\n        fontWeight: String(theme.fontWeights.normal),\n      },\n    },\n    xAxis: {\n      ...axisOptions,\n      crosshair: {\n        color: theme.colors.container.border.decorative.neutral,\n        width: 1,\n      },\n    },\n    // No zero-line: the `y-axis-zero-line` rule in chartStyles is a v1 leftover;\n    // the v2 bar adapter never creates that plotLine.\n    yAxis: axisOptions,\n  } as Highcharts.Options;\n}\n\n/**\n * Build the opaque export handle for a chart instance. Lives here — not in\n * `chartExport.ts` — because it closes over the live `Highcharts.Chart`, which\n * never leaves the engine boundary. The returned {@link ChartExportHandle} is\n * Highcharts-free.\n *\n * PDF lazy-loads jspdf + svg2pdf.js (a deferred chunk) on first use.\n */\nfunction createChartExportHandle(\n  chart: Highcharts.Chart,\n  getExportChartOptions: () => Highcharts.Options\n): ChartExportHandle {\n  const resolveName = (filename?: string) =>\n    filename ?? defaultFilename(chart.options.chart?.type, new Date());\n\n  const exportImage = async (\n    type: Highcharts.ExportingMimeTypeValue,\n    filename?: string\n  ): Promise<void> => {\n    // Read options at call time, not when the handle was built: a light/dark\n    // toggle updates the chart in place without re-firing `onReady`, so the\n    // export must reflect the current theme. 2nd arg is deep-merged, so\n    // `labels.style` here merges with the live axis `formatter`, not clobbers it.\n    chart.exportChartLocal(\n      { type, filename: resolveName(filename) },\n      getExportChartOptions()\n    );\n  };\n\n  return {\n    exportPNG: ({ filename } = {}) => exportImage(\"image/png\", filename),\n    exportSVG: ({ filename } = {}) => exportImage(\"image/svg+xml\", filename),\n    exportPDF: async ({ filename } = {}): Promise<void> => {\n      // Lazy-load jspdf + svg2pdf.js (deferred chunk) and expose `window.jspdf`\n      // before exporting, so Highcharts' offline-exporting renders the PDF\n      // locally rather than fetching the libs from its CDN.\n      const { loadPdfExportLibs } = await import(\"./pdfExportLibs\");\n      loadPdfExportLibs();\n      await exportImage(\"application/pdf\", filename);\n    },\n    exportCSV: async ({ filename } = {}): Promise<void> => {\n      // `downloadCSV()` reads the filename from `chart.options.exporting.filename`\n      // via `getFilename()`. Set it transiently (direct mutation — no `update()`,\n      // so no redraw) so the per-call override and generated default both apply,\n      // then restore the previous value.\n      const exporting = (chart.options.exporting ??= {});\n      const previous = exporting.filename;\n      exporting.filename = resolveName(filename);\n      try {\n        chart.downloadCSV();\n      } finally {\n        exporting.filename = previous;\n      }\n    },\n  };\n}\n\nexport function ChartRenderer({\n  options,\n  series,\n  colors,\n  tooltip,\n  annotationLookup,\n  hasOnClick,\n  tooltipClickLabel,\n  timezone,\n  invalidNumberLabel,\n  valueFormat,\n  hideLegend = false,\n  onReady,\n}: ChartRendererProps) {\n  const [chart, setChart] = useState<Highcharts.Chart | null>(null);\n  const [plotHeight, setPlotHeight] = useState(0);\n  // Wrap the default tooltip so unstacked families (line/spline, unstacked\n  // area, grouped bar) suppress the summed Total, which is meaningless there.\n  // When a consumer supplies `tooltip`, DefaultChartTooltip is bypassed and\n  // never sees `hideTotal` — the escape hatch and public props stay untouched.\n  const chartIsStacked = isChartStacked(options);\n  const renderTooltip =\n    tooltip ??\n    ((args) => DefaultChartTooltip({ ...args, hideTotal: !chartIsStacked }));\n  const theme = useTheme() as TypeTheme;\n\n  // Hold the live theme + palette in a ref so the export handle reads the\n  // *current* theme at call time (see `createChartExportHandle`). A dark-mode\n  // toggle updates this each render without re-firing `onReady`.\n  const exportThemeRef = useRef({ theme, colors });\n  exportThemeRef.current = { theme, colors };\n\n  // Capture only the live chart. Highcharts reuses a chart's `callback` when it\n  // builds the throwaway clone for export (`new chart.constructor(options,\n  // chart.callback)` in exporting/offline-exporting, with `chart.forExport:\n  // true`). That clone is destroyed the instant its SVG is captured, so binding\n  // React state to it would leave a destroyed chart whose next `update()` reads\n  // `options.responsive` on `undefined` and throws.\n  const captureChart = useCallback((chartInstance: Highcharts.Chart) => {\n    const forExport = (\n      chartInstance.options.chart as { forExport?: boolean } | undefined\n    )?.forExport;\n    if (!forExport) {\n      setChart(chartInstance);\n      // Seed plotHeight in the same commit as the chart so markers render with\n      // it, not a frame later (the pop-in). The redraw handler keeps it current.\n      setPlotHeight(chartInstance.plotHeight);\n    }\n  }, []);\n\n  // Hold `onReady` in a ref so an inline callback (new identity each render)\n  // doesn't re-fire the effect below — it should fire on instance change only.\n  const onReadyRef = useRef(onReady);\n  onReadyRef.current = onReady;\n\n  // Fire `onReady` once per chart instance. The chart callback runs only on\n  // instance creation — data/prop changes call `chart.update()` on the same\n  // instance and don't re-run it — so keying on `[chart]` gives once-per-instance\n  // semantics: re-fires on a genuine remount, never on a data update.\n  useEffect(() => {\n    if (!chart) return;\n    onReadyRef.current?.(\n      createChartExportHandle(chart, () =>\n        buildExportChartOptions(\n          exportThemeRef.current.theme,\n          exportThemeRef.current.colors\n        )\n      )\n    );\n  }, [chart]);\n\n  // Track the chart's actual plot-area height so the annotation marker line\n  // spans it. Re-reads on Highcharts' `redraw` event (covers window resizes,\n  // data updates, anything that re-lays-out the plot area).\n  useEffect(() => {\n    if (!chart) return;\n    setPlotHeight(chart.plotHeight);\n    const unbind = Highcharts.addEvent(chart, \"redraw\", () => {\n      setPlotHeight(chart.plotHeight);\n    });\n    return () => unbind();\n  }, [chart]);\n\n  // Stable ref across internal re-renders (setChart/setPlotHeight): HighchartsReact\n  // keys its update effect on the options ref and redraws on change, so a fresh\n  // object each render would redraw — and re-flicker the annotations — every time.\n  const highchartsOptions = useMemo(\n    () =>\n      ({\n        ...options,\n        // useHTML is load-bearing: the tooltip portal's target div only mounts\n        // when the label renders as HTML, not SVG (see `charts/README.md`).\n        tooltip: { ...options.tooltip, useHTML: true },\n        // Client-side/offline export only; native context button hidden (export\n        // is exposed via the `onReady` handle).\n        exporting: {\n          fallbackToExportServer: false,\n          buttons: { contextButton: { enabled: false } },\n        },\n      } as Highcharts.Options),\n    [options]\n  );\n\n  // Safety net: no series → render nothing. Families are expected to early-return\n  // before calling hooks to avoid wasted work, but this guards future families\n  // that forget. See `charts/README.md` (\"Empty-data handling\").\n  if (series.length === 0) return null;\n\n  const chartWithAnnotations = chart as ChartWithAnnotations | null;\n  const hasRenderedAnnotations =\n    !!chartWithAnnotations?.annotations?.length &&\n    !!annotationLookup?.size &&\n    plotHeight > 0;\n\n  return (\n    <>\n      <GlobalChartStyleOverrides />\n      <HighchartsReact\n        highcharts={Highcharts}\n        // Structural cast at the engine seam — the only place we touch Highcharts' option types.\n        options={highchartsOptions}\n        callback={captureChart}\n      />\n      {hasRenderedAnnotations ? (\n        <ChartAnnotationMarkerPortal\n          annotationLookup={annotationLookup}\n          annotationContext={chartWithAnnotations!.annotations![0]!}\n          chartContainer={chartWithAnnotations!.container}\n          plotHeight={plotHeight}\n        />\n      ) : null}\n      {chart ? (\n        <ChartTooltipPortal\n          chart={chart}\n          renderContent={(context) => {\n            // Pie context has a single `point`; time-series has a `points` array.\n            // Discriminate on the absence of `points` — pie never has it.\n            const ctx = context as {\n              point: {\n                name: string;\n                y: number | null;\n                color: string;\n                percentage: number;\n              };\n              points?: unknown[];\n              key?: string;\n            };\n            const isPie = !ctx.points;\n            const data: ChartTooltipDataRow[] = isPie\n              ? [\n                  {\n                    color: ctx.point.color,\n                    name: ctx.point.name,\n                    value: ctx.point.y,\n                    percent: ctx.point.percentage,\n                  },\n                ]\n              : // Drop v1's `readonly` array wrapper and `icon` field at the seam —\n                // the v2 surface is mutable and doesn't expose row-level icons.\n                transformTimeSeriesTooltipData({\n                  context,\n                  data: series.map((s, i) => ({\n                    name: s.name,\n                    points: [],\n                    styles: { color: s.color ?? colors[i] ?? \"\" },\n                  })),\n                }).map((row) => ({\n                  color: row.color,\n                  name: row.name,\n                  value: row.value,\n                }));\n            // For pie, `context.x` is the numeric slice index — use `context.key`\n            // (the slice name) as the tooltip title instead.\n            // For time-series, `context.x` is the timestamp/category value.\n            // The annotation lookup always uses `context.point.x` (numeric).\n            const position = isPie\n              ? ctx.key ?? ctx.point.name\n              : (context.x as number | string);\n            const resolved = annotationLookup?.get(context.point.x as number);\n            const annotation = resolved\n              ? {\n                  icon: resolved.icon,\n                  color: resolved.color,\n                  title: resolved.title,\n                  description: resolved.description,\n                }\n              : undefined;\n            return renderTooltip({\n              data,\n              position,\n              // Pie has no x-axis position; its title would just repeat the slice name.\n              hideTitle: isPie,\n              annotation,\n              hasOnClick,\n              tooltipClickLabel,\n              timezone,\n              invalidNumberLabel,\n              valueFormat,\n            });\n          }}\n        />\n      ) : null}\n      {hideLegend ? null : (\n        <Box mt={350}>\n          <SeriesLegend\n            items={series.map((s, i) => ({\n              name: s.name,\n              icon: s.icon,\n              color: s.color ?? colors[i] ?? \"\",\n            }))}\n          />\n        </Box>\n      )}\n    </>\n  );\n}\n","// Portals DS-owned marker content into Highcharts annotation containers. The\n// marker shape (icon + vertical line in the configured color) is rendered\n// internally — consumers don't supply React nodes. See CE-7.\n\nimport { memo, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport type { ChartAnnotationLookup, ChartAnnotation } from \"./annotations\";\nimport type {\n  ChartAnnotationRuntime,\n  ChartAnnotationRuntimeLabel,\n} from \"./chartBase\";\n\nfunction ChartAnnotationMarker({\n  annotation,\n  lineHeight,\n}: {\n  annotation: ChartAnnotation;\n  /** Vertical pixel length of the marker line. Driven by `chart.plotHeight`\n   *  so the line spans the chart's full plot area regardless of chart size. */\n  lineHeight: number;\n}) {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" gap={200}>\n      {annotation.icon ? (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          width=\"20px\"\n          height=\"20px\"\n          bg=\"icon.base\"\n          borderRadius=\"50%\"\n        >\n          <Icon name={annotation.icon} size=\"mini\" color=\"icon.inverse\" />\n        </Box>\n      ) : null}\n      <Box\n        height={`${lineHeight}px`}\n        width=\"0.5px\"\n        bg={annotation.color ?? \"neutral.200\"}\n      />\n    </Box>\n  );\n}\n\n// v2-specific marker attribute. Distinct from v1's `data-annotation-marker`\n// so v1 and v2 portals don't sweep each other's containers when both render\n// side-by-side (e.g. in the v1↔v2 comparison story).\nconst MARKER_ATTR = \"data-v2-chart-annotation-marker\";\n\nexport const ChartAnnotationMarkerPortal = memo(\n  function ChartAnnotationMarkerPortal({\n    annotationLookup,\n    annotationContext,\n    chartContainer,\n    plotHeight,\n  }: {\n    annotationLookup: ChartAnnotationLookup;\n    annotationContext: ChartAnnotationRuntime;\n    /** The chart's own DOM root — every query is scoped here to keep\n     *  multi-chart renders from interfering. */\n    chartContainer: HTMLElement;\n    /** Highcharts' current plot-area height in pixels. Drives the marker\n     *  line length so it spans the chart's plot area at any chart size. */\n    plotHeight: number;\n  }) {\n    const annotationContainers = useRef<Record<number, HTMLDivElement>>({});\n    const [, setRenderCount] = useState(0);\n    const forceRender = () => setRenderCount((prev) => prev + 1);\n\n    useEffect(() => {\n      if (!annotationContext.labels) return;\n\n      const newContainers: Record<number, HTMLDivElement> = {};\n      const existingAnnotationContainers = chartContainer.querySelectorAll(\n        `div[${MARKER_ATTR}='true']`\n      );\n\n      // 1. Mark this chart's existing markers as stale before updating.\n      //    Highcharts doesn't clean these up, so we sweep them below.\n      existingAnnotationContainers.forEach((annotation) =>\n        annotation.setAttribute(MARKER_ATTR, \"false\")\n      );\n\n      annotationContext.labels.forEach((label: ChartAnnotationRuntimeLabel) => {\n        const labelElement = label.graphic?.div;\n        if (!labelElement) return;\n\n        // 2. Reuse this label's existing marker div when present — Highcharts\n        //    repositions (rather than recreates) annotation graphics across\n        //    redraws, so reusing keeps the React portal mounted and avoids the\n        //    teardown→recreate flash. Only create one when absent.\n        let annotationDiv = labelElement.querySelector<HTMLDivElement>(\n          `div[${MARKER_ATTR}]`\n        );\n        if (!annotationDiv) {\n          annotationDiv = document.createElement(\"div\");\n          labelElement.appendChild(annotationDiv);\n        }\n        annotationDiv.setAttribute(MARKER_ATTR, \"true\");\n\n        const xValue = label.options?.point?.x as number;\n        newContainers[xValue] = annotationDiv;\n      });\n\n      annotationContainers.current = newContainers;\n      forceRender();\n\n      // 4. Within this chart's container, remove `.highcharts-annotation`\n      //    parents that no longer have any live v2 marker child.\n      requestAnimationFrame(() => {\n        chartContainer\n          .querySelectorAll(\"div.highcharts-annotation\")\n          .forEach((annotationDiv) => {\n            const reactAnnotations = annotationDiv.querySelectorAll(\n              `div[${MARKER_ATTR}]`\n            );\n            const hasActiveAnnotations = Array.from(reactAnnotations).some(\n              (div) => div.getAttribute(MARKER_ATTR) === \"true\"\n            );\n            if (!hasActiveAnnotations) annotationDiv.remove();\n          });\n      });\n    }, [annotationContext.labels, annotationLookup, chartContainer]);\n\n    return (\n      <>\n        {Object.entries(annotationContainers.current).map(\n          ([xValue, container]) => {\n            const annotation = annotationLookup.get(Number(xValue));\n            return annotation\n              ? createPortal(\n                  <ChartAnnotationMarker\n                    annotation={annotation}\n                    lineHeight={plotHeight}\n                  />,\n                  container\n                )\n              : null;\n          }\n        )}\n      </>\n    );\n  }\n);\n","// Minimal: no locale / currency / duration formatting. Consumers needing those pass their own `tooltip` render prop.\n\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { Icon, type TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\nimport { ChartLegendLabel } from \"../../components/ChartLegend/components/ChartLegendLabel\";\nimport {\n  ChartTooltip,\n  ChartTooltipFooter,\n  ChartTooltipHeader,\n  ChartTooltipTable,\n  ChartTooltipTitle,\n  type TypeChartTooltipTableProps,\n} from \"../../components/ChartTooltip\";\nimport type { ChartTooltipProps } from \"./chartBase\";\nimport { valueFormatter } from \"./formatters/valueFormatter\";\n\nfunction formatTitle(position: number | string, timezone?: string): string {\n  if (typeof position === \"string\") return position;\n  // `timeZone` aligns the title with the chart's configured timezone (which\n  // governs the axis ticks). Omitting it would format in the browser's local\n  // zone and disagree with the ticks by up to a day.\n  return new Date(position).toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n    weekday: \"long\",\n    timeZone: timezone,\n  });\n}\n\n// Inlined (not v1's `ChartXAnnotationDetails`) because that component requires\n// both iconName and text together — v2's `ChartAnnotation` documents icon,\n// title, and description as independently optional, so the renderer has to\n// match that contract instead of dropping fields silently.\nfunction AnnotationHeader({\n  icon,\n  title,\n  description,\n}: {\n  icon?: TypeIconName;\n  title?: string;\n  description?: string;\n}) {\n  const hasIconOrTitle = Boolean(icon || title);\n  if (!hasIconOrTitle && !description) return null;\n  return (\n    <>\n      {hasIconOrTitle ? (\n        <ChartTooltipHeader>\n          <Box display=\"flex\" alignItems=\"center\" gap={300}>\n            {icon ? <Icon name={icon} size=\"mini\" color=\"icon.base\" /> : null}\n            {title ? (\n              <Text color=\"text.body\" fontSize={200}>\n                {title}\n              </Text>\n            ) : null}\n          </Box>\n        </ChartTooltipHeader>\n      ) : null}\n      {description ? (\n        <ChartTooltipHeader>\n          <Text fontSize={200} color=\"text.subtext\">\n            {description}\n          </Text>\n        </ChartTooltipHeader>\n      ) : null}\n    </>\n  );\n}\n\n// Local to the default tooltip: `hideTotal` opts out of the multi-series Total\n// row. Kept off the shared `ChartTooltipProps` render-prop contract (and off\n// `BarChart`'s public props) intentionally — the chart sets it internally; any\n// consumer-facing tooltip config is deferred to CE-35.\ntype DefaultChartTooltipProps = ChartTooltipProps & { hideTotal?: boolean };\n\nexport function DefaultChartTooltip({\n  data,\n  position,\n  annotation,\n  hasOnClick,\n  tooltipClickLabel,\n  timezone,\n  invalidNumberLabel,\n  valueFormat,\n  hideTitle,\n  hideTotal = false,\n}: DefaultChartTooltipProps) {\n  const rows = data.map((d) => {\n    const formattedValue =\n      d.value == null\n        ? invalidNumberLabel ?? \"—\"\n        : valueFormat\n        ? valueFormatter({ ...valueFormat, value: d.value, abbreviate: false })\n        : d.value;\n\n    const nameCell = {\n      content: (\n        <ChartLegendLabel color={d.color}>\n          <Text aria-label={`${d.name}: `}>{d.name}</Text>\n        </ChartLegendLabel>\n      ),\n    };\n\n    // When a row carries `percent` (pie/donut), show percent + value grouped\n    // and flush right, matching v1's DonutChartTooltip: `inline-flex` shrinks\n    // the pair to its content so the cell's `align: right` right-aligns the\n    // whole group (a block `flex` stretched to fill the cell, leaving a gap\n    // between percent and value — svbarker review, PR #2267). Guard NaN:\n    // Highcharts emits NaN% when every slice value is null (total = 0).\n    return {\n      cells: [\n        nameCell,\n        {\n          content:\n            d.percent != null && !isNaN(d.percent) ? (\n              <Box display=\"inline-flex\" alignItems=\"center\" gap={350}>\n                <Text>{Math.round(d.percent)}%</Text>\n                <Text fontWeight=\"semibold\">{formattedValue}</Text>\n              </Box>\n            ) : (\n              <Text>{formattedValue}</Text>\n            ),\n          align: \"right\" as const,\n        },\n      ],\n    };\n  });\n\n  // Multi-series parity with v1/Trellis: append a Total row summing the\n  // contributing (non-null) values. Track contribution count separately from\n  // the sum — `[5, -5]` legitimately totals 0 and must render \"0\", whereas an\n  // all-null set must render the null placeholder, not a misleading 0.\n  const contributing = data.filter((d) => d.value != null);\n  const total =\n    contributing.length > 0\n      ? contributing.reduce((sum, d) => sum + (d.value as number), 0)\n      : null;\n\n  const totalRow =\n    data.length > 1 && !hideTotal\n      ? [\n          {\n            isAppendedRow: true,\n            cells: [\n              {\n                content: (\n                  <Text fontWeight=\"semibold\" aria-label=\"Total: \">\n                    Total\n                  </Text>\n                ),\n              },\n              {\n                // Mirror the per-series value cell's formatting path exactly.\n                content: (\n                  <Text fontWeight=\"bold\">\n                    {total == null\n                      ? invalidNumberLabel ?? \"—\"\n                      : valueFormat\n                      ? valueFormatter({\n                          ...valueFormat,\n                          value: total,\n                          abbreviate: false,\n                        })\n                      : total}\n                  </Text>\n                ),\n                align: \"right\" as const,\n              },\n            ],\n          },\n        ]\n      : [];\n\n  return (\n    <ChartTooltip>\n      {annotation ? (\n        <AnnotationHeader\n          icon={annotation.icon}\n          title={annotation.title}\n          description={annotation.description}\n        />\n      ) : null}\n      {hideTitle ? null : (\n        <ChartTooltipTitle>{formatTitle(position, timezone)}</ChartTooltipTitle>\n      )}\n      <ChartTooltipTable\n        rows={[...rows, ...totalRow] as TypeChartTooltipTableProps[\"rows\"]}\n      />\n      {hasOnClick && tooltipClickLabel ? (\n        <ChartTooltipFooter>\n          {typeof tooltipClickLabel === \"string\" ? (\n            <Box display=\"flex\" alignItems=\"center\" gap={300}>\n              <Icon name=\"hand-pointer-clicking-outline\" color=\"icon.base\" />\n              <Text color=\"text.subtext\" fontSize={200}>\n                {tooltipClickLabel}\n              </Text>\n            </Box>\n          ) : (\n            tooltipClickLabel\n          )}\n        </ChartTooltipFooter>\n      ) : null}\n    </ChartTooltip>\n  );\n}\n","import { formatDuration } from \"@sproutsocial/seeds-react-duration\";\nimport { formatNumeral } from \"@sproutsocial/seeds-react-numeral\";\n\nimport type { TypeChartNumberFormat } from \"../../../types\";\n\nexport type TypeValuePercentInput = \"decimal\" | \"whole\";\n\nexport type TypeValueFormatterOptions = Readonly<{\n  /** The raw numeric value. For duration, milliseconds. */\n  value: number;\n  /** default \"decimal\" */\n  numberFormat?: TypeChartNumberFormat;\n  /** Only used when numberFormat === \"currency\". default \"USD\" */\n  currency?: string;\n  /** true → 10k threshold; number → max(1000, abs(n)); false → never. default true */\n  abbreviate?: boolean | number;\n  /** \"decimal\" scales 0.42 → \"42%\"; \"whole\" treats 42 → \"42%\". default \"decimal\" */\n  percentInput?: TypeValuePercentInput;\n  /** locale for decimal/currency/percent (formatNumeral) */\n  numberLocale?: Intl.LocalesArgument;\n  /** locale for duration (formatDuration) */\n  textLocale?: Intl.LocalesArgument;\n}>;\n\n/**\n * Pure value formatter for v2 charts. Turns a numeric value plus declarative\n * config into a display string. Composes `formatNumeral` (decimal/currency/\n * percent) and `formatDuration` (duration). Contains no chart-engine types or\n * imports — it upholds the \"engine boundary is one file\" invariant documented\n * in `src/charts/README.md`.\n *\n * The axis-wide \"smart 1k/10k\" abbreviation scan that v1's `yAxisLabelFormatter`\n * derives from `tickPositions` is not available to a pure per-value function;\n * callers pass the lowered threshold via `abbreviate` (a number) instead.\n */\nexport function valueFormatter({\n  value,\n  numberFormat = \"decimal\",\n  currency = \"USD\",\n  abbreviate = true,\n  percentInput = \"decimal\",\n  numberLocale,\n  textLocale,\n}: TypeValueFormatterOptions): string {\n  const numberValue = Number(value);\n\n  // v1 parity: render 0 as a bare \"0\" for every format (clean axis origin) —\n  // not \"$0.00\" / \"0%\" / a duration-zero. Matches v1's yAxisLabelFormatter,\n  // which checks zero first, before any format branch. Revisit if design\n  // wants per-format zero rendering later.\n  if (numberValue === 0) {\n    return formatNumeral({ locale: numberLocale as string, number: 0 });\n  }\n\n  if (numberFormat === \"duration\") {\n    return formatDuration({\n      display: \"narrow\",\n      locale: textLocale,\n      milliseconds: numberValue,\n    });\n  }\n\n  if (numberFormat === \"percent\") {\n    const whole = percentInput === \"decimal\" ? numberValue * 100 : numberValue;\n    return formatNumeral({\n      format: \"percent\",\n      locale: numberLocale as string,\n      number: whole,\n    });\n  }\n\n  // decimal | currency\n  return formatNumeral({\n    abbreviate,\n    currency,\n    format: numberFormat,\n    locale: numberLocale as string,\n    number: numberValue,\n  });\n}\n\n/**\n * Declarative value-format config for axis ticks and the default tooltip — the\n * full {@link TypeValueFormatterOptions} surface minus `value`, which is\n * supplied per-tick / per-row by the caller (the adapter and tooltip).\n */\nexport type ValueFormat = Omit<TypeValueFormatterOptions, \"value\">;\n","import { memo } from \"react\";\nimport { Icon, type TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport { ChartLegend } from \"../../components/ChartLegend\";\nimport { ChartLegendLabelContentWithIcon } from \"../../components/ChartLegend/components/ChartLegendLabelContentWithIcon\";\n\nexport interface SeriesLegendItem {\n  name: string;\n  /** Resolved swatch color — caller is responsible for resolving against the active theme. */\n  color: string;\n  /** Seeds icon or partner-logo name rendered before the series name. */\n  icon?: TypeIconName;\n}\n\nexport interface SeriesLegendProps {\n  items: ReadonlyArray<SeriesLegendItem>;\n}\n\n// Internal to `ChartRenderer` — not intended for standalone use. Swatch\n// colors must be resolved by the caller (the chart base does this via\n// `useSeedsChartSetup`) so we keep a single source of truth for the\n// theme-aware palette. If this ever becomes a publicly-exposed primitive,\n// add a `useTheme()` fallback here and relax `item.color` to optional.\nexport const SeriesLegend = memo<SeriesLegendProps>(function SeriesLegend({\n  items,\n}) {\n  const labels = items.map((item) => ({\n    content: (\n      <ChartLegendLabelContentWithIcon\n        icon={\n          item.icon ? (\n            <Icon name={item.icon} fixedWidth aria-hidden />\n          ) : undefined\n        }\n      >\n        {item.name}\n      </ChartLegendLabelContentWithIcon>\n    ),\n    color: item.color,\n  }));\n  return <ChartLegend legendLabels={labels} />;\n});\n","// Public, Highcharts-free surface for the v2 chart export API. This module\n// imports nothing — it is a leaf so it can never form an import cycle with\n// `chartBase`. The `createChartExportHandle` factory that closes over the live\n// `Highcharts.Chart` lives in `chartBase.tsx` (the one file allowed to import\n// \"highcharts\"); the instance never crosses this boundary.\n//\n/**\n * Opaque export API handed to consumers via `ChartRenderer`'s `onReady`. Each\n * callable closes over the chart instance and triggers a client-side download;\n * an optional `filename` overrides the generated default. No Highcharts type,\n * ref, or method shape crosses this boundary.\n */\nexport interface ChartExportHandle {\n  exportPNG: (opts?: { filename?: string }) => Promise<void>;\n  exportSVG: (opts?: { filename?: string }) => Promise<void>;\n  exportPDF: (opts?: { filename?: string }) => Promise<void>;\n  exportCSV: (opts?: { filename?: string }) => Promise<void>;\n}\n\n/**\n * Canonical client-side export formats offered by `ChartExportMenu`. Co-located\n * with `ChartExportHandle` so the format vocabulary lives next to the handle it\n * maps onto; this leaf imports nothing, so re-exporting it carries no cycle risk.\n */\nexport type ChartExportFormat = \"png\" | \"svg\" | \"pdf\" | \"csv\";\n\n/**\n * Default download filename when a consumer doesn't pass a `filename` override:\n * `chart-<type>-<YYYY-MM-DD-HH-mm-ss>`, lowercased with non-alphanumerics\n * collapsed to hyphens. The full datetime (not just the date) avoids collisions\n * between charts exported on the same day. `type` comes from the chart's\n * `chart.type`; it falls back to `chart` when absent.\n */\nexport function defaultFilename(type: string | undefined, now: Date): string {\n  const iso = now.toISOString();\n  const stamp = `${iso.slice(0, 10)}-${iso.slice(11, 19).replace(/:/g, \"-\")}`;\n  return slugify(type ? `chart-${type}-${stamp}` : `chart-${stamp}`);\n}\n\nfunction slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n}\n","import type { SeedsChartOptions, SeedsChartType } from \"./chartBase\";\n\ninterface BaseChartOptionsInput {\n  /** Highcharts chart/series type for the family (`column`, `line`, `area`, `pie`, …). */\n  type: SeedsChartType;\n  /** Accessibility description (Highcharts `accessibility.description`). */\n  description: string;\n  /** Appended to each tooltip value (e.g. `\" MT\"`, `\"%\"`). */\n  valueSuffix?: string;\n  /** Reserve top margin for content drawn above the plot area (e.g. annotation markers). */\n  reserveTopMargin?: boolean;\n  /**\n   * Resolved IANA timezone for the chart (`time.timezone`) — governs datetime\n   * ticks and the tooltip date. Pass the value from `resolveTooltipTimezone`;\n   * `undefined` (a category axis) omits `time` entirely.\n   */\n  timezone?: string;\n}\n\n/**\n * The chart options shared by *every* v2 chart family, independent of axis type:\n * styled-mode + animation-off, the accessibility description, Highcharts' native\n * title/credits/legend disabled (Seeds renders its own legend), and the tooltip-\n * portal config. Families spread the result and add their own axes, `plotOptions`,\n * `series`, and `annotations`.\n *\n * This is the family-agnostic base layer — donut (no axes) consumes it just as\n * the X/Y families do. Axis/series/X-Y-specific sharing lives elsewhere\n * (`axisOptions` + the X/Y pattern-sharing spike), layered on top of this.\n */\nexport function buildBaseChartOptions({\n  type,\n  description,\n  valueSuffix,\n  reserveTopMargin = false,\n  timezone,\n}: BaseChartOptionsInput): Pick<\n  SeedsChartOptions,\n  | \"chart\"\n  | \"accessibility\"\n  | \"title\"\n  | \"credits\"\n  | \"legend\"\n  | \"tooltip\"\n  | \"time\"\n> {\n  return {\n    chart: {\n      type,\n      styledMode: true,\n      animation: false,\n      ...(reserveTopMargin ? { marginTop: 24 } : {}),\n    },\n    accessibility: { description },\n    title: { text: \"\" },\n    credits: { enabled: false },\n    legend: { enabled: false },\n    tooltip: {\n      enabled: true,\n      outside: true,\n      padding: 0,\n      shape: \"rect\",\n      shared: true,\n      hideDelay: 0,\n      valueSuffix,\n    },\n    // Chart-global in Highcharts; only meaningful for datetime axes, so it's\n    // present only when a timezone was resolved (omitted for category axes).\n    ...(timezone ? { time: { timezone } } : {}),\n  };\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","Box","ChartAnnotationMarkerPortal","Box","Icon","Fragment","jsx","jsxs","Box","Icon","memo","Icon","jsx","memo","SeriesLegend","Icon","Fragment","jsx","jsxs","useEffect","useState","useRef","Box"]}