@sproutsocial/seeds-react-data-viz 0.26.1 → 0.27.0

package/dist/{chunk-BRIU5SPJ.js.map → chunk-CV45MD47.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-BRIU5SPJ.js","../src/charts/shared/axisOptions.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACqBA,SAAS,8BAAA,CACP,QAAA,EACA,UAAA,EACA;AACA,EAAA,OAAO,QAAA,CAAA,EAAwD;AAC7D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAU,EAAA,EAAI,gDAAA;AAAkB,MAC/C,KAAA,EAAO,IAAA,CAAK,KAAA;AAAA,MACZ,aAAA,mBAAe,IAAA,CAAK,IAAA,CAAK,aAAA,UAAiB,CAAC,GAAA;AAAA,MAC3C,QAAA;AAAA,MACA;AAAA,IACF,CAAC,CAAA;AACD,IAAA,OAAO,UAAA,EACH,CAAA,EAAA;AAEN,EAAA;AACF;AAOgB;AAII,EAAA;AACT,IAAA;AACC,MAAA;AACU,MAAA;AACR,MAAA;AACK,QAAA;AACb,MAAA;AACF,IAAA;AACF,EAAA;AACO,EAAA;AACC,IAAA;AACU,IAAA;AACA,IAAA;AAClB,EAAA;AACF;AAOgB;AAIO,EAAA;AACvB;AAqBgB;AAGC,EAAA;AACH,EAAA;AACH,IAAA;AACK,MAAA;AACE,MAAA;AACA,MAAA;AACd,IAAA;AACF,EAAA;AACO,EAAA;AACK,IAAA;AACQ,IAAA;AACN,IAAA;AACd,EAAA;AACF;ADhEwB;AACA;AACA;AACA;AACA","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-BRIU5SPJ.js","sourcesContent":[null,"// Shared adapter helpers for the X/Y chart families (bar, line-area, …). Each\n// family's adapter still owns its `chart.type`, `plotOptions`, `series`, and\n// value (y) axis; these utilities cover the dimensional-axis + timezone wiring\n// that is identical across families, so it lives in one place.\n//\n// Deliberately granular (one concern per function) rather than a single base-\n// options builder, so a non-X/Y family like donut can reuse the subset that\n// applies to it. The broader shared-shell + value-axis sharing is left to the\n// X/Y pattern-sharing spike — the value axis in particular diverges per family\n// today (e.g. bar's declarative `format` from CE-41), so it stays per-family.\n\nimport type { DimensionalAxis } from \"./axis\";\nimport type {\n  ChartTooltipProps,\n  SeedsAxisLabelFormatterContext,\n  SeedsChartXAxisOptions,\n} from \"./chartBase\";\nimport { datetimeFormatter } from \"./formatters/datetimeFormatter\";\nimport type { DatetimeTimeFormat } from \"./formatters/datetimeFormatter\";\n\n// Datetime tick labels: a granularity-aware, timezone/DST-correct two-line\n// stacked label via the shared `datetimeFormatter`, rendered as SVG. `<br/>` is a\n// line break in Highcharts' SVG text (styledMode, useHTML: false); the secondary\n// token is wrapped in a <span> — rendered as a <tspan> — styled by the\n// `.highcharts-xaxis-labels` rule in `styles/chartStyles.ts`.\nfunction makeDatetimeAxisLabelFormatter(\n  timezone: string,\n  timeFormat: DatetimeTimeFormat | undefined\n) {\n  return function (this: SeedsAxisLabelFormatterContext): string {\n    const { primary, secondary } = datetimeFormatter({\n      value: this.value,\n      tickPositions: this.axis.tickPositions ?? [],\n      timezone,\n      timeFormat,\n    });\n    return secondary\n      ? `${primary}<br/><span class=\"hc-axis-label-secondary\">${secondary}</span>`\n      : primary;\n  };\n}\n\n/**\n * Builds the dimensional (x) axis options shared by the X/Y chart families.\n * Category axes pass their labels through; datetime axes get the granularity-\n * aware two-line label formatter. `timezone` is only consulted for datetime.\n */\nexport function buildDimensionalAxis(\n  axis: DimensionalAxis,\n  timezone: string\n): SeedsChartXAxisOptions {\n  if (axis.type === \"datetime\") {\n    return {\n      type: \"datetime\",\n      crosshair: axis.crosshair,\n      labels: {\n        formatter: makeDatetimeAxisLabelFormatter(timezone, axis.timeFormat),\n      },\n    };\n  }\n  return {\n    type: \"category\",\n    categories: [...axis.categories],\n    crosshair: axis.crosshair,\n  };\n}\n\n/**\n * The timezone shared by datetime-axis ticks (`time.timezone`) and the tooltip\n * date formatter, so they can never disagree about the day. Defaults to `\"UTC\"`\n * on a datetime axis; `undefined` on a category axis (timezone is meaningless).\n */\nexport function resolveTooltipTimezone(\n  axis: DimensionalAxis,\n  timezone?: string\n): string | undefined {\n  return axis.type === \"datetime\" ? timezone ?? \"UTC\" : undefined;\n}\n\n/**\n * The slice of a family's public props the tooltip defaults derive from. Every\n * X/Y family satisfies this structurally, so a family passes its props straight\n * in. Growing the inputs means widening this type, not changing call sites.\n */\nexport type ChartTooltipOptionsInput = Readonly<{\n  xAxis?: DimensionalAxis;\n  timezone?: string;\n}>;\n\n/**\n * The tooltip's datetime-derived options as one object, so the resolver output\n * and the `ChartTooltipProps` payload can't drift. `timezone` gets the `?? \"UTC\"`\n * default via `resolveTooltipTimezone`; `timeFormat` is read straight off a\n * datetime axis; `textLocale` has no input source in this signature today\n * (CE-35) and resolves to `undefined` — wiring it to `valueFormat.textLocale` is\n * out of scope. Both sides are derived types: widen the input, add the field to\n * `ChartTooltipProps` and this `Pick`, and the compiler keeps them aligned.\n */\nexport function resolveTooltipOptions(\n  input: ChartTooltipOptionsInput\n): Pick<ChartTooltipProps, \"timezone\" | \"timeFormat\" | \"textLocale\"> {\n  const { xAxis, timezone } = input;\n  if (!xAxis) {\n    return {\n      timezone: undefined,\n      timeFormat: undefined,\n      textLocale: undefined,\n    };\n  }\n  return {\n    timezone: resolveTooltipTimezone(xAxis, timezone),\n    timeFormat: xAxis.type === \"datetime\" ? xAxis.timeFormat : undefined,\n    textLocale: undefined,\n  };\n}\n"]}
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-CV45MD47.js","../src/charts/shared/axisOptions.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACqBA,SAAS,8BAAA,CACP,QAAA,EACA,UAAA,EACA;AACA,EAAA,OAAO,QAAA,CAAA,EAAwD;AAC7D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAU,EAAA,EAAI,gDAAA;AAAkB,MAC/C,KAAA,EAAO,IAAA,CAAK,KAAA;AAAA,MACZ,aAAA,mBAAe,IAAA,CAAK,IAAA,CAAK,aAAA,UAAiB,CAAC,GAAA;AAAA,MAC3C,QAAA;AAAA,MACA;AAAA,IACF,CAAC,CAAA;AACD,IAAA,OAAO,UAAA,EACH,CAAA,EAAA;AAEN,EAAA;AACF;AAOgB;AAII,EAAA;AACT,IAAA;AACC,MAAA;AACU,MAAA;AACR,MAAA;AACK,QAAA;AACb,MAAA;AACF,IAAA;AACF,EAAA;AACO,EAAA;AACC,IAAA;AACU,IAAA;AACA,IAAA;AAClB,EAAA;AACF;AAOgB;AAIO,EAAA;AACvB;AAqBgB;AAGC,EAAA;AACH,EAAA;AACH,IAAA;AACK,MAAA;AACE,MAAA;AACA,MAAA;AACd,IAAA;AACF,EAAA;AACO,EAAA;AACK,IAAA;AACQ,IAAA;AACN,IAAA;AACd,EAAA;AACF;ADhEwB;AACA;AACA;AACA;AACA","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-CV45MD47.js","sourcesContent":[null,"// Shared adapter helpers for the X/Y chart families (bar, line-area, …). Each\n// family's adapter still owns its `chart.type`, `plotOptions`, `series`, and\n// value (y) axis; these utilities cover the dimensional-axis + timezone wiring\n// that is identical across families, so it lives in one place.\n//\n// Deliberately granular (one concern per function) rather than a single base-\n// options builder, so a non-X/Y family like donut can reuse the subset that\n// applies to it. The broader shared-shell + value-axis sharing is left to the\n// X/Y pattern-sharing spike — the value axis in particular diverges per family\n// today (e.g. bar's declarative `format` from CE-41), so it stays per-family.\n\nimport type { DimensionalAxis } from \"./axis\";\nimport type {\n  ChartTooltipProps,\n  SeedsAxisLabelFormatterContext,\n  SeedsChartXAxisOptions,\n} from \"./chartBase\";\nimport { datetimeFormatter } from \"./formatters/datetimeFormatter\";\nimport type { DatetimeTimeFormat } from \"./formatters/datetimeFormatter\";\n\n// Datetime tick labels: a granularity-aware, timezone/DST-correct two-line\n// stacked label via the shared `datetimeFormatter`, rendered as SVG. `<br/>` is a\n// line break in Highcharts' SVG text (styledMode, useHTML: false); the secondary\n// token is wrapped in a <span> — rendered as a <tspan> — styled by the\n// `.highcharts-xaxis-labels` rule in `styles/chartStyles.ts`.\nfunction makeDatetimeAxisLabelFormatter(\n  timezone: string,\n  timeFormat: DatetimeTimeFormat | undefined\n) {\n  return function (this: SeedsAxisLabelFormatterContext): string {\n    const { primary, secondary } = datetimeFormatter({\n      value: this.value,\n      tickPositions: this.axis.tickPositions ?? [],\n      timezone,\n      timeFormat,\n    });\n    return secondary\n      ? `${primary}<br/><span class=\"hc-axis-label-secondary\">${secondary}</span>`\n      : primary;\n  };\n}\n\n/**\n * Builds the dimensional (x) axis options shared by the X/Y chart families.\n * Category axes pass their labels through; datetime axes get the granularity-\n * aware two-line label formatter. `timezone` is only consulted for datetime.\n */\nexport function buildDimensionalAxis(\n  axis: DimensionalAxis,\n  timezone: string\n): SeedsChartXAxisOptions {\n  if (axis.type === \"datetime\") {\n    return {\n      type: \"datetime\",\n      crosshair: axis.crosshair,\n      labels: {\n        formatter: makeDatetimeAxisLabelFormatter(timezone, axis.timeFormat),\n      },\n    };\n  }\n  return {\n    type: \"category\",\n    categories: [...axis.categories],\n    crosshair: axis.crosshair,\n  };\n}\n\n/**\n * The timezone shared by datetime-axis ticks (`time.timezone`) and the tooltip\n * date formatter, so they can never disagree about the day. Defaults to `\"UTC\"`\n * on a datetime axis; `undefined` on a category axis (timezone is meaningless).\n */\nexport function resolveTooltipTimezone(\n  axis: DimensionalAxis,\n  timezone?: string\n): string | undefined {\n  return axis.type === \"datetime\" ? timezone ?? \"UTC\" : undefined;\n}\n\n/**\n * The slice of a family's public props the tooltip defaults derive from. Every\n * X/Y family satisfies this structurally, so a family passes its props straight\n * in. Growing the inputs means widening this type, not changing call sites.\n */\nexport type ChartTooltipOptionsInput = Readonly<{\n  xAxis?: DimensionalAxis;\n  timezone?: string;\n}>;\n\n/**\n * The tooltip's datetime-derived options as one object, so the resolver output\n * and the `ChartTooltipProps` payload can't drift. `timezone` gets the `?? \"UTC\"`\n * default via `resolveTooltipTimezone`; `timeFormat` is read straight off a\n * datetime axis; `textLocale` has no input source in this signature today\n * (CE-35) and resolves to `undefined` — wiring it to `valueFormat.textLocale` is\n * out of scope. Both sides are derived types: widen the input, add the field to\n * `ChartTooltipProps` and this `Pick`, and the compiler keeps them aligned.\n */\nexport function resolveTooltipOptions(\n  input: ChartTooltipOptionsInput\n): Pick<ChartTooltipProps, \"timezone\" | \"timeFormat\" | \"textLocale\"> {\n  const { xAxis, timezone } = input;\n  if (!xAxis) {\n    return {\n      timezone: undefined,\n      timeFormat: undefined,\n      textLocale: undefined,\n    };\n  }\n  return {\n    timezone: resolveTooltipTimezone(xAxis, timezone),\n    timeFormat: xAxis.type === \"datetime\" ? xAxis.timeFormat : undefined,\n    textLocale: undefined,\n  };\n}\n"]}

package/dist/{chunk-PIZ4MT2B.js → chunk-WMKO3RGT.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkNU2RCATKjs = require('./chunk-NU2RCATK.js');
+var _chunk5TWNMPQUjs = require('./chunk-5TWNMPQU.js');
 
 // src/charts/shared/annotations.ts
 function buildAnnotationConfig(annotations) {
@@ -56,7 +56,7 @@ function makeValueAxisLabelFormatter(format) {
   return function() {
     const numberValue = Number(this.value);
     const abbreviate = format.abbreviate === false ? false : deriveAbbreviateFromTicks(this);
-    return _chunkNU2RCATKjs.valueFormatter.call(void 0, { ...format, value: numberValue, abbreviate });
+    return _chunk5TWNMPQUjs.valueFormatter.call(void 0, { ...format, value: numberValue, abbreviate });
   };
 }
 
@@ -65,4 +65,4 @@ function makeValueAxisLabelFormatter(format) {
 
 
 exports.buildAnnotationConfig = buildAnnotationConfig; exports.defaultValueAxisLabelFormatter = defaultValueAxisLabelFormatter; exports.makeValueAxisLabelFormatter = makeValueAxisLabelFormatter;
-//# sourceMappingURL=chunk-PIZ4MT2B.js.map
+//# sourceMappingURL=chunk-WMKO3RGT.js.map

package/dist/{chunk-PIZ4MT2B.js.map → chunk-WMKO3RGT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-PIZ4MT2B.js","../src/charts/shared/annotations.ts","../src/charts/shared/valueAxisLabelFormatter.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACkCO,SAAS,qBAAA,CACd,WAAA,EAIA;AACA,EAAA,GAAA,CAAI,iBAAC,WAAA,2BAAa,QAAA,EAAQ;AACxB,IAAA,OAAO,EAAE,WAAA,EAAa,KAAA,CAAA,EAAW,MAAA,EAAQ,KAAA,EAAU,CAAA;AAAA,EACrD;AACA,EAAA,MAAM,OAAA,EAGA,CAAC,CAAA;AACP,EAAA,MAAM,OAAA,kBAAgC,IAAI,GAAA,CAAI,CAAA;AAC9C,EAAA,IAAA,CAAA,MAAW,WAAA,GAAc,WAAA,EAAa;AACpC,IAAA,MAAM,EAAE,SAAS,EAAA,EAAI,UAAA;AACrB,IAAA,MAAA,CAAO,IAAA,CAAK;AAAA;AAAA,MAEV,KAAA,EAAO,EAAE,CAAA,EAAG,QAAA,EAAU,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,KAAA,EAAO,EAAE,CAAA;AAAA;AAAA,MAE/C,IAAA,EAAM;AAAA,IACR,CAAC,CAAA;AAID,IAAA,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,UAAU,CAAA;AAAA,EACjC;AACA,EAAA,GAAA,CAAI,MAAA,CAAO,OAAA,IAAW,CAAA,EAAG;AACvB,IAAA,OAAO,EAAE,WAAA,EAAa,KAAA,CAAA,EAAW,MAAA,EAAQ,KAAA,EAAU,CAAA;AAAA,EACrD;AACA,EAAA,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAA,EAAa,CAAC,EAAE,MAAA,EAAQ,YAAA,EAAc,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,EAAE,EAAE,CAAC,CAAA;AAAA,IACrE;AAAA,EACF,CAAA;AACF;AD3CA;AACA;AEjCA,sEAA8B;AAW9B,IAAM,aAAA,EAAe,OAAA;AAWrB,SAAS,yBAAA,CACP,OAAA,EACkB;AAClB,EAAA,MAAM,cAAA,EAAgB,OAAA,CAAQ,IAAA,CAAK,aAAA;AACnC,EAAA,MAAM,SAAA,EACJ,cAAA,GAAiB,aAAA,CAAc,OAAA,EAAS,EAAA,EACpC,aAAA,CAAc,aAAA,CAAc,OAAA,EAAS,CAAC,EAAA,EACtC,KAAA,CAAA;AACN,EAAA,OAAO,OAAO,SAAA,IAAa,SAAA,GAAY,SAAA,EAAW,KAAA,EAAO,IAAA,EAAO,IAAA;AAClE;AAWO,SAAS,8BAAA,CAAA,EAEN;AACR,EAAA,MAAM,YAAA,EAAc,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA;AAErC,EAAA,GAAA,CAAI,YAAA,IAAgB,CAAA,EAAG;AACrB,IAAA,OAAO,8CAAA,EAAgB,MAAA,EAAQ,YAAA,EAAc,MAAA,EAAQ,EAAE,CAAC,CAAA;AAAA,EAC1D;AAEA,EAAA,MAAM,WAAA,EAAa,yBAAA,CAA0B,IAAI,CAAA;AAEjD,EAAA,OAAO,8CAAA;AAAc,IACnB,UAAA;AAAA,IACA,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV,CAAC,CAAA;AACH;AAYO,SAAS,2BAAA,CAA4B,MAAA,EAAqB;AAC/D,EAAA,OAAO,QAAA,CAAA,EAAwD;AAC7D,IAAA,MAAM,YAAA,EAAc,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA;AAMrC,IAAA,MAAM,WAAA,EACJ,MAAA,CAAO,WAAA,IAAe,MAAA,EAAQ,MAAA,EAAQ,yBAAA,CAA0B,IAAI,CAAA;AAEtE,IAAA,OAAO,6CAAA,EAAiB,GAAG,MAAA,EAAQ,KAAA,EAAO,WAAA,EAAa,WAAW,CAAC,CAAA;AAAA,EACrE,CAAA;AACF;AFvBA;AACA;AACE;AACA;AACA;AACF,kMAAC","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-PIZ4MT2B.js","sourcesContent":[null,"// Shared annotation plumbing across v2 chart families. Currently consumed by\n// BarChart; v2 Line/Area will share the same `annotations` shape and reuse\n// `buildAnnotationConfig` directly. Annotation data is purely numeric —\n// the module has no knowledge of `categories`; resolving a numeric position to\n// a display name is the tooltip's job (see chartBase `renderContent`).\n\nimport type { TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport type { SeedsChartAnnotationsOptions } from \"./chartBase\";\n\n/**\n * Annotations keyed by the numeric Highcharts index. Both consumers resolve\n * numerically: the marker portal reads `label.point.x` and the tooltip reads\n * `context.point.x` (numeric on both category and datetime axes).\n */\nexport type ChartAnnotationLookup = Map<number, ChartAnnotation>;\n\n/**\n * Declarative annotation shape — the DS renders the marker and tooltip header\n * internally; consumers don't supply render functions. See CE-7.\n */\nexport interface ChartAnnotation {\n  /** Numeric x-axis coordinate — a category index (category axes) or the raw coordinate (datetime/linear axes). */\n  position: number;\n  /** Icon shown above the chart at `position` and inline with `title` in the tooltip header. */\n  icon?: TypeIconName;\n  /** Color applied to the marker's vertical line. */\n  color?: string;\n  /** Tooltip header line 1. */\n  title?: string;\n  /** Tooltip header line 2. */\n  description?: string;\n}\n\n/**\n * Build the Highcharts `annotations` config and a parallel lookup keyed by the\n * numeric `position`. Both consumers (chart adapter for Highcharts, ChartRenderer\n * for the portal + tooltip) read from the same numeric lookup to stay aligned.\n */\nexport function buildAnnotationConfig(\n  annotations: ChartAnnotation[] | undefined\n): {\n  annotations: SeedsChartAnnotationsOptions[] | undefined;\n  lookup: ChartAnnotationLookup | undefined;\n} {\n  if (!annotations?.length) {\n    return { annotations: undefined, lookup: undefined };\n  }\n  const labels: {\n    point: { x: number; y: number; xAxis: 0; yAxis: 0 };\n    text: string;\n  }[] = [];\n  const lookup: ChartAnnotationLookup = new Map();\n  for (const annotation of annotations) {\n    const { position } = annotation;\n    labels.push({\n      // Highcharts anchor — always uses `x` regardless of chart orientation.\n      point: { x: position, y: 0, xAxis: 0, yAxis: 0 },\n      // Space (not empty) — Highcharts reverts to its built-in label text on empty string.\n      text: \" \",\n    });\n    // Keyed by the numeric position only. The marker portal reads\n    // `label.point.x` and the tooltip reads `context.point.x` — both numeric on\n    // every axis type, so no category-name keying is needed.\n    lookup.set(position, annotation);\n  }\n  if (labels.length === 0) {\n    return { annotations: undefined, lookup: undefined };\n  }\n  return {\n    // `useHTML: true` makes Highcharts attach an HTML `graphic.div` to each\n    // label, which the marker portal needs as its render target. `padding: 0`\n    // removes Highcharts' default left padding so markers stay centered.\n    annotations: [{ labels, labelOptions: { useHTML: true, padding: 0 } }],\n    lookup,\n  };\n}\n","import { formatNumeral } from \"@sproutsocial/seeds-react-numeral\";\n\nimport type { SeedsAxisLabelFormatterContext } from \"./chartBase\";\nimport { valueFormatter, type ValueFormat } from \"./formatters/valueFormatter\";\n\n/**\n * Fixed internal locale for the default value-axis formatter. Pins the en-US\n * compact symbols (2K / 1.2M / 1.2B) so output is deterministic regardless of\n * the environment's locale resolution.\n * TODO: consumer-facing locale and an override surface may be added later.\n */\nconst FIXED_LOCALE = \"en-US\";\n\n/**\n * Derive formatNumeral's `abbreviate` threshold from the axis tick scan.\n *\n * formatNumeral abbreviates above 10,000 by default; passing a numeric\n * `abbreviate` lowers that threshold to that value. When the top tick exceeds\n * 9,999 we lower it to 1,000 so the whole axis reads \"2K 4K 6K 8K 10K\" rather\n * than a mixed \"2,000 4,000 6,000 8,000 10K\". Otherwise `true` keeps the default\n * 10,000 threshold. Centralizes the 9,999 rule for both formatters below.\n */\nfunction deriveAbbreviateFromTicks(\n  context: SeedsAxisLabelFormatterContext\n): boolean | number {\n  const tickPositions = context.axis.tickPositions;\n  const maxValue =\n    tickPositions && tickPositions.length > 0\n      ? tickPositions[tickPositions.length - 1]\n      : undefined;\n  return typeof maxValue === \"number\" && maxValue > 9999 ? 1000 : true;\n}\n\n/**\n * Internal, zero-config default value-axis label formatter for v2 chart\n * families. Abbreviates value-axis ticks (1.20K / 1.20M / 1.20B); decimal mode\n * only. Zero renders \"0\". Decimal compact precision is fixed at two fraction\n * digits, so abbreviated ticks always carry two decimals.\n *\n * Wired as a Highcharts `yAxis.labels.formatter`, invoked `this`-bound with the\n * Seeds-local context.\n */\nexport function defaultValueAxisLabelFormatter(\n  this: SeedsAxisLabelFormatterContext\n): string {\n  const numberValue = Number(this.value);\n\n  if (numberValue === 0) {\n    return formatNumeral({ locale: FIXED_LOCALE, number: 0 });\n  }\n\n  const abbreviate = deriveAbbreviateFromTicks(this);\n\n  return formatNumeral({\n    abbreviate,\n    format: \"decimal\",\n    locale: FIXED_LOCALE,\n    number: numberValue,\n  });\n}\n\n/**\n * Build a `format`-driven value-axis label formatter that runs a declarative\n * {@link ValueFormat} through the shared {@link valueFormatter}. Reuses the same\n * `tickPositions` scan as {@link defaultValueAxisLabelFormatter} so the\n * axis-wide \"smart 1k/10k\" abbreviation is preserved for decimal/currency ticks.\n *\n * Wired as a Highcharts `yAxis.labels.formatter`; invoked `this`-bound with the\n * Seeds-local context. The returned formatter never carries chart-engine types,\n * keeping the engine boundary intact.\n */\nexport function makeValueAxisLabelFormatter(format: ValueFormat) {\n  return function (this: SeedsAxisLabelFormatterContext): string {\n    const numberValue = Number(this.value);\n\n    // Honor an explicit `abbreviate: false` opt-out; otherwise derive the\n    // threshold from the same tick scan as the default formatter (abbreviation\n    // only affects decimal/currency — percent and duration ignore it inside\n    // valueFormatter).\n    const abbreviate =\n      format.abbreviate === false ? false : deriveAbbreviateFromTicks(this);\n\n    return valueFormatter({ ...format, value: numberValue, abbreviate });\n  };\n}\n"]}
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-WMKO3RGT.js","../src/charts/shared/annotations.ts","../src/charts/shared/valueAxisLabelFormatter.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACkCO,SAAS,qBAAA,CACd,WAAA,EAIA;AACA,EAAA,GAAA,CAAI,iBAAC,WAAA,2BAAa,QAAA,EAAQ;AACxB,IAAA,OAAO,EAAE,WAAA,EAAa,KAAA,CAAA,EAAW,MAAA,EAAQ,KAAA,EAAU,CAAA;AAAA,EACrD;AACA,EAAA,MAAM,OAAA,EAGA,CAAC,CAAA;AACP,EAAA,MAAM,OAAA,kBAAgC,IAAI,GAAA,CAAI,CAAA;AAC9C,EAAA,IAAA,CAAA,MAAW,WAAA,GAAc,WAAA,EAAa;AACpC,IAAA,MAAM,EAAE,SAAS,EAAA,EAAI,UAAA;AACrB,IAAA,MAAA,CAAO,IAAA,CAAK;AAAA;AAAA,MAEV,KAAA,EAAO,EAAE,CAAA,EAAG,QAAA,EAAU,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,KAAA,EAAO,EAAE,CAAA;AAAA;AAAA,MAE/C,IAAA,EAAM;AAAA,IACR,CAAC,CAAA;AAID,IAAA,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,UAAU,CAAA;AAAA,EACjC;AACA,EAAA,GAAA,CAAI,MAAA,CAAO,OAAA,IAAW,CAAA,EAAG;AACvB,IAAA,OAAO,EAAE,WAAA,EAAa,KAAA,CAAA,EAAW,MAAA,EAAQ,KAAA,EAAU,CAAA;AAAA,EACrD;AACA,EAAA,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAA,EAAa,CAAC,EAAE,MAAA,EAAQ,YAAA,EAAc,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,EAAE,EAAE,CAAC,CAAA;AAAA,IACrE;AAAA,EACF,CAAA;AACF;AD3CA;AACA;AEjCA,sEAA8B;AAW9B,IAAM,aAAA,EAAe,OAAA;AAWrB,SAAS,yBAAA,CACP,OAAA,EACkB;AAClB,EAAA,MAAM,cAAA,EAAgB,OAAA,CAAQ,IAAA,CAAK,aAAA;AACnC,EAAA,MAAM,SAAA,EACJ,cAAA,GAAiB,aAAA,CAAc,OAAA,EAAS,EAAA,EACpC,aAAA,CAAc,aAAA,CAAc,OAAA,EAAS,CAAC,EAAA,EACtC,KAAA,CAAA;AACN,EAAA,OAAO,OAAO,SAAA,IAAa,SAAA,GAAY,SAAA,EAAW,KAAA,EAAO,IAAA,EAAO,IAAA;AAClE;AAWO,SAAS,8BAAA,CAAA,EAEN;AACR,EAAA,MAAM,YAAA,EAAc,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA;AAErC,EAAA,GAAA,CAAI,YAAA,IAAgB,CAAA,EAAG;AACrB,IAAA,OAAO,8CAAA,EAAgB,MAAA,EAAQ,YAAA,EAAc,MAAA,EAAQ,EAAE,CAAC,CAAA;AAAA,EAC1D;AAEA,EAAA,MAAM,WAAA,EAAa,yBAAA,CAA0B,IAAI,CAAA;AAEjD,EAAA,OAAO,8CAAA;AAAc,IACnB,UAAA;AAAA,IACA,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV,CAAC,CAAA;AACH;AAYO,SAAS,2BAAA,CAA4B,MAAA,EAAqB;AAC/D,EAAA,OAAO,QAAA,CAAA,EAAwD;AAC7D,IAAA,MAAM,YAAA,EAAc,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA;AAMrC,IAAA,MAAM,WAAA,EACJ,MAAA,CAAO,WAAA,IAAe,MAAA,EAAQ,MAAA,EAAQ,yBAAA,CAA0B,IAAI,CAAA;AAEtE,IAAA,OAAO,6CAAA,EAAiB,GAAG,MAAA,EAAQ,KAAA,EAAO,WAAA,EAAa,WAAW,CAAC,CAAA;AAAA,EACrE,CAAA;AACF;AFvBA;AACA;AACE;AACA;AACA;AACF,kMAAC","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/chunk-WMKO3RGT.js","sourcesContent":[null,"// Shared annotation plumbing across v2 chart families. Currently consumed by\n// BarChart; v2 Line/Area will share the same `annotations` shape and reuse\n// `buildAnnotationConfig` directly. Annotation data is purely numeric —\n// the module has no knowledge of `categories`; resolving a numeric position to\n// a display name is the tooltip's job (see chartBase `renderContent`).\n\nimport type { TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport type { SeedsChartAnnotationsOptions } from \"./chartBase\";\n\n/**\n * Annotations keyed by the numeric Highcharts index. Both consumers resolve\n * numerically: the marker portal reads `label.point.x` and the tooltip reads\n * `context.point.x` (numeric on both category and datetime axes).\n */\nexport type ChartAnnotationLookup = Map<number, ChartAnnotation>;\n\n/**\n * Declarative annotation shape — the DS renders the marker and tooltip header\n * internally; consumers don't supply render functions. See CE-7.\n */\nexport interface ChartAnnotation {\n  /** Numeric x-axis coordinate — a category index (category axes) or the raw coordinate (datetime/linear axes). */\n  position: number;\n  /** Icon shown above the chart at `position` and inline with `title` in the tooltip header. */\n  icon?: TypeIconName;\n  /** Color applied to the marker's vertical line. */\n  color?: string;\n  /** Tooltip header line 1. */\n  title?: string;\n  /** Tooltip header line 2. */\n  description?: string;\n}\n\n/**\n * Build the Highcharts `annotations` config and a parallel lookup keyed by the\n * numeric `position`. Both consumers (chart adapter for Highcharts, ChartRenderer\n * for the portal + tooltip) read from the same numeric lookup to stay aligned.\n */\nexport function buildAnnotationConfig(\n  annotations: ChartAnnotation[] | undefined\n): {\n  annotations: SeedsChartAnnotationsOptions[] | undefined;\n  lookup: ChartAnnotationLookup | undefined;\n} {\n  if (!annotations?.length) {\n    return { annotations: undefined, lookup: undefined };\n  }\n  const labels: {\n    point: { x: number; y: number; xAxis: 0; yAxis: 0 };\n    text: string;\n  }[] = [];\n  const lookup: ChartAnnotationLookup = new Map();\n  for (const annotation of annotations) {\n    const { position } = annotation;\n    labels.push({\n      // Highcharts anchor — always uses `x` regardless of chart orientation.\n      point: { x: position, y: 0, xAxis: 0, yAxis: 0 },\n      // Space (not empty) — Highcharts reverts to its built-in label text on empty string.\n      text: \" \",\n    });\n    // Keyed by the numeric position only. The marker portal reads\n    // `label.point.x` and the tooltip reads `context.point.x` — both numeric on\n    // every axis type, so no category-name keying is needed.\n    lookup.set(position, annotation);\n  }\n  if (labels.length === 0) {\n    return { annotations: undefined, lookup: undefined };\n  }\n  return {\n    // `useHTML: true` makes Highcharts attach an HTML `graphic.div` to each\n    // label, which the marker portal needs as its render target. `padding: 0`\n    // removes Highcharts' default left padding so markers stay centered.\n    annotations: [{ labels, labelOptions: { useHTML: true, padding: 0 } }],\n    lookup,\n  };\n}\n","import { formatNumeral } from \"@sproutsocial/seeds-react-numeral\";\n\nimport type { SeedsAxisLabelFormatterContext } from \"./chartBase\";\nimport { valueFormatter, type ValueFormat } from \"./formatters/valueFormatter\";\n\n/**\n * Fixed internal locale for the default value-axis formatter. Pins the en-US\n * compact symbols (2K / 1.2M / 1.2B) so output is deterministic regardless of\n * the environment's locale resolution.\n * TODO: consumer-facing locale and an override surface may be added later.\n */\nconst FIXED_LOCALE = \"en-US\";\n\n/**\n * Derive formatNumeral's `abbreviate` threshold from the axis tick scan.\n *\n * formatNumeral abbreviates above 10,000 by default; passing a numeric\n * `abbreviate` lowers that threshold to that value. When the top tick exceeds\n * 9,999 we lower it to 1,000 so the whole axis reads \"2K 4K 6K 8K 10K\" rather\n * than a mixed \"2,000 4,000 6,000 8,000 10K\". Otherwise `true` keeps the default\n * 10,000 threshold. Centralizes the 9,999 rule for both formatters below.\n */\nfunction deriveAbbreviateFromTicks(\n  context: SeedsAxisLabelFormatterContext\n): boolean | number {\n  const tickPositions = context.axis.tickPositions;\n  const maxValue =\n    tickPositions && tickPositions.length > 0\n      ? tickPositions[tickPositions.length - 1]\n      : undefined;\n  return typeof maxValue === \"number\" && maxValue > 9999 ? 1000 : true;\n}\n\n/**\n * Internal, zero-config default value-axis label formatter for v2 chart\n * families. Abbreviates value-axis ticks (1.20K / 1.20M / 1.20B); decimal mode\n * only. Zero renders \"0\". Decimal compact precision is fixed at two fraction\n * digits, so abbreviated ticks always carry two decimals.\n *\n * Wired as a Highcharts `yAxis.labels.formatter`, invoked `this`-bound with the\n * Seeds-local context.\n */\nexport function defaultValueAxisLabelFormatter(\n  this: SeedsAxisLabelFormatterContext\n): string {\n  const numberValue = Number(this.value);\n\n  if (numberValue === 0) {\n    return formatNumeral({ locale: FIXED_LOCALE, number: 0 });\n  }\n\n  const abbreviate = deriveAbbreviateFromTicks(this);\n\n  return formatNumeral({\n    abbreviate,\n    format: \"decimal\",\n    locale: FIXED_LOCALE,\n    number: numberValue,\n  });\n}\n\n/**\n * Build a `format`-driven value-axis label formatter that runs a declarative\n * {@link ValueFormat} through the shared {@link valueFormatter}. Reuses the same\n * `tickPositions` scan as {@link defaultValueAxisLabelFormatter} so the\n * axis-wide \"smart 1k/10k\" abbreviation is preserved for decimal/currency ticks.\n *\n * Wired as a Highcharts `yAxis.labels.formatter`; invoked `this`-bound with the\n * Seeds-local context. The returned formatter never carries chart-engine types,\n * keeping the engine boundary intact.\n */\nexport function makeValueAxisLabelFormatter(format: ValueFormat) {\n  return function (this: SeedsAxisLabelFormatterContext): string {\n    const numberValue = Number(this.value);\n\n    // Honor an explicit `abbreviate: false` opt-out; otherwise derive the\n    // threshold from the same tick scan as the default formatter (abbreviation\n    // only affects decimal/currency — percent and duration ignore it inside\n    // valueFormatter).\n    const abbreviate =\n      format.abbreviate === false ? false : deriveAbbreviateFromTicks(this);\n\n    return valueFormatter({ ...format, value: numberValue, abbreviate });\n  };\n}\n"]}

package/dist/donut/index.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { V as ValueFormat, C as ChartTooltipProps, a as ChartTooltipDataRow } from '../chartBase-D6WI2icR.mjs';
+import { V as ValueFormat, C as ChartTooltipProps, a as ChartTooltipDataRow } from '../chartBase-Cd405GIA.mjs';
 import { C as ChartColorableEntity, a as ChartIconableEntity, b as ChartClickHandler, c as ChartHoverHandler } from '../interactions-pEXA1XxF.mjs';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.mjs';
 import '@sproutsocial/seeds-react-icon';

package/dist/donut/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { V as ValueFormat, C as ChartTooltipProps, a as ChartTooltipDataRow } from '../chartBase-BM97OBBE.js';
+import { V as ValueFormat, C as ChartTooltipProps, a as ChartTooltipDataRow } from '../chartBase-BYipK7MZ.js';
 import { C as ChartColorableEntity, a as ChartIconableEntity, b as ChartClickHandler, c as ChartHoverHandler } from '../interactions-pEXA1XxF.js';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.js';
 import '@sproutsocial/seeds-react-icon';

package/dist/donut/index.js

@@ -5,17 +5,17 @@ var _chunk6EIJCJCNjs = require('../chunk-6EIJCJCN.js');
 
 
 
-var _chunkNU2RCATKjs = require('../chunk-NU2RCATK.js');
+var _chunk5TWNMPQUjs = require('../chunk-5TWNMPQU.js');
 
 
-var _chunkLWDHU4QKjs = require('../chunk-LWDHU4QK.js');
+var _chunk34OKRQETjs = require('../chunk-34OKRQET.js');
 
 // src/charts/donut/DonutChart.tsx
 var _react = require('react');
 
 // src/charts/donut/adapter.ts
 function buildDonutOptions(props, colors) {
-  const base = _chunkNU2RCATKjs.buildBaseChartOptions.call(void 0, {
+  const base = _chunk5TWNMPQUjs.buildBaseChartOptions.call(void 0, {
     type: "pie",
     description: props.description
   });
@@ -28,7 +28,7 @@ function buildDonutOptions(props, colors) {
       // Height only — width is left fluid so the chart fills its container and
       // the pie auto-centers. The container bounds the width (see styles.ts) so
       // the legend below wraps to the donut and centers with it.
-      height: _nullishCoalesce(props.height, () => ( _chunkLWDHU4QKjs.DONUT_CHART_HEIGHT)),
+      height: _nullishCoalesce(props.height, () => ( _chunk34OKRQETjs.DONUT_CHART_HEIGHT)),
       // Drop Highcharts' default spacing so the donut uses the full height.
       spacing: [0, 0, 0, 0]
     },
@@ -74,7 +74,7 @@ function buildDonutOptions(props, colors) {
 // src/charts/donut/DonutChart.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
-  const { colors } = _chunkNU2RCATKjs.useSeedsChartSetup.call(void 0, {
+  const { colors } = _chunk5TWNMPQUjs.useSeedsChartSetup.call(void 0, {
     series: props.data.map((d) => ({ color: d.color }))
   });
   const options = _react.useMemo.call(void 0, 
@@ -90,7 +90,7 @@ var DonutChart = _react.memo.call(void 0, function DonutChart2(props) {
   });
   const tooltip = props.tooltip ? (args) => props.tooltip(args) : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...containerProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNU2RCATKjs.ChartRenderer,
+    _chunk5TWNMPQUjs.ChartRenderer,
     {
       options,
       series: props.data.map((d, i) => ({

package/dist/esm/bar/index.js

@@ -2,11 +2,11 @@ import {
   buildAnnotationConfig,
   defaultValueAxisLabelFormatter,
   makeValueAxisLabelFormatter
-} from "../chunk-GHP4TT7H.js";
+} from "../chunk-MVNO5UV6.js";
 import {
   buildDimensionalAxis,
   resolveTooltipOptions
-} from "../chunk-OZ7SPMTQ.js";
+} from "../chunk-AL3OTBTT.js";
 import {
   getChartContainerProps
 } from "../chunk-P3MVYSHX.js";
@@ -14,10 +14,10 @@ import {
   ChartRenderer,
   buildBaseChartOptions,
   useSeedsChartSetup
-} from "../chunk-XEFCGFCF.js";
+} from "../chunk-CYCKJ5ML.js";
 import {
   TIME_SERIES_CHART_HEIGHT
-} from "../chunk-VCTZWYEM.js";
+} from "../chunk-332X77M5.js";
 
 // src/charts/bar/BarChart.tsx
 import { memo } from "react";

package/dist/esm/bubble/index.js

@@ -5,13 +5,13 @@ import {
   ChartRenderer,
   buildBaseChartOptions,
   useSeedsChartSetup
-} from "../chunk-XEFCGFCF.js";
+} from "../chunk-CYCKJ5ML.js";
 import {
   BUBBLE_CHART_DEFAULT_MAX_SIZE,
   BUBBLE_CHART_DEFAULT_PADDING,
   BUBBLE_CHART_HEIGHT,
   defaultBubbleChartWidth
-} from "../chunk-VCTZWYEM.js";
+} from "../chunk-332X77M5.js";
 
 // src/charts/bubble/BubbleChart.tsx
 import { memo, useMemo } from "react";

package/dist/esm/{chunk-VCTZWYEM.js → chunk-332X77M5.js}

@@ -99,72 +99,28 @@ var ChartLegend = memo2(function ChartLegend2({
 
 // src/components/ChartTooltip/ChartTooltip.tsx
 import { memo as memo3 } from "react";
-import styled2 from "styled-components";
-import { Box as Box4 } from "@sproutsocial/seeds-react-box";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var StyledBox2 = styled2(Box4)`
-  .Icon,
-  .logo {
-    stroke: none;
-  }
-`;
 var ChartTooltip = memo3(function ChartTooltip2({
   children
 }) {
-  return /* @__PURE__ */ jsx5(
-    StyledBox2,
-    {
-      bg: "container.background.base",
-      boxShadow: "medium",
-      border: 500,
-      borderColor: "container.border.base",
-      borderRadius: 500,
-      p: 400,
-      minWidth: 285,
-      children: /* @__PURE__ */ jsx5(Box4, { display: "flex", flexDirection: "column", gap: 350, children })
-    }
-  );
+  return /* @__PURE__ */ jsx5("div", { className: "seeds-chart-tooltip", children });
 });
 
 // src/components/ChartTooltip/components/ChartTooltipFooter.tsx
 import { memo as memo4 } from "react";
-import { Box as Box5 } from "@sproutsocial/seeds-react-box";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var ChartTooltipFooter = memo4(
   function ChartTooltipFooter2({ children }) {
-    return /* @__PURE__ */ jsx6(
-      Box5,
-      {
-        borderTop: 500,
-        borderColor: "container.border.base",
-        mx: -400,
-        mb: -200,
-        px: 400,
-        pt: 350,
-        children
-      }
-    );
+    return /* @__PURE__ */ jsx6("div", { className: "seeds-chart-tooltip-footer", children });
   }
 );
 
 // src/components/ChartTooltip/components/ChartTooltipHeader.tsx
 import { memo as memo5 } from "react";
-import { Box as Box6 } from "@sproutsocial/seeds-react-box";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var ChartTooltipHeader = memo5(
   function ChartTooltipHeader2({ children }) {
-    return /* @__PURE__ */ jsx7(
-      Box6,
-      {
-        borderBottom: 500,
-        borderColor: "container.border.base",
-        mx: -400,
-        mt: -200,
-        px: 400,
-        pb: 350,
-        children
-      }
-    );
+    return /* @__PURE__ */ jsx7("div", { className: "seeds-chart-tooltip-header", children });
   }
 );
 
@@ -213,11 +169,11 @@ var ChartTooltipPortal = memo6(
 
 // src/components/ChartTable/ChartTable.tsx
 import { memo as memo7 } from "react";
-import styled3 from "styled-components";
+import styled2 from "styled-components";
 import { Text as Text2 } from "@sproutsocial/seeds-react-text";
 import { Table as SeedsTable } from "@sproutsocial/seeds-react-table";
 import { jsx as jsx8 } from "react/jsx-runtime";
-var StyledSeedsTable = styled3(SeedsTable)`
+var StyledSeedsTable = styled2(SeedsTable)`
   tbody tr:last-child {
     border-bottom: none;
   }
@@ -236,7 +192,7 @@ var StyledSeedsTable = styled3(SeedsTable)`
     padding-right: 0;
   }
 `;
-var StyledSeedsTableRow = styled3(SeedsTable.TableRow)`
+var StyledSeedsTableRow = styled2(SeedsTable.TableRow)`
   ${({ $isAppendedRow, theme: theme5 }) => $isAppendedRow ? `border-top: 2px solid ${theme5.colors.container.border.base}` : ""}
 `;
 var ChartTable = memo7(function ChartTable2({
@@ -254,7 +210,7 @@ var ChartTable = memo7(function ChartTable2({
       {
         $isAppendedRow: isAppendedRow,
         children: cells.map(
-          ({ content, align = "left", colSpan = 1 }, cellIndex) => {
+          ({ content, align = "left", colSpan = 1, pl, pr, style }, cellIndex) => {
             const uniqueIdentifier = `chart-tooltip-table-cell-${cellIndex}`;
             return /* @__PURE__ */ jsx8(
               SeedsTable.Cell,
@@ -264,6 +220,9 @@ var ChartTable = memo7(function ChartTable2({
                 align,
                 colSpan,
                 py: 200,
+                pl,
+                pr,
+                style,
                 children: /* @__PURE__ */ jsx8(Text2.SmallBodyCopy, { as: "div", children: content })
               },
               uniqueIdentifier
@@ -687,4 +646,4 @@ export {
   areaChartStyles,
   donutChartStyles
 };
-//# sourceMappingURL=chunk-VCTZWYEM.js.map
+//# sourceMappingURL=chunk-332X77M5.js.map

package/dist/esm/chunk-332X77M5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ColorBox/ColorBox.tsx","../../../seeds-react-theme-provider/src/index.tsx","../../src/components/ChartLegend/components/ChartLegendLabel.tsx","../../src/components/ChartLegend/ChartLegend.tsx","../../src/components/ChartTooltip/ChartTooltip.tsx","../../src/components/ChartTooltip/components/ChartTooltipFooter.tsx","../../src/components/ChartTooltip/components/ChartTooltipHeader.tsx","../../src/components/ChartTooltip/components/ChartTooltipPortal.tsx","../../src/components/ChartTable/ChartTable.tsx","../../src/components/ChartTooltip/components/ChartTooltipTable.tsx","../../src/components/ChartTooltip/components/ChartTooltipTitle.tsx","../../src/helpers/transformTimeSeriesTooltipData.ts","../../src/constants/chartOptions.ts","../../src/styles/chartStyles.ts"],"sourcesContent":["import { css, type CSSProp } from \"styled-components\";\nimport { Box, type TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\nimport ThemeProvider from \"@sproutsocial/seeds-react-theme-provider\";\nimport { type TypeSproutTheme } from \"@sproutsocial/seeds-react-theme\";\n\nexport type TypeColorBoxProps = TypeBoxProps;\n\n/**\n * ColorBox extends Box to apply basic styles.\n */\nexport const ColorBox = ({\n  display = \"inline-block\",\n  height = \"16px\",\n  width = \"16px\",\n  minWidth = width,\n  borderRadius = \"400\",\n  ...props\n}: TypeColorBoxProps) => {\n  return (\n    <Box\n      {...props}\n      display={display}\n      height={height}\n      width={width}\n      minWidth={minWidth}\n      borderRadius={borderRadius}\n      css={\n        css`\n          cursor: ${(\n            props: typeof ThemeProvider & {\n              onClick: ((e: React.MouseEvent<HTMLElement>) => void) | void;\n            }\n          ) => (props?.onClick ? \"pointer\" : \"default\")};\n        ` as CSSProp<TypeSproutTheme>\n      }\n    />\n  );\n};\n","import * as React from \"react\";\nimport { ThemeProvider as BaseThemeProvider } from \"styled-components\";\nimport { theme } from \"@sproutsocial/seeds-react-theme\";\nimport type {\n  TypeSproutTheme,\n  TypeTheme,\n} from \"@sproutsocial/seeds-react-theme\";\n\n// We can append additional themes types here\ntype TypeAllThemes = TypeTheme | TypeSproutTheme;\n\ntype TypeProps = {\n  readonly theme?: TypeAllThemes;\n  readonly children?: React.ReactNode;\n};\n\nconst ThemeProvider = (props: TypeProps) => (\n  <BaseThemeProvider {...props} theme={props.theme || theme}>\n    {props.children}\n  </BaseThemeProvider>\n);\n\nexport default ThemeProvider;\n","import styled from \"styled-components\";\nimport { memo } from \"react\";\nimport { Box, type TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\nimport type { TypeLegendLabel } from \"../ChartLegend\";\n\nimport { ColorBox } from \"../../ColorBox\";\n\nconst StyledBox = styled(Box)<TypeBoxProps>`\n  list-style: none;\n  display: flex;\n  align-items: center;\n  gap: ${({ theme }) => theme.space[300]};\n`;\n\nexport type TypeChartLegendLabelProps = Readonly<{\n  children: TypeLegendLabel[\"content\"];\n  color: TypeLegendLabel[\"color\"];\n  // optional\n  containerBoxProps?: TypeBoxProps;\n}>;\n\nexport const ChartLegendLabel = memo<TypeChartLegendLabelProps>(\n  function ChartLegendLabel({\n    children,\n    color = \"#CCC\",\n    containerBoxProps = {},\n  }: TypeChartLegendLabelProps) {\n    return (\n      <StyledBox {...containerBoxProps}>\n        <ColorBox bg={color} />\n        <Text as=\"div\" fontSize={200} color=\"text.subtext\">\n          {children}\n        </Text>\n      </StyledBox>\n    );\n  }\n);\n","import { memo } from \"react\";\nimport { Box, type TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\nimport { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport { ChartLegendLabel } from \"./components/ChartLegendLabel\";\n\nexport type TypeLegendLabel = Readonly<{\n  content: React.ReactNode;\n  color?: string;\n}>;\n\nexport type TypeChartLegendProps = Readonly<{\n  legendLabels: ReadonlyArray<TypeLegendLabel>;\n  // optional\n  containerBoxProps?: TypeBoxProps;\n  stacked?: boolean;\n}>;\n\nexport const ChartLegend = memo<TypeChartLegendProps>(function ChartLegend({\n  legendLabels,\n  containerBoxProps = {},\n  stacked = false,\n}: TypeChartLegendProps) {\n  return (\n    <Box\n      as=\"ul\"\n      aria-hidden=\"true\"\n      display=\"flex\"\n      justifyContent=\"center\"\n      flexDirection={stacked ? \"column\" : \"row\"}\n      flexWrap=\"wrap\"\n      columnGap={450}\n      rowGap={200}\n      m={0}\n      p={0}\n      {...containerBoxProps}\n    >\n      {legendLabels.map(({ color, content }, index) => (\n        <ChartLegendLabel\n          key={`chart-legend-label-${index}`}\n          color={color || theme.colors.DATAVIZ_COLORS_LIST[index]}\n          containerBoxProps={{ as: \"li\" }}\n        >\n          {content}\n        </ChartLegendLabel>\n      ))}\n    </Box>\n  );\n});\n","import { memo } from \"react\";\n\n// Chart Tooltip\ntype TypeChartTooltipProps = Readonly<{\n  children: React.ReactNode;\n}>;\n\n// Consumes the .seeds-chart-tooltip class from chart-styles.css (the shared\n// foundation every v2 chart already imports): the padded/bordered/shadowed\n// container plus the flex-column gap between rows.\nexport const ChartTooltip = memo<TypeChartTooltipProps>(function ChartTooltip({\n  children,\n}: TypeChartTooltipProps) {\n  return <div className=\"seeds-chart-tooltip\">{children}</div>;\n});\n","import { memo } from \"react\";\n\ntype TypeChartTooltipFooterProps = {\n  children: React.ReactNode;\n};\n\nexport const ChartTooltipFooter = memo<TypeChartTooltipFooterProps>(\n  function ChartTooltipFooter({ children }: TypeChartTooltipFooterProps) {\n    return <div className=\"seeds-chart-tooltip-footer\">{children}</div>;\n  }\n);\n","import { memo } from \"react\";\n\ntype TypeChartTooltipHeaderProps = {\n  children: React.ReactNode;\n};\n\nexport const ChartTooltipHeader = memo<TypeChartTooltipHeaderProps>(\n  function ChartTooltipHeader({ children }: TypeChartTooltipHeaderProps) {\n    return <div className=\"seeds-chart-tooltip-header\">{children}</div>;\n  }\n);\n","import { memo, useState, useRef, useEffect, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type {\n  Tooltip,\n  Chart,\n  TooltipFormatterContextObject,\n  TooltipFormatterCallbackFunction,\n} from \"highcharts\";\n\ninterface ExtendedHighchartsTooltip extends Tooltip {\n  label: {\n    box: { attr({ height, width }: { height: number; width: number }): void };\n    text: { element: HTMLElement };\n  };\n}\n\nexport const generateChartTooltipPortalId = (chartId: number) =>\n  `highcharts-custom-tooltip-${chartId}`;\n\ntype ChartTooltipPortalProps = Readonly<{\n  chart: Chart;\n  renderContent: (_context: TooltipFormatterContextObject) => ReactNode;\n}>;\n\nexport const ChartTooltipPortal = memo<ChartTooltipPortalProps>(\n  function ChartTooltipPortal({\n    chart,\n    renderContent,\n  }: ChartTooltipPortalProps) {\n    const isInitialized = useRef<boolean>(false);\n    const [node, setNode] = useState<HTMLElement | null>(null);\n    const [context, setContext] =\n      useState<TooltipFormatterContextObject | null>(null);\n\n    useEffect(() => {\n      const formatter: TooltipFormatterCallbackFunction = function () {\n        // Ensures that tooltip DOM container is rendered before React portal is created.\n        if (!isInitialized.current) {\n          isInitialized.current = true;\n          chart.tooltip.refresh.apply(chart.tooltip, [this.point]);\n          chart.tooltip.hide(0);\n        }\n\n        setContext(this);\n\n        return `<div id=\"${generateChartTooltipPortalId(\n          chart.index\n        )}\" role='tooltip'></div>`;\n      };\n\n      chart.update({ tooltip: { formatter } });\n    }, [chart]);\n\n    useEffect(() => {\n      // In some cases tooltip is not available on the chart yet\n      if (context?.series?.chart?.tooltip) {\n        const tooltip = context.series.chart\n          .tooltip as ExtendedHighchartsTooltip;\n        const textElement = tooltip.label.text.element;\n\n        tooltip.label.box.attr({\n          height: textElement.offsetHeight,\n          width: textElement.offsetWidth,\n        });\n\n        setNode(\n          document.getElementById(generateChartTooltipPortalId(chart.index))\n        );\n      }\n    }, [context, chart.index]);\n\n    return node && context ? createPortal(renderContent(context), node) : null;\n  }\n);\n","import { memo } from \"react\";\nimport styled from \"styled-components\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\nimport { Table as SeedsTable } from \"@sproutsocial/seeds-react-table\";\n\nconst StyledSeedsTable = styled<typeof SeedsTable>(SeedsTable)`\n  tbody tr:last-child {\n    border-bottom: none;\n  }\n  tr:last-child td,\n  tr:last-child th {\n    padding-bottom: 0;\n  }\n  tr:first-child td,\n  tr:first-child th {\n    padding-top: 0;\n  }\n  tr th {\n    padding-left: 0;\n  }\n  tr td:last-child {\n    padding-right: 0;\n  }\n`;\n\nconst StyledSeedsTableRow = styled(SeedsTable.TableRow)<{\n  $isAppendedRow?: boolean;\n}>`\n  ${({ $isAppendedRow, theme }) =>\n    $isAppendedRow\n      ? `border-top: 2px solid ${theme.colors.container.border.base}`\n      : \"\"}\n`;\n\nexport type TypeChartTableProps = Readonly<{\n  rows: ReadonlyArray<{\n    cells: ReadonlyArray<{\n      content: React.ReactNode;\n      align?: React.ComponentProps<typeof SeedsTable.Cell>[\"align\"];\n      colSpan?: React.ComponentProps<typeof SeedsTable.Cell>[\"colSpan\"];\n      pl?: React.ComponentProps<typeof SeedsTable.Cell>[\"pl\"];\n      pr?: React.ComponentProps<typeof SeedsTable.Cell>[\"pr\"];\n      style?: React.ComponentProps<typeof SeedsTable.Cell>[\"style\"];\n    }>;\n    isAppendedRow?: boolean;\n  }>;\n}>;\n\nexport const ChartTable = memo<TypeChartTableProps>(function ChartTable({\n  rows,\n}: TypeChartTableProps) {\n  if (!rows || rows.length === 0) {\n    return null;\n  }\n\n  return (\n    <StyledSeedsTable>\n      <SeedsTable.TableBody>\n        {rows.map(({ cells, isAppendedRow }, rowIndex) => {\n          if (!cells || cells.length === 0) {\n            return null;\n          }\n\n          return (\n            <StyledSeedsTableRow\n              key={`chart-tooltip-table-row-${rowIndex}`}\n              $isAppendedRow={isAppendedRow}\n            >\n              {cells.map(\n                (\n                  { content, align = \"left\", colSpan = 1, pl, pr, style },\n                  cellIndex\n                ) => {\n                  const uniqueIdentifier = `chart-tooltip-table-cell-${cellIndex}`;\n                  return (\n                    <SeedsTable.Cell\n                      key={uniqueIdentifier}\n                      id={uniqueIdentifier}\n                      scope={cellIndex === 0 ? \"row\" : undefined}\n                      align={align}\n                      colSpan={colSpan}\n                      py={200}\n                      pl={pl}\n                      pr={pr}\n                      style={style}\n                    >\n                      <Text.SmallBodyCopy as=\"div\">\n                        {content}\n                      </Text.SmallBodyCopy>\n                    </SeedsTable.Cell>\n                  );\n                }\n              )}\n            </StyledSeedsTableRow>\n          );\n        })}\n      </SeedsTable.TableBody>\n    </StyledSeedsTable>\n  );\n});\n","import { memo } from \"react\";\n\nimport { ChartTable, type TypeChartTableProps } from \"../../ChartTable\";\n\nexport type TypeChartTooltipTableProps = {\n  rows: TypeChartTableProps[\"rows\"];\n};\n\nexport const ChartTooltipTable = memo<TypeChartTooltipTableProps>(\n  function ChartTooltipTable({ rows }: TypeChartTooltipTableProps) {\n    return <ChartTable rows={rows} />;\n  }\n);\n","import { memo } from \"react\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\ntype TypeChartTooltipTitleProps = {\n  children: React.ReactNode;\n};\n\nexport const ChartTooltipTitle = memo<TypeChartTooltipTitleProps>(\n  function ChartTooltipTitle({ children }: TypeChartTooltipTitleProps) {\n    return <Text.SmallSubHeadline as=\"p\">{children}</Text.SmallSubHeadline>;\n  }\n);\n","import type { TooltipFormatterContextObject } from \"highcharts\";\nimport { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeAreaChartProps } from \"../components/AreaChart\";\nimport type { TypeLineChartProps } from \"../components/LineChart\";\nimport type { TypeChartTooltipProps } from \"../types\";\n\ntype TypeTransformTimeSeriesTooltipDataProps = Readonly<{\n  context: TooltipFormatterContextObject;\n  data: TypeAreaChartProps[\"data\"] | TypeLineChartProps[\"data\"];\n}>;\ntype TypeTransformTimeSeriesTooltipDataReturn = TypeChartTooltipProps[\"data\"];\n\nexport const transformTimeSeriesTooltipData = ({\n  context,\n  data,\n}: TypeTransformTimeSeriesTooltipDataProps): TypeTransformTimeSeriesTooltipDataReturn => {\n  // @ts-expect-error - Highcharts tooltip context series typing does not expose chart.series here\n  return (context.series.chart.series || []).map((series, index) => {\n    const pointIndex = context.point.index;\n    const y = series?.points?.[pointIndex]?.y;\n\n    return {\n      color:\n        data[index]?.styles?.color || theme.colors.DATAVIZ_COLORS_LIST[index],\n      ...(data[index]?.icon ? { icon: data[index]?.icon } : {}),\n      name: series.name,\n      value: typeof y === \"number\" ? y : null,\n    };\n  });\n};\n","import type { Options } from \"highcharts\";\nimport _ from \"lodash\";\n\n// options that should apply to all charts\n// this is being exported because it's needed for the listening bubble chart component.\n// when that components gets moved into the data-viz package, we can remove the export here\nexport const baseChartOptions: Options = {\n  chart: {\n    animation: false,\n    styledMode: true,\n  },\n  credits: {\n    enabled: false,\n  },\n  exporting: {\n    enabled: false,\n    fallbackToExportServer: false,\n  },\n  legend: {\n    enabled: false,\n  },\n  title: {\n    text: undefined,\n  },\n  tooltip: {\n    hideDelay: 0,\n    outside: true,\n    padding: 0,\n    shape: \"rect\",\n    shared: true,\n    useHTML: true,\n  },\n};\n\n// options that should apply to time series charts\nexport const TIME_SERIES_CHART_HEIGHT = 275;\nexport const timeSeriesChartOptions: Options = _.merge({}, baseChartOptions, {\n  annotations: [\n    {\n      draggable: \"\",\n      labelOptions: {\n        useHTML: true,\n        padding: 0, // removes \"left\" property padding created by highcharts so that label is centered\n      },\n    },\n  ],\n  chart: {\n    // events.click is set at the component level because of the optional onClick prop\n    height: TIME_SERIES_CHART_HEIGHT,\n    spacing: [5, 1, 0, 2],\n  },\n  plotOptions: {\n    series: {\n      animation: false,\n      clip: false,\n      marker: {\n        enabled: false,\n        states: {\n          hover: {\n            enabled: false,\n          },\n        },\n      },\n    },\n  },\n  xAxis: {\n    crosshair: {\n      zIndex: 3,\n    },\n    minPadding: 0, // must be handled dynamically instead of css\n    maxPadding: 0, // must be handled dynamically instead of css\n    type: \"datetime\",\n    labels: {\n      useHTML: true,\n      // formatter is set at the component level because of the required text locale prop\n    },\n  },\n  yAxis: {\n    labels: {\n      useHTML: true,\n      // formatter is set at the component level because of the optional yAxisLabelFormatter prop\n    },\n    softMax: 0,\n    softMin: 0,\n    title: {\n      text: undefined,\n    },\n    plotLines: [\n      /* Adds a custom plotLine at y=0 to represent the chart baseline.\n        This approach allows full control over the line's appearance (e.g., color, z-index),\n        unlike relying on the default xAxis line, which always renders at the bottom of the chart\n        even when y=0 appears elsewhere (e.g., with negative values).\n      */\n      {\n        className: \"y-axis-zero-line\",\n        value: 0,\n        zIndex: 3, // ensures the line appears over the default y=0 line, which we can't seleect as specifically\n      },\n    ],\n  },\n});\n\n// options that should apply to LineChart\nexport const lineChartOptions: Options = _.merge({}, timeSeriesChartOptions, {\n  // plotOptions.spline.events.click is set at the component level because of the optional onClick prop\n});\n\n// options that should apply to AreaChart\nexport const areaChartOptions: Options = _.merge({}, timeSeriesChartOptions, {\n  plotOptions: {\n    areaspline: {\n      // events.click is set at the component level because of the optional onClick prop\n      stacking: \"normal\",\n    },\n  },\n});\n\nexport const columnChartOptions: Options = _.merge({}, timeSeriesChartOptions, {\n  plotOptions: {\n    column: {\n      stacking: \"normal\",\n      pointPadding: 0.25,\n      groupPadding: 0.25,\n      borderRadius: 4,\n    },\n  },\n  xAxis: {\n    crosshair: false,\n  },\n  yAxis: {\n    plotLines: [\n      {\n        // For stacked column charts with visible borders (e.g., white for contrast),\n        // we raise the zIndex of the y=0 plotLine to ensure it remains visible\n        // and isn't visually covered by overlapping column borders.\n        zIndex: 5,\n      },\n    ],\n  },\n});\n\n/**\n * The default series limit for VerticalBarChart.\n * This limit is recommended to maintain chart readability and accessibility.\n * @see {VerticalBarChart}\n */\nexport const VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = 10;\n\n// options that should apply to DonutChart\nexport const DONUT_CHART_HALO_SIZE = 10; // 10 is the default from highcharts\nexport const DONUT_CHART_HEIGHT = 250 + DONUT_CHART_HALO_SIZE * 2;\nexport const DONUT_CHART_WIDTH = DONUT_CHART_HEIGHT;\nexport const donutChartOptions: Options = _.merge({}, baseChartOptions, {\n  chart: {\n    height: DONUT_CHART_HEIGHT,\n    spacing: [0, 0, 0, 0],\n  },\n  plotOptions: {\n    pie: {\n      animation: false,\n      borderRadius: 0, // must be handled here instead of css because of path rendering\n      dataLabels: {\n        enabled: false,\n      },\n      innerSize: \"50%\",\n    },\n  },\n});\n\n// options that should apply to BubbleChart (v2 packedbubble)\nexport const BUBBLE_CHART_HEIGHT = 600;\n// Preserved verbatim from v1 (consumed by web-app-core's `Overlays.tsx` as a\n// Box width) — re-exported from `/bubble` for the future consumer-migration\n// ticket. Not wired into the v2 chart's own options: packedbubble is\n// fluid-width like every other v2 family, matching the container's own\n// responsive sizing rather than v1's fixed `chart.width`.\nexport const defaultBubbleChartWidth = 600;\nexport const BUBBLE_CHART_DEFAULT_PADDING = 16;\nexport const BUBBLE_CHART_DEFAULT_MAX_SIZE = \"100%\";\n\n// options that should apply to WordCloud\n/** Also sets the cloud's aspect ratio — a wider/shorter box biases the silhouette wide, a narrower/taller one biases it tall. */\nexport const WORD_CLOUD_CHART_HEIGHT = 400;\n","import { css, createGlobalStyle } from \"styled-components\";\nimport { theme } from \"@sproutsocial/seeds-react-theme\";\nimport {\n  type TypeChartStyleColor,\n  type TypeChartStyleHasOnClick,\n  type TypeChartStylePattern,\n} from \"../types\";\nimport \"highcharts/css/highcharts.css\";\n\nexport const GlobalChartStyleOverrides = createGlobalStyle`\n  // USAGE NOTE:\n  // Put general styles in baseChartStyles instead when possible to avoid excessive global styling.\n  // This global component is only for styles that can't override highcharts defaults when scoped.\n\n  .highcharts-tooltip-container {\n    z-index: 7 !important;\n  }\n  .highcharts-tooltip-box {\n    fill: transparent !important;\n  }\n`;\n\n// options that should apply to all charts\nexport const baseChartStyles = css<\n  Readonly<{ $colors: ReadonlyArray<TypeChartStyleColor> }>\n>`\n  --highcharts-background-color: ${({ theme }) =>\n    theme.colors.container.background.base};\n\n  // set color variables and map to each series\n  ${({ $colors }) =>\n    $colors\n      .map((color, index) => {\n        const chartColor = color || theme.colors.DATAVIZ_COLORS_LIST[index];\n        return `\n\t\t\t\t// map colors to custom assigned colors or fallback to default data viz color rotation\n\t\t\t\t--highcharts-color-${index}: ${chartColor};\n\n\t\t\t\t// highcharts already accounts for 10 series, but if we have more, we need to add them\n\t\t\t\t.highcharts-color-${index} {\n\t\t\t\t\tcolor: var(--highcharts-color-${index});\n\t\t\t\t\tstroke: var(--highcharts-color-${index});\n\t\t\t\t\tfill: var(--highcharts-color-${index});\n\t\t\t\t}`;\n      })\n      .join(\"\\n\")}\n\n  // set overall chart background color\n  .highcharts-background {\n    fill: ${({ theme }) => theme.colors.container.background.base};\n  }\n\n  g.highcharts-annotation-label {\n    display: none;\n  }\n\n  div.highcharts-annotation-label {\n    top: 0 !important;\n    transform: translateX(-50%); // centers the label on the targeted axis point\n    pointer-events: none; // prevents tooltip hover from being interrupted by this element since it renders after on the dom\n  }\n`;\n\n// options that should apply to time series charts\nexport const timeSeriesChartStyles = css<\n  Readonly<{\n    $colors: ReadonlyArray<TypeChartStyleColor>;\n    $hasOnClick: TypeChartStyleHasOnClick;\n  }>\n>`\n  ${baseChartStyles}\n\n  // vertical crosshair styles\n\t.highcharts-crosshair {\n    stroke: ${({ theme }) => theme.colors.container.border.decorative.neutral};\n    stroke-width: 1;\n  }\n\n  // axis and gridline styles\n  .highcharts-grid-line {\n    stroke: ${({ theme }) => theme.colors.container.border.base};\n  }\n\n  .highcharts-axis-line {\n    stroke: ${({ theme }) => theme.colors.container.border.base};\n  }\n\n  .highcharts-tick {\n    stroke: none;\n  }\n  .highcharts-xaxis-labels,\n  .highcharts-yaxis-labels {\n    // v1 HTML labels (useHTML: true). v2 SVG label styles live in\n    // charts/shared/styles.ts (axisLabelV2Styles) — don't add v2 rules here.\n    > span {\n      font-family: ${({ theme }) => theme.fontFamily};\n      ${({ theme }) => theme.typography[100]};\n      font-weight: ${({ theme }) => theme.fontWeights.normal};\n      color: ${({ theme }) => theme.colors.text.subtext};\n    }\n  }\n  .highcharts-xaxis-labels {\n    // v1 HTML stacked labels (useHTML: true). v2 SVG stacked-label styles live\n    // in charts/shared/styles.ts (axisLabelV2Styles).\n    > span {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      > span:nth-of-type(2) {\n        font-weight: ${({ theme }) => theme.fontWeights.semibold};\n      }\n    }\n  }\n\n  // we don't want to drop the opacity when another item is hovered\n  .highcharts-series-inactive {\n    opacity: 1;\n  }\n\n  // apply cursor pointer when click functionality is turned on\n  ${({ $hasOnClick }) =>\n    $hasOnClick &&\n    `\n \t\t\t.highcharts-series,\n \t\t\t.highcharts-point {\n \t\t\t\tcursor: pointer;\n \t\t\t}\n \t\t\t.highcharts-plot-background,\n \t\t\t.highcharts-crosshair,\n \t\t\t.highcharts-grid-line {\n \t\t\t\tfill: transparent;\n \t\t\t\tcursor: pointer;\n \t\t}`}\n\n  path.highcharts-plot-line.y-axis-zero-line {\n    stroke: ${({ theme }) => theme.colors.container.border.decorative.neutral};\n  }\n`;\n\n// options that should apply to line charts\nexport const lineChartStyles = css<\n  Readonly<{\n    $colors: ReadonlyArray<TypeChartStyleColor>;\n    $patterns: ReadonlyArray<TypeChartStylePattern>;\n    $hasOnClick: TypeChartStyleHasOnClick;\n  }>\n>`\n  ${timeSeriesChartStyles}\n\n  // set the line stroke\n\t.highcharts-graph {\n    stroke-width: 3;\n  }\n\n  // dashed line styles\n  ${({ $patterns }) =>\n    $patterns.map((pattern, index) => {\n      return pattern === \"dashed\"\n        ? `\n \t\t\t\t\t// highcharts already accounts for 10 series, but if we have more, we need to add them\n \t\t\t\t\t.highcharts-series-${index} {\n \t\t\t\t\t\tstroke-dasharray: 2, 8;\n \t\t\t\t\t}`\n        : \"\";\n    })}\n`;\n\n// options that should apply to area charts\nexport const areaChartStyles = css`\n  ${timeSeriesChartStyles}\n\n  // don't need to show a stroke for the line part of each area\n\t.highcharts-graph {\n    stroke-width: 0;\n  }\n\n  // fill areas to full opacity\n  .highcharts-area {\n    fill-opacity: 1;\n  }\n`;\n\n// options that should apply to donut charts\nexport const donutChartStyles = css<\n  Readonly<{\n    $colors: ReadonlyArray<TypeChartStyleColor>;\n    $hasOnClick: TypeChartStyleHasOnClick;\n  }>\n>`\n  ${baseChartStyles}\n\n  // remove 250ms fade in/out when hovering over different donut chart slices\n\t.highcharts-point {\n    transition: opacity 0s;\n  }\n\n  // remove stroke on donut slices\n  .highcharts-pie-series .highcharts-point {\n    stroke: none;\n  }\n\n  // don't reduce opacity when hovering\n  .highcharts-point-hover {\n    fill-opacity: none;\n  }\n\n  // apply cursor pointer when click functionality is turned on\n  ${({ $hasOnClick }) =>\n    $hasOnClick &&\n    `\n \t\t\t.highcharts-series,\n \t\t\t.highcharts-point {\n \t\t\t\tcursor: pointer;\n \t\t\t}\n \t\t\t.highcharts-plot-background,\n \t\t\t.highcharts-crosshair,\n \t\t\t.highcharts-grid-line {\n \t\t\t\tfill: transparent;\n \t\t\t\tcursor: pointer;\n \t\t}`}\n`;\n"],"mappings":"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","names":["jsx","props","Box","jsx","Box","theme","ChartLegendLabel","memo","Box","theme","jsx","memo","ChartLegend","Box","theme","memo","jsx","ChartTooltip","memo","jsx","ChartTooltipFooter","memo","jsx","ChartTooltipHeader","memo","ChartTooltipPortal","memo","styled","Text","jsx","theme","ChartTable","memo","jsx","memo","ChartTooltipTable","memo","Text","jsx","ChartTooltipTitle","theme","css","theme","css","theme"]}

package/dist/esm/{chunk-OZ7SPMTQ.js → chunk-AL3OTBTT.js}

@@ -1,6 +1,6 @@
 import {
   datetimeFormatter
-} from "./chunk-XEFCGFCF.js";
+} from "./chunk-CYCKJ5ML.js";
 
 // src/charts/shared/axisOptions.ts
 function makeDatetimeAxisLabelFormatter(timezone, timeFormat) {
@@ -53,4 +53,4 @@ export {
   buildDimensionalAxis,
   resolveTooltipOptions
 };
-//# sourceMappingURL=chunk-OZ7SPMTQ.js.map
+//# sourceMappingURL=chunk-AL3OTBTT.js.map

package/dist/esm/{chunk-XEFCGFCF.js → chunk-CYCKJ5ML.js}

@@ -10,7 +10,7 @@ import {
   GlobalChartStyleOverrides,
   WORD_CLOUD_CHART_HEIGHT,
   transformTimeSeriesTooltipData
-} from "./chunk-VCTZWYEM.js";
+} from "./chunk-332X77M5.js";
 
 // src/charts/shared/baseChartOptions.ts
 function buildBaseChartOptions({
@@ -268,6 +268,9 @@ function buildWordCloudOptions(props, containerWidth, hasActiveNames = false) {
         // spiral stays registered in chartBase.tsx for now; drop it if
         // rectangular holds up in-app.
         spiral: "rectangular",
+        // Highcharts' wordcloud module defaults `style.fontWeight` to `"900"`
+        // (heavy bold) — overridden to normal weight.
+        style: { fontWeight: "normal" },
         // `seedsWordPadding` (a pure function above, registered onto
         // Highcharts in chartBase.tsx) approximates word spacing, which
         // Highcharts' wordcloud module has no native option for; it reads
@@ -695,18 +698,42 @@ function DefaultChartTooltip({
   hideTitle,
   hideTotal = false
 }) {
+  const usePercentColumn = data.filter((d) => d.percent != null && !isNaN(d.percent)).length > 1;
   const rows = data.map((d) => {
     const formattedValue = d.value == null ? invalidNumberLabel ?? "\u2014" : valueFormatter({ ...valueFormat, value: d.value, abbreviate: false });
     const nameCell = {
       content: /* @__PURE__ */ jsx3(ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ jsx3(ChartLabelWithIcon, { icon: d.icon, children: /* @__PURE__ */ jsx3(Text, { "aria-label": `${d.name}: `, children: d.name }) }) })
     };
+    const percent = d.percent;
+    if (usePercentColumn) {
+      return {
+        cells: [
+          nameCell,
+          {
+            content: percent != null && !isNaN(percent) ? /* @__PURE__ */ jsxs3(Text, { children: [
+              Math.round(percent),
+              "%"
+            ] }) : null,
+            align: "right",
+            pr: 350,
+            style: { width: "1%", whiteSpace: "nowrap" }
+          },
+          {
+            content: /* @__PURE__ */ jsx3(Text, { children: formattedValue }),
+            align: "right",
+            pl: 0,
+            style: { width: "1%", whiteSpace: "nowrap" }
+          }
+        ]
+      };
+    }
     return {
       cells: [
         nameCell,
         {
-          content: d.percent != null && !isNaN(d.percent) ? /* @__PURE__ */ jsxs3(Box2, { display: "inline-flex", alignItems: "center", gap: 350, children: [
+          content: percent != null && !isNaN(percent) ? /* @__PURE__ */ jsxs3(Box2, { display: "inline-flex", alignItems: "center", gap: 350, children: [
             /* @__PURE__ */ jsxs3(Text, { children: [
-              Math.round(d.percent),
+              Math.round(percent),
               "%"
             ] }),
             /* @__PURE__ */ jsx3(Text, { fontWeight: "semibold", children: formattedValue })
@@ -723,6 +750,10 @@ function DefaultChartTooltip({
       isAppendedRow: true,
       cells: [
         {
+          // In column mode the Total has no percent, so span the label
+          // across the name + percent columns; the value then lands in
+          // the value column (col 3) without an empty <td>.
+          colSpan: usePercentColumn ? 2 : 1,
           content: /* @__PURE__ */ jsx3(Text, { fontWeight: "semibold", "aria-label": "Total: ", children: "Total" })
         },
         {
@@ -732,7 +763,20 @@ function DefaultChartTooltip({
             value: total,
             abbreviate: false
           }) }),
-          align: "right"
+          align: "right",
+          // Only collapse to content width in percent-column mode, matching
+          // the per-series value cells above (which are gated the same way).
+          // In non-percent multi-series mode the Total stays a plain
+          // right-aligned cell so regular stacking is untouched (ticket
+          // scope) and the Total matches the series value cells stacked
+          // above it.
+          ...usePercentColumn ? {
+            pl: 0,
+            style: {
+              width: "1%",
+              whiteSpace: "nowrap"
+            }
+          } : {}
         }
       ]
     }
@@ -780,6 +824,15 @@ var SeriesLegend = memo3(function SeriesLegend2({
   return /* @__PURE__ */ jsx4(ChartLegend, { legendLabels: labels });
 });
 
+// src/charts/shared/stacking.ts
+function isChartPercentStacked(options) {
+  const plotOptions = options.plotOptions;
+  if (!plotOptions) return false;
+  return Object.values(plotOptions).some(
+    (slot) => slot != null && typeof slot === "object" && slot.stacking === "percent"
+  );
+}
+
 // src/charts/shared/chartExport.ts
 function defaultFilename(type, now) {
   const iso = now.toISOString();
@@ -1117,19 +1170,29 @@ function ChartRenderer({
           ] : (
             // Drop v1's `readonly` wrapper (v2 is mutable); icon is forwarded
             // from `series[]` by index below since the helper doesn't carry it.
-            transformTimeSeriesTooltipData({
-              context,
-              data: series.map((s, i) => ({
-                name: s.name,
-                points: [],
-                styles: { color: s.color ?? colors[i] ?? "" }
-              }))
-            }).map((row, i) => ({
-              color: row.color,
-              name: row.name,
-              value: row.value,
-              icon: series[i]?.icon
-            }))
+            (() => {
+              const showPercent = isChartPercentStacked(options) && series.length > 1;
+              const pctCtx = context;
+              const pointIndex = pctCtx.point.index;
+              const chartSeries = pctCtx.series.chart.series;
+              return transformTimeSeriesTooltipData({
+                context,
+                data: series.map((s, i) => ({
+                  name: s.name,
+                  points: [],
+                  styles: { color: s.color ?? colors[i] ?? "" }
+                }))
+              }).map((row, i) => {
+                const percentage = chartSeries[i]?.points?.[pointIndex]?.percentage;
+                return {
+                  color: row.color,
+                  name: row.name,
+                  value: row.value,
+                  icon: series[i]?.icon,
+                  ...showPercent && typeof percentage === "number" && !isNaN(percentage) ? { percent: percentage } : {}
+                };
+              });
+            })()
           );
           const position = isPie || isPackedBubble ? ctx.key ?? ctx.point.name : context.x;
           const tickPositions = ctx.points?.[0]?.series?.xAxis?.tickPositions;
@@ -1180,4 +1243,4 @@ export {
   useSeedsChartSetup,
   ChartRenderer
 };
-//# sourceMappingURL=chunk-XEFCGFCF.js.map
+//# sourceMappingURL=chunk-CYCKJ5ML.js.map